@tscircuit/3d-viewer 0.0.353 → 0.0.355

package/dist/index.js

@@ -25583,7 +25583,7 @@ import * as THREE10 from "three";
 // package.json
 var package_default = {
   name: "@tscircuit/3d-viewer",
-  version: "0.0.352",
+  version: "0.0.354",
   main: "./dist/index.js",
   module: "./dist/index.js",
   type: "module",
@@ -28903,13 +28903,17 @@ var CadViewerManifold = ({
         );
       }
     };
-    if (window.ManifoldModule) {
+    const existingManifold = window.ManifoldModule ?? window.MANIFOLD ?? window.MANIFOLD_MODULE;
+    if (existingManifold) {
+      window.ManifoldModule = existingManifold;
       initManifold(window.ManifoldModule);
       return;
     }
     const eventName = "manifoldLoaded";
     const handleLoad = () => {
-      if (window.ManifoldModule) {
+      const loadedManifold = window.ManifoldModule ?? window.MANIFOLD ?? window.MANIFOLD_MODULE;
+      if (loadedManifold) {
+        window.ManifoldModule = loadedManifold;
         initManifold(window.ManifoldModule);
       } else {
         const errText = "ManifoldModule not found on window after script load.";
@@ -29059,11 +29063,23 @@ var useContextMenu = ({ containerRef }) => {
   });
   const menuRef = useRef8(null);
   const interactionOriginPosRef = useRef8(null);
+  const longPressTimeoutRef = useRef8(null);
+  const ignoreNextContextMenuRef = useRef8(false);
+  const clearLongPressTimeout = () => {
+    if (longPressTimeoutRef.current !== null) {
+      clearTimeout(longPressTimeoutRef.current);
+      longPressTimeoutRef.current = null;
+    }
+  };
   const handleContextMenu = useCallback6(
     (e) => {
       e.preventDefault();
       const eventX = typeof e.clientX === "number" ? e.clientX : 0;
       const eventY = typeof e.clientY === "number" ? e.clientY : 0;
+      if (ignoreNextContextMenuRef.current) {
+        ignoreNextContextMenuRef.current = false;
+        return;
+      }
       if (!interactionOriginPosRef.current) {
         return;
       }
@@ -29081,18 +29097,39 @@ var useContextMenu = ({ containerRef }) => {
     },
     [setMenuPos, setMenuVisible]
   );
-  const handleTouchStart = useCallback6((e) => {
-    if (e.touches.length === 1) {
-      const touch = e.touches[0];
-      if (touch) {
-        interactionOriginPosRef.current = { x: touch.clientX, y: touch.clientY };
+  const handleTouchStart = useCallback6(
+    (e) => {
+      if (e.touches.length === 1) {
+        const touch = e.touches[0];
+        if (touch) {
+          interactionOriginPosRef.current = {
+            x: touch.clientX,
+            y: touch.clientY
+          };
+          clearLongPressTimeout();
+          longPressTimeoutRef.current = window.setTimeout(() => {
+            if (!interactionOriginPosRef.current) return;
+            if (containerRef.current) {
+              const rect = containerRef.current.getBoundingClientRect();
+              setMenuPos({
+                x: rect.left + rect.width / 2,
+                y: rect.top + rect.height / 2
+              });
+              setMenuVisible(true);
+              ignoreNextContextMenuRef.current = true;
+            }
+            interactionOriginPosRef.current = null;
+          }, 600);
+        } else {
+          interactionOriginPosRef.current = null;
+        }
       } else {
         interactionOriginPosRef.current = null;
+        clearLongPressTimeout();
       }
-    } else {
-      interactionOriginPosRef.current = null;
-    }
-  }, []);
+    },
+    [containerRef]
+  );
   const handleTouchMove = useCallback6((e) => {
     if (!interactionOriginPosRef.current || e.touches.length !== 1) {
       return;
@@ -29104,12 +29141,15 @@ var useContextMenu = ({ containerRef }) => {
       const swipeThreshold = 10;
       if (dx > swipeThreshold || dy > swipeThreshold) {
         interactionOriginPosRef.current = null;
+        clearLongPressTimeout();
       }
     } else {
       interactionOriginPosRef.current = null;
+      clearLongPressTimeout();
     }
   }, []);
   const handleTouchEnd = useCallback6(() => {
+    clearLongPressTimeout();
     setTimeout(() => {
       if (interactionOriginPosRef.current) {
         interactionOriginPosRef.current = null;
@@ -29125,7 +29165,11 @@ var useContextMenu = ({ containerRef }) => {
   useEffect21(() => {
     if (menuVisible) {
       document.addEventListener("mousedown", handleClickAway);
-      return () => document.removeEventListener("mousedown", handleClickAway);
+      document.addEventListener("touchstart", handleClickAway);
+      return () => {
+        document.removeEventListener("mousedown", handleClickAway);
+        document.removeEventListener("touchstart", handleClickAway);
+      };
     }
   }, [menuVisible, handleClickAway]);
   const contextMenuEventHandlers = {
@@ -29224,7 +29268,16 @@ var CadViewer = (props) => {
     "div",
     {
       ref: containerRef,
-      style: { width: "100%", height: "100%", position: "relative" },
+      style: {
+        width: "100%",
+        height: "100%",
+        position: "relative",
+        userSelect: "none",
+        MozUserSelect: "none",
+        msUserSelect: "none",
+        WebkitUserSelect: "none",
+        WebkitTouchCallout: "none"
+      },
       ...contextMenuEventHandlers,
       children: [
         engine === "jscad" ? /* @__PURE__ */ jsx14(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tscircuit/3d-viewer",
-  "version": "0.0.353",
+  "version": "0.0.355",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "type": "module",