@buerli.io/core 1.0.0 → 1.0.1-beta.2

package/build/cjs/geometry/index.js

@@ -1,17 +1,17 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./ThreeGeometryCreator"), exports);
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ThreeGeometryCreator"), exports);

package/build/cjs/graphic/filters.js

@@ -1,25 +1,25 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.solidFilter = exports.loopFilter = exports.planeFilter = exports.meshFilter = exports.pointFilter = exports.arcCircleFilter = exports.circleFilter = exports.arcFilter = exports.edgeFilter = exports.lineFilter = void 0;
-const re_export_1 = require("../re-export");
-const selection_1 = require("../store/states/selection");
-const lineFilter = (scope, data) => scope === selection_1.BuerliScope && data === re_export_1.GraphicType.LINE;
-exports.lineFilter = lineFilter;
-const edgeFilter = (scope, data) => scope === selection_1.BuerliScope && re_export_1.EdgeTypes.includes(data);
-exports.edgeFilter = edgeFilter;
-const arcFilter = (scope, data) => scope === selection_1.BuerliScope && data === re_export_1.GraphicType.ARC;
-exports.arcFilter = arcFilter;
-const circleFilter = (scope, data) => scope === selection_1.BuerliScope && data === re_export_1.GraphicType.CIRCLE;
-exports.circleFilter = circleFilter;
-const arcCircleFilter = (scope, data) => scope === selection_1.BuerliScope && (data === re_export_1.GraphicType.ARC || data === re_export_1.GraphicType.CIRCLE);
-exports.arcCircleFilter = arcCircleFilter;
-const pointFilter = (scope, data) => scope === selection_1.BuerliScope && data === re_export_1.GraphicType.POINT;
-exports.pointFilter = pointFilter;
-const meshFilter = (scope, data) => scope === selection_1.BuerliScope && re_export_1.MeshTypes.includes(data);
-exports.meshFilter = meshFilter;
-const planeFilter = (scope, data) => scope === selection_1.BuerliScope && data === re_export_1.GraphicType.PLANE;
-exports.planeFilter = planeFilter;
-const loopFilter = (scope, data) => scope === selection_1.BuerliScope && data === re_export_1.GraphicType.LOOP;
-exports.loopFilter = loopFilter;
-const solidFilter = (scope, data) => scope === selection_1.BuerliScope && data === re_export_1.GraphicType.BREP;
-exports.solidFilter = solidFilter;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.solidFilter = exports.loopFilter = exports.planeFilter = exports.meshFilter = exports.pointFilter = exports.arcCircleFilter = exports.circleFilter = exports.arcFilter = exports.edgeFilter = exports.lineFilter = void 0;
+const re_export_1 = require("../re-export");
+const selection_1 = require("../store/states/selection");
+const lineFilter = (scope, data) => scope === selection_1.BuerliScope && data === re_export_1.GraphicType.LINE;
+exports.lineFilter = lineFilter;
+const edgeFilter = (scope, data) => scope === selection_1.BuerliScope && re_export_1.EdgeTypes.includes(data);
+exports.edgeFilter = edgeFilter;
+const arcFilter = (scope, data) => scope === selection_1.BuerliScope && data === re_export_1.GraphicType.ARC;
+exports.arcFilter = arcFilter;
+const circleFilter = (scope, data) => scope === selection_1.BuerliScope && data === re_export_1.GraphicType.CIRCLE;
+exports.circleFilter = circleFilter;
+const arcCircleFilter = (scope, data) => scope === selection_1.BuerliScope && (data === re_export_1.GraphicType.ARC || data === re_export_1.GraphicType.CIRCLE);
+exports.arcCircleFilter = arcCircleFilter;
+const pointFilter = (scope, data) => scope === selection_1.BuerliScope && data === re_export_1.GraphicType.POINT;
+exports.pointFilter = pointFilter;
+const meshFilter = (scope, data) => scope === selection_1.BuerliScope && re_export_1.MeshTypes.includes(data);
+exports.meshFilter = meshFilter;
+const planeFilter = (scope, data) => scope === selection_1.BuerliScope && data === re_export_1.GraphicType.PLANE;
+exports.planeFilter = planeFilter;
+const loopFilter = (scope, data) => scope === selection_1.BuerliScope && data === re_export_1.GraphicType.LOOP;
+exports.loopFilter = loopFilter;
+const solidFilter = (scope, data) => scope === selection_1.BuerliScope && data === re_export_1.GraphicType.BREP;
+exports.solidFilter = solidFilter;

