@xom11/whiteboard 0.32.0 → 0.33.0

package/dist/{chunk-C76SOFXF.mjs → chunk-QCK3Z5WN.mjs}

@@ -4,7 +4,7 @@ import { lazy } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
 var LatexStampHost = lazy(
-  () => import('./host-H2IGOKJU.mjs').then((m) => ({ default: m.LatexStampHost }))
+  () => import('./host-BWIXT5TR.mjs').then((m) => ({ default: m.LatexStampHost }))
 );
 var LatexIcon = /* @__PURE__ */ jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M17 5 H7 L13 12 L7 19 H17" }) });
 var latexStamp = {
@@ -35,5 +35,5 @@ var latexStamp = {
 };
 
 export { latexStamp };
-//# sourceMappingURL=chunk-C76SOFXF.mjs.map
-//# sourceMappingURL=chunk-C76SOFXF.mjs.map
+//# sourceMappingURL=chunk-QCK3Z5WN.mjs.map
+//# sourceMappingURL=chunk-QCK3Z5WN.mjs.map

package/dist/{chunk-C76SOFXF.mjs.map → chunk-QCK3Z5WN.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/stamps/latex/index.tsx"],"names":[],"mappings":";;;;AAYA,IAAM,cAAA,GAAiB,IAAA;AAAA,EAAK,MAC1B,OAAO,qBAAQ,CAAA,CAAE,IAAA,CAAK,CAAC,CAAA,MAAO,EAAE,OAAA,EAAS,CAAA,CAAE,cAAA,EAAe,CAAE;AAC9D,CAAA;AAEA,IAAM,SAAA,mBACJ,GAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAM,IAAA,EAAK,QAAO,IAAA,EAAK,OAAA,EAAQ,WAAA,EAAY,IAAA,EAAK,MAAA,EAAO,MAAA,EAAO,gBAAe,WAAA,EAAY,KAAA,EAAM,aAAA,EAAc,OAAA,EAAQ,cAAA,EAAe,OAAA,EAAQ,aAAA,EAAY,MAAA,EAC3J,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,2BAAA,EAA4B,CAAA,EACtC,CAAA;AAGK,IAAM,UAAA,GAAyC;AAAA,EACpD,IAAA,EAAM,OAAA;AAAA,EACN,WAAA,EAAa,GAAA;AAAA,EACb,YAAA,EAAc,GAAA;AAAA,EACd,YAAA,EAAc,qCAAA;AAAA,EACd,WAAA,EAAa,SAAA;AAAA,EACb,aAAA,EAAe,qBAAA;AAAA,EACf,iBAAA,EAAmB,iBAAA;AAAA,EACnB,MAAM,wBAAwB,IAAA,EAAM;AAClC,IAAA,IAAI,CAAC,iBAAA,CAAkB,IAAI,CAAA,EAAG;AAC5B,MAAA,MAAM,IAAI,MAAM,yEAAiE,CAAA;AAAA,IACnF;AACA,IAAA,OAAO,gBAAA,CAAiB,IAAA,CAAK,GAAA,EAAK,IAAA,CAAK,WAAW,CAAA;AAAA,EACpD,CAAA;AAAA,EACA,MAAM,0BAA0B,OAAA,EAA4C;AAC1E,IAAA,MAAM,OAAO,OAAA,CAAQ,UAAA;AACrB,IAAA,MAAM,SAAU,OAAA,CAAuC,MAAA;AACvD,IAAA,IAAI,CAAC,IAAA,IAAQ,CAAC,MAAA,EAAQ,OAAO,IAAA;AAC7B,IAAA,IAAI,CAAC,iBAAA,CAAkB,IAAI,CAAA,EAAG,OAAO,IAAA;AACrC,IAAA,MAAM,YAAY,MAAM,gBAAA,CAAiB,IAAA,CAAK,GAAA,EAAK,KAAK,WAAW,CAAA;AACnE,IAAA,MAAM,IAAA,GAAO,QAAA,CAAS,kBAAA,CAAmB,SAAS,CAAC,CAAA;AACnD,IAAA,MAAM,OAAA,GAAU,4BAAA,IACd,OAAO,IAAA,KAAS,WAAA,GAAc,IAAA,CAAK,IAAI,CAAA,GAAI,MAAA,CAAO,IAAA,CAAK,IAAI,CAAA,CAAE,SAAS,QAAQ,CAAA,CAAA;AAEhF,IAAA,OAAO,EAAE,MAAA,EAAQ,OAAA,EAAS,QAAA,EAAU,eAAA,EAAgB;AAAA,EACtD,CAAA;AAAA,EACA,IAAA,EAAM;AACR","file":"chunk-C76SOFXF.mjs","sourcesContent":["'use client';\n\nimport { lazy } from 'react';\nimport { renderLatexToSvg } from './render';\nimport type {\n  RestoredStampFile,\n  StampType,\n} from '../shared/types';\nimport { isLatexCustomData, type LatexCustomData } from './types';\n\nexport type { LatexCustomData };\n\nconst LatexStampHost = lazy(() =>\n  import('./host').then((m) => ({ default: m.LatexStampHost })),\n);\n\nconst LatexIcon = (\n  <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.6\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n    <path d=\"M17 5 H7 L13 12 L7 19 H17\" />\n  </svg>\n);\n\nexport const latexStamp: StampType<LatexCustomData> = {\n  kind: 'latex',\n  shortcutKey: 'l',\n  toolbarLabel: 'L',\n  toolbarTitle: 'Chèn công thức LaTeX (L)',\n  toolbarIcon: LatexIcon,\n  toolbarTestId: 'stamp-toolbar-latex',\n  matchesCustomData: isLatexCustomData,\n  async renderSvgFromCustomData(data) {\n    if (!isLatexCustomData(data)) {\n      throw new Error('latexStamp.renderSvgFromCustomData: customData không phải latex');\n    }\n    return renderLatexToSvg(data.src, data.displayMode);\n  },\n  async restoreFileFromCustomData(element): Promise<RestoredStampFile | null> {\n    const data = element.customData as LatexCustomData | undefined;\n    const fileId = (element as { fileId?: string | null }).fileId;\n    if (!data || !fileId) return null;\n    if (!isLatexCustomData(data)) return null;\n    const svgString = await renderLatexToSvg(data.src, data.displayMode);\n    const utf8 = unescape(encodeURIComponent(svgString));\n    const dataURL = 'data:image/svg+xml;base64,' + (\n      typeof btoa !== 'undefined' ? btoa(utf8) : Buffer.from(utf8).toString('base64')\n    );\n    return { fileId, dataURL, mimeType: 'image/svg+xml' };\n  },\n  Host: LatexStampHost,\n};\n"]}
+{"version":3,"sources":["../src/stamps/latex/index.tsx"],"names":[],"mappings":";;;;AAYA,IAAM,cAAA,GAAiB,IAAA;AAAA,EAAK,MAC1B,OAAO,qBAAQ,CAAA,CAAE,IAAA,CAAK,CAAC,CAAA,MAAO,EAAE,OAAA,EAAS,CAAA,CAAE,cAAA,EAAe,CAAE;AAC9D,CAAA;AAEA,IAAM,SAAA,mBACJ,GAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAM,IAAA,EAAK,QAAO,IAAA,EAAK,OAAA,EAAQ,WAAA,EAAY,IAAA,EAAK,MAAA,EAAO,MAAA,EAAO,gBAAe,WAAA,EAAY,KAAA,EAAM,aAAA,EAAc,OAAA,EAAQ,cAAA,EAAe,OAAA,EAAQ,aAAA,EAAY,MAAA,EAC3J,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,2BAAA,EAA4B,CAAA,EACtC,CAAA;AAGK,IAAM,UAAA,GAAyC;AAAA,EACpD,IAAA,EAAM,OAAA;AAAA,EACN,WAAA,EAAa,GAAA;AAAA,EACb,YAAA,EAAc,GAAA;AAAA,EACd,YAAA,EAAc,qCAAA;AAAA,EACd,WAAA,EAAa,SAAA;AAAA,EACb,aAAA,EAAe,qBAAA;AAAA,EACf,iBAAA,EAAmB,iBAAA;AAAA,EACnB,MAAM,wBAAwB,IAAA,EAAM;AAClC,IAAA,IAAI,CAAC,iBAAA,CAAkB,IAAI,CAAA,EAAG;AAC5B,MAAA,MAAM,IAAI,MAAM,yEAAiE,CAAA;AAAA,IACnF;AACA,IAAA,OAAO,gBAAA,CAAiB,IAAA,CAAK,GAAA,EAAK,IAAA,CAAK,WAAW,CAAA;AAAA,EACpD,CAAA;AAAA,EACA,MAAM,0BAA0B,OAAA,EAA4C;AAC1E,IAAA,MAAM,OAAO,OAAA,CAAQ,UAAA;AACrB,IAAA,MAAM,SAAU,OAAA,CAAuC,MAAA;AACvD,IAAA,IAAI,CAAC,IAAA,IAAQ,CAAC,MAAA,EAAQ,OAAO,IAAA;AAC7B,IAAA,IAAI,CAAC,iBAAA,CAAkB,IAAI,CAAA,EAAG,OAAO,IAAA;AACrC,IAAA,MAAM,YAAY,MAAM,gBAAA,CAAiB,IAAA,CAAK,GAAA,EAAK,KAAK,WAAW,CAAA;AACnE,IAAA,MAAM,IAAA,GAAO,QAAA,CAAS,kBAAA,CAAmB,SAAS,CAAC,CAAA;AACnD,IAAA,MAAM,OAAA,GAAU,4BAAA,IACd,OAAO,IAAA,KAAS,WAAA,GAAc,IAAA,CAAK,IAAI,CAAA,GAAI,MAAA,CAAO,IAAA,CAAK,IAAI,CAAA,CAAE,SAAS,QAAQ,CAAA,CAAA;AAEhF,IAAA,OAAO,EAAE,MAAA,EAAQ,OAAA,EAAS,QAAA,EAAU,eAAA,EAAgB;AAAA,EACtD,CAAA;AAAA,EACA,IAAA,EAAM;AACR","file":"chunk-QCK3Z5WN.mjs","sourcesContent":["'use client';\n\nimport { lazy } from 'react';\nimport { renderLatexToSvg } from './render';\nimport type {\n  RestoredStampFile,\n  StampType,\n} from '../shared/types';\nimport { isLatexCustomData, type LatexCustomData } from './types';\n\nexport type { LatexCustomData };\n\nconst LatexStampHost = lazy(() =>\n  import('./host').then((m) => ({ default: m.LatexStampHost })),\n);\n\nconst LatexIcon = (\n  <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.6\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n    <path d=\"M17 5 H7 L13 12 L7 19 H17\" />\n  </svg>\n);\n\nexport const latexStamp: StampType<LatexCustomData> = {\n  kind: 'latex',\n  shortcutKey: 'l',\n  toolbarLabel: 'L',\n  toolbarTitle: 'Chèn công thức LaTeX (L)',\n  toolbarIcon: LatexIcon,\n  toolbarTestId: 'stamp-toolbar-latex',\n  matchesCustomData: isLatexCustomData,\n  async renderSvgFromCustomData(data) {\n    if (!isLatexCustomData(data)) {\n      throw new Error('latexStamp.renderSvgFromCustomData: customData không phải latex');\n    }\n    return renderLatexToSvg(data.src, data.displayMode);\n  },\n  async restoreFileFromCustomData(element): Promise<RestoredStampFile | null> {\n    const data = element.customData as LatexCustomData | undefined;\n    const fileId = (element as { fileId?: string | null }).fileId;\n    if (!data || !fileId) return null;\n    if (!isLatexCustomData(data)) return null;\n    const svgString = await renderLatexToSvg(data.src, data.displayMode);\n    const utf8 = unescape(encodeURIComponent(svgString));\n    const dataURL = 'data:image/svg+xml;base64,' + (\n      typeof btoa !== 'undefined' ? btoa(utf8) : Buffer.from(utf8).toString('base64')\n    );\n    return { fileId, dataURL, mimeType: 'image/svg+xml' };\n  },\n  Host: LatexStampHost,\n};\n"]}

package/dist/geometry-2d.d.mts

@@ -1,4 +1,4 @@
-import { B as BaseStampCustomData, S as StampType } from './types-tePd94vW.mjs';
+import { B as BaseStampCustomData, S as StampType } from './types-eEEEVsLF.mjs';
 import 'react';
 import '@excalidraw/excalidraw/element/types';
 

package/dist/geometry-2d.d.ts

@@ -1,4 +1,4 @@
-import { B as BaseStampCustomData, S as StampType } from './types-tePd94vW.js';
+import { B as BaseStampCustomData, S as StampType } from './types-eEEEVsLF.js';
 import 'react';
 import '@excalidraw/excalidraw/element/types';
 

package/dist/geometry-2d.js

@@ -11344,92 +11344,10 @@ var init_useChordShortcut = __esm({
     A_CODE2 = "a".charCodeAt(0);
   }
 });
