@xom11/whiteboard 0.11.0 → 0.24.1

package/dist/chunk-CSCF3YFZ.mjs

@@ -0,0 +1,388 @@
+"use client";
+import { paletteFor } from './chunk-R5FL6S7L.mjs';
+import { renderJsxgOffscreen } from './chunk-ICR4CVOE.mjs';
+import { serializeScene, deserializeScene, DEFAULT_VIEW_3D } from './chunk-6V4SH4JJ.mjs';
+import { getKind, createStore } from './chunk-ZBJBQKJ2.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-CSCF3YFZ.mjs.map
+//# sourceMappingURL=chunk-CSCF3YFZ.mjs.map

package/dist/chunk-CSCF3YFZ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/stamps/geometry-3d/serialize.ts","../src/core/scene/render/types.ts","../src/core/scene/render/JxgRenderer3D.ts","../src/stamps/geometry-3d/editor/theme.ts","../src/stamps/geometry-3d/render.ts"],"names":["paletteFor"],"mappings":"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","file":"chunk-CSCF3YFZ.mjs","sourcesContent":["// src/stamps/geometry-3d/serialize.ts\n//\n// Sau Tier D PR 3: customData.jsonState chỉ chứa `JSON.stringify(state)`.\n// View info (bbox3D/azimuth/elevation) nằm trong `state.meta.view` (View3D shape).\n//\n// Type guard `isGeometry3DCustomData` giữ ở đây để index.tsx + host import từ\n// 1 chỗ.\n\nimport { serializeScene, deserializeScene } from '../shared/serializeScene';\nimport type { State, View3D } from '../../core/scene';\nimport type { BaseStampCustomData } from '../shared/types';\n\nexport interface Geometry3DCustomData extends BaseStampCustomData {\n  kind: 'geometry3d';\n  version: 2;\n  jsonState: string;\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 (\n    d.kind === 'geometry3d' &&\n    d.version === 2 &&\n    typeof d.jsonState === 'string'\n  );\n}\n\nexport function serializeBoard3D(state: State, view: View3D): string {\n  const withView: State = {\n    ...state,\n    meta: { domain: '3d', version: state.meta.version, view },\n  };\n  return serializeScene(withView);\n}\n\nexport function deserializeBoard3D(raw: string): State {\n  return deserializeScene('3d', raw);\n}\n","// src/core/scene/render/types.ts\nimport type { RenderCtx } from '../types';\n\nexport type Theme3D = {\n  point: { size: number; color: string };\n  line: { strokeWidth: number; color: string };\n  plane: { fillOpacity: number; color: string };\n};\n\nexport const DEFAULT_THEME_3D: Theme3D = {\n  point: { size: 4, color: '#1e40af' },\n  line: { strokeWidth: 2, color: '#0f172a' },\n  plane: { fillOpacity: 0.15, color: '#60a5fa' },\n};\n\nexport type RenderCtx3D = RenderCtx & {\n  theme: Theme3D;\n};\n","// src/core/scene/render/JxgRenderer3D.ts\nimport type { Store } from '../store';\nimport type { State, SceneObject, RenderCtx } from '../types';\nimport { getKind } from '../registry';\nimport { DEFAULT_THEME_3D, type Theme3D } from './types';\n\nexport type JxgRenderer3DOptions = { theme?: Theme3D };\n\nexport class JxgRenderer3D {\n  private view: unknown;\n  private store: Store;\n  private theme: Theme3D;\n  private elements = new Map<string, unknown>();\n  private unsubscribe: () => void;\n  private disposed = false;\n\n  constructor(store: Store, view: unknown, options: JxgRenderer3DOptions = {}) {\n    this.store = store;\n    this.view = view;\n    this.theme = options.theme ?? DEFAULT_THEME_3D;\n    // Subscribe first, then render current state.\n    this.unsubscribe = store.subscribe((next, prev) => this.applyDiff(prev, next));\n    // Render initial state (e.g. if LOAD ran before subscribe).\n    this.applyDiff(undefined, store.getState());\n  }\n\n  private ctx(): RenderCtx {\n    return {\n      jxg: this.view,\n      resolveRef: (id: string) => {\n        const el = this.elements.get(id);\n        if (el === undefined) {\n          throw new Error(`[scene] resolveRef: chưa render id=\"${id}\"`);\n        }\n        return el;\n      },\n      defaults: {},\n    };\n  }\n\n  private create(obj: SceneObject): void {\n    try {\n      const def = getKind(obj.kind);\n      const el = def.render(obj, this.ctx());\n      this.elements.set(obj.id, el);\n    } catch (err) {\n      console.warn(`[scene/render] không render được ${obj.kind} id=\"${obj.id}\":`, err);\n    }\n  }\n\n  private remove(id: string): void {\n    // Selection halo phải bị xoá TRƯỚC element gốc (halo tham chiếu parent).\n    this.removeHalo(id);\n    this.selectedIds.delete(id);\n    const el = this.elements.get(id);\n    if (el === undefined) return;\n    try {\n      this.removeFromView(el);\n    } catch (err) {\n      console.warn(`[scene/render] không remove được id=\"${id}\":`, err);\n    }\n    this.elements.delete(id);\n  }\n\n  private removeFromView(el: unknown): void {\n    const view = this.view as { removeObject?: (e: unknown) => void };\n    if (el && typeof el === 'object') {\n      const asObj = el as Record<string, unknown>;\n      // Composite shape: { faces: [] } for polyhedron/cylinder/cone.\n      if (Array.isArray(asObj['faces'])) {\n        for (const face of asObj['faces'] as unknown[]) {\n          view.removeObject?.(face);\n        }\n        // Also remove hidden vertex points if present (_verts).\n        if (Array.isArray(asObj['_verts'])) {\n          for (const v of asObj['_verts'] as unknown[]) {\n            view.removeObject?.(v);\n          }\n        }\n        return;\n      }\n    }\n    view.removeObject?.(el);\n  }\n\n  private applyDiff(prev: State | undefined, next: State): void {\n    if (this.disposed) return;\n    const prevObjs = prev?.objects ?? {};\n    const nextObjs = next.objects;\n\n    // Remove ids that disappeared (iterate in order of prev to respect dependencies).\n    for (const id of Object.keys(prevObjs)) {\n      if (!(id in nextObjs)) {\n        this.remove(id);\n      }\n    }\n\n    // Add or update in next.order (preserves dependency order).\n    for (const id of next.order) {\n      const cur = nextObjs[id] as SceneObject | undefined;\n      if (!cur) continue;\n      const old = prevObjs[id] as SceneObject | undefined;\n      if (!old) {\n        // New object.\n        this.create(cur);\n        continue;\n      }\n      if (Object.is(old, cur)) {\n        // Unchanged (same Immer reference).\n        continue;\n      }\n      // Changed: try update hook, otherwise remove + recreate.\n      let def;\n      try { def = getKind(cur.kind); } catch { continue; }\n      const existing = this.elements.get(id);\n      if (def.update && existing !== undefined) {\n        try {\n          def.update(cur, old, this.ctx(), existing);\n          continue;\n        } catch (err) {\n          console.warn(`[scene/render] update fail, recreate id=\"${id}\":`, err);\n        }\n      }\n      this.remove(id);\n      this.create(cur);\n    }\n  }\n\n  dispose(): void {\n    if (this.disposed) return;\n    this.unsubscribe();\n    this.disposed = true;\n    for (const id of Array.from(this.elements.keys())) {\n      this.remove(id);\n    }\n  }\n\n  listElements(): Map<string, unknown> {\n    return this.elements;\n  }\n\n  // Selection halo overlay (3D): multi-select, halo phía sau element gốc cho\n  // các kind đơn giản (point3d, segment/line/ray/vector). Các composite shape\n  // (polyhedron/cone/cylinder/plane) chưa hỗ trợ halo overlay — bỏ qua.\n  private selectedIds: Set<string> = new Set();\n  private haloMap: Map<string, unknown[]> = new Map();\n\n  highlight(ids: string | string[] | null): void {\n    if (this.disposed) return;\n    const newIds = new Set<string>(\n      ids == null ? [] : Array.isArray(ids) ? ids : [ids],\n    );\n    for (const id of this.selectedIds) {\n      if (!newIds.has(id)) this.removeHalo(id);\n    }\n    for (const id of newIds) {\n      if (!this.selectedIds.has(id) && this.elements.has(id)) this.addHalo(id);\n    }\n    this.selectedIds = newIds;\n    try {\n      (this.view as { update?: () => void }).update?.();\n    } catch { /* ignore */ }\n  }\n\n  private removeHalo(id: string): void {\n    const halos = this.haloMap.get(id);\n    if (!halos) return;\n    const view = this.view as { removeObject?: (e: unknown) => void };\n    for (const h of halos) {\n      try { view.removeObject?.(h); } catch { /* ignore */ }\n    }\n    this.haloMap.delete(id);\n  }\n\n  private addHalo(id: string): void {\n    const el = this.elements.get(id) as\n      | {\n          elType?: string;\n          getAttribute?: (k: string) => unknown;\n          point1?: unknown;\n          point2?: unknown;\n          element2D?: { X?: () => number; Y?: () => number };\n        }\n      | undefined;\n    if (!el) return;\n    const view = this.view as {\n      create?: (kind: string, parents: unknown[], attrs?: unknown) => unknown;\n    };\n    if (!view.create) return;\n\n    const SEL_STROKE = '#475569';\n    const SEL_FILL = '#cbd5e1';\n    const haloBase = {\n      strokeColor: SEL_STROKE,\n      strokeOpacity: 0.55,\n      fillColor: SEL_FILL,\n      fillOpacity: 0.3,\n      fixed: true,\n      withLabel: false,\n      name: '',\n      highlight: false,\n      needsRegularUpdate: true,\n    };\n    const halos: unknown[] = [];\n    try {\n      switch (el.elType) {\n        case 'point3d': {\n          // 3D point: tạo point3d ở cùng coords với size to + gray. Lấy coords\n          // qua element2D.X/Y (JSXGraph 3D nội bộ chiếu xuống 2D plane), nhưng\n          // an toàn nhất là reference element gốc và đọc Z() / coords() runtime.\n          const elAny = el as unknown as {\n            X?: () => number; Y?: () => number; Z?: () => number;\n            getAttribute?: (k: string) => unknown;\n          };\n          const baseSize = (elAny.getAttribute?.('size') as number | undefined) ?? 4;\n          if (typeof elAny.X === 'function' && typeof elAny.Y === 'function' && typeof elAny.Z === 'function') {\n            const halo = view.create('point3d', [\n              () => elAny.X?.() ?? 0,\n              () => elAny.Y?.() ?? 0,\n              () => elAny.Z?.() ?? 0,\n            ], {\n              ...haloBase,\n              size: baseSize + 6,\n              face: 'o',\n              strokeWidth: 2,\n              strokeOpacity: 0.75,\n              fillOpacity: 0.25,\n            });\n            halos.push(halo);\n          }\n          break;\n        }\n        case 'line3d': {\n          if (el.point1 && el.point2) {\n            const halo = view.create('line3d', [el.point1, el.point2], {\n              ...haloBase,\n              strokeWidth: 9,\n              straightFirst: (el.getAttribute?.('straightFirst') as boolean | undefined) ?? false,\n              straightLast: (el.getAttribute?.('straightLast') as boolean | undefined) ?? false,\n            });\n            halos.push(halo);\n          }\n          break;\n        }\n        default:\n          // Composite/plane/sphere/cone/cylinder/polygon3d/polyhedron3d:\n          // halo overlay khó (composite faces, depth ordering) — bỏ qua.\n          // Selection visible qua ObjectListPanel row highlight thay vì\n          // halo trên canvas.\n          break;\n      }\n    } catch (err) {\n      console.warn('[scene/render/3d] halo create fail:', err);\n    }\n    if (halos.length) this.haloMap.set(id, halos);\n  }\n}\n","import {\n  paletteFor as palette2D,\n} from '../../geometry-2d/editor/theme';\nimport type { Theme2D } from '../../../core/scene/render/types2d';\n\nexport type Geom3DPalette = Theme2D & {\n  view3dBg: string;\n  axisX: string;\n  axisY: string;\n  axisZ: string;\n};\n\nexport function paletteFor(isDark: boolean): Geom3DPalette {\n  const base = palette2D(isDark);\n  return {\n    ...base,\n    view3dBg: isDark ? '#1a1a1a' : '#ffffff',\n    axisX: '#d63b3b',\n    axisY: '#2d8a2d',\n    axisZ: '#2d6dd6',\n  };\n}\n\nexport const DEFAULT_VIEW3D: {\n  azimuth: number;\n  elevation: number;\n  bbox3D: [number, number, number, number, number, number];\n} = {\n  azimuth: 0.7,\n  elevation: 0.4,\n  bbox3D: [-3, -3, -3, 3, 3, 3],\n};\n\nexport const VIEW3D_ATTRS = (isDark: boolean) => {\n  const p = paletteFor(isDark);\n  const axisLabel = (color: string) => ({\n    strokeColor: color,\n    fontSize: 14,\n    offset: [10, 0] as [number, number],\n  });\n  return {\n    az: { slider: { visible: false }, point2: { visible: false } },\n    el: { slider: { visible: false } },\n    projection: 'central' as const,\n    // GeoGebra-style: axes pass through origin (0,0,0) instead of bbox border.\n    axesPosition: 'center' as const,\n    xAxis: {\n      strokeColor: p.axisX,\n      strokeWidth: 2,\n      lastArrow: { type: 2, size: 8 },\n      name: 'x',\n      withLabel: true,\n      label: axisLabel(p.axisX),\n    },\n    yAxis: {\n      strokeColor: p.axisY,\n      strokeWidth: 2,\n      lastArrow: { type: 2, size: 8 },\n      name: 'y',\n      withLabel: true,\n      label: axisLabel(p.axisY),\n    },\n    zAxis: {\n      strokeColor: p.axisZ,\n      strokeWidth: 2,\n      lastArrow: { type: 2, size: 8 },\n      name: 'z',\n      withLabel: true,\n      label: axisLabel(p.axisZ),\n    },\n    // GeoGebra-style: hide ALL bbox wall planes; the XY ground plane is drawn\n    // explicitly at z=0 via the helper below (so it coincides with Ox/Oy).\n    xPlaneRear: { visible: false, mesh3d: { visible: false } },\n    yPlaneRear: { visible: false, mesh3d: { visible: false } },\n    zPlaneRear: { visible: false, mesh3d: { visible: false } },\n  };\n};\n\nexport const GROUND_PLANE_ATTRS = (isDark: boolean) => ({\n  fillColor: isDark ? '#2a2a2a' : '#e6e6e6',\n  fillOpacity: isDark ? 0.5 : 0.55,\n  strokeColor: isDark ? '#3a3a3a' : '#cfcfcf',\n  strokeOpacity: 0.7,\n  strokeWidth: 1,\n  fixed: true,\n  highlight: false,\n  withLabel: false,\n  layer: 0,\n});\n\n/** XY ground plane extent (square around origin in user units). */\nexport const GROUND_PLANE_RANGE: [number, number] = [-3, 3];\n","\"use client\";\n\nimport { deserializeBoard3D } from './serialize';\nimport { createStore } from '../../core/scene';\nimport { DEFAULT_VIEW_3D, type View3D } from '../../core/scene/types';\nimport { JxgRenderer3D } from '../../core/scene/render/JxgRenderer3D';\nimport { GROUND_PLANE_ATTRS, GROUND_PLANE_RANGE, VIEW3D_ATTRS } from './editor/theme';\nimport { renderJsxgOffscreen } from '../shared/jxgOffscreenRender';\n\nexport interface RenderResult {\n  svgString: string;\n  width: number;\n  height: number;\n}\n\nconst OUTPUT_WIDTH = 1024;\nconst OUTPUT_HEIGHT = 768;\nconst BBOX_2D: [number, number, number, number] = [-6, 6, 6, -6];\n\n \ntype JxgObj = any;\n\nexport async function renderGeometry3DSvgFromState(jsonState: string): Promise<RenderResult> {\n  const state = deserializeBoard3D(jsonState);\n  const view3DInfo: View3D = state.meta.domain === '3d' ? state.meta.view : DEFAULT_VIEW_3D;\n\n  const { svgString } = await renderJsxgOffscreen({\n    bbox: BBOX_2D,\n    dims: { width: OUTPUT_WIDTH, height: OUTPUT_HEIGHT },\n    axis: false,\n    grid: false,\n    keepAspectRatio: true,\n    applyOptions: (JXG) => {\n      JXG.Options.text.display = 'internal';\n    },\n    setup: (board) => {\n      const baseAttrs = VIEW3D_ATTRS(false);\n      const view: JxgObj = (board as { create: (k: string, p: unknown[], a: unknown) => JxgObj }).create(\n        'view3d',\n        [\n          [-5, -5],\n          [10, 10],\n          [\n            [view3DInfo.bbox3D[0], view3DInfo.bbox3D[3]],\n            [view3DInfo.bbox3D[1], view3DInfo.bbox3D[4]],\n            [view3DInfo.bbox3D[2], view3DInfo.bbox3D[5]],\n          ],\n        ],\n        {\n          ...baseAttrs,\n          az: { ...baseAttrs.az, slider: { ...baseAttrs.az.slider, start: view3DInfo.azimuth } },\n          el: { ...baseAttrs.el, slider: { ...baseAttrs.el.slider, start: view3DInfo.elevation } },\n        },\n      );\n\n      try {\n         \n        const v = view as any;\n        v?.az_slide?.setValue?.(view3DInfo.azimuth);\n        v?.el_slide?.setValue?.(view3DInfo.elevation);\n        v?.board?.update?.();\n      } catch {\n        /* older JSXGraph may not expose az_slide on view3d */\n      }\n\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 store = createStore(state);\n      const renderer = new JxgRenderer3D(store, view);\n\n      try {\n         \n        (view as any)?.board?.update?.();\n      } catch {\n        /* swallow */\n      }\n\n      return renderer;\n    },\n    postProcessSvg: (clone) => {\n      clone.setAttribute('width', String(OUTPUT_WIDTH));\n      clone.setAttribute('height', String(OUTPUT_HEIGHT));\n    },\n  });\n\n  return { svgString, width: OUTPUT_WIDTH, height: OUTPUT_HEIGHT };\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":";;;AAcA,IAAM,MAAA,GAAS,GAAA,CAAI,UAAA,CAAW,CAAC,CAAA;AAE/B,SAAS,cAAA,GAA0B;AACjC,EAAA,MAAM,EAAA,GAAM,OAAO,QAAA,KAAa,WAAA,GAC3B,SAAS,aAAA,GACV,IAAA;AACJ,EAAA,OAAO,CAAC,EACN,EAAA,KACC,EAAA,CAAG,YAAY,OAAA,IACd,EAAA,CAAG,OAAA,KAAY,UAAA,IACf,EAAA,CAAG,iBAAA,CAAA,CAAA;AAET;AAEO,SAAS,iBACd,IAAA,EAC2B;AAC3B,EAAA,MAAM,EAAE,UAAA,EAAY,KAAA,EAAO,QAAA,EAAU,SAAQ,GAAI,IAAA;AAEjD,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAmB,IAAI,CAAA;AAE3D,EAAA,MAAM,aAAA,GAAgB,OAAO,UAAU,CAAA;AACvC,EAAA,MAAM,QAAA,GAAW,OAAO,KAAK,CAAA;AAC7B,EAAA,MAAM,WAAA,GAAc,OAAO,QAAQ,CAAA;AACnC,EAAA,MAAM,aAAA,GAAgB,OAAiB,IAAI,CAAA;AAE3C,EAAA,aAAA,CAAc,OAAA,GAAU,UAAA;AACxB,EAAA,QAAA,CAAS,OAAA,GAAU,KAAA;AACnB,EAAA,WAAA,CAAY,OAAA,GAAU,QAAA;AAKtB,EAAA,MAAM,MAAA,GAAS,YAAY,MAAM;AAC/B,IAAA,aAAA,CAAc,OAAA,GAAU,IAAA;AACxB,IAAA,aAAA,CAAc,IAAI,CAAA;AAAA,EACpB,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,OAAA,EAAS;AAEd,IAAA,MAAM,QAAA,GAAW,CAAC,IAAA,KAAmB;AACnC,MAAA,aAAA,CAAc,OAAA,GAAU,IAAA;AACxB,MAAA,aAAA,CAAc,IAAI,CAAA;AAAA,IACpB,CAAA;AAEA,IAAA,MAAM,KAAA,GAAQ,CAAC,CAAA,KAAqB;AAClC,MAAA,IAAI,CAAA,CAAE,OAAA,IAAW,CAAA,CAAE,OAAA,IAAW,EAAE,MAAA,EAAQ;AACxC,MAAA,IAAI,gBAAe,EAAG;AAEtB,MAAA,MAAM,MAAM,CAAA,CAAE,GAAA;AACd,MAAA,MAAM,QAAQ,GAAA,CAAI,MAAA,KAAW,CAAA,GAAI,GAAA,CAAI,aAAY,GAAI,GAAA;AAErD,MAAA,IAAI,QAAQ,QAAA,EAAU;AACpB,QAAA,IAAI,aAAA,CAAc,YAAY,IAAA,EAAM;AAClC,UAAA,CAAA,CAAE,cAAA,EAAe;AACjB,UAAA,CAAA,CAAE,eAAA,EAAgB;AAClB,UAAA,QAAA,CAAS,IAAI,CAAA;AAAA,QACf;AACA,QAAA;AAAA,MACF;AAEA,MAAA,IAAI,MAAM,MAAA,KAAW,CAAA,IAAK,KAAA,IAAS,GAAA,IAAO,SAAS,GAAA,EAAK;AACtD,QAAA,MAAM,GAAA,GAAM,KAAA,CAAM,UAAA,CAAW,CAAC,CAAA,GAAI,MAAA;AAClC,QAAA,IAAI,GAAA,GAAM,aAAA,CAAc,OAAA,CAAQ,MAAA,EAAQ;AACtC,UAAA,CAAA,CAAE,cAAA,EAAe;AACjB,UAAA,CAAA,CAAE,eAAA,EAAgB;AAClB,UAAA,QAAA,CAAS,aAAA,CAAc,OAAA,CAAQ,GAAG,CAAC,CAAA;AAAA,QACrC;AACA,QAAA;AAAA,MACF;AAEA,MAAA,IAAI,GAAA,IAAO,GAAA,IAAO,GAAA,IAAO,GAAA,EAAK;AAC5B,QAAA,MAAM,SAAS,aAAA,CAAc,OAAA;AAC7B,QAAA,IAAI,WAAW,IAAA,EAAM;AACrB,QAAA,MAAM,IAAI,GAAA,CAAI,UAAA,CAAW,CAAC,CAAA,GAAI,GAAA,CAAI,WAAW,CAAC,CAAA;AAC9C,QAAA,MAAM,YAAA,GAAe,SAAS,OAAA,CAAQ,MAAA;AAAA,UACpC,CAAC,CAAA,KAAM,CAAA,CAAE,KAAA,KAAU;AAAA,SACrB;AACA,QAAA,CAAA,CAAE,cAAA,EAAe;AACjB,QAAA,CAAA,CAAE,eAAA,EAAgB;AAClB,QAAA,IAAI,CAAA,GAAI,aAAa,MAAA,EAAQ;AAC3B,UAAA,WAAA,CAAY,OAAA,CAAQ,YAAA,CAAa,CAAC,CAAA,CAAE,GAAG,CAAA;AAAA,QACzC;AACA,QAAA,QAAA,CAAS,IAAI,CAAA;AACb,QAAA;AAAA,MACF;AAAA,IACF,CAAA;AAEA,IAAA,MAAA,CAAO,iBAAiB,SAAA,EAAW,KAAA,EAAO,EAAE,OAAA,EAAS,MAAM,CAAA;AAC3D,IAAA,OAAO,MAAM;AACX,MAAA,MAAA,CAAO,oBAAoB,SAAA,EAAW,KAAA,EAAO,EAAE,OAAA,EAAS,MAAM,CAAA;AAAA,IAChE,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,OAAO,CAAC,CAAA;AAEZ,EAAA,OAAO,EAAE,YAAY,MAAA,EAAO;AAC9B","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-IBTRMWD6.mjs

