@bigbluebutton/tldraw 2.0.0-alpha.19

package/dist-cjs/lib/ui/hooks/useLocalStorageState.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/ui/hooks/useLocalStorageState.ts"],
+  "sourcesContent": ["import React from 'react'\n\n/** @public */\nexport function useLocalStorageState<T = any>(key: string, defaultValue: T) {\n\tconst [state, setState] = React.useState(defaultValue)\n\n\tReact.useLayoutEffect(() => {\n\t\tconst value = localStorage.getItem(key)\n\t\tif (value) {\n\t\t\ttry {\n\t\t\t\tsetState(JSON.parse(value))\n\t\t\t} catch (e) {\n\t\t\t\tconsole.error(`Could not restore value ${key} from local storage.`)\n\t\t\t}\n\t\t}\n\t}, [key])\n\n\tconst updateValue = React.useCallback(\n\t\t(setter: T | ((value: T) => T)) => {\n\t\t\tsetState((s) => {\n\t\t\t\tconst value = typeof setter === 'function' ? (setter as any)(s) : setter\n\t\t\t\tlocalStorage.setItem(key, JSON.stringify(value))\n\t\t\t\treturn value\n\t\t\t})\n\t\t},\n\t\t[key]\n\t)\n\n\treturn [state, updateValue] as const\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAGX,SAAS,qBAA8B,KAAa,cAAiB;AAC3E,QAAM,CAAC,OAAO,QAAQ,IAAI,aAAAA,QAAM,SAAS,YAAY;AAErD,eAAAA,QAAM,gBAAgB,MAAM;AAC3B,UAAM,QAAQ,aAAa,QAAQ,GAAG;AACtC,QAAI,OAAO;AACV,UAAI;AACH,iBAAS,KAAK,MAAM,KAAK,CAAC;AAAA,MAC3B,SAAS,GAAG;AACX,gBAAQ,MAAM,2BAA2B,GAAG,sBAAsB;AAAA,MACnE;AAAA,IACD;AAAA,EACD,GAAG,CAAC,GAAG,CAAC;AAER,QAAM,cAAc,aAAAA,QAAM;AAAA,IACzB,CAAC,WAAkC;AAClC,eAAS,CAAC,MAAM;AACf,cAAM,QAAQ,OAAO,WAAW,aAAc,OAAe,CAAC,IAAI;AAClE,qBAAa,QAAQ,KAAK,KAAK,UAAU,KAAK,CAAC;AAC/C,eAAO;AAAA,MACR,CAAC;AAAA,IACF;AAAA,IACA,CAAC,GAAG;AAAA,EACL;AAEA,SAAO,CAAC,OAAO,WAAW;AAC3B;",
+  "names": ["React"]
+}

package/dist-cjs/lib/ui/hooks/useMenuIsOpen.js

@@ -0,0 +1,74 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useMenuIsOpen_exports = {};
+__export(useMenuIsOpen_exports, {
+  useMenuIsOpen: () => useMenuIsOpen
+});
+module.exports = __toCommonJS(useMenuIsOpen_exports);
+var import_editor = require("@bigbluebutton/editor");
+var import_react = require("react");
+var import_useEventsProvider = require("./useEventsProvider");
+function useMenuIsOpen(id, cb) {
+  const editor = (0, import_editor.useEditor)();
+  const rIsOpen = (0, import_react.useRef)(false);
+  const trackEvent = (0, import_useEventsProvider.useUiEvents)();
+  const rLastChange = (0, import_react.useRef)(0);
+  const onOpenChange = (0, import_react.useCallback)(
+    (isOpen2) => {
+      const now = Date.now();
+      if (now - rLastChange.current < 50)
+        return;
+      rLastChange.current = now;
+      rIsOpen.current = isOpen2;
+      editor.batch(() => {
+        if (isOpen2) {
+          editor.complete();
+          editor.addOpenMenu(id);
+        } else {
+          editor.updateInstanceState({
+            openMenus: editor.getOpenMenus().filter((m) => !m.startsWith(id))
+          });
+        }
+        cb?.(isOpen2);
+      });
+    },
+    [editor, id, cb]
+  );
+  const isOpen = (0, import_editor.useValue)("is menu open", () => editor.getOpenMenus().includes(id), [editor, id]);
+  (0, import_react.useEffect)(() => {
+    if (rIsOpen.current) {
+      trackEvent("open-menu", { source: "unknown", id });
+      editor.addOpenMenu(id);
+    }
+    return () => {
+      if (rIsOpen.current) {
+        editor.deleteOpenMenu(id);
+        editor.getOpenMenus().forEach((menuId) => {
+          if (menuId.startsWith(id)) {
+            trackEvent("close-menu", { source: "unknown", id });
+            editor.deleteOpenMenu(menuId);
+          }
+        });
+        rIsOpen.current = false;
+      }
+    };
+  }, [editor, id, trackEvent]);
+  return [isOpen, onOpenChange];
+}
+//# sourceMappingURL=useMenuIsOpen.js.map