-
-// src/stamps/shared/insertImage.ts
-function buildStampImageElement(api, fileId, width, height, customData, x, y) {
-  const appState = api?.getAppState() ?? { scrollX: 0, scrollY: 0, width: 800, height: 600, zoom: { value: 1 } };
-  const cx = x ?? appState.scrollX + (appState.width ?? 800) / 2 / (appState.zoom?.value ?? 1) - width / 2;
-  const cy = y ?? appState.scrollY + (appState.height ?? 600) / 2 / (appState.zoom?.value ?? 1) - height / 2;
-  return {
-    type: "image",
-    id: "stamp_" + Date.now() + "_" + Math.random().toString(36).slice(2, 8),
-    x: cx,
-    y: cy,
-    width,
-    height,
-    fileId,
-    customData,
-    angle: 0,
-    strokeColor: "transparent",
-    backgroundColor: "transparent",
-    fillStyle: "solid",
-    strokeWidth: 1,
-    strokeStyle: "solid",
-    roughness: 0,
-    opacity: 100,
-    groupIds: [],
-    roundness: null,
-    seed: Math.floor(Math.random() * 1e9),
-    versionNonce: 0,
-    version: 1,
-    isDeleted: false,
-    boundElements: null,
-    updated: Date.now(),
-    link: null,
-    locked: false,
-    status: "saved",
-    scale: [1, 1]
-  };
-}
-async function insertStampImage(api, opts) {
-  const { dataURL, fileId, width, height, mimeType } = await createStampFile(opts.svgString);
-  api.addFiles([{ id: fileId, dataURL, mimeType, created: Date.now() }]);
-  const customData = opts.makeCustomData();
-  const elements = api.getSceneElements();
-  const editingId = opts.editingElementId ?? null;
-  if (editingId) {
-    const old = elements.find((e) => e.id === editingId) ;
-    const oldLongest = old ? Math.max(old.width ?? 0, old.height ?? 0) : 0;
-    const newLongest = Math.max(width, height);
-    const scale2 = oldLongest > 0 && newLongest > 0 ? oldLongest / newLongest : 1;
-    const w = width * scale2;
-    const h = height * scale2;
-    const updated = elements.map(
-      (e) => e.id === editingId ? { ...e, fileId, customData, width: w, height: h } : e
-    );
-    api.updateScene({ elements: updated, appState: clearAppStateAfterInsert() });
-    return { fileId, width: w, height: h, elementId: editingId };
-  }
-  const newElement = buildStampImageElement(
-    api,
-    fileId,
-    width,
-    height,
-    customData,
-    opts.position?.x,
-    opts.position?.y
-  );
-  api.updateScene({
-    elements: [...elements, newElement],
-    appState: clearAppStateAfterInsert()
-  });
-  return { fileId, width, height, elementId: newElement.id };
-}
-var clearAppStateAfterInsert;
-var init_insertImage = __esm({
-  "src/stamps/shared/insertImage.ts"() {
-    init_svgToStampFile();
-    clearAppStateAfterInsert = () => ({
-      selectedElementIds: {},
-      croppingElementId: null
-    });
-  }
-});
-function useStampStore(domain, editingElement, parseInitial) {
+function useStampStore(domain, makeInitialState) {
   const ref = React2.useRef(null);
   if (!ref.current) {
-    const initial = editingElement?.customData ? parseInitial(editingElement.customData) ?? createEmptyState(domain) : createEmptyState(domain);
-    ref.current = createStore(initial);
+    ref.current = createStore(makeInitialState?.() ?? createEmptyState(domain));
   }
   return ref.current;
 }
@@ -12006,38 +11924,29 @@ var init_dslRenderRow = __esm({
     init_describeDsl();
   }
 });
