@tscircuit/pcb-viewer 1.11.421 → 1.11.422

package/dist/index.d.ts

@@ -104,7 +104,8 @@ declare const usePcbViewerController: () => {
 type Props = {
     circuitJson?: AnyCircuitElement[];
     height?: number;
-    /** Initial engine; users can switch via the context menu. Prop changes reset it.
+    /** Initial engine override; otherwise restores the saved user preference.
+     * Users can switch via the context menu. Prop changes reset it.
      * WebGPU runs in a worker and reports failures without changing engines. */
     renderer?: "webgpu" | "canvas";
     allowEditing?: boolean;

package/dist/index.js

@@ -9596,6 +9596,7 @@ import { useContext as useContext2 } from "react";
 // src/hooks/useLocalStorage.ts
 import { useCallback } from "react";
 var STORAGE_KEYS = {
+  RENDERING_ENGINE: "pcb_viewer_rendering_engine",
   COPPER_POUR_OPACITY: "pcb_viewer_copper_pour_opacity",
   HIDDEN_LAYER_OPACITY: "pcb_viewer_hidden_layer_opacity",
   IS_SHOWING_PCB_GROUPS: "pcb_viewer_is_showing_pcb_groups",
@@ -18585,7 +18586,7 @@ import { css as css3 } from "@emotion/css";
 // package.json
 var package_default = {
   name: "@tscircuit/pcb-viewer",
-  version: "1.11.420",
+  version: "1.11.421",
   main: "dist/index.js",
   type: "module",
   repository: {
@@ -21079,11 +21080,15 @@ function applyEditEvents({
 // src/PCBViewer.tsx
 import { jsx as jsx27, jsxs as jsxs20 } from "react/jsx-runtime";
 var defaultTransform = compose9(translate14(400, 300), scale6(40, -40));
+var getPreferredRenderer = () => {
+  const stored = getStoredString(STORAGE_KEYS.RENDERING_ENGINE, "webgpu");
+  return stored === "canvas" || stored === "webgpu" ? stored : "webgpu";
+};
 var PCBViewer = ({
   circuitJson,
   debugGraphics,
   height = 600,
-  renderer = "webgpu",
+  renderer,
   initialState,
   allowEditing = true,
   editEvents: editEventsProp,
@@ -21096,12 +21101,21 @@ var PCBViewer = ({
   disablePcbGroups = false,
   controller
 }) => {
-  const [activeRenderer, setActiveRenderer] = useState14(renderer);
+  const [activeRenderer, setActiveRenderer] = useState14(
+    () => renderer ?? getPreferredRenderer()
+  );
   const [focusedPcbComponent, setFocusedPcbComponent] = useState14(null);
-  useEffect21(() => setActiveRenderer(renderer), [renderer]);
+  useEffect21(
+    () => setActiveRenderer(renderer ?? getPreferredRenderer()),
+    [renderer]
+  );
+  const setPreferredRenderer = useCallback12((engine) => {
+    setActiveRenderer(engine);
+    setStoredString(STORAGE_KEYS.RENDERING_ENGINE, engine);
+  }, []);
   const renderingEngine = useMemo11(
-    () => ({ renderer: activeRenderer, setRenderer: setActiveRenderer }),
-    [activeRenderer]
+    () => ({ renderer: activeRenderer, setRenderer: setPreferredRenderer }),
+    [activeRenderer, setPreferredRenderer]
   );
   const [isInteractionEnabled, setIsInteractionEnabled] = useState14(
     !clickToInteractEnabled