package/build/cjs/index.js

@@ -1,26 +1,26 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./store"), exports);
-__exportStar(require("./geometry"), exports);
-__exportStar(require("./types"), exports);
-__exportStar(require("./utils/Math"), exports);
-__exportStar(require("./utils/Measure"), exports);
-__exportStar(require("./utils/Timing"), exports);
-__exportStar(require("./store/subscribtion/subscribeToDrawing"), exports);
-__exportStar(require("./graphic/filters"), exports);
-__exportStar(require("./re-export"), exports);
-//#endregion Re-export type definitions
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./store"), exports);
+__exportStar(require("./geometry"), exports);
+__exportStar(require("./types"), exports);
+__exportStar(require("./utils/Math"), exports);
+__exportStar(require("./utils/Measure"), exports);
+__exportStar(require("./utils/Timing"), exports);
+__exportStar(require("./store/subscribtion/subscribeToDrawing"), exports);
+__exportStar(require("./graphic/filters"), exports);
+__exportStar(require("./re-export"), exports);
+//#endregion Re-export type definitions

package/build/cjs/re-export.js

@@ -1,29 +1,29 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PointTypes = exports.MeshTypes = exports.MemberType = exports.GraphicType = exports.EntityTypes = exports.EdgeTypes = exports.CurveTypes = exports.ContainerType = exports.classMap = exports.CCClasses = exports.WorkPointType = exports.WorkPlaneType = exports.WorkCoordSystemType = exports.WorkAxisType = exports.ViewType = exports.SVGModusType = exports.ReorientedType = exports.OrientationType = exports.NOID = exports.FlipType = exports.ExtrusionType = exports.DataType = exports.ChamferType = exports.BooleanOperationType = void 0;
-const api_js_1 = require("@classcad/api-js");
-Object.defineProperty(exports, "classMap", { enumerable: true, get: function () { return api_js_1.ScgClassInheritance; } });
-Object.defineProperty(exports, "CCClasses", { enumerable: true, get: function () { return api_js_1.ScgClassType; } });
-Object.defineProperty(exports, "ContainerType", { enumerable: true, get: function () { return api_js_1.ScgContainerType; } });
-Object.defineProperty(exports, "CurveTypes", { enumerable: true, get: function () { return api_js_1.ScgCurveTypes; } });
-Object.defineProperty(exports, "EdgeTypes", { enumerable: true, get: function () { return api_js_1.ScgEdgeTypes; } });
-Object.defineProperty(exports, "EntityTypes", { enumerable: true, get: function () { return api_js_1.ScgEntityTypes; } });
-Object.defineProperty(exports, "GraphicType", { enumerable: true, get: function () { return api_js_1.ScgGraphicType; } });
-Object.defineProperty(exports, "MemberType", { enumerable: true, get: function () { return api_js_1.ScgMemberType; } });
-Object.defineProperty(exports, "MeshTypes", { enumerable: true, get: function () { return api_js_1.ScgMeshTypes; } });
-Object.defineProperty(exports, "PointTypes", { enumerable: true, get: function () { return api_js_1.ScgPointTypes; } });
-var api_js_2 = require("@classcad/api-js");
-Object.defineProperty(exports, "BooleanOperationType", { enumerable: true, get: function () { return api_js_2.BooleanOperationType; } });
-Object.defineProperty(exports, "ChamferType", { enumerable: true, get: function () { return api_js_2.ChamferType; } });
-Object.defineProperty(exports, "DataType", { enumerable: true, get: function () { return api_js_2.DataType; } });
-Object.defineProperty(exports, "ExtrusionType", { enumerable: true, get: function () { return api_js_2.ExtrusionType; } });
-Object.defineProperty(exports, "FlipType", { enumerable: true, get: function () { return api_js_2.FlipType; } });
-Object.defineProperty(exports, "NOID", { enumerable: true, get: function () { return api_js_2.NOID; } });
-Object.defineProperty(exports, "OrientationType", { enumerable: true, get: function () { return api_js_2.OrientationType; } });
-Object.defineProperty(exports, "ReorientedType", { enumerable: true, get: function () { return api_js_2.ReorientedType; } });
-Object.defineProperty(exports, "SVGModusType", { enumerable: true, get: function () { return api_js_2.SVGModusType; } });
-Object.defineProperty(exports, "ViewType", { enumerable: true, get: function () { return api_js_2.ViewType; } });
-Object.defineProperty(exports, "WorkAxisType", { enumerable: true, get: function () { return api_js_2.WorkAxisType; } });
-Object.defineProperty(exports, "WorkCoordSystemType", { enumerable: true, get: function () { return api_js_2.WorkCoordSystemType; } });
-Object.defineProperty(exports, "WorkPlaneType", { enumerable: true, get: function () { return api_js_2.WorkPlaneType; } });
-Object.defineProperty(exports, "WorkPointType", { enumerable: true, get: function () { return api_js_2.WorkPointType; } });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PointTypes = exports.MeshTypes = exports.MemberType = exports.GraphicType = exports.EntityTypes = exports.EdgeTypes = exports.CurveTypes = exports.ContainerType = exports.classMap = exports.CCClasses = exports.WorkPointType = exports.WorkPlaneType = exports.WorkCoordSystemType = exports.WorkAxisType = exports.ViewType = exports.SVGModusType = exports.ReorientedType = exports.OrientationType = exports.NOID = exports.FlipType = exports.ExtrusionType = exports.DataType = exports.ChamferType = exports.BooleanOperationType = void 0;
+const api_js_1 = require("@classcad/api-js");
+Object.defineProperty(exports, "classMap", { enumerable: true, get: function () { return api_js_1.ScgClassInheritance; } });
+Object.defineProperty(exports, "CCClasses", { enumerable: true, get: function () { return api_js_1.ScgClassType; } });
+Object.defineProperty(exports, "ContainerType", { enumerable: true, get: function () { return api_js_1.ScgContainerType; } });
+Object.defineProperty(exports, "CurveTypes", { enumerable: true, get: function () { return api_js_1.ScgCurveTypes; } });
+Object.defineProperty(exports, "EdgeTypes", { enumerable: true, get: function () { return api_js_1.ScgEdgeTypes; } });
+Object.defineProperty(exports, "EntityTypes", { enumerable: true, get: function () { return api_js_1.ScgEntityTypes; } });
+Object.defineProperty(exports, "GraphicType", { enumerable: true, get: function () { return api_js_1.ScgGraphicType; } });
+Object.defineProperty(exports, "MemberType", { enumerable: true, get: function () { return api_js_1.ScgMemberType; } });
+Object.defineProperty(exports, "MeshTypes", { enumerable: true, get: function () { return api_js_1.ScgMeshTypes; } });
+Object.defineProperty(exports, "PointTypes", { enumerable: true, get: function () { return api_js_1.ScgPointTypes; } });
+var api_js_2 = require("@classcad/api-js");
+Object.defineProperty(exports, "BooleanOperationType", { enumerable: true, get: function () { return api_js_2.BooleanOperationType; } });
+Object.defineProperty(exports, "ChamferType", { enumerable: true, get: function () { return api_js_2.ChamferType; } });
+Object.defineProperty(exports, "DataType", { enumerable: true, get: function () { return api_js_2.DataType; } });
+Object.defineProperty(exports, "ExtrusionType", { enumerable: true, get: function () { return api_js_2.ExtrusionType; } });
+Object.defineProperty(exports, "FlipType", { enumerable: true, get: function () { return api_js_2.FlipType; } });
+Object.defineProperty(exports, "NOID", { enumerable: true, get: function () { return api_js_2.NOID; } });
+Object.defineProperty(exports, "OrientationType", { enumerable: true, get: function () { return api_js_2.OrientationType; } });
+Object.defineProperty(exports, "ReorientedType", { enumerable: true, get: function () { return api_js_2.ReorientedType; } });
+Object.defineProperty(exports, "SVGModusType", { enumerable: true, get: function () { return api_js_2.SVGModusType; } });
+Object.defineProperty(exports, "ViewType", { enumerable: true, get: function () { return api_js_2.ViewType; } });
+Object.defineProperty(exports, "WorkAxisType", { enumerable: true, get: function () { return api_js_2.WorkAxisType; } });
+Object.defineProperty(exports, "WorkCoordSystemType", { enumerable: true, get: function () { return api_js_2.WorkCoordSystemType; } });
+Object.defineProperty(exports, "WorkPlaneType", { enumerable: true, get: function () { return api_js_2.WorkPlaneType; } });
+Object.defineProperty(exports, "WorkPointType", { enumerable: true, get: function () { return api_js_2.WorkPointType; } });

