@xom11/whiteboard 0.9.1 → 0.10.0

package/dist/{host-PIIDSMVE.mjs → host-N6ACNJKI.mjs}

@@ -1,12 +1,12 @@
 "use client";
-import { VIEW3D_ATTRS, DEFAULT_VIEW3D, GROUND_PLANE_RANGE, GROUND_PLANE_ATTRS, paletteFor, serializeBoard3D, isGeometry3DCustomData, parseSerializedBoard3D } from './chunk-DU2NFHRR.mjs';
+import { VIEW3D_ATTRS, DEFAULT_VIEW3D, GROUND_PLANE_RANGE, GROUND_PLANE_ATTRS, paletteFor, serializeBoard3D, renderGeometry3DSvgFromState, isGeometry3DCustomData, parseSerializedBoard3D } from './chunk-WQOABS6N.mjs';
 import { useChordShortcut, MobileToolDrawer } from './chunk-SBDMF4NQ.mjs';
 import './chunk-HTBLO5JO.mjs';
 import { useIsMobile } from './chunk-P2AOIF7S.mjs';
 import { insertStampImage } from './chunk-C6SCVOMC.mjs';
 import './chunk-BJTO5JO5.mjs';
 import * as React2 from 'react';
-import { forwardRef, useRef, useState, useCallback, useMemo, useImperativeHandle } from 'react';
+import { forwardRef, useRef, useState, useCallback, useEffect, useMemo, useImperativeHandle } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { createPortal } from 'react-dom';
 
@@ -1274,8 +1274,11 @@ var MiniBoard3D = React2.forwardRef(
             ],
             {
               ...baseAttrs,
-              az: { ...baseAttrs.az, value: DEFAULT_VIEW3D.azimuth },
-              el: { ...baseAttrs.el, value: DEFAULT_VIEW3D.elevation }
+              // JSXGraph view3d đọc giá trị khởi tạo từ az.slider.start (không
+              // phải az.value). Pass nhầm `value` → JSXGraph dùng default
+              // 1.0/0.3, khiến DEFAULT_VIEW3D bị bỏ qua.
+              az: { ...baseAttrs.az, slider: { ...baseAttrs.az.slider, start: DEFAULT_VIEW3D.azimuth } },
+              el: { ...baseAttrs.el, slider: { ...baseAttrs.el.slider, start: DEFAULT_VIEW3D.elevation } }
             }
           );
         } catch {
@@ -1979,8 +1982,17 @@ var EditorPanel = React2.forwardRef(
     }, [showAxis, showGrid]);
     const handleView3DReady = React2.useCallback((view) => {
       rendererRef.current = new JxgRenderer(scene, view);
+      if (initialState) {
+        try {
+          const v = view;
+          v?.az_slide?.setValue?.(initialState.view.azimuth);
+          v?.el_slide?.setValue?.(initialState.view.elevation);
+          v?.board?.update?.();
+        } catch {
+        }
+      }
       onReadyChange?.(true);
-    }, [onReadyChange, scene]);
+    }, [onReadyChange, scene, initialState]);
     const handleClick = React2.useCallback((screen) => {
       const board = boardRef.current;
       if (!board) return;
@@ -2118,8 +2130,10 @@ var EditorPanel = React2.forwardRef(
           const elevation = typeof elSlider?.Value === "function" ? elSlider.Value() : 0;
           return sceneToBoard(
             scene,
-            { azimuth, elevation, bbox3D: [-5, -5, -5, 5, 5, 5] },
-            [-6, -6, 6, 6]
+            { azimuth, elevation, bbox3D: [...DEFAULT_VIEW3D.bbox3D] },
+            // JSXGraph boundingbox order: [xmin, ymax, xmax, ymin]. Must match
+            // MiniBoard3D.initBoard so render reproduces the editor's view.
+            [-6, 6, 6, -6]
           );
         },
         setTool: (k) => controllerRef.current.selectTool(k),
@@ -2962,10 +2976,25 @@ var Geometry3DStampHost = forwardRef(
     const [showGrid, setShowGrid] = useState(true);
     const [canUndo, setCanUndo] = useState(false);
     const [canRedo, setCanRedo] = useState(false);
+    const [hasContent, setHasContent] = useState(false);
     const handleHistoryChange = useCallback((u, r) => {
       setCanUndo(u);
       setCanRedo(r);
     }, []);
+    useEffect(() => {
+      const scene = sceneRef.current;
+      if (!scene) return;
+      const sync = () => setHasContent(scene.list().length > 0);
+      sync();
+      const unsubs = [
+        scene.on("add", sync),
+        scene.on("delete", sync),
+        scene.on("reset", sync)
+      ];
+      return () => {
+        for (const u of unsubs) u();
+      };
+    }, []);
     const handleUndo = useCallback(() => {
       editorRef.current?.undo();
     }, []);
@@ -3013,7 +3042,15 @@ var Geometry3DStampHost = forwardRef(
       if (!editorRef.current.hasContent()) return false;
       const board = editorRef.current.serialize();
       if (board.elements.length === 0) return false;
-      void performInsert(board, 0, 0, "");
+      void (async () => {
+        try {
+          const jsonState = serializeBoard3D(board);
+          const { svgString, width, height } = await renderGeometry3DSvgFromState(jsonState);
+          await performInsert(board, width, height, svgString);
+        } catch (err) {
+          console.error("Geometry3D insert failed:", err);
+        }
+      })();
       return true;
     }, [performInsert]);
     useImperativeHandle(
@@ -3095,7 +3132,8 @@ var Geometry3DStampHost = forwardRef(
                 {
                   type: "button",
                   onClick: tryInsert,
-                  disabled: !ready,
+                  disabled: !ready || !hasContent,
+                  title: !hasContent ? "V\u1EBD \xEDt nh\u1EA5t m\u1ED9t \u0111\u1ED1i t\u01B0\u1EE3ng tr\u01B0\u1EDBc khi ch\xE8n" : void 0,
                   "data-testid": "geom3d-insert-btn-mobile",
                   className: "rounded bg-white/15 px-3 py-1.5 text-xs font-semibold transition hover:bg-white/25 disabled:opacity-50",
                   children: "Ch\xE8n"
@@ -3145,7 +3183,8 @@ var Geometry3DStampHost = forwardRef(
                   "button",
                   {
                     onClick: tryInsert,
-                    disabled: !ready,
+                    disabled: !ready || !hasContent,
+                    title: !hasContent ? "V\u1EBD \xEDt nh\u1EA5t m\u1ED9t \u0111\u1ED1i t\u01B0\u1EE3ng tr\u01B0\u1EDBc khi ch\xE8n" : void 0,
                     "data-testid": "geom3d-insert-btn",
                     className: "rounded bg-emerald-600 px-3 py-1 text-xs font-medium text-white transition hover:bg-emerald-700 disabled:opacity-50",
                     children: "Ch\xE8n"
@@ -3183,5 +3222,5 @@ var Geometry3DStampHost = forwardRef(
 );
 
 export { Geometry3DStampHost };
-//# sourceMappingURL=host-PIIDSMVE.mjs.map
-//# sourceMappingURL=host-PIIDSMVE.mjs.map
+//# sourceMappingURL=host-N6ACNJKI.mjs.map
+//# sourceMappingURL=host-N6ACNJKI.mjs.map