@xom11/whiteboard 0.6.5 → 0.7.0

package/README.md

@@ -35,6 +35,42 @@ export function ClassroomBoard() {
 }
 ```
 
+## Migration to v0.7.0 (BREAKING)
+
+`DEFAULT_STAMPS` v0.7.0 chỉ gồm 2 stamps stable: `geometry` + `latex`. 3D + graph2d chuyển sang opt-IN (experimental).
+
+### Giữ behavior cũ (4 stamps):
+
+```tsx
+import { Whiteboard, ALL_STAMPS } from '@xom11/whiteboard';
+
+<Whiteboard stamps={ALL_STAMPS} />
+```
+
+### Chỉ thêm 3D (giữ default + 3D):
+
+```tsx
+import { Whiteboard, DEFAULT_STAMPS, geometry3dStamp } from '@xom11/whiteboard';
+
+<Whiteboard stamps={[...DEFAULT_STAMPS, geometry3dStamp]} />
+```
+
+### Subpath imports (tree-shake):
+
+Mỗi stamp có thể import riêng để bundle nhẹ hơn:
+
+```tsx
+import { Whiteboard } from '@xom11/whiteboard';
+import { geometryStamp } from '@xom11/whiteboard/geometry-2d';
+import { latexStamp } from '@xom11/whiteboard/latex';
+
+<Whiteboard stamps={[geometryStamp, latexStamp]} />
+```
+
+### Drop Next.js peer dep
+
+`next` không còn là peer dependency. Whiteboard dùng `React.lazy + Suspense` thuần. Consumer cần Next.js App Router vẫn hoạt động (dist có sẵn `'use client'` directive).
+
 ## Development
 
 ```bash

package/dist/chunk-3SSQKRRO.mjs

@@ -0,0 +1,58 @@
+"use client";
+import { isGraph2DCustomData, renderGraph2dSvgFromState } from './chunk-HM7RIXJE.mjs';
+import { lazy } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var Graph2DStampHost = lazy(
+  () => import('./host-2QGKMGCT.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 21 V3" }),
+      /* @__PURE__ */ jsx("path", { d: "M3 21 H21" }),
+      /* @__PURE__ */ jsx("path", { d: "M5 19 C8 5, 14 5, 19 17" })
+    ]
+  }
+);
+var graph2dStamp = {
+  kind: "graph2d",
+  experimental: true,
+  shortcutKey: "h",
+  toolbarLabel: "H",
+  toolbarTitle: "Ch\xE8n \u0111\u1ED3 th\u1ECB 2D (H)",
+  toolbarIcon: Graph2DIcon,
+  toolbarTestId: "stamp-toolbar-graph2d",
+  matchesCustomData: isGraph2DCustomData,
+  async renderSvgFromCustomData(data) {
+    if (!isGraph2DCustomData(data)) {
+      throw new Error("graph2dStamp.renderSvgFromCustomData: customData kh\xF4ng ph\u1EA3i graph2d");
+    }
+    return renderGraph2dSvgFromState(data.jsonState);
+  },
+  async restoreFileFromCustomData(element) {
+    const data = element.customData;
+    const fileId = element.fileId;
+    if (!data || !fileId) return null;
+    if (!isGraph2DCustomData(data)) return null;
+    const svgString = await renderGraph2dSvgFromState(data.jsonState);
+    const utf8 = unescape(encodeURIComponent(svgString));
+    const dataURL = "data:image/svg+xml;base64," + (typeof btoa !== "undefined" ? btoa(utf8) : Buffer.from(utf8).toString("base64"));
+    return { fileId, dataURL, mimeType: "image/svg+xml" };
+  },
+  Host: Graph2DStampHost
+};
+
+export { graph2dStamp };
+//# sourceMappingURL=chunk-3SSQKRRO.mjs.map
+//# sourceMappingURL=chunk-3SSQKRRO.mjs.map