package/build/cjs/store/index.js

@@ -1,37 +1,37 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.updateMessage = exports.showMessage = exports.init = exports.getPlugin = exports.getDrawing = exports.api = exports.createGraphicItem = exports.BuerliScope = exports.BuerliMessageScope = void 0;
-const store_1 = require("./store");
-function getDrawing(id) {
-    const { drawing } = store_1.api.getState();
-    return drawing.refs[id];
-}
-exports.getDrawing = getDrawing;
-/**
- * @returns PluginState or undefined if either drawing or plugin don't exist
- */
-function getPlugin(drawingId, pluginId) {
-    var _a;
-    const { drawing } = store_1.api.getState();
-    return (_a = drawing.refs[drawingId]) === null || _a === void 0 ? void 0 : _a.plugin.refs[pluginId];
-}
-exports.getPlugin = getPlugin;
-function init(options) {
-    store_1.api.getState().api.init(options);
-}
-exports.init = init;
-function showMessage(message) {
-    return store_1.api.getState().message.api.show(message);
-}
-exports.showMessage = showMessage;
-function updateMessage(id, message) {
-    store_1.api.getState().message.api.update(id, message);
-}
-exports.updateMessage = updateMessage;
-var message_1 = require("./states/message");
-Object.defineProperty(exports, "BuerliMessageScope", { enumerable: true, get: function () { return message_1.BuerliMessageScope; } });
-var selection_1 = require("./states/selection");
-Object.defineProperty(exports, "BuerliScope", { enumerable: true, get: function () { return selection_1.BuerliScope; } });
-Object.defineProperty(exports, "createGraphicItem", { enumerable: true, get: function () { return selection_1.createGraphicItem; } });
-var store_2 = require("./store");
-Object.defineProperty(exports, "api", { enumerable: true, get: function () { return store_2.api; } });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updateMessage = exports.showMessage = exports.init = exports.getPlugin = exports.getDrawing = exports.api = exports.createGraphicItem = exports.BuerliScope = exports.BuerliMessageScope = void 0;
+const store_1 = require("./store");
+function getDrawing(id) {
+    const { drawing } = store_1.api.getState();
+    return drawing.refs[id];
+}
+exports.getDrawing = getDrawing;
+/**
+ * @returns PluginState or undefined if either drawing or plugin don't exist
+ */
+function getPlugin(drawingId, pluginId) {
+    var _a;
+    const { drawing } = store_1.api.getState();
+    return (_a = drawing.refs[drawingId]) === null || _a === void 0 ? void 0 : _a.plugin.refs[pluginId];
+}
+exports.getPlugin = getPlugin;
+function init(options) {
+    store_1.api.getState().api.init(options);
+}
+exports.init = init;
+function showMessage(message) {
+    return store_1.api.getState().message.api.show(message);
+}
+exports.showMessage = showMessage;
+function updateMessage(id, message) {
+    store_1.api.getState().message.api.update(id, message);
+}
+exports.updateMessage = updateMessage;
+var message_1 = require("./states/message");
+Object.defineProperty(exports, "BuerliMessageScope", { enumerable: true, get: function () { return message_1.BuerliMessageScope; } });
+var selection_1 = require("./states/selection");
+Object.defineProperty(exports, "BuerliScope", { enumerable: true, get: function () { return selection_1.BuerliScope; } });
+Object.defineProperty(exports, "createGraphicItem", { enumerable: true, get: function () { return selection_1.createGraphicItem; } });
+var store_2 = require("./store");
+Object.defineProperty(exports, "api", { enumerable: true, get: function () { return store_2.api; } });