@@ -0,0 +1,28 @@
+"use client";
+import { serializeScene } from './chunk-6V4SH4JJ.mjs';
+
+// src/stamps/graph-2d/serialize.ts
+function stringifySceneState(state) {
+  return serializeScene(state);
+}
+function parseSceneState(json) {
+  if (!json) return null;
+  let raw;
+  try {
+    raw = JSON.parse(json);
+  } catch {
+    return null;
+  }
+  if (!raw || typeof raw !== "object") return null;
+  const v = raw;
+  if (v.meta?.domain !== "graph2d") return null;
+  if (!v.meta?.view || typeof v.meta.view !== "object") return null;
+  if (typeof v.counter !== "number") return null;
+  if (!Array.isArray(v.order)) return null;
+  if (!v.objects || typeof v.objects !== "object") return null;
+  return raw;
+}
+
+export { parseSceneState, stringifySceneState };
+//# sourceMappingURL=chunk-IBTRMWD6.mjs.map
+//# sourceMappingURL=chunk-IBTRMWD6.mjs.map

package/dist/chunk-IBTRMWD6.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/stamps/graph-2d/serialize.ts"],"names":[],"mappings":";;;AASO,SAAS,oBAAoB,KAAA,EAAsB;AACxD,EAAA,OAAO,eAAe,KAAK,CAAA;AAC7B;AAEO,SAAS,gBAAgB,IAAA,EAA4B;AAC1D,EAAA,IAAI,CAAC,MAAM,OAAO,IAAA;AAClB,EAAA,IAAI,GAAA;AACJ,EAAA,IAAI;AACF,IAAA,GAAA,GAAM,IAAA,CAAK,MAAM,IAAI,CAAA;AAAA,EACvB,CAAA,CAAA,MAAQ;AACN,IAAA,OAAO,IAAA;AAAA,EACT;AACA,EAAA,IAAI,CAAC,GAAA,IAAO,OAAO,GAAA,KAAQ,UAAU,OAAO,IAAA;AAC5C,EAAA,MAAM,CAAA,GAAI,GAAA;AACV,EAAA,IAAI,CAAA,CAAE,IAAA,EAAM,MAAA,KAAW,SAAA,EAAW,OAAO,IAAA;AACzC,EAAA,IAAI,CAAC,EAAE,IAAA,EAAM,IAAA,IAAQ,OAAO,CAAA,CAAE,IAAA,CAAK,IAAA,KAAS,QAAA,EAAU,OAAO,IAAA;AAC7D,EAAA,IAAI,OAAO,CAAA,CAAE,OAAA,KAAY,QAAA,EAAU,OAAO,IAAA;AAC1C,EAAA,IAAI,CAAC,KAAA,CAAM,OAAA,CAAQ,CAAA,CAAE,KAAK,GAAG,OAAO,IAAA;AACpC,EAAA,IAAI,CAAC,CAAA,CAAE,OAAA,IAAW,OAAO,CAAA,CAAE,OAAA,KAAY,UAAU,OAAO,IAAA;AACxD,EAAA,OAAO,GAAA;AACT","file":"chunk-IBTRMWD6.mjs","sourcesContent":["// src/stamps/graph-2d/serialize.ts\n//\n// graph-2d đã dùng plain State (không envelope) ngay từ đầu. Sau Tier D PR 3,\n// thin wrapper qua shared helper cho serialize. parseSceneState giữ behavior\n// null-on-invalid để host/index.tsx có thể discriminate \"customData hỏng\".\n\nimport { serializeScene } from '../shared/serializeScene';\nimport type { State } from '../../core/scene/types';\n\nexport function stringifySceneState(state: State): string {\n  return serializeScene(state);\n}\n\nexport function parseSceneState(json: string): State | null {\n  if (!json) return null;\n  let raw: unknown;\n  try {\n    raw = JSON.parse(json);\n  } catch {\n    return null;\n  }\n  if (!raw || typeof raw !== 'object') return null;\n  const v = raw as Partial<State>;\n  if (v.meta?.domain !== 'graph2d') return null;\n  if (!v.meta?.view || typeof v.meta.view !== 'object') return null;\n  if (typeof v.counter !== 'number') return null;\n  if (!Array.isArray(v.order)) return null;\n  if (!v.objects || typeof v.objects !== 'object') return null;\n  return raw as State;\n}\n"]}

