@tldraw/editor 5.0.0 → 5.1.0-canary.2eb9f83a5993

package/dist-cjs/index.d.ts

@@ -2643,6 +2643,7 @@ export declare class Editor extends EventEmitter<TLEventMap> {
      * @public
      */
     getRenderingShapes(): TLRenderingShape[];
+    private _renderingShapesSortCache;
     private _getAllPagesQuery;
     /**
      * Info about the project's current pages.

package/dist-cjs/index.js

@@ -380,7 +380,7 @@ var import_uniq = require("./lib/utils/uniq");
 var import_defaultThemes2 = require("./lib/editor/managers/ThemeManager/defaultThemes");
 (0, import_utils.registerTldrawLibraryVersion)(
   "@tldraw/editor",
-  "5.0.0",
+  "5.1.0-canary.2eb9f83a5993",
   "cjs"
 );
 //# sourceMappingURL=index.js.map

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

@@ -93,6 +93,7 @@ var import_TickManager = require("./managers/TickManager/TickManager");
 var import_UserPreferencesManager = require("./managers/UserPreferencesManager/UserPreferencesManager");
 var import_OverlayManager = require("./overlays/OverlayManager");
 var import_RootState = require("./tools/RootState");
+const RENDERING_SHAPES_SORT_CACHE_THRESHOLD = 100;
 class Editor extends import_eventemitter3.default {
   id = (0, import_utils.uniqueId)();
   constructor({
@@ -3385,8 +3386,34 @@ class Editor extends import_eventemitter3.default {
   }
   getRenderingShapes() {
     const renderingShapes = this.getUnorderedRenderingShapes(true);
-    return renderingShapes.sort(import_utils.sortById);
+    if (renderingShapes.length <= RENDERING_SHAPES_SORT_CACHE_THRESHOLD) {
+      this._renderingShapesSortCache = null;
+      return renderingShapes.sort(import_utils.sortById);
+    }
+    const cache = this._renderingShapesSortCache;
+    if (cache !== null && cache.size === renderingShapes.length) {
+      const sorted = new Array(renderingShapes.length);
+      let allMatched = true;
+      for (let i = 0; i < renderingShapes.length; i++) {
+        const entry = renderingShapes[i];
+        const pos = cache.get(entry.id);
+        if (pos === void 0) {
+          allMatched = false;
+          break;
+        }
+        sorted[pos] = entry;
+      }
+      if (allMatched) return sorted;
+    }
+    renderingShapes.sort(import_utils.sortById);
+    const positionById = /* @__PURE__ */ new Map();
+    for (let i = 0; i < renderingShapes.length; i++) {
+      positionById.set(renderingShapes[i].id, i);
+    }
+    this._renderingShapesSortCache = positionById;
+    return renderingShapes;
   }
+  _renderingShapesSortCache = null;
   _getAllPagesQuery() {
     return this.store.query.records("page");
   }