package/build/cjs/store/states/buerli.js

@@ -1,98 +1,98 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.drawingManagementApi = exports.generalApi = exports.createState = void 0;
-const drawing_1 = require("./drawing");
-const message_1 = require("./message");
-const initError = 'Please call the init action before you use the buerli store.';
-const createState = (set, get, buerliApi) => (Object.assign({ initDone: false, options: {
-        elements: {},
-        plugins: {},
-        globalPlugins: [],
-        theme: {
-            primary: '#e36b7c',
-            secondary: '#fcc7cb',
-            dark: '#54545d',
-            highlightedGeom: '#e36b7c',
-            hoveredGeom: '#40a9ff',
-        },
-        config: {
-            geometry: { points: { hidden: true }, edges: { color: 'black' } },
-        },
-    }, drawing: {
-        ids: [],
-        refs: {},
-        active: null,
-    }, api: Object.assign(Object.assign({}, (0, exports.generalApi)(set, get, buerliApi)), (0, exports.drawingManagementApi)(set, get, buerliApi)) }, (0, message_1.getInitialMessageState)(set, get, buerliApi)));
-exports.createState = createState;
-const generalApi = set => ({
-    // TODO: rename init to setOptions and remove initDone if everything is ok
-    /**
-     * This api method initializes state. Considering user can accidentally ommit some important like elements,
-     * there is a warning disaplying for these cases.
-     *
-     * @param options - options which will be set into state.options
-     */
-    init(options) {
-        set(state => ({ options: Object.assign(Object.assign({}, state.options), options), initDone: true }));
-    },
-});
-exports.generalApi = generalApi;
-const drawingManagementApi = (set, get, buerliApi) => ({
-    async createDrawing(name) {
-        const { initDone, drawing } = get();
-        if (!initDone)
-            throw new Error(initError);
-        const drawingState = (0, drawing_1.createDrawingState)(sel => set(state => {
-            const newState = typeof sel === 'function' ? sel(state.drawing.refs[drawingState.id]) : sel;
-            return {
-                drawing: Object.assign(Object.assign({}, state.drawing), { refs: Object.assign(Object.assign({}, state.drawing.refs), { [drawingState.id]: Object.assign(Object.assign({}, state.drawing.refs[drawingState.id]), newState) }) }),
-            };
-        }), () => get().drawing.refs[drawingState.id], buerliApi, drawing.ids.length, name);
-        set(state => ({
-            drawing: Object.assign(Object.assign({}, state.drawing), { refs: Object.assign(Object.assign({}, state.drawing.refs), { [drawingState.id]: drawingState }), ids: [...state.drawing.ids, drawingState.id], active: drawingState.id }),
-        }));
-        // Initialize global plugins
-        get().options.globalPlugins.forEach(def => get().drawing.refs[drawingState.id].api.plugin.createPlugin(def));
-        return drawingState;
-    },
-    removeDrawing(id) {
-        const { initDone } = get();
-        if (!initDone)
-            throw new Error(initError);
-        // Note:
-        // Since it can lead to unexpected behaviour because of updating everything at once
-        // split the state modification into two parts.
-        // 1. Reset active drawing
-        // 2. Remove drawing from state
-        // Give the listeners the possibility to handle the active drawing before it is removed.
-        // There was exactly such a situation in buerli-examples, where a cad instance of buerli-headless
-        // was destroyed (removes drawing as well) while a components is going to be unmounted, but an
-        // other component already binds to the active drawing before it is removed. Yes, it can be handled
-        // by the application but it makes sense to pay attention to this behaviour at this place already.
-        // 1.
-        // Calculate and set the active drawing before removing the drawing from the store.
-        set(state => {
-            const index = state.drawing.ids.indexOf(id);
-            // Pick close by drawing unless another drawing has been active all along
-            const active = index >= 0 && state.drawing.active === id
-                ? state.drawing.ids[index + 1] || state.drawing.ids[index - 1] || null
-                : state.drawing.active;
-            return { drawing: Object.assign(Object.assign({}, state.drawing), { active }) };
-        });
-        // 2.
-        // Remove drawing from store.
-        set(state => {
-            const refs = Object.assign({}, state.drawing.refs);
-            const ids = state.drawing.ids.filter(d => d !== id);
-            delete refs[id];
-            return { drawing: Object.assign(Object.assign({}, state.drawing), { refs, ids }) };
-        });
-    },
-    setActiveDrawing(id) {
-        const { initDone, drawing } = get();
-        if (!initDone)
-            throw new Error(initError);
-        set({ drawing: Object.assign(Object.assign({}, drawing), { active: id }) });
-    },
-});
-exports.drawingManagementApi = drawingManagementApi;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.drawingManagementApi = exports.generalApi = exports.createState = void 0;
+const drawing_1 = require("./drawing");
+const message_1 = require("./message");
+const initError = 'Please call the init action before you use the buerli store.';
+const createState = (set, get, buerliApi) => (Object.assign({ initDone: false, options: {
+        elements: {},
+        plugins: {},
+        globalPlugins: [],
+        theme: {
+            primary: '#e36b7c',
+            secondary: '#fcc7cb',
+            dark: '#54545d',
+            highlightedGeom: '#e36b7c',
+            hoveredGeom: '#40a9ff',
+        },
+        config: {
+            geometry: { points: { hidden: true }, edges: { color: 'black' } },
+        },
+    }, drawing: {
+        ids: [],
+        refs: {},
+        active: null,
+    }, api: Object.assign(Object.assign({}, (0, exports.generalApi)(set, get, buerliApi)), (0, exports.drawingManagementApi)(set, get, buerliApi)) }, (0, message_1.getInitialMessageState)(set, get, buerliApi)));
+exports.createState = createState;
+const generalApi = set => ({
+    // TODO: rename init to setOptions and remove initDone if everything is ok
+    /**
+     * This api method initializes state. Considering user can accidentally ommit some important like elements,
+     * there is a warning disaplying for these cases.
+     *
+     * @param options - options which will be set into state.options
+     */
+    init(options) {
+        set(state => ({ options: Object.assign(Object.assign({}, state.options), options), initDone: true }));
+    },
+});
+exports.generalApi = generalApi;
+const drawingManagementApi = (set, get, buerliApi) => ({
+    async createDrawing(name) {
+        const { initDone, drawing } = get();
+        if (!initDone)
+            throw new Error(initError);
+        const drawingState = (0, drawing_1.createDrawingState)(sel => set(state => {
+            const newState = typeof sel === 'function' ? sel(state.drawing.refs[drawingState.id]) : sel;
+            return {
+                drawing: Object.assign(Object.assign({}, state.drawing), { refs: Object.assign(Object.assign({}, state.drawing.refs), { [drawingState.id]: Object.assign(Object.assign({}, state.drawing.refs[drawingState.id]), newState) }) }),
+            };
+        }), () => get().drawing.refs[drawingState.id], buerliApi, drawing.ids.length, name);
+        set(state => ({
+            drawing: Object.assign(Object.assign({}, state.drawing), { refs: Object.assign(Object.assign({}, state.drawing.refs), { [drawingState.id]: drawingState }), ids: [...state.drawing.ids, drawingState.id], active: drawingState.id }),
+        }));
+        // Initialize global plugins
+        get().options.globalPlugins.forEach(def => get().drawing.refs[drawingState.id].api.plugin.createPlugin(def));
+        return drawingState;
+    },
+    removeDrawing(id) {
+        const { initDone } = get();
+        if (!initDone)
+            throw new Error(initError);
+        // Note:
+        // Since it can lead to unexpected behaviour because of updating everything at once
+        // split the state modification into two parts.
+        // 1. Reset active drawing
+        // 2. Remove drawing from state
+        // Give the listeners the possibility to handle the active drawing before it is removed.
+        // There was exactly such a situation in buerli-examples, where a cad instance of buerli-headless
+        // was destroyed (removes drawing as well) while a components is going to be unmounted, but an
+        // other component already binds to the active drawing before it is removed. Yes, it can be handled
+        // by the application but it makes sense to pay attention to this behaviour at this place already.
+        // 1.
+        // Calculate and set the active drawing before removing the drawing from the store.
+        set(state => {
+            const index = state.drawing.ids.indexOf(id);
+            // Pick close by drawing unless another drawing has been active all along
+            const active = index >= 0 && state.drawing.active === id
+                ? state.drawing.ids[index + 1] || state.drawing.ids[index - 1] || null
+                : state.drawing.active;
+            return { drawing: Object.assign(Object.assign({}, state.drawing), { active }) };
+        });
+        // 2.
+        // Remove drawing from store.
+        set(state => {
+            const refs = Object.assign({}, state.drawing.refs);
+            const ids = state.drawing.ids.filter(d => d !== id);
+            delete refs[id];
+            return { drawing: Object.assign(Object.assign({}, state.drawing), { refs, ids }) };
+        });
+    },
+    setActiveDrawing(id) {
+        const { initDone, drawing } = get();
+        if (!initDone)
+            throw new Error(initError);
+        set({ drawing: Object.assign(Object.assign({}, drawing), { active: id }) });
+    },
+});
+exports.drawingManagementApi = drawingManagementApi;

