@excalidraw/excalidraw 0.17.1-a38e82f → 0.17.1-b7babe5

package/dist/{prod/en-TDNWCAOT.json → dev/en-EY7E2L5O.json}

@@ -216,6 +216,7 @@
     "failedToFetchImage": "Failed to fetch image.",
     "cannotResolveCollabServer": "Couldn't connect to the collab server. Please reload the page and try again.",
     "importLibraryError": "Couldn't load library",
+    "saveLibraryError": "Couldn't save library to storage. Please save your library to a file locally to make sure you don't lose changes.",
     "collabSaveFailed": "Couldn't save to the backend database. If problems persist, you should save your file locally to ensure you don't lose your work.",
     "collabSaveFailed_sizeExceeded": "Couldn't save to the backend database, the canvas seems to be too big. You should save the file locally to ensure you don't lose your work.",
     "imageToolNotSupported": "Images are disabled.",

package/dist/dev/index.js

@@ -448,7 +448,7 @@ function getSvgPathFromStroke(points, closed = true) {
   }
   return result;
 }
-var mockDateTime, getDateTime, capitalizeString, isToolIcon, isInputLike, isInteractive, isWritableElement, getFontFamilyString, getFontString, debounce, throttleRAF, easeOut, easeOutInterpolate, easeToValuesRAF, chunk, distance, updateActiveTool, getShortcutKey, viewportCoordsToSceneCoords, sceneCoordsToViewportCoords, getGlobalCSSVariable, RS_LTR_CHARS, RS_RTL_CHARS, RE_RTL_CHECK, isRTL, tupleToCoors, muteFSAbortError, findIndex, findLastIndex, isTransparent, getNearestScrollableContainer, focusNearestParent, bytesToHexString, getUpdatedTimestamp, arrayToMap, arrayToMapWithIndex, isTestEnv, wrapEvent, updateObject, getFrame, isPromiseLike, queryFocusableElements, _defaultIsShallowComparatorFallback, isShallowEqual, composeEventHandlers, assertNever, memoize, isMemberOf, cloneJSON, isFiniteNumber, updateStable, average, normalizeEOL, toBrandedType;
+var mockDateTime, getDateTime, capitalizeString, isToolIcon, isInputLike, isInteractive, isWritableElement, getFontFamilyString, getFontString, debounce, throttleRAF, easeOut, easeOutInterpolate, easeToValuesRAF, chunk, distance, updateActiveTool, getShortcutKey, viewportCoordsToSceneCoords, sceneCoordsToViewportCoords, getGlobalCSSVariable, RS_LTR_CHARS, RS_RTL_CHARS, RE_RTL_CHECK, isRTL, tupleToCoors, muteFSAbortError, findIndex, findLastIndex, isTransparent, resolvablePromise, getNearestScrollableContainer, focusNearestParent, preventUnload, bytesToHexString, getUpdatedTimestamp, arrayToMap, arrayToMapWithIndex, isTestEnv, wrapEvent, updateObject, getFrame, isPromiseLike, queryFocusableElements, _defaultIsShallowComparatorFallback, isShallowEqual, composeEventHandlers, assertNever, memoize, isMemberOf, cloneJSON, isFiniteNumber, updateStable, average, normalizeEOL, toBrandedType, promiseTry;
 var init_utils = __esm({
   "utils.ts"() {
     "use strict";
@@ -735,6 +735,17 @@ var init_utils = __esm({
       const isRRGGBBTransparent = color.length === 9 && color.substr(7, 2) === "00";
       return isRGBTransparent || isRRGGBBTransparent || color === COLOR_PALETTE.transparent;
     };
+    resolvablePromise = () => {
+      let resolve;
+      let reject;
+      const promise = new Promise((_resolve, _reject) => {
+        resolve = _resolve;
+        reject = _reject;
+      });
+      promise.resolve = resolve;
+      promise.reject = reject;
+      return promise;
+    };
     getNearestScrollableContainer = (element) => {
       let parent = element.parentElement;
       while (parent) {
@@ -760,6 +771,10 @@ var init_utils = __esm({
         parent = parent.parentElement;
       }
     };
+    preventUnload = (event) => {
+      event.preventDefault();
+      event.returnValue = "";
+    };
     bytesToHexString = (bytes) => {
       return Array.from(bytes).map((byte) => `0${byte.toString(16)}`.slice(-2)).join("");
     };
@@ -933,6 +948,11 @@ var init_utils = __esm({
     toBrandedType = (value) => {
       return value;
     };
+    promiseTry = async (fn, ...args) => {
+      return new Promise((resolve) => {
+        resolve(fn(...args));
+      });
+    };
   }
 });
 
@@ -5224,7 +5244,7 @@ var init_textElement = __esm({
       return fontSize * lineHeight;
     };
     getVerticalOffset = (fontFamily, fontSize, lineHeightPx) => {
-      const { unitsPerEm, ascender, descender } = FONT_METRICS[fontFamily];
+      const { unitsPerEm, ascender, descender } = FONT_METRICS[fontFamily] || FONT_METRICS[FONT_FAMILY.Helvetica];
       const fontSizeEm = fontSize / unitsPerEm;
       const lineGap = lineHeightPx - fontSizeEm * ascender + fontSizeEm * descender;
       const verticalOffset = fontSizeEm * ascender + lineGap;
@@ -5618,6 +5638,11 @@ var init_textElement = __esm({
         unitsPerEm: 2048,
         ascender: 1977,
         descender: -480
+      },
+      [FONT_FAMILY.Assistant]: {
+        unitsPerEm: 1e3,
+        ascender: 1021,
+        descender: -287
       }
     };
     getDefaultLineHeight = (fontFamily) => {
@@ -13096,7 +13121,7 @@ var init_showSelectedShapeActions = __esm({
 });
 
 // element/index.ts
-var getSceneVersion, getVisibleElements, getNonDeletedElements3, isNonDeletedElement, _clearElements, clearElementsForDatabase, clearElementsForExport;
+var getSceneVersion, hashElementsVersion, hashString, getVisibleElements, getNonDeletedElements3, isNonDeletedElement, _clearElements, clearElementsForDatabase, clearElementsForExport;
 var init_element = __esm({
   "element/index.ts"() {
     "use strict";
@@ -13115,6 +13140,21 @@ var init_element = __esm({
     init_sizeHelpers();
     init_showSelectedShapeActions();
     getSceneVersion = (elements) => elements.reduce((acc, el) => acc + el.version, 0);
+    hashElementsVersion = (elements) => {
+      let hash = 5381;
+      for (let i = 0; i < elements.length; i++) {
+        hash = (hash << 5) + hash + elements[i].versionNonce;
+      }
+      return hash >>> 0;
+    };
+    hashString = (s) => {
+      let hash = 5381;
+      for (let i = 0; i < s.length; i++) {
+        const char = s.charCodeAt(i);
+        hash = (hash << 5) + hash + char;
+      }
+      return hash >>> 0;
+    };
     getVisibleElements = (elements) => elements.filter(
       (el) => !el.isDeleted && !isInvisiblySmallElement(el)
     );
@@ -13385,7 +13425,7 @@ init_define_import_meta_env();
 
 // i18n.ts
 init_define_import_meta_env();
-import fallbackLangData from "./en-TDNWCAOT.json";
+import fallbackLangData from "./en-EY7E2L5O.json";
 import percentages from "./percentages-UCQDHIQF.json";
 
 // jotai.ts
@@ -13409,7 +13449,7 @@ var globImport_locales_json = __glob({
   "./locales/da-DK.json": () => import("./da-DK-WBEQB3CJ.json"),
   "./locales/de-DE.json": () => import("./de-DE-VEIMCP7R.json"),
   "./locales/el-GR.json": () => import("./el-GR-TKRKG5GQ.json"),
-  "./locales/en.json": () => import("./en-TDNWCAOT.json"),
+  "./locales/en.json": () => import("./en-EY7E2L5O.json"),
   "./locales/es-ES.json": () => import("./es-ES-TOLWEZNW.json"),
   "./locales/eu-ES.json": () => import("./eu-ES-7CDRJQWJ.json"),
   "./locales/fa-IR.json": () => import("./fa-IR-527E2XGU.json"),
@@ -22878,7 +22918,79 @@ var useLibraryCache = () => {
 
 // data/library.ts
 init_utils();
-var libraryItemsAtom = atom5({ status: "loaded", isInitialized: true, libraryItems: [] });
+
+// emitter.ts
+init_define_import_meta_env();
+var Emitter = class {
+  subscribers = [];
+  /**
+   * Attaches subscriber
+   *
+   * @returns unsubscribe function
+   */
+  on(...handlers) {
+    const _handlers = handlers.flat().filter((item) => typeof item === "function");
+    this.subscribers.push(..._handlers);
+    return () => this.off(_handlers);
+  }
+  once(...handlers) {
+    const _handlers = handlers.flat().filter((item) => typeof item === "function");
+    _handlers.push(() => detach());
+    const detach = this.on(..._handlers);
+    return detach;
+  }
+  off(...handlers) {
+    const _handlers = handlers.flat();
+    this.subscribers = this.subscribers.filter(
+      (handler) => !_handlers.includes(handler)
+    );
+  }
+  trigger(...payload) {
+    for (const handler of this.subscribers) {
+      handler(...payload);
+    }
+    return this;
+  }
+  clear() {
+    this.subscribers = [];
+  }
+};
+
+// queue.ts
+init_define_import_meta_env();
+init_utils();
+var Queue = class {
+  jobs = [];
+  running = false;
+  tick() {
+    if (this.running) {
+      return;
+    }
+    const job = this.jobs.shift();
+    if (job) {
+      this.running = true;
+      job.promise.resolve(
+        promiseTry(job.jobFactory, ...job.args).finally(() => {
+          this.running = false;
+          this.tick();
+        })
+      );
+    } else {
+      this.running = false;
+    }
+  }
+  push(jobFactory, ...args) {
+    const promise = resolvablePromise();
+    this.jobs.push({ jobFactory, promise, args });
+    this.tick();
+    return promise;
+  }
+};
+
+// data/library.ts
+init_element();
+var onLibraryUpdateEmitter = new Emitter();
+var libraryItemsAtom = atom5({ status: "loaded", isInitialized: false, libraryItems: [] });
 var cloneLibraryItems = (libraryItems) => cloneJSON(libraryItems);
 var isUniqueItem = (existingLibraryItems, targetLibraryItem) => {
   return !existingLibraryItems.find((libraryItem) => {
@@ -22899,12 +23011,30 @@ var mergeLibraryItems = (localItems, otherItems) => {
   }
   return [...newItems, ...localItems];
 };
+var createLibraryUpdate = (prevLibraryItems, nextLibraryItems) => {
+  const nextItemsMap = arrayToMap(nextLibraryItems);
+  const update = {
+    deletedItems: /* @__PURE__ */ new Map(),
+    addedItems: /* @__PURE__ */ new Map()
+  };
+  for (const item of prevLibraryItems) {
+    if (!nextItemsMap.has(item.id)) {
+      update.deletedItems.set(item.id, item);
+    }
+  }
+  const prevItemsMap = arrayToMap(prevLibraryItems);
+  for (const item of nextLibraryItems) {
+    if (!prevItemsMap.has(item.id)) {
+      update.addedItems.set(item.id, item);
+    }
+  }
+  return update;
+};
 var Library = class {
   /** latest libraryItems */
-  lastLibraryItems = [];
-  /** indicates whether library is initialized with library items (has gone
-   * though at least one update) */
-  isInitialized = false;
+  currLibraryItems = [];
+  /** snapshot of library items since last onLibraryChange call */
+  prevLibraryItems = cloneLibraryItems(this.currLibraryItems);
   app;
   constructor(app) {
     this.app = app;
@@ -22915,21 +23045,25 @@ var Library = class {
   };
   notifyListeners = () => {
     if (this.updateQueue.length > 0) {
-      jotaiStore.set(libraryItemsAtom, {
+      jotaiStore.set(libraryItemsAtom, (s) => ({
         status: "loading",
-        libraryItems: this.lastLibraryItems,
-        isInitialized: this.isInitialized
-      });
+        libraryItems: this.currLibraryItems,
+        isInitialized: s.isInitialized
+      }));
     } else {
-      this.isInitialized = true;
       jotaiStore.set(libraryItemsAtom, {
         status: "loaded",
-        libraryItems: this.lastLibraryItems,
-        isInitialized: this.isInitialized
+        libraryItems: this.currLibraryItems,
+        isInitialized: true
       });
       try {
-        this.app.props.onLibraryChange?.(
-          cloneLibraryItems(this.lastLibraryItems)
+        const prevLibraryItems = this.prevLibraryItems;
+        this.prevLibraryItems = cloneLibraryItems(this.currLibraryItems);
+        const nextLibraryItems = cloneLibraryItems(this.currLibraryItems);
+        this.app.props.onLibraryChange?.(nextLibraryItems);
+        onLibraryUpdateEmitter.trigger(
+          createLibraryUpdate(prevLibraryItems, nextLibraryItems),
+          nextLibraryItems
         );
       } catch (error) {
         console.error(error);
@@ -22938,9 +23072,8 @@ var Library = class {
   };
   /** call on excalidraw instance unmount */
   destroy = () => {
-    this.isInitialized = false;
     this.updateQueue = [];
-    this.lastLibraryItems = [];
+    this.currLibraryItems = [];
     jotaiStore.set(libraryItemSvgsCache, /* @__PURE__ */ new Map());
   };
   resetLibrary = () => {
@@ -22952,14 +23085,14 @@ var Library = class {
   getLatestLibrary = () => {
     return new Promise(async (resolve) => {
       try {
-        const libraryItems = await (this.getLastUpdateTask() || this.lastLibraryItems);
+        const libraryItems = await (this.getLastUpdateTask() || this.currLibraryItems);
         if (this.updateQueue.length > 0) {
           resolve(this.getLatestLibrary());
         } else {
           resolve(cloneLibraryItems(libraryItems));
         }
       } catch (error) {
-        return resolve(this.lastLibraryItems);
+        return resolve(this.currLibraryItems);
       }
     });
   };
@@ -22981,7 +23114,7 @@ var Library = class {
     return this.setLibrary(() => {
       return new Promise(async (resolve, reject) => {
         try {
-          const source = await (typeof libraryItems === "function" && !(libraryItems instanceof Blob) ? libraryItems(this.lastLibraryItems) : libraryItems);
+          const source = await (typeof libraryItems === "function" && !(libraryItems instanceof Blob) ? libraryItems(this.currLibraryItems) : libraryItems);
           let nextItems;
           if (source instanceof Blob) {
             nextItems = await loadLibraryFromBlob(source, defaultStatus);
@@ -22997,7 +23130,7 @@ var Library = class {
               this.app.focusContainer();
             }
             if (merge) {
-              resolve(mergeLibraryItems(this.lastLibraryItems, nextItems));
+              resolve(mergeLibraryItems(this.currLibraryItems, nextItems));
             } else {
               resolve(nextItems);
             }
@@ -23015,17 +23148,17 @@ var Library = class {
       try {
         await this.getLastUpdateTask();
         if (typeof libraryItems === "function") {
-          libraryItems = libraryItems(this.lastLibraryItems);
+          libraryItems = libraryItems(this.currLibraryItems);
         }
-        this.lastLibraryItems = cloneLibraryItems(await libraryItems);
-        resolve(this.lastLibraryItems);
+        this.currLibraryItems = cloneLibraryItems(await libraryItems);
+        resolve(this.currLibraryItems);
       } catch (error) {
         reject(error);
       }
     }).catch((error) => {
       if (error.name === "AbortError") {
         console.warn("Library update aborted by user");
-        return this.lastLibraryItems;
+        return this.currLibraryItems;
       }
       throw error;
     }).finally(() => {
@@ -23117,15 +23250,86 @@ var parseLibraryTokensFromUrl = () => {
   const idToken = libraryUrl ? new URLSearchParams(window.location.hash.slice(1)).get("token") : null;
   return libraryUrl ? { libraryUrl, idToken } : null;
 };
-var useHandleLibrary = ({
-  excalidrawAPI,
-  getInitialLibraryItems
-}) => {
-  const getInitialLibraryRef = useRef11(getInitialLibraryItems);
+var AdapterTransaction = class _AdapterTransaction {
+  static queue = new Queue();
+  static async getLibraryItems(adapter, source, _queue = true) {
+    const task = () => new Promise(async (resolve, reject) => {
+      try {
+        const data = await adapter.load({ source });
+        resolve(restoreLibraryItems(data?.libraryItems || [], "published"));
+      } catch (error) {
+        reject(error);
+      }
+    });
+    if (_queue) {
+      return _AdapterTransaction.queue.push(task);
+    }
+    return task();
+  }
+  static run = async (adapter, fn) => {
+    const transaction = new _AdapterTransaction(adapter);
+    return _AdapterTransaction.queue.push(() => fn(transaction));
+  };
+  // ------------------
+  adapter;
+  constructor(adapter) {
+    this.adapter = adapter;
+  }
+  getLibraryItems(source) {
+    return _AdapterTransaction.getLibraryItems(this.adapter, source, false);
+  }
+};
+var lastSavedLibraryItemsHash = 0;
+var librarySaveCounter = 0;
+var getLibraryItemsHash = (items) => {
+  return hashString(
+    items.map((item) => {
+      return `${item.id}:${hashElementsVersion(item.elements)}`;
+    }).sort().join()
+  );
+};
+var persistLibraryUpdate = async (adapter, update) => {
+  try {
+    librarySaveCounter++;
+    return await AdapterTransaction.run(adapter, async (transaction) => {
+      const nextLibraryItemsMap = arrayToMap(
+        await transaction.getLibraryItems("save")
+      );
+      for (const [id] of update.deletedItems) {
+        nextLibraryItemsMap.delete(id);
+      }
+      const addedItems = [];
+      for (const [id, item] of update.addedItems) {
+        if (nextLibraryItemsMap.has(id)) {
+          nextLibraryItemsMap.set(id, item);
+        } else {
+          addedItems.push(item);
+        }
+      }
+      const nextLibraryItems = addedItems.concat(
+        Array.from(nextLibraryItemsMap.values())
+      );
+      const version = getLibraryItemsHash(nextLibraryItems);
+      if (version !== lastSavedLibraryItemsHash) {
+        await adapter.save({ libraryItems: nextLibraryItems });
+      }
+      lastSavedLibraryItemsHash = version;
+      return nextLibraryItems;
+    });
+  } finally {
+    librarySaveCounter--;
+  }
+};
+var useHandleLibrary = (opts) => {
+  const { excalidrawAPI } = opts;
+  const optsRef = useRef11(opts);
+  optsRef.current = opts;
+  const isLibraryLoadedRef = useRef11(false);
   useEffect15(() => {
     if (!excalidrawAPI) {
       return;
     }
+    isLibraryLoadedRef.current = false;
     const importLibraryFromURL = async ({
       libraryUrl,
       idToken
@@ -23176,20 +23380,145 @@ var useHandleLibrary = ({
         importLibraryFromURL(libraryUrlTokens2);
       }
     };
-    if (getInitialLibraryRef.current) {
-      excalidrawAPI.updateLibrary({
-        libraryItems: getInitialLibraryRef.current()
-      });
-    }
     const libraryUrlTokens = parseLibraryTokensFromUrl();
     if (libraryUrlTokens) {
       importLibraryFromURL(libraryUrlTokens);
     }
+    if ("getInitialLibraryItems" in optsRef.current && optsRef.current.getInitialLibraryItems) {
+      console.warn(
+        "useHandleLibrar `opts.getInitialLibraryItems` is deprecated. Use `opts.adapter` instead."
+      );
+      Promise.resolve(optsRef.current.getInitialLibraryItems()).then((libraryItems) => {
+        excalidrawAPI.updateLibrary({
+          libraryItems,
+          // merge with current library items because we may have already
+          // populated it (e.g. by installing 3rd party library which can
+          // happen before the DB data is loaded)
+          merge: true
+        });
+      }).catch((error) => {
+        console.error(
+          `UseHandeLibrary getInitialLibraryItems failed: ${error?.message}`
+        );
+      });
+    }
+    if ("adapter" in optsRef.current && optsRef.current.adapter) {
+      const adapter = optsRef.current.adapter;
+      const migrationAdapter = optsRef.current.migrationAdapter;
+      const initDataPromise = resolvablePromise();
+      if (migrationAdapter) {
+        initDataPromise.resolve(
+          promiseTry(migrationAdapter.load).then(async (libraryData) => {
+            let restoredData = null;
+            try {
+              if (!libraryData) {
+                return AdapterTransaction.getLibraryItems(adapter, "load");
+              }
+              restoredData = restoreLibraryItems(
+                libraryData.libraryItems || [],
+                "published"
+              );
+              const nextItems = await persistLibraryUpdate(
+                adapter,
+                createLibraryUpdate([], restoredData)
+              );
+              try {
+                await migrationAdapter.clear();
+              } catch (error) {
+                console.error(
+                  `couldn't delete legacy library data: ${error.message}`
+                );
+              }
+              return nextItems;
+            } catch (error) {
+              console.error(
+                `couldn't migrate legacy library data: ${error.message}`
+              );
+              return restoredData;
+            }
+          }).catch((error) => {
+            console.error(`error during library migration: ${error.message}`);
+            return AdapterTransaction.getLibraryItems(adapter, "load");
+          })
+        );
+      } else {
+        initDataPromise.resolve(
+          promiseTry(AdapterTransaction.getLibraryItems, adapter, "load")
+        );
+      }
+      excalidrawAPI.updateLibrary({
+        libraryItems: initDataPromise.then((libraryItems) => {
+          const _libraryItems = libraryItems || [];
+          lastSavedLibraryItemsHash = getLibraryItemsHash(_libraryItems);
+          return _libraryItems;
+        }),
+        // merge with current library items because we may have already
+        // populated it (e.g. by installing 3rd party library which can
+        // happen before the DB data is loaded)
+        merge: true
+      }).finally(() => {
+        isLibraryLoadedRef.current = true;
+      });
+    }
     window.addEventListener("hashchange" /* HASHCHANGE */, onHashChange);
     return () => {
       window.removeEventListener("hashchange" /* HASHCHANGE */, onHashChange);
     };
-  }, [excalidrawAPI]);
+  }, [
+    // important this useEffect only depends on excalidrawAPI so it only reruns
+    // on editor remounts (the excalidrawAPI changes)
+    excalidrawAPI
+  ]);
+  useEffect15(
+    () => {
+      const unsubOnLibraryUpdate = onLibraryUpdateEmitter.on(
+        async (update, nextLibraryItems) => {
+          const isLoaded = isLibraryLoadedRef.current;
+          const adapter = "adapter" in optsRef.current && optsRef.current.adapter || null;
+          try {
+            if (adapter) {
+              if (
+                // if nextLibraryItems hash identical to previously saved hash,
+                // exit early, even if actual upstream state ends up being
+                // different (e.g. has more data than we have locally), as it'd
+                // be low-impact scenario.
+                lastSavedLibraryItemsHash !== getLibraryItemsHash(nextLibraryItems)
+              ) {
+                await persistLibraryUpdate(adapter, update);
+              }
+            }
+          } catch (error) {
+            console.error(
+              `couldn't persist library update: ${error.message}`,
+              update
+            );
+            if (isLoaded && optsRef.current.excalidrawAPI) {
+              optsRef.current.excalidrawAPI.updateScene({
+                appState: {
+                  errorMessage: t("errors.saveLibraryError")
+                }
+              });
+            }
+          }
+        }
+      );
+      const onUnload = (event) => {
+        if (librarySaveCounter) {
+          preventUnload(event);
+        }
+      };
+      window.addEventListener("beforeunload" /* BEFORE_UNLOAD */, onUnload);
+      return () => {
+        window.removeEventListener("beforeunload" /* BEFORE_UNLOAD */, onUnload);
+        unsubOnLibraryUpdate();
+        lastSavedLibraryItemsHash = 0;
+        librarySaveCounter = 0;
+      };
+    },
+    [
+      // this effect must not have any deps so it doesn't rerun
+    ]
+  );
 };
 
 // components/App.tsx
@@ -33785,43 +34114,6 @@ var SVGLayer = ({ trails }) => {
 // components/App.tsx
 init_cursor();
 
-// emitter.ts
-init_define_import_meta_env();
-var Emitter = class {
-  subscribers = [];
-  /**
-   * Attaches subscriber
-   *
-   * @returns unsubscribe function
-   */
-  on(...handlers) {
-    const _handlers = handlers.flat().filter((item) => typeof item === "function");
-    this.subscribers.push(..._handlers);
-    return () => this.off(_handlers);
-  }
-  once(...handlers) {
-    const _handlers = handlers.flat().filter((item) => typeof item === "function");
-    _handlers.push(() => detach());
-    const detach = this.on(..._handlers);
-    return detach;
-  }
-  off(...handlers) {
-    const _handlers = handlers.flat();
-    this.subscribers = this.subscribers.filter(
-      (handler) => !_handlers.includes(handler)
-    );
-  }
-  trigger(...payload) {
-    for (const handler of this.subscribers) {
-      handler(...payload);
-    }
-    return this;
-  }
-  clear() {
-    this.subscribers = [];
-  }
-};
-
 // element/ElementCanvasButtons.tsx
 init_define_import_meta_env();
 init_utils();
@@ -42142,9 +42434,12 @@ export {
   exportToSvg2 as exportToSvg,
   getCommonBounds,
   getFreeDrawSvgPath,
+  getLibraryItemsHash,
   getNonDeletedElements3 as getNonDeletedElements,
   getSceneVersion,
   getVisibleSceneBounds,
+  hashElementsVersion,
+  hashString,
   isElementInsideBBox,
   isInvisiblySmallElement,
   isLinearElement,