package/dist/chunk-ICR4CVOE.mjs

@@ -0,0 +1,57 @@
+"use client";
+// src/stamps/shared/jxgOffscreenRender.ts
+async function renderJsxgOffscreen(opts) {
+  const { bbox, dims, axis = false, grid = false, keepAspectRatio = true } = opts;
+  const JXG = (await import('jsxgraph')).default;
+  if (opts.applyOptions) {
+    try {
+      opts.applyOptions(JXG);
+    } catch {
+    }
+  }
+  const containerId = "jxg_offscreen_" + Date.now() + "_" + Math.random().toString(36).slice(2, 8);
+  const container = document.createElement("div");
+  container.id = containerId;
+  container.style.cssText = `position:absolute;top:-99999px;left:-99999px;width:${dims.width}px;height:${dims.height}px;visibility:hidden;pointer-events:none;`;
+  document.body.appendChild(container);
+  let board = null;
+  let disposable = null;
+  try {
+    board = JXG.JSXGraph.initBoard(containerId, {
+      boundingbox: bbox,
+      axis,
+      grid,
+      keepAspectRatio,
+      showCopyright: false,
+      showNavigation: false
+    });
+    disposable = await opts.setup(board, JXG);
+    try {
+      board?.update?.();
+    } catch {
+    }
+    const svgEl = container.querySelector("svg");
+    if (!svgEl) throw new Error("renderJsxgOffscreen: no SVG produced by JSXGraph");
+    const clone = svgEl.cloneNode(true);
+    if (!clone.getAttribute("xmlns")) {
+      clone.setAttribute("xmlns", "http://www.w3.org/2000/svg");
+    }
+    if (opts.postProcessSvg) opts.postProcessSvg(clone);
+    const svgString = new XMLSerializer().serializeToString(clone);
+    return { svgString, width: dims.width, height: dims.height };
+  } finally {
+    try {
+      disposable?.dispose();
+    } catch {
+    }
+    try {
+      if (board) JXG.JSXGraph.freeBoard(board);
+    } catch {
+    }
+    if (container.parentNode) container.parentNode.removeChild(container);
+  }
+}
+
+export { renderJsxgOffscreen };
+//# sourceMappingURL=chunk-ICR4CVOE.mjs.map
+//# sourceMappingURL=chunk-ICR4CVOE.mjs.map

