@infinite-canvas-tutorial/webcomponents/esm/systems/InitCanvas.js

WebComponents UI implementation

import { Camera, Canvas, Children, Circle, Commands, Cursor, Ellipse, FillSolid, Name, Parent, Path, Polyline, Rect, Renderable, Stroke, System, Text, Transform, Visibility, } from '@infinite-canvas-tutorial/ecs';
import { Container } from '../components';
import { Event } from '../event';
import { API, pendingCanvases } from '../API';
export class InitCanvasSystem extends System {
    constructor() {
        super();
        this.commands = new Commands(this);
        this.query((q) => q.using(Container, Canvas, Camera, Name, Cursor, Transform, Parent, Children, Renderable, Visibility, FillSolid, Stroke, Circle, Ellipse, Rect, Polyline, Path, Text).write);
    }
    execute() {
        if (pendingCanvases.length) {
            pendingCanvases.forEach(({ container, canvas, camera }) => {
                const api = new API(container, this.commands);
                api.createCanvas(canvas);
                api.createCamera(camera);
                this.commands.execute();
                container.dispatchEvent(new CustomEvent(Event.READY, { detail: api }));
            });
            pendingCanvases.length = 0;
        }
    }
}
//# sourceMappingURL=InitCanvas.js.map