@xom11/whiteboard 0.7.0 → 0.9.1

package/dist/chunk-HM7RIXJE.mjs

@@ -1,331 +0,0 @@
-"use client";
-// src/stamps/graph-2d/serialize.ts
-var EMPTY_GRAPH = {
-  version: 1,
-  view: { xMin: -10, xMax: 10, yMin: -10, yMax: 10, showAxis: true, showGrid: true },
-  functions: [],
-  parameters: [],
-  points: [],
-  intersections: [],
-  tangents: []
-};
-function stringifySerializedGraph(graph) {
-  return JSON.stringify(graph);
-}
-function parseSerializedGraph(jsonState) {
-  let raw;
-  try {
-    raw = JSON.parse(jsonState);
-  } catch {
-    return null;
-  }
-  if (!raw || typeof raw !== "object" || Array.isArray(raw)) return null;
-  const r = raw;
-  if (r.version !== 1) return null;
-  if (!r.view || typeof r.view !== "object") return null;
-  const v = r.view;
-  if (typeof v.xMin !== "number" || typeof v.xMax !== "number" || typeof v.yMin !== "number" || typeof v.yMax !== "number" || typeof v.showAxis !== "boolean" || typeof v.showGrid !== "boolean") {
-    return null;
-  }
-  for (const key of ["functions", "parameters", "points", "intersections", "tangents"]) {
-    if (!Array.isArray(r[key])) return null;
-  }
-  return raw;
-}
-
-// src/stamps/graph-2d/parser.ts
-var ALLOWED_FUNCTIONS = /* @__PURE__ */ new Set([
-  "sin",
-  "cos",
-  "tan",
-  "asin",
-  "acos",
-  "atan",
-  "log",
-  "ln",
-  "exp",
-  "sqrt",
-  "abs",
-  "floor",
-  "ceil",
-  "round"
-]);
-var ALLOWED_CHARS = /^[a-zA-Z0-9_.+\-*/^()\s,]+$/;
-var IDENTIFIER_RE = /[a-zA-Z][a-zA-Z0-9_]*/g;
-var SUGGESTIONS = {
-  tg: "tan",
-  arcsin: "asin",
-  arccos: "acos",
-  arctan: "atan"
-};
-function errResult(message) {
-  return { ok: false, error: message, freeVars: /* @__PURE__ */ new Set() };
-}
-function validate(expr) {
-  const trimmed = expr.trim();
-  if (!trimmed) return errResult("Bi\u1EC3u th\u1EE9c r\u1ED7ng");
-  if (!ALLOWED_CHARS.test(trimmed)) return errResult("K\xFD t\u1EF1 kh\xF4ng h\u1EE3p l\u1EC7");
-  const ids = trimmed.match(IDENTIFIER_RE) ?? [];
-  const freeVars = /* @__PURE__ */ new Set();
-  for (const id of ids) {
-    if (id === "x" || id === "pi" || id === "e") continue;
-    if (ALLOWED_FUNCTIONS.has(id)) continue;
-    if (id.length === 1) {
-      freeVars.add(id);
-      continue;
-    }
-    const hint = SUGGESTIONS[id];
-    return errResult(
-      hint ? `T\xEAn h\xE0m kh\xF4ng h\u1EE3p l\u1EC7: "${id}". B\u1EA1n c\xF3 \xFD l\xE0 "${hint}" kh\xF4ng?` : `T\xEAn kh\xF4ng h\u1EE3p l\u1EC7: "${id}"`
-    );
-  }
-  try {
-    const paramSubs = Object.fromEntries([...freeVars].map((v) => [v, 1]));
-    const rewritten = rewriteToJs(trimmed, paramSubs);
-    new Function("x", `return (${rewritten})`);
-  } catch {
-    return errResult("L\u1ED7i c\xFA ph\xE1p");
-  }
-  return { ok: true, freeVars };
-}
-var FUNCTION_REPLACEMENTS = [
-  // longest first để tránh substring conflict (asin trước sin)
-  ["asin", "Math.asin"],
-  ["acos", "Math.acos"],
-  ["atan", "Math.atan"],
-  ["sqrt", "Math.sqrt"],
-  ["floor", "Math.floor"],
-  ["round", "Math.round"],
-  ["ceil", "Math.ceil"],
-  ["sin", "Math.sin"],
-  ["cos", "Math.cos"],
-  ["tan", "Math.tan"],
-  ["abs", "Math.abs"],
-  ["exp", "Math.exp"],
-  ["log", "Math.log10"],
-  ["ln", "Math.log"]
-];
-function rewriteToJs(expr, params) {
-  let s = expr.replace(/\^/g, "**");
-  s = s.replace(/\bpi\b/g, "Math.PI");
-  s = s.replace(/\be\b/g, "Math.E");
-  for (const [from, to] of FUNCTION_REPLACEMENTS) {
-    s = s.replace(new RegExp(`\\b${from}\\b`, "g"), to);
-  }
-  for (const [name, value] of Object.entries(params)) {
-    if (name.length !== 1) continue;
-    s = s.replace(new RegExp(`\\b${name}\\b`, "g"), `(${value})`);
-  }
-  return s;
-}
-function compile(expr, paramValues) {
-  const v = validate(expr);
-  if (!v.ok) return { error: v.error ?? "Invalid" };
-  try {
-    const rewritten = rewriteToJs(expr, paramValues);
-    const raw = new Function("x", `return (${rewritten})`);
-    return (x) => {
-      try {
-        const y = raw(x);
-        return typeof y === "number" ? y : NaN;
-      } catch {
-        return NaN;
-      }
-    };
-  } catch (err) {
-    return { error: err instanceof Error ? err.message : String(err) };
-  }
-}
-
-// src/stamps/graph-2d/editor/handlers.ts
-function addPointOnCurve(graph, ctx, idFactory) {
-  if (!ctx.functionId) return graph;
-  const point = {
-    id: idFactory(),
-    functionId: ctx.functionId,
-    x: ctx.x
-  };
-  return { ...graph, points: [...graph.points, point] };
-}
-function addIntersection(graph, functionIdA, functionIdB, idFactory) {
-  if (functionIdA === functionIdB) return graph;
-  const exists = graph.intersections.some(
-    (i) => i.functionIdA === functionIdA && i.functionIdB === functionIdB || i.functionIdA === functionIdB && i.functionIdB === functionIdA
-  );
-  if (exists) return graph;
-  const intersection = {
-    id: idFactory(),
-    functionIdA,
-    functionIdB
-  };
-  return { ...graph, intersections: [...graph.intersections, intersection] };
-}
-function numericalDerivative(expression, paramValues, x, h = 1e-4) {
-  const fn = compile(expression, paramValues);
-  if (typeof fn !== "function") return NaN;
-  const y1 = fn(x - h);
-  const y2 = fn(x + h);
-  return (y2 - y1) / (2 * h);
-}
-
-// src/stamps/graph-2d/renderObjects.ts
-function renderGraphObjects(board, graph) {
-  const paramMap = {};
-  for (const p of graph.parameters) paramMap[p.name] = p.value;
-  for (const f of graph.functions) {
-    if (!f.visible) continue;
-    const compiled = compile(f.expression, paramMap);
-    if (typeof compiled !== "function") continue;
-    const domain = f.domain ?? { min: graph.view.xMin, max: graph.view.xMax };
-    board.create("functiongraph", [compiled, domain.min, domain.max], {
-      strokeColor: f.color,
-      strokeWidth: 2,
-      name: f.name,
-      withLabel: false,
-      highlight: false
-    });
-  }
-  for (const point of graph.points) {
-    const fn = graph.functions.find((f) => f.id === point.functionId);
-    if (!fn || !fn.visible) continue;
-    const compiled = compile(fn.expression, paramMap);
-    if (typeof compiled !== "function") continue;
-    const y = compiled(point.x);
-    board.create("point", [point.x, y], {
-      name: point.label ?? "",
-      size: 3,
-      fillColor: fn.color,
-      strokeColor: fn.color,
-      withLabel: !!point.label
-    });
-  }
-  for (const inter of graph.intersections) {
-    const fa = graph.functions.find((f) => f.id === inter.functionIdA);
-    const fb = graph.functions.find((f) => f.id === inter.functionIdB);
-    if (!fa || !fb || !fa.visible || !fb.visible) continue;
-    const cfa = compile(fa.expression, paramMap);
-    const cfb = compile(fb.expression, paramMap);
-    if (typeof cfa !== "function" || typeof cfb !== "function") continue;
-    const roots = scanRoots((x) => cfa(x) - cfb(x), graph.view.xMin, graph.view.xMax);
-    for (const x of roots) {
-      board.create("point", [x, cfa(x)], {
-        size: 3,
-        fillColor: "#000",
-        strokeColor: "#000"
-      });
-    }
-  }
-  for (const tan of graph.tangents) {
-    const pt = graph.points.find((p) => p.id === tan.pointId);
-    if (!pt) continue;
-    const fn = graph.functions.find((f) => f.id === pt.functionId);
-    if (!fn || !fn.visible) continue;
-    const slope = numericalDerivative(fn.expression, paramMap, pt.x);
-    const cfn = compile(fn.expression, paramMap);
-    if (typeof cfn !== "function" || !Number.isFinite(slope)) continue;
-    const y0 = cfn(pt.x);
-    const x1 = graph.view.xMin;
-    const x2 = graph.view.xMax;
-    board.create(
-      "line",
-      [
-        [x1, slope * (x1 - pt.x) + y0],
-        [x2, slope * (x2 - pt.x) + y0]
-      ],
-      {
-        strokeColor: fn.color,
-        strokeWidth: 1,
-        dash: 2,
-        straightFirst: false,
-        straightLast: false
-      }
-    );
-  }
-}
-function scanRoots(fn, xMin, xMax, samples = 200) {
-  const roots = [];
-  const step = (xMax - xMin) / samples;
-  let prevX = xMin;
-  let prevY = fn(prevX);
-  for (let i = 1; i <= samples; i++) {
-    const x = xMin + i * step;
-    const y = fn(x);
-    if (Number.isFinite(prevY) && Number.isFinite(y) && prevY * y < 0) {
-      let a = prevX;
-      let b = x;
-      let ya = prevY;
-      for (let j = 0; j < 30; j++) {
-        const m = (a + b) / 2;
-        const ym = fn(m);
-        if (Math.abs(ym) < 1e-6) {
-          a = b = m;
-          break;
-        }
-        if (ya * ym < 0) {
-          b = m;
-        } else {
-          a = m;
-          ya = ym;
-        }
-      }
-      roots.push((a + b) / 2);
-    }
-    prevX = x;
-    prevY = y;
-  }
-  return roots;
-}
-
-// src/stamps/graph-2d/render.ts
-async function renderGraph2dSvgFromState(jsonState) {
-  const parsed = parseSerializedGraph(jsonState);
-  if (!parsed) throw new Error("renderGraph2dSvgFromState: jsonState corrupt");
-  const JXG = (await import('jsxgraph')).default;
-  const opts = JXG.Options;
-  if (opts) {
-    opts.text = opts.text || {};
-    opts.text.display = "internal";
-    opts.text.useASCIIMathML = false;
-    opts.text.useMathJax = false;
-    opts.text.useKatex = false;
-    opts.label = opts.label || {};
-    opts.label.display = "internal";
-  }
-  const container = document.createElement("div");
-  container.id = `jxg_graph2d_off_${Date.now()}_${Math.random().toString(36).slice(2, 8)}`;
-  container.style.cssText = "position:absolute;top:-99999px;left:-99999px;width:600px;height:400px;visibility:hidden;pointer-events:none;";
-  document.body.appendChild(container);
-  let board = null;
-  try {
-    board = JXG.JSXGraph.initBoard(container.id, {
-      boundingbox: [parsed.view.xMin, parsed.view.yMax, parsed.view.xMax, parsed.view.yMin],
-      axis: parsed.view.showAxis,
-      grid: parsed.view.showGrid,
-      showCopyright: false,
-      showNavigation: false,
-      keepAspectRatio: false
-    });
-    renderGraphObjects(board, parsed);
-    board.update();
-    const svgEl = container.querySelector("svg");
-    if (!svgEl) throw new Error("renderGraph2dSvgFromState: no svg generated");
-    return svgEl.outerHTML;
-  } finally {
-    try {
-      if (board) JXG.JSXGraph.freeBoard(board);
-    } catch {
-    }
-    if (container.parentNode) container.parentNode.removeChild(container);
-  }
-}
-
-// src/stamps/graph-2d/types.ts
-function isGraph2DCustomData(data) {
-  if (!data || typeof data !== "object") return false;
-  const d = data;
-  return d.kind === "graph2d" && d.version === 1 && typeof d.jsonState === "string";
-}
-
-export { EMPTY_GRAPH, addIntersection, addPointOnCurve, compile, isGraph2DCustomData, numericalDerivative, parseSerializedGraph, renderGraph2dSvgFromState, stringifySerializedGraph, validate };
-//# sourceMappingURL=chunk-HM7RIXJE.mjs.map
-//# sourceMappingURL=chunk-HM7RIXJE.mjs.map