package/dist/chunk-3SSQKRRO.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/stamps/graph-2d/index.tsx"],"names":[],"mappings":";;;;AAaA,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,UAAA,EAAW,CAAA;AAAA,sBACnB,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,WAAA,EAAY,CAAA;AAAA,sBACpB,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,yBAAA,EAA0B;AAAA;AAAA;AACpC,CAAA;AAGK,IAAM,YAAA,GAA0B;AAAA,EACrC,IAAA,EAAM,SAAA;AAAA,EACN,YAAA,EAAc,IAAA;AAAA,EACd,WAAA,EAAa,GAAA;AAAA,EACb,YAAA,EAAc,GAAA;AAAA,EACd,YAAA,EAAc,sCAAA;AAAA,EACd,WAAA,EAAa,WAAA;AAAA,EACb,aAAA,EAAe,uBAAA;AAAA,EACf,iBAAA,EAAmB,mBAAA;AAAA,EACnB,MAAM,wBAAwB,IAAA,EAAM;AAClC,IAAA,IAAI,CAAC,mBAAA,CAAoB,IAAI,CAAA,EAAG;AAC9B,MAAA,MAAM,IAAI,MAAM,6EAAqE,CAAA;AAAA,IACvF;AACA,IAAA,OAAO,yBAAA,CAA0B,KAAK,SAAS,CAAA;AAAA,EACjD,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,mBAAA,CAAoB,IAAI,CAAA,EAAG,OAAO,IAAA;AACvC,IAAA,MAAM,SAAA,GAAY,MAAM,yBAAA,CAA0B,IAAA,CAAK,SAAS,CAAA;AAChE,IAAA,MAAM,IAAA,GAAO,QAAA,CAAS,kBAAA,CAAmB,SAAS,CAAC,CAAA;AACnD,IAAA,MAAM,OAAA,GACJ,4BAAA,IACC,OAAO,IAAA,KAAS,WAAA,GAAc,IAAA,CAAK,IAAI,CAAA,GAAI,MAAA,CAAO,IAAA,CAAK,IAAI,CAAA,CAAE,SAAS,QAAQ,CAAA,CAAA;AACjF,IAAA,OAAO,EAAE,MAAA,EAAQ,OAAA,EAAS,QAAA,EAAU,eAAA,EAAgB;AAAA,EACtD,CAAA;AAAA,EACA,IAAA,EAAM;AACR","file":"chunk-3SSQKRRO.mjs","sourcesContent":["'use client';\n\nimport { lazy } from 'react';\nimport { renderGraph2dSvgFromState } from './render';\nimport type {\n  RestoredStampFile,\n  StampType,\n} from '../shared/types';\nimport { isGraph2DCustomData, type Graph2DCustomData } from './types';\n\nexport { isGraph2DCustomData };\nexport type { Graph2DCustomData };\n\nconst Graph2DStampHost = lazy(() =>\n  import('./host').then((m) => ({ default: m.Graph2DStampHost })),\n);\n\nconst Graph2DIcon = (\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 21 V3\" />\n    <path d=\"M3 21 H21\" />\n    <path d=\"M5 19 C8 5, 14 5, 19 17\" />\n  </svg>\n);\n\nexport const graph2dStamp: StampType = {\n  kind: 'graph2d',\n  experimental: true,\n  shortcutKey: 'h',\n  toolbarLabel: 'H',\n  toolbarTitle: 'Chèn đồ thị 2D (H)',\n  toolbarIcon: Graph2DIcon,\n  toolbarTestId: 'stamp-toolbar-graph2d',\n  matchesCustomData: isGraph2DCustomData,\n  async renderSvgFromCustomData(data) {\n    if (!isGraph2DCustomData(data)) {\n      throw new Error('graph2dStamp.renderSvgFromCustomData: customData không phải graph2d');\n    }\n    return renderGraph2dSvgFromState(data.jsonState);\n  },\n  async restoreFileFromCustomData(element): Promise<RestoredStampFile | null> {\n    const data = element.customData as Graph2DCustomData | undefined;\n    const fileId = (element as { fileId?: string | null }).fileId;\n    if (!data || !fileId) return null;\n    if (!isGraph2DCustomData(data)) return null;\n    const svgString = await renderGraph2dSvgFromState(data.jsonState);\n    const utf8 = unescape(encodeURIComponent(svgString));\n    const dataURL =\n      'data:image/svg+xml;base64,' +\n      (typeof btoa !== 'undefined' ? btoa(utf8) : Buffer.from(utf8).toString('base64'));\n    return { fileId, dataURL, mimeType: 'image/svg+xml' };\n  },\n  Host: Graph2DStampHost,\n};\n"]}

