@tldraw/editor 3.14.0-canary.fd2ad122b803 → 3.14.0-canary.ff61ab6deaa2

package/dist-esm/lib/editor/Editor.mjs

@@ -147,16 +147,16 @@ import { bindingsIndex } from "./derivations/bindingsIndex.mjs";
 import { notVisibleShapes } from "./derivations/notVisibleShapes.mjs";
 import { parentsToChildren } from "./derivations/parentsToChildren.mjs";
 import { deriveShapeIdsInCurrentPage } from "./derivations/shapeIdsInCurrentPage.mjs";
-import { ClickManager } from "./managers/ClickManager.mjs";
-import { EdgeScrollManager } from "./managers/EdgeScrollManager.mjs";
-import { FocusManager } from "./managers/FocusManager.mjs";
-import { FontManager } from "./managers/FontManager.mjs";
-import { HistoryManager } from "./managers/HistoryManager.mjs";
-import { ScribbleManager } from "./managers/ScribbleManager.mjs";
+import { ClickManager } from "./managers/ClickManager/ClickManager.mjs";
+import { EdgeScrollManager } from "./managers/EdgeScrollManager/EdgeScrollManager.mjs";
+import { FocusManager } from "./managers/FocusManager/FocusManager.mjs";
+import { FontManager } from "./managers/FontManager/FontManager.mjs";
+import { HistoryManager } from "./managers/HistoryManager/HistoryManager.mjs";
+import { ScribbleManager } from "./managers/ScribbleManager/ScribbleManager.mjs";
 import { SnapManager } from "./managers/SnapManager/SnapManager.mjs";
