@xom11/whiteboard 0.11.0 → 0.24.1

package/dist/chunk-LVNCYP4J.mjs

@@ -0,0 +1,57 @@
+"use client";
+import { paletteFor } from './chunk-AZIARTGX.mjs';
+import { JxgRenderer } from './chunk-BKSXPNPQ.mjs';
+import { renderJsxgOffscreen } from './chunk-ICR4CVOE.mjs';
+import { createStore } from './chunk-ZBJBQKJ2.mjs';
+
+// src/stamps/graph-2d/render.ts
+var DEFAULT_WIDTH = 600;
+var DEFAULT_HEIGHT = 400;
+async function renderGraphSvgFromState(state, _isDark, width = DEFAULT_WIDTH, height = DEFAULT_HEIGHT) {
+  const palette = paletteFor(false);
+  const meta = state.meta;
+  const view = meta.domain === "graph2d" ? meta.view : null;
+  const bbox = [
+    view?.xMin ?? -10,
+    view?.yMax ?? 10,
+    view?.xMax ?? 10,
+    view?.yMin ?? -10
+  ];
+  try {
+    const { svgString } = await renderJsxgOffscreen({
+      bbox,
+      dims: { width, height },
+      axis: view?.showAxis ?? true,
+      grid: view?.showGrid ?? true,
+      keepAspectRatio: false,
+      applyOptions: (JXG) => {
+        const opts = JXG.Options;
+        if (!opts) return;
+        opts.text = opts.text || {};
+        opts.text.display = "internal";
+        opts.text.useASCIIMathML = false;
+        opts.text.useMathJax = false;
+        opts.text.useKatex = false;
+        opts.text.strokeColor = palette.label;
+        opts.label = opts.label || {};
+        opts.label.display = "internal";
+        opts.label.strokeColor = palette.label;
+        opts.axis = opts.axis || {};
+        opts.axis.strokeColor = palette.axis;
+        opts.grid = opts.grid || {};
+        opts.grid.strokeColor = palette.grid;
+      },
+      setup: (board) => {
+        const store = createStore(state);
+        return new JxgRenderer(store, board);
+      }
+    });
+    return svgString;
+  } catch {
+    return "";
+  }
+}
+
+export { renderGraphSvgFromState };
+//# sourceMappingURL=chunk-LVNCYP4J.mjs.map
+//# sourceMappingURL=chunk-LVNCYP4J.mjs.map

package/dist/chunk-LVNCYP4J.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/stamps/graph-2d/render.ts"],"names":[],"mappings":";;;;;;AAUA,IAAM,aAAA,GAAgB,GAAA;AACtB,IAAM,cAAA,GAAiB,GAAA;AAEvB,eAAsB,wBACpB,KAAA,EACA,OAAA,EACA,KAAA,GAAQ,aAAA,EACR,SAAS,cAAA,EACQ;AACjB,EAAA,MAAM,OAAA,GAAU,WAAW,KAAK,CAAA;AAChC,EAAA,MAAM,OAAO,KAAA,CAAM,IAAA;AACnB,EAAA,MAAM,IAAA,GAAO,IAAA,CAAK,MAAA,KAAW,SAAA,GAAY,KAAK,IAAA,GAAO,IAAA;AACrD,EAAA,MAAM,IAAA,GAAyC;AAAA,IAC7C,MAAM,IAAA,IAAQ,GAAA;AAAA,IACd,MAAM,IAAA,IAAQ,EAAA;AAAA,IACd,MAAM,IAAA,IAAQ,EAAA;AAAA,IACd,MAAM,IAAA,IAAQ;AAAA,GAChB;AACA,EAAA,IAAI;AACF,IAAA,MAAM,EAAE,SAAA,EAAU,GAAI,MAAM,mBAAA,CAAoB;AAAA,MAC9C,IAAA;AAAA,MACA,IAAA,EAAM,EAAE,KAAA,EAAO,MAAA,EAAO;AAAA,MACtB,IAAA,EAAM,MAAM,QAAA,IAAY,IAAA;AAAA,MACxB,IAAA,EAAM,MAAM,QAAA,IAAY,IAAA;AAAA,MACxB,eAAA,EAAiB,KAAA;AAAA,MACjB,YAAA,EAAc,CAAC,GAAA,KAAQ;AAErB,QAAA,MAAM,OAAQ,GAAA,CAAY,OAAA;AAC1B,QAAA,IAAI,CAAC,IAAA,EAAM;AACX,QAAA,IAAA,CAAK,IAAA,GAAO,IAAA,CAAK,IAAA,IAAQ,EAAC;AAC1B,QAAA,IAAA,CAAK,KAAK,OAAA,GAAU,UAAA;AACpB,QAAA,IAAA,CAAK,KAAK,cAAA,GAAiB,KAAA;AAC3B,QAAA,IAAA,CAAK,KAAK,UAAA,GAAa,KAAA;AACvB,QAAA,IAAA,CAAK,KAAK,QAAA,GAAW,KAAA;AACrB,QAAA,IAAA,CAAK,IAAA,CAAK,cAAc,OAAA,CAAQ,KAAA;AAChC,QAAA,IAAA,CAAK,KAAA,GAAQ,IAAA,CAAK,KAAA,IAAS,EAAC;AAC5B,QAAA,IAAA,CAAK,MAAM,OAAA,GAAU,UAAA;AACrB,QAAA,IAAA,CAAK,KAAA,CAAM,cAAc,OAAA,CAAQ,KAAA;AACjC,QAAA,IAAA,CAAK,IAAA,GAAO,IAAA,CAAK,IAAA,IAAQ,EAAC;AAC1B,QAAA,IAAA,CAAK,IAAA,CAAK,cAAc,OAAA,CAAQ,IAAA;AAChC,QAAA,IAAA,CAAK,IAAA,GAAO,IAAA,CAAK,IAAA,IAAQ,EAAC;AAC1B,QAAA,IAAA,CAAK,IAAA,CAAK,cAAc,OAAA,CAAQ,IAAA;AAAA,MAClC,CAAA;AAAA,MACA,KAAA,EAAO,CAAC,KAAA,KAAU;AAChB,QAAA,MAAM,KAAA,GAAQ,YAAY,KAAK,CAAA;AAC/B,QAAA,OAAO,IAAI,WAAA,CAAY,KAAA,EAAO,KAAK,CAAA;AAAA,MACrC;AAAA,KACD,CAAA;AACD,IAAA,OAAO,SAAA;AAAA,EACT,CAAA,CAAA,MAAQ;AAEN,IAAA,OAAO,EAAA;AAAA,EACT;AACF","file":"chunk-LVNCYP4J.mjs","sourcesContent":["// src/stamps/graph-2d/render.ts\n// Offscreen SVG export từ graph2d State. Dùng cho insert/restore stamp.\n//\n// LƯU Ý: Luôn dùng light palette — Excalidraw tự invert trong dark mode.\nimport type { State } from '../../core/scene/types';\nimport { createStore } from '../../core/scene/store';\nimport { JxgRenderer } from '../../core/scene/render/JxgRenderer';\nimport { paletteFor } from './editor/theme';\nimport { renderJsxgOffscreen } from '../shared/jxgOffscreenRender';\n\nconst DEFAULT_WIDTH = 600;\nconst DEFAULT_HEIGHT = 400;\n\nexport async function renderGraphSvgFromState(\n  state: State,\n  _isDark: boolean,\n  width = DEFAULT_WIDTH,\n  height = DEFAULT_HEIGHT,\n): Promise<string> {\n  const palette = paletteFor(false);\n  const meta = state.meta;\n  const view = meta.domain === 'graph2d' ? meta.view : null;\n  const bbox: [number, number, number, number] = [\n    view?.xMin ?? -10,\n    view?.yMax ?? 10,\n    view?.xMax ?? 10,\n    view?.yMin ?? -10,\n  ];\n  try {\n    const { svgString } = await renderJsxgOffscreen({\n      bbox,\n      dims: { width, height },\n      axis: view?.showAxis ?? true,\n      grid: view?.showGrid ?? true,\n      keepAspectRatio: false,\n      applyOptions: (JXG) => {\n         \n        const opts = (JXG as any).Options;\n        if (!opts) return;\n        opts.text = opts.text || {};\n        opts.text.display = 'internal';\n        opts.text.useASCIIMathML = false;\n        opts.text.useMathJax = false;\n        opts.text.useKatex = false;\n        opts.text.strokeColor = palette.label;\n        opts.label = opts.label || {};\n        opts.label.display = 'internal';\n        opts.label.strokeColor = palette.label;\n        opts.axis = opts.axis || {};\n        opts.axis.strokeColor = palette.axis;\n        opts.grid = opts.grid || {};\n        opts.grid.strokeColor = palette.grid;\n      },\n      setup: (board) => {\n        const store = createStore(state);\n        return new JxgRenderer(store, board);\n      },\n    });\n    return svgString;\n  } catch {\n    // Match old contract: callers expect '' when no SVG produced.\n    return '';\n  }\n}\n"]}