package/dist/chunk-HM7RIXJE.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/stamps/graph-2d/serialize.ts","../src/stamps/graph-2d/parser.ts","../src/stamps/graph-2d/editor/handlers.ts","../src/stamps/graph-2d/renderObjects.ts","../src/stamps/graph-2d/render.ts","../src/stamps/graph-2d/types.ts"],"names":[],"mappings":"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","file":"chunk-HM7RIXJE.mjs","sourcesContent":["export interface SerializedGraph {\n  version: 1;\n  view: {\n    xMin: number;\n    xMax: number;\n    yMin: number;\n    yMax: number;\n    showAxis: boolean;\n    showGrid: boolean;\n  };\n  functions: SerializedFunction[];\n  parameters: SerializedParameter[];\n  points: SerializedPoint[];\n  intersections: SerializedIntersection[];\n  tangents: SerializedTangent[];\n}\n\nexport interface SerializedFunction {\n  id: string;\n  name: string;\n  expression: string;\n  color: string;\n  visible: boolean;\n  domain?: { min: number; max: number };\n}\n\nexport interface SerializedParameter {\n  name: string;\n  value: number;\n  min: number;\n  max: number;\n  step: number;\n}\n\nexport interface SerializedPoint {\n  id: string;\n  functionId: string;\n  x: number;\n  label?: string;\n}\n\nexport interface SerializedIntersection {\n  id: string;\n  functionIdA: string;\n  functionIdB: string;\n}\n\nexport interface SerializedTangent {\n  id: string;\n  pointId: string;\n}\n\nexport const EMPTY_GRAPH: SerializedGraph = {\n  version: 1,\n  view: { xMin: -10, xMax: 10, yMin: -10, yMax: 10, showAxis: true, showGrid: true },\n  functions: [],\n  parameters: [],\n  points: [],\n  intersections: [],\n  tangents: [],\n};\n\nexport function stringifySerializedGraph(graph: SerializedGraph): string {\n  return JSON.stringify(graph);\n}\n\nexport function parseSerializedGraph(jsonState: string): SerializedGraph | null {\n  let raw: unknown;\n  try {\n    raw = JSON.parse(jsonState);\n  } catch {\n    return null;\n  }\n  if (!raw || typeof raw !== 'object' || Array.isArray(raw)) return null;\n  const r = raw as Record<string, unknown>;\n  if (r.version !== 1) return null;\n  if (!r.view || typeof r.view !== 'object') return null;\n  const v = r.view as Record<string, unknown>;\n  if (\n    typeof v.xMin !== 'number' ||\n    typeof v.xMax !== 'number' ||\n    typeof v.yMin !== 'number' ||\n    typeof v.yMax !== 'number' ||\n    typeof v.showAxis !== 'boolean' ||\n    typeof v.showGrid !== 'boolean'\n  ) {\n    return null;\n  }\n  for (const key of ['functions', 'parameters', 'points', 'intersections', 'tangents']) {\n    if (!Array.isArray(r[key])) return null;\n  }\n  return raw as SerializedGraph;\n}\n","const ALLOWED_FUNCTIONS = new Set([\n  'sin', 'cos', 'tan', 'asin', 'acos', 'atan',\n  'log', 'ln', 'exp', 'sqrt', 'abs',\n  'floor', 'ceil', 'round',\n]);\n\nconst ALLOWED_CHARS = /^[a-zA-Z0-9_.+\\-*/^()\\s,]+$/;\nconst IDENTIFIER_RE = /[a-zA-Z][a-zA-Z0-9_]*/g;\n\nconst SUGGESTIONS: Record<string, string> = {\n  tg: 'tan',\n  arcsin: 'asin',\n  arccos: 'acos',\n  arctan: 'atan',\n};\n\nexport interface ParseResult {\n  ok: boolean;\n  error?: string;\n  freeVars: Set<string>;\n}\n\nfunction errResult(message: string): ParseResult {\n  return { ok: false, error: message, freeVars: new Set() };\n}\n\nexport function validate(expr: string): ParseResult {\n  const trimmed = expr.trim();\n  if (!trimmed) return errResult('Biểu thức rỗng');\n  if (!ALLOWED_CHARS.test(trimmed)) return errResult('Ký tự không hợp lệ');\n\n  const ids = trimmed.match(IDENTIFIER_RE) ?? [];\n  const freeVars = new Set<string>();\n  for (const id of ids) {\n    if (id === 'x' || id === 'pi' || id === 'e') continue;\n    if (ALLOWED_FUNCTIONS.has(id)) continue;\n    if (id.length === 1) {\n      freeVars.add(id);\n      continue;\n    }\n    const hint = SUGGESTIONS[id];\n    return errResult(\n      hint\n        ? `Tên hàm không hợp lệ: \"${id}\". Bạn có ý là \"${hint}\" không?`\n        : `Tên không hợp lệ: \"${id}\"`,\n    );\n  }\n\n  try {\n    const paramSubs = Object.fromEntries([...freeVars].map((v) => [v, 1]));\n    const rewritten = rewriteToJs(trimmed, paramSubs);\n    new Function('x', `return (${rewritten})`);\n  } catch {\n    return errResult('Lỗi cú pháp');\n  }\n\n  return { ok: true, freeVars };\n}\n\nconst FUNCTION_REPLACEMENTS: Array<[string, string]> = [\n  // longest first để tránh substring conflict (asin trước sin)\n  ['asin', 'Math.asin'],\n  ['acos', 'Math.acos'],\n  ['atan', 'Math.atan'],\n  ['sqrt', 'Math.sqrt'],\n  ['floor', 'Math.floor'],\n  ['round', 'Math.round'],\n  ['ceil', 'Math.ceil'],\n  ['sin', 'Math.sin'],\n  ['cos', 'Math.cos'],\n  ['tan', 'Math.tan'],\n  ['abs', 'Math.abs'],\n  ['exp', 'Math.exp'],\n  ['log', 'Math.log10'],\n  ['ln', 'Math.log'],\n];\n\nexport function rewriteToJs(\n  expr: string,\n  params: Record<string, number>,\n): string {\n  let s = expr.replace(/\\^/g, '**');\n  s = s.replace(/\\bpi\\b/g, 'Math.PI');\n  s = s.replace(/\\be\\b/g, 'Math.E');\n  for (const [from, to] of FUNCTION_REPLACEMENTS) {\n    s = s.replace(new RegExp(`\\\\b${from}\\\\b`, 'g'), to);\n  }\n  for (const [name, value] of Object.entries(params)) {\n    if (name.length !== 1) continue;\n    s = s.replace(new RegExp(`\\\\b${name}\\\\b`, 'g'), `(${value})`);\n  }\n  return s;\n}\n\nexport function compile(\n  expr: string,\n  paramValues: Record<string, number>,\n): ((x: number) => number) | { error: string } {\n  const v = validate(expr);\n  if (!v.ok) return { error: v.error ?? 'Invalid' };\n  try {\n    const rewritten = rewriteToJs(expr, paramValues);\n    const raw = new Function('x', `return (${rewritten})`) as (x: number) => number;\n    return (x: number) => {\n      try {\n        const y = raw(x);\n        return typeof y === 'number' ? y : NaN;\n      } catch {\n        return NaN;\n      }\n    };\n  } catch (err) {\n    return { error: err instanceof Error ? err.message : String(err) };\n  }\n}\n","import type {\n  SerializedGraph,\n  SerializedPoint,\n  SerializedIntersection,\n  SerializedTangent,\n} from '../serialize';\nimport { compile } from '../parser';\n\nexport interface ClickContext {\n  x: number;\n  y: number;\n  functionId?: string;\n}\n\nexport function addPointOnCurve(\n  graph: SerializedGraph,\n  ctx: ClickContext,\n  idFactory: () => string,\n): SerializedGraph {\n  if (!ctx.functionId) return graph;\n  const point: SerializedPoint = {\n    id: idFactory(),\n    functionId: ctx.functionId,\n    x: ctx.x,\n  };\n  return { ...graph, points: [...graph.points, point] };\n}\n\nexport function addIntersection(\n  graph: SerializedGraph,\n  functionIdA: string,\n  functionIdB: string,\n  idFactory: () => string,\n): SerializedGraph {\n  if (functionIdA === functionIdB) return graph;\n  const exists = graph.intersections.some(\n    (i) =>\n      (i.functionIdA === functionIdA && i.functionIdB === functionIdB) ||\n      (i.functionIdA === functionIdB && i.functionIdB === functionIdA),\n  );\n  if (exists) return graph;\n  const intersection: SerializedIntersection = {\n    id: idFactory(),\n    functionIdA,\n    functionIdB,\n  };\n  return { ...graph, intersections: [...graph.intersections, intersection] };\n}\n\nexport function addTangent(\n  graph: SerializedGraph,\n  pointId: string,\n  idFactory: () => string,\n): SerializedGraph {\n  const exists = graph.tangents.some((t) => t.pointId === pointId);\n  if (exists) return graph;\n  const tangent: SerializedTangent = { id: idFactory(), pointId };\n  return { ...graph, tangents: [...graph.tangents, tangent] };\n}\n\n/**\n * Numerical derivative via centered difference. Dùng cho tangent tool.\n */\nexport function numericalDerivative(\n  expression: string,\n  paramValues: Record<string, number>,\n  x: number,\n  h = 1e-4,\n): number {\n  const fn = compile(expression, paramValues);\n  if (typeof fn !== 'function') return NaN;\n  const y1 = fn(x - h);\n  const y2 = fn(x + h);\n  return (y2 - y1) / (2 * h);\n}\n","import type { SerializedGraph } from './serialize';\nimport { compile } from './parser';\nimport { numericalDerivative } from './editor/handlers';\n\n/**\n * Render tất cả objects (functions, points, intersections, tangents) lên board JSXGraph.\n *\n * Pure function — không giữ state, dùng cho one-shot render (render.ts).\n * MiniBoard giữ syncObjects riêng để diff/track curves theo id.\n */\nexport function renderGraphObjects(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  board: any,\n  graph: SerializedGraph,\n): void {\n  const paramMap: Record<string, number> = {};\n  for (const p of graph.parameters) paramMap[p.name] = p.value;\n\n  // Functions\n  for (const f of graph.functions) {\n    if (!f.visible) continue;\n    const compiled = compile(f.expression, paramMap);\n    if (typeof compiled !== 'function') continue;\n    const domain = f.domain ?? { min: graph.view.xMin, max: graph.view.xMax };\n    board.create('functiongraph', [compiled, domain.min, domain.max], {\n      strokeColor: f.color,\n      strokeWidth: 2,\n      name: f.name,\n      withLabel: false,\n      highlight: false,\n    });\n  }\n\n  // Points\n  for (const point of graph.points) {\n    const fn = graph.functions.find((f) => f.id === point.functionId);\n    if (!fn || !fn.visible) continue;\n    const compiled = compile(fn.expression, paramMap);\n    if (typeof compiled !== 'function') continue;\n    const y = compiled(point.x);\n    board.create('point', [point.x, y], {\n      name: point.label ?? '',\n      size: 3,\n      fillColor: fn.color,\n      strokeColor: fn.color,\n      withLabel: !!point.label,\n    });\n  }\n\n  // Intersections\n  for (const inter of graph.intersections) {\n    const fa = graph.functions.find((f) => f.id === inter.functionIdA);\n    const fb = graph.functions.find((f) => f.id === inter.functionIdB);\n    if (!fa || !fb || !fa.visible || !fb.visible) continue;\n    const cfa = compile(fa.expression, paramMap);\n    const cfb = compile(fb.expression, paramMap);\n    if (typeof cfa !== 'function' || typeof cfb !== 'function') continue;\n    const roots = scanRoots((x: number) => cfa(x) - cfb(x), graph.view.xMin, graph.view.xMax);\n    for (const x of roots) {\n      board.create('point', [x, cfa(x)], {\n        size: 3,\n        fillColor: '#000',\n        strokeColor: '#000',\n      });\n    }\n  }\n\n  // Tangents\n  for (const tan of graph.tangents) {\n    const pt = graph.points.find((p) => p.id === tan.pointId);\n    if (!pt) continue;\n    const fn = graph.functions.find((f) => f.id === pt.functionId);\n    if (!fn || !fn.visible) continue;\n    const slope = numericalDerivative(fn.expression, paramMap, pt.x);\n    const cfn = compile(fn.expression, paramMap);\n    if (typeof cfn !== 'function' || !Number.isFinite(slope)) continue;\n    const y0 = cfn(pt.x);\n    const x1 = graph.view.xMin;\n    const x2 = graph.view.xMax;\n    board.create(\n      'line',\n      [\n        [x1, slope * (x1 - pt.x) + y0],\n        [x2, slope * (x2 - pt.x) + y0],\n      ],\n      {\n        strokeColor: fn.color,\n        strokeWidth: 1,\n        dash: 2,\n        straightFirst: false,\n        straightLast: false,\n      },\n    );\n  }\n}\n\nfunction scanRoots(\n  fn: (x: number) => number,\n  xMin: number,\n  xMax: number,\n  samples = 200,\n): number[] {\n  const roots: number[] = [];\n  const step = (xMax - xMin) / samples;\n  let prevX = xMin;\n  let prevY = fn(prevX);\n  for (let i = 1; i <= samples; i++) {\n    const x = xMin + i * step;\n    const y = fn(x);\n    if (Number.isFinite(prevY) && Number.isFinite(y) && prevY * y < 0) {\n      let a = prevX;\n      let b = x;\n      let ya = prevY;\n      for (let j = 0; j < 30; j++) {\n        const m = (a + b) / 2;\n        const ym = fn(m);\n        if (Math.abs(ym) < 1e-6) {\n          a = b = m;\n          break;\n        }\n        if (ya * ym < 0) {\n          b = m;\n        } else {\n          a = m;\n          ya = ym;\n        }\n      }\n      roots.push((a + b) / 2);\n    }\n    prevX = x;\n    prevY = y;\n  }\n  return roots;\n}\n","import { parseSerializedGraph } from './serialize';\nimport { renderGraphObjects } from './renderObjects';\n\n/**\n * Re-render SVG cho graph-2d stamp từ jsonState đã serialize.\n *\n * Dùng cho:\n *   1. Insert vào whiteboard (lúc user nhấn Chèn).\n *   2. Restore stamp file sau khi reload (Excalidraw không persist binary).\n *\n * Pattern mirror `geometry-2d/render.ts`:\n *   - LUÔN dùng light palette. Excalidraw apply CSS invert filter trong dark mode.\n *   - Đặt JXG.Options.text.display='internal' để label render dưới dạng SVG, không HTML overlay.\n *   - Offscreen div 600×400 cố định; cleanup sau khi clone SVG outerHTML.\n */\nexport async function renderGraph2dSvgFromState(jsonState: string): Promise<string> {\n  const parsed = parseSerializedGraph(jsonState);\n  if (!parsed) throw new Error('renderGraph2dSvgFromState: jsonState corrupt');\n\n  const JXG = (await import('jsxgraph')).default;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const opts = (JXG as any).Options;\n  if (opts) {\n    opts.text = opts.text || {};\n    opts.text.display = 'internal';\n    opts.text.useASCIIMathML = false;\n    opts.text.useMathJax = false;\n    opts.text.useKatex = false;\n    opts.label = opts.label || {};\n    opts.label.display = 'internal';\n  }\n\n  const container = document.createElement('div');\n  container.id = `jxg_graph2d_off_${Date.now()}_${Math.random().toString(36).slice(2, 8)}`;\n  container.style.cssText =\n    'position:absolute;top:-99999px;left:-99999px;width:600px;height:400px;visibility:hidden;pointer-events:none;';\n  document.body.appendChild(container);\n\n  let board: unknown = null;\n  try {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    board = (JXG as any).JSXGraph.initBoard(container.id, {\n      boundingbox: [parsed.view.xMin, parsed.view.yMax, parsed.view.xMax, parsed.view.yMin],\n      axis: parsed.view.showAxis,\n      grid: parsed.view.showGrid,\n      showCopyright: false,\n      showNavigation: false,\n      keepAspectRatio: false,\n    });\n    renderGraphObjects(board, parsed);\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (board as any).update();\n    const svgEl = container.querySelector('svg');\n    if (!svgEl) throw new Error('renderGraph2dSvgFromState: no svg generated');\n    return svgEl.outerHTML;\n  } finally {\n    try {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      if (board) (JXG as any).JSXGraph.freeBoard(board);\n    } catch {\n      /* ignore */\n    }\n    if (container.parentNode) container.parentNode.removeChild(container);\n  }\n}\n","import type { BaseStampCustomData } from '../shared/types';\n\nexport interface Graph2DCustomData extends BaseStampCustomData {\n  kind: 'graph2d';\n  version: 1;\n  jsonState: string;\n  svgWidth: number;\n  svgHeight: number;\n}\n\nexport function isGraph2DCustomData(data: unknown): data is Graph2DCustomData {\n  if (!data || typeof data !== 'object') return false;\n  const d = data as Partial<Graph2DCustomData>;\n  return d.kind === 'graph2d' && d.version === 1 && typeof d.jsonState === 'string';\n}\n"]}

package/dist/chunk-HYXFHEDJ.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/stamps/geometry-3d/render.ts","../src/stamps/geometry-3d/index.tsx"],"names":[],"mappings":"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","file":"chunk-HYXFHEDJ.mjs","sourcesContent":["\"use client\";\n\nimport { parseSerializedBoard3D } from './serialize';\n\nexport interface RenderResult {\n  svgString: string;\n  width: number;\n  height: number;\n}\n\nconst OUTPUT_WIDTH = 1024;\nconst OUTPUT_HEIGHT = 768;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype JxgObj = any;\n\nexport async function renderGeometry3DSvgFromState(\n  jsonState: string,\n): Promise<RenderResult> {\n  const state = parseSerializedBoard3D(jsonState);\n  const JXG = (await import('jsxgraph')).default;\n\n  const div = document.createElement('div');\n  div.style.cssText = `position:absolute;left:-9999px;top:-9999px;width:${OUTPUT_WIDTH}px;height:${OUTPUT_HEIGHT}px;`;\n  document.body.appendChild(div);\n\n  try {\n    JXG.Options.text.display = 'internal';\n\n    const board = JXG.JSXGraph.initBoard(div, {\n      boundingbox: state.bbox,\n      axis: false,\n      showCopyright: false,\n      showNavigation: false,\n      renderer: 'svg',\n    }) as { create: (k: string, p: unknown[], a: unknown) => JxgObj };\n\n    const view: JxgObj = board.create(\n      'view3d',\n      [\n        [-5, -5],\n        [10, 10],\n        [\n          [state.view.bbox3D[0], state.view.bbox3D[3]],\n          [state.view.bbox3D[1], state.view.bbox3D[4]],\n          [state.view.bbox3D[2], state.view.bbox3D[5]],\n        ],\n      ],\n      {\n        az: { slider: { visible: false }, value: state.view.azimuth },\n        el: { slider: { visible: false }, value: state.view.elevation },\n        projection: 'central',\n      },\n    );\n\n    if (!state.showAxes) {\n      (view as { defaultAxes?: unknown[] }).defaultAxes = [];\n    }\n\n    const idMap = new Map<string, JxgObj>();\n    for (const el of state.elements) {\n      const parents = el.parents.map((p) =>\n        typeof p === 'string' && p.startsWith('@id:')\n          ? idMap.get(p.slice(4))\n          : p,\n      );\n      const obj = (\n        view as { create: (k: string, p: unknown[], a: unknown) => JxgObj }\n      ).create(el.type, parents, {\n        ...el.attributes,\n        id: el.id,\n        name: el.label,\n      });\n      idMap.set(el.id, obj);\n    }\n\n    const svg = div.querySelector('svg');\n    if (!svg) {\n      throw new Error('renderGeometry3DSvgFromState: SVG not produced');\n    }\n    const clone = svg.cloneNode(true) as SVGElement;\n    clone.setAttribute('width', String(OUTPUT_WIDTH));\n    clone.setAttribute('height', String(OUTPUT_HEIGHT));\n    const svgString = new XMLSerializer().serializeToString(clone);\n\n    try {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      JXG.JSXGraph.freeBoard(board as any);\n    } catch {\n      /* ignore teardown */\n    }\n\n    return { svgString, width: OUTPUT_WIDTH, height: OUTPUT_HEIGHT };\n  } finally {\n    document.body.removeChild(div);\n  }\n}\n","'use client';\n\nimport { lazy, type ReactNode } from 'react';\nimport {\n  isGeometry3DCustomData,\n  type Geometry3DCustomData,\n} from './serialize';\nimport { renderGeometry3DSvgFromState } from './render';\nimport type {\n  RestoredStampFile,\n  StampType,\n} from '../shared/types';\n\nexport { isGeometry3DCustomData };\nexport type { Geometry3DCustomData };\n\nconst Geometry3DStampHost = lazy(() =>\n  import('./host').then((m) => ({ default: m.Geometry3DStampHost })),\n);\n\nconst Geometry3DIcon: ReactNode = (\n  <svg\n    width=\"20\"\n    height=\"20\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"1.6\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    aria-hidden=\"true\"\n  >\n    {/* Mặt trước */}\n    <path d=\"M4 9 L4 20 L14 20 L14 9 Z\" />\n    {/* Mặt trên */}\n    <path d=\"M4 9 L10 4 L20 4 L14 9 Z\" />\n    {/* Mặt phải */}\n    <path d=\"M14 9 L20 4 L20 15 L14 20 Z\" />\n  </svg>\n);\n\nexport const geometry3dStamp: StampType = {\n  kind: 'geometry3d',\n  experimental: true,\n  shortcutKey: 'd',\n  toolbarLabel: 'D',\n  toolbarTitle: 'Hình 3D (D)',\n  toolbarIcon: Geometry3DIcon,\n  toolbarTestId: 'stamp-toolbar-geometry3d',\n  matchesCustomData: isGeometry3DCustomData,\n  async renderSvgFromCustomData(data: unknown): Promise<string> {\n    if (!isGeometry3DCustomData(data)) {\n      throw new Error('geometry3dStamp.renderSvgFromCustomData: customData không phải geometry3d');\n    }\n    const { svgString } = await renderGeometry3DSvgFromState(data.jsonState);\n    return svgString;\n  },\n  restoreFileFromCustomData: async (element): Promise<RestoredStampFile | null> => {\n    const data = element.customData as Geometry3DCustomData | undefined;\n    const fileId = (element as { fileId?: string | null }).fileId;\n    if (!data || !fileId) return null;\n    if (!isGeometry3DCustomData(data)) return null;\n    try {\n      const { svgString } = await renderGeometry3DSvgFromState(data.jsonState);\n      const dataURL = `data:image/svg+xml;base64,${\n        typeof btoa !== 'undefined'\n          ? btoa(unescape(encodeURIComponent(svgString)))\n          : Buffer.from(svgString).toString('base64')\n      }`;\n      return { fileId, dataURL, mimeType: 'image/svg+xml' };\n    } catch {\n      return null;\n    }\n  },\n  Host: Geometry3DStampHost,\n};\n"]}

