@xom11/whiteboard 0.6.5 → 0.9.1

package/dist/chunk-IUVV52HO.mjs

@@ -0,0 +1,144 @@
+"use client";
+import { isGeometry3DCustomData, parseSerializedBoard3D, VIEW3D_ATTRS, GROUND_PLANE_RANGE, GROUND_PLANE_ATTRS } from './chunk-DU2NFHRR.mjs';
+import { lazy } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/stamps/geometry-3d/render.ts
+var OUTPUT_WIDTH = 1024;
+var OUTPUT_HEIGHT = 768;
+async function renderGeometry3DSvgFromState(jsonState) {
+  const state = parseSerializedBoard3D(jsonState);
+  const JXG = (await import('jsxgraph')).default;
+  const div = document.createElement("div");
+  div.style.cssText = `position:absolute;left:-9999px;top:-9999px;width:${OUTPUT_WIDTH}px;height:${OUTPUT_HEIGHT}px;`;
+  document.body.appendChild(div);
+  try {
+    JXG.Options.text.display = "internal";
+    const board = JXG.JSXGraph.initBoard(div, {
+      boundingbox: state.bbox,
+      axis: false,
+      showCopyright: false,
+      showNavigation: false,
+      renderer: "svg"
+    });
+    const baseAttrs = VIEW3D_ATTRS(false);
+    const view = board.create(
+      "view3d",
+      [
+        [-5, -5],
+        [10, 10],
+        [
+          [state.view.bbox3D[0], state.view.bbox3D[3]],
+          [state.view.bbox3D[1], state.view.bbox3D[4]],
+          [state.view.bbox3D[2], state.view.bbox3D[5]]
+        ]
+      ],
+      {
+        ...baseAttrs,
+        az: { ...baseAttrs.az, value: state.view.azimuth },
+        el: { ...baseAttrs.el, value: state.view.elevation }
+      }
+    );
+    if (!state.showAxes) {
+      view.defaultAxes = [];
+    }
+    try {
+      view.create(
+        "plane3d",
+        [
+          [0, 0, 0],
+          [1, 0, 0],
+          [0, 1, 0],
+          GROUND_PLANE_RANGE,
+          GROUND_PLANE_RANGE
+        ],
+        GROUND_PLANE_ATTRS(false)
+      );
+    } catch {
+    }
+    const idMap = /* @__PURE__ */ new Map();
+    for (const el of state.elements) {
+      const parents = el.parents.map(
+        (p) => typeof p === "string" && p.startsWith("@id:") ? idMap.get(p.slice(4)) : p
+      );
+      const obj = view.create(el.type, parents, {
+        ...el.attributes,
+        id: el.id,
+        name: el.label
+      });
+      idMap.set(el.id, obj);
+    }
+    const svg = div.querySelector("svg");
+    if (!svg) {
+      throw new Error("renderGeometry3DSvgFromState: SVG not produced");
+    }
+    const clone = svg.cloneNode(true);
+    clone.setAttribute("width", String(OUTPUT_WIDTH));
+    clone.setAttribute("height", String(OUTPUT_HEIGHT));
+    const svgString = new XMLSerializer().serializeToString(clone);
+    try {
+      JXG.JSXGraph.freeBoard(board);
+    } catch {
+    }
+    return { svgString, width: OUTPUT_WIDTH, height: OUTPUT_HEIGHT };
+  } finally {
+    document.body.removeChild(div);
+  }
+}
+var Geometry3DStampHost = lazy(
+  () => import('./host-PIIDSMVE.mjs').then((m) => ({ default: m.Geometry3DStampHost }))
+);
+var Geometry3DIcon = /* @__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: "M4 9 L4 20 L14 20 L14 9 Z" }),
+      /* @__PURE__ */ jsx("path", { d: "M4 9 L10 4 L20 4 L14 9 Z" }),
+      /* @__PURE__ */ jsx("path", { d: "M14 9 L20 4 L20 15 L14 20 Z" })
+    ]
+  }
+);
+var geometry3dStamp = {
+  kind: "geometry3d",
+  experimental: true,
+  shortcutKey: "d",
+  toolbarLabel: "D",
+  toolbarTitle: "H\xECnh 3D (D)",
+  toolbarIcon: Geometry3DIcon,
+  toolbarTestId: "stamp-toolbar-geometry3d",
+  matchesCustomData: isGeometry3DCustomData,
+  async renderSvgFromCustomData(data) {
+    if (!isGeometry3DCustomData(data)) {
+      throw new Error("geometry3dStamp.renderSvgFromCustomData: customData kh\xF4ng ph\u1EA3i geometry3d");
+    }
+    const { svgString } = await renderGeometry3DSvgFromState(data.jsonState);
+    return svgString;
+  },
+  restoreFileFromCustomData: async (element) => {
+    const data = element.customData;
+    const fileId = element.fileId;
+    if (!data || !fileId) return null;
+    if (!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" };
+    } catch {
+      return null;
+    }
+  },
+  Host: Geometry3DStampHost
+};
+
+export { geometry3dStamp };
+//# sourceMappingURL=chunk-IUVV52HO.mjs.map
+//# sourceMappingURL=chunk-IUVV52HO.mjs.map

