@xom11/whiteboard 0.10.1 → 0.24.0

package/dist/chunk-FZY33J6Z.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-FZY33J6Z.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      // eslint-disable-next-line @typescript-eslint/no-explicit-any\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-HNQLZIEP.mjs

@@ -0,0 +1,78 @@
+"use client";
+import { useState, useRef, useCallback, useEffect } from 'react';
+
+// 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 };
+}
+
+export { useChordShortcut };
+//# sourceMappingURL=chunk-HNQLZIEP.mjs.map
+//# sourceMappingURL=chunk-HNQLZIEP.mjs.map

package/dist/chunk-HNQLZIEP.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/stamps/shared/useChordShortcut.ts"],"names":[],"mappings":"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","file":"chunk-HNQLZIEP.mjs","sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\n\ninterface UseChordShortcutArgs<G extends string> {\n  groupOrder: readonly G[];\n  tools: ReadonlyArray<{ key: string; group: G }>;\n  onSelect: (toolKey: string) => void;\n  enabled: boolean;\n}\n\ninterface UseChordShortcutResult<G extends string> {\n  chordGroup: G | null;\n  cancel: () => void;\n}\n\nconst A_CODE = 'a'.charCodeAt(0);\n\nfunction isFieldFocused(): boolean {\n  const ae = (typeof document !== 'undefined'\n    ? (document.activeElement as HTMLElement | null)\n    : null);\n  return !!(\n    ae &&\n    (ae.tagName === 'INPUT' ||\n      ae.tagName === 'TEXTAREA' ||\n      ae.isContentEditable)\n  );\n}\n\nexport function useChordShortcut<G extends string>(\n  args: UseChordShortcutArgs<G>,\n): UseChordShortcutResult<G> {\n  const { groupOrder, tools, onSelect, enabled } = args;\n\n  const [chordGroup, setChordGroup] = useState<G | null>(null);\n\n  const groupOrderRef = useRef(groupOrder);\n  const toolsRef = useRef(tools);\n  const onSelectRef = useRef(onSelect);\n  const chordGroupRef = useRef<G | null>(null);\n\n  groupOrderRef.current = groupOrder;\n  toolsRef.current = tools;\n  onSelectRef.current = onSelect;\n  // chordGroupRef được sync ngay trong handler (xem `setChord` dưới đây)\n  // thay vì ghi từ render body — nếu ghi ở body sẽ bị React batch hoá khi\n  // hai event xảy ra trong cùng một act() (event sau đọc giá trị cũ).\n\n  const cancel = useCallback(() => {\n    chordGroupRef.current = null;\n    setChordGroup(null);\n  }, []);\n\n  useEffect(() => {\n    if (!enabled) return;\n\n    const setChord = (next: G | null) => {\n      chordGroupRef.current = next;\n      setChordGroup(next);\n    };\n\n    const onKey = (e: KeyboardEvent) => {\n      if (e.metaKey || e.ctrlKey || e.altKey) return;\n      if (isFieldFocused()) return;\n\n      const key = e.key;\n      const lower = key.length === 1 ? key.toLowerCase() : key;\n\n      if (key === 'Escape') {\n        if (chordGroupRef.current !== null) {\n          e.preventDefault();\n          e.stopPropagation();\n          setChord(null);\n        }\n        return;\n      }\n\n      if (lower.length === 1 && lower >= 'a' && lower <= 'z') {\n        const idx = lower.charCodeAt(0) - A_CODE;\n        if (idx < groupOrderRef.current.length) {\n          e.preventDefault();\n          e.stopPropagation();\n          setChord(groupOrderRef.current[idx]);\n        }\n        return;\n      }\n\n      if (key >= '1' && key <= '9') {\n        const active = chordGroupRef.current;\n        if (active === null) return;\n        const n = key.charCodeAt(0) - '1'.charCodeAt(0); // 0-indexed\n        const toolsInGroup = toolsRef.current.filter(\n          (t) => t.group === active,\n        );\n        e.preventDefault();\n        e.stopPropagation();\n        if (n < toolsInGroup.length) {\n          onSelectRef.current(toolsInGroup[n].key);\n        }\n        setChord(null);\n        return;\n      }\n    };\n\n    window.addEventListener('keydown', onKey, { capture: true });\n    return () => {\n      window.removeEventListener('keydown', onKey, { capture: true });\n    };\n  }, [enabled]);\n\n  return { chordGroup, cancel };\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-YVJP7NRG.mjs → chunk-O6QTYAKE.mjs}

@@ -1,10 +1,11 @@
 "use client";
-import { isGeometryCustomData, renderGeometrySvgFromState } from './chunk-G7FR3AIV.mjs';
+import { isGeometryCustomData, renderGeometrySvgFromState } from './chunk-FZY33J6Z.mjs';
+import { svgToStampFile } from './chunk-5UTGXHLJ.mjs';
 import { lazy } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var GeometryStampHost = lazy(
-  () => import('./host-XVK7UCRE.mjs').then((m) => ({ default: m.GeometryStampHost }))
+  () => import('./host-EVJT3LIF.mjs').then((m) => ({ default: m.GeometryStampHost }))
 );
 var GeometryIcon = /* @__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("polygon", { points: "4,20 20,20 12,5" }),
@@ -29,16 +30,13 @@ var geometryStamp = {
   async restoreFileFromCustomData(element) {
     const data = element.customData;
     const fileId = element.fileId;
-    if (!data || !fileId) return null;
-    if (!isGeometryCustomData(data)) return null;
+    if (!data || !fileId || !isGeometryCustomData(data)) return null;
     const svgString = await renderGeometrySvgFromState(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" };
+    return svgToStampFile(svgString, fileId);
   },
   Host: GeometryStampHost
 };
 
 export { geometryStamp };
-//# sourceMappingURL=chunk-YVJP7NRG.mjs.map
-//# sourceMappingURL=chunk-YVJP7NRG.mjs.map
+//# sourceMappingURL=chunk-O6QTYAKE.mjs.map
+//# sourceMappingURL=chunk-O6QTYAKE.mjs.map

package/dist/chunk-O6QTYAKE.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/stamps/geometry-2d/index.tsx"],"names":[],"mappings":";;;;;AAgBA,IAAM,iBAAA,GAAoB,IAAA;AAAA,EAAK,MAC7B,OAAO,qBAAQ,CAAA,CAAE,IAAA,CAAK,CAAC,CAAA,MAAO,EAAE,OAAA,EAAS,CAAA,CAAE,iBAAA,EAAkB,CAAE;AACjE,CAAA;AAEA,IAAM,YAAA,wBACH,KAAA,EAAA,EAAI,KAAA,EAAM,MAAK,MAAA,EAAO,IAAA,EAAK,SAAQ,WAAA,EAAY,IAAA,EAAK,QAAO,MAAA,EAAO,cAAA,EAAe,aAAY,KAAA,EAAM,aAAA,EAAc,SAAQ,cAAA,EAAe,OAAA,EAAQ,eAAY,MAAA,EAC3J,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAQ,QAAO,iBAAA,EAAkB,CAAA;AAAA,kBAClC,GAAA,CAAC,QAAA,EAAA,EAAO,EAAA,EAAG,GAAA,EAAI,EAAA,EAAG,IAAA,EAAK,CAAA,EAAE,KAAA,EAAM,IAAA,EAAK,cAAA,EAAe,MAAA,EAAO,MAAA,EAAO,CAAA;AAAA,kBACjE,GAAA,CAAC,QAAA,EAAA,EAAO,EAAA,EAAG,IAAA,EAAK,EAAA,EAAG,IAAA,EAAK,CAAA,EAAE,KAAA,EAAM,IAAA,EAAK,cAAA,EAAe,MAAA,EAAO,MAAA,EAAO,CAAA;AAAA,kBAClE,GAAA,CAAC,QAAA,EAAA,EAAO,EAAA,EAAG,IAAA,EAAK,EAAA,EAAG,GAAA,EAAI,CAAA,EAAE,KAAA,EAAM,IAAA,EAAK,cAAA,EAAe,MAAA,EAAO,MAAA,EAAO;AAAA,CAAA,EACnE,CAAA;AAGK,IAAM,aAAA,GAA+C;AAAA,EAC1D,IAAA,EAAM,UAAA;AAAA,EACN,WAAA,EAAa,GAAA;AAAA,EACb,YAAA,EAAc,GAAA;AAAA,EACd,YAAA,EAAc,8BAAA;AAAA,EACd,WAAA,EAAa,YAAA;AAAA,EACb,aAAA,EAAe,wBAAA;AAAA,EACf,iBAAA,EAAmB,oBAAA;AAAA,EACnB,MAAM,wBAAwB,IAAA,EAAM;AAClC,IAAA,IAAI,CAAC,oBAAA,CAAqB,IAAI,CAAA,EAAG;AAC/B,MAAA,MAAM,IAAI,MAAM,+EAAuE,CAAA;AAAA,IACzF;AACA,IAAA,OAAO,0BAAA,CAA2B,KAAK,SAAS,CAAA;AAAA,EAClD,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,QAAQ,CAAC,MAAA,IAAU,CAAC,oBAAA,CAAqB,IAAI,GAAG,OAAO,IAAA;AAC5D,IAAA,MAAM,SAAA,GAAY,MAAM,0BAAA,CAA2B,IAAA,CAAK,SAAS,CAAA;AACjE,IAAA,OAAO,cAAA,CAAe,WAAW,MAAM,CAAA;AAAA,EACzC,CAAA;AAAA,EACA,IAAA,EAAM;AACR","file":"chunk-O6QTYAKE.mjs","sourcesContent":["'use client';\n\nimport { lazy, type ReactNode } from 'react';\nimport { renderGeometrySvgFromState } from './render';\nimport type {\n  RestoredStampFile,\n  StampType,\n} from '../shared/types';\nimport { svgToStampFile } from '../shared/svgToStampFile';\nimport {\n  isGeometryCustomData,\n  type GeometryCustomData,\n} from './types';\n\nexport type { GeometryCustomData };\n\nconst GeometryStampHost = lazy(() =>\n  import('./host').then((m) => ({ default: m.GeometryStampHost })),\n);\n\nconst GeometryIcon: ReactNode = (\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    <polygon points=\"4,20 20,20 12,5\" />\n    <circle cx=\"4\" cy=\"20\" r=\"1.4\" fill=\"currentColor\" stroke=\"none\" />\n    <circle cx=\"20\" cy=\"20\" r=\"1.4\" fill=\"currentColor\" stroke=\"none\" />\n    <circle cx=\"12\" cy=\"5\" r=\"1.4\" fill=\"currentColor\" stroke=\"none\" />\n  </svg>\n);\n\nexport const geometryStamp: StampType<GeometryCustomData> = {\n  kind: 'geometry',\n  shortcutKey: 'g',\n  toolbarLabel: 'G',\n  toolbarTitle: 'Chèn hình học (G)',\n  toolbarIcon: GeometryIcon,\n  toolbarTestId: 'stamp-toolbar-geometry',\n  matchesCustomData: isGeometryCustomData,\n  async renderSvgFromCustomData(data) {\n    if (!isGeometryCustomData(data)) {\n      throw new Error('geometryStamp.renderSvgFromCustomData: customData không phải geometry');\n    }\n    return renderGeometrySvgFromState(data.jsonState);\n  },\n  async restoreFileFromCustomData(element): Promise<RestoredStampFile | null> {\n    const data = element.customData as GeometryCustomData | undefined;\n    const fileId = (element as { fileId?: string | null }).fileId;\n    if (!data || !fileId || !isGeometryCustomData(data)) return null;\n    const svgString = await renderGeometrySvgFromState(data.jsonState);\n    return svgToStampFile(svgString, fileId);\n  },\n  Host: GeometryStampHost,\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-RBUILBX3.mjs

@@ -0,0 +1,388 @@
+"use client";
+import { paletteFor } from './chunk-R5FL6S7L.mjs';
+import { renderJsxgOffscreen } from './chunk-RD34F5PM.mjs';
+import { serializeScene, deserializeScene, DEFAULT_VIEW_3D } from './chunk-3KBL77M6.mjs';
+import { getKind, createStore } from './chunk-VRWZILTG.mjs';
+
+// 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 === 2 && typeof d.jsonState === "string";
+}
+function serializeBoard3D(state, view) {
+  const withView = {
+    ...state,
+    meta: { domain: "3d", version: state.meta.version, view }
+  };
+  return serializeScene(withView);
+}
+function deserializeBoard3D(raw) {
+  return deserializeScene("3d", raw);
+}
+
+// src/core/scene/render/types.ts
+var DEFAULT_THEME_3D = {
+  point: { size: 4, color: "#1e40af" },
+  line: { strokeWidth: 2, color: "#0f172a" },
+  plane: { fillOpacity: 0.15, color: "#60a5fa" }
+};
+
+// src/core/scene/render/JxgRenderer3D.ts
+var JxgRenderer3D = class {
+  constructor(store, view, options = {}) {
+    this.elements = /* @__PURE__ */ new Map();
+    this.disposed = false;
+    // Selection halo overlay (3D): multi-select, halo phía sau element gốc cho
+    // các kind đơn giản (point3d, segment/line/ray/vector). Các composite shape
+    // (polyhedron/cone/cylinder/plane) chưa hỗ trợ halo overlay — bỏ qua.
+    this.selectedIds = /* @__PURE__ */ new Set();
+    this.haloMap = /* @__PURE__ */ new Map();
+    this.store = store;
+    this.view = view;
+    this.theme = options.theme ?? DEFAULT_THEME_3D;
+    this.unsubscribe = store.subscribe((next, prev) => this.applyDiff(prev, next));
+    this.applyDiff(void 0, store.getState());
+  }
+  ctx() {
+    return {
+      jxg: this.view,
+      resolveRef: (id) => {
+        const el = this.elements.get(id);
+        if (el === void 0) {
+          throw new Error(`[scene] resolveRef: ch\u01B0a render id="${id}"`);
+        }
+        return el;
+      },
+      defaults: {}
+    };
+  }
+  create(obj) {
+    try {
+      const def = getKind(obj.kind);
+      const el = def.render(obj, this.ctx());
+      this.elements.set(obj.id, el);
+    } catch (err) {
+      console.warn(`[scene/render] kh\xF4ng render \u0111\u01B0\u1EE3c ${obj.kind} id="${obj.id}":`, err);
+    }
+  }
+  remove(id) {
+    this.removeHalo(id);
+    this.selectedIds.delete(id);
+    const el = this.elements.get(id);
+    if (el === void 0) return;
+    try {
+      this.removeFromView(el);
+    } catch (err) {
+      console.warn(`[scene/render] kh\xF4ng remove \u0111\u01B0\u1EE3c id="${id}":`, err);
+    }
+    this.elements.delete(id);
+  }
+  removeFromView(el) {
+    const view = this.view;
+    if (el && typeof el === "object") {
+      const asObj = el;
+      if (Array.isArray(asObj["faces"])) {
+        for (const face of asObj["faces"]) {
+          view.removeObject?.(face);
+        }
+        if (Array.isArray(asObj["_verts"])) {
+          for (const v of asObj["_verts"]) {
+            view.removeObject?.(v);
+          }
+        }
+        return;
+      }
+    }
+    view.removeObject?.(el);
+  }
+  applyDiff(prev, next) {
+    if (this.disposed) return;
+    const prevObjs = prev?.objects ?? {};
+    const nextObjs = next.objects;
+    for (const id of Object.keys(prevObjs)) {
+      if (!(id in nextObjs)) {
+        this.remove(id);
+      }
+    }
+    for (const id of next.order) {
+      const cur = nextObjs[id];
+      if (!cur) continue;
+      const old = prevObjs[id];
+      if (!old) {
+        this.create(cur);
+        continue;
+      }
+      if (Object.is(old, cur)) {
+        continue;
+      }
+      let def;
+      try {
+        def = getKind(cur.kind);
+      } catch {
+        continue;
+      }
+      const existing = this.elements.get(id);
+      if (def.update && existing !== void 0) {
+        try {
+          def.update(cur, old, this.ctx(), existing);
+          continue;
+        } catch (err) {
+          console.warn(`[scene/render] update fail, recreate id="${id}":`, err);
+        }
+      }
+      this.remove(id);
+      this.create(cur);
+    }
+  }
+  dispose() {
+    if (this.disposed) return;
+    this.unsubscribe();
+    this.disposed = true;
+    for (const id of Array.from(this.elements.keys())) {
+      this.remove(id);
+    }
+  }
+  listElements() {
+    return this.elements;
+  }
+  highlight(ids) {
+    if (this.disposed) return;
+    const newIds = new Set(
+      ids == null ? [] : Array.isArray(ids) ? ids : [ids]
+    );
+    for (const id of this.selectedIds) {
+      if (!newIds.has(id)) this.removeHalo(id);
+    }
+    for (const id of newIds) {
+      if (!this.selectedIds.has(id) && this.elements.has(id)) this.addHalo(id);
+    }
+    this.selectedIds = newIds;
+    try {
+      this.view.update?.();
+    } catch {
+    }
+  }
+  removeHalo(id) {
+    const halos = this.haloMap.get(id);
+    if (!halos) return;
+    const view = this.view;
+    for (const h of halos) {
+      try {
+        view.removeObject?.(h);
+      } catch {
+      }
+    }
+    this.haloMap.delete(id);
+  }
+  addHalo(id) {
+    const el = this.elements.get(id);
+    if (!el) return;
+    const view = this.view;
+    if (!view.create) return;
+    const SEL_STROKE = "#475569";
+    const SEL_FILL = "#cbd5e1";
+    const haloBase = {
+      strokeColor: SEL_STROKE,
+      strokeOpacity: 0.55,
+      fillColor: SEL_FILL,
+      fillOpacity: 0.3,
+      fixed: true,
+      withLabel: false,
+      name: "",
+      highlight: false,
+      needsRegularUpdate: true
+    };
+    const halos = [];
+    try {
+      switch (el.elType) {
+        case "point3d": {
+          const elAny = el;
+          const baseSize = elAny.getAttribute?.("size") ?? 4;
+          if (typeof elAny.X === "function" && typeof elAny.Y === "function" && typeof elAny.Z === "function") {
+            const halo = view.create("point3d", [
+              () => elAny.X?.() ?? 0,
+              () => elAny.Y?.() ?? 0,
+              () => elAny.Z?.() ?? 0
+            ], {
+              ...haloBase,
+              size: baseSize + 6,
+              face: "o",
+              strokeWidth: 2,
+              strokeOpacity: 0.75,
+              fillOpacity: 0.25
+            });
+            halos.push(halo);
+          }
+          break;
+        }
+        case "line3d": {
+          if (el.point1 && el.point2) {
+            const halo = view.create("line3d", [el.point1, el.point2], {
+              ...haloBase,
+              strokeWidth: 9,
+              straightFirst: el.getAttribute?.("straightFirst") ?? false,
+              straightLast: el.getAttribute?.("straightLast") ?? false
+            });
+            halos.push(halo);
+          }
+          break;
+        }
+        default:
+          break;
+      }
+    } catch (err) {
+      console.warn("[scene/render/3d] halo create fail:", err);
+    }
+    if (halos.length) this.haloMap.set(id, halos);
+  }
+};
+
+// src/stamps/geometry-3d/editor/theme.ts
+function paletteFor2(isDark) {
+  const base = paletteFor(isDark);
+  return {
+    ...base,
+    view3dBg: isDark ? "#1a1a1a" : "#ffffff",
+    axisX: "#d63b3b",
+    axisY: "#2d8a2d",
+    axisZ: "#2d6dd6"
+  };
+}
+var DEFAULT_VIEW3D = {
+  azimuth: 0.7,
+  elevation: 0.4,
+  bbox3D: [-3, -3, -3, 3, 3, 3]
+};
+var VIEW3D_ATTRS = (isDark) => {
+  const p = paletteFor2(isDark);
+  const axisLabel = (color) => ({
+    strokeColor: color,
+    fontSize: 14,
+    offset: [10, 0]
+  });
+  return {
+    az: { slider: { visible: false }, point2: { visible: false } },
+    el: { slider: { visible: false } },
+    projection: "central",
+    // GeoGebra-style: axes pass through origin (0,0,0) instead of bbox border.
+    axesPosition: "center",
+    xAxis: {
+      strokeColor: p.axisX,
+      strokeWidth: 2,
+      lastArrow: { type: 2, size: 8 },
+      name: "x",
+      withLabel: true,
+      label: axisLabel(p.axisX)
+    },
+    yAxis: {
+      strokeColor: p.axisY,
+      strokeWidth: 2,
+      lastArrow: { type: 2, size: 8 },
+      name: "y",
+      withLabel: true,
+      label: axisLabel(p.axisY)
+    },
+    zAxis: {
+      strokeColor: p.axisZ,
+      strokeWidth: 2,
+      lastArrow: { type: 2, size: 8 },
+      name: "z",
+      withLabel: true,
+      label: axisLabel(p.axisZ)
+    },
+    // GeoGebra-style: hide ALL bbox wall planes; the XY ground plane is drawn
+    // explicitly at z=0 via the helper below (so it coincides with Ox/Oy).
+    xPlaneRear: { visible: false, mesh3d: { visible: false } },
+    yPlaneRear: { visible: false, mesh3d: { visible: false } },
+    zPlaneRear: { visible: false, mesh3d: { visible: false } }
+  };
+};
+var GROUND_PLANE_ATTRS = (isDark) => ({
+  fillColor: isDark ? "#2a2a2a" : "#e6e6e6",
+  fillOpacity: isDark ? 0.5 : 0.55,
+  strokeColor: isDark ? "#3a3a3a" : "#cfcfcf",
+  strokeOpacity: 0.7,
+  strokeWidth: 1,
+  fixed: true,
+  highlight: false,
+  withLabel: false,
+  layer: 0
+});
+var GROUND_PLANE_RANGE = [-3, 3];
+
+// src/stamps/geometry-3d/render.ts
+var OUTPUT_WIDTH = 1024;
+var OUTPUT_HEIGHT = 768;
+var BBOX_2D = [-6, 6, 6, -6];
+async function renderGeometry3DSvgFromState(jsonState) {
+  const state = deserializeBoard3D(jsonState);
+  const view3DInfo = state.meta.domain === "3d" ? state.meta.view : DEFAULT_VIEW_3D;
+  const { svgString } = await renderJsxgOffscreen({
+    bbox: BBOX_2D,
+    dims: { width: OUTPUT_WIDTH, height: OUTPUT_HEIGHT },
+    axis: false,
+    grid: false,
+    keepAspectRatio: true,
+    applyOptions: (JXG) => {
+      JXG.Options.text.display = "internal";
+    },
+    setup: (board) => {
+      const baseAttrs = VIEW3D_ATTRS(false);
+      const view = board.create(
+        "view3d",
+        [
+          [-5, -5],
+          [10, 10],
+          [
+            [view3DInfo.bbox3D[0], view3DInfo.bbox3D[3]],
+            [view3DInfo.bbox3D[1], view3DInfo.bbox3D[4]],
+            [view3DInfo.bbox3D[2], view3DInfo.bbox3D[5]]
+          ]
+        ],
+        {
+          ...baseAttrs,
+          az: { ...baseAttrs.az, slider: { ...baseAttrs.az.slider, start: view3DInfo.azimuth } },
+          el: { ...baseAttrs.el, slider: { ...baseAttrs.el.slider, start: view3DInfo.elevation } }
+        }
+      );
+      try {
+        const v = view;
+        v?.az_slide?.setValue?.(view3DInfo.azimuth);
+        v?.el_slide?.setValue?.(view3DInfo.elevation);
+        v?.board?.update?.();
+      } catch {
+      }
+      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 store = createStore(state);
+      const renderer = new JxgRenderer3D(store, view);
+      try {
+        view?.board?.update?.();
+      } catch {
+      }
+      return renderer;
+    },
+    postProcessSvg: (clone) => {
+      clone.setAttribute("width", String(OUTPUT_WIDTH));
+      clone.setAttribute("height", String(OUTPUT_HEIGHT));
+    }
+  });
+  return { svgString, width: OUTPUT_WIDTH, height: OUTPUT_HEIGHT };
+}
+
+export { DEFAULT_VIEW3D, GROUND_PLANE_ATTRS, GROUND_PLANE_RANGE, JxgRenderer3D, VIEW3D_ATTRS, deserializeBoard3D, isGeometry3DCustomData, paletteFor2 as paletteFor, renderGeometry3DSvgFromState, serializeBoard3D };
+//# sourceMappingURL=chunk-RBUILBX3.mjs.map
+//# sourceMappingURL=chunk-RBUILBX3.mjs.map