package/dist/chunk-MFOGFFIL.mjs

@@ -0,0 +1,95 @@
+"use client";
+import { JxgRenderer } from './chunk-BKSXPNPQ.mjs';
+import { paletteFor } from './chunk-R5FL6S7L.mjs';
+import { renderJsxgOffscreen } from './chunk-ICR4CVOE.mjs';
+import { serializeScene, deserializeScene, DEFAULT_VIEW_2D } from './chunk-6V4SH4JJ.mjs';
+import { createStore } from './chunk-ZBJBQKJ2.mjs';
+
+// src/stamps/geometry-2d/serialize.ts
+function serializeBoard(state, view) {
+  const withView = {
+    ...state,
+    meta: { domain: "2d", version: state.meta.version, view }
+  };
+  return serializeScene(withView);
+}
+function deserializeBoard(raw) {
+  return deserializeScene("2d", raw);
+}
+
+// src/stamps/geometry-2d/render.ts
+var PIXELS_PER_UNIT = 20;
+var MIN_DIM = 100;
+var MAX_DIM = 1200;
+var FALLBACK_W = 400;
+var FALLBACK_H = 300;
+function containerDimsForBbox(bbox) {
+  const [xmin, ymax, xmax, ymin] = bbox;
+  const w = Math.abs(xmax - xmin);
+  const h = Math.abs(ymax - ymin);
+  if (!Number.isFinite(w) || !Number.isFinite(h) || w <= 0 || h <= 0) {
+    return { width: FALLBACK_W, height: FALLBACK_H };
+  }
+  let width = w * PIXELS_PER_UNIT;
+  let height = h * PIXELS_PER_UNIT;
+  const maxAxis = Math.max(width, height);
+  if (maxAxis > MAX_DIM) {
+    const ratio = MAX_DIM / maxAxis;
+    width *= ratio;
+    height *= ratio;
+  }
+  const minAxis = Math.min(width, height);
+  if (minAxis < MIN_DIM) {
+    const ratio = MIN_DIM / minAxis;
+    width *= ratio;
+    height *= ratio;
+  }
+  return { width: Math.round(width), height: Math.round(height) };
+}
+async function renderGeometrySvgFromState(jsonState) {
+  const state = deserializeBoard(jsonState);
+  const view = state.meta.domain === "2d" ? state.meta.view : DEFAULT_VIEW_2D;
+  const bbox = view.bbox;
+  const palette = paletteFor(false);
+  const dims = containerDimsForBbox(bbox);
+  const { svgString } = await renderJsxgOffscreen({
+    bbox,
+    dims,
+    axis: view.showAxis,
+    grid: view.showGrid,
+    keepAspectRatio: true,
+    applyOptions: (JXG) => {
+      const opts = JXG.Options;
+      if (!opts) return;
+      opts.text = opts.text || {};
+      opts.text.display = "internal";
+      opts.text.useASCIIMathML = false;
+      opts.text.useMathJax = false;
+      opts.text.useKatex = false;
+      opts.text.strokeColor = palette.label;
+      opts.label = opts.label || {};
+      opts.label.display = "internal";
+      opts.label.strokeColor = palette.label;
+      opts.axis = opts.axis || {};
+      opts.axis.strokeColor = palette.axis;
+      opts.grid = opts.grid || {};
+      opts.grid.strokeColor = palette.grid;
+    },
+    setup: (board) => {
+      const store = createStore(state);
+      return new JxgRenderer(store, board);
+    }
+  });
+  return svgString;
+}
+
+// src/stamps/geometry-2d/types.ts
+function isGeometryCustomData(data) {
+  if (!data || typeof data !== "object") return false;
+  const d = data;
+  return d.kind === "geometry" && d.version === 1 && typeof d.jsonState === "string";
+}
+
+export { deserializeBoard, isGeometryCustomData, renderGeometrySvgFromState, serializeBoard };
+//# sourceMappingURL=chunk-MFOGFFIL.mjs.map
+//# sourceMappingURL=chunk-MFOGFFIL.mjs.map

