@tldraw/editor 5.5.0-canary.9fdbdab733d6 → 5.5.0-canary.a0cd8f2a2e07

package/dist-cjs/index.d.ts

@@ -4579,6 +4579,8 @@ export declare const EditorContext: React_3.Context<Editor | null>;
  * - Reaction (`react(...)` from `@tldraw/state`): `this.register(react(...))`
  * - DOM listener: `this.register(() => el.removeEventListener(...))`
  * - Other resource (cache, index, child manager): `this.register(() => x.dispose())`
+ * - Resource held only part of the time (a listener attached while subscribers exist):
+ *   `this.register(...)` on attach and `this.unregister(...)` on detach, see `PerformanceManager`
  *
  * For timeouts, intervals, and animation frames prefer `editor.timers` (context-grouped
  * and auto-disposed) over raw `setTimeout`. For cleanup on the editor itself rather than a
@@ -4598,11 +4600,18 @@ export declare abstract class EditorManager {
      * make a resource "see itself out". Returns the same function for convenience.
      */
     protected register(dispose: () => void): () => void;
+    /**
+     * Run a registered teardown now instead of at `dispose()`. A teardown that is no longer
+     * registered (already run by `dispose()`, or never registered) is skipped, so nothing is
+     * torn down twice.
+     */
+    protected unregister(dispose: () => void): void;
     /**
      * Subscribe to an editor bus event and register the matching unsubscribe, so the listener
-     * is removed automatically on `dispose()`.
+     * is removed automatically on `dispose()`. Returns that unsubscribe, for passing to
+     * {@link EditorManager.unregister} to detach it before `dispose()`.
      */
-    protected addEditorEvent<E extends keyof TLEventMap>(event: E, fn: (...args: TLEventMap[E]) => void): void;
+    protected addEditorEvent<E extends keyof TLEventMap>(event: E, fn: (...args: TLEventMap[E]) => void): () => void;
     /* Excluded from this release type: dispose */
 }
 
@@ -5990,17 +5999,11 @@ export declare class PerformanceApiAdapter {
  *
  * @public
  */
-export declare class PerformanceManager {
+export declare class PerformanceManager extends EditorManager {
     /* Excluded from this release type: emitter */
-    private editor;
     private activeInteraction;
     private activeCamera;
-    private frameCleanup;
-    private shapeCreatedCleanup;
-    private shapeEditedCleanup;
-    private shapeDeletedCleanup;
-    private loafObserver;
-    constructor(editor: Editor);
+    private readonly lazyCleanups;
     /**
      * Subscribe to a performance event. Returns an unsubscribe function.
      *
@@ -6034,11 +6037,11 @@ export declare class PerformanceManager {
     private _onShapesEdited;
     private _onShapesDeleted;
     private _startLoafObserver;
-    private _stopLoafObserver;
     private _needsFrameListener;
     private _needsLoafObserver;
     private _maybeAttachLazyListeners;
     private _maybeDetachLazyListeners;
+    private _detachLazy;
 }
 
 /**

package/dist-cjs/index.js

@@ -392,7 +392,7 @@ var import_uniq = require("./lib/utils/uniq");
 var import_defaultThemes2 = require("./lib/editor/managers/ThemeManager/defaultThemes");
 (0, import_utils.registerTldrawLibraryVersion)(
   "@tldraw/editor",
-  "5.5.0-canary.9fdbdab733d6",
+  "5.5.0-canary.a0cd8f2a2e07",
   "cjs"
 );
 //# sourceMappingURL=index.js.map

package/dist-cjs/lib/editor/Editor.js

@@ -3657,7 +3657,9 @@ class Editor extends import_eventemitter3.default {
     const id = typeof page === "string" ? page : page.id;
     const freshPage = this.getPage(id);
     if (!freshPage) return this;
-    const prevCamera = { ...this.getCamera() };
+    const prevCamera = {
+      ...this.store.get(import_tlschema.CameraRecordType.createId(freshPage.id)) ?? this.getCamera()
+    };
     const content = this.getContentFromCurrentPage(this.getSortedChildIdsForParent(freshPage.id));
     this.run(() => {
       const pages = this.getPages();
@@ -3666,7 +3668,7 @@ class Editor extends import_eventemitter3.default {
       this.setCurrentPage(createId);
       this.setCamera(prevCamera);
       if (content) {
-        return this.putContentOntoCurrentPage(content);
+        return this.putContentOntoCurrentPage(content, { preservePosition: true });
       }
     });
     return this;
@@ -6030,11 +6032,20 @@ class Editor extends import_eventemitter3.default {
       initialShape: options.initialShape,
       initialBounds: options.initialBounds,
       isAspectRatioLocked: options.isAspectRatioLocked,
-      initialPageTransform: options.initialPageTransform
+      initialPageTransform: options.initialPageTransform,
+      dragHandle: options.dragHandle,
+      mode: options.mode,
+      // this is one frame of the same resize, not a new one, so don't fire start/end again
+      skipStartAndEndCallbacks: options.skipStartAndEndCallbacks
     });
     if (Math.sign(scale.x) * Math.sign(scale.y) < 0) {
       const parentRotation = this.getShapeParentTransform(id).rotation();
-      const rotation = -options.initialShape.rotation - 2 * parentRotation;
+      const parentDelta = (0, import_utils2.shortAngleDist)(
+        import_Mat.Mat.Cast(options.initialPageTransform).rotation() - options.initialShape.rotation,
+        parentRotation
+      );
+      const initialParentRotation = parentRotation - parentDelta;
+      const rotation = 2 * options.scaleAxisRotation - options.initialShape.rotation - 2 * initialParentRotation - parentDelta;
       this.updateShapes([{ id, type, rotation }]);
     }
     const preScaleShapePageCenter = import_Mat.Mat.applyToPoint(