@xom11/whiteboard 0.24.2 → 0.27.0

package/dist/{chunk-BKSXPNPQ.mjs → chunk-SZDAS7LK.mjs}

@@ -1,5 +1,6 @@
 "use client";
-import { getKind, collectFreeVars } from './chunk-ZBJBQKJ2.mjs';
+import { collectFreeVars } from './chunk-IHUFOV7L.mjs';
+import { getKind } from './chunk-B4NJJZFR.mjs';
 
 // src/core/scene/render/types2d.ts
 var DEFAULT_THEME_2D = {
@@ -79,10 +80,87 @@ var JxgRenderer = class {
       const el = def.render(obj, this.ctx());
       this.elements.set(obj.id, el);
       this.attachFreePointDragSync(obj, el);
+      this.attachGliderDragSync(obj, el);
     } catch (err) {
       console.warn(`[scene/render/2d] kh\xF4ng render \u0111\u01B0\u1EE3c ${obj.kind} id="${obj.id}":`, err);
     }
   }
+  /**
+   * Sync vị trí glider của 3 constraint mới (onPerpendicular / onPerpBisector /
+   * onCircleAroundPoint) — kéo → recompute t/theta dựa trên ref points + vị trí
+   * glider hiện tại → UPDATE_ATTRS. Không đụng onLine/onSegment/onCircle hiện
+   * tại (giữ behavior cũ).
+   */
+  attachGliderDragSync(obj, el) {
+    if (obj.kind !== "point") return;
+    const c = obj.attrs.constraint;
+    if (!c) return;
+    if (c.kind !== "onPerpendicular" && c.kind !== "onPerpBisector" && c.kind !== "onCircleAroundPoint") {
+      return;
+    }
+    const point = el;
+    if (typeof point.on !== "function") return;
+    const sceneId = obj.id;
+    point.on("up", () => {
+      if (this.disposed) return;
+      const cur = this.store.getState().objects[sceneId];
+      if (!cur) return;
+      const curC = cur.attrs.constraint;
+      if (!curC) 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;
+      if (curC.kind === "onPerpendicular") {
+        const T = this.elements.get(curC.through);
+        const A = this.elements.get(curC.perpToA);
+        const B = this.elements.get(curC.perpToB);
+        if (!T || !A || !B) return;
+        const dx = B.X() - A.X();
+        const dy = B.Y() - A.Y();
+        const len = Math.hypot(dx, dy) || 1;
+        const ux = -dy / len;
+        const uy = dx / len;
+        const newT = (x - T.X()) * ux + (y - T.Y()) * uy;
+        if (Math.abs(newT - curC.t) < 1e-9) return;
+        this.store.dispatch({
+          type: "UPDATE_ATTRS",
+          payload: { id: sceneId, patch: { constraint: { ...curC, t: newT } } }
+        });
+        return;
+      }
+      if (curC.kind === "onPerpBisector") {
+        const A = this.elements.get(curC.p1);
+        const B = this.elements.get(curC.p2);
+        if (!A || !B) return;
+        const Mx = (A.X() + B.X()) / 2;
+        const My = (A.Y() + B.Y()) / 2;
+        const dx = B.X() - A.X();
+        const dy = B.Y() - A.Y();
+        const len = Math.hypot(dx, dy) || 1;
+        const ux = -dy / len;
+        const uy = dx / len;
+        const newT = (x - Mx) * ux + (y - My) * uy;
+        if (Math.abs(newT - curC.t) < 1e-9) return;
+        this.store.dispatch({
+          type: "UPDATE_ATTRS",
+          payload: { id: sceneId, patch: { constraint: { ...curC, t: newT } } }
+        });
+        return;
+      }
+      if (curC.kind === "onCircleAroundPoint") {
+        const C = this.elements.get(curC.center);
+        if (!C) return;
+        const newTheta = Math.atan2(y - C.Y(), x - C.X());
+        if (Math.abs(newTheta - curC.theta) < 1e-9) return;
+        this.store.dispatch({
+          type: "UPDATE_ATTRS",
+          payload: { id: sceneId, patch: { constraint: { ...curC, theta: newTheta } } }
+        });
+        return;
+      }
+    });
+  }
   /**
    * Đồ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
@@ -344,5 +422,5 @@ var JxgRenderer = class {
 };
 
 export { DEFAULT_THEME_2D, JxgRenderer };
-//# sourceMappingURL=chunk-BKSXPNPQ.mjs.map
-//# sourceMappingURL=chunk-BKSXPNPQ.mjs.map
+//# sourceMappingURL=chunk-SZDAS7LK.mjs.map
+//# sourceMappingURL=chunk-SZDAS7LK.mjs.map

package/dist/chunk-SZDAS7LK.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-SZDAS7LK.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      this.attachGliderDragSync(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   * Sync vị trí glider của 3 constraint mới (onPerpendicular / onPerpBisector /\n   * onCircleAroundPoint) — kéo → recompute t/theta dựa trên ref points + vị trí\n   * glider hiện tại → UPDATE_ATTRS. Không đụng onLine/onSegment/onCircle hiện\n   * tại (giữ behavior cũ).\n   */\n  private attachGliderDragSync(obj: SceneObject, el: unknown): void {\n    if (obj.kind !== 'point') return;\n    const c = (obj.attrs as { constraint?: { kind?: string } }).constraint as\n      | { kind: string; [k: string]: unknown }\n      | undefined;\n    if (!c) return;\n    if (\n      c.kind !== 'onPerpendicular' &&\n      c.kind !== 'onPerpBisector' &&\n      c.kind !== 'onCircleAroundPoint'\n    ) {\n      return;\n    }\n\n    const point = el as { on?: (ev: string, cb: () => void) => void; X?: () => number; Y?: () => number };\n    if (typeof point.on !== 'function') return;\n    const sceneId = obj.id;\n\n    point.on('up', () => {\n      if (this.disposed) return;\n      const cur = this.store.getState().objects[sceneId];\n      if (!cur) return;\n      const curC = (cur.attrs as { constraint?: { kind?: string; [k: string]: unknown } }).constraint as\n        | { kind: string; [k: string]: unknown }\n        | undefined;\n      if (!curC) 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\n      if (curC.kind === 'onPerpendicular') {\n        const T = this.elements.get(curC.through as string) as { X: () => number; Y: () => number } | null;\n        const A = this.elements.get(curC.perpToA as string) as { X: () => number; Y: () => number } | null;\n        const B = this.elements.get(curC.perpToB as string) as { X: () => number; Y: () => number } | null;\n        if (!T || !A || !B) return;\n        const dx = B.X() - A.X();\n        const dy = B.Y() - A.Y();\n        const len = Math.hypot(dx, dy) || 1;\n        const ux = -dy / len;\n        const uy = dx / len;\n        const newT = (x - T.X()) * ux + (y - T.Y()) * uy;\n        if (Math.abs(newT - (curC.t as number)) < 1e-9) return;\n        this.store.dispatch({\n          type: 'UPDATE_ATTRS',\n          payload: { id: sceneId, patch: { constraint: { ...curC, t: newT } } },\n        });\n        return;\n      }\n\n      if (curC.kind === 'onPerpBisector') {\n        const A = this.elements.get(curC.p1 as string) as { X: () => number; Y: () => number } | null;\n        const B = this.elements.get(curC.p2 as string) as { X: () => number; Y: () => number } | null;\n        if (!A || !B) return;\n        const Mx = (A.X() + B.X()) / 2;\n        const My = (A.Y() + B.Y()) / 2;\n        const dx = B.X() - A.X();\n        const dy = B.Y() - A.Y();\n        const len = Math.hypot(dx, dy) || 1;\n        const ux = -dy / len;\n        const uy = dx / len;\n        const newT = (x - Mx) * ux + (y - My) * uy;\n        if (Math.abs(newT - (curC.t as number)) < 1e-9) return;\n        this.store.dispatch({\n          type: 'UPDATE_ATTRS',\n          payload: { id: sceneId, patch: { constraint: { ...curC, t: newT } } },\n        });\n        return;\n      }\n\n      if (curC.kind === 'onCircleAroundPoint') {\n        const C = this.elements.get(curC.center as string) as { X: () => number; Y: () => number } | null;\n        if (!C) return;\n        const newTheta = Math.atan2(y - C.Y(), x - C.X());\n        if (Math.abs(newTheta - (curC.theta as number)) < 1e-9) return;\n        this.store.dispatch({\n          type: 'UPDATE_ATTRS',\n          payload: { id: sceneId, patch: { constraint: { ...curC, theta: newTheta } } },\n        });\n        return;\n      }\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"]}