@xom11/whiteboard 0.7.0 → 0.10.0

package/dist/chunk-WQOABS6N.mjs

@@ -0,0 +1,197 @@
+"use client";
+import { paletteFor } from './chunk-HTBLO5JO.mjs';
+
+// src/stamps/geometry-3d/serialize.ts
+function isGeometry3DCustomData(data) {
+  if (!data || typeof data !== "object") return false;
+  const d = data;
+  return d.kind === "geometry3d" && (d.version === 1 || d.version === 2) && typeof d.jsonState === "string";
+}
+function serializeBoard3D(state) {
+  return JSON.stringify(state);
+}
+function parseSerializedBoard3D(json) {
+  const parsed = JSON.parse(json);
+  if (!parsed || typeof parsed !== "object") {
+    throw new Error("parseSerializedBoard3D: not an object");
+  }
+  const p = parsed;
+  if (p.version !== 1 && p.version !== 2) {
+    throw new Error(`parseSerializedBoard3D: unsupported version ${String(p.version)}`);
+  }
+  if (!Array.isArray(p.elements)) {
+    throw new Error("parseSerializedBoard3D: elements missing");
+  }
+  return parsed;
+}
+
+// src/stamps/geometry-3d/editor/theme.ts
+function paletteFor2(isDark) {
+  const base = paletteFor(isDark);
+  return {
+    ...base,
+    view3dBg: isDark ? "#1a1a1a" : "#ffffff",
+    axisX: "#d63b3b",
+    axisY: "#2d8a2d",
+    axisZ: "#2d6dd6"
+  };
+}
+var DEFAULT_VIEW3D = {
+  azimuth: 0.7,
+  elevation: 0.4,
+  bbox3D: [-3, -3, -3, 3, 3, 3]
+};
+var VIEW3D_ATTRS = (isDark) => {
+  const p = paletteFor2(isDark);
+  const axisLabel = (color) => ({
+    strokeColor: color,
+    fontSize: 14,
+    offset: [10, 0]
+  });
+  return {
+    az: { slider: { visible: false }, point2: { visible: false } },
+    el: { slider: { visible: false } },
+    projection: "central",
+    // GeoGebra-style: axes pass through origin (0,0,0) instead of bbox border.
+    axesPosition: "center",
+    xAxis: {
+      strokeColor: p.axisX,
+      strokeWidth: 2,
+      lastArrow: { type: 2, size: 8 },
+      name: "x",
+      withLabel: true,
+      label: axisLabel(p.axisX)
+    },
+    yAxis: {
+      strokeColor: p.axisY,
+      strokeWidth: 2,
+      lastArrow: { type: 2, size: 8 },
+      name: "y",
+      withLabel: true,
+      label: axisLabel(p.axisY)
+    },
+    zAxis: {
+      strokeColor: p.axisZ,
+      strokeWidth: 2,
+      lastArrow: { type: 2, size: 8 },
+      name: "z",
+      withLabel: true,
+      label: axisLabel(p.axisZ)
+    },
+    // GeoGebra-style: hide ALL bbox wall planes; the XY ground plane is drawn
+    // explicitly at z=0 via the helper below (so it coincides with Ox/Oy).
+    xPlaneRear: { visible: false, mesh3d: { visible: false } },
+    yPlaneRear: { visible: false, mesh3d: { visible: false } },
+    zPlaneRear: { visible: false, mesh3d: { visible: false } }
+  };
+};
+var GROUND_PLANE_ATTRS = (isDark) => ({
+  fillColor: isDark ? "#2a2a2a" : "#e6e6e6",
+  fillOpacity: isDark ? 0.5 : 0.55,
+  strokeColor: isDark ? "#3a3a3a" : "#cfcfcf",
+  strokeOpacity: 0.7,
+  strokeWidth: 1,
+  fixed: true,
+  highlight: false,
+  withLabel: false,
+  layer: 0
+});
+var GROUND_PLANE_RANGE = [-3, 3];
+
+// src/stamps/geometry-3d/render.ts
+var OUTPUT_WIDTH = 1024;
+var OUTPUT_HEIGHT = 768;
+async function renderGeometry3DSvgFromState(jsonState) {
+  const state = parseSerializedBoard3D(jsonState);
+  const JXG = (await import('jsxgraph')).default;
+  const div = document.createElement("div");
+  div.style.cssText = `position:absolute;left:-9999px;top:-9999px;width:${OUTPUT_WIDTH}px;height:${OUTPUT_HEIGHT}px;`;
+  document.body.appendChild(div);
+  try {
+    JXG.Options.text.display = "internal";
+    const board = JXG.JSXGraph.initBoard(div, {
+      boundingbox: state.bbox,
+      keepaspectratio: true,
+      axis: false,
+      showCopyright: false,
+      showNavigation: false,
+      renderer: "svg"
+    });
+    const baseAttrs = VIEW3D_ATTRS(false);
+    const view = board.create(
+      "view3d",
+      [
+        [-5, -5],
+        [10, 10],
+        [
+          [state.view.bbox3D[0], state.view.bbox3D[3]],
+          [state.view.bbox3D[1], state.view.bbox3D[4]],
+          [state.view.bbox3D[2], state.view.bbox3D[5]]
+        ]
+      ],
+      {
+        ...baseAttrs,
+        // JSXGraph view3d đọc azimuth/elevation từ az.slider.start (không phải
+        // az.value). Nếu pass `value` → JSXGraph bỏ qua → render rơi về default
+        // (1.0 rad / 0.3 rad), không khớp góc user xoay trong editor.
+        az: { ...baseAttrs.az, slider: { ...baseAttrs.az.slider, start: state.view.azimuth } },
+        el: { ...baseAttrs.el, slider: { ...baseAttrs.el.slider, start: state.view.elevation } }
+      }
+    );
+    try {
+      const v = view;
+      v?.az_slide?.setValue?.(state.view.azimuth);
+      v?.el_slide?.setValue?.(state.view.elevation);
+      v?.board?.update?.();
+    } catch {
+    }
+    if (!state.showAxes) {
+      view.defaultAxes = [];
+    }
+    try {
+      view.create(
+        "plane3d",
+        [
+          [0, 0, 0],
+          [1, 0, 0],
+          [0, 1, 0],
+          GROUND_PLANE_RANGE,
+          GROUND_PLANE_RANGE
+        ],
+        GROUND_PLANE_ATTRS(false)
+      );
+    } catch {
+    }
+    const idMap = /* @__PURE__ */ new Map();
+    for (const el of state.elements) {
+      const parents = el.parents.map(
+        (p) => typeof p === "string" && p.startsWith("@id:") ? idMap.get(p.slice(4)) : p
+      );
+      const obj = view.create(el.type, parents, {
+        ...el.attributes,
+        id: el.id,
+        name: el.label
+      });
+      idMap.set(el.id, obj);
+    }
+    const svg = div.querySelector("svg");
+    if (!svg) {
+      throw new Error("renderGeometry3DSvgFromState: SVG not produced");
+    }
+    const clone = svg.cloneNode(true);
+    clone.setAttribute("width", String(OUTPUT_WIDTH));
+    clone.setAttribute("height", String(OUTPUT_HEIGHT));
+    const svgString = new XMLSerializer().serializeToString(clone);
+    try {
+      JXG.JSXGraph.freeBoard(board);
+    } catch {
+    }
+    return { svgString, width: OUTPUT_WIDTH, height: OUTPUT_HEIGHT };
+  } finally {
+    document.body.removeChild(div);
+  }
+}
+
+export { DEFAULT_VIEW3D, GROUND_PLANE_ATTRS, GROUND_PLANE_RANGE, VIEW3D_ATTRS, isGeometry3DCustomData, paletteFor2 as paletteFor, parseSerializedBoard3D, renderGeometry3DSvgFromState, serializeBoard3D };
+//# sourceMappingURL=chunk-WQOABS6N.mjs.map
+//# sourceMappingURL=chunk-WQOABS6N.mjs.map