package/dist/chunk-IUVV52HO.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/stamps/geometry-3d/render.ts","../src/stamps/geometry-3d/index.tsx"],"names":[],"mappings":"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","file":"chunk-IUVV52HO.mjs","sourcesContent":["\"use client\";\n\nimport { parseSerializedBoard3D } from './serialize';\nimport { GROUND_PLANE_ATTRS, GROUND_PLANE_RANGE, VIEW3D_ATTRS } from './editor/theme';\n\nexport interface RenderResult {\n  svgString: string;\n  width: number;\n  height: number;\n}\n\nconst OUTPUT_WIDTH = 1024;\nconst OUTPUT_HEIGHT = 768;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype JxgObj = any;\n\nexport async function renderGeometry3DSvgFromState(\n  jsonState: string,\n): Promise<RenderResult> {\n  const state = parseSerializedBoard3D(jsonState);\n  const JXG = (await import('jsxgraph')).default;\n\n  const div = document.createElement('div');\n  div.style.cssText = `position:absolute;left:-9999px;top:-9999px;width:${OUTPUT_WIDTH}px;height:${OUTPUT_HEIGHT}px;`;\n  document.body.appendChild(div);\n\n  try {\n    JXG.Options.text.display = 'internal';\n\n    const board = JXG.JSXGraph.initBoard(div, {\n      boundingbox: state.bbox,\n      axis: false,\n      showCopyright: false,\n      showNavigation: false,\n      renderer: 'svg',\n    }) as { create: (k: string, p: unknown[], a: unknown) => JxgObj };\n\n    const baseAttrs = VIEW3D_ATTRS(false);\n    const view: JxgObj = board.create(\n      'view3d',\n      [\n        [-5, -5],\n        [10, 10],\n        [\n          [state.view.bbox3D[0], state.view.bbox3D[3]],\n          [state.view.bbox3D[1], state.view.bbox3D[4]],\n          [state.view.bbox3D[2], state.view.bbox3D[5]],\n        ],\n      ],\n      {\n        ...baseAttrs,\n        az: { ...baseAttrs.az, value: state.view.azimuth },\n        el: { ...baseAttrs.el, value: state.view.elevation },\n      },\n    );\n\n    if (!state.showAxes) {\n      (view as { defaultAxes?: unknown[] }).defaultAxes = [];\n    }\n\n    // XY ground plane through origin (matches editor's MiniBoard3D).\n    try {\n      (view as { create: (k: string, p: unknown[], a: unknown) => JxgObj }).create(\n        'plane3d',\n        [\n          [0, 0, 0],\n          [1, 0, 0],\n          [0, 1, 0],\n          GROUND_PLANE_RANGE,\n          GROUND_PLANE_RANGE,\n        ],\n        GROUND_PLANE_ATTRS(false),\n      );\n    } catch {\n      /* swallow */\n    }\n\n    const idMap = new Map<string, JxgObj>();\n    for (const el of state.elements) {\n      const parents = el.parents.map((p) =>\n        typeof p === 'string' && p.startsWith('@id:')\n          ? idMap.get(p.slice(4))\n          : p,\n      );\n      const obj = (\n        view as { create: (k: string, p: unknown[], a: unknown) => JxgObj }\n      ).create(el.type, parents, {\n        ...el.attributes,\n        id: el.id,\n        name: el.label,\n      });\n      idMap.set(el.id, obj);\n    }\n\n    const svg = div.querySelector('svg');\n    if (!svg) {\n      throw new Error('renderGeometry3DSvgFromState: SVG not produced');\n    }\n    const clone = svg.cloneNode(true) as SVGElement;\n    clone.setAttribute('width', String(OUTPUT_WIDTH));\n    clone.setAttribute('height', String(OUTPUT_HEIGHT));\n    const svgString = new XMLSerializer().serializeToString(clone);\n\n    try {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      JXG.JSXGraph.freeBoard(board as any);\n    } catch {\n      /* ignore teardown */\n    }\n\n    return { svgString, width: OUTPUT_WIDTH, height: OUTPUT_HEIGHT };\n  } finally {\n    document.body.removeChild(div);\n  }\n}\n","'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';\n\nexport { isGeometry3DCustomData };\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 = {\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) return null;\n    if (!isGeometry3DCustomData(data)) return null;\n    try {\n      const { svgString } = await renderGeometry3DSvgFromState(data.jsonState);\n      const dataURL = `data:image/svg+xml;base64,${\n        typeof btoa !== 'undefined'\n          ? btoa(unescape(encodeURIComponent(svgString)))\n          : Buffer.from(svgString).toString('base64')\n      }`;\n      return { fileId, dataURL, mimeType: 'image/svg+xml' };\n    } catch {\n      return null;\n    }\n  },\n  Host: Geometry3DStampHost,\n};\n"]}

