@xom11/whiteboard 0.11.0 → 0.24.1

package/dist/chunk-BKSXPNPQ.mjs

@@ -0,0 +1,348 @@
+"use client";
+import { getKind, collectFreeVars } from './chunk-ZBJBQKJ2.mjs';
+
+// src/core/scene/render/types2d.ts
+var DEFAULT_THEME_2D = {
+  stroke: "#0f172a",
+  fill: "#60a5fa",
+  label: "#0f172a",
+  axis: "#94a3b8",
+  grid: "#e2e8f0",
+  pointFill: "#1e40af"
+};
+
+// src/core/scene/render/JxgRenderer.ts
+var JxgRenderer = class {
+  constructor(store, board, options = {}) {
+    this.elements = /* @__PURE__ */ new Map();
+    this.disposed = false;
+    /** Chỉ dùng cho domain='graph2d': parameter.label → parameter.value */
+    this.paramMap = {};
+    /** Chỉ dùng cho domain='graph2d': function2d.id → expression string */
+    this.functionExpr = {};
+    // Selection halo overlay model: thay vì đổi màu element gốc thành đỏ, tạo
+    // một halo element gray phía sau (lower layer) → giữ nguyên màu gốc. Hỗ
+    // trợ multi-select cho cả canvas click-selection lẫn ObjectListPanel.
+    this.selectedIds = /* @__PURE__ */ new Set();
+    this.haloMap = /* @__PURE__ */ new Map();
+    this.store = store;
+    this.board = board;
+    this.theme = options.theme ?? DEFAULT_THEME_2D;
+    this.unsubscribe = store.subscribe((next, prev) => this.applyDiff(prev, next));
+    this.applyDiff(void 0, store.getState());
+  }
+  ctx() {
+    return {
+      jxg: this.board,
+      resolveRef: (id) => {
+        const m = /^(.+):border:(\d+)$/.exec(id);
+        if (m) {
+          const poly = this.elements.get(m[1]);
+          if (!poly) throw new Error(`[scene/2d] resolveRef: ch\u01B0a render polygon id="${m[1]}"`);
+          const borders = poly.borders;
+          const idx = parseInt(m[2], 10);
+          if (!Array.isArray(borders) || !borders[idx]) {
+            throw new Error(`[scene/2d] resolveRef: polygon "${m[1]}" kh\xF4ng c\xF3 border[${idx}]`);
+          }
+          return borders[idx];
+        }
+        const el = this.elements.get(id);
+        if (!el) throw new Error(`[scene/2d] resolveRef: ch\u01B0a render id="${id}"`);
+        return el;
+      },
+      defaults: { theme: this.theme, _functionExpr: this.functionExpr },
+      paramMap: this.paramMap
+    };
+  }
+  /**
+   * Rebuild `paramMap` và `functionExpr` từ state hiện tại.
+   * Chỉ chạy khi domain='graph2d'. Chi phí thấp vì parameters thường ≤ 8.
+   */
+  rebuildGraphMaps(state) {
+    if (state.meta.domain !== "graph2d") return;
+    const params = {};
+    const fns = {};
+    for (const id of state.order) {
+      const obj = state.objects[id];
+      if (obj.kind === "parameter") {
+        params[obj.label] = obj.attrs.value;
+      } else if (obj.kind === "function2d") {
+        fns[obj.id] = obj.attrs.expression;
+      }
+    }
+    this.paramMap = params;
+    this.functionExpr = fns;
+  }
+  create(obj) {
+    try {
+      const def = getKind(obj.kind);
+      const el = def.render(obj, this.ctx());
+      this.elements.set(obj.id, el);
+      this.attachFreePointDragSync(obj, el);
+    } catch (err) {
+      console.warn(`[scene/render/2d] kh\xF4ng render \u0111\u01B0\u1EE3c ${obj.kind} id="${obj.id}":`, err);
+    }
+  }
+  /**
+   * Đồng bộ toạ độ live của free point về scene.constraint khi user kéo bằng
+   * tay (Move tool / mobile drag). JSXGraph mutate obj.X()/Y() ngay nhưng
+   * constraint vẫn giữ giá trị lúc tạo → serialize sẽ ra SVG y hệt cũ →
+   * fileId SHA-256 trùng → Excalidraw bỏ qua refresh. (Regression từ
+   * commit f41f366 sau scene v2 port.)
+   *
+   * Chỉ áp dụng cho free point — glider/intersection/midpoint không drag được
+   * trực tiếp (toạ độ derived từ ref khác).
+   */
+  attachFreePointDragSync(obj, el) {
+    if (obj.kind !== "point") return;
+    const c = obj.attrs.constraint;
+    if (!c || c.kind !== "free") return;
+    const point = el;
+    if (typeof point.on !== "function") return;
+    const sceneId = obj.id;
+    point.on("up", () => {
+      if (this.disposed) return;
+      if (typeof point.X !== "function" || typeof point.Y !== "function") return;
+      const x = point.X();
+      const y = point.Y();
+      if (!Number.isFinite(x) || !Number.isFinite(y)) return;
+      const cur = this.store.getState().objects[sceneId];
+      if (!cur) return;
+      const curC = cur.attrs.constraint;
+      if (!curC || curC.kind !== "free") return;
+      if (curC.x === x && curC.y === y) return;
+      this.store.dispatch({
+        type: "UPDATE_ATTRS",
+        payload: { id: sceneId, patch: { constraint: { kind: "free", x, y } } }
+      });
+    });
+  }
+  remove(id) {
+    this.removeHalo(id);
+    this.selectedIds.delete(id);
+    const el = this.elements.get(id);
+    if (!el) return;
+    try {
+      const helpers = el._helpers;
+      this.board.removeObject?.(el);
+      if (Array.isArray(helpers)) {
+        for (const h of helpers) {
+          try {
+            this.board.removeObject?.(h);
+          } catch {
+          }
+        }
+      }
+    } catch (err) {
+      console.warn(`[scene/render/2d] kh\xF4ng remove \u0111\u01B0\u1EE3c id="${id}":`, err);
+    }
+    this.elements.delete(id);
+  }
+  applyDiff(prev, next) {
+    if (this.disposed) return;
+    this.rebuildGraphMaps(next);
+    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];
+      const old = prevObjs[id];
+      if (!old) {
+        this.create(cur);
+        continue;
+      }
+      if (Object.is(old, cur)) continue;
+      const def = getKind(cur.kind);
+      const existing = this.elements.get(id);
+      if (def.update && existing) {
+        try {
+          def.update(cur, old, this.ctx(), existing);
+          continue;
+        } catch (err) {
+          console.warn(`[scene/render/2d] update fail, recreate:`, err);
+        }
+      }
+      this.remove(id);
+      this.create(cur);
+    }
+    if (next.meta.domain === "graph2d" && prev) {
+      const changedParams = /* @__PURE__ */ new Set();
+      for (const id of next.order) {
+        const cur = next.objects[id];
+        const old = prev.objects[id];
+        if (cur.kind !== "parameter" || old?.kind !== "parameter") continue;
+        if (cur.attrs.value !== old.attrs.value) {
+          changedParams.add(cur.label);
+        }
+      }
+      if (changedParams.size > 0) {
+        for (const id of next.order) {
+          const obj = next.objects[id];
+          if (obj.kind !== "function2d") continue;
+          const expr = obj.attrs.expression;
+          const refs = collectFreeVars(expr);
+          if (refs.some((r) => changedParams.has(r))) {
+            this.remove(id);
+            this.create(obj);
+          }
+        }
+      }
+    }
+  }
+  dispose() {
+    if (this.disposed) return;
+    this.unsubscribe();
+    for (const id of Array.from(this.elements.keys())) this.remove(id);
+    this.disposed = true;
+  }
+  /** Return the rendered JSXGraph element for a scene id, or null if not found. */
+  getElement(id) {
+    return this.elements.get(id) ?? null;
+  }
+  /** Return a read-only view of the scene id → JSXGraph element map (for hit-test). */
+  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.board.update?.();
+    } catch {
+    }
+  }
+  removeHalo(id) {
+    const halos = this.haloMap.get(id);
+    if (!halos) return;
+    const board = this.board;
+    for (const h of halos) {
+      try {
+        board.removeObject?.(h);
+      } catch {
+      }
+    }
+    this.haloMap.delete(id);
+  }
+  addHalo(id) {
+    const el = this.elements.get(id);
+    if (!el) return;
+    const board = this.board;
+    if (!board.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,
+      layer: 4,
+      needsRegularUpdate: true
+    };
+    const halos = [];
+    try {
+      switch (el.elType) {
+        case "point":
+        case "glider":
+        case "intersection": {
+          const baseSize = el.getAttribute?.("size") ?? 4;
+          const halo = board.create("point", [
+            () => el.X?.() ?? 0,
+            () => el.Y?.() ?? 0
+          ], {
+            ...haloBase,
+            size: baseSize + 6,
+            face: "o",
+            strokeWidth: 2,
+            strokeOpacity: 0.75,
+            fillOpacity: 0.25
+          });
+          halos.push(halo);
+          break;
+        }
+        case "segment": {
+          if (el.point1 && el.point2) {
+            const halo = board.create("segment", [el.point1, el.point2], {
+              ...haloBase,
+              strokeWidth: 9,
+              straightFirst: false,
+              straightLast: false
+            });
+            halos.push(halo);
+          }
+          break;
+        }
+        case "line":
+        case "arrow":
+        case "ray":
+        case "vector":
+        case "tangent":
+        case "normal":
+        case "parallel":
+        case "perpendicular":
+        case "bisector": {
+          if (el.point1 && el.point2) {
+            const halo = board.create("line", [el.point1, el.point2], {
+              ...haloBase,
+              strokeWidth: 9
+            });
+            halos.push(halo);
+          }
+          break;
+        }
+        case "circle": {
+          if (el.center && typeof el.Radius === "function") {
+            const halo = board.create("circle", [el.center, () => el.Radius?.() ?? 0], {
+              ...haloBase,
+              strokeWidth: 9,
+              fillOpacity: 0
+            });
+            halos.push(halo);
+          }
+          break;
+        }
+        case "polygon": {
+          if (Array.isArray(el.vertices) && el.vertices.length >= 3) {
+            const last = el.vertices.length - 1;
+            const verts = el.vertices[last] === el.vertices[0] ? el.vertices.slice(0, last) : el.vertices.slice();
+            const halo = board.create("polygon", verts, {
+              ...haloBase,
+              fillOpacity: 0.2,
+              borders: {
+                strokeColor: SEL_STROKE,
+                strokeWidth: 7,
+                strokeOpacity: 0.55,
+                highlight: false
+              }
+            });
+            halos.push(halo);
+          }
+          break;
+        }
+        default:
+          break;
+      }
+    } catch (err) {
+      console.warn("[scene/render/2d] halo create fail:", err);
+    }
+    if (halos.length) this.haloMap.set(id, halos);
+  }
+};
+
+export { DEFAULT_THEME_2D, JxgRenderer };
+//# sourceMappingURL=chunk-BKSXPNPQ.mjs.map
+//# sourceMappingURL=chunk-BKSXPNPQ.mjs.map