package/dist-cjs/lib/ui/hooks/useMenuIsOpen.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/ui/hooks/useMenuIsOpen.ts"],
+  "sourcesContent": ["import { useEditor, useValue } from '@bigbluebutton/editor'\nimport { useCallback, useEffect, useRef } from 'react'\nimport { useUiEvents } from './useEventsProvider'\n\n/** @public */\nexport function useMenuIsOpen(id: string, cb?: (isOpen: boolean) => void) {\n\tconst editor = useEditor()\n\tconst rIsOpen = useRef(false)\n\tconst trackEvent = useUiEvents()\n\n\tconst rLastChange = useRef(0)\n\n\tconst onOpenChange = useCallback(\n\t\t(isOpen: boolean) => {\n\t\t\t// prevent multiple calls in quick succession\n\t\t\tconst now = Date.now()\n\t\t\tif (now - rLastChange.current < 50) return\n\t\t\trLastChange.current = now\n\n\t\t\trIsOpen.current = isOpen\n\n\t\t\teditor.batch(() => {\n\t\t\t\tif (isOpen) {\n\t\t\t\t\teditor.complete()\n\t\t\t\t\teditor.addOpenMenu(id)\n\t\t\t\t} else {\n\t\t\t\t\teditor.updateInstanceState({\n\t\t\t\t\t\topenMenus: editor.getOpenMenus().filter((m) => !m.startsWith(id)),\n\t\t\t\t\t})\n\t\t\t\t}\n\n\t\t\t\tcb?.(isOpen)\n\t\t\t})\n\t\t},\n\t\t[editor, id, cb]\n\t)\n\n\tconst isOpen = useValue('is menu open', () => editor.getOpenMenus().includes(id), [editor, id])\n\n\tuseEffect(() => {\n\t\t// When the effect runs, if the menu is open then\n\t\t// add it to the open menus list.\n\n\t\t// This is necessary for cases where the user closes\n\t\t// the parent of a submenu before closing the submenu.\n\t\t// There is some duplication between this and `onOpenChange`\n\t\t// hook but it's necessary to handle the case where the\n\t\t// this effect runs twice or re-runs.\n\t\tif (rIsOpen.current) {\n\t\t\ttrackEvent('open-menu', { source: 'unknown', id })\n\t\t\teditor.addOpenMenu(id)\n\t\t}\n\n\t\treturn () => {\n\t\t\tif (rIsOpen.current) {\n\t\t\t\t// Close menu on unmount\n\t\t\t\teditor.deleteOpenMenu(id)\n\n\t\t\t\t// Close menu and all submenus when the parent is closed\n\t\t\t\teditor.getOpenMenus().forEach((menuId) => {\n\t\t\t\t\tif (menuId.startsWith(id)) {\n\t\t\t\t\t\ttrackEvent('close-menu', { source: 'unknown', id })\n\t\t\t\t\t\teditor.deleteOpenMenu(menuId)\n\t\t\t\t\t}\n\t\t\t\t})\n\n\t\t\t\trIsOpen.current = false\n\t\t\t}\n\t\t}\n\t}, [editor, id, trackEvent])\n\n\treturn [isOpen, onOpenChange] as const\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAoC;AACpC,mBAA+C;AAC/C,+BAA4B;AAGrB,SAAS,cAAc,IAAY,IAAgC;AACzE,QAAM,aAAS,yBAAU;AACzB,QAAM,cAAU,qBAAO,KAAK;AAC5B,QAAM,iBAAa,sCAAY;AAE/B,QAAM,kBAAc,qBAAO,CAAC;AAE5B,QAAM,mBAAe;AAAA,IACpB,CAACA,YAAoB;AAEpB,YAAM,MAAM,KAAK,IAAI;AACrB,UAAI,MAAM,YAAY,UAAU;AAAI;AACpC,kBAAY,UAAU;AAEtB,cAAQ,UAAUA;AAElB,aAAO,MAAM,MAAM;AAClB,YAAIA,SAAQ;AACX,iBAAO,SAAS;AAChB,iBAAO,YAAY,EAAE;AAAA,QACtB,OAAO;AACN,iBAAO,oBAAoB;AAAA,YAC1B,WAAW,OAAO,aAAa,EAAE,OAAO,CAAC,MAAM,CAAC,EAAE,WAAW,EAAE,CAAC;AAAA,UACjE,CAAC;AAAA,QACF;AAEA,aAAKA,OAAM;AAAA,MACZ,CAAC;AAAA,IACF;AAAA,IACA,CAAC,QAAQ,IAAI,EAAE;AAAA,EAChB;AAEA,QAAM,aAAS,wBAAS,gBAAgB,MAAM,OAAO,aAAa,EAAE,SAAS,EAAE,GAAG,CAAC,QAAQ,EAAE,CAAC;AAE9F,8BAAU,MAAM;AASf,QAAI,QAAQ,SAAS;AACpB,iBAAW,aAAa,EAAE,QAAQ,WAAW,GAAG,CAAC;AACjD,aAAO,YAAY,EAAE;AAAA,IACtB;AAEA,WAAO,MAAM;AACZ,UAAI,QAAQ,SAAS;AAEpB,eAAO,eAAe,EAAE;AAGxB,eAAO,aAAa,EAAE,QAAQ,CAAC,WAAW;AACzC,cAAI,OAAO,WAAW,EAAE,GAAG;AAC1B,uBAAW,cAAc,EAAE,QAAQ,WAAW,GAAG,CAAC;AAClD,mBAAO,eAAe,MAAM;AAAA,UAC7B;AAAA,QACD,CAAC;AAED,gBAAQ,UAAU;AAAA,MACnB;AAAA,IACD;AAAA,EACD,GAAG,CAAC,QAAQ,IAAI,UAAU,CAAC;AAE3B,SAAO,CAAC,QAAQ,YAAY;AAC7B;",
+  "names": ["isOpen"]
+}

package/dist-cjs/lib/ui/hooks/useMenuSchema.js