package/dist/chunk-7P7SQFOW.mjs

@@ -0,0 +1,39 @@
+"use client";
+import { isLatexCustomData, renderLatexToSvg } from './chunk-X5R72SSJ.mjs';
+import { lazy } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var LatexStampHost = lazy(
+  () => import('./host-Z3TEJKZA.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 = {
+  kind: "latex",
+  shortcutKey: "l",
+  toolbarLabel: "L",
+  toolbarTitle: "Ch\xE8n c\xF4ng th\u1EE9c LaTeX (L)",
+  toolbarIcon: LatexIcon,
+  toolbarTestId: "stamp-toolbar-latex",
+  matchesCustomData: isLatexCustomData,
+  async renderSvgFromCustomData(data) {
+    if (!isLatexCustomData(data)) {
+      throw new Error("latexStamp.renderSvgFromCustomData: customData kh\xF4ng ph\u1EA3i latex");
+    }
+    return renderLatexToSvg(data.src, data.displayMode);
+  },
+  async restoreFileFromCustomData(element) {
+    const data = element.customData;
+    const fileId = element.fileId;
+    if (!data || !fileId) return null;
+    if (!isLatexCustomData(data)) return null;
+    const svgString = await renderLatexToSvg(data.src, data.displayMode);
+    const utf8 = unescape(encodeURIComponent(svgString));
+    const dataURL = "data:image/svg+xml;base64," + (typeof btoa !== "undefined" ? btoa(utf8) : Buffer.from(utf8).toString("base64"));
+    return { fileId, dataURL, mimeType: "image/svg+xml" };
+  },
+  Host: LatexStampHost
+};
+
+export { latexStamp };
+//# sourceMappingURL=chunk-7P7SQFOW.mjs.map
+//# sourceMappingURL=chunk-7P7SQFOW.mjs.map

package/dist/chunk-7P7SQFOW.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/stamps/latex/index.tsx"],"names":[],"mappings":";;;;AAaA,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,GAAwB;AAAA,EACnC,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-7P7SQFOW.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 { isLatexCustomData };\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 = {\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-BJX4YNA5.mjs

@@ -0,0 +1,137 @@
+"use client";
+import { paletteFor, resolveAttrColors } from './chunk-HTBLO5JO.mjs';
+
+// src/stamps/geometry-2d/renderInline.ts
+function renderGeometryToSvg(boardContainer) {
+  const svgEl = boardContainer.querySelector("svg");
+  if (!svgEl) throw new Error("renderGeometryToSvg: no SVG found in board container");
+  const clone = svgEl.cloneNode(true);
+  if (!clone.getAttribute("xmlns")) {
+    clone.setAttribute("xmlns", "http://www.w3.org/2000/svg");
+  }
+  return new XMLSerializer().serializeToString(clone);
+}
+
+// src/stamps/geometry-2d/serialize.ts
+function serializeBoard(board, log, options = {}) {
+  return {
+    bbox: board.getBoundingBox(),
+    elements: log.map((e) => ({ type: e.type, args: e.args, attrs: e.attrs, id: e.id })),
+    showAxis: !!options.showAxis,
+    showGrid: !!options.showGrid
+  };
+}
+function createValueLabel(board, target) {
+  if (!board || !target) return null;
+  const e = (target.elType ?? target.type ?? "").toString().toLowerCase();
+  if (e === "segment" || e === "line" || e === "arrow") {
+    const p1 = target.point1, p2 = target.point2;
+    if (!p1 || !p2) return null;
+    return board.create("text", [
+      () => (p1.X() + p2.X()) / 2 + 0.15,
+      () => (p1.Y() + p2.Y()) / 2 + 0.25,
+      () => {
+        const len = Math.hypot(p2.X() - p1.X(), p2.Y() - p1.Y());
+        const name = typeof target.name === "string" && target.name ? target.name : "d";
+        return `${name} = ${len.toFixed(2)}`;
+      }
+    ], { fontSize: 12, color: "#dc2626", fixed: true, highlight: false });
+  }
+  if (e === "circle" || e === "circumcircle") {
+    const center = target.center ?? target.midpoint ?? target.point1;
+    if (!center) return null;
+    return board.create("text", [
+      () => center.X() + 0.3,
+      () => center.Y() + 0.3,
+      () => {
+        const r = typeof target.Radius === "function" ? target.Radius() : 0;
+        const name = typeof target.name === "string" && target.name ? target.name : "r";
+        return `${name} = ${r.toFixed(2)}`;
+      }
+    ], { fontSize: 12, color: "#dc2626", fixed: true, highlight: false });
+  }
+  return null;
+}
+function deserializeIntoBoard(board, serialized, options = {}) {
+  const palette = options.palette ?? paletteFor(false);
+  const idMap = /* @__PURE__ */ new Map();
+  const resolve = (a) => {
+    if (typeof a === "string" && idMap.has(a)) return idMap.get(a);
+    if (Array.isArray(a)) return a.map(resolve);
+    return a;
+  };
+  for (const el of serialized.elements) {
+    const resolvedArgs = el.args.map(resolve);
+    if (el.type === "valueLabel") {
+      const target = resolvedArgs[0];
+      const txt = createValueLabel(board, target);
+      if (txt) idMap.set(el.id, txt);
+      continue;
+    }
+    const themedAttrs = resolveAttrColors({ ...el.attrs }, palette);
+    const created = board.create(el.type, resolvedArgs, themedAttrs);
+    idMap.set(el.id, created);
+  }
+}
+
+// src/stamps/geometry-2d/render.ts
+async function renderGeometrySvgFromState(jsonState) {
+  const parsed = JSON.parse(jsonState);
+  const palette = paletteFor(false);
+  const JXG = (await import('jsxgraph')).default;
+  try {
+    const opts = JXG.Options;
+    if (opts) {
+      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;
+    }
+  } catch {
+  }
+  const container = document.createElement("div");
+  const containerId = "jxg_offscreen_" + Date.now() + "_" + Math.random().toString(36).slice(2, 8);
+  container.id = containerId;
+  container.style.cssText = "position:absolute;top:-99999px;left:-99999px;width:400px;height:300px;visibility:hidden;pointer-events:none;";
+  document.body.appendChild(container);
+  let board = null;
+  try {
+    board = JXG.JSXGraph.initBoard(containerId, {
+      boundingbox: parsed.bbox,
+      axis: !!parsed.showAxis,
+      grid: !!parsed.showGrid,
+      showCopyright: false,
+      showNavigation: false,
+      keepAspectRatio: false
+    });
+    deserializeIntoBoard(board, parsed, { palette });
+    board.update();
+    return renderGeometryToSvg(container);
+  } finally {
+    try {
+      if (board) JXG.JSXGraph.freeBoard(board);
+    } catch {
+    }
+    if (container.parentNode) container.parentNode.removeChild(container);
+  }
+}
+
+// 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 { isGeometryCustomData, renderGeometrySvgFromState, serializeBoard };
+//# sourceMappingURL=chunk-BJX4YNA5.mjs.map
+//# sourceMappingURL=chunk-BJX4YNA5.mjs.map

package/dist/chunk-BJX4YNA5.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/stamps/geometry-2d/renderInline.ts","../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-BJX4YNA5.mjs","sourcesContent":["export function renderGeometryToSvg(boardContainer: HTMLElement): string {\n  const svgEl = boardContainer.querySelector('svg');\n  if (!svgEl) throw new Error('renderGeometryToSvg: no SVG found in board container');\n  const clone = svgEl.cloneNode(true) as SVGElement;\n  if (!clone.getAttribute('xmlns')) {\n    clone.setAttribute('xmlns', 'http://www.w3.org/2000/svg');\n  }\n  return new XMLSerializer().serializeToString(clone);\n}\n","// JSXGraph không có built-in getJSON. Component giữ MỘT LOG riêng của các create() call\n// do user trigger, pass log đó vào serializeBoard. Replay = gọi board.create() theo thứ tự log.\n//\n// type === 'transform': args là [refs đến điểm/đường/scalar], attrs là { type: 'translate'|'rotate'|'reflect'|'scale', ... }.\n// Object trả về (kết quả board.create('transform', ...)) được đăng ký vào idMap như mọi element khác\n// để point/line phụ thuộc reference được bằng id ('j5' → JSXGraph transform object).\n//\n// Log lưu màu dưới dạng sentinel ('@stroke', '@axis', '@grid', '@label') để\n// theme-neutral. Khi replay, palette resolve thành màu thực theo `isDark` hiện\n// tại (truyền qua options.palette).\n\nimport { paletteFor, resolveAttrColors, type GeomPalette } from './editor/theme';\n\nexport interface SerializedElement {\n  type: string;\n  args: unknown[];\n  attrs: Record<string, unknown>;\n  id: string;\n}\n\nexport interface SerializedBoard {\n  bbox: [number, number, number, number];\n  elements: SerializedElement[];\n  showAxis?: boolean;\n  showGrid?: boolean;\n}\n\ninterface BoardLike {\n  getBoundingBox(): [number, number, number, number];\n  create(type: string, args: unknown[], attrs: Record<string, unknown>): unknown;\n}\n\nexport function serializeBoard(\n  board: BoardLike,\n  log: SerializedElement[],\n  options: { showAxis?: boolean; showGrid?: boolean } = {},\n): SerializedBoard {\n  return {\n    bbox: board.getBoundingBox(),\n    elements: log.map(e => ({ type: e.type, args: e.args, attrs: e.attrs, id: e.id })),\n    showAxis: !!options.showAxis,\n    showGrid: !!options.showGrid,\n  };\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nfunction createValueLabel(board: any, target: any): unknown {\n  if (!board || !target) return null;\n  const e = (target.elType ?? target.type ?? '').toString().toLowerCase();\n  if (e === 'segment' || e === 'line' || e === 'arrow') {\n    const p1 = target.point1, p2 = target.point2;\n    if (!p1 || !p2) return null;\n    return board.create('text', [\n      () => (p1.X() + p2.X()) / 2 + 0.15,\n      () => (p1.Y() + p2.Y()) / 2 + 0.25,\n      () => {\n        const len = Math.hypot(p2.X() - p1.X(), p2.Y() - p1.Y());\n        const name = typeof target.name === 'string' && target.name ? target.name : 'd';\n        return `${name} = ${len.toFixed(2)}`;\n      },\n    ], { fontSize: 12, color: '#dc2626', fixed: true, highlight: false });\n  }\n  if (e === 'circle' || e === 'circumcircle') {\n    const center = target.center ?? target.midpoint ?? target.point1;\n    if (!center) return null;\n    return board.create('text', [\n      () => center.X() + 0.3,\n      () => center.Y() + 0.3,\n      () => {\n        const r = typeof target.Radius === 'function' ? target.Radius() : 0;\n        const name = typeof target.name === 'string' && target.name ? target.name : 'r';\n        return `${name} = ${r.toFixed(2)}`;\n      },\n    ], { fontSize: 12, color: '#dc2626', fixed: true, highlight: false });\n  }\n  return null;\n}\n\nexport interface DeserializeOptions {\n  /** Theme-aware palette để resolve sentinel attrs. Mặc định = light. */\n  palette?: GeomPalette;\n}\n\nexport function deserializeIntoBoard(\n  board: BoardLike,\n  serialized: SerializedBoard,\n  options: DeserializeOptions = {},\n): void {\n  // Replay: args may contain references to earlier elements by our serialized id (\"j0\", \"j1\"…).\n  // We resolve those to actual JSXGraph objects via a local id→object map. Nested\n  // arrays are also resolved recursively — needed for dilate, which logs the\n  // transform parent of a transformed point as [\"j2\",\"j3\",\"j4\"] (a chain of 3\n  // transforms passed to `board.create('point', [src, [t1,t2,t3]])`).\n  const palette = options.palette ?? paletteFor(false);\n  const idMap = new Map<string, unknown>();\n  const resolve = (a: unknown): unknown => {\n    if (typeof a === 'string' && idMap.has(a)) return idMap.get(a);\n    if (Array.isArray(a)) return a.map(resolve);\n    return a;\n  };\n  for (const el of serialized.elements) {\n    const resolvedArgs = el.args.map(resolve);\n    if (el.type === 'valueLabel') {\n      const target = resolvedArgs[0];\n      const txt = createValueLabel(board, target);\n      if (txt) idMap.set(el.id, txt);\n      continue;\n    }\n    const themedAttrs = resolveAttrColors({ ...el.attrs }, palette);\n    const created = board.create(el.type, resolvedArgs, themedAttrs);\n    idMap.set(el.id, created);\n  }\n}\n","import { renderGeometryToSvg } from './renderInline';\nimport { deserializeIntoBoard, type SerializedBoard } from './serialize';\nimport { paletteFor } from './editor/theme';\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 * 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 */\nexport async function renderGeometrySvgFromState(jsonState: string): Promise<string> {\n  const parsed = JSON.parse(jsonState) as SerializedBoard;\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 JXG = (await import('jsxgraph')).default;\n  try {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const opts = (JXG as any).Options;\n    if (opts) {\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  } catch { /* ignore */ }\n  const container = document.createElement('div');\n  const containerId = 'jxg_offscreen_' + Date.now() + '_' + Math.random().toString(36).slice(2, 8);\n  container.id = containerId;\n  container.style.cssText = 'position:absolute;top:-99999px;left:-99999px;width:400px;height:300px;visibility:hidden;pointer-events:none;';\n  document.body.appendChild(container);\n  let board: unknown = null;\n  try {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    board = (JXG as any).JSXGraph.initBoard(containerId, {\n      boundingbox: parsed.bbox,\n      axis: !!parsed.showAxis,\n      grid: !!parsed.showGrid,\n      showCopyright: false,\n      showNavigation: false,\n      keepAspectRatio: false,\n    });\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    deserializeIntoBoard(board as any, parsed, { palette });\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (board as any).update();\n    return renderGeometryToSvg(container);\n  } finally {\n    try {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      if (board) (JXG as any).JSXGraph.freeBoard(board);\n    } catch { /* ignore */ }\n    if (container.parentNode) container.parentNode.removeChild(container);\n  }\n}\n","import type { BaseStampCustomData } from '../shared/types';\n\nexport interface GeometryCustomData extends BaseStampCustomData {\n  kind: 'geometry';\n  version: 1;\n  jsonState: string;\n  svgWidth: number;\n  svgHeight: number;\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-C6SCVOMC.mjs

@@ -0,0 +1,111 @@
+"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" };
+}
+
+// src/stamps/shared/insertImage.ts
+var clearAppStateAfterInsert = () => ({
+  selectedElementIds: {},
+  croppingElementId: null
+});
+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 svgToImageElement(opts.svgString);
+  api.addFiles([{ id: fileId, dataURL, mimeType, created: Date.now() }]);
+  const customData = opts.makeCustomData(width, height);
+  const elements = api.getSceneElements();
+  const editingId = opts.editingElementId ?? null;
+  if (editingId) {
+    const updated = elements.map(
+      (e) => e.id === editingId ? { ...e, fileId, customData, width, height } : e
+    );
+    api.updateScene({ elements: updated, appState: clearAppStateAfterInsert() });
+    return { fileId, width, height, 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 };
+}
+
+export { insertStampImage };
+//# sourceMappingURL=chunk-C6SCVOMC.mjs.map
+//# sourceMappingURL=chunk-C6SCVOMC.mjs.map

