@xom11/whiteboard 0.32.0 → 0.33.0

package/dist/index.d.mts

@@ -3,8 +3,8 @@ import { NonDeletedExcalidrawElement } from '@excalidraw/excalidraw/element/type
 export { ExcalidrawElement, NonDeletedExcalidrawElement } from '@excalidraw/excalidraw/element/types';
 import { AppState, BinaryFiles } from '@excalidraw/excalidraw/types';
 export { AppState, BinaryFiles } from '@excalidraw/excalidraw/types';
-import { S as StampType, G as GenerateGeometryFigure, a as GeometryDraftPreview } from './types-tePd94vW.mjs';
-export { A as AiFigureProgress, b as AiFigureUiResult, B as BaseStampCustomData } from './types-tePd94vW.mjs';
+import { S as StampType, G as GenerateGeometryFigure, a as GeometryDraftPreview } from './types-eEEEVsLF.mjs';
+export { A as AiFigureProgress, b as AiFigureUiResult, B as BaseStampCustomData } from './types-eEEEVsLF.mjs';
 import { GeometryCustomData } from './geometry-2d.mjs';
 export { geometryStamp } from './geometry-2d.mjs';
 import { LatexCustomData } from './latex.mjs';
@@ -282,4 +282,14 @@ declare function insertPdfPages(api: ExApi, source: File | Blob | ArrayBuffer, o
  */
 declare function parsePageRange(input: string, totalPages: number): number[];
 
-export { ALL_STAMPS, DEFAULT_STAMPS, EXPERIMENTAL_STAMPS, type ExcalidrawSceneSnapshot, GenerateGeometryFigure, Geometry3DCustomData, GeometryCustomData, GeometryDraftPreview, Graph2DCustomData, type InsertPdfPagesOptions, type InsertPdfPagesResult, type InsertRasterizedPagesOptions, type InsertRasterizedPagesResult, LatexCustomData, type RasterizeOptions, type RasterizedPage, STABLE_STAMPS, STAMP_CATALOG, type StampCatalogEntry, type StampCustomData, StampType, type SyncableAppState, Whiteboard, type WhiteboardProps, closePdfDocument, configurePdfWorker, findCatalogEntry, findStampForCustomData, insertPdfPages, insertRasterizedPagesIntoScene, isStampElement, loadPdfDocument, parsePageRange, pickSyncableAppState, rasterizePdf, restoreMissingStampFiles };
+/**
+ * Chèn một hình học (dạng `jsonState`) vào Excalidraw scene như một stamp
+ * re-edit được. Dùng cho handoff "Mở trong bảng trắng": trang landing ghi
+ * `jsonState` vào sessionStorage, trang /whiteboard đọc ra rồi gọi hàm này.
+ *
+ * `api` là `ExcalidrawImperativeAPI` — để `unknown` ở public API cho consumer
+ * không phải khớp type Excalidraw.
+ */
+declare function insertGeometryStampIntoScene(api: unknown, jsonState: string): Promise<void>;
+
+export { ALL_STAMPS, DEFAULT_STAMPS, EXPERIMENTAL_STAMPS, type ExcalidrawSceneSnapshot, GenerateGeometryFigure, Geometry3DCustomData, GeometryCustomData, GeometryDraftPreview, Graph2DCustomData, type InsertPdfPagesOptions, type InsertPdfPagesResult, type InsertRasterizedPagesOptions, type InsertRasterizedPagesResult, LatexCustomData, type RasterizeOptions, type RasterizedPage, STABLE_STAMPS, STAMP_CATALOG, type StampCatalogEntry, type StampCustomData, StampType, type SyncableAppState, Whiteboard, type WhiteboardProps, closePdfDocument, configurePdfWorker, findCatalogEntry, findStampForCustomData, insertGeometryStampIntoScene, insertPdfPages, insertRasterizedPagesIntoScene, isStampElement, loadPdfDocument, parsePageRange, pickSyncableAppState, rasterizePdf, restoreMissingStampFiles };

package/dist/index.d.ts

@@ -3,8 +3,8 @@ import { NonDeletedExcalidrawElement } from '@excalidraw/excalidraw/element/type
 export { ExcalidrawElement, NonDeletedExcalidrawElement } from '@excalidraw/excalidraw/element/types';
 import { AppState, BinaryFiles } from '@excalidraw/excalidraw/types';
 export { AppState, BinaryFiles } from '@excalidraw/excalidraw/types';
-import { S as StampType, G as GenerateGeometryFigure, a as GeometryDraftPreview } from './types-tePd94vW.js';
-export { A as AiFigureProgress, b as AiFigureUiResult, B as BaseStampCustomData } from './types-tePd94vW.js';
+import { S as StampType, G as GenerateGeometryFigure, a as GeometryDraftPreview } from './types-eEEEVsLF.js';
+export { A as AiFigureProgress, b as AiFigureUiResult, B as BaseStampCustomData } from './types-eEEEVsLF.js';
 import { GeometryCustomData } from './geometry-2d.js';
 export { geometryStamp } from './geometry-2d.js';
 import { LatexCustomData } from './latex.js';
@@ -282,4 +282,14 @@ declare function insertPdfPages(api: ExApi, source: File | Blob | ArrayBuffer, o
  */
 declare function parsePageRange(input: string, totalPages: number): number[];
 
-export { ALL_STAMPS, DEFAULT_STAMPS, EXPERIMENTAL_STAMPS, type ExcalidrawSceneSnapshot, GenerateGeometryFigure, Geometry3DCustomData, GeometryCustomData, GeometryDraftPreview, Graph2DCustomData, type InsertPdfPagesOptions, type InsertPdfPagesResult, type InsertRasterizedPagesOptions, type InsertRasterizedPagesResult, LatexCustomData, type RasterizeOptions, type RasterizedPage, STABLE_STAMPS, STAMP_CATALOG, type StampCatalogEntry, type StampCustomData, StampType, type SyncableAppState, Whiteboard, type WhiteboardProps, closePdfDocument, configurePdfWorker, findCatalogEntry, findStampForCustomData, insertPdfPages, insertRasterizedPagesIntoScene, isStampElement, loadPdfDocument, parsePageRange, pickSyncableAppState, rasterizePdf, restoreMissingStampFiles };
+/**
+ * Chèn một hình học (dạng `jsonState`) vào Excalidraw scene như một stamp
+ * re-edit được. Dùng cho handoff "Mở trong bảng trắng": trang landing ghi
+ * `jsonState` vào sessionStorage, trang /whiteboard đọc ra rồi gọi hàm này.
+ *
+ * `api` là `ExcalidrawImperativeAPI` — để `unknown` ở public API cho consumer
+ * không phải khớp type Excalidraw.
+ */
+declare function insertGeometryStampIntoScene(api: unknown, jsonState: string): Promise<void>;
+
+export { ALL_STAMPS, DEFAULT_STAMPS, EXPERIMENTAL_STAMPS, type ExcalidrawSceneSnapshot, GenerateGeometryFigure, Geometry3DCustomData, GeometryCustomData, GeometryDraftPreview, Graph2DCustomData, type InsertPdfPagesOptions, type InsertPdfPagesResult, type InsertRasterizedPagesOptions, type InsertRasterizedPagesResult, LatexCustomData, type RasterizeOptions, type RasterizedPage, STABLE_STAMPS, STAMP_CATALOG, type StampCatalogEntry, type StampCustomData, StampType, type SyncableAppState, Whiteboard, type WhiteboardProps, closePdfDocument, configurePdfWorker, findCatalogEntry, findStampForCustomData, insertGeometryStampIntoScene, insertPdfPages, insertRasterizedPagesIntoScene, isStampElement, loadPdfDocument, parsePageRange, pickSyncableAppState, rasterizePdf, restoreMissingStampFiles };

package/dist/index.js

@@ -11348,92 +11348,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 = opts.preserveExistingSize ? elements.find((e) => e.id === editingId) : void 0;
-    const oldLongest = old ? Math.max(old.width ?? 0, old.height ?? 0) : 0;
-    const newLongest = Math.max(width, height);
-    const scale3 = oldLongest > 0 && newLongest > 0 ? oldLongest / newLongest : 1;
-    const w = width * scale3;
-    const h = height * scale3;
-    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 = React19.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;
 }
@@ -12010,38 +11928,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 = React19.forwardRef(
-      function GeometryStampHost2({ api, editingElement, onClose, isDark, generateGeometryFigure, onGeometryDraft }, ref) {
+    GeometryStudio = React19.forwardRef(
+      function GeometryStudio2({ initialJsonState, onCommit, onClose, isDark, api, generateGeometryFigure, onGeometryDraft }, ref) {
         const panelRef = React19.useRef(null);
         const { isMobile } = useIsMobile();
         const [drawerOpen, setDrawerOpen] = React19.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] = React19.useState("move");
@@ -12065,24 +11974,15 @@ var init_host = __esm({
         const renderRow = React19.useMemo(() => makeDslRenderRow(sceneStore), [sceneStore]);
         const handleInsert = React19.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]
         );
         React19.useImperativeHandle(
           ref,
@@ -12164,6 +12064,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 = opts.preserveExistingSize ? elements.find((e) => e.id === editingId) : void 0;
+    const oldLongest = old ? Math.max(old.width ?? 0, old.height ?? 0) : 0;
+    const newLongest = Math.max(width, height);
+    const scale3 = oldLongest > 0 && newLongest > 0 ? oldLongest / newLongest : 1;
+    const w = width * scale3;
+    const h = height * scale3;
+    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 = React19.forwardRef(
+      function GeometryStampHost2({ api, editingElement, onClose, isDark, generateGeometryFigure, onGeometryDraft }, ref) {
+        const initialJsonState = isGeometryCustomData(editingElement?.customData) ? editingElement.customData.jsonState : void 0;
+        const handleCommit = React19.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/latex/render.ts
 function absoluteOrigin() {
   if (typeof window !== "undefined" && window.location) return window.location.origin;
@@ -18479,7 +18510,7 @@ var host_exports3 = {};
 __export(host_exports3, {
   Geometry3DStampHost: () => Geometry3DStampHost
 });
-function parseInitialState2(data) {
+function parseInitialState(data) {
   if (!isGeometry3DCustomData(data)) return null;
   return deserializeBoard3D(data.jsonState);
 }
@@ -18503,7 +18534,10 @@ var init_host3 = __esm({
     Geometry3DStampHost = React19.forwardRef(
       function Geometry3DStampHost2({ api, editingElement, onClose, isDark }, ref) {
         const editorRef = React19.useRef(null);
-        const sceneStore = useStampStore("3d", editingElement, parseInitialState2);
+        const sceneStore = useStampStore(
+          "3d",
+          () => editingElement?.customData ? parseInitialState(editingElement.customData) : null
+        );
         const { isMobile } = useIsMobile();
         const [drawerOpen, setDrawerOpen] = React19.useState(false);
         const [selectedTool, setSelectedTool] = React19.useState("move");
@@ -19736,7 +19770,7 @@ function makeRenderRow(store) {
     return null;
   };
 }
-function parseInitialState3(data) {
+function parseInitialState2(data) {
   if (!isGraph2DCustomData(data)) return null;
   const state = parseSceneState(data.jsonState);
   if (!state) {
@@ -19768,7 +19802,10 @@ var init_host4 = __esm({
         const panelRef = React19.useRef(null);
         const { isMobile } = useIsMobile();
         const [drawerOpen, setDrawerOpen] = React19.useState(false);
-        const sceneStore = useStampStore("graph2d", editingElement, parseInitialState3);
+        const sceneStore = useStampStore(
+          "graph2d",
+          () => editingElement?.customData ? parseInitialState2(editingElement.customData) : null
+        );
         const [selectedObjectId, setSelectedObjectId] = React19.useState(void 0);
         const initialMeta = sceneStore.getState().meta;
         const initialView = initialMeta.domain === "graph2d" ? initialMeta.view : null;
@@ -22281,6 +22318,22 @@ function Whiteboard({
   ] });
 }
 
+// src/stamps/geometry-2d/insertGeometryStamp.ts
+init_render();
+init_insertImage();
+async function insertGeometryStampIntoScene(api, jsonState) {
+  const svgString = await renderGeometrySvgFromState(jsonState);
+  await insertStampImage(api, {
+    svgString,
+    makeCustomData: () => ({
+      kind: "geometry",
+      version: 1,
+      jsonState
+    }),
+    editingElementId: null
+  });
+}
+
 // src/index.ts
 init_handleExtractProblem();
 
@@ -22298,6 +22351,7 @@ exports.geometry3dStamp = geometry3dStamp;
 exports.geometryStamp = geometryStamp;
 exports.graph2dStamp = graph2dStamp;
 exports.handleExtractProblem = handleExtractProblem;
+exports.insertGeometryStampIntoScene = insertGeometryStampIntoScene;
 exports.insertPdfPages = insertPdfPages;
 exports.insertRasterizedPagesIntoScene = insertRasterizedPagesIntoScene;
 exports.isStampElement = isStampElement;