package/dist/chunk-ICR4CVOE.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/stamps/shared/jxgOffscreenRender.ts"],"names":[],"mappings":";AA6CA,eAAsB,oBACpB,IAAA,EACmC;AACnC,EAAA,MAAM,EAAE,MAAM,IAAA,EAAM,IAAA,GAAO,OAAO,IAAA,GAAO,KAAA,EAAO,eAAA,GAAkB,IAAA,EAAK,GAAI,IAAA;AAC3E,EAAA,MAAM,GAAA,GAAA,CAAkB,MAAM,OAAO,UAAU,CAAA,EAAG,OAAA;AAElD,EAAA,IAAI,KAAK,YAAA,EAAc;AACrB,IAAA,IAAI;AACF,MAAA,IAAA,CAAK,aAAa,GAAG,CAAA;AAAA,IACvB,CAAA,CAAA,MAAQ;AAAA,IAER;AAAA,EACF;AAEA,EAAA,MAAM,WAAA,GACJ,gBAAA,GAAmB,IAAA,CAAK,GAAA,KAAQ,GAAA,GAAM,IAAA,CAAK,MAAA,EAAO,CAAE,QAAA,CAAS,EAAE,CAAA,CAAE,KAAA,CAAM,GAAG,CAAC,CAAA;AAC7E,EAAA,MAAM,SAAA,GAAY,QAAA,CAAS,aAAA,CAAc,KAAK,CAAA;AAC9C,EAAA,SAAA,CAAU,EAAA,GAAK,WAAA;AACf,EAAA,SAAA,CAAU,MAAM,OAAA,GACd,CAAA,mDAAA,EACS,KAAK,KAAK,CAAA,UAAA,EAAa,KAAK,MAAM,CAAA,yCAAA,CAAA;AAE7C,EAAA,QAAA,CAAS,IAAA,CAAK,YAAY,SAAS,CAAA;AAEnC,EAAA,IAAI,KAAA,GAAiB,IAAA;AACrB,EAAA,IAAI,UAAA,GAA6C,IAAA;AACjD,EAAA,IAAI;AACF,IAAA,KAAA,GAAQ,GAAA,CAAI,QAAA,CAAS,SAAA,CAAU,WAAA,EAAa;AAAA,MAC1C,WAAA,EAAa,IAAA;AAAA,MACb,IAAA;AAAA,MACA,IAAA;AAAA,MACA,eAAA;AAAA,MACA,aAAA,EAAe,KAAA;AAAA,MACf,cAAA,EAAgB;AAAA,KACjB,CAAA;AACD,IAAA,UAAA,GAAa,MAAM,IAAA,CAAK,KAAA,CAAM,KAAA,EAAO,GAAG,CAAA;AACxC,IAAA,IAAI;AAEF,MAAC,OAAe,MAAA,IAAS;AAAA,IAC3B,CAAA,CAAA,MAAQ;AAAA,IAER;AAEA,IAAA,MAAM,KAAA,GAAQ,SAAA,CAAU,aAAA,CAAc,KAAK,CAAA;AAC3C,IAAA,IAAI,CAAC,KAAA,EAAO,MAAM,IAAI,MAAM,kDAAkD,CAAA;AAC9E,IAAA,MAAM,KAAA,GAAQ,KAAA,CAAM,SAAA,CAAU,IAAI,CAAA;AAClC,IAAA,IAAI,CAAC,KAAA,CAAM,YAAA,CAAa,OAAO,CAAA,EAAG;AAChC,MAAA,KAAA,CAAM,YAAA,CAAa,SAAS,4BAA4B,CAAA;AAAA,IAC1D;AACA,IAAA,IAAI,IAAA,CAAK,cAAA,EAAgB,IAAA,CAAK,cAAA,CAAe,KAAK,CAAA;AAClD,IAAA,MAAM,SAAA,GAAY,IAAI,aAAA,EAAc,CAAE,kBAAkB,KAAK,CAAA;AAC7D,IAAA,OAAO,EAAE,SAAA,EAAW,KAAA,EAAO,KAAK,KAAA,EAAO,MAAA,EAAQ,KAAK,MAAA,EAAO;AAAA,EAC7D,CAAA,SAAE;AACA,IAAA,IAAI;AACF,MAAA,UAAA,EAAY,OAAA,EAAQ;AAAA,IACtB,CAAA,CAAA,MAAQ;AAAA,IAER;AACA,IAAA,IAAI;AACF,MAAA,IAAI,KAAA,EAAO,GAAA,CAAI,QAAA,CAAS,SAAA,CAAU,KAAK,CAAA;AAAA,IACzC,CAAA,CAAA,MAAQ;AAAA,IAER;AACA,IAAA,IAAI,SAAA,CAAU,UAAA,EAAY,SAAA,CAAU,UAAA,CAAW,YAAY,SAAS,CAAA;AAAA,EACtE;AACF","file":"chunk-ICR4CVOE.mjs","sourcesContent":["/**\n * Shared offscreen JSXGraph render pipeline.\n *\n * Each JSXGraph stamp (geometry-2d, geometry-3d, graph-2d) needs the same\n * boilerplate to dump SVG offscreen: lazy import JSXGraph, create a hidden\n * DIV with explicit pixel dimensions, initBoard, attach a scene-store renderer\n * (or create a view3d), force update, clone the SVG node, add xmlns, serialize,\n * then tear everything down. This helper owns that lifecycle so each stamp\n * only writes the unique part — what to render — inside `setup`.\n *\n * Intrinsic SVG resolution matters: Excalidraw loads stamp SVGs via <img> then\n * drawImage onto canvas. The browser rasterizes SVG at its intrinsic\n * width/height, so dims passed here should be generous enough that the bitmap\n * downscales (sharp) instead of upscales (blurry) when the user zooms or views\n * on a retina display.\n */\n \ntype JxgModule = any;\n\nexport interface JxgOffscreenRenderOpts {\n  /** JSXGraph bounding box: [xmin, ymax, xmax, ymin]. */\n  bbox: [number, number, number, number];\n  /** Offscreen container size in CSS pixels. Becomes SVG intrinsic size. */\n  dims: { width: number; height: number };\n  axis?: boolean;\n  grid?: boolean;\n  keepAspectRatio?: boolean;\n  /** Mutate JXG.Options before initBoard (e.g. text.display='internal', palette). */\n  applyOptions?: (JXG: JxgModule) => void;\n  /**\n   * Build the scene on the board. Return a disposable (typically the\n   * `JxgRenderer` or `JxgRenderer3D` instance) — its `dispose()` is invoked\n   * during teardown before `freeBoard`.\n   */\n  setup: (board: unknown, JXG: JxgModule) => { dispose: () => void } | Promise<{ dispose: () => void }>;\n  /** Optional mutation on the cloned <svg> before serialization. */\n  postProcessSvg?: (clone: SVGElement) => void;\n}\n\nexport interface JxgOffscreenRenderResult {\n  svgString: string;\n  width: number;\n  height: number;\n}\n\nexport async function renderJsxgOffscreen(\n  opts: JxgOffscreenRenderOpts,\n): Promise<JxgOffscreenRenderResult> {\n  const { bbox, dims, axis = false, grid = false, keepAspectRatio = true } = opts;\n  const JXG: JxgModule = (await import('jsxgraph')).default;\n\n  if (opts.applyOptions) {\n    try {\n      opts.applyOptions(JXG);\n    } catch {\n      /* swallow option-apply errors */\n    }\n  }\n\n  const containerId =\n    'jxg_offscreen_' + Date.now() + '_' + Math.random().toString(36).slice(2, 8);\n  const container = document.createElement('div');\n  container.id = containerId;\n  container.style.cssText =\n    `position:absolute;top:-99999px;left:-99999px;` +\n    `width:${dims.width}px;height:${dims.height}px;` +\n    `visibility:hidden;pointer-events:none;`;\n  document.body.appendChild(container);\n\n  let board: unknown = null;\n  let disposable: { dispose: () => void } | null = null;\n  try {\n    board = JXG.JSXGraph.initBoard(containerId, {\n      boundingbox: bbox,\n      axis,\n      grid,\n      keepAspectRatio,\n      showCopyright: false,\n      showNavigation: false,\n    });\n    disposable = await opts.setup(board, JXG);\n    try {\n       \n      (board as any)?.update?.();\n    } catch {\n      /* ignore — board may already be in valid state */\n    }\n\n    const svgEl = container.querySelector('svg');\n    if (!svgEl) throw new Error('renderJsxgOffscreen: no SVG produced by JSXGraph');\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    if (opts.postProcessSvg) opts.postProcessSvg(clone);\n    const svgString = new XMLSerializer().serializeToString(clone);\n    return { svgString, width: dims.width, height: dims.height };\n  } finally {\n    try {\n      disposable?.dispose();\n    } catch {\n      /* ignore */\n    }\n    try {\n      if (board) JXG.JSXGraph.freeBoard(board);\n    } catch {\n      /* ignore */\n    }\n    if (container.parentNode) container.parentNode.removeChild(container);\n  }\n}\n"]}