@xom11/whiteboard 0.9.1 → 0.10.0

package/dist/geometry-3d.mjs

@@ -1,6 +1,6 @@
 "use client";
-export { geometry3dStamp } from './chunk-IUVV52HO.mjs';
-export { isGeometry3DCustomData } from './chunk-DU2NFHRR.mjs';
+export { geometry3dStamp } from './chunk-PWIMZIB6.mjs';
+export { isGeometry3DCustomData } from './chunk-WQOABS6N.mjs';
 import './chunk-HTBLO5JO.mjs';
 import './chunk-BJTO5JO5.mjs';
 //# sourceMappingURL=geometry-3d.mjs.map

package/dist/{host-VDNAJMLC.mjs → host-DJETSFCG.mjs}

@@ -1,5 +1,5 @@
 "use client";
-import { serializeBoard, renderGeometrySvgFromState, isGeometryCustomData, safeJsx } from './chunk-KEYZ5EZT.mjs';
+import { serializeBoard, renderGeometrySvgFromState, isGeometryCustomData, safeJsx } from './chunk-G7FR3AIV.mjs';
 import { useChordShortcut, MobileToolDrawer } from './chunk-SBDMF4NQ.mjs';
 import { resolveAttrColors, paletteFor, themeLabel, themeAxis, themeGrid } from './chunk-HTBLO5JO.mjs';
 import { useIsMobile } from './chunk-P2AOIF7S.mjs';