-import { TextManager } from "./managers/TextManager.mjs";
-import { TickManager } from "./managers/TickManager.mjs";
-import { UserPreferencesManager } from "./managers/UserPreferencesManager.mjs";
+import { TextManager } from "./managers/TextManager/TextManager.mjs";
+import { TickManager } from "./managers/TickManager/TickManager.mjs";
+import { UserPreferencesManager } from "./managers/UserPreferencesManager/UserPreferencesManager.mjs";
 import { RootState } from "./tools/RootState.mjs";
 class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed], _getCanUndo_dec = [computed], _getCanRedo_dec = [computed], _getPath_dec = [computed], _getCurrentTool_dec = [computed], _getCurrentToolId_dec = [computed], _getDocumentSettings_dec = [computed], _getInstanceState_dec = [computed], _getOpenMenus_dec = [computed], _getIsMenuOpen_dec = [computed], _getPageStates_dec = [computed], __getPageStatesQuery_dec = [computed], _getCurrentPageState_dec = [computed], __getCurrentPageStateId_dec = [computed], _getSelectedShapeIds_dec = [computed], _getSelectedShapes_dec = [computed], _getCurrentPageShapesInReadingOrder_dec = [computed], _getOnlySelectedShapeId_dec = [computed], _getOnlySelectedShape_dec = [computed], _getSelectionPageBounds_dec = [computed], _getSelectionRotation_dec = [computed], _getSelectionRotatedPageBounds_dec = [computed], _getSelectionRotatedScreenBounds_dec = [computed], _getFocusedGroupId_dec = [computed], _getFocusedGroup_dec = [computed], _getEditingShapeId_dec = [computed], _getEditingShape_dec = [computed], _getRichTextEditor_dec = [computed], _getHoveredShapeId_dec = [computed], _getHoveredShape_dec = [computed], _getHintingShapeIds_dec = [computed], _getHintingShape_dec = [computed], _getErasingShapeIds_dec = [computed], _getErasingShapes_dec = [computed], __unsafe_getCameraId_dec = [computed], _getCamera_dec = [computed], _getViewportPageBoundsForFollowing_dec = [computed], _getCameraForFollowing_dec = [computed], _getZoomLevel_dec = [computed], _getViewportScreenBounds_dec = [computed], _getViewportScreenCenter_dec = [computed], _getViewportPageBounds_dec = [computed], __getCollaboratorsQuery_dec = [computed], _getCollaborators_dec = [computed], _getCollaboratorsOnCurrentPage_dec = [computed], _getRenderingShapes_dec = [computed], __getAllPagesQuery_dec = [computed], _getPages_dec = [computed], _getCurrentPageId_dec = [computed], _getCurrentPageShapeIdsSorted_dec = [computed], __getAllAssetsQuery_dec = [computed], __getShapeHandlesCache_dec = [computed], __getShapePageTransformCache_dec = [computed], __getShapePageBoundsCache_dec = [computed], __getShapeClipPathCache_dec = [computed], __getShapeMaskCache_dec = [computed], __getShapeMaskedPageBoundsCache_dec = [computed], __notVisibleShapes_dec = [computed], _getCulledShapes_dec = [computed], _getCurrentPageBounds_dec = [computed], _getCurrentPageShapes_dec = [computed], _getCurrentPageShapesSorted_dec = [computed], _getCurrentPageRenderingShapesSorted_dec = [computed], __getBindingsIndexCache_dec = [computed], __getSelectionSharedStyles_dec = [computed], _getSharedStyles_dec = [computed({ isEqual: (a, b) => a.equals(b) })], _getSharedOpacity_dec = [computed], _getIsFocused_dec = [computed], _getIsReadonly_dec = [computed], __setShiftKeyTimeout_dec = [bind], __setAltKeyTimeout_dec = [bind], __setCtrlKeyTimeout_dec = [bind], __setMetaKeyTimeout_dec = [bind], _a) {
   constructor({
@@ -336,7 +336,6 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
     __publicField(this, "_currentPageShapeIds");
     /* --------------------- Shapes --------------------- */
     __publicField(this, "_shapeGeometryCaches", {});
-    __publicField(this, "_shapePageGeometryCaches", {});
     // Parents and children
     /**
      * A cache of parents to children.
@@ -593,6 +592,7 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
         shape: {
           afterChange: (shapeBefore, shapeAfter) => {
             for (const binding of this.getBindingsInvolvingShape(shapeAfter)) {
+              if (areShapesContentEqual(shapeBefore, shapeAfter)) continue;
               invalidBindingTypes.add(binding.type);
               if (binding.fromId === shapeAfter.id) {
                 this.getBindingUtil(binding).onAfterChangeFromShape?.({
@@ -2853,10 +2853,7 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
   }
   getViewportScreenCenter() {
     const viewportScreenBounds = this.getViewportScreenBounds();
-    return new Vec(
-      viewportScreenBounds.midX - viewportScreenBounds.minX,
-      viewportScreenBounds.midY - viewportScreenBounds.minY
-    );
+    return new Vec(viewportScreenBounds.w / 2, viewportScreenBounds.h / 2);
   }
   getViewportPageBounds() {
     const { w, h } = this.getViewportScreenBounds();
@@ -3531,41 +3528,6 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
       typeof shape === "string" ? shape : shape.id
     );
   }
-  /**
-   * Get the geometry of a shape in page-space.
-   *
-   * @example
-   * ```ts
-   * editor.getShapePageGeometry(myShape)
-   * editor.getShapePageGeometry(myShapeId)
-   * editor.getShapePageGeometry(myShapeId, { context: "arrow" })
-   * ```
-   *
-   * @param shape - The shape (or shape id) to get the geometry for.
-   * @param opts - Additional options about the request for geometry. Passed to {@link ShapeUtil.getGeometry}.
-   *
-   * @public
-   */
-  getShapePageGeometry(shape, opts) {
-    const context = opts?.context ?? "none";
-    if (!this._shapePageGeometryCaches[context]) {
-      this._shapePageGeometryCaches[context] = this.store.createComputedCache(
-        "bounds",
-        (shape2) => {
-          const geometry = this.getShapeGeometry(shape2.id, opts);
-          const pageTransform = this.getShapePageTransform(shape2.id);
-          return geometry.transform(pageTransform);
-        },
-        {
-          // we only depend directly on the shape id, and changing geometry/transform will update us anyway
-          areRecordsEqual: () => true
-        }
-      );
-    }
-    return this._shapePageGeometryCaches[context].get(
-      typeof shape === "string" ? shape : shape.id
-    );
-  }
   _getShapeHandlesCache() {
     return this.store.createComputedCache(
       "handles",
@@ -3659,7 +3621,10 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
   }
   _getShapePageBoundsCache() {
     return this.store.createComputedCache("pageBoundsCache", (shape) => {
-      return this.getShapePageGeometry(shape).bounds;
+      const pageTransform = this.getShapePageTransform(shape);
+      if (!pageTransform) return void 0;
+      const geometry = this.getShapeGeometry(shape);
+      return Box.FromPoints(pageTransform.applyToPoints(geometry.vertices));
     });
   }
   /**
@@ -3716,12 +3681,11 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
         (shape2) => this.isShapeOfType(shape2, "frame")
       );
       if (frameAncestors.length === 0) return void 0;
-      const pageMask = frameAncestors.map(
-        (s) => (
-          // Apply the frame transform to the frame outline to get the frame outline in the current page space
-          (this.getShapePageGeometry(s.id).vertices)
-        )
-      ).reduce((acc, b) => {
+      const pageMask = frameAncestors.map((s) => {
+        const geometry = this.getShapeGeometry(s.id);
+        const pageTransform = this.getShapePageTransform(s.id);
+        return pageTransform.applyToPoints(geometry.vertices);
+      }).reduce((acc, b) => {
         if (!(b && acc)) return void 0;
         const intersection = intersectPolygonPolygon(acc, b);
         if (intersection) {
@@ -4373,8 +4337,7 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
    * @public
    */
   visitDescendants(parent, visitor) {
-    const parentId = typeof parent === "string" ? parent : parent.id;
-    const children = this.getSortedChildIdsForParent(parentId);
+    const children = this.getSortedChildIdsForParent(parent);
     for (const id of children) {
       if (visitor(id) === false) continue;
       this.visitDescendants(id, visitor);