package/dist/chunk-LPM4MM45.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/stamps/shared/useChordShortcut.ts","../src/stamps/shared/MobileToolDrawer.tsx"],"names":[],"mappings":"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","file":"chunk-LPM4MM45.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","'use client';\n\nimport React from 'react';\n\n/**\n * Generic mobile tool drawer dùng chung cho geometry-2d + geometry-3d.\n *\n * Layout:\n *  - Header: icon + title + close\n *  - Sticky toolbar: chip switches (Trục/Lưới) + icon-actions (Reset, Undo)\n *  - Body: section dọc, mỗi section là 1 nhóm tools, grid 3-col card có nhãn\n *\n * Style: soft-modern, emerald accent, khớp các class trong shared/stamp.css.\n */\n\nexport interface MobileChip {\n  /** Label hiển thị + aria-label */\n  label: string;\n  icon: React.ReactNode;\n  pressed: boolean;\n  onToggle: (next: boolean) => void;\n  /** data-testid optional (để test cũ chạy được) */\n  testId?: string;\n}\n\nexport interface MobileActionButton {\n  label: string;\n  icon: React.ReactNode;\n  onClick: () => void;\n  disabled?: boolean;\n  title?: string;\n}\n\nexport interface MobileTool<TKey extends string> {\n  key: TKey;\n  label: string;\n  icon: React.ReactNode;\n}\n\nexport interface MobileToolGroup<TKey extends string, TGroup extends string> {\n  group: TGroup;\n  groupLabel: string;\n  tools: MobileTool<TKey>[];\n}\n\ninterface MobileToolDrawerProps<TKey extends string, TGroup extends string> {\n  title: string;\n  headerIcon: React.ReactNode;\n  chips: MobileChip[];\n  actions: MobileActionButton[];\n  groups: MobileToolGroup<TKey, TGroup>[];\n  activeTool: TKey;\n  onToolSelect: (key: TKey) => void;\n  drawerOpen: boolean;\n  onDrawerClose: () => void;\n  isDark?: boolean;\n  /** data-testid trên <aside> — giữ để test cũ tìm được panel */\n  testId?: string;\n}\n\nexport function MobileToolDrawer<TKey extends string, TGroup extends string>({\n  title,\n  headerIcon,\n  chips,\n  actions,\n  groups,\n  activeTool,\n  onToolSelect,\n  drawerOpen,\n  onDrawerClose,\n  isDark,\n  testId,\n}: MobileToolDrawerProps<TKey, TGroup>) {\n  return (\n    <>\n      {drawerOpen && (\n        <div\n          className=\"stamp-drawer-backdrop\"\n          onPointerDown={onDrawerClose}\n          aria-hidden=\"true\"\n        />\n      )}\n      <aside\n        role=\"complementary\"\n        aria-label={title}\n        aria-hidden={!drawerOpen ? 'true' : undefined}\n        data-testid={testId}\n        data-stamp-area=\"true\"\n        data-mobile-drawer=\"true\"\n        data-geo-mobile=\"true\"\n        data-drawer-state={drawerOpen ? 'open' : 'closed'}\n        className={[\n          isDark ? 'theme--dark ' : '',\n          'stamp-drawer-mobile flex flex-col border-r border-slate-200 bg-white shadow-md',\n        ].join('')}\n      >\n        {/* Header */}\n        <header className=\"flex items-center justify-between border-b border-slate-200 bg-gradient-to-r from-slate-50 to-white px-4 py-3\">\n          <h3 className=\"flex items-center gap-2 text-base font-semibold text-slate-800\">\n            <span className=\"inline-flex h-7 w-7 items-center justify-center rounded-lg bg-emerald-50 text-emerald-700\">\n              {headerIcon}\n            </span>\n            {title}\n          </h3>\n          <button\n            type=\"button\"\n            onClick={onDrawerClose}\n            aria-label=\"Đóng ngăn công cụ\"\n            className=\"inline-flex h-9 w-9 items-center justify-center rounded-full text-slate-500 transition hover:bg-slate-100 hover:text-slate-800\"\n          >\n            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n              <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n              <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n            </svg>\n          </button>\n        </header>\n\n        {/* Sticky toolbar: chips + actions */}\n        <div className=\"sticky top-0 z-10 flex items-center gap-2 border-b border-slate-200 bg-white/95 px-3 py-2 backdrop-blur\">\n          {chips.map((c) => (\n            <button\n              key={c.label}\n              type=\"button\"\n              role=\"switch\"\n              aria-pressed={c.pressed}\n              aria-label={c.label}\n              data-testid={c.testId}\n              onClick={() => c.onToggle(!c.pressed)}\n              className=\"geo-mobile-chip\"\n            >\n              {c.icon}\n              {c.label}\n            </button>\n          ))}\n          {actions.length > 0 && <div className=\"ml-auto flex items-center gap-1\">\n            {actions.map((a) => (\n              <button\n                key={a.label}\n                type=\"button\"\n                onClick={a.onClick}\n                disabled={a.disabled}\n                aria-label={a.label}\n                title={a.title ?? a.label}\n                className=\"inline-flex h-9 w-9 items-center justify-center rounded-full text-slate-600 transition hover:bg-slate-100 hover:text-slate-900 disabled:cursor-not-allowed disabled:text-slate-300 disabled:hover:bg-transparent\"\n              >\n                {a.icon}\n              </button>\n            ))}\n          </div>}\n        </div>\n\n        {/* Body: groups xếp dọc */}\n        <div\n          className=\"min-h-0 flex-1 overflow-y-auto\"\n          style={{ paddingBottom: 'calc(0.75rem + env(safe-area-inset-bottom))' }}\n        >\n          {groups.map((g) => (\n            <section key={g.group} className=\"px-3 pt-3 pb-1\">\n              <h4 className=\"mb-2 flex items-center gap-2 text-[11px] font-semibold uppercase tracking-wider text-slate-500\">\n                <span className=\"h-1 w-1 rounded-full bg-emerald-500\" />\n                {g.groupLabel}\n              </h4>\n              <div className=\"grid grid-cols-3 gap-2\">\n                {g.tools.map((t) => {\n                  const active = activeTool === t.key;\n                  return (\n                    <button\n                      key={t.key}\n                      type=\"button\"\n                      aria-label={t.label}\n                      aria-pressed={active}\n                      data-tool={t.key}\n                      onClick={() => {\n                        onToolSelect(t.key);\n                        onDrawerClose();\n                      }}\n                      className={[\n                        'flex flex-col items-center justify-center gap-1.5 rounded-2xl px-2 py-3 transition active:scale-95',\n                        active\n                          ? 'geo-mobile-tool-active'\n                          : 'bg-slate-50 text-slate-700 hover:bg-slate-100',\n                      ].join(' ')}\n                    >\n                      <span className=\"flex h-6 w-6 items-center justify-center\">{t.icon}</span>\n                      <span className=\"text-center text-[11px] font-medium leading-tight line-clamp-2\">\n                        {t.label}\n                      </span>\n                    </button>\n                  );\n                })}\n              </div>\n            </section>\n          ))}\n        </div>\n      </aside>\n    </>\n  );\n}\n"]}