package/dist/chunk-BKSXPNPQ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/scene/render/types2d.ts","../src/core/scene/render/JxgRenderer.ts"],"names":[],"mappings":"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","file":"chunk-BKSXPNPQ.mjs","sourcesContent":["// src/core/scene/render/types2d.ts\nimport type { RenderCtx } from '../types';\n\nexport type Theme2D = {\n  stroke: string;\n  fill: string;\n  label: string;\n  axis: string;\n  grid: string;\n  pointFill: string;\n};\n\nexport const DEFAULT_THEME_2D: Theme2D = {\n  stroke: '#0f172a',\n  fill: '#60a5fa',\n  label: '#0f172a',\n  axis: '#94a3b8',\n  grid: '#e2e8f0',\n  pointFill: '#1e40af',\n};\n\nexport type RenderCtx2D = RenderCtx & {\n  theme: Theme2D;\n};\n","// src/core/scene/render/JxgRenderer.ts\nimport type { Store } from '../store';\nimport type { State, SceneObject, RenderCtx } from '../types';\nimport { getKind } from '../registry';\nimport { DEFAULT_THEME_2D, type Theme2D } from './types2d';\nimport { collectFreeVars } from '../expressions/parser';\n\nexport type JxgRendererOptions = { theme?: Theme2D };\n\nexport class JxgRenderer {\n  private board: unknown;\n  private store: Store;\n  private theme: Theme2D;\n  private elements = new Map<string, unknown>();\n  private unsubscribe: () => void;\n  private disposed = false;\n\n  /** Chỉ dùng cho domain='graph2d': parameter.label → parameter.value */\n  private paramMap: Record<string, number> = {};\n  /** Chỉ dùng cho domain='graph2d': function2d.id → expression string */\n  private functionExpr: Record<string, string> = {};\n\n  constructor(store: Store, board: unknown, options: JxgRendererOptions = {}) {\n    this.store = store;\n    this.board = board;\n    this.theme = options.theme ?? DEFAULT_THEME_2D;\n    this.unsubscribe = store.subscribe((next, prev) => this.applyDiff(prev, next));\n    // Render state hiện tại (vd LOAD chạy trước khi subscribe).\n    this.applyDiff(undefined, store.getState());\n  }\n\n  private ctx(): RenderCtx {\n    return {\n      jxg: this.board,\n      resolveRef: (id: string) => {\n        // Synthetic \"<polyId>:border:<N>\" → polygon.borders[N]. Polygon edges\n        // là sub-segment do JSXGraph auto-tạo bên trong polygon; chúng không\n        // có scene id riêng. Synthetic id cho phép construct tools (vd\n        // perpendicular qua một cạnh đa giác) tham chiếu cạnh như một line.\n        const m = /^(.+):border:(\\d+)$/.exec(id);\n        if (m) {\n          const poly = this.elements.get(m[1]) as { borders?: unknown[] } | undefined;\n          if (!poly) throw new Error(`[scene/2d] resolveRef: chưa render polygon id=\"${m[1]}\"`);\n          const borders = poly.borders;\n          const idx = parseInt(m[2], 10);\n          if (!Array.isArray(borders) || !borders[idx]) {\n            throw new Error(`[scene/2d] resolveRef: polygon \"${m[1]}\" không có border[${idx}]`);\n          }\n          return borders[idx];\n        }\n        const el = this.elements.get(id);\n        if (!el) throw new Error(`[scene/2d] resolveRef: chưa render id=\"${id}\"`);\n        return el;\n      },\n      defaults: { theme: this.theme, _functionExpr: this.functionExpr },\n      paramMap: this.paramMap,\n    };\n  }\n\n  /**\n   * Rebuild `paramMap` và `functionExpr` từ state hiện tại.\n   * Chỉ chạy khi domain='graph2d'. Chi phí thấp vì parameters thường ≤ 8.\n   */\n  private rebuildGraphMaps(state: State): void {\n    if (state.meta.domain !== 'graph2d') return;\n    const params: Record<string, number> = {};\n    const fns: Record<string, string> = {};\n    for (const id of state.order) {\n      const obj = state.objects[id];\n      if (obj.kind === 'parameter') {\n        params[obj.label] = (obj.attrs as { value: number }).value;\n      } else if (obj.kind === 'function2d') {\n        fns[obj.id] = (obj.attrs as { expression: string }).expression;\n      }\n    }\n    this.paramMap = params;\n    this.functionExpr = fns;\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      this.attachFreePointDragSync(obj, el);\n    } catch (err) {\n      console.warn(`[scene/render/2d] không render được ${obj.kind} id=\"${obj.id}\":`, err);\n    }\n  }\n\n  /**\n   * Đồng bộ toạ độ live của free point về scene.constraint khi user kéo bằng\n   * tay (Move tool / mobile drag). JSXGraph mutate obj.X()/Y() ngay nhưng\n   * constraint vẫn giữ giá trị lúc tạo → serialize sẽ ra SVG y hệt cũ →\n   * fileId SHA-256 trùng → Excalidraw bỏ qua refresh. (Regression từ\n   * commit f41f366 sau scene v2 port.)\n   *\n   * Chỉ áp dụng cho free point — glider/intersection/midpoint không drag được\n   * trực tiếp (toạ độ derived từ ref khác).\n   */\n  private attachFreePointDragSync(obj: SceneObject, el: unknown): void {\n    if (obj.kind !== 'point') return;\n    const c = (obj.attrs as { constraint?: { kind?: string } }).constraint;\n    if (!c || c.kind !== 'free') return;\n     \n    const point = el as any;\n    if (typeof point.on !== 'function') return;\n    const sceneId = obj.id;\n    point.on('up', () => {\n      if (this.disposed) return;\n      if (typeof point.X !== 'function' || typeof point.Y !== 'function') return;\n      const x = point.X();\n      const y = point.Y();\n      if (!Number.isFinite(x) || !Number.isFinite(y)) return;\n      const cur = this.store.getState().objects[sceneId];\n      if (!cur) return;\n      const curC = (cur.attrs as { constraint?: { kind?: string; x?: number; y?: number } }).constraint;\n      if (!curC || curC.kind !== 'free') return;\n      if (curC.x === x && curC.y === y) return;\n      this.store.dispatch({\n        type: 'UPDATE_ATTRS',\n        payload: { id: sceneId, patch: { constraint: { kind: 'free', x, y } } },\n      });\n    });\n  }\n\n  private remove(id: string): void {\n    // Selection halo (nếu có) phải bị xoá TRƯỚC element gốc — halo tham chiếu\n    // tới point1/point2/center/vertices của element gốc qua lambda; xoá element\n    // gốc trước sẽ làm halo dangling.\n    this.removeHalo(id);\n    this.selectedIds.delete(id);\n    const el = this.elements.get(id);\n    if (!el) return;\n    try {\n      const helpers = (el as Record<string, unknown>)._helpers;\n      // Element chính bị remove trước, sau đó helpers (glider phụ trợ cho\n      // tangent ...). Helpers thường là parent của element chính — nếu xoá\n      // parent trước, JSXGraph có thể phàn nàn dangling reference.\n      (this.board as { removeObject?: (e: unknown) => void }).removeObject?.(el);\n      if (Array.isArray(helpers)) {\n        for (const h of helpers) {\n          try {\n            (this.board as { removeObject?: (e: unknown) => void }).removeObject?.(h);\n          } catch { /* ignore */ }\n        }\n      }\n    } catch (err) {\n      console.warn(`[scene/render/2d] không remove được id=\"${id}\":`, err);\n    }\n    this.elements.delete(id);\n  }\n\n  private applyDiff(prev: State | undefined, next: State): void {\n    if (this.disposed) return;\n\n    // Rebuild paramMap + functionExpr TRƯỚC khi diff, để ctx() có đúng\n    // paramMap khi render lần đầu tiên.\n    this.rebuildGraphMaps(next);\n\n    const prevObjs = prev?.objects ?? {};\n    const nextObjs = next.objects;\n\n    // Xoá ids biến mất.\n    for (const id of Object.keys(prevObjs)) {\n      if (!(id in nextObjs)) this.remove(id);\n    }\n\n    // Thêm/cập nhật theo state.order — đảm bảo refs có trước.\n    for (const id of next.order) {\n      const cur = nextObjs[id];\n      const old = prevObjs[id] as SceneObject | undefined;\n      if (!old) {\n        this.create(cur);\n        continue;\n      }\n      if (Object.is(old, cur)) continue;\n      const def = getKind(cur.kind);\n      const existing = this.elements.get(id);\n      if (def.update && existing) {\n        try { def.update(cur, old, this.ctx(), existing); continue; }\n        catch (err) { console.warn(`[scene/render/2d] update fail, recreate:`, err); }\n      }\n      this.remove(id);\n      this.create(cur);\n    }\n\n    // Sau diff bình thường: nếu domain='graph2d', detect parameter value changes\n    // và force re-render các function2d phụ thuộc.\n    if (next.meta.domain === 'graph2d' && prev) {\n      const changedParams = new Set<string>();\n      for (const id of next.order) {\n        const cur = next.objects[id];\n        const old = prev.objects[id] as SceneObject | undefined;\n        if (cur.kind !== 'parameter' || old?.kind !== 'parameter') continue;\n        if ((cur.attrs as { value: number }).value !== (old.attrs as { value: number }).value) {\n          changedParams.add(cur.label);\n        }\n      }\n      if (changedParams.size > 0) {\n        for (const id of next.order) {\n          const obj = next.objects[id];\n          if (obj.kind !== 'function2d') continue;\n          const expr = (obj.attrs as { expression: string }).expression;\n          const refs = collectFreeVars(expr);\n          if (refs.some((r) => changedParams.has(r))) {\n            this.remove(id);\n            this.create(obj);\n          }\n        }\n      }\n    }\n  }\n\n  dispose(): void {\n    if (this.disposed) return;\n    this.unsubscribe();\n    for (const id of Array.from(this.elements.keys())) this.remove(id);\n    this.disposed = true;\n  }\n\n  /** Return the rendered JSXGraph element for a scene id, or null if not found. */\n  getElement(id: string): unknown {\n    return this.elements.get(id) ?? null;\n  }\n\n  /** Return a read-only view of the scene id → JSXGraph element map (for hit-test). */\n  listElements(): Map<string, unknown> {\n    return this.elements;\n  }\n\n  // Selection halo overlay model: thay vì đổi màu element gốc thành đỏ, tạo\n  // một halo element gray phía sau (lower layer) → giữ nguyên màu gốc. Hỗ\n  // trợ multi-select cho cả canvas click-selection lẫn ObjectListPanel.\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    // Remove halos cho ids đã bị bỏ chọn.\n    for (const id of this.selectedIds) {\n      if (!newIds.has(id)) this.removeHalo(id);\n    }\n    // Add halos cho ids mới chọ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.board 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 board = this.board as { removeObject?: (e: unknown) => void };\n    for (const h of halos) {\n      try { board.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          X?: () => number;\n          Y?: () => number;\n          point1?: unknown;\n          point2?: unknown;\n          center?: unknown;\n          Radius?: () => number;\n          vertices?: unknown[];\n        }\n      | undefined;\n    if (!el) return;\n    const board = this.board as {\n      create?: (kind: string, parents: unknown[], attrs?: unknown) => unknown;\n    };\n    if (!board.create) return;\n\n    // Selection palette — gray fill + darker gray border (xem\n    // tham chiếu /tmp/ss.png).\n    const SEL_STROKE = '#475569'; // slate-600\n    const SEL_FILL = '#cbd5e1';   // slate-300\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      layer: 4,\n      needsRegularUpdate: true,\n    };\n    const halos: unknown[] = [];\n    try {\n      switch (el.elType) {\n        case 'point':\n        case 'glider':\n        case 'intersection': {\n          const baseSize = (el.getAttribute?.('size') as number | undefined) ?? 4;\n          const halo = board.create('point', [\n            () => el.X?.() ?? 0,\n            () => el.Y?.() ?? 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          break;\n        }\n        case 'segment': {\n          if (el.point1 && el.point2) {\n            const halo = board.create('segment', [el.point1, el.point2], {\n              ...haloBase,\n              strokeWidth: 9,\n              straightFirst: false,\n              straightLast: false,\n            });\n            halos.push(halo);\n          }\n          break;\n        }\n        case 'line':\n        case 'arrow':\n        case 'ray':\n        case 'vector':\n        case 'tangent':\n        case 'normal':\n        case 'parallel':\n        case 'perpendicular':\n        case 'bisector': {\n          if (el.point1 && el.point2) {\n            const halo = board.create('line', [el.point1, el.point2], {\n              ...haloBase,\n              strokeWidth: 9,\n            });\n            halos.push(halo);\n          }\n          break;\n        }\n        case 'circle': {\n          if (el.center && typeof el.Radius === 'function') {\n            const halo = board.create('circle', [el.center, () => el.Radius?.() ?? 0], {\n              ...haloBase,\n              strokeWidth: 9,\n              fillOpacity: 0,\n            });\n            halos.push(halo);\n          }\n          break;\n        }\n        case 'polygon': {\n          if (Array.isArray(el.vertices) && el.vertices.length >= 3) {\n            // JSXGraph polygon.vertices có thể append vertex đầu lặp lại ở\n            // cuối để đóng path — trim cho an toàn.\n            const last = el.vertices.length - 1;\n            const verts = el.vertices[last] === el.vertices[0]\n              ? el.vertices.slice(0, last)\n              : el.vertices.slice();\n            const halo = board.create('polygon', verts, {\n              ...haloBase,\n              fillOpacity: 0.2,\n              borders: {\n                strokeColor: SEL_STROKE,\n                strokeWidth: 7,\n                strokeOpacity: 0.55,\n                highlight: false,\n              },\n            });\n            halos.push(halo);\n          }\n          break;\n        }\n        default:\n          // Các kind khác (curve, arc, sector, angle, ...) — chưa hỗ trợ halo.\n          break;\n      }\n    } catch (err) {\n      console.warn('[scene/render/2d] halo create fail:', err);\n    }\n    if (halos.length) this.haloMap.set(id, halos);\n  }\n}\n"]}

package/dist/{chunk-YVJP7NRG.mjs → chunk-CRAPWQKJ.mjs}

@@ -1,10 +1,11 @@
 "use client";
-import { isGeometryCustomData, renderGeometrySvgFromState } from './chunk-G7FR3AIV.mjs';
+import { isGeometryCustomData, renderGeometrySvgFromState } from './chunk-MFOGFFIL.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-DOAYVL35.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-CRAPWQKJ.mjs.map
+//# sourceMappingURL=chunk-CRAPWQKJ.mjs.map

package/dist/chunk-CRAPWQKJ.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-CRAPWQKJ.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"]}