@@ -259,8 +259,12 @@ function letterForGroup(g) {
 }
 function objKind(obj) {
   if (!obj) return "other";
+  const ec = typeof obj.elementClass === "number" ? obj.elementClass : null;
+  if (ec === 1) return "point";
+  if (ec === 2) return "line";
+  if (ec === 3) return "circle";
   const e = (obj.elType || obj.type || "").toString().toLowerCase();
-  if (e === "point" || e === "glider" || e === "midpoint") return "point";
+  if (e === "point" || e === "glider" || e === "midpoint" || e === "intersection" || e === "otherintersection" || e === "reflection" || e === "mirrorpoint" || e === "mirrorelement" || e === "orthogonalprojection" || e === "parallelpoint") return "point";
   if (e === "line" || e === "segment" || e === "arrow" || e === "axis" || e === "normal" || e === "parallel" || e === "perpendicular" || e === "tangent" || e === "bisector" || e === "perpendicularsegment") return "line";
   if (e === "circle" || e === "circumcircle") return "circle";
   return "other";
@@ -282,7 +286,7 @@ function handleDown(ctx, e) {
     if (!sc) return;
     const [sx, sy] = sc;
     const hits2 = ctx.objectsAt(e).map(ctx.promoteLabel).filter((o) => o !== ctx.axisObjsRef.current.x && o !== ctx.axisObjsRef.current.y);
-    const obj = hits2.find((o) => objKind(o) === "point") ?? hits2[0] ?? ctx.findNearestPoint(e, 12);
+    const obj = hits2.find((o) => objKind(o) === "point") ?? ctx.findNearestPoint(e, 12) ?? hits2[0];
     if (obj) {
       const shift = !!(e.shiftKey || e.altKey);
       ctx.toggleSelect(obj, shift);
@@ -525,7 +529,7 @@ function handleUp(ctx, e) {
   const moved = Math.hypot(sx - start.sx, sy - start.sy);
   if (moved > 4) return;
   const hits = ctx.objectsAt(e).map(ctx.promoteLabel).filter((o) => o !== ctx.axisObjsRef.current.x && o !== ctx.axisObjsRef.current.y);
-  const best = hits.find((o) => objKind(o) === "point") ?? hits[0] ?? ctx.findNearestPoint(e, 12);
+  const best = hits.find((o) => objKind(o) === "point") ?? ctx.findNearestPoint(e, 12) ?? hits[0];
   if (!best) {
     ctx.lastMoveClickRef.current = { obj: null, time: 0 };
     return;
@@ -648,8 +652,16 @@ var JSXGraphMiniBoard = ({ onReady, initialState, isDark }) => {
   const nextLocalId = useCallback(() => "j" + creationLogRef.current.length, []);
   const resolveArgs = useCallback((args) => {
     return args.map((a) => {
-      if (typeof a === "string" && objMapRef.current.has(a)) {
-        return objMapRef.current.get(a);
+      if (typeof a === "string") {
+        if (objMapRef.current.has(a)) return objMapRef.current.get(a);
+        const m = /^(.+):border:(\d+)$/.exec(a);
+        if (m) {
+          const poly = objMapRef.current.get(m[1]);
+          const idx = parseInt(m[2], 10);
+          if (poly && Array.isArray(poly.borders) && poly.borders[idx]) {
+            return poly.borders[idx];
+          }
+        }
       }
       return a;
     });
@@ -679,15 +691,27 @@ var JSXGraphMiniBoard = ({ onReady, initialState, isDark }) => {
     [nextLocalId, resolveArgs, pushLog]
   );
   const localIdOf = useCallback((obj) => {
+    if (!obj) return null;
     for (const [id, o] of objMapRef.current.entries()) {
       if (o === obj) return id;
     }
+    for (const [id, o] of objMapRef.current.entries()) {
+      const borders = o?.borders;
+      if (Array.isArray(borders)) {
+        const idx = borders.indexOf(obj);
+        if (idx >= 0) return `${id}:border:${idx}`;
+      }
+    }
     return null;
   }, []);
   const snapshotObject = useCallback((obj, anchorScreen) => {
     const o = obj;
     const k = objKind(o);
     if (k !== "point" && k !== "line" && k !== "circle") return null;
+    for (const owner of objMapRef.current.values()) {
+      const borders = owner?.borders;
+      if (Array.isArray(borders) && borders.indexOf(o) >= 0) return null;
+    }
     const v = o.visProp ?? {};
     const showLabel = v.withlabel !== false;
     const showValue = valueLabelsRef.current.has(o);
@@ -1206,7 +1230,22 @@ var JSXGraphMiniBoard = ({ onReady, initialState, isDark }) => {
     const board = boardRef.current;
     if (!board) return false;
     const idMap = objMapRef.current;
-    const resolved = el.args.map((a) => typeof a === "string" && idMap.has(a) ? idMap.get(a) : a);
+    const resolve = (a) => {
+      if (typeof a === "string") {
+        if (idMap.has(a)) return idMap.get(a);
+        const m = /^(.+):border:(\d+)$/.exec(a);
+        if (m) {
+          const poly = idMap.get(m[1]);
+          const idx = parseInt(m[2], 10);
+          if (poly && Array.isArray(poly.borders) && poly.borders[idx]) {
+            return poly.borders[idx];
+          }
+        }
+      }
+      if (Array.isArray(a)) return a.map(resolve);
+      return a;
+    };
+    const resolved = el.args.map(resolve);
     try {
       if (el.type === "valueLabel") {
         const target = resolved[0];
@@ -2504,6 +2543,7 @@ var GeometryEditorPanel = forwardRef(
   function GeometryEditorPanel2({ initialState, onInsert, onClose, withLeftPanel = false, onStateChange, isDark, isMobile = false, onOpenDrawer, onUndo, onRedo, canUndo, canRedo }, ref) {
     const handleRef = useRef(null);
     const [ready, setReady] = useState(false);
+    const [hasContent, setHasContent] = useState(false);
     const [propsPopover, setPropsPopover] = useState(null);
     const [transformPopover, setTransformPopover] = useState(null);
     const onStateChangeRef = useRef(onStateChange);
@@ -2512,8 +2552,10 @@ var GeometryEditorPanel = forwardRef(
     }, [onStateChange]);
     const emitState = useCallback(() => {
       const h = handleRef.current;
+      if (!h) return;
+      setHasContent(h.getCreationLog().length > 0);
       const cb = onStateChangeRef.current;
-      if (!h || !cb) return;
+      if (!cb) return;
       cb({
         tool: h.getTool(),
         showAxis: h.getShowAxis(),
@@ -2643,7 +2685,8 @@ var GeometryEditorPanel = forwardRef(
                 {
                   type: "button",
                   onClick: handleInsert,
-                  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": "geometry-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"
@@ -2743,7 +2786,8 @@ var GeometryEditorPanel = forwardRef(
                 "button",
                 {
                   onClick: handleInsert,
-                  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": "geometry-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"
@@ -2860,5 +2904,5 @@ var GeometryStampHost = forwardRef(
 );
 
 export { GeometryStampHost };
-//# sourceMappingURL=host-VDNAJMLC.mjs.map
-//# sourceMappingURL=host-VDNAJMLC.mjs.map
+//# sourceMappingURL=host-DJETSFCG.mjs.map
+//# sourceMappingURL=host-DJETSFCG.mjs.map