package/dist/chunk-KEYZ5EZT.mjs

@@ -0,0 +1,154 @@
+"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/shared/safeJsx.ts
+var isDev = (() => {
+  try {
+    return typeof process !== "undefined" && process.env?.NODE_ENV !== "production";
+  } catch {
+    return false;
+  }
+})();
+function safeJsx(label, fn, fallback) {
+  try {
+    return fn();
+  } catch (err) {
+    if (isDev) {
+      console.warn("[whiteboard:jsxgraph]", label, err);
+    }
+    return fallback;
+  }
+}
+
+// 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;
+  safeJsx("render.applyOptions", () => {
+    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;
+    }
+  });
+  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 {
+    safeJsx("render.freeBoard", () => {
+      if (board) JXG.JSXGraph.freeBoard(board);
+    });
+    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, safeJsx, serializeBoard };
+//# sourceMappingURL=chunk-KEYZ5EZT.mjs.map
+//# sourceMappingURL=chunk-KEYZ5EZT.mjs.map

package/dist/chunk-KEYZ5EZT.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/stamps/geometry-2d/renderInline.ts","../src/stamps/geometry-2d/serialize.ts","../src/stamps/shared/safeJsx.ts","../src/stamps/geometry-2d/render.ts","../src/stamps/geometry-2d/types.ts"],"names":[],"mappings":"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","file":"chunk-KEYZ5EZT.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","const isDev = (() => {\n  try {\n    return typeof process !== 'undefined' && process.env?.NODE_ENV !== 'production';\n  } catch {\n    return false;\n  }\n})();\n\n/**\n * Wrap JSXGraph operations that can throw on stale/missing state.\n * In dev mode: log to console. In prod: silent swallow + return fallback.\n *\n * @param label    Short tag for grep-ability (vd \"removeObject\", \"board.update\").\n * @param fn       Operation to execute.\n * @param fallback Value to return if fn throws (default: undefined).\n */\nexport function safeJsx<T>(label: string, fn: () => T): T | undefined;\nexport function safeJsx<T>(label: string, fn: () => T, fallback: T): T;\nexport function safeJsx<T>(label: string, fn: () => T, fallback?: T): T | undefined {\n  try {\n    return fn();\n  } catch (err) {\n    if (isDev) {\n      // eslint-disable-next-line no-console\n      console.warn('[whiteboard:jsxgraph]', label, err);\n    }\n    return fallback;\n  }\n}\n","import { renderGeometryToSvg } from './renderInline';\nimport { deserializeIntoBoard, type SerializedBoard } from './serialize';\nimport { paletteFor } from './editor/theme';\nimport { safeJsx } from '../shared/safeJsx';\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  safeJsx('render.applyOptions', () => {\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  });\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    safeJsx('render.freeBoard', () => {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      if (board) (JXG as any).JSXGraph.freeBoard(board);\n    });\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-P2AOIF7S.mjs

@@ -0,0 +1,40 @@
+"use client";
+import { useState, useEffect } from 'react';
+
+// src/stamps/shared/useIsMobile.ts
+var MOBILE_QUERY = "(max-width: 768px)";
+var NO_HOVER_QUERY = "(hover: none)";
+function readMatch(query) {
+  if (typeof window === "undefined" || !window.matchMedia) return false;
+  try {
+    return window.matchMedia(query).matches;
+  } catch {
+    return false;
+  }
+}
+function useIsMobile() {
+  const [state, setState] = useState(() => ({
+    isMobile: readMatch(MOBILE_QUERY),
+    isTouchOnly: readMatch(NO_HOVER_QUERY)
+  }));
+  useEffect(() => {
+    if (typeof window === "undefined" || !window.matchMedia) return;
+    const mql = window.matchMedia(MOBILE_QUERY);
+    const tql = window.matchMedia(NO_HOVER_QUERY);
+    const update = () => {
+      setState({ isMobile: mql.matches, isTouchOnly: tql.matches });
+    };
+    update();
+    mql.addEventListener("change", update);
+    tql.addEventListener("change", update);
+    return () => {
+      mql.removeEventListener("change", update);
+      tql.removeEventListener("change", update);
+    };
+  }, []);
+  return state;
+}
+
+export { useIsMobile };
+//# sourceMappingURL=chunk-P2AOIF7S.mjs.map
+//# sourceMappingURL=chunk-P2AOIF7S.mjs.map

package/dist/chunk-P2AOIF7S.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/stamps/shared/useIsMobile.ts"],"names":[],"mappings":";;;AAIA,IAAM,YAAA,GAAe,oBAAA;AACrB,IAAM,cAAA,GAAiB,eAAA;AASvB,SAAS,UAAU,KAAA,EAAwB;AACzC,EAAA,IAAI,OAAO,MAAA,KAAW,WAAA,IAAe,CAAC,MAAA,CAAO,YAAY,OAAO,KAAA;AAChE,EAAA,IAAI;AACF,IAAA,OAAO,MAAA,CAAO,UAAA,CAAW,KAAK,CAAA,CAAE,OAAA;AAAA,EAClC,CAAA,CAAA,MAAQ;AACN,IAAA,OAAO,KAAA;AAAA,EACT;AACF;AAMO,SAAS,WAAA,GAA2B;AACzC,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAsB,OAAO;AAAA,IACrD,QAAA,EAAU,UAAU,YAAY,CAAA;AAAA,IAChC,WAAA,EAAa,UAAU,cAAc;AAAA,GACvC,CAAE,CAAA;AAEF,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,OAAO,MAAA,KAAW,WAAA,IAAe,CAAC,OAAO,UAAA,EAAY;AACzD,IAAA,MAAM,GAAA,GAAM,MAAA,CAAO,UAAA,CAAW,YAAY,CAAA;AAC1C,IAAA,MAAM,GAAA,GAAM,MAAA,CAAO,UAAA,CAAW,cAAc,CAAA;AAC5C,IAAA,MAAM,SAAS,MAAM;AACnB,MAAA,QAAA,CAAS,EAAE,QAAA,EAAU,GAAA,CAAI,SAAS,WAAA,EAAa,GAAA,CAAI,SAAS,CAAA;AAAA,IAC9D,CAAA;AACA,IAAA,MAAA,EAAO;AACP,IAAA,GAAA,CAAI,gBAAA,CAAiB,UAAU,MAAM,CAAA;AACrC,IAAA,GAAA,CAAI,gBAAA,CAAiB,UAAU,MAAM,CAAA;AACrC,IAAA,OAAO,MAAM;AACX,MAAA,GAAA,CAAI,mBAAA,CAAoB,UAAU,MAAM,CAAA;AACxC,MAAA,GAAA,CAAI,mBAAA,CAAoB,UAAU,MAAM,CAAA;AAAA,IAC1C,CAAA;AAAA,EACF,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,OAAO,KAAA;AACT","file":"chunk-P2AOIF7S.mjs","sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\n\nconst MOBILE_QUERY = '(max-width: 768px)';\nconst NO_HOVER_QUERY = '(hover: none)';\n\nexport interface MobileState {\n  /** Viewport ≤ 768px — dùng để chuyển full-screen modal + drawer. */\n  isMobile: boolean;\n  /** Device không có hover (touch-only) — dùng để ẩn hover tooltips. */\n  isTouchOnly: boolean;\n}\n\nfunction readMatch(query: string): boolean {\n  if (typeof window === 'undefined' || !window.matchMedia) return false;\n  try {\n    return window.matchMedia(query).matches;\n  } catch {\n    return false;\n  }\n}\n\n/**\n * SSR-safe mobile detection qua matchMedia. Trả về `{ isMobile, isTouchOnly }`.\n * Re-render khi viewport resize hoặc input modality đổi (e.g., gắn Bluetooth mouse).\n */\nexport function useIsMobile(): MobileState {\n  const [state, setState] = useState<MobileState>(() => ({\n    isMobile: readMatch(MOBILE_QUERY),\n    isTouchOnly: readMatch(NO_HOVER_QUERY),\n  }));\n\n  useEffect(() => {\n    if (typeof window === 'undefined' || !window.matchMedia) return;\n    const mql = window.matchMedia(MOBILE_QUERY);\n    const tql = window.matchMedia(NO_HOVER_QUERY);\n    const update = () => {\n      setState({ isMobile: mql.matches, isTouchOnly: tql.matches });\n    };\n    update();\n    mql.addEventListener('change', update);\n    tql.addEventListener('change', update);\n    return () => {\n      mql.removeEventListener('change', update);\n      tql.removeEventListener('change', update);\n    };\n  }, []);\n\n  return state;\n}\n"]}

package/dist/chunk-SBDMF4NQ.mjs

@@ -0,0 +1,212 @@
+"use client";
+import { useState, useRef, useCallback, useEffect } from 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+// src/stamps/shared/useChordShortcut.ts
+var A_CODE = "a".charCodeAt(0);
+function isFieldFocused() {
+  const ae = typeof document !== "undefined" ? document.activeElement : null;
+  return !!(ae && (ae.tagName === "INPUT" || ae.tagName === "TEXTAREA" || ae.isContentEditable));
+}
+function useChordShortcut(args) {
+  const { groupOrder, tools, onSelect, enabled } = args;
+  const [chordGroup, setChordGroup] = useState(null);
+  const groupOrderRef = useRef(groupOrder);
+  const toolsRef = useRef(tools);
+  const onSelectRef = useRef(onSelect);
+  const chordGroupRef = useRef(null);
+  groupOrderRef.current = groupOrder;
+  toolsRef.current = tools;
+  onSelectRef.current = onSelect;
+  const cancel = useCallback(() => {
+    chordGroupRef.current = null;
+    setChordGroup(null);
+  }, []);
+  useEffect(() => {
+    if (!enabled) return;
+    const setChord = (next) => {
+      chordGroupRef.current = next;
+      setChordGroup(next);
+    };
+    const onKey = (e) => {
+      if (e.metaKey || e.ctrlKey || e.altKey) return;
+      if (isFieldFocused()) return;
+      const key = e.key;
+      const lower = key.length === 1 ? key.toLowerCase() : key;
+      if (key === "Escape") {
+        if (chordGroupRef.current !== null) {
+          e.preventDefault();
+          e.stopPropagation();
+          setChord(null);
+        }
+        return;
+      }
+      if (lower.length === 1 && lower >= "a" && lower <= "z") {
+        const idx = lower.charCodeAt(0) - A_CODE;
+        if (idx < groupOrderRef.current.length) {
+          e.preventDefault();
+          e.stopPropagation();
+          setChord(groupOrderRef.current[idx]);
+        }
+        return;
+      }
+      if (key >= "1" && key <= "9") {
+        const active = chordGroupRef.current;
+        if (active === null) return;
+        const n = key.charCodeAt(0) - "1".charCodeAt(0);
+        const toolsInGroup = toolsRef.current.filter(
+          (t) => t.group === active
+        );
+        e.preventDefault();
+        e.stopPropagation();
+        if (n < toolsInGroup.length) {
+          onSelectRef.current(toolsInGroup[n].key);
+        }
+        setChord(null);
+        return;
+      }
+    };
+    window.addEventListener("keydown", onKey, { capture: true });
+    return () => {
+      window.removeEventListener("keydown", onKey, { capture: true });
+    };
+  }, [enabled]);
+  return { chordGroup, cancel };
+}
+function MobileToolDrawer({
+  title,
+  headerIcon,
+  chips,
+  actions,
+  groups,
+  activeTool,
+  onToolSelect,
+  drawerOpen,
+  onDrawerClose,
+  isDark,
+  testId
+}) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    drawerOpen && /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "stamp-drawer-backdrop",
+        onPointerDown: onDrawerClose,
+        "aria-hidden": "true"
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "aside",
+      {
+        role: "complementary",
+        "aria-label": title,
+        "aria-hidden": !drawerOpen ? "true" : void 0,
+        "data-testid": testId,
+        "data-stamp-area": "true",
+        "data-mobile-drawer": "true",
+        "data-geo-mobile": "true",
+        "data-drawer-state": drawerOpen ? "open" : "closed",
+        className: [
+          isDark ? "theme--dark " : "",
+          "stamp-drawer-mobile flex flex-col border-r border-slate-200 bg-white shadow-md"
+        ].join(""),
+        children: [
+          /* @__PURE__ */ jsxs("header", { className: "flex items-center justify-between border-b border-slate-200 bg-gradient-to-r from-slate-50 to-white px-4 py-3", children: [
+            /* @__PURE__ */ jsxs("h3", { className: "flex items-center gap-2 text-base font-semibold text-slate-800", children: [
+              /* @__PURE__ */ jsx("span", { className: "inline-flex h-7 w-7 items-center justify-center rounded-lg bg-emerald-50 text-emerald-700", children: headerIcon }),
+              title
+            ] }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: onDrawerClose,
+                "aria-label": "\u0110\xF3ng ng\u0103n c\xF4ng c\u1EE5",
+                className: "inline-flex h-9 w-9 items-center justify-center rounded-full text-slate-500 transition hover:bg-slate-100 hover:text-slate-800",
+                children: /* @__PURE__ */ jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+                  /* @__PURE__ */ jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" }),
+                  /* @__PURE__ */ jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" })
+                ] })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "sticky top-0 z-10 flex items-center gap-2 border-b border-slate-200 bg-white/95 px-3 py-2 backdrop-blur", children: [
+            chips.map((c) => /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                role: "switch",
+                "aria-pressed": c.pressed,
+                "aria-label": c.label,
+                "data-testid": c.testId,
+                onClick: () => c.onToggle(!c.pressed),
+                className: "geo-mobile-chip",
+                children: [
+                  c.icon,
+                  c.label
+                ]
+              },
+              c.label
+            )),
+            actions.length > 0 && /* @__PURE__ */ jsx("div", { className: "ml-auto flex items-center gap-1", children: actions.map((a) => /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: a.onClick,
+                disabled: a.disabled,
+                "aria-label": a.label,
+                title: a.title ?? a.label,
+                "data-testid": a.testId,
+                className: "inline-flex h-9 w-9 items-center justify-center rounded-full text-slate-600 transition hover:bg-slate-100 hover:text-slate-900 disabled:cursor-not-allowed disabled:text-slate-300 disabled:hover:bg-transparent",
+                children: a.icon
+              },
+              a.label
+            )) })
+          ] }),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "min-h-0 flex-1 overflow-y-auto",
+              style: { paddingBottom: "calc(0.75rem + env(safe-area-inset-bottom))" },
+              children: groups.map((g) => /* @__PURE__ */ jsxs("section", { className: "px-3 pt-3 pb-1", children: [
+                /* @__PURE__ */ jsxs("h4", { className: "mb-2 flex items-center gap-2 text-[11px] font-semibold uppercase tracking-wider text-slate-500", children: [
+                  /* @__PURE__ */ jsx("span", { className: "h-1 w-1 rounded-full bg-emerald-500" }),
+                  g.groupLabel
+                ] }),
+                /* @__PURE__ */ jsx("div", { className: "grid grid-cols-3 gap-2", children: g.tools.map((t) => {
+                  const active = activeTool === t.key;
+                  return /* @__PURE__ */ jsxs(
+                    "button",
+                    {
+                      type: "button",
+                      "aria-label": t.label,
+                      "aria-pressed": active,
+                      "data-tool": t.key,
+                      onClick: () => {
+                        onToolSelect(t.key);
+                        onDrawerClose();
+                      },
+                      className: [
+                        "flex flex-col items-center justify-center gap-1.5 rounded-2xl px-2 py-3 transition active:scale-95",
+                        active ? "geo-mobile-tool-active" : "bg-slate-50 text-slate-700 hover:bg-slate-100"
+                      ].join(" "),
+                      children: [
+                        /* @__PURE__ */ jsx("span", { className: "flex h-6 w-6 items-center justify-center", children: t.icon }),
+                        /* @__PURE__ */ jsx("span", { className: "text-center text-[11px] font-medium leading-tight line-clamp-2", children: t.label })
+                      ]
+                    },
+                    t.key
+                  );
+                }) })
+              ] }, g.group))
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+
+export { MobileToolDrawer, useChordShortcut };
+//# sourceMappingURL=chunk-SBDMF4NQ.mjs.map
+//# sourceMappingURL=chunk-SBDMF4NQ.mjs.map