-
-// src/stamps/geometry-2d/host.tsx
-var host_exports = {};
-__export(host_exports, {
-  GeometryStampHost: () => GeometryStampHost
-});
-function parseInitialState(data) {
-  if (!isGeometryCustomData(data)) return null;
-  return deserializeBoard(data.jsonState);
-}
-var GeometryStampHost;
-var init_host = __esm({
-  "src/stamps/geometry-2d/host.tsx"() {
+var GeometryStudio;
+var init_GeometryStudio = __esm({
+  "src/stamps/geometry-2d/studio/GeometryStudio.tsx"() {
     "use client";
     init_StampLeftPanel();
     init_icons();
     init_EditorPanel();
     init_tools();
     init_useChordShortcut();
-    init_insertImage();
     init_serialize();
-    init_types3();
     init_scene();
     init_useIsMobile();
     init_useStampStore();
     init_dslRenderRow();
-    GeometryStampHost = React2.forwardRef(
-      function GeometryStampHost2({ api, editingElement, onClose, isDark, generateGeometryFigure, onGeometryDraft }, ref) {
+    GeometryStudio = React2.forwardRef(
+      function GeometryStudio2({ initialJsonState, onCommit, onClose, isDark, api, generateGeometryFigure, onGeometryDraft }, ref) {
         const panelRef = React2.useRef(null);
         const { isMobile } = useIsMobile();
         const [drawerOpen, setDrawerOpen] = React2.useState(false);
-        const sceneStore = useStampStore("2d", editingElement, parseInitialState);
+        const sceneStore = useStampStore(
+          "2d",
+          () => initialJsonState ? deserializeBoard(initialJsonState) : null
+        );
         const initialMeta = sceneStore.getState().meta;
         const initialView = initialMeta.domain === "2d" ? initialMeta.view : DEFAULT_VIEW_2D;
         const [selectedTool, setSelectedTool] = React2.useState("move");
@@ -12061,24 +11970,15 @@ var init_host = __esm({
         const renderRow = React2.useMemo(() => makeDslRenderRow(sceneStore), [sceneStore]);
         const handleInsert = React2.useCallback(
           async (jsonState, svgString) => {
-            if (!api) return;
             try {
-              await insertStampImage(api, {
-                svgString,
-                makeCustomData: () => ({
-                  kind: "geometry",
-                  version: 1,
-                  jsonState
-                }),
-                editingElementId: editingElement?.id ?? null,
-                preserveExistingSize: true
-              });
+              const committed = await onCommit(jsonState, svgString);
+              if (committed === false) return;
             } catch (err) {
-              console.error("Geometry insert failed:", err);
+              console.error("Geometry commit failed:", err);
             }
             onClose();
           },
-          [api, editingElement?.id, onClose]
+          [onCommit, onClose]
         );
         React2.useImperativeHandle(
           ref,
@@ -12160,6 +12060,137 @@ var init_host = __esm({
   }
 });
 
+// src/stamps/shared/insertImage.ts
+function buildStampImageElement(api, fileId, width, height, customData, x, y) {
+  const appState = api?.getAppState() ?? { scrollX: 0, scrollY: 0, width: 800, height: 600, zoom: { value: 1 } };
+  const cx = x ?? appState.scrollX + (appState.width ?? 800) / 2 / (appState.zoom?.value ?? 1) - width / 2;
+  const cy = y ?? appState.scrollY + (appState.height ?? 600) / 2 / (appState.zoom?.value ?? 1) - height / 2;
+  return {
+    type: "image",
+    id: "stamp_" + Date.now() + "_" + Math.random().toString(36).slice(2, 8),
+    x: cx,
+    y: cy,
+    width,
+    height,
+    fileId,
+    customData,
+    angle: 0,
+    strokeColor: "transparent",
+    backgroundColor: "transparent",
+    fillStyle: "solid",
+    strokeWidth: 1,
+    strokeStyle: "solid",
+    roughness: 0,
+    opacity: 100,
+    groupIds: [],
+    roundness: null,
+    seed: Math.floor(Math.random() * 1e9),
+    versionNonce: 0,
+    version: 1,
+    isDeleted: false,
+    boundElements: null,
+    updated: Date.now(),
+    link: null,
+    locked: false,
+    status: "saved",
+    scale: [1, 1]
+  };
+}
+async function insertStampImage(api, opts) {
+  const { dataURL, fileId, width, height, mimeType } = await createStampFile(opts.svgString);
+  api.addFiles([{ id: fileId, dataURL, mimeType, created: Date.now() }]);
+  const customData = opts.makeCustomData();
+  const elements = api.getSceneElements();
+  const editingId = opts.editingElementId ?? null;
+  if (editingId) {
+    const old = elements.find((e) => e.id === editingId) ;
+    const oldLongest = old ? Math.max(old.width ?? 0, old.height ?? 0) : 0;
+    const newLongest = Math.max(width, height);
+    const scale2 = oldLongest > 0 && newLongest > 0 ? oldLongest / newLongest : 1;
+    const w = width * scale2;
+    const h = height * scale2;
+    const updated = elements.map(
+      (e) => e.id === editingId ? { ...e, fileId, customData, width: w, height: h } : e
+    );
+    api.updateScene({ elements: updated, appState: clearAppStateAfterInsert() });
+    return { fileId, width: w, height: h, elementId: editingId };
+  }
+  const newElement = buildStampImageElement(
+    api,
+    fileId,
+    width,
+    height,
+    customData,
+    opts.position?.x,
+    opts.position?.y
+  );
+  api.updateScene({
+    elements: [...elements, newElement],
+    appState: clearAppStateAfterInsert()
+  });
+  return { fileId, width, height, elementId: newElement.id };
+}
+var clearAppStateAfterInsert;
+var init_insertImage = __esm({
+  "src/stamps/shared/insertImage.ts"() {
+    init_svgToStampFile();
+    clearAppStateAfterInsert = () => ({
+      selectedElementIds: {},
+      croppingElementId: null
+    });
+  }
+});
+
+// src/stamps/geometry-2d/host.tsx
+var host_exports = {};
+__export(host_exports, {
+  GeometryStampHost: () => GeometryStampHost
+});
+var GeometryStampHost;
+var init_host = __esm({
+  "src/stamps/geometry-2d/host.tsx"() {
+    "use client";
+    init_GeometryStudio();
+    init_insertImage();
+    init_types3();
+    GeometryStampHost = React2.forwardRef(
+      function GeometryStampHost2({ api, editingElement, onClose, isDark, generateGeometryFigure, onGeometryDraft }, ref) {
+        const initialJsonState = isGeometryCustomData(editingElement?.customData) ? editingElement.customData.jsonState : void 0;
+        const handleCommit = React2.useCallback(
+          async (jsonState, svgString) => {
+            if (!api) return false;
+            await insertStampImage(api, {
+              svgString,
+              makeCustomData: () => ({
+                kind: "geometry",
+                version: 1,
+                jsonState
+              }),
+              editingElementId: editingElement?.id ?? null,
+              preserveExistingSize: true
+            });
+            return true;
+          },
+          [api, editingElement?.id]
+        );
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          GeometryStudio,
+          {
+            ref,
+            initialJsonState,
+            onCommit: handleCommit,
+            onClose,
+            isDark,
+            api,
+            generateGeometryFigure,
+            onGeometryDraft
+          }
+        );
+      }
+    );
+  }
+});
+
 // src/stamps/geometry-2d/index.tsx
 init_render();
 init_svgToStampFile();