package/dist/chunk-MFOGFFIL.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/stamps/geometry-2d/serialize.ts","../src/stamps/geometry-2d/render.ts","../src/stamps/geometry-2d/types.ts"],"names":[],"mappings":"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","file":"chunk-MFOGFFIL.mjs","sourcesContent":["// src/stamps/geometry-2d/serialize.ts\n//\n// Sau Tier D PR 3: customData.jsonState chỉ chứa `JSON.stringify(state)`\n// (không còn envelope `{version, bbox, state, showAxis, showGrid}`).\n// View info (bbox/axis/grid) nằm trong `state.meta.view` (View2D shape).\n\nimport { serializeScene, deserializeScene } from '../shared/serializeScene';\nimport type { State, View2D } from '../../core/scene';\n\nexport function serializeBoard(state: State, view: View2D): string {\n  const withView: State = {\n    ...state,\n    meta: { domain: '2d', version: state.meta.version, view },\n  };\n  return serializeScene(withView);\n}\n\nexport function deserializeBoard(raw: string): State {\n  return deserializeScene('2d', raw);\n}\n","import { deserializeBoard } from './serialize';\nimport { paletteFor } from './editor/theme';\nimport { createStore } from '../../core/scene';\nimport { DEFAULT_VIEW_2D } from '../../core/scene/types';\nimport { JxgRenderer } from '../../core/scene/render/JxgRenderer';\nimport { renderJsxgOffscreen } from '../shared/jxgOffscreenRender';\n\n/**\n * Re-render geometry SVG từ jsonState đã serialize. Dùng cho:\n *   1. Restore math-stamp file sau khi reload page (Excalidraw mất binary files).\n *   2. Generate SVG lúc INSERT (thay vì clone DOM với màu theo theme editor).\n *\n * LƯU Ý quan trọng — luôn dùng LIGHT palette (nét đậm). Excalidraw apply CSS\n * `filter: invert(93%) hue-rotate(180deg)` lên canvas trong dark mode → nét\n * đậm tự đảo thành sáng. Nếu ta bake nét sáng vào SVG cho dark mode, filter\n * sẽ đảo thành đậm → chìm vào nền tối. Giải pháp: luôn dùng nét đậm + để\n * Excalidraw tự lo invert.\n *\n * Implementation: tạo 1 div ẩn (off-screen, real dimensions để JSXGraph render\n * chuẩn), initBoard, replay creation log từ jsonState, dump SVG, dọn dẹp.\n *\n * Container dimensions phải MATCH aspect ratio của bbox (đã được editor lưu\n * sau khi JSXGraph adjust với keepAspectRatio:true). Trước đây hardcode\n * 400×300 + keepAspectRatio:false làm shape bị kéo dãn (circle thành ellipse,\n * góc vuông lệch) khi bbox không 4:3 → ảnh hiển thị khác với editor lúc\n * double-click. Fix: tính container W/H từ bbox + keepAspectRatio:true để\n * SVG output khớp với view trong editor.\n *\n * Lý do JXG.Options.text.display = 'internal': JSXGraph mặc định render\n * label bằng HTML <div> overlay → clone SVG export sẽ thiếu label.\n */\n\nconst PIXELS_PER_UNIT = 20;\nconst MIN_DIM = 100;\nconst MAX_DIM = 1200;\nconst FALLBACK_W = 400;\nconst FALLBACK_H = 300;\n\nexport function containerDimsForBbox(bbox: [number, number, number, number]): { width: number; height: number } {\n  const [xmin, ymax, xmax, ymin] = bbox;\n  const w = Math.abs(xmax - xmin);\n  const h = Math.abs(ymax - ymin);\n  if (!Number.isFinite(w) || !Number.isFinite(h) || w <= 0 || h <= 0) {\n    return { width: FALLBACK_W, height: FALLBACK_H };\n  }\n  let width = w * PIXELS_PER_UNIT;\n  let height = h * PIXELS_PER_UNIT;\n  const maxAxis = Math.max(width, height);\n  if (maxAxis > MAX_DIM) {\n    const ratio = MAX_DIM / maxAxis;\n    width *= ratio;\n    height *= ratio;\n  }\n  const minAxis = Math.min(width, height);\n  if (minAxis < MIN_DIM) {\n    const ratio = MIN_DIM / minAxis;\n    width *= ratio;\n    height *= ratio;\n  }\n  return { width: Math.round(width), height: Math.round(height) };\n}\n\nexport async function renderGeometrySvgFromState(jsonState: string): Promise<string> {\n  const state = deserializeBoard(jsonState);\n  const view = state.meta.domain === '2d' ? state.meta.view : DEFAULT_VIEW_2D;\n  const bbox = view.bbox as [number, number, number, number];\n  // Stamps inserted vào Excalidraw canvas → luôn dùng light palette.\n  // Excalidraw's THEME_FILTER tự đảo nét trong dark mode.\n  const palette = paletteFor(false);\n  const dims = containerDimsForBbox(bbox);\n  const { svgString } = await renderJsxgOffscreen({\n    bbox,\n    dims,\n    axis: view.showAxis,\n    grid: view.showGrid,\n    keepAspectRatio: true,\n    applyOptions: (JXG) => {\n       \n      const opts = (JXG as any).Options;\n      if (!opts) return;\n      opts.text = opts.text || {};\n      opts.text.display = 'internal';\n      opts.text.useASCIIMathML = false;\n      opts.text.useMathJax = false;\n      opts.text.useKatex = false;\n      opts.text.strokeColor = palette.label;\n      opts.label = opts.label || {};\n      opts.label.display = 'internal';\n      opts.label.strokeColor = palette.label;\n      opts.axis = opts.axis || {};\n      opts.axis.strokeColor = palette.axis;\n      opts.grid = opts.grid || {};\n      opts.grid.strokeColor = palette.grid;\n    },\n    setup: (board) => {\n      const store = createStore(state);\n      return new JxgRenderer(store, board);\n    },\n  });\n  return svgString;\n}\n","import type { BaseStampCustomData } from '../shared/types';\n\nexport interface GeometryCustomData extends BaseStampCustomData {\n  kind: 'geometry';\n  version: 1;\n  jsonState: string;\n}\n\nexport function isGeometryCustomData(data: unknown): data is GeometryCustomData {\n  if (!data || typeof data !== 'object') return false;\n  const d = data as Partial<GeometryCustomData>;\n  return d.kind === 'geometry' && d.version === 1 && typeof d.jsonState === 'string';\n}\n"]}

package/dist/chunk-NVJ7K3DK.mjs

@@ -0,0 +1,29 @@
+"use client";
+import { useState, useRef, useCallback } from 'react';
+
+// src/stamps/shared/useToolStateMachine.ts
+function useToolStateMachine(initial) {
+  const [tool, setToolState] = useState(initial);
+  const [pendingIds, setPendingIds] = useState([]);
+  const toolRef = useRef(initial);
+  const pendingIdsRef = useRef([]);
+  const setTool = useCallback((t) => {
+    toolRef.current = t;
+    pendingIdsRef.current = [];
+    setToolState(t);
+    setPendingIds([]);
+  }, []);
+  const pushPending = useCallback((id) => {
+    pendingIdsRef.current = [...pendingIdsRef.current, id];
+    setPendingIds(pendingIdsRef.current);
+  }, []);
+  const clearPending = useCallback(() => {
+    pendingIdsRef.current = [];
+    setPendingIds([]);
+  }, []);
+  return { tool, pendingIds, toolRef, pendingIdsRef, setTool, pushPending, clearPending };
+}
+
+export { useToolStateMachine };
+//# sourceMappingURL=chunk-NVJ7K3DK.mjs.map
+//# sourceMappingURL=chunk-NVJ7K3DK.mjs.map