package/dist/chunk-C6SCVOMC.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/stamps/shared/svgToImage.ts","../src/stamps/shared/insertImage.ts"],"names":[],"mappings":"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","file":"chunk-C6SCVOMC.mjs","sourcesContent":["export interface SvgImageResult {\n  dataURL: string;\n  fileId: string;\n  width: number;\n  height: number;\n  mimeType: 'image/svg+xml';\n}\n\nasync function hashString(input: string): Promise<string> {\n  if (typeof crypto !== 'undefined' && crypto.subtle) {\n    const buf = new TextEncoder().encode(input);\n    const digest = await crypto.subtle.digest('SHA-256', buf);\n    return Array.from(new Uint8Array(digest)).slice(0, 16).map(b => b.toString(16).padStart(2, '0')).join('');\n  }\n  // Double-hash FNV-1a (32-bit chained) → 16 hex chars\n  let h1 = 0x811c9dc5;\n  let h2 = 0xcbf29ce4;\n  for (let i = 0; i < input.length; i++) {\n    const c = input.charCodeAt(i);\n    h1 ^= c;\n    h1 = Math.imul(h1, 0x01000193);\n    h2 ^= c + i;\n    h2 = Math.imul(h2, 0x100000001b3 & 0xffffffff);\n  }\n  return (h1 >>> 0).toString(16).padStart(8, '0') + (h2 >>> 0).toString(16).padStart(8, '0');\n}\n\nfunction parseSize(svg: string, attr: 'width' | 'height'): number {\n  const re = new RegExp(`<svg[^>]*\\\\s${attr}=\"(\\\\d+(?:\\\\.\\\\d+)?)`, 'i');\n  const m = svg.match(re);\n  if (m) return Math.max(1, Math.round(parseFloat(m[1])));\n  // Fallback: try viewBox\n  const vb = svg.match(/viewBox=\"([\\d.\\s-]+)\"/i);\n  if (vb) {\n    const parts = vb[1].trim().split(/\\s+/).map(parseFloat);\n    if (parts.length === 4) return Math.max(1, Math.round(attr === 'width' ? parts[2] : parts[3]));\n  }\n  return attr === 'width' ? 200 : 100;\n}\n\n// SVG → image element data. Skips canvas rasterization entirely (canvas with\n// foreignObject + external resources gets tainted by browser security model,\n// blocking toDataURL). Excalidraw renders SVG natively via mimeType 'image/svg+xml'.\nexport async function svgToImageElement(svg: string): Promise<SvgImageResult> {\n  const width = parseSize(svg, 'width');\n  const height = parseSize(svg, 'height');\n  // Use UTF-8 safe base64 encoding (btoa fails on non-Latin1 chars)\n  const utf8 = unescape(encodeURIComponent(svg));\n  const dataURL = 'data:image/svg+xml;base64,' + btoa(utf8);\n  const fileId = await hashString(dataURL);\n  return { dataURL, fileId, width, height, mimeType: 'image/svg+xml' };\n}\n","import { svgToImageElement } from './svgToImage';\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// eslint-disable-next-line @typescript-eslint/no-explicit-any\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 từ kích thước SVG vừa đo được. Đặt làm factory để\n   * các stamp loại khác nhau (geometry cần svgWidth/svgHeight, latex không cần)\n   * đều có thể chèn data tuỳ ý.\n   */\n  makeCustomData: (width: number, height: number) => 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// eslint-disable-next-line @typescript-eslint/no-explicit-any\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. svgToImageElement(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 svgToImageElement(opts.svgString);\n  api.addFiles([{ id: fileId, dataURL, mimeType, created: Date.now() }]);\n  const customData = opts.makeCustomData(width, height);\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-DJTBZEAR.mjs

@@ -0,0 +1,25 @@
+"use client";
+// src/stamps/geometry-3d/serialize.ts
+function isGeometry3DCustomData(data) {
+  if (!data || typeof data !== "object") return false;
+  const d = data;
+  return d.kind === "geometry3d" && d.version === 1 && typeof d.jsonState === "string";
+}
+function parseSerializedBoard3D(json) {
+  const parsed = JSON.parse(json);
+  if (!parsed || typeof parsed !== "object") {
+    throw new Error("parseSerializedBoard3D: not an object");
+  }
+  const p = parsed;
+  if (p.version !== 1) {
+    throw new Error(`parseSerializedBoard3D: unsupported version ${String(p.version)}`);
+  }
+  if (!Array.isArray(p.elements)) {
+    throw new Error("parseSerializedBoard3D: elements missing");
+  }
+  return parsed;
+}
+
+export { isGeometry3DCustomData, parseSerializedBoard3D };
+//# sourceMappingURL=chunk-DJTBZEAR.mjs.map
+//# sourceMappingURL=chunk-DJTBZEAR.mjs.map

package/dist/chunk-DJTBZEAR.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/stamps/geometry-3d/serialize.ts"],"names":[],"mappings":";AAUO,SAAS,uBAAuB,IAAA,EAA6C;AAClF,EAAA,IAAI,CAAC,IAAA,IAAQ,OAAO,IAAA,KAAS,UAAU,OAAO,KAAA;AAC9C,EAAA,MAAM,CAAA,GAAI,IAAA;AACV,EAAA,OAAO,CAAA,CAAE,SAAS,YAAA,IAAgB,CAAA,CAAE,YAAY,CAAA,IAAK,OAAO,EAAE,SAAA,KAAc,QAAA;AAC9E;AAwCO,SAAS,uBAAuB,IAAA,EAAiC;AACtE,EAAA,MAAM,MAAA,GAAS,IAAA,CAAK,KAAA,CAAM,IAAI,CAAA;AAC9B,EAAA,IAAI,CAAC,MAAA,IAAU,OAAO,MAAA,KAAW,QAAA,EAAU;AACzC,IAAA,MAAM,IAAI,MAAM,uCAAuC,CAAA;AAAA,EACzD;AACA,EAAA,MAAM,CAAA,GAAI,MAAA;AACV,EAAA,IAAI,CAAA,CAAE,YAAY,CAAA,EAAG;AACnB,IAAA,MAAM,IAAI,KAAA,CAAM,CAAA,4CAAA,EAA+C,OAAO,CAAA,CAAE,OAAO,CAAC,CAAA,CAAE,CAAA;AAAA,EACpF;AACA,EAAA,IAAI,CAAC,KAAA,CAAM,OAAA,CAAQ,CAAA,CAAE,QAAQ,CAAA,EAAG;AAC9B,IAAA,MAAM,IAAI,MAAM,0CAA0C,CAAA;AAAA,EAC5D;AACA,EAAA,OAAO,MAAA;AACT","file":"chunk-DJTBZEAR.mjs","sourcesContent":["import type { BaseStampCustomData } from '../shared/types';\n\nexport interface Geometry3DCustomData extends BaseStampCustomData {\n  kind: 'geometry3d';\n  version: 1;\n  jsonState: string;\n  svgWidth: number;\n  svgHeight: number;\n}\n\nexport function isGeometry3DCustomData(data: unknown): data is Geometry3DCustomData {\n  if (!data || typeof data !== 'object') return false;\n  const d = data as Partial<Geometry3DCustomData>;\n  return d.kind === 'geometry3d' && d.version === 1 && typeof d.jsonState === 'string';\n}\n\nexport type Element3DType =\n  | 'point3d'\n  | 'line3d'\n  | 'plane3d'\n  | 'polygon3d'\n  | 'sphere3d'\n  | 'text3d';\n\nexport interface SerializedElement3D {\n  type: Element3DType;\n  /**\n   * Parents passed to JSXGraph view.create. Either literal values (numbers,\n   * strings) or `\"@id:<id>\"` placeholder strings referencing earlier created\n   * objects in the log (resolved at deserialize time).\n   */\n  parents: unknown[];\n  attributes: Record<string, unknown>;\n  id: string;\n  label?: string;\n}\n\nexport interface SerializedBoard3D {\n  version: 1;\n  bbox: [number, number, number, number];\n  view: {\n    azimuth: number;\n    elevation: number;\n    bbox3D: [number, number, number, number, number, number];\n  };\n  showAxes: boolean;\n  showMesh: boolean;\n  elements: SerializedElement3D[];\n}\n\nexport function serializeBoard3D(state: SerializedBoard3D): string {\n  return JSON.stringify(state);\n}\n\nexport function parseSerializedBoard3D(json: string): SerializedBoard3D {\n  const parsed = JSON.parse(json) as unknown;\n  if (!parsed || typeof parsed !== 'object') {\n    throw new Error('parseSerializedBoard3D: not an object');\n  }\n  const p = parsed as Partial<SerializedBoard3D>;\n  if (p.version !== 1) {\n    throw new Error(`parseSerializedBoard3D: unsupported version ${String(p.version)}`);\n  }\n  if (!Array.isArray(p.elements)) {\n    throw new Error('parseSerializedBoard3D: elements missing');\n  }\n  return parsed as SerializedBoard3D;\n}\n"]}