@tscircuit/3d-viewer 0.0.559 → 0.0.560

package/dist/index.d.ts

@@ -139,6 +139,7 @@ interface CameraControllerProviderProps {
     children: React.ReactNode;
     defaultTarget: THREE.Vector3;
     initialCameraPosition?: readonly [number, number, number];
+    initialCameraType?: "perspective" | "orthographic";
 }
 declare const CameraControllerProvider: React.FC<CameraControllerProviderProps>;
 declare const useCameraController: () => CameraControllerContextValue;

package/dist/index.js

@@ -31991,7 +31991,7 @@ import * as THREE20 from "three";
 // package.json
 var package_default = {
   name: "@tscircuit/3d-viewer",
-  version: "0.0.558",
+  version: "0.0.559",
   main: "./dist/index.js",
   module: "./dist/index.js",
   type: "module",
@@ -32141,12 +32141,12 @@ var loadCameraFromSession = (camera, controls) => {
   }
 };
 var CameraControllerContext = createContext4(void 0);
-var CameraControllerProvider = ({ children, defaultTarget, initialCameraPosition }) => {
+var CameraControllerProvider = ({ children, defaultTarget, initialCameraPosition, initialCameraType }) => {
   const controlsRef = useRef3(null);
   const mainCameraRef = useRef3(null);
   const [controller, setController] = useState8(null);
   const [cameraType, setCameraType] = useState8(
-    "perspective"
+    initialCameraType ?? "perspective"
   );
   const [cameraPosition, setCameraPosition] = useState8(initialCameraPosition ?? null);
   const [cameraRotation, setCameraRotation] = useState8(
@@ -45215,8 +45215,16 @@ var KeyboardShortcutsDialog = ({
 import { jsx as jsx38, jsxs as jsxs11 } from "react/jsx-runtime";
 var DEFAULT_TARGET = new THREE43.Vector3(0, 0, 0);
 var INITIAL_CAMERA_POSITION = [5, -5, 5];
+var readStoredCameraType = () => {
+  if (typeof window === "undefined") return void 0;
+  const stored = window.localStorage.getItem("cadViewerCameraType");
+  return stored === "orthographic" || stored === "perspective" ? stored : void 0;
+};
 var CadViewerInner = (props) => {
-  const [engine, setEngine] = useState36("manifold");
+  const [engine, setEngine] = useState36(() => {
+    const stored = window.localStorage.getItem("cadViewerEngine");
+    return stored === "jscad" || stored === "manifold" ? stored : "manifold";
+  });
   const containerRef = useRef26(null);
   const [isKeyboardShortcutsDialogOpen, setIsKeyboardShortcutsDialogOpen] = useState36(false);
   const [autoRotate, setAutoRotate] = useState36(() => {
@@ -45343,12 +45351,6 @@ var CadViewerInner = (props) => {
       registerHotkeyViewer(containerRef.current);
     }
   }, []);
-  useEffect45(() => {
-    const stored = window.localStorage.getItem("cadViewerEngine");
-    if (stored === "jscad" || stored === "manifold") {
-      setEngine(stored);
-    }
-  }, []);
   useEffect45(() => {
     window.localStorage.setItem("cadViewerEngine", engine);
   }, [engine]);
@@ -45361,12 +45363,6 @@ var CadViewerInner = (props) => {
       String(autoRotateUserToggled)
     );
   }, [autoRotateUserToggled]);
-  useEffect45(() => {
-    const stored = window.localStorage.getItem("cadViewerCameraType");
-    if (stored === "orthographic" || stored === "perspective") {
-      setCameraType(stored);
-    }
-  }, [setCameraType]);
   useEffect45(() => {
     window.localStorage.setItem("cadViewerCameraType", cameraType);
   }, [cameraType]);
@@ -45472,6 +45468,7 @@ var CadViewer = (props) => {
     {
       defaultTarget: DEFAULT_TARGET,
       initialCameraPosition: INITIAL_CAMERA_POSITION,
+      initialCameraType: readStoredCameraType(),
       children: /* @__PURE__ */ jsx38(LayerVisibilityProvider, { children: /* @__PURE__ */ jsx38(ToastProvider, { children: /* @__PURE__ */ jsx38(CadViewerInner, { ...props }) }) })
     }
   );

package/package.json

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