package/dist/chunk-NVJ7K3DK.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/stamps/shared/useToolStateMachine.ts"],"names":[],"mappings":";;;AAsBO,SAAS,oBAAsC,OAAA,EAAiC;AACrF,EAAA,MAAM,CAAC,IAAA,EAAM,YAAY,CAAA,GAAI,SAAY,OAAO,CAAA;AAChD,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,QAAA,CAAmB,EAAE,CAAA;AACzD,EAAA,MAAM,OAAA,GAAU,OAAU,OAAO,CAAA;AACjC,EAAA,MAAM,aAAA,GAAgB,MAAA,CAAiB,EAAE,CAAA;AAEzC,EAAA,MAAM,OAAA,GAAU,WAAA,CAAY,CAAC,CAAA,KAAS;AACpC,IAAA,OAAA,CAAQ,OAAA,GAAU,CAAA;AAClB,IAAA,aAAA,CAAc,UAAU,EAAC;AACzB,IAAA,YAAA,CAAa,CAAC,CAAA;AACd,IAAA,aAAA,CAAc,EAAE,CAAA;AAAA,EAClB,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,WAAA,GAAc,WAAA,CAAY,CAAC,EAAA,KAAe;AAC9C,IAAA,aAAA,CAAc,OAAA,GAAU,CAAC,GAAG,aAAA,CAAc,SAAS,EAAE,CAAA;AACrD,IAAA,aAAA,CAAc,cAAc,OAAO,CAAA;AAAA,EACrC,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,YAAA,GAAe,YAAY,MAAM;AACrC,IAAA,aAAA,CAAc,UAAU,EAAC;AACzB,IAAA,aAAA,CAAc,EAAE,CAAA;AAAA,EAClB,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,OAAO,EAAE,IAAA,EAAM,UAAA,EAAY,SAAS,aAAA,EAAe,OAAA,EAAS,aAAa,YAAA,EAAa;AACxF","file":"chunk-NVJ7K3DK.mjs","sourcesContent":["import { useCallback, useRef, useState } from 'react';\n\nexport type ToolStateMachine<T extends string> = {\n  tool: T;\n  pendingIds: string[];\n  toolRef: { readonly current: T };\n  pendingIdsRef: { readonly current: string[] };\n  setTool: (t: T) => void;\n  pushPending: (id: string) => void;\n  clearPending: () => void;\n};\n\n/**\n * Tool + pending ids state machine, generic theo tool union type.\n *\n * - `setTool` clears pending — chuyển tool đang xây thì huỷ build dở.\n * - Ref + state song song để handler stable-closure read được giá trị mới\n *   mà UI vẫn re-render khi giá trị đổi.\n *\n * Shared cho geometry-2d (`GeomTool`) và graph-2d (`GraphTool`); thêm consumer\n * mới chỉ cần pass union literal type.\n */\nexport function useToolStateMachine<T extends string>(initial: T): ToolStateMachine<T> {\n  const [tool, setToolState] = useState<T>(initial);\n  const [pendingIds, setPendingIds] = useState<string[]>([]);\n  const toolRef = useRef<T>(initial);\n  const pendingIdsRef = useRef<string[]>([]);\n\n  const setTool = useCallback((t: T) => {\n    toolRef.current = t;\n    pendingIdsRef.current = [];\n    setToolState(t);\n    setPendingIds([]);\n  }, []);\n\n  const pushPending = useCallback((id: string) => {\n    pendingIdsRef.current = [...pendingIdsRef.current, id];\n    setPendingIds(pendingIdsRef.current);\n  }, []);\n\n  const clearPending = useCallback(() => {\n    pendingIdsRef.current = [];\n    setPendingIds([]);\n  }, []);\n\n  return { tool, pendingIds, toolRef, pendingIdsRef, setTool, pushPending, clearPending };\n}\n"]}

package/dist/chunk-O4WIZFRQ.mjs

@@ -0,0 +1,11 @@
+"use client";
+// src/stamps/graph-2d/types.ts
+function isGraph2DCustomData(data) {
+  if (!data || typeof data !== "object") return false;
+  const d = data;
+  return d.kind === "graph2d" && d.version === 2 && typeof d.jsonState === "string";
+}
+
+export { isGraph2DCustomData };
+//# sourceMappingURL=chunk-O4WIZFRQ.mjs.map
+//# sourceMappingURL=chunk-O4WIZFRQ.mjs.map

package/dist/chunk-O4WIZFRQ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/stamps/graph-2d/types.ts"],"names":[],"mappings":";AASO,SAAS,oBAAoB,IAAA,EAA0C;AAC5E,EAAA,IAAI,CAAC,IAAA,IAAQ,OAAO,IAAA,KAAS,UAAU,OAAO,KAAA;AAC9C,EAAA,MAAM,CAAA,GAAI,IAAA;AACV,EAAA,OAAO,CAAA,CAAE,SAAS,SAAA,IAAa,CAAA,CAAE,YAAY,CAAA,IAAK,OAAO,EAAE,SAAA,KAAc,QAAA;AAC3E","file":"chunk-O4WIZFRQ.mjs","sourcesContent":["// src/stamps/graph-2d/types.ts\nimport type { BaseStampCustomData } from '../shared/types';\n\nexport interface Graph2DCustomData extends BaseStampCustomData {\n  kind: 'graph2d';\n  version: 2;\n  jsonState: string;\n}\n\nexport function isGraph2DCustomData(data: unknown): data is Graph2DCustomData {\n  if (!data || typeof data !== 'object') return false;\n  const d = data as Partial<Graph2DCustomData>;\n  return d.kind === 'graph2d' && d.version === 2 && typeof d.jsonState === 'string';\n}\n"]}

package/dist/{chunk-C6SCVOMC.mjs → chunk-QGNU34T7.mjs}

@@ -1,41 +1,5 @@
 "use client";