@@ -0,0 +1,260 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useMenuSchema_exports = {};
+__export(useMenuSchema_exports, {
+  TLUiMenuSchemaContext: () => TLUiMenuSchemaContext,
+  TLUiMenuSchemaProvider: () => TLUiMenuSchemaProvider,
+  useMenuSchema: () => useMenuSchema
+});
+module.exports = __toCommonJS(useMenuSchema_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_editor = require("@bigbluebutton/editor");
+var import_react = __toESM(require("react"));
+var import_embeds = require("../../utils/embeds/embeds");
+var import_menuHelpers = require("./menuHelpers");
+var import_useActions = require("./useActions");
+var import_useBreakpoint = require("./useBreakpoint");
+var import_useCanRedo = require("./useCanRedo");
+var import_useCanUndo = require("./useCanUndo");
+var import_useHasLinkShapeSelected = require("./useHasLinkShapeSelected");
+var import_useShowAutoSizeToggle = require("./useShowAutoSizeToggle");
+const TLUiMenuSchemaContext = import_react.default.createContext({});
+function TLUiMenuSchemaProvider({ overrides, children }) {
+  const editor = (0, import_editor.useEditor)();
+  const actions = (0, import_useActions.useActions)();
+  const breakpoint = (0, import_useBreakpoint.useBreakpoint)();
+  const isMobile = breakpoint < 5;
+  const isDarkMode = (0, import_editor.useValue)("isDarkMode", () => editor.user.getIsDarkMode(), [editor]);
+  const animationSpeed = (0, import_editor.useValue)("animationSpeed", () => editor.user.getAnimationSpeed(), [editor]);
+  const isGridMode = (0, import_editor.useValue)("isGridMode", () => editor.getInstanceState().isGridMode, [editor]);
+  const isSnapMode = (0, import_editor.useValue)("isSnapMode", () => editor.user.getIsSnapMode(), [editor]);
+  const isToolLock = (0, import_editor.useValue)("isToolLock", () => editor.getInstanceState().isToolLocked, [editor]);
+  const isFocusMode = (0, import_editor.useValue)("isFocusMode", () => editor.getInstanceState().isFocusMode, [editor]);
+  const isDebugMode = (0, import_editor.useValue)("isDebugMode", () => editor.getInstanceState().isDebugMode, [editor]);
+  const exportBackground = (0, import_editor.useValue)(
+    "exportBackground",
+    () => editor.getInstanceState().exportBackground,
+    [editor]
+  );
+  const emptyPage = (0, import_editor.useValue)("emptyPage", () => editor.getCurrentPageShapeIds().size === 0, [
+    editor
+  ]);
+  const selectedCount = (0, import_editor.useValue)("selectedCount", () => editor.getSelectedShapeIds().length, [
+    editor
+  ]);
+  const noneSelected = selectedCount === 0;
+  const oneSelected = selectedCount > 0;
+  const twoSelected = selectedCount > 1;
+  const threeSelected = selectedCount > 2;
+  const hasClipboardWrite = Boolean(window.navigator.clipboard?.write);
+  const showEditLink = (0, import_useHasLinkShapeSelected.useHasLinkShapeSelected)();
+  const showAutoSizeToggle = (0, import_useShowAutoSizeToggle.useShowAutoSizeToggle)();
+  const allowGroup = (0, import_menuHelpers.useAllowGroup)();
+  const allowUngroup = (0, import_menuHelpers.useAllowUngroup)();
+  const canUndo = (0, import_useCanUndo.useCanUndo)();
+  const canRedo = (0, import_useCanRedo.useCanRedo)();
+  const isZoomedTo100 = (0, import_editor.useValue)("isZoomedTo100", () => editor.getZoomLevel() === 1, [editor]);
+  const oneEmbedSelected = (0, import_editor.useValue)(
+    "oneEmbedSelected",
+    () => {
+      const onlySelectedShape = editor.getOnlySelectedShape();
+      if (!onlySelectedShape)
+        return false;
+      return !!(editor.isShapeOfType(onlySelectedShape, "embed") && onlySelectedShape.props.url && !editor.isShapeOrAncestorLocked(onlySelectedShape));
+    },
+    []
+  );
+  const oneEmbeddableBookmarkSelected = (0, import_editor.useValue)(
+    "oneEmbeddableBookmarkSelected",
+    () => {
+      const onlySelectedShape = editor.getOnlySelectedShape();
+      if (!onlySelectedShape)
+        return false;
+      return !!(editor.isShapeOfType(onlySelectedShape, "bookmark") && onlySelectedShape.props.url && (0, import_embeds.getEmbedInfo)(onlySelectedShape.props.url) && !editor.isShapeOrAncestorLocked(onlySelectedShape));
+    },
+    []
+  );
+  const menuSchema = (0, import_react.useMemo)(() => {
+    const menuSchema2 = (0, import_menuHelpers.compactMenuItems)([
+      (0, import_menuHelpers.menuGroup)(
+        "menu",
+        (0, import_menuHelpers.menuSubmenu)(
+          "file",
+          "menu.file",
+          (0, import_menuHelpers.menuGroup)("print", (0, import_menuHelpers.menuItem)(actions["print"], { disabled: emptyPage }))
+        ),
+        (0, import_menuHelpers.menuSubmenu)(
+          "edit",
+          "menu.edit",
+          (0, import_menuHelpers.menuGroup)(
+            "undo-actions",
+            (0, import_menuHelpers.menuItem)(actions["undo"], { disabled: !canUndo }),
+            (0, import_menuHelpers.menuItem)(actions["redo"], { disabled: !canRedo })
+          ),
+          (0, import_menuHelpers.menuGroup)(
+            "clipboard-actions",
+            (0, import_menuHelpers.menuItem)(actions["cut"], { disabled: noneSelected }),
+            (0, import_menuHelpers.menuItem)(actions["copy"], { disabled: noneSelected }),
+            (0, import_menuHelpers.menuItem)(actions["paste"], { disabled: !import_menuHelpers.showMenuPaste })
+          ),
+          (0, import_menuHelpers.menuGroup)(
+            "conversions",
+            (0, import_menuHelpers.menuSubmenu)(
+              "copy-as",
+              "menu.copy-as",
+              (0, import_menuHelpers.menuGroup)(
+                "copy-as-group",
+                (0, import_menuHelpers.menuItem)(actions["copy-as-svg"], { disabled: emptyPage }),
+                (0, import_menuHelpers.menuItem)(actions["copy-as-png"], { disabled: emptyPage || !hasClipboardWrite }),
+                (0, import_menuHelpers.menuItem)(actions["copy-as-json"], { disabled: emptyPage })
+              ),
+              (0, import_menuHelpers.menuGroup)(
+                "export-bg",
+                (0, import_menuHelpers.menuItem)(actions["toggle-transparent"], { checked: !exportBackground })
+              )
+            ),
+            (0, import_menuHelpers.menuSubmenu)(
+              "export-as",
+              "menu.export-as",
+              (0, import_menuHelpers.menuGroup)(
+                "export-as-group",
+                (0, import_menuHelpers.menuItem)(actions["export-as-svg"], { disabled: emptyPage }),
+                (0, import_menuHelpers.menuItem)(actions["export-as-png"], { disabled: emptyPage }),
+                (0, import_menuHelpers.menuItem)(actions["export-as-json"], { disabled: emptyPage })
+              ),
+              (0, import_menuHelpers.menuGroup)(
+                "export-bg",
+                (0, import_menuHelpers.menuItem)(actions["toggle-transparent"], { checked: !exportBackground })
+              )
+            )
+          ),
+          (0, import_menuHelpers.menuGroup)(
+            "set-selection-group",
+            (0, import_menuHelpers.menuItem)(actions["select-all"], { disabled: emptyPage }),
+            (0, import_menuHelpers.menuItem)(actions["select-none"], { disabled: !oneSelected })
+          ),
+          (0, import_menuHelpers.menuGroup)(
+            "selection",
+            showAutoSizeToggle && (0, import_menuHelpers.menuItem)(actions["toggle-auto-size"]),
+            showEditLink && (0, import_menuHelpers.menuItem)(actions["edit-link"]),
+            (0, import_menuHelpers.menuItem)(actions["duplicate"], { disabled: !oneSelected }),
+            allowGroup && (0, import_menuHelpers.menuItem)(actions["group"]),
+            allowUngroup && (0, import_menuHelpers.menuItem)(actions["ungroup"]),
+            (0, import_menuHelpers.menuItem)(actions["unlock-all"], { disabled: emptyPage })
+          ),
+          (0, import_menuHelpers.menuGroup)("delete-group", (0, import_menuHelpers.menuItem)(actions["delete"], { disabled: !oneSelected })),
+          (0, import_menuHelpers.menuGroup)(
+            "embeds",
+            oneEmbedSelected && (0, import_menuHelpers.menuItem)(actions["open-embed-link"]),
+            oneEmbedSelected && (0, import_menuHelpers.menuItem)(actions["convert-to-bookmark"]),
+            oneEmbeddableBookmarkSelected && (0, import_menuHelpers.menuItem)(actions["convert-to-embed"])
+          )
+        ),
+        (0, import_menuHelpers.menuSubmenu)(
+          "view",
+          "menu.view",
+          (0, import_menuHelpers.menuGroup)(
+            "view-actions",
+            (0, import_menuHelpers.menuItem)(actions["zoom-in"]),
+            (0, import_menuHelpers.menuItem)(actions["zoom-out"]),
+            (0, import_menuHelpers.menuItem)(actions["zoom-to-100"], { disabled: isZoomedTo100 }),
+            (0, import_menuHelpers.menuItem)(actions["zoom-to-fit"], { disabled: emptyPage }),
+            (0, import_menuHelpers.menuItem)(actions["zoom-to-selection"], { disabled: emptyPage || !oneSelected })
+          )
+        )
+      ),
+      (0, import_menuHelpers.menuGroup)("extras", (0, import_menuHelpers.menuItem)(actions["insert-embed"]), (0, import_menuHelpers.menuItem)(actions["insert-media"])),
+      (0, import_menuHelpers.menuGroup)(
+        "preferences",
+        (0, import_menuHelpers.menuSubmenu)(
+          "preferences",
+          "menu.preferences",
+          (0, import_menuHelpers.menuGroup)(
+            "preferences-actions",
+            (0, import_menuHelpers.menuItem)(actions["toggle-snap-mode"], { checked: isSnapMode }),
+            (0, import_menuHelpers.menuItem)(actions["toggle-tool-lock"], { checked: isToolLock }),
+            (0, import_menuHelpers.menuItem)(actions["toggle-grid"], { checked: isGridMode }),
+            (0, import_menuHelpers.menuItem)(actions["toggle-dark-mode"], { checked: isDarkMode }),
+            (0, import_menuHelpers.menuItem)(actions["toggle-focus-mode"], { checked: isFocusMode }),
+            (0, import_menuHelpers.menuItem)(actions["toggle-reduce-motion"], { checked: animationSpeed === 0 }),
+            (0, import_menuHelpers.menuItem)(actions["toggle-debug-mode"], { checked: isDebugMode })
+          )
+        ),
+        isMobile && (0, import_menuHelpers.menuCustom)("LANGUAGE_MENU", { readonlyOk: true })
+      )
+    ]);
+    if (overrides) {
+      return overrides(editor, menuSchema2, {
+        actions,
+        noneSelected,
+        oneSelected,
+        twoSelected,
+        threeSelected
+      });
+    }
+    return menuSchema2;
+  }, [
+    editor,
+    overrides,
+    actions,
+    oneSelected,
+    twoSelected,
+    threeSelected,
+    emptyPage,
+    isMobile,
+    allowGroup,
+    allowUngroup,
+    showEditLink,
+    hasClipboardWrite,
+    showAutoSizeToggle,
+    noneSelected,
+    canUndo,
+    canRedo,
+    animationSpeed,
+    isDarkMode,
+    isGridMode,
+    isSnapMode,
+    isToolLock,
+    isFocusMode,
+    exportBackground,
+    isDebugMode,
+    isZoomedTo100,
+    oneEmbeddableBookmarkSelected,
+    oneEmbedSelected
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TLUiMenuSchemaContext.Provider, { value: menuSchema, children });
+}
+function useMenuSchema() {
+  const ctx = import_react.default.useContext(TLUiMenuSchemaContext);
+  if (!ctx) {
+    throw new Error("useMenuSchema must be used inside of a TLUiMenuSchemaProvider.");
+  }
+  return ctx;
+}
+//# sourceMappingURL=useMenuSchema.js.map

package/dist-cjs/lib/ui/hooks/useMenuSchema.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/ui/hooks/useMenuSchema.tsx"],
+  "sourcesContent": ["import { Editor, TLBookmarkShape, TLEmbedShape, useEditor, useValue } from '@bigbluebutton/editor'\nimport React, { useMemo } from 'react'\nimport { getEmbedInfo } from '../../utils/embeds/embeds'\nimport {\n\tTLUiMenuSchema,\n\tcompactMenuItems,\n\tmenuCustom,\n\tmenuGroup,\n\tmenuItem,\n\tmenuSubmenu,\n\tshowMenuPaste,\n\tuseAllowGroup,\n\tuseAllowUngroup,\n} from './menuHelpers'\nimport { useActions } from './useActions'\nimport { useBreakpoint } from './useBreakpoint'\nimport { useCanRedo } from './useCanRedo'\nimport { useCanUndo } from './useCanUndo'\nimport { useHasLinkShapeSelected } from './useHasLinkShapeSelected'\nimport { useShowAutoSizeToggle } from './useShowAutoSizeToggle'\n\n/** @public */\nexport type TLUiMenuSchemaContextType = TLUiMenuSchema\n\n/** @internal */\nexport const TLUiMenuSchemaContext = React.createContext({} as TLUiMenuSchemaContextType)\n\n/** @public */\nexport type TLUiMenuSchemaProviderProps = {\n\toverrides?: (\n\t\teditor: Editor,\n\t\tschema: TLUiMenuSchemaContextType,\n\t\thelpers: {\n\t\t\tactions: ReturnType<typeof useActions>\n\t\t\tnoneSelected: boolean\n\t\t\toneSelected: boolean\n\t\t\ttwoSelected: boolean\n\t\t\tthreeSelected: boolean\n\t\t}\n\t) => TLUiMenuSchemaContextType\n\tchildren: any\n}\n\n/** @internal */\nexport function TLUiMenuSchemaProvider({ overrides, children }: TLUiMenuSchemaProviderProps) {\n\tconst editor = useEditor()\n\tconst actions = useActions()\n\n\tconst breakpoint = useBreakpoint()\n\tconst isMobile = breakpoint < 5\n\n\tconst isDarkMode = useValue('isDarkMode', () => editor.user.getIsDarkMode(), [editor])\n\tconst animationSpeed = useValue('animationSpeed', () => editor.user.getAnimationSpeed(), [editor])\n\tconst isGridMode = useValue('isGridMode', () => editor.getInstanceState().isGridMode, [editor])\n\tconst isSnapMode = useValue('isSnapMode', () => editor.user.getIsSnapMode(), [editor])\n\tconst isToolLock = useValue('isToolLock', () => editor.getInstanceState().isToolLocked, [editor])\n\tconst isFocusMode = useValue('isFocusMode', () => editor.getInstanceState().isFocusMode, [editor])\n\tconst isDebugMode = useValue('isDebugMode', () => editor.getInstanceState().isDebugMode, [editor])\n\tconst exportBackground = useValue(\n\t\t'exportBackground',\n\t\t() => editor.getInstanceState().exportBackground,\n\t\t[editor]\n\t)\n\n\tconst emptyPage = useValue('emptyPage', () => editor.getCurrentPageShapeIds().size === 0, [\n\t\teditor,\n\t])\n\n\tconst selectedCount = useValue('selectedCount', () => editor.getSelectedShapeIds().length, [\n\t\teditor,\n\t])\n\tconst noneSelected = selectedCount === 0\n\tconst oneSelected = selectedCount > 0\n\tconst twoSelected = selectedCount > 1\n\tconst threeSelected = selectedCount > 2\n\n\tconst hasClipboardWrite = Boolean(window.navigator.clipboard?.write)\n\tconst showEditLink = useHasLinkShapeSelected()\n\tconst showAutoSizeToggle = useShowAutoSizeToggle()\n\tconst allowGroup = useAllowGroup()\n\tconst allowUngroup = useAllowUngroup()\n\tconst canUndo = useCanUndo()\n\tconst canRedo = useCanRedo()\n\tconst isZoomedTo100 = useValue('isZoomedTo100', () => editor.getZoomLevel() === 1, [editor])\n\n\tconst oneEmbedSelected = useValue(\n\t\t'oneEmbedSelected',\n\t\t() => {\n\t\t\tconst onlySelectedShape = editor.getOnlySelectedShape()\n\t\t\tif (!onlySelectedShape) return false\n\t\t\treturn !!(\n\t\t\t\teditor.isShapeOfType<TLEmbedShape>(onlySelectedShape, 'embed') &&\n\t\t\t\tonlySelectedShape.props.url &&\n\t\t\t\t!editor.isShapeOrAncestorLocked(onlySelectedShape)\n\t\t\t)\n\t\t},\n\t\t[]\n\t)\n\n\tconst oneEmbeddableBookmarkSelected = useValue(\n\t\t'oneEmbeddableBookmarkSelected',\n\t\t() => {\n\t\t\tconst onlySelectedShape = editor.getOnlySelectedShape()\n\t\t\tif (!onlySelectedShape) return false\n\t\t\treturn !!(\n\t\t\t\teditor.isShapeOfType<TLBookmarkShape>(onlySelectedShape, 'bookmark') &&\n\t\t\t\tonlySelectedShape.props.url &&\n\t\t\t\tgetEmbedInfo(onlySelectedShape.props.url) &&\n\t\t\t\t!editor.isShapeOrAncestorLocked(onlySelectedShape)\n\t\t\t)\n\t\t},\n\t\t[]\n\t)\n\n\tconst menuSchema = useMemo<TLUiMenuSchema>(() => {\n\t\tconst menuSchema: TLUiMenuSchema = compactMenuItems([\n\t\t\tmenuGroup(\n\t\t\t\t'menu',\n\t\t\t\tmenuSubmenu(\n\t\t\t\t\t'file',\n\t\t\t\t\t'menu.file',\n\t\t\t\t\tmenuGroup('print', menuItem(actions['print'], { disabled: emptyPage }))\n\t\t\t\t),\n\t\t\t\tmenuSubmenu(\n\t\t\t\t\t'edit',\n\t\t\t\t\t'menu.edit',\n\t\t\t\t\tmenuGroup(\n\t\t\t\t\t\t'undo-actions',\n\t\t\t\t\t\tmenuItem(actions['undo'], { disabled: !canUndo }),\n\t\t\t\t\t\tmenuItem(actions['redo'], { disabled: !canRedo })\n\t\t\t\t\t),\n\t\t\t\t\tmenuGroup(\n\t\t\t\t\t\t'clipboard-actions',\n\t\t\t\t\t\tmenuItem(actions['cut'], { disabled: noneSelected }),\n\t\t\t\t\t\tmenuItem(actions['copy'], { disabled: noneSelected }),\n\t\t\t\t\t\tmenuItem(actions['paste'], { disabled: !showMenuPaste })\n\t\t\t\t\t),\n\t\t\t\t\tmenuGroup(\n\t\t\t\t\t\t'conversions',\n\t\t\t\t\t\tmenuSubmenu(\n\t\t\t\t\t\t\t'copy-as',\n\t\t\t\t\t\t\t'menu.copy-as',\n\t\t\t\t\t\t\tmenuGroup(\n\t\t\t\t\t\t\t\t'copy-as-group',\n\t\t\t\t\t\t\t\tmenuItem(actions['copy-as-svg'], { disabled: emptyPage }),\n\t\t\t\t\t\t\t\tmenuItem(actions['copy-as-png'], { disabled: emptyPage || !hasClipboardWrite }),\n\t\t\t\t\t\t\t\tmenuItem(actions['copy-as-json'], { disabled: emptyPage })\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\tmenuGroup(\n\t\t\t\t\t\t\t\t'export-bg',\n\t\t\t\t\t\t\t\tmenuItem(actions['toggle-transparent'], { checked: !exportBackground })\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t),\n\t\t\t\t\t\tmenuSubmenu(\n\t\t\t\t\t\t\t'export-as',\n\t\t\t\t\t\t\t'menu.export-as',\n\t\t\t\t\t\t\tmenuGroup(\n\t\t\t\t\t\t\t\t'export-as-group',\n\t\t\t\t\t\t\t\tmenuItem(actions['export-as-svg'], { disabled: emptyPage }),\n\t\t\t\t\t\t\t\tmenuItem(actions['export-as-png'], { disabled: emptyPage }),\n\t\t\t\t\t\t\t\tmenuItem(actions['export-as-json'], { disabled: emptyPage })\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\tmenuGroup(\n\t\t\t\t\t\t\t\t'export-bg',\n\t\t\t\t\t\t\t\tmenuItem(actions['toggle-transparent'], { checked: !exportBackground })\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t)\n\t\t\t\t\t),\n\t\t\t\t\tmenuGroup(\n\t\t\t\t\t\t'set-selection-group',\n\t\t\t\t\t\tmenuItem(actions['select-all'], { disabled: emptyPage }),\n\t\t\t\t\t\tmenuItem(actions['select-none'], { disabled: !oneSelected })\n\t\t\t\t\t),\n\t\t\t\t\tmenuGroup(\n\t\t\t\t\t\t'selection',\n\t\t\t\t\t\tshowAutoSizeToggle && menuItem(actions['toggle-auto-size']),\n\t\t\t\t\t\tshowEditLink && menuItem(actions['edit-link']),\n\t\t\t\t\t\tmenuItem(actions['duplicate'], { disabled: !oneSelected }),\n\t\t\t\t\t\tallowGroup && menuItem(actions['group']),\n\t\t\t\t\t\tallowUngroup && menuItem(actions['ungroup']),\n\t\t\t\t\t\tmenuItem(actions['unlock-all'], { disabled: emptyPage })\n\t\t\t\t\t),\n\t\t\t\t\tmenuGroup('delete-group', menuItem(actions['delete'], { disabled: !oneSelected })),\n\t\t\t\t\tmenuGroup(\n\t\t\t\t\t\t'embeds',\n\t\t\t\t\t\toneEmbedSelected && menuItem(actions['open-embed-link']),\n\t\t\t\t\t\toneEmbedSelected && menuItem(actions['convert-to-bookmark']),\n\t\t\t\t\t\toneEmbeddableBookmarkSelected && menuItem(actions['convert-to-embed'])\n\t\t\t\t\t)\n\t\t\t\t),\n\t\t\t\tmenuSubmenu(\n\t\t\t\t\t'view',\n\t\t\t\t\t'menu.view',\n\t\t\t\t\tmenuGroup(\n\t\t\t\t\t\t'view-actions',\n\t\t\t\t\t\tmenuItem(actions['zoom-in']),\n\t\t\t\t\t\tmenuItem(actions['zoom-out']),\n\t\t\t\t\t\tmenuItem(actions['zoom-to-100'], { disabled: isZoomedTo100 }),\n\t\t\t\t\t\tmenuItem(actions['zoom-to-fit'], { disabled: emptyPage }),\n\t\t\t\t\t\tmenuItem(actions['zoom-to-selection'], { disabled: emptyPage || !oneSelected })\n\t\t\t\t\t)\n\t\t\t\t)\n\t\t\t),\n\t\t\tmenuGroup('extras', menuItem(actions['insert-embed']), menuItem(actions['insert-media'])),\n\t\t\tmenuGroup(\n\t\t\t\t'preferences',\n\t\t\t\tmenuSubmenu(\n\t\t\t\t\t'preferences',\n\t\t\t\t\t'menu.preferences',\n\t\t\t\t\tmenuGroup(\n\t\t\t\t\t\t'preferences-actions',\n\t\t\t\t\t\tmenuItem(actions['toggle-snap-mode'], { checked: isSnapMode }),\n\t\t\t\t\t\tmenuItem(actions['toggle-tool-lock'], { checked: isToolLock }),\n\t\t\t\t\t\tmenuItem(actions['toggle-grid'], { checked: isGridMode }),\n\t\t\t\t\t\tmenuItem(actions['toggle-dark-mode'], { checked: isDarkMode }),\n\t\t\t\t\t\tmenuItem(actions['toggle-focus-mode'], { checked: isFocusMode }),\n\t\t\t\t\t\tmenuItem(actions['toggle-reduce-motion'], { checked: animationSpeed === 0 }),\n\t\t\t\t\t\tmenuItem(actions['toggle-debug-mode'], { checked: isDebugMode })\n\t\t\t\t\t)\n\t\t\t\t),\n\t\t\t\tisMobile && menuCustom('LANGUAGE_MENU', { readonlyOk: true })\n\t\t\t),\n\t\t])\n\n\t\tif (overrides) {\n\t\t\treturn overrides(editor, menuSchema, {\n\t\t\t\tactions,\n\t\t\t\tnoneSelected,\n\t\t\t\toneSelected,\n\t\t\t\ttwoSelected,\n\t\t\t\tthreeSelected,\n\t\t\t})\n\t\t}\n\n\t\treturn menuSchema\n\t}, [\n\t\teditor,\n\t\toverrides,\n\t\tactions,\n\t\toneSelected,\n\t\ttwoSelected,\n\t\tthreeSelected,\n\t\temptyPage,\n\t\tisMobile,\n\t\tallowGroup,\n\t\tallowUngroup,\n\t\tshowEditLink,\n\t\thasClipboardWrite,\n\t\tshowAutoSizeToggle,\n\t\tnoneSelected,\n\t\tcanUndo,\n\t\tcanRedo,\n\t\tanimationSpeed,\n\t\tisDarkMode,\n\t\tisGridMode,\n\t\tisSnapMode,\n\t\tisToolLock,\n\t\tisFocusMode,\n\t\texportBackground,\n\t\tisDebugMode,\n\t\tisZoomedTo100,\n\t\toneEmbeddableBookmarkSelected,\n\t\toneEmbedSelected,\n\t])\n\n\treturn (\n\t\t<TLUiMenuSchemaContext.Provider value={menuSchema}>{children}</TLUiMenuSchemaContext.Provider>\n\t)\n}\n\n/** @public */\nexport function useMenuSchema(): TLUiMenuSchema {\n\tconst ctx = React.useContext(TLUiMenuSchemaContext)\n\n\tif (!ctx) {\n\t\tthrow new Error('useMenuSchema must be used inside of a TLUiMenuSchemaProvider.')\n\t}\n\n\treturn ctx\n}\n"],
+  "mappings": "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",
+  "names": ["React", "menuSchema"]
+}

package/dist-cjs/lib/ui/hooks/useOnlyFlippableShape.js

@@ -0,0 +1,38 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useOnlyFlippableShape_exports = {};
+__export(useOnlyFlippableShape_exports, {
+  useOnlyFlippableShape: () => useOnlyFlippableShape
+});
+module.exports = __toCommonJS(useOnlyFlippableShape_exports);
+var import_editor = require("@bigbluebutton/editor");
+function useOnlyFlippableShape() {
+  const editor = (0, import_editor.useEditor)();
+  return (0, import_editor.useValue)(
+    "onlyFlippableShape",
+    () => {
+      const selectedShapes = editor.getSelectedShapes();
+      return selectedShapes.length === 1 && selectedShapes.every(
+        (shape) => editor.isShapeOfType(shape, "group") || editor.isShapeOfType(shape, "arrow") || editor.isShapeOfType(shape, "line") || editor.isShapeOfType(shape, "draw")
+      );
+    },
+    [editor]
+  );
+}
+//# sourceMappingURL=useOnlyFlippableShape.js.map

package/dist-cjs/lib/ui/hooks/useOnlyFlippableShape.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/ui/hooks/useOnlyFlippableShape.ts"],
+  "sourcesContent": ["import {\n\tTLArrowShape,\n\tTLDrawShape,\n\tTLGroupShape,\n\tTLLineShape,\n\tuseEditor,\n\tuseValue,\n} from '@bigbluebutton/editor'\n\nexport function useOnlyFlippableShape() {\n\tconst editor = useEditor()\n\treturn useValue(\n\t\t'onlyFlippableShape',\n\t\t() => {\n\t\t\tconst selectedShapes = editor.getSelectedShapes()\n\t\t\treturn (\n\t\t\t\tselectedShapes.length === 1 &&\n\t\t\t\tselectedShapes.every(\n\t\t\t\t\t(shape) =>\n\t\t\t\t\t\teditor.isShapeOfType<TLGroupShape>(shape, 'group') ||\n\t\t\t\t\t\teditor.isShapeOfType<TLArrowShape>(shape, 'arrow') ||\n\t\t\t\t\t\teditor.isShapeOfType<TLLineShape>(shape, 'line') ||\n\t\t\t\t\t\teditor.isShapeOfType<TLDrawShape>(shape, 'draw')\n\t\t\t\t)\n\t\t\t)\n\t\t},\n\t\t[editor]\n\t)\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAOO;AAEA,SAAS,wBAAwB;AACvC,QAAM,aAAS,yBAAU;AACzB,aAAO;AAAA,IACN;AAAA,IACA,MAAM;AACL,YAAM,iBAAiB,OAAO,kBAAkB;AAChD,aACC,eAAe,WAAW,KAC1B,eAAe;AAAA,QACd,CAAC,UACA,OAAO,cAA4B,OAAO,OAAO,KACjD,OAAO,cAA4B,OAAO,OAAO,KACjD,OAAO,cAA2B,OAAO,MAAM,KAC/C,OAAO,cAA2B,OAAO,MAAM;AAAA,MACjD;AAAA,IAEF;AAAA,IACA,CAAC,MAAM;AAAA,EACR;AACD;",
+  "names": []
+}

package/dist-cjs/lib/ui/hooks/usePreloadAssets.js

@@ -0,0 +1,106 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var usePreloadAssets_exports = {};
+__export(usePreloadAssets_exports, {
+  usePreloadAssets: () => usePreloadAssets
+});
+module.exports = __toCommonJS(usePreloadAssets_exports);
+var import_react = require("react");
+var PreloadStatus = /* @__PURE__ */ ((PreloadStatus2) => {
+  PreloadStatus2[PreloadStatus2["SUCCESS"] = 0] = "SUCCESS";
+  PreloadStatus2[PreloadStatus2["FAILED"] = 1] = "FAILED";
+  PreloadStatus2[PreloadStatus2["WAITING"] = 2] = "WAITING";
+  return PreloadStatus2;
+})(PreloadStatus || {});
+const usePreloadFont = (id, font) => {
+  const [state, setState] = (0, import_react.useState)(2 /* WAITING */);
+  (0, import_react.useEffect)(() => {
+    const {
+      url,
+      style = "normal",
+      weight = "500",
+      display,
+      featureSettings,
+      stretch,
+      unicodeRange,
+      variant
+    } = font;
+    let cancelled = false;
+    setState(2 /* WAITING */);
+    const descriptors = {
+      style,
+      weight,
+      display,
+      featureSettings,
+      stretch,
+      unicodeRange,
+      variant
+    };
+    const fontInstance = new FontFace(id, `url(${url})`, descriptors);
+    fontInstance.load().then(() => {
+      if (cancelled)
+        return;
+      document.fonts.add(fontInstance);
+      setState(0 /* SUCCESS */);
+    }).catch((err) => {
+      if (cancelled)
+        return;
+      console.error(err);
+      setState(1 /* FAILED */);
+    });
+    fontInstance.$$_url = url;
+    fontInstance.$$_fontface = `
+@font-face {
+	font-family: ${fontInstance.family};
+	font-stretch: ${fontInstance.stretch};
+	font-weight: ${fontInstance.weight};
+	font-style: ${fontInstance.style};
+	src: url("${url}") format("woff2")
+}`;
+    return () => {
+      document.fonts.delete(fontInstance);
+      cancelled = true;
+    };
+  }, [id, font]);
+  return state;
+};
+function getTypefaces(assetUrls) {
+  return {
+    draw: { url: assetUrls.fonts.draw },
+    serif: { url: assetUrls.fonts.serif },
+    sansSerif: { url: assetUrls.fonts.sansSerif },
+    monospace: { url: assetUrls.fonts.monospace }
+  };
+}
+function usePreloadAssets(assetUrls) {
+  const typefaces = (0, import_react.useMemo)(() => getTypefaces(assetUrls), [assetUrls]);
+  const results = [
+    usePreloadFont("tldraw_draw", typefaces.draw),
+    usePreloadFont("tldraw_serif", typefaces.serif),
+    usePreloadFont("tldraw_sans", typefaces.sansSerif),
+    usePreloadFont("tldraw_mono", typefaces.monospace)
+  ];
+  return {
+    // If any of the results have errored, then preloading has failed
+    error: results.some((result) => result === 1 /* FAILED */),
+    // If any of the results are waiting, then we're not done yet
+    done: !results.some((result) => result === 2 /* WAITING */)
+  };
+}
+//# sourceMappingURL=usePreloadAssets.js.map

package/dist-cjs/lib/ui/hooks/usePreloadAssets.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/ui/hooks/usePreloadAssets.ts"],
+  "sourcesContent": ["import { useEffect, useMemo, useState } from 'react'\nimport { TLEditorAssetUrls } from '../../utils/static-assets/assetUrls'\n\nexport type TLTypeFace = {\n\turl: string\n\tdisplay?: any // FontDisplay\n\tfeatureSettings?: string\n\tstretch?: string\n\tstyle?: string\n\tunicodeRange?: string\n\tvariant?: string\n\tweight?: string\n}\n\nexport type TLTypeFaces = {\n\tdraw: TLTypeFace\n\tmonospace: TLTypeFace\n\tserif: TLTypeFace\n\tsansSerif: TLTypeFace\n}\n\nenum PreloadStatus {\n\tSUCCESS,\n\tFAILED,\n\tWAITING,\n}\n\nconst usePreloadFont = (id: string, font: TLTypeFace): PreloadStatus => {\n\tconst [state, setState] = useState<PreloadStatus>(PreloadStatus.WAITING)\n\n\tuseEffect(() => {\n\t\tconst {\n\t\t\turl,\n\t\t\tstyle = 'normal',\n\t\t\tweight = '500',\n\t\t\tdisplay,\n\t\t\tfeatureSettings,\n\t\t\tstretch,\n\t\t\tunicodeRange,\n\t\t\tvariant,\n\t\t} = font\n\n\t\tlet cancelled = false\n\t\tsetState(PreloadStatus.WAITING)\n\n\t\tconst descriptors: FontFaceDescriptors = {\n\t\t\tstyle,\n\t\t\tweight,\n\t\t\tdisplay,\n\t\t\tfeatureSettings,\n\t\t\tstretch,\n\t\t\tunicodeRange,\n\t\t\tvariant,\n\t\t}\n\n\t\tconst fontInstance = new FontFace(id, `url(${url})`, descriptors)\n\n\t\tfontInstance\n\t\t\t.load()\n\t\t\t.then(() => {\n\t\t\t\tif (cancelled) return\n\t\t\t\tdocument.fonts.add(fontInstance)\n\t\t\t\tsetState(PreloadStatus.SUCCESS)\n\t\t\t})\n\t\t\t.catch((err) => {\n\t\t\t\tif (cancelled) return\n\t\t\t\tconsole.error(err)\n\t\t\t\tsetState(PreloadStatus.FAILED)\n\t\t\t})\n\n\t\t// @ts-expect-error\n\t\tfontInstance.$$_url = url\n\n\t\t// @ts-expect-error\n\t\tfontInstance.$$_fontface = `\n@font-face {\n\tfont-family: ${fontInstance.family};\n\tfont-stretch: ${fontInstance.stretch};\n\tfont-weight: ${fontInstance.weight};\n\tfont-style: ${fontInstance.style};\n\tsrc: url(\"${url}\") format(\"woff2\")\n}`\n\n\t\treturn () => {\n\t\t\tdocument.fonts.delete(fontInstance)\n\t\t\tcancelled = true\n\t\t}\n\t}, [id, font])\n\n\treturn state\n}\n\nfunction getTypefaces(assetUrls: TLEditorAssetUrls) {\n\treturn {\n\t\tdraw: { url: assetUrls.fonts.draw },\n\t\tserif: { url: assetUrls.fonts.serif },\n\t\tsansSerif: { url: assetUrls.fonts.sansSerif },\n\t\tmonospace: { url: assetUrls.fonts.monospace },\n\t}\n}\n\n// todo: Expose this via a public API (prop on <Tldraw>).\n\nexport function usePreloadAssets(assetUrls: TLEditorAssetUrls) {\n\tconst typefaces = useMemo(() => getTypefaces(assetUrls), [assetUrls])\n\n\tconst results = [\n\t\tusePreloadFont('tldraw_draw', typefaces.draw),\n\t\tusePreloadFont('tldraw_serif', typefaces.serif),\n\t\tusePreloadFont('tldraw_sans', typefaces.sansSerif),\n\t\tusePreloadFont('tldraw_mono', typefaces.monospace),\n\t]\n\n\treturn {\n\t\t// If any of the results have errored, then preloading has failed\n\t\terror: results.some((result) => result === PreloadStatus.FAILED),\n\t\t// If any of the results are waiting, then we're not done yet\n\t\tdone: !results.some((result) => result === PreloadStatus.WAITING),\n\t}\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA6C;AAqB7C,IAAK,gBAAL,kBAAKA,mBAAL;AACC,EAAAA,8BAAA;AACA,EAAAA,8BAAA;AACA,EAAAA,8BAAA;AAHI,SAAAA;AAAA,GAAA;AAML,MAAM,iBAAiB,CAAC,IAAY,SAAoC;AACvE,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAwB,eAAqB;AAEvE,8BAAU,MAAM;AACf,UAAM;AAAA,MACL;AAAA,MACA,QAAQ;AAAA,MACR,SAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACD,IAAI;AAEJ,QAAI,YAAY;AAChB,aAAS,eAAqB;AAE9B,UAAM,cAAmC;AAAA,MACxC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACD;AAEA,UAAM,eAAe,IAAI,SAAS,IAAI,OAAO,GAAG,KAAK,WAAW;AAEhE,iBACE,KAAK,EACL,KAAK,MAAM;AACX,UAAI;AAAW;AACf,eAAS,MAAM,IAAI,YAAY;AAC/B,eAAS,eAAqB;AAAA,IAC/B,CAAC,EACA,MAAM,CAAC,QAAQ;AACf,UAAI;AAAW;AACf,cAAQ,MAAM,GAAG;AACjB,eAAS,cAAoB;AAAA,IAC9B,CAAC;AAGF,iBAAa,SAAS;AAGtB,iBAAa,cAAc;AAAA;AAAA,gBAEb,aAAa,MAAM;AAAA,iBAClB,aAAa,OAAO;AAAA,gBACrB,aAAa,MAAM;AAAA,eACpB,aAAa,KAAK;AAAA,aACpB,GAAG;AAAA;AAGd,WAAO,MAAM;AACZ,eAAS,MAAM,OAAO,YAAY;AAClC,kBAAY;AAAA,IACb;AAAA,EACD,GAAG,CAAC,IAAI,IAAI,CAAC;AAEb,SAAO;AACR;AAEA,SAAS,aAAa,WAA8B;AACnD,SAAO;AAAA,IACN,MAAM,EAAE,KAAK,UAAU,MAAM,KAAK;AAAA,IAClC,OAAO,EAAE,KAAK,UAAU,MAAM,MAAM;AAAA,IACpC,WAAW,EAAE,KAAK,UAAU,MAAM,UAAU;AAAA,IAC5C,WAAW,EAAE,KAAK,UAAU,MAAM,UAAU;AAAA,EAC7C;AACD;AAIO,SAAS,iBAAiB,WAA8B;AAC9D,QAAM,gBAAY,sBAAQ,MAAM,aAAa,SAAS,GAAG,CAAC,SAAS,CAAC;AAEpE,QAAM,UAAU;AAAA,IACf,eAAe,eAAe,UAAU,IAAI;AAAA,IAC5C,eAAe,gBAAgB,UAAU,KAAK;AAAA,IAC9C,eAAe,eAAe,UAAU,SAAS;AAAA,IACjD,eAAe,eAAe,UAAU,SAAS;AAAA,EAClD;AAEA,SAAO;AAAA;AAAA,IAEN,OAAO,QAAQ,KAAK,CAAC,WAAW,WAAW,cAAoB;AAAA;AAAA,IAE/D,MAAM,CAAC,QAAQ,KAAK,CAAC,WAAW,WAAW,eAAqB;AAAA,EACjE;AACD;",
+  "names": ["PreloadStatus"]
+}

package/dist-cjs/lib/ui/hooks/usePreloadIcons.js

@@ -0,0 +1,51 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var usePreloadIcons_exports = {};
+__export(usePreloadIcons_exports, {
+  usePreloadIcons: () => usePreloadIcons
+});
+module.exports = __toCommonJS(usePreloadIcons_exports);
+var import_react = require("react");
+var import_icon_types = require("../icon-types");
+var import_useAssetUrls = require("./useAssetUrls");
+function usePreloadIcons() {
+  const [isLoaded, setIsLoaded] = (0, import_react.useState)(false);
+  const assetUrls = (0, import_useAssetUrls.useAssetUrls)();
+  (0, import_react.useEffect)(() => {
+    let cancelled = false;
+    async function loadImages() {
+      await Promise.allSettled(
+        import_icon_types.iconTypes.map((icon) => {
+          const image = new Image();
+          image.src = assetUrls.icons[icon];
+          return image.decode();
+        })
+      );
+      if (cancelled)
+        return;
+      setIsLoaded(true);
+    }
+    loadImages();
+    return () => {
+      cancelled = true;
+    };
+  }, [isLoaded, assetUrls]);
+  return isLoaded;
+}
+//# sourceMappingURL=usePreloadIcons.js.map

package/dist-cjs/lib/ui/hooks/usePreloadIcons.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/ui/hooks/usePreloadIcons.ts"],
+  "sourcesContent": ["import { useEffect, useState } from 'react'\nimport { iconTypes } from '../icon-types'\nimport { useAssetUrls } from './useAssetUrls'\n\n/** @internal */\nexport function usePreloadIcons(): boolean {\n\tconst [isLoaded, setIsLoaded] = useState<boolean>(false)\n\tconst assetUrls = useAssetUrls()\n\n\tuseEffect(() => {\n\t\tlet cancelled = false\n\t\tasync function loadImages() {\n\t\t\t// Run through all of the icons and load them. It doesn't matter\n\t\t\t// if any of the images don't load; though we expect that they would.\n\t\t\t// Instead, we just want to make sure that the browser has cached\n\t\t\t// all of the icons it can so that they're available when we need them.\n\n\t\t\tawait Promise.allSettled(\n\t\t\t\ticonTypes.map((icon) => {\n\t\t\t\t\tconst image = new Image()\n\t\t\t\t\timage.src = assetUrls.icons[icon]\n\t\t\t\t\treturn image.decode()\n\t\t\t\t})\n\t\t\t)\n\n\t\t\tif (cancelled) return\n\t\t\tsetIsLoaded(true)\n\t\t}\n\n\t\tloadImages()\n\n\t\treturn () => {\n\t\t\tcancelled = true\n\t\t}\n\t}, [isLoaded, assetUrls])\n\n\treturn isLoaded\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoC;AACpC,wBAA0B;AAC1B,0BAA6B;AAGtB,SAAS,kBAA2B;AAC1C,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAkB,KAAK;AACvD,QAAM,gBAAY,kCAAa;AAE/B,8BAAU,MAAM;AACf,QAAI,YAAY;AAChB,mBAAe,aAAa;AAM3B,YAAM,QAAQ;AAAA,QACb,4BAAU,IAAI,CAAC,SAAS;AACvB,gBAAM,QAAQ,IAAI,MAAM;AACxB,gBAAM,MAAM,UAAU,MAAM,IAAI;AAChC,iBAAO,MAAM,OAAO;AAAA,QACrB,CAAC;AAAA,MACF;AAEA,UAAI;AAAW;AACf,kBAAY,IAAI;AAAA,IACjB;AAEA,eAAW;AAEX,WAAO,MAAM;AACZ,kBAAY;AAAA,IACb;AAAA,EACD,GAAG,CAAC,UAAU,SAAS,CAAC;AAExB,SAAO;AACR;",
+  "names": []
+}