@tsdraw/core 0.6.0 → 0.6.2

package/dist/index.cjs

@@ -150,6 +150,12 @@ var DocumentStore = class {
   loadSnapshot(snapshot) {
     const pageState = cloneValue(snapshot.page);
     const normalizedOrder = [...snapshot.order].filter((shapeId) => pageState.shapes[shapeId] != null);
+    const orderedSet = new Set(normalizedOrder);
+    for (const shapeId of Object.keys(pageState.shapes)) {
+      if (!orderedSet.has(shapeId)) {
+        normalizedOrder.push(shapeId);
+      }
+    }
     this.state = {
       id: pageState.id,
       shapes: pageState.shapes,
@@ -865,13 +871,14 @@ var PenDrawingState = class extends StateNode {
           type: "straight",
           path: encodePoints([prevEnd, { ...anchorPt, z: pressure }])
         };
+        const withStraightSeg = [...segments, seg];
         this.editor.updateShapes([
           {
             id,
             type: "draw",
             props: {
-              segments: [...segments, seg],
-              isClosed: this.detectClosure(segments, size, scale)
+              segments: withStraightSeg,
+              isClosed: this.detectClosure(withStraightSeg, size, scale)
             }
           }
         ]);
@@ -947,7 +954,7 @@ var PenDrawingState = class extends StateNode {
             type: "draw",
             props: {
               segments: updated,
-              isClosed: this.detectClosure(segments, size, scale)
+              isClosed: this.detectClosure(updated, size, scale)
             }
           }
         ]);
@@ -1463,10 +1470,11 @@ var Editor = class {
     this.emitChange();
   }
   setViewport(partial) {
+    const rawZoom = partial.zoom ?? this.viewport.zoom;
     this.viewport = {
       x: partial.x ?? this.viewport.x,
       y: partial.y ?? this.viewport.y,
-      zoom: partial.zoom ?? this.viewport.zoom
+      zoom: Math.max(0.1, Math.min(4, rawZoom))
     };
     this.emitChange();
   }