@plait/core 0.62.0-next.7 → 0.62.0-next.9

package/fesm2022/plait-core.mjs

@@ -1,6 +1,6 @@
 import { createDraft, finishDraft, isDraft } from 'immer';
 import { isKeyHotkey, isHotkey } from 'is-hotkey';
-import { timer, Subject } from 'rxjs';
+import { Subject } from 'rxjs';
 
 /**
  * @license
@@ -1576,6 +1576,96 @@ var PlaitPluginKey;
     PlaitPluginKey["withSelection"] = "withSelection";
 })(PlaitPluginKey || (PlaitPluginKey = {}));
 
+const TEMPORARY_G = new Map();
+const getTemporaryGArray = (debugKey) => {
+    return TEMPORARY_G.get(debugKey) || [];
+};
+const setTemporaryGArray = (debugKey, gArray) => {
+    TEMPORARY_G.set(debugKey, gArray);
+};
+class DebugGenerator {
+    constructor(debugKey) {
+        this.debugKey = debugKey;
+    }
+    isDebug() {
+        return isDebug(this.debugKey);
+    }
+    clear() {
+        if (!this.isDebug()) {
+            return;
+        }
+        const gArray = getTemporaryGArray(this.debugKey);
+        setTemporaryGArray(this.debugKey, []);
+        gArray.forEach(g => g.remove());
+    }
+    drawPolygon(board, points, options) {
+        if (!isDebug(this.debugKey)) {
+            return;
+        }
+        const polygonG = PlaitBoard.getRoughSVG(board).polygon(points, options || { stroke: 'red' });
+        polygonG.classList.add(this.debugKey);
+        PlaitBoard.getElementActiveHost(board).append(polygonG);
+        const gArray = getTemporaryGArray(this.debugKey);
+        gArray.push(polygonG);
+        setTemporaryGArray(this.debugKey, gArray);
+        return polygonG;
+    }
+    drawLine(board, points, options) {
+        if (!isDebug(this.debugKey)) {
+            return;
+        }
+        const lineG = PlaitBoard.getRoughSVG(board).linearPath(points, options || { stroke: 'red' });
+        lineG.classList.add(this.debugKey);
+        PlaitBoard.getElementActiveHost(board).append(lineG);
+        const gArray = getTemporaryGArray(this.debugKey);
+        gArray.push(lineG);
+        setTemporaryGArray(this.debugKey, gArray);
+        return lineG;
+    }
+    drawRectangle(board, data, options) {
+        if (!isDebug(this.debugKey)) {
+            return;
+        }
+        let rectangle;
+        if (data instanceof Array) {
+            rectangle = RectangleClient.getRectangleByPoints(data);
+        }
+        else {
+            rectangle = data;
+        }
+        const rectangleG = PlaitBoard.getRoughSVG(board).rectangle(rectangle.x, rectangle.y, rectangle.width, rectangle.height, options || { stroke: 'red' });
+        rectangleG.classList.add(this.debugKey);
+        PlaitBoard.getElementActiveHost(board).append(rectangleG);
+        const gArray = getTemporaryGArray(this.debugKey);
+        gArray.push(rectangleG);
+        setTemporaryGArray(this.debugKey, gArray);
+        return rectangleG;
+    }
+    drawCircles(board, points, diameter = 0, isCumulativeDiameter = false, options) {
+        if (!isDebug(this.debugKey)) {
+            return;
+        }
+        const result = [];
+        points.forEach((p, i) => {
+            const circle = PlaitBoard.getRoughSVG(board).circle(p[0], p[1], isCumulativeDiameter ? diameter * (i + 1) : diameter, Object.assign({}, { stroke: 'red', fill: 'red', fillStyle: 'solid' }, options || {}));
+            circle.classList.add(this.debugKey);
+            PlaitBoard.getElementActiveHost(board).append(circle);
+            const gArray = getTemporaryGArray(this.debugKey);
+            gArray.push(circle);
+            result.push(circle);
+            setTemporaryGArray(this.debugKey, gArray);
+        });
+        return result;
+    }
+}
+const createDebugGenerator = (debugKey) => {
+    return new DebugGenerator(debugKey);
+};
+const isDebug = (key) => {
+    const defaultKey = 'debug:plait';
+    return localStorage.getItem(key || defaultKey) === 'true';
+};
+
 const getHitElementsBySelection = (board, selection, match = () => true) => {
     const newSelection = selection || board.selection;
     const rectangleHitElements = [];
@@ -1593,8 +1683,19 @@ const getHitElementsBySelection = (board, selection, match = () => true) => {
         }
     }
     depthFirstRecursion(board, node => {
-        if (!PlaitBoard.isBoard(node) && match(node) && board.isRectangleHit(node, newSelection)) {
-            rectangleHitElements.push(node);
+        if (!PlaitBoard.isBoard(node) && match(node)) {
+            let isRectangleHit = false;
+            try {
+                isRectangleHit = board.isRectangleHit(node, newSelection);
+            }
+            catch (error) {
+                if (isDebug()) {
+                    console.error('isRectangleHit', error, 'node', node);
+                }
+            }
+            if (isRectangleHit) {
+                rectangleHitElements.push(node);
+            }
         }
     }, getIsRecursionFunc(board), true);
     return rectangleHitElements;
@@ -1605,7 +1706,16 @@ const getHitElementsByPoint = (board, point, match = () => true) => {
         if (PlaitBoard.isBoard(node) || !match(node) || !PlaitElement.hasMounted(node)) {
             return;
         }
-        if (board.isHit(node, point)) {
+        let isHit = false;
+        try {
+            isHit = board.isHit(node, point);
+        }
+        catch (error) {
+            if (isDebug()) {
+                console.error('isHit', error, 'node', node);
+            }
+        }
+        if (isHit) {
             hitElements.push(node);
             return;
         }
@@ -1709,7 +1819,9 @@ function drawRoundRectangle(rs, x1, y1, x2, y2, options, outline = false, border
     const point6 = [x1 + radius, y2];
     const point7 = [x1, y2 - radius];
     const point8 = [x1, y1 + radius];
-    return rs.path(`M${point2[0]} ${point2[1]} A ${radius} ${radius}, 0, 0, 1, ${point3[0]} ${point3[1]} L ${point4[0]} ${point4[1]} A ${radius} ${radius}, 0, 0, 1, ${point5[0]} ${point5[1]} L ${point6[0]} ${point6[1]} A ${radius} ${radius}, 0, 0, 1, ${point7[0]} ${point7[1]} L ${point8[0]} ${point8[1]} A ${radius} ${radius}, 0, 0, 1, ${point1[0]} ${point1[1]} Z`, options);
+    const rectangleG = rs.path(`M${point2[0]} ${point2[1]} A ${radius} ${radius}, 0, 0, 1, ${point3[0]} ${point3[1]} L ${point4[0]} ${point4[1]} A ${radius} ${radius}, 0, 0, 1, ${point5[0]} ${point5[1]} L ${point6[0]} ${point6[1]} A ${radius} ${radius}, 0, 0, 1, ${point7[0]} ${point7[1]} L ${point8[0]} ${point8[1]} A ${radius} ${radius}, 0, 0, 1, ${point1[0]} ${point1[1]} Z`, options);
+    setStrokeLinecap(rectangleG, 'round');
+    return rectangleG;
 }
 const drawRectangle = (board, rectangle, options) => {
     const roughSVG = PlaitBoard.getRoughSVG(board);
@@ -2205,21 +2317,25 @@ const throttleRAF = (board, key, fn) => {
     scheduleFunc();
 };
 const debounce = (func, wait, options) => {
-    let timerSubscription = null;
-    return () => {
-        if (timerSubscription && !timerSubscription.closed) {
-            timerSubscription.unsubscribe();
-            timerSubscription = timer(wait).subscribe(() => {
-                func();
-            });
+    let timeout = null;
+    return (args) => {
+        if (timeout !== null) {
+            clearTimeout(timeout);
+            timeout = setTimeout(() => {
+                func(args);
+                timeout = null;
+            }, wait);
         }
         else {
             if (options?.leading) {
-                timer(0).subscribe(() => {
-                    func();
-                });
+                func(args);
+            }
+            else {
+                timeout = setTimeout(() => {
+                    func(args);
+                    timeout = null;
+                }, wait);
             }
-            timerSubscription = timer(wait).subscribe();
         }
     };
 };
@@ -4890,7 +5006,14 @@ const trackBy = (index, element) => {
 const createPluginComponent = (board, componentType, context, childrenContext) => {
     const instance = new componentType();
     instance.context = context;
-    instance.initialize();
+    try {
+        instance.initialize();
+    }
+    catch (error) {
+        if (isDebug()) {
+            console.error('list-render-initialize', error, 'context', context);
+        }
+    }
     const g = instance.getContainerG();
     mountElementG(context.index, g, childrenContext);
     instance.initializeListRender();
@@ -6405,96 +6528,6 @@ function createModModifierKeys() {
     return modifiers;
 }
 
-const TEMPORARY_G = new Map();
-const getTemporaryGArray = (debugKey) => {
-    return TEMPORARY_G.get(debugKey) || [];
-};
-const setTemporaryGArray = (debugKey, gArray) => {
-    TEMPORARY_G.set(debugKey, gArray);
-};
-class DebugGenerator {
-    constructor(debugKey) {
-        this.debugKey = debugKey;
-    }
-    isDebug() {
-        return isDebug(this.debugKey);
-    }
-    clear() {
-        if (!this.isDebug()) {
-            return;
-        }
-        const gArray = getTemporaryGArray(this.debugKey);
-        setTemporaryGArray(this.debugKey, []);
-        gArray.forEach(g => g.remove());
-    }
-    drawPolygon(board, points, options) {
-        if (!isDebug(this.debugKey)) {
-            return;
-        }
-        const polygonG = PlaitBoard.getRoughSVG(board).polygon(points, options || { stroke: 'red' });
-        polygonG.classList.add(this.debugKey);
-        PlaitBoard.getElementActiveHost(board).append(polygonG);
-        const gArray = getTemporaryGArray(this.debugKey);
-        gArray.push(polygonG);
-        setTemporaryGArray(this.debugKey, gArray);
-        return polygonG;
-    }
-    drawLine(board, points, options) {
-        if (!isDebug(this.debugKey)) {
-            return;
-        }
-        const lineG = PlaitBoard.getRoughSVG(board).linearPath(points, options || { stroke: 'red' });
-        lineG.classList.add(this.debugKey);
-        PlaitBoard.getElementActiveHost(board).append(lineG);
-        const gArray = getTemporaryGArray(this.debugKey);
-        gArray.push(lineG);
-        setTemporaryGArray(this.debugKey, gArray);
-        return lineG;
-    }
-    drawRectangle(board, data, options) {
-        if (!isDebug(this.debugKey)) {
-            return;
-        }
-        let rectangle;
-        if (data instanceof Array) {
-            rectangle = RectangleClient.getRectangleByPoints(data);
-        }
-        else {
-            rectangle = data;
-        }
-        const rectangleG = PlaitBoard.getRoughSVG(board).rectangle(rectangle.x, rectangle.y, rectangle.width, rectangle.height, options || { stroke: 'red' });
-        rectangleG.classList.add(this.debugKey);
-        PlaitBoard.getElementActiveHost(board).append(rectangleG);
-        const gArray = getTemporaryGArray(this.debugKey);
-        gArray.push(rectangleG);
-        setTemporaryGArray(this.debugKey, gArray);
-        return rectangleG;
-    }
-    drawCircles(board, points, diameter = 0, isCumulativeDiameter = false, options) {
-        if (!isDebug(this.debugKey)) {
-            return;
-        }
-        const result = [];
-        points.forEach((p, i) => {
-            const circle = PlaitBoard.getRoughSVG(board).circle(p[0], p[1], isCumulativeDiameter ? diameter * (i + 1) : diameter, Object.assign({}, { stroke: 'red', fill: 'red', fillStyle: 'solid' }, options || {}));
-            circle.classList.add(this.debugKey);
-            PlaitBoard.getElementActiveHost(board).append(circle);
-            const gArray = getTemporaryGArray(this.debugKey);
-            gArray.push(circle);
-            result.push(circle);
-            setTemporaryGArray(this.debugKey, gArray);
-        });
-        return result;
-    }
-}
-const createDebugGenerator = (debugKey) => {
-    return new DebugGenerator(debugKey);
-};
-const isDebug = (key) => {
-    const defaultKey = 'debug:plait';
-    return localStorage.getItem(key || defaultKey) === 'true';
-};
-
 /*
  * Public API Surface of plait
  */