@focusbc/bbs-lib 0.0.16 → 0.0.18

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));
@@ -81377,6 +81378,7 @@ var OverlayDynamicLayerBuilder = class {
       labelObjects,
       mode: this._edit ? ModeType.TRANSFORM : ModeType.VIEW,
       pickable: true,
+      pickingRadius: 5,
       modeConfig: {
         onSelect: (result) => {
           this._onSelect(result);
@@ -81766,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;
@@ -81805,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();
@@ -81969,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;
@@ -82008,6 +82098,7 @@ var MapOverlay = class _MapOverlay {
       bearing: _MapOverlay.convertHeading(heading)
     };
     this._deck.setProps({ viewState: this._viewState });
+    this.resetShapeHistory();
     this.rebuildLayers();
   }
   setEdit(edit) {
@@ -82078,25 +82169,33 @@ var MapOverlay = class _MapOverlay {
     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;
@@ -82210,6 +82309,9 @@ var MapOverlay = class _MapOverlay {
   shapesChanged() {
     return this._shapesChangedEvent;
   }
+  historyChanged() {
+    return this._historyChangedEvent;
+  }
   click() {
     return this._clickEvent;
   }