@tscircuit/3d-viewer 0.0.384 → 0.0.385

package/dist/index.js

@@ -26002,7 +26002,7 @@ import * as THREE11 from "three";
 // package.json
 var package_default = {
   name: "@tscircuit/3d-viewer",
-  version: "0.0.383",
+  version: "0.0.384",
   main: "./dist/index.js",
   module: "./dist/index.js",
   type: "module",
@@ -26389,7 +26389,8 @@ var OrbitControls = ({
   rotateSpeed,
   zoomSpeed,
   enableDamping,
-  dampingFactor
+  dampingFactor,
+  target
 }) => {
   const { camera, renderer } = useThree();
   const controls = useMemo10(() => {
@@ -26405,6 +26406,10 @@ var OrbitControls = ({
     if (zoomSpeed !== void 0) controls.zoomSpeed = zoomSpeed;
     if (enableDamping !== void 0) controls.enableDamping = enableDamping;
     if (dampingFactor !== void 0) controls.dampingFactor = dampingFactor;
+    if (target) {
+      controls.target.set(target[0], target[1], target[2]);
+      controls.update();
+    }
   }, [
     controls,
     autoRotate,
@@ -26413,7 +26418,8 @@ var OrbitControls = ({
     rotateSpeed,
     zoomSpeed,
     enableDamping,
-    dampingFactor
+    dampingFactor,
+    target
   ]);
   useEffect12(() => {
     if (!controls || !onStart) return;
@@ -26571,6 +26577,7 @@ var CadViewerContainer = forwardRef2(
     autoRotateDisabled,
     clickToInteractEnabled = false,
     boardDimensions,
+    boardCenter,
     onUserInteraction
   }, ref) => {
     const [isInteractionEnabled, setIsInteractionEnabled] = useState7(
@@ -26584,6 +26591,10 @@ var CadViewerContainer = forwardRef2(
       const desired = largest * 1.5;
       return desired > 10 ? desired : 10;
     }, [boardDimensions]);
+    const orbitTarget = useMemo13(() => {
+      if (!boardCenter) return void 0;
+      return [boardCenter.x, boardCenter.y, 0];
+    }, [boardCenter]);
     return /* @__PURE__ */ jsxs4("div", { style: { position: "relative", width: "100%", height: "100%" }, children: [
       /* @__PURE__ */ jsx11(
         "div",
@@ -26626,7 +26637,8 @@ var CadViewerContainer = forwardRef2(
                 panSpeed: 0.75,
                 zoomSpeed: 0.5,
                 enableDamping: true,
-                dampingFactor: 0.1
+                dampingFactor: 0.1,
+                target: orbitTarget
               }
             ),
             /* @__PURE__ */ jsx11(Lights, {}),
@@ -28204,6 +28216,17 @@ var CadViewerJscad = forwardRef3(
         return void 0;
       }
     }, [internalCircuitJson]);
+    const boardCenter = useMemo17(() => {
+      if (!internalCircuitJson) return void 0;
+      try {
+        const board = su4(internalCircuitJson).pcb_board.list()[0];
+        if (!board || !board.center) return void 0;
+        return { x: board.center.x, y: board.center.y };
+      } catch (e) {
+        console.error(e);
+        return void 0;
+      }
+    }, [internalCircuitJson]);
     const { stls: boardStls, loading } = useStlsFromGeom(boardGeom);
     const cad_components = su4(internalCircuitJson).cad_component.list();
     return /* @__PURE__ */ jsxs6(
@@ -28214,6 +28237,7 @@ var CadViewerJscad = forwardRef3(
         initialCameraPosition,
         clickToInteractEnabled,
         boardDimensions,
+        boardCenter,
         onUserInteraction,
         children: [
           boardStls.map(({ stlData, color }, index) => /* @__PURE__ */ jsx13(
@@ -29544,6 +29568,12 @@ try {
     const { width: width10 = 0, height: height10 = 0 } = boardData;
     return { width: width10, height: height10 };
   }, [boardData]);
+  const boardCenter = useMemo19(() => {
+    if (!boardData) return void 0;
+    const { center } = boardData;
+    if (!center) return void 0;
+    return { x: center.x, y: center.y };
+  }, [boardData]);
   const initialCameraPosition = useMemo19(() => {
     if (!boardData) return [5, 5, 5];
     const { width: width10 = 0, height: height10 = 0 } = boardData;
@@ -29599,6 +29629,7 @@ try {
       autoRotateDisabled,
       clickToInteractEnabled,
       boardDimensions,
+      boardCenter,
       onUserInteraction,
       children: [
         /* @__PURE__ */ jsx14(

package/package.json

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