package/build/cjs/store/states/cad.js

@@ -1,47 +1,47 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.cadApi = exports.cadData = void 0;
-const uuid_1 = require("uuid");
-////////////////////////////////////////////////////
-// DATA
-////////////////////////////////////////////////////
-const cadData = () => ({
-    connection: { active: false, connected: false },
-    states: { current: 0, stack: [], captionMap: {} },
-    pending: [],
-});
-exports.cadData = cadData;
-////////////////////////////////////////////////////
-// API
-////////////////////////////////////////////////////
-const cadApi = (set, get, buerliApi) => ({
-    setStates: (current, stack, captionMap) => set(state => ({ cad: Object.assign(Object.assign({}, state.cad), { states: Object.assign(Object.assign({}, state.cad.states), { current, stack, captionMap }) }) })),
-    setCaptionMap: (captionMap) => set(state => ({ cad: Object.assign(Object.assign({}, state.cad), { states: Object.assign(Object.assign({}, state.cad.states), { captionMap }) }) })),
-    addPending: (name, options) => {
-        const id = (0, uuid_1.v4)();
-        set(state => ({
-            cad: Object.assign(Object.assign({}, state.cad), { pending: [...state.cad.pending, Object.assign(Object.assign({}, options), { id, name, stamp: Date.now() })] }),
-        }));
-        return id;
-    },
-    removePending: (id) => {
-        const newPending = get().cad.pending.filter(p => p.id !== id);
-        set(state => ({ cad: Object.assign(Object.assign({}, state.cad), { pending: newPending }) }));
-    },
-    setConnected: (connected) => {
-        return set(state => ({ cad: Object.assign(Object.assign({}, state.cad), { connection: Object.assign(Object.assign({}, state.cad.connection), { connected }) }) }));
-    },
-    setActive: (active) => {
-        return set(state => ({ cad: Object.assign(Object.assign({}, state.cad), { connection: Object.assign(Object.assign({}, state.cad.connection), { active }) }) }));
-    },
-    /**
-     * Clears the pending requests list.
-     *
-     * **This method is designed for interal usage only, please do not use it in user code!**
-     * **It will be removed in a future release!**
-     */
-    clearPending: () => {
-        set(state => ({ cad: Object.assign(Object.assign({}, state.cad), { pending: [] }) }));
-    },
-});
-exports.cadApi = cadApi;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cadApi = exports.cadData = void 0;
+const uuid_1 = require("uuid");
+////////////////////////////////////////////////////
+// DATA
+////////////////////////////////////////////////////
+const cadData = () => ({
+    connection: { active: false, connected: false },
+    states: { current: 0, stack: [], captionMap: {} },
+    pending: [],
+});
+exports.cadData = cadData;
+////////////////////////////////////////////////////
+// API
+////////////////////////////////////////////////////
+const cadApi = (set, get, buerliApi) => ({
+    setStates: (current, stack, captionMap) => set(state => ({ cad: Object.assign(Object.assign({}, state.cad), { states: Object.assign(Object.assign({}, state.cad.states), { current, stack, captionMap }) }) })),
+    setCaptionMap: (captionMap) => set(state => ({ cad: Object.assign(Object.assign({}, state.cad), { states: Object.assign(Object.assign({}, state.cad.states), { captionMap }) }) })),
+    addPending: (name, options) => {
+        const id = (0, uuid_1.v4)();
+        set(state => ({
+            cad: Object.assign(Object.assign({}, state.cad), { pending: [...state.cad.pending, Object.assign(Object.assign({}, options), { id, name, stamp: Date.now() })] }),
+        }));
+        return id;
+    },
+    removePending: (id) => {
+        const newPending = get().cad.pending.filter(p => p.id !== id);
+        set(state => ({ cad: Object.assign(Object.assign({}, state.cad), { pending: newPending }) }));
+    },
+    setConnected: (connected) => {
+        return set(state => ({ cad: Object.assign(Object.assign({}, state.cad), { connection: Object.assign(Object.assign({}, state.cad.connection), { connected }) }) }));
+    },
+    setActive: (active) => {
+        return set(state => ({ cad: Object.assign(Object.assign({}, state.cad), { connection: Object.assign(Object.assign({}, state.cad.connection), { active }) }) }));
+    },
+    /**
+     * Clears the pending requests list.
+     *
+     * **This method is designed for interal usage only, please do not use it in user code!**
+     * **It will be removed in a future release!**
+     */
+    clearPending: () => {
+        set(state => ({ cad: Object.assign(Object.assign({}, state.cad), { pending: [] }) }));
+    },
+});
+exports.cadApi = cadApi;