package/dist/chunk-WQOABS6N.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/stamps/geometry-3d/serialize.ts","../src/stamps/geometry-3d/editor/theme.ts","../src/stamps/geometry-3d/render.ts"],"names":["paletteFor"],"mappings":";;;AAWO,SAAS,uBAAuB,IAAA,EAA6C;AAClF,EAAA,IAAI,CAAC,IAAA,IAAQ,OAAO,IAAA,KAAS,UAAU,OAAO,KAAA;AAC9C,EAAA,MAAM,CAAA,GAAI,IAAA;AACV,EAAA,OACE,CAAA,CAAE,IAAA,KAAS,YAAA,KACV,CAAA,CAAE,OAAA,KAAY,CAAA,IAAK,CAAA,CAAE,OAAA,KAAY,CAAA,CAAA,IAClC,OAAO,CAAA,CAAE,SAAA,KAAc,QAAA;AAE3B;AAsCO,SAAS,iBAAiB,KAAA,EAAkC;AACjE,EAAA,OAAO,IAAA,CAAK,UAAU,KAAK,CAAA;AAC7B;AAEO,SAAS,uBAAuB,IAAA,EAAiC;AACtE,EAAA,MAAM,MAAA,GAAS,IAAA,CAAK,KAAA,CAAM,IAAI,CAAA;AAC9B,EAAA,IAAI,CAAC,MAAA,IAAU,OAAO,MAAA,KAAW,QAAA,EAAU;AACzC,IAAA,MAAM,IAAI,MAAM,uCAAuC,CAAA;AAAA,EACzD;AACA,EAAA,MAAM,CAAA,GAAI,MAAA;AACV,EAAA,IAAI,CAAA,CAAE,OAAA,KAAY,CAAA,IAAK,CAAA,CAAE,YAAY,CAAA,EAAG;AACtC,IAAA,MAAM,IAAI,KAAA,CAAM,CAAA,4CAAA,EAA+C,OAAO,CAAA,CAAE,OAAO,CAAC,CAAA,CAAE,CAAA;AAAA,EACpF;AACA,EAAA,IAAI,CAAC,KAAA,CAAM,OAAA,CAAQ,CAAA,CAAE,QAAQ,CAAA,EAAG;AAC9B,IAAA,MAAM,IAAI,MAAM,0CAA0C,CAAA;AAAA,EAC5D;AACA,EAAA,OAAO,MAAA;AACT;;;AC9DO,SAASA,YAAW,MAAA,EAAgC;AACzD,EAAA,MAAM,IAAA,GAAO,WAAU,MAAM,CAAA;AAC7B,EAAA,OAAO;AAAA,IACL,GAAG,IAAA;AAAA,IACH,QAAA,EAAU,SAAS,SAAA,GAAY,SAAA;AAAA,IAC/B,KAAA,EAAO,SAAA;AAAA,IACP,KAAA,EAAO,SAAA;AAAA,IACP,KAAA,EAAO;AAAA,GACT;AACF;AAEO,IAAM,cAAA,GAIT;AAAA,EACF,OAAA,EAAS,GAAA;AAAA,EACT,SAAA,EAAW,GAAA;AAAA,EACX,QAAQ,CAAC,EAAA,EAAI,IAAI,EAAA,EAAI,CAAA,EAAG,GAAG,CAAC;AAC9B;AAEO,IAAM,YAAA,GAAe,CAAC,MAAA,KAAoB;AAC/C,EAAA,MAAM,CAAA,GAAIA,YAAW,MAAM,CAAA;AAC3B,EAAA,MAAM,SAAA,GAAY,CAAC,KAAA,MAAmB;AAAA,IACpC,WAAA,EAAa,KAAA;AAAA,IACb,QAAA,EAAU,EAAA;AAAA,IACV,MAAA,EAAQ,CAAC,EAAA,EAAI,CAAC;AAAA,GAChB,CAAA;AACA,EAAA,OAAO;AAAA,IACL,EAAA,EAAI,EAAE,MAAA,EAAQ,EAAE,OAAA,EAAS,KAAA,EAAM,EAAG,MAAA,EAAQ,EAAE,OAAA,EAAS,KAAA,EAAM,EAAE;AAAA,IAC7D,IAAI,EAAE,MAAA,EAAQ,EAAE,OAAA,EAAS,OAAM,EAAE;AAAA,IACjC,UAAA,EAAY,SAAA;AAAA;AAAA,IAEZ,YAAA,EAAc,QAAA;AAAA,IACd,KAAA,EAAO;AAAA,MACL,aAAa,CAAA,CAAE,KAAA;AAAA,MACf,WAAA,EAAa,CAAA;AAAA,MACb,SAAA,EAAW,EAAE,IAAA,EAAM,CAAA,EAAG,MAAM,CAAA,EAAE;AAAA,MAC9B,IAAA,EAAM,GAAA;AAAA,MACN,SAAA,EAAW,IAAA;AAAA,MACX,KAAA,EAAO,SAAA,CAAU,CAAA,CAAE,KAAK;AAAA,KAC1B;AAAA,IACA,KAAA,EAAO;AAAA,MACL,aAAa,CAAA,CAAE,KAAA;AAAA,MACf,WAAA,EAAa,CAAA;AAAA,MACb,SAAA,EAAW,EAAE,IAAA,EAAM,CAAA,EAAG,MAAM,CAAA,EAAE;AAAA,MAC9B,IAAA,EAAM,GAAA;AAAA,MACN,SAAA,EAAW,IAAA;AAAA,MACX,KAAA,EAAO,SAAA,CAAU,CAAA,CAAE,KAAK;AAAA,KAC1B;AAAA,IACA,KAAA,EAAO;AAAA,MACL,aAAa,CAAA,CAAE,KAAA;AAAA,MACf,WAAA,EAAa,CAAA;AAAA,MACb,SAAA,EAAW,EAAE,IAAA,EAAM,CAAA,EAAG,MAAM,CAAA,EAAE;AAAA,MAC9B,IAAA,EAAM,GAAA;AAAA,MACN,SAAA,EAAW,IAAA;AAAA,MACX,KAAA,EAAO,SAAA,CAAU,CAAA,CAAE,KAAK;AAAA,KAC1B;AAAA;AAAA;AAAA,IAGA,UAAA,EAAY,EAAE,OAAA,EAAS,KAAA,EAAO,QAAQ,EAAE,OAAA,EAAS,OAAM,EAAE;AAAA,IACzD,UAAA,EAAY,EAAE,OAAA,EAAS,KAAA,EAAO,QAAQ,EAAE,OAAA,EAAS,OAAM,EAAE;AAAA,IACzD,UAAA,EAAY,EAAE,OAAA,EAAS,KAAA,EAAO,QAAQ,EAAE,OAAA,EAAS,OAAM;AAAE,GAC3D;AACF;AAEO,IAAM,kBAAA,GAAqB,CAAC,MAAA,MAAqB;AAAA,EACtD,SAAA,EAAW,SAAS,SAAA,GAAY,SAAA;AAAA,EAChC,WAAA,EAAa,SAAS,GAAA,GAAM,IAAA;AAAA,EAC5B,WAAA,EAAa,SAAS,SAAA,GAAY,SAAA;AAAA,EAClC,aAAA,EAAe,GAAA;AAAA,EACf,WAAA,EAAa,CAAA;AAAA,EACb,KAAA,EAAO,IAAA;AAAA,EACP,SAAA,EAAW,KAAA;AAAA,EACX,SAAA,EAAW,KAAA;AAAA,EACX,KAAA,EAAO;AACT,CAAA;AAGO,IAAM,kBAAA,GAAuC,CAAC,EAAA,EAAI,CAAC;;;AChF1D,IAAM,YAAA,GAAe,IAAA;AACrB,IAAM,aAAA,GAAgB,GAAA;AAKtB,eAAsB,6BACpB,SAAA,EACuB;AACvB,EAAA,MAAM,KAAA,GAAQ,uBAAuB,SAAS,CAAA;AAC9C,EAAA,MAAM,GAAA,GAAA,CAAO,MAAM,OAAO,UAAU,CAAA,EAAG,OAAA;AAEvC,EAAA,MAAM,GAAA,GAAM,QAAA,CAAS,aAAA,CAAc,KAAK,CAAA;AACxC,EAAA,GAAA,CAAI,KAAA,CAAM,OAAA,GAAU,CAAA,iDAAA,EAAoD,YAAY,aAAa,aAAa,CAAA,GAAA,CAAA;AAC9G,EAAA,QAAA,CAAS,IAAA,CAAK,YAAY,GAAG,CAAA;AAE7B,EAAA,IAAI;AACF,IAAA,GAAA,CAAI,OAAA,CAAQ,KAAK,OAAA,GAAU,UAAA;AAE3B,IAAA,MAAM,KAAA,GAAQ,GAAA,CAAI,QAAA,CAAS,SAAA,CAAU,GAAA,EAAK;AAAA,MACxC,aAAa,KAAA,CAAM,IAAA;AAAA,MACnB,eAAA,EAAiB,IAAA;AAAA,MACjB,IAAA,EAAM,KAAA;AAAA,MACN,aAAA,EAAe,KAAA;AAAA,MACf,cAAA,EAAgB,KAAA;AAAA,MAChB,QAAA,EAAU;AAAA,KACX,CAAA;AAED,IAAA,MAAM,SAAA,GAAY,aAAa,KAAK,CAAA;AACpC,IAAA,MAAM,OAAe,KAAA,CAAM,MAAA;AAAA,MACzB,QAAA;AAAA,MACA;AAAA,QACE,CAAC,IAAI,CAAA,CAAE,CAAA;AAAA,QACP,CAAC,IAAI,EAAE,CAAA;AAAA,QACP;AAAA,UACE,CAAC,KAAA,CAAM,IAAA,CAAK,MAAA,CAAO,CAAC,GAAG,KAAA,CAAM,IAAA,CAAK,MAAA,CAAO,CAAC,CAAC,CAAA;AAAA,UAC3C,CAAC,KAAA,CAAM,IAAA,CAAK,MAAA,CAAO,CAAC,GAAG,KAAA,CAAM,IAAA,CAAK,MAAA,CAAO,CAAC,CAAC,CAAA;AAAA,UAC3C,CAAC,KAAA,CAAM,IAAA,CAAK,MAAA,CAAO,CAAC,GAAG,KAAA,CAAM,IAAA,CAAK,MAAA,CAAO,CAAC,CAAC;AAAA;AAC7C,OACF;AAAA,MACA;AAAA,QACE,GAAG,SAAA;AAAA;AAAA;AAAA;AAAA,QAIH,EAAA,EAAI,EAAE,GAAG,SAAA,CAAU,IAAI,MAAA,EAAQ,EAAE,GAAG,SAAA,CAAU,GAAG,MAAA,EAAQ,KAAA,EAAO,KAAA,CAAM,IAAA,CAAK,SAAQ,EAAE;AAAA,QACrF,EAAA,EAAI,EAAE,GAAG,SAAA,CAAU,IAAI,MAAA,EAAQ,EAAE,GAAG,SAAA,CAAU,GAAG,MAAA,EAAQ,KAAA,EAAO,KAAA,CAAM,IAAA,CAAK,WAAU;AAAE;AACzF,KACF;AAIA,IAAA,IAAI;AAEF,MAAA,MAAM,CAAA,GAAI,IAAA;AACV,MAAA,CAAA,EAAG,QAAA,EAAU,QAAA,GAAW,KAAA,CAAM,IAAA,CAAK,OAAO,CAAA;AAC1C,MAAA,CAAA,EAAG,QAAA,EAAU,QAAA,GAAW,KAAA,CAAM,IAAA,CAAK,SAAS,CAAA;AAC5C,MAAA,CAAA,EAAG,OAAO,MAAA,IAAS;AAAA,IACrB,CAAA,CAAA,MAAQ;AAAA,IAER;AAEA,IAAA,IAAI,CAAC,MAAM,QAAA,EAAU;AACnB,MAAC,IAAA,CAAqC,cAAc,EAAC;AAAA,IACvD;AAGA,IAAA,IAAI;AACF,MAAC,IAAA,CAAqE,MAAA;AAAA,QACpE,SAAA;AAAA,QACA;AAAA,UACE,CAAC,CAAA,EAAG,CAAA,EAAG,CAAC,CAAA;AAAA,UACR,CAAC,CAAA,EAAG,CAAA,EAAG,CAAC,CAAA;AAAA,UACR,CAAC,CAAA,EAAG,CAAA,EAAG,CAAC,CAAA;AAAA,UACR,kBAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,mBAAmB,KAAK;AAAA,OAC1B;AAAA,IACF,CAAA,CAAA,MAAQ;AAAA,IAER;AAEA,IAAA,MAAM,KAAA,uBAAY,GAAA,EAAoB;AACtC,IAAA,KAAA,MAAW,EAAA,IAAM,MAAM,QAAA,EAAU;AAC/B,MAAA,MAAM,OAAA,GAAU,GAAG,OAAA,CAAQ,GAAA;AAAA,QAAI,CAAC,CAAA,KAC9B,OAAO,CAAA,KAAM,YAAY,CAAA,CAAE,UAAA,CAAW,MAAM,CAAA,GACxC,MAAM,GAAA,CAAI,CAAA,CAAE,KAAA,CAAM,CAAC,CAAC,CAAA,GACpB;AAAA,OACN;AACA,MAAA,MAAM,GAAA,GACJ,IAAA,CACA,MAAA,CAAO,EAAA,CAAG,MAAM,OAAA,EAAS;AAAA,QACzB,GAAG,EAAA,CAAG,UAAA;AAAA,QACN,IAAI,EAAA,CAAG,EAAA;AAAA,QACP,MAAM,EAAA,CAAG;AAAA,OACV,CAAA;AACD,MAAA,KAAA,CAAM,GAAA,CAAI,EAAA,CAAG,EAAA,EAAI,GAAG,CAAA;AAAA,IACtB;AAEA,IAAA,MAAM,GAAA,GAAM,GAAA,CAAI,aAAA,CAAc,KAAK,CAAA;AACnC,IAAA,IAAI,CAAC,GAAA,EAAK;AACR,MAAA,MAAM,IAAI,MAAM,gDAAgD,CAAA;AAAA,IAClE;AACA,IAAA,MAAM,KAAA,GAAQ,GAAA,CAAI,SAAA,CAAU,IAAI,CAAA;AAChC,IAAA,KAAA,CAAM,YAAA,CAAa,OAAA,EAAS,MAAA,CAAO,YAAY,CAAC,CAAA;AAChD,IAAA,KAAA,CAAM,YAAA,CAAa,QAAA,EAAU,MAAA,CAAO,aAAa,CAAC,CAAA;AAClD,IAAA,MAAM,SAAA,GAAY,IAAI,aAAA,EAAc,CAAE,kBAAkB,KAAK,CAAA;AAE7D,IAAA,IAAI;AAEF,MAAA,GAAA,CAAI,QAAA,CAAS,UAAU,KAAY,CAAA;AAAA,IACrC,CAAA,CAAA,MAAQ;AAAA,IAER;AAEA,IAAA,OAAO,EAAE,SAAA,EAAW,KAAA,EAAO,YAAA,EAAc,QAAQ,aAAA,EAAc;AAAA,EACjE,CAAA,SAAE;AACA,IAAA,QAAA,CAAS,IAAA,CAAK,YAAY,GAAG,CAAA;AAAA,EAC/B;AACF","file":"chunk-WQOABS6N.mjs","sourcesContent":["import type { BaseStampCustomData } from '../shared/types';\nimport type { Constraint } from './editor/scene/types';\n\nexport interface Geometry3DCustomData extends BaseStampCustomData {\n  kind: 'geometry3d';\n  version: 1 | 2;\n  jsonState: string;\n  svgWidth: number;\n  svgHeight: number;\n}\n\nexport function isGeometry3DCustomData(data: unknown): data is Geometry3DCustomData {\n  if (!data || typeof data !== 'object') return false;\n  const d = data as Partial<Geometry3DCustomData>;\n  return (\n    d.kind === 'geometry3d' &&\n    (d.version === 1 || d.version === 2) &&\n    typeof d.jsonState === 'string'\n  );\n}\n\nexport type Element3DType =\n  | 'point3d'\n  | 'line3d'\n  | 'plane3d'\n  | 'polygon3d'\n  | 'sphere3d'\n  | 'text3d';\n\nexport interface SerializedElement3D {\n  type: Element3DType;\n  /**\n   * Parents passed to JSXGraph view.create. Either literal values (numbers,\n   * strings) or `\"@id:<id>\"` placeholder strings referencing earlier created\n   * objects in the log (resolved at deserialize time).\n   */\n  parents: unknown[];\n  attributes: Record<string, unknown>;\n  id: string;\n  label?: string;\n  /** v2 only — present on point3d elements to encode the surface constraint. */\n  constraint?: Constraint;\n}\n\nexport interface SerializedBoard3D {\n  version: 1 | 2;\n  bbox: [number, number, number, number];\n  view: {\n    azimuth: number;\n    elevation: number;\n    bbox3D: [number, number, number, number, number, number];\n  };\n  showAxes: boolean;\n  showMesh: boolean;\n  elements: SerializedElement3D[];\n}\n\nexport function serializeBoard3D(state: SerializedBoard3D): string {\n  return JSON.stringify(state);\n}\n\nexport function parseSerializedBoard3D(json: string): SerializedBoard3D {\n  const parsed = JSON.parse(json) as unknown;\n  if (!parsed || typeof parsed !== 'object') {\n    throw new Error('parseSerializedBoard3D: not an object');\n  }\n  const p = parsed as Partial<SerializedBoard3D>;\n  if (p.version !== 1 && p.version !== 2) {\n    throw new Error(`parseSerializedBoard3D: unsupported version ${String(p.version)}`);\n  }\n  if (!Array.isArray(p.elements)) {\n    throw new Error('parseSerializedBoard3D: elements missing');\n  }\n  return parsed as SerializedBoard3D;\n}\n","import {\n  paletteFor as palette2D,\n  type GeomPalette,\n} from '../../geometry-2d/editor/theme';\n\nexport type Geom3DPalette = GeomPalette & {\n  view3dBg: string;\n  axisX: string;\n  axisY: string;\n  axisZ: string;\n};\n\nexport function paletteFor(isDark: boolean): Geom3DPalette {\n  const base = palette2D(isDark);\n  return {\n    ...base,\n    view3dBg: isDark ? '#1a1a1a' : '#ffffff',\n    axisX: '#d63b3b',\n    axisY: '#2d8a2d',\n    axisZ: '#2d6dd6',\n  };\n}\n\nexport const DEFAULT_VIEW3D: {\n  azimuth: number;\n  elevation: number;\n  bbox3D: [number, number, number, number, number, number];\n} = {\n  azimuth: 0.7,\n  elevation: 0.4,\n  bbox3D: [-3, -3, -3, 3, 3, 3],\n};\n\nexport const VIEW3D_ATTRS = (isDark: boolean) => {\n  const p = paletteFor(isDark);\n  const axisLabel = (color: string) => ({\n    strokeColor: color,\n    fontSize: 14,\n    offset: [10, 0] as [number, number],\n  });\n  return {\n    az: { slider: { visible: false }, point2: { visible: false } },\n    el: { slider: { visible: false } },\n    projection: 'central' as const,\n    // GeoGebra-style: axes pass through origin (0,0,0) instead of bbox border.\n    axesPosition: 'center' as const,\n    xAxis: {\n      strokeColor: p.axisX,\n      strokeWidth: 2,\n      lastArrow: { type: 2, size: 8 },\n      name: 'x',\n      withLabel: true,\n      label: axisLabel(p.axisX),\n    },\n    yAxis: {\n      strokeColor: p.axisY,\n      strokeWidth: 2,\n      lastArrow: { type: 2, size: 8 },\n      name: 'y',\n      withLabel: true,\n      label: axisLabel(p.axisY),\n    },\n    zAxis: {\n      strokeColor: p.axisZ,\n      strokeWidth: 2,\n      lastArrow: { type: 2, size: 8 },\n      name: 'z',\n      withLabel: true,\n      label: axisLabel(p.axisZ),\n    },\n    // GeoGebra-style: hide ALL bbox wall planes; the XY ground plane is drawn\n    // explicitly at z=0 via the helper below (so it coincides with Ox/Oy).\n    xPlaneRear: { visible: false, mesh3d: { visible: false } },\n    yPlaneRear: { visible: false, mesh3d: { visible: false } },\n    zPlaneRear: { visible: false, mesh3d: { visible: false } },\n  };\n};\n\nexport const GROUND_PLANE_ATTRS = (isDark: boolean) => ({\n  fillColor: isDark ? '#2a2a2a' : '#e6e6e6',\n  fillOpacity: isDark ? 0.5 : 0.55,\n  strokeColor: isDark ? '#3a3a3a' : '#cfcfcf',\n  strokeOpacity: 0.7,\n  strokeWidth: 1,\n  fixed: true,\n  highlight: false,\n  withLabel: false,\n  layer: 0,\n});\n\n/** XY ground plane extent (square around origin in user units). */\nexport const GROUND_PLANE_RANGE: [number, number] = [-3, 3];\n","\"use client\";\n\nimport { parseSerializedBoard3D } from './serialize';\nimport { GROUND_PLANE_ATTRS, GROUND_PLANE_RANGE, VIEW3D_ATTRS } from './editor/theme';\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      keepaspectratio: true,\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 baseAttrs = VIEW3D_ATTRS(false);\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        ...baseAttrs,\n        // JSXGraph view3d đọc azimuth/elevation từ az.slider.start (không phải\n        // az.value). Nếu pass `value` → JSXGraph bỏ qua → render rơi về default\n        // (1.0 rad / 0.3 rad), không khớp góc user xoay trong editor.\n        az: { ...baseAttrs.az, slider: { ...baseAttrs.az.slider, start: state.view.azimuth } },\n        el: { ...baseAttrs.el, slider: { ...baseAttrs.el.slider, start: state.view.elevation } },\n      },\n    );\n\n    // Defensive: setValue post-creation để chắc chắn slider khớp với serialized\n    // angle, kể cả khi JSXGraph version khác xử lý `start` khác.\n    try {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      const v = view as any;\n      v?.az_slide?.setValue?.(state.view.azimuth);\n      v?.el_slide?.setValue?.(state.view.elevation);\n      v?.board?.update?.();\n    } catch {\n      /* swallow — older JSXGraph may not expose az_slide on view3d */\n    }\n\n    if (!state.showAxes) {\n      (view as { defaultAxes?: unknown[] }).defaultAxes = [];\n    }\n\n    // XY ground plane through origin (matches editor's MiniBoard3D).\n    try {\n      (view as { create: (k: string, p: unknown[], a: unknown) => JxgObj }).create(\n        'plane3d',\n        [\n          [0, 0, 0],\n          [1, 0, 0],\n          [0, 1, 0],\n          GROUND_PLANE_RANGE,\n          GROUND_PLANE_RANGE,\n        ],\n        GROUND_PLANE_ATTRS(false),\n      );\n    } catch {\n      /* swallow */\n    }\n\n    const 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"]}

package/dist/{chunk-3SSQKRRO.mjs → chunk-ZVN356JZ.mjs}

@@ -1,10 +1,10 @@
 "use client";
-import { isGraph2DCustomData, renderGraph2dSvgFromState } from './chunk-HM7RIXJE.mjs';
+import { isGraph2DCustomData, renderGraph2dSvgFromState } from './chunk-74VEEZBV.mjs';
 import { lazy } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var Graph2DStampHost = lazy(
-  () => import('./host-2QGKMGCT.mjs').then((m) => ({ default: m.Graph2DStampHost }))
+  () => import('./host-LZH2FZ2N.mjs').then((m) => ({ default: m.Graph2DStampHost }))
 );
 var Graph2DIcon = /* @__PURE__ */ jsxs(
   "svg",
@@ -54,5 +54,5 @@ var graph2dStamp = {
 };
 
 export { graph2dStamp };
-//# sourceMappingURL=chunk-3SSQKRRO.mjs.map
-//# sourceMappingURL=chunk-3SSQKRRO.mjs.map
+//# sourceMappingURL=chunk-ZVN356JZ.mjs.map
+//# sourceMappingURL=chunk-ZVN356JZ.mjs.map

package/dist/{chunk-3SSQKRRO.mjs.map → chunk-ZVN356JZ.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/stamps/graph-2d/index.tsx"],"names":[],"mappings":";;;;AAaA,IAAM,gBAAA,GAAmB,IAAA;AAAA,EAAK,MAC5B,OAAO,qBAAQ,CAAA,CAAE,IAAA,CAAK,CAAC,CAAA,MAAO,EAAE,OAAA,EAAS,CAAA,CAAE,gBAAA,EAAiB,CAAE;AAChE,CAAA;AAEA,IAAM,WAAA,mBACJ,IAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,KAAA,EAAM,IAAA;AAAA,IACN,MAAA,EAAO,IAAA;AAAA,IACP,OAAA,EAAQ,WAAA;AAAA,IACR,IAAA,EAAK,MAAA;AAAA,IACL,MAAA,EAAO,cAAA;AAAA,IACP,WAAA,EAAY,KAAA;AAAA,IACZ,aAAA,EAAc,OAAA;AAAA,IACd,cAAA,EAAe,OAAA;AAAA,IACf,aAAA,EAAY,MAAA;AAAA,IAEZ,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,GAAE,UAAA,EAAW,CAAA;AAAA,sBACnB,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,WAAA,EAAY,CAAA;AAAA,sBACpB,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,yBAAA,EAA0B;AAAA;AAAA;AACpC,CAAA;AAGK,IAAM,YAAA,GAA0B;AAAA,EACrC,IAAA,EAAM,SAAA;AAAA,EACN,YAAA,EAAc,IAAA;AAAA,EACd,WAAA,EAAa,GAAA;AAAA,EACb,YAAA,EAAc,GAAA;AAAA,EACd,YAAA,EAAc,sCAAA;AAAA,EACd,WAAA,EAAa,WAAA;AAAA,EACb,aAAA,EAAe,uBAAA;AAAA,EACf,iBAAA,EAAmB,mBAAA;AAAA,EACnB,MAAM,wBAAwB,IAAA,EAAM;AAClC,IAAA,IAAI,CAAC,mBAAA,CAAoB,IAAI,CAAA,EAAG;AAC9B,MAAA,MAAM,IAAI,MAAM,6EAAqE,CAAA;AAAA,IACvF;AACA,IAAA,OAAO,yBAAA,CAA0B,KAAK,SAAS,CAAA;AAAA,EACjD,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,IAAA,IAAQ,CAAC,MAAA,EAAQ,OAAO,IAAA;AAC7B,IAAA,IAAI,CAAC,mBAAA,CAAoB,IAAI,CAAA,EAAG,OAAO,IAAA;AACvC,IAAA,MAAM,SAAA,GAAY,MAAM,yBAAA,CAA0B,IAAA,CAAK,SAAS,CAAA;AAChE,IAAA,MAAM,IAAA,GAAO,QAAA,CAAS,kBAAA,CAAmB,SAAS,CAAC,CAAA;AACnD,IAAA,MAAM,OAAA,GACJ,4BAAA,IACC,OAAO,IAAA,KAAS,WAAA,GAAc,IAAA,CAAK,IAAI,CAAA,GAAI,MAAA,CAAO,IAAA,CAAK,IAAI,CAAA,CAAE,SAAS,QAAQ,CAAA,CAAA;AACjF,IAAA,OAAO,EAAE,MAAA,EAAQ,OAAA,EAAS,QAAA,EAAU,eAAA,EAAgB;AAAA,EACtD,CAAA;AAAA,EACA,IAAA,EAAM;AACR","file":"chunk-3SSQKRRO.mjs","sourcesContent":["'use client';\n\nimport { lazy } from 'react';\nimport { renderGraph2dSvgFromState } from './render';\nimport type {\n  RestoredStampFile,\n  StampType,\n} from '../shared/types';\nimport { isGraph2DCustomData, type Graph2DCustomData } from './types';\n\nexport { isGraph2DCustomData };\nexport type { Graph2DCustomData };\n\nconst Graph2DStampHost = lazy(() =>\n  import('./host').then((m) => ({ default: m.Graph2DStampHost })),\n);\n\nconst Graph2DIcon = (\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    <path d=\"M3 21 V3\" />\n    <path d=\"M3 21 H21\" />\n    <path d=\"M5 19 C8 5, 14 5, 19 17\" />\n  </svg>\n);\n\nexport const graph2dStamp: StampType = {\n  kind: 'graph2d',\n  experimental: true,\n  shortcutKey: 'h',\n  toolbarLabel: 'H',\n  toolbarTitle: 'Chèn đồ thị 2D (H)',\n  toolbarIcon: Graph2DIcon,\n  toolbarTestId: 'stamp-toolbar-graph2d',\n  matchesCustomData: isGraph2DCustomData,\n  async renderSvgFromCustomData(data) {\n    if (!isGraph2DCustomData(data)) {\n      throw new Error('graph2dStamp.renderSvgFromCustomData: customData không phải graph2d');\n    }\n    return renderGraph2dSvgFromState(data.jsonState);\n  },\n  async restoreFileFromCustomData(element): Promise<RestoredStampFile | null> {\n    const data = element.customData as Graph2DCustomData | undefined;\n    const fileId = (element as { fileId?: string | null }).fileId;\n    if (!data || !fileId) return null;\n    if (!isGraph2DCustomData(data)) return null;\n    const svgString = await renderGraph2dSvgFromState(data.jsonState);\n    const utf8 = unescape(encodeURIComponent(svgString));\n    const dataURL =\n      'data:image/svg+xml;base64,' +\n      (typeof btoa !== 'undefined' ? btoa(utf8) : Buffer.from(utf8).toString('base64'));\n    return { fileId, dataURL, mimeType: 'image/svg+xml' };\n  },\n  Host: Graph2DStampHost,\n};\n"]}
+{"version":3,"sources":["../src/stamps/graph-2d/index.tsx"],"names":[],"mappings":";;;;AAaA,IAAM,gBAAA,GAAmB,IAAA;AAAA,EAAK,MAC5B,OAAO,qBAAQ,CAAA,CAAE,IAAA,CAAK,CAAC,CAAA,MAAO,EAAE,OAAA,EAAS,CAAA,CAAE,gBAAA,EAAiB,CAAE;AAChE,CAAA;AAEA,IAAM,WAAA,mBACJ,IAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,KAAA,EAAM,IAAA;AAAA,IACN,MAAA,EAAO,IAAA;AAAA,IACP,OAAA,EAAQ,WAAA;AAAA,IACR,IAAA,EAAK,MAAA;AAAA,IACL,MAAA,EAAO,cAAA;AAAA,IACP,WAAA,EAAY,KAAA;AAAA,IACZ,aAAA,EAAc,OAAA;AAAA,IACd,cAAA,EAAe,OAAA;AAAA,IACf,aAAA,EAAY,MAAA;AAAA,IAEZ,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,GAAE,UAAA,EAAW,CAAA;AAAA,sBACnB,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,WAAA,EAAY,CAAA;AAAA,sBACpB,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,yBAAA,EAA0B;AAAA;AAAA;AACpC,CAAA;AAGK,IAAM,YAAA,GAA0B;AAAA,EACrC,IAAA,EAAM,SAAA;AAAA,EACN,YAAA,EAAc,IAAA;AAAA,EACd,WAAA,EAAa,GAAA;AAAA,EACb,YAAA,EAAc,GAAA;AAAA,EACd,YAAA,EAAc,sCAAA;AAAA,EACd,WAAA,EAAa,WAAA;AAAA,EACb,aAAA,EAAe,uBAAA;AAAA,EACf,iBAAA,EAAmB,mBAAA;AAAA,EACnB,MAAM,wBAAwB,IAAA,EAAM;AAClC,IAAA,IAAI,CAAC,mBAAA,CAAoB,IAAI,CAAA,EAAG;AAC9B,MAAA,MAAM,IAAI,MAAM,6EAAqE,CAAA;AAAA,IACvF;AACA,IAAA,OAAO,yBAAA,CAA0B,KAAK,SAAS,CAAA;AAAA,EACjD,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,IAAA,IAAQ,CAAC,MAAA,EAAQ,OAAO,IAAA;AAC7B,IAAA,IAAI,CAAC,mBAAA,CAAoB,IAAI,CAAA,EAAG,OAAO,IAAA;AACvC,IAAA,MAAM,SAAA,GAAY,MAAM,yBAAA,CAA0B,IAAA,CAAK,SAAS,CAAA;AAChE,IAAA,MAAM,IAAA,GAAO,QAAA,CAAS,kBAAA,CAAmB,SAAS,CAAC,CAAA;AACnD,IAAA,MAAM,OAAA,GACJ,4BAAA,IACC,OAAO,IAAA,KAAS,WAAA,GAAc,IAAA,CAAK,IAAI,CAAA,GAAI,MAAA,CAAO,IAAA,CAAK,IAAI,CAAA,CAAE,SAAS,QAAQ,CAAA,CAAA;AACjF,IAAA,OAAO,EAAE,MAAA,EAAQ,OAAA,EAAS,QAAA,EAAU,eAAA,EAAgB;AAAA,EACtD,CAAA;AAAA,EACA,IAAA,EAAM;AACR","file":"chunk-ZVN356JZ.mjs","sourcesContent":["'use client';\n\nimport { lazy } from 'react';\nimport { renderGraph2dSvgFromState } from './render';\nimport type {\n  RestoredStampFile,\n  StampType,\n} from '../shared/types';\nimport { isGraph2DCustomData, type Graph2DCustomData } from './types';\n\nexport { isGraph2DCustomData };\nexport type { Graph2DCustomData };\n\nconst Graph2DStampHost = lazy(() =>\n  import('./host').then((m) => ({ default: m.Graph2DStampHost })),\n);\n\nconst Graph2DIcon = (\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    <path d=\"M3 21 V3\" />\n    <path d=\"M3 21 H21\" />\n    <path d=\"M5 19 C8 5, 14 5, 19 17\" />\n  </svg>\n);\n\nexport const graph2dStamp: StampType = {\n  kind: 'graph2d',\n  experimental: true,\n  shortcutKey: 'h',\n  toolbarLabel: 'H',\n  toolbarTitle: 'Chèn đồ thị 2D (H)',\n  toolbarIcon: Graph2DIcon,\n  toolbarTestId: 'stamp-toolbar-graph2d',\n  matchesCustomData: isGraph2DCustomData,\n  async renderSvgFromCustomData(data) {\n    if (!isGraph2DCustomData(data)) {\n      throw new Error('graph2dStamp.renderSvgFromCustomData: customData không phải graph2d');\n    }\n    return renderGraph2dSvgFromState(data.jsonState);\n  },\n  async restoreFileFromCustomData(element): Promise<RestoredStampFile | null> {\n    const data = element.customData as Graph2DCustomData | undefined;\n    const fileId = (element as { fileId?: string | null }).fileId;\n    if (!data || !fileId) return null;\n    if (!isGraph2DCustomData(data)) return null;\n    const svgString = await renderGraph2dSvgFromState(data.jsonState);\n    const utf8 = unescape(encodeURIComponent(svgString));\n    const dataURL =\n      'data:image/svg+xml;base64,' +\n      (typeof btoa !== 'undefined' ? btoa(utf8) : Buffer.from(utf8).toString('base64'));\n    return { fileId, dataURL, mimeType: 'image/svg+xml' };\n  },\n  Host: Graph2DStampHost,\n};\n"]}