@focusbc/bbs-lib 0.0.17 → 0.0.19

package/dist/browser/bbs-lib.js

@@ -77546,6 +77546,7 @@ var TransformMode = class extends CompositeMode {
     if (pickedEditHandle || pickedTransformGuideBboxOutline || pickedSelectedObject) {
       event.cancelPan();
     }
+    const isRotateHandle = pickedEditHandle?.properties?.editHandleType === "rotate";
     this._modes.forEach((mode) => {
       if (mode instanceof TranslateMode) {
         translateMode = mode;
@@ -77556,7 +77557,7 @@ var TransformMode = class extends CompositeMode {
         filteredModes.push(mode);
       }
     });
-    if (translateMode && scaleMode && !scaleMode.isEditHandleSelected()) {
+    if (translateMode && scaleMode && !scaleMode.isEditHandleSelected() && !isRotateHandle) {
       filteredModes.push(translateMode);
     }
     filteredModes.filter(Boolean).forEach((mode) => mode.handleStartDragging(event, props));
@@ -81767,6 +81768,56 @@ var OverlayStaticLayerBuilder = class {
   }
 };
 
+// src/overlay/shape-history.ts
+var MAX_HISTORY_DEPTH = 50;
+var ShapeHistory = class {
+  constructor() {
+    this.stack = [[]];
+    this.index = 0;
+  }
+  reset(shapes) {
+    this.stack = [this.clone(shapes)];
+    this.index = 0;
+  }
+  push(shapes) {
+    if (this.deepEqual(shapes, this.stack[this.index])) {
+      return;
+    }
+    this.stack = this.stack.slice(0, this.index + 1);
+    this.stack.push(this.clone(shapes));
+    if (this.stack.length > MAX_HISTORY_DEPTH) {
+      this.stack.shift();
+    }
+    this.index = this.stack.length - 1;
+  }
+  canUndo() {
+    return this.index > 0;
+  }
+  canRedo() {
+    return this.index < this.stack.length - 1;
+  }
+  undo() {
+    if (!this.canUndo()) {
+      return null;
+    }
+    this.index -= 1;
+    return this.clone(this.stack[this.index]);
+  }
+  redo() {
+    if (!this.canRedo()) {
+      return null;
+    }
+    this.index += 1;
+    return this.clone(this.stack[this.index]);
+  }
+  clone(shapes) {
+    return structuredClone(shapes);
+  }
+  deepEqual(a2, b2) {
+    return JSON.stringify(a2) === JSON.stringify(b2);
+  }
+};
+
 // src/overlay/map-overlay.ts
 var DEFAULT_ZOOM = 18;
 var MAX_ZOOM = 26;
@@ -81806,12 +81857,14 @@ var MapOverlay = class _MapOverlay {
     this._shapes = [];
     this._selectedShapeIds = [];
     this._editMode = false;
+    this._shapeHistory = new ShapeHistory();
     // Events
     this._initializedEvent = new Event3();
     this._headingChangedEvent = new Event3();
     this._zoomChangedEvent = new Event3();
     this._centerChangedEvent = new Event3();
     this._shapesChangedEvent = new Event3();
+    this._historyChangedEvent = new Event3();
     this._clickEvent = new Event3();
     this._doubleClickEvent = new Event3();
     this._rightClickEvent = new Event3();
@@ -81970,11 +82023,47 @@ var MapOverlay = class _MapOverlay {
       const updated = MapObjectToShapeInstanceMapper.map(original, objects, action.editType);
       this._shapes = this._shapes.map((shape) => shape.id === groupId ? updated : shape);
     }
+    this._shapeHistory.push(this._shapes);
+    this.emitHistoryChanged();
     this._shapesChangedEvent.emit(this._shapes);
     if (["scaling", "stretch", "rotated"].includes(action.editType)) {
       this.rebuildLayers();
     }
   }
+  emitHistoryChanged() {
+    this._historyChangedEvent.emit({
+      canUndo: this._shapeHistory.canUndo(),
+      canRedo: this._shapeHistory.canRedo()
+    });
+  }
+  /**
+   * Validate and apply a shape snapshot, optionally recording it in history.
+   */
+  applyShapes(shapes, options) {
+    const newShapes = [];
+    const validationErrors = [];
+    for (const shape of shapes) {
+      const result = this.validateShape(shape);
+      if (result.ok) {
+        newShapes.push(shape);
+      } else {
+        validationErrors.push(result);
+      }
+    }
+    this._shapes = newShapes;
+    if (this._selectedShapeIds.length > 0) {
+      this._selectedShapeIds = this._selectedShapeIds.filter((id) => this._shapes.some((s2) => s2.id === id));
+    }
+    if (options.recordHistory) {
+      this._shapeHistory.push(this._shapes);
+    }
+    this.emitHistoryChanged();
+    this._shapesChangedEvent.emit(this._shapes);
+    this.rebuildLayers();
+    if (validationErrors.length > 0) {
+      options.onValidationErrors?.(validationErrors);
+    }
+  }
   static convertHeading(heading) {
     heading = heading % 360;
     return (360 - heading) % 360;
@@ -82009,6 +82098,7 @@ var MapOverlay = class _MapOverlay {
       bearing: _MapOverlay.convertHeading(heading)
     };
     this._deck.setProps({ viewState: this._viewState });
+    this.resetShapeHistory();
     this.rebuildLayers();
   }
   setEdit(edit) {
@@ -82075,29 +82165,46 @@ var MapOverlay = class _MapOverlay {
     this.applyViewState({ ...this._viewState, bearing: _MapOverlay.convertHeading(heading) });
     this._headingChangedEvent.emit(heading);
   }
+  // Registers a Deck onAfterRender handler, or clears it when undefined.
+  setAfterRenderCallback(handler) {
+    this._deck.setProps(handler ? { onAfterRender: () => handler() } : { onAfterRender: void 0 });
+  }
+  // Forces Deck to redraw; use after attaching an after-render callback so the quiet-period wait can start.
+  forceRedraw(clearRedrawFlags = true) {
+    ;
+    this._deck.redraw?.(clearRedrawFlags);
+  }
   getShapes() {
     return this._shapes;
   }
   setShapes(shapes, onValidationErrors) {
-    const newShapes = [];
-    const validationErrors = [];
-    for (const shape of shapes) {
-      const result = this.validateShape(shape);
-      if (result.ok) {
-        newShapes.push(shape);
-      } else {
-        validationErrors.push(result);
-      }
-    }
-    this._shapes = newShapes;
-    if (this._selectedShapeIds.length > 0) {
-      this._selectedShapeIds = this._selectedShapeIds.filter((id) => this._shapes.some((s2) => s2.id === id));
+    this.applyShapes(shapes, { recordHistory: true, onValidationErrors });
+  }
+  resetShapeHistory() {
+    this._shapeHistory.reset(this._shapes);
+    this.emitHistoryChanged();
+  }
+  canUndo() {
+    return this._shapeHistory.canUndo();
+  }
+  canRedo() {
+    return this._shapeHistory.canRedo();
+  }
+  undo() {
+    const snapshot = this._shapeHistory.undo();
+    if (!snapshot) {
+      return this._shapes;
     }
-    this._shapesChangedEvent.emit(this._shapes);
-    this.rebuildLayers();
-    if (validationErrors.length > 0) {
-      onValidationErrors(validationErrors);
+    this.applyShapes(snapshot, { recordHistory: false });
+    return this._shapes;
+  }
+  redo() {
+    const snapshot = this._shapeHistory.redo();
+    if (!snapshot) {
+      return this._shapes;
     }
+    this.applyShapes(snapshot, { recordHistory: false });
+    return this._shapes;
   }
   getSelectedShapeIds() {
     return this._selectedShapeIds;
@@ -82211,6 +82318,9 @@ var MapOverlay = class _MapOverlay {
   shapesChanged() {
     return this._shapesChangedEvent;
   }
+  historyChanged() {
+    return this._historyChangedEvent;
+  }
   click() {
     return this._clickEvent;
   }