@infinite-canvas-tutorial/webcomponents/lib/plugins/UI.js

WebComponents UI implementation

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.UIPlugin = void 0;
const ecs_1 = require("@infinite-canvas-tutorial/ecs");
const systems_1 = require("../systems");
const UIPlugin = () => {
    /**
     * Solve the following error:
     * Uncaught (in promise) p: Multiple component types named o; names must be unique at eG.createSystems
     *
     * Usually, this error is caused when the code is bundled.
     */
    Object.defineProperty(systems_1.InitCanvas, 'name', {
        value: 'InitCanvas',
    });
    Object.defineProperty(systems_1.ZoomLevel, 'name', {
        value: 'ZoomLevel',
    });
    Object.defineProperty(systems_1.DownloadScreenshot, 'name', {
        value: 'DownloadScreenshot',
    });
    Object.defineProperty(systems_1.ListenTransformableStatus, 'name', {
        value: 'ListenTransformableStatus',
    });
    Object.defineProperty(systems_1.Comment, 'name', {
        value: 'Comment',
    });
    (0, ecs_1.system)((s) => s.after(ecs_1.PreStartUp).before(systems_1.ZoomLevel).beforeWritersOf(ecs_1.Canvas))(systems_1.InitCanvas);
    (0, ecs_1.system)((s) => s
        .inAnyOrderWithWritersOf(ecs_1.Camera)
        .afterWritersOf(ecs_1.Canvas)
        .after(ecs_1.SyncSimpleTransforms, ecs_1.PropagateTransforms, ecs_1.ComputeBounds, ecs_1.CameraControl, ecs_1.Select, ecs_1.RenderTransformer, ecs_1.RenderHighlighter)
        .before(ecs_1.Last))(systems_1.ZoomLevel);
    (0, ecs_1.system)((s) => s.before(ecs_1.PreStartUp))(systems_1.DownloadScreenshot);
    (0, ecs_1.system)(ecs_1.PreStartUp)(systems_1.ListenTransformableStatus);
    (0, ecs_1.system)(ecs_1.PreStartUp)(systems_1.Comment);
};
exports.UIPlugin = UIPlugin;
//# sourceMappingURL=UI.js.map