-// src/stamps/shared/svgToImage.ts
-async function hashString(input) {
-  if (typeof crypto !== "undefined" && crypto.subtle) {
-    const buf = new TextEncoder().encode(input);
-    const digest = await crypto.subtle.digest("SHA-256", buf);
-    return Array.from(new Uint8Array(digest)).slice(0, 16).map((b) => b.toString(16).padStart(2, "0")).join("");
-  }
-  let h1 = 2166136261;
-  let h2 = 3421674724;
-  for (let i = 0; i < input.length; i++) {
-    const c = input.charCodeAt(i);
-    h1 ^= c;
-    h1 = Math.imul(h1, 16777619);
-    h2 ^= c + i;
-    h2 = Math.imul(h2, 1099511628211 & 4294967295);
-  }
-  return (h1 >>> 0).toString(16).padStart(8, "0") + (h2 >>> 0).toString(16).padStart(8, "0");
-}
-function parseSize(svg, attr) {
-  const re = new RegExp(`<svg[^>]*\\s${attr}="(\\d+(?:\\.\\d+)?)`, "i");
-  const m = svg.match(re);
-  if (m) return Math.max(1, Math.round(parseFloat(m[1])));
-  const vb = svg.match(/viewBox="([\d.\s-]+)"/i);
-  if (vb) {
-    const parts = vb[1].trim().split(/\s+/).map(parseFloat);
-    if (parts.length === 4) return Math.max(1, Math.round(attr === "width" ? parts[2] : parts[3]));
-  }
-  return attr === "width" ? 200 : 100;
-}
-async function svgToImageElement(svg) {
-  const width = parseSize(svg, "width");
-  const height = parseSize(svg, "height");
-  const utf8 = unescape(encodeURIComponent(svg));
-  const dataURL = "data:image/svg+xml;base64," + btoa(utf8);
-  const fileId = await hashString(dataURL);
-  return { dataURL, fileId, width, height, mimeType: "image/svg+xml" };
-}
+import { createStampFile } from './chunk-5UTGXHLJ.mjs';
 
 // src/stamps/shared/insertImage.ts
 var clearAppStateAfterInsert = () => ({
@@ -78,9 +42,9 @@ function buildStampImageElement(api, fileId, width, height, customData, x, y) {
   };
 }
 async function insertStampImage(api, opts) {
-  const { dataURL, fileId, width, height, mimeType } = await svgToImageElement(opts.svgString);
+  const { dataURL, fileId, width, height, mimeType } = await createStampFile(opts.svgString);
   api.addFiles([{ id: fileId, dataURL, mimeType, created: Date.now() }]);
-  const customData = opts.makeCustomData(width, height);
+  const customData = opts.makeCustomData();
   const elements = api.getSceneElements();
   const editingId = opts.editingElementId ?? null;
   if (editingId) {
@@ -107,5 +71,5 @@ async function insertStampImage(api, opts) {
 }
 
 export { insertStampImage };
-//# sourceMappingURL=chunk-C6SCVOMC.mjs.map
-//# sourceMappingURL=chunk-C6SCVOMC.mjs.map
+//# sourceMappingURL=chunk-QGNU34T7.mjs.map
+//# sourceMappingURL=chunk-QGNU34T7.mjs.map

package/dist/chunk-QGNU34T7.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/stamps/shared/insertImage.ts"],"names":[],"mappings":"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","file":"chunk-QGNU34T7.mjs","sourcesContent":["import { createStampFile } from './svgToStampFile';\nimport type { ExcalidrawElement } from '../../types';\n\n// Excalidraw imperative API — không có public type chính xác. Giữ untyped ở\n// boundary và yêu cầu caller pass đúng instance.\n \ntype ExApi = any;\n\nexport interface InsertStampImageOptions {\n  /** SVG string sẵn sàng render (geometry export hoặc katex render). */\n  svgString: string;\n  /**\n   * Factory tạo customData. Mỗi stamp tự define shape (kind, version, jsonState).\n   * width/height của element đã được Excalidraw track riêng — không cần lưu\n   * trong customData (drop tại Tier D cleanup v0.20).\n   */\n  makeCustomData: () => unknown;\n  /** Nếu đang re-edit, id của element cũ — sẽ update thay vì tạo mới. */\n  editingElementId?: string | null;\n  /** Vị trí gốc (lúc tạo mới). Bỏ qua khi đang re-edit. */\n  position?: { x?: number; y?: number };\n}\n\nexport interface InsertStampImageResult {\n  fileId: string;\n  width: number;\n  height: number;\n  /** Element id (mới hoặc cũ tuỳ flow). */\n  elementId: string;\n}\n\n// Bỏ qua appState (selectedElementIds + croppingElementId) sau khi insert để\n// Excalidraw không tự động bật crop mode cho element vừa thêm → tránh trigger\n// crop intercept handler vô tận.\n \nconst clearAppStateAfterInsert = (): any => ({\n  selectedElementIds: {},\n  croppingElementId: null,\n});\n\nfunction buildStampImageElement(\n  api: ExApi,\n  fileId: string,\n  width: number,\n  height: number,\n  customData: unknown,\n  x?: number,\n  y?: number,\n) {\n  const appState =\n    api?.getAppState() ?? { scrollX: 0, scrollY: 0, width: 800, height: 600, zoom: { value: 1 } };\n  const cx =\n    x ?? appState.scrollX + (appState.width ?? 800) / 2 / (appState.zoom?.value ?? 1) - width / 2;\n  const cy =\n    y ?? appState.scrollY + (appState.height ?? 600) / 2 / (appState.zoom?.value ?? 1) - height / 2;\n  return {\n    type: 'image' as const,\n    id: 'stamp_' + Date.now() + '_' + Math.random().toString(36).slice(2, 8),\n    x: cx,\n    y: cy,\n    width,\n    height,\n    fileId,\n    customData,\n    angle: 0,\n    strokeColor: 'transparent',\n    backgroundColor: 'transparent',\n    fillStyle: 'solid',\n    strokeWidth: 1,\n    strokeStyle: 'solid',\n    roughness: 0,\n    opacity: 100,\n    groupIds: [],\n    roundness: null,\n    seed: Math.floor(Math.random() * 1e9),\n    versionNonce: 0,\n    version: 1,\n    isDeleted: false,\n    boundElements: null,\n    updated: Date.now(),\n    link: null,\n    locked: false,\n    status: 'saved',\n    scale: [1, 1],\n  };\n}\n\n/**\n * Chèn (hoặc thay thế) một stamp image vào Excalidraw scene.\n *\n * Flow:\n *   1. createStampFile(svg) → fileId + dataURL + kích thước\n *   2. api.addFiles([...]) — đăng ký SVG dưới fileId\n *   3. Nếu editingElementId → update element cũ (giữ position, đổi fileId+customData+size)\n *      Còn lại → tạo image element mới ở giữa viewport (hoặc position truyền vào)\n *\n * Đoạn này trước đây nằm 2 chỗ (handleGeometryInsert + handleLatexInsert),\n * chỉ khác customData. Gộp lại để: thêm stamp type mới chỉ cần truyền\n * `makeCustomData`.\n */\nexport async function insertStampImage(\n  api: ExApi,\n  opts: InsertStampImageOptions,\n): Promise<InsertStampImageResult> {\n  const { dataURL, fileId, width, height, mimeType } = await createStampFile(opts.svgString);\n  api.addFiles([{ id: fileId, dataURL, mimeType, created: Date.now() }]);\n  const customData = opts.makeCustomData();\n\n  const elements = api.getSceneElements() as readonly ExcalidrawElement[];\n  const editingId = opts.editingElementId ?? null;\n\n  if (editingId) {\n    const updated = elements.map((e) =>\n      e.id === editingId ? { ...e, fileId, customData, width, height } : e,\n    );\n    api.updateScene({ elements: updated, appState: clearAppStateAfterInsert() });\n    return { fileId, width, height, elementId: editingId };\n  }\n\n  const newElement = buildStampImageElement(\n    api,\n    fileId,\n    width,\n    height,\n    customData,\n    opts.position?.x,\n    opts.position?.y,\n  );\n  api.updateScene({\n    elements: [...elements, newElement],\n    appState: clearAppStateAfterInsert(),\n  });\n  return { fileId, width, height, elementId: newElement.id };\n}\n"]}

package/dist/chunk-R5FL6S7L.mjs

@@ -0,0 +1,22 @@
+"use client";
+// src/stamps/geometry-2d/editor/theme.ts
+var themeStroke = (dark) => dark ? "#e2e8f0" : "#0f172a";
+var themeAxis = (dark) => dark ? "#cbd5e1" : "#94a3b8";
+var themeGrid = (dark) => dark ? "#475569" : "#e2e8f0";
+var themeLabel = (dark) => dark ? "#e2e8f0" : "#000000";
+function paletteFor(isDark) {
+  const stroke = themeStroke(isDark);
+  return {
+    stroke,
+    fill: "#60a5fa",
+    axis: themeAxis(isDark),
+    grid: themeGrid(isDark),
+    label: themeLabel(isDark),
+    // Geometry-2d điểm fill = stroke color (đồng bộ chấm điểm với nét vẽ).
+    pointFill: stroke
+  };
+}
+
+export { paletteFor, themeAxis, themeGrid, themeLabel };
+//# sourceMappingURL=chunk-R5FL6S7L.mjs.map
+//# sourceMappingURL=chunk-R5FL6S7L.mjs.map

package/dist/chunk-R5FL6S7L.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/stamps/geometry-2d/editor/theme.ts"],"names":[],"mappings":";AAQO,IAAM,WAAA,GAAc,CAAC,IAAA,KAA2B,IAAA,GAAO,SAAA,GAAY,SAAA;AACnE,IAAM,SAAA,GAAY,CAAC,IAAA,KAA2B,IAAA,GAAO,SAAA,GAAY;AACjE,IAAM,SAAA,GAAY,CAAC,IAAA,KAA2B,IAAA,GAAO,SAAA,GAAY;AACjE,IAAM,UAAA,GAAa,CAAC,IAAA,KAA2B,IAAA,GAAO,SAAA,GAAY;AAElE,SAAS,WAAW,MAAA,EAA0B;AACnD,EAAA,MAAM,MAAA,GAAS,YAAY,MAAM,CAAA;AACjC,EAAA,OAAO;AAAA,IACL,MAAA;AAAA,IACA,IAAA,EAAM,SAAA;AAAA,IACN,IAAA,EAAM,UAAU,MAAM,CAAA;AAAA,IACtB,IAAA,EAAM,UAAU,MAAM,CAAA;AAAA,IACtB,KAAA,EAAO,WAAW,MAAM,CAAA;AAAA;AAAA,IAExB,SAAA,EAAW;AAAA,GACb;AACF","file":"chunk-R5FL6S7L.mjs","sourcesContent":["// Theme-aware palette cho geometry stamps.\n//\n// Dùng `Theme2D` từ `core/scene/render/types2d` (cùng abstraction graph-2d).\n// JxgRenderer nhận theme qua constructor options và phân phối qua RenderCtx\n// đến mỗi kind handler — không cần sentinel string trong attrs nữa.\n\nimport { type Theme2D } from '../../../core/scene/render/types2d';\n\nexport const themeStroke = (dark: boolean): string => (dark ? '#e2e8f0' : '#0f172a');\nexport const themeAxis = (dark: boolean): string => (dark ? '#cbd5e1' : '#94a3b8');\nexport const themeGrid = (dark: boolean): string => (dark ? '#475569' : '#e2e8f0');\nexport const themeLabel = (dark: boolean): string => (dark ? '#e2e8f0' : '#000000');\n\nexport function paletteFor(isDark: boolean): Theme2D {\n  const stroke = themeStroke(isDark);\n  return {\n    stroke,\n    fill: '#60a5fa',\n    axis: themeAxis(isDark),\n    grid: themeGrid(isDark),\n    label: themeLabel(isDark),\n    // Geometry-2d điểm fill = stroke color (đồng bộ chấm điểm với nét vẽ).\n    pointFill: stroke,\n  };\n}\n"]}

package/dist/{chunk-7P7SQFOW.mjs → chunk-SGFJLHHG.mjs}

@@ -4,7 +4,7 @@ import { lazy } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
 var LatexStampHost = lazy(
-  () => import('./host-Z3TEJKZA.mjs').then((m) => ({ default: m.LatexStampHost }))
+  () => import('./host-QS2EOTRJ.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-7P7SQFOW.mjs.map
-//# sourceMappingURL=chunk-7P7SQFOW.mjs.map
+//# sourceMappingURL=chunk-SGFJLHHG.mjs.map
+//# sourceMappingURL=chunk-SGFJLHHG.mjs.map

package/dist/chunk-SGFJLHHG.mjs.map

@@ -0,0 +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-SGFJLHHG.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/{chunk-PWIMZIB6.mjs → chunk-WWMQ2VHZ.mjs}

@@ -1,10 +1,11 @@
 "use client";
-import { isGeometry3DCustomData, renderGeometry3DSvgFromState } from './chunk-WQOABS6N.mjs';
+import { isGeometry3DCustomData, renderGeometry3DSvgFromState } from './chunk-CSCF3YFZ.mjs';
+import { svgToStampFile } from './chunk-5UTGXHLJ.mjs';
 import { lazy } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var Geometry3DStampHost = lazy(
-  () => import('./host-N6ACNJKI.mjs').then((m) => ({ default: m.Geometry3DStampHost }))
+  () => import('./host-TLIXN4CF.mjs').then((m) => ({ default: m.Geometry3DStampHost }))
 );
 var Geometry3DIcon = /* @__PURE__ */ jsxs(
   "svg",
@@ -44,12 +45,10 @@ var geometry3dStamp = {
   restoreFileFromCustomData: async (element) => {
     const data = element.customData;
     const fileId = element.fileId;
-    if (!data || !fileId) return null;
-    if (!isGeometry3DCustomData(data)) return null;
+    if (!data || !fileId || !isGeometry3DCustomData(data)) return null;
     try {
       const { svgString } = await renderGeometry3DSvgFromState(data.jsonState);
-      const dataURL = `data:image/svg+xml;base64,${typeof btoa !== "undefined" ? btoa(unescape(encodeURIComponent(svgString))) : Buffer.from(svgString).toString("base64")}`;
-      return { fileId, dataURL, mimeType: "image/svg+xml" };
+      return svgToStampFile(svgString, fileId);
     } catch {
       return null;
     }
@@ -58,5 +57,5 @@ var geometry3dStamp = {
 };
 
 export { geometry3dStamp };
-//# sourceMappingURL=chunk-PWIMZIB6.mjs.map
-//# sourceMappingURL=chunk-PWIMZIB6.mjs.map
+//# sourceMappingURL=chunk-WWMQ2VHZ.mjs.map
+//# sourceMappingURL=chunk-WWMQ2VHZ.mjs.map

package/dist/chunk-WWMQ2VHZ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/stamps/geometry-3d/index.tsx"],"names":[],"mappings":";;;;;AAgBA,IAAM,mBAAA,GAAsB,IAAA;AAAA,EAAK,MAC/B,OAAO,qBAAQ,CAAA,CAAE,IAAA,CAAK,CAAC,CAAA,MAAO,EAAE,OAAA,EAAS,CAAA,CAAE,mBAAA,EAAoB,CAAE;AACnE,CAAA;AAEA,IAAM,cAAA,mBACJ,IAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,KAAA,EAAM,IAAA;AAAA,IACN,MAAA,EAAO,IAAA;AAAA,IACP,OAAA,EAAQ,WAAA;AAAA,IACR,IAAA,EAAK,MAAA;AAAA,IACL,MAAA,EAAO,cAAA;AAAA,IACP,WAAA,EAAY,KAAA;AAAA,IACZ,aAAA,EAAc,OAAA;AAAA,IACd,cAAA,EAAe,OAAA;AAAA,IACf,aAAA,EAAY,MAAA;AAAA,IAGZ,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,GAAE,2BAAA,EAA4B,CAAA;AAAA,sBAEpC,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,0BAAA,EAA2B,CAAA;AAAA,sBAEnC,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,6BAAA,EAA8B;AAAA;AAAA;AACxC,CAAA;AAGK,IAAM,eAAA,GAAmD;AAAA,EAC9D,IAAA,EAAM,YAAA;AAAA,EACN,YAAA,EAAc,IAAA;AAAA,EACd,WAAA,EAAa,GAAA;AAAA,EACb,YAAA,EAAc,GAAA;AAAA,EACd,YAAA,EAAc,gBAAA;AAAA,EACd,WAAA,EAAa,cAAA;AAAA,EACb,aAAA,EAAe,0BAAA;AAAA,EACf,iBAAA,EAAmB,sBAAA;AAAA,EACnB,MAAM,wBAAwB,IAAA,EAAgC;AAC5D,IAAA,IAAI,CAAC,sBAAA,CAAuB,IAAI,CAAA,EAAG;AACjC,MAAA,MAAM,IAAI,MAAM,mFAA2E,CAAA;AAAA,IAC7F;AACA,IAAA,MAAM,EAAE,SAAA,EAAU,GAAI,MAAM,4BAAA,CAA6B,KAAK,SAAS,CAAA;AACvE,IAAA,OAAO,SAAA;AAAA,EACT,CAAA;AAAA,EACA,yBAAA,EAA2B,OAAO,OAAA,KAA+C;AAC/E,IAAA,MAAM,OAAO,OAAA,CAAQ,UAAA;AACrB,IAAA,MAAM,SAAU,OAAA,CAAuC,MAAA;AACvD,IAAA,IAAI,CAAC,QAAQ,CAAC,MAAA,IAAU,CAAC,sBAAA,CAAuB,IAAI,GAAG,OAAO,IAAA;AAC9D,IAAA,IAAI;AACF,MAAA,MAAM,EAAE,SAAA,EAAU,GAAI,MAAM,4BAAA,CAA6B,KAAK,SAAS,CAAA;AACvE,MAAA,OAAO,cAAA,CAAe,WAAW,MAAM,CAAA;AAAA,IACzC,CAAA,CAAA,MAAQ;AACN,MAAA,OAAO,IAAA;AAAA,IACT;AAAA,EACF,CAAA;AAAA,EACA,IAAA,EAAM;AACR","file":"chunk-WWMQ2VHZ.mjs","sourcesContent":["'use client';\n\nimport { lazy, type ReactNode } from 'react';\nimport {\n  isGeometry3DCustomData,\n  type Geometry3DCustomData,\n} from './serialize';\nimport { renderGeometry3DSvgFromState } from './render';\nimport type {\n  RestoredStampFile,\n  StampType,\n} from '../shared/types';\nimport { svgToStampFile } from '../shared/svgToStampFile';\n\nexport type { Geometry3DCustomData };\n\nconst Geometry3DStampHost = lazy(() =>\n  import('./host').then((m) => ({ default: m.Geometry3DStampHost })),\n);\n\nconst Geometry3DIcon: ReactNode = (\n  <svg\n    width=\"20\"\n    height=\"20\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"1.6\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    aria-hidden=\"true\"\n  >\n    {/* Mặt trước */}\n    <path d=\"M4 9 L4 20 L14 20 L14 9 Z\" />\n    {/* Mặt trên */}\n    <path d=\"M4 9 L10 4 L20 4 L14 9 Z\" />\n    {/* Mặt phải */}\n    <path d=\"M14 9 L20 4 L20 15 L14 20 Z\" />\n  </svg>\n);\n\nexport const geometry3dStamp: StampType<Geometry3DCustomData> = {\n  kind: 'geometry3d',\n  experimental: true,\n  shortcutKey: 'd',\n  toolbarLabel: 'D',\n  toolbarTitle: 'Hình 3D (D)',\n  toolbarIcon: Geometry3DIcon,\n  toolbarTestId: 'stamp-toolbar-geometry3d',\n  matchesCustomData: isGeometry3DCustomData,\n  async renderSvgFromCustomData(data: unknown): Promise<string> {\n    if (!isGeometry3DCustomData(data)) {\n      throw new Error('geometry3dStamp.renderSvgFromCustomData: customData không phải geometry3d');\n    }\n    const { svgString } = await renderGeometry3DSvgFromState(data.jsonState);\n    return svgString;\n  },\n  restoreFileFromCustomData: async (element): Promise<RestoredStampFile | null> => {\n    const data = element.customData as Geometry3DCustomData | undefined;\n    const fileId = (element as { fileId?: string | null }).fileId;\n    if (!data || !fileId || !isGeometry3DCustomData(data)) return null;\n    try {\n      const { svgString } = await renderGeometry3DSvgFromState(data.jsonState);\n      return svgToStampFile(svgString, fileId);\n    } catch {\n      return null;\n    }\n  },\n  Host: Geometry3DStampHost,\n};\n"]}

package/dist/chunk-YIPI3WUL.mjs

@@ -0,0 +1,61 @@
+"use client";
+import { renderGraphSvgFromState } from './chunk-LVNCYP4J.mjs';
+import { isGraph2DCustomData } from './chunk-O4WIZFRQ.mjs';
+import { parseSceneState } from './chunk-IBTRMWD6.mjs';
+import { svgToStampFile } from './chunk-5UTGXHLJ.mjs';
+import { lazy } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var Graph2DStampHost = lazy(
+  () => import('./host-GKNQBBUE.mjs').then((m) => ({ default: m.Graph2DStampHost }))
+);
+var Graph2DIcon = /* @__PURE__ */ jsxs(
+  "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: "M3 3L3 21L21 21" }),
+      /* @__PURE__ */ jsx("path", { d: "M6 16Q9 8 12 10Q15 12 18 6" })
+    ]
+  }
+);
+var graph2dStamp = {
+  kind: "graph2d",
+  shortcutKey: "h",
+  toolbarLabel: "\u{1F4C8}",
+  toolbarTitle: "Ch\xE8n \u0111\u1ED3 th\u1ECB 2D (H)",
+  toolbarIcon: Graph2DIcon,
+  toolbarTestId: "graph2d-stamp",
+  experimental: true,
+  matchesCustomData: isGraph2DCustomData,
+  async renderSvgFromCustomData(data) {
+    if (!isGraph2DCustomData(data)) {
+      throw new Error("graph2dStamp.renderSvgFromCustomData: customData kh\xF4ng ph\u1EA3i graph2d v2");
+    }
+    const state = parseSceneState(data.jsonState);
+    if (!state) throw new Error("graph2dStamp.renderSvgFromCustomData: jsonState kh\xF4ng h\u1EE3p l\u1EC7");
+    return renderGraphSvgFromState(state, false);
+  },
+  async restoreFileFromCustomData(element) {
+    const data = element.customData;
+    const fileId = element.fileId;
+    if (!fileId || !isGraph2DCustomData(data)) return null;
+    const state = parseSceneState(data.jsonState);
+    if (!state) return null;
+    const svgString = await renderGraphSvgFromState(state, false);
+    return svgToStampFile(svgString, fileId);
+  },
+  Host: Graph2DStampHost
+};
+
+export { graph2dStamp };
+//# sourceMappingURL=chunk-YIPI3WUL.mjs.map
+//# sourceMappingURL=chunk-YIPI3WUL.mjs.map

package/dist/chunk-YIPI3WUL.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/stamps/graph-2d/index.tsx"],"names":[],"mappings":";;;;;;;AAUA,IAAM,gBAAA,GAAmB,IAAA;AAAA,EAAK,MAC5B,OAAO,qBAAQ,CAAA,CAAE,IAAA,CAAK,CAAC,CAAA,MAAO,EAAE,OAAA,EAAS,CAAA,CAAE,gBAAA,EAAiB,CAAE;AAChE,CAAA;AAEA,IAAM,WAAA,mBACJ,IAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,KAAA,EAAM,IAAA;AAAA,IACN,MAAA,EAAO,IAAA;AAAA,IACP,OAAA,EAAQ,WAAA;AAAA,IACR,IAAA,EAAK,MAAA;AAAA,IACL,MAAA,EAAO,cAAA;AAAA,IACP,WAAA,EAAY,KAAA;AAAA,IACZ,aAAA,EAAc,OAAA;AAAA,IACd,cAAA,EAAe,OAAA;AAAA,IACf,aAAA,EAAY,MAAA;AAAA,IAEZ,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,GAAE,iBAAA,EAAkB,CAAA;AAAA,sBAC1B,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,4BAAA,EAA6B;AAAA;AAAA;AACvC,CAAA;AAGK,IAAM,YAAA,GAA6C;AAAA,EACxD,IAAA,EAAM,SAAA;AAAA,EACN,WAAA,EAAa,GAAA;AAAA,EACb,YAAA,EAAc,WAAA;AAAA,EACd,YAAA,EAAc,sCAAA;AAAA,EACd,WAAA,EAAa,WAAA;AAAA,EACb,aAAA,EAAe,eAAA;AAAA,EACf,YAAA,EAAc,IAAA;AAAA,EACd,iBAAA,EAAmB,mBAAA;AAAA,EAEnB,MAAM,wBAAwB,IAAA,EAAgC;AAC5D,IAAA,IAAI,CAAC,mBAAA,CAAoB,IAAI,CAAA,EAAG;AAC9B,MAAA,MAAM,IAAI,MAAM,gFAAwE,CAAA;AAAA,IAC1F;AACA,IAAA,MAAM,KAAA,GAAQ,eAAA,CAAgB,IAAA,CAAK,SAAS,CAAA;AAC5C,IAAA,IAAI,CAAC,KAAA,EAAO,MAAM,IAAI,MAAM,2EAA8D,CAAA;AAC1F,IAAA,OAAO,uBAAA,CAAwB,OAAO,KAAK,CAAA;AAAA,EAC7C,CAAA;AAAA,EAEA,MAAM,0BAA0B,OAAA,EAA4C;AAC1E,IAAA,MAAM,OAAO,OAAA,CAAQ,UAAA;AACrB,IAAA,MAAM,SAAU,OAAA,CAAuC,MAAA;AACvD,IAAA,IAAI,CAAC,MAAA,IAAU,CAAC,mBAAA,CAAoB,IAAI,GAAG,OAAO,IAAA;AAClD,IAAA,MAAM,KAAA,GAAQ,eAAA,CAAgB,IAAA,CAAK,SAAS,CAAA;AAC5C,IAAA,IAAI,CAAC,OAAO,OAAO,IAAA;AACnB,IAAA,MAAM,SAAA,GAAY,MAAM,uBAAA,CAAwB,KAAA,EAAO,KAAK,CAAA;AAC5D,IAAA,OAAO,cAAA,CAAe,WAAW,MAAM,CAAA;AAAA,EACzC,CAAA;AAAA,EAEA,IAAA,EAAM;AACR","file":"chunk-YIPI3WUL.mjs","sourcesContent":["'use client';\nimport { lazy, type ReactNode } from 'react';\nimport { renderGraphSvgFromState } from './render';\nimport { isGraph2DCustomData, type Graph2DCustomData } from './types';\nimport { parseSceneState } from './serialize';\nimport { svgToStampFile } from '../shared/svgToStampFile';\nimport type { RestoredStampFile, StampType } from '../shared/types';\n\nexport type { Graph2DCustomData };\n\nconst Graph2DStampHost = lazy(() =>\n  import('./host').then((m) => ({ default: m.Graph2DStampHost })),\n);\n\nconst Graph2DIcon: ReactNode = (\n  <svg\n    width=\"20\"\n    height=\"20\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"1.6\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    aria-hidden=\"true\"\n  >\n    <path d=\"M3 3L3 21L21 21\" />\n    <path d=\"M6 16Q9 8 12 10Q15 12 18 6\" />\n  </svg>\n);\n\nexport const graph2dStamp: StampType<Graph2DCustomData> = {\n  kind: 'graph2d',\n  shortcutKey: 'h',\n  toolbarLabel: '📈',\n  toolbarTitle: 'Chèn đồ thị 2D (H)',\n  toolbarIcon: Graph2DIcon,\n  toolbarTestId: 'graph2d-stamp',\n  experimental: true,\n  matchesCustomData: isGraph2DCustomData,\n\n  async renderSvgFromCustomData(data: unknown): Promise<string> {\n    if (!isGraph2DCustomData(data)) {\n      throw new Error('graph2dStamp.renderSvgFromCustomData: customData không phải graph2d v2');\n    }\n    const state = parseSceneState(data.jsonState);\n    if (!state) throw new Error('graph2dStamp.renderSvgFromCustomData: jsonState không hợp lệ');\n    return renderGraphSvgFromState(state, false);\n  },\n\n  async restoreFileFromCustomData(element): Promise<RestoredStampFile | null> {\n    const data = element.customData;\n    const fileId = (element as { fileId?: string | null }).fileId;\n    if (!fileId || !isGraph2DCustomData(data)) return null;\n    const state = parseSceneState(data.jsonState);\n    if (!state) return null;\n    const svgString = await renderGraphSvgFromState(state, false);\n    return svgToStampFile(svgString, fileId);\n  },\n\n  Host: Graph2DStampHost,\n};\n"]}