@tscircuit/pcb-viewer 1.11.89 → 1.11.91

package/dist/index.d.ts

@@ -32,9 +32,7 @@ type StateProps = {
 type EditEvent = ManualEditEvent;
 
 type Props = {
-    children?: any;
     circuitJson?: AnyCircuitElement[];
-    soup?: any;
     height?: number;
     allowEditing?: boolean;
     editEvents?: EditEvent[];
@@ -42,10 +40,9 @@ type Props = {
     onEditEventsChanged?: (editEvents: EditEvent[]) => void;
     focusOnHover?: boolean;
     clickToInteractEnabled?: boolean;
-    disableAutoFocus?: boolean;
     debugGraphics?: GraphicsObject | null;
 };
-declare const PCBViewer: ({ children, soup, circuitJson, debugGraphics, height, initialState, allowEditing, editEvents: editEventsProp, onEditEventsChanged, focusOnHover, clickToInteractEnabled, disableAutoFocus, }: Props) => react_jsx_runtime.JSX.Element;
+declare const PCBViewer: ({ circuitJson, debugGraphics, height, initialState, allowEditing, editEvents: editEventsProp, onEditEventsChanged, focusOnHover, clickToInteractEnabled, }: Props) => react_jsx_runtime.JSX.Element;
 
 declare const applyEditEvents: (soup: AnyCircuitElement[], edit_events: EditEvent[]) => AnyCircuitElement[];
 

package/dist/index.js

@@ -4,9 +4,6 @@ var __export = (target, all) => {
     __defProp(target, name, { get: all[name], enumerable: true });
 };
 
-// src/PCBViewer.tsx
-import { useRenderedCircuit } from "@tscircuit/core";
-
 // node_modules/circuit-json/dist/index.mjs
 var dist_exports = {};
 __export(dist_exports, {
@@ -9187,7 +9184,7 @@ import { css as css3 } from "@emotion/css";
 // package.json
 var package_default = {
   name: "@tscircuit/pcb-viewer",
-  version: "1.11.88",
+  version: "1.11.90",
   main: "dist/index.js",
   type: "module",
   repository: "tscircuit/pcb-viewer",
@@ -9738,8 +9735,6 @@ var CanvasElementsRenderer = (props) => {
 import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
 var defaultTransform = compose4(translate5(400, 300), scale2(40, -40));
 var PCBViewer = ({
-  children,
-  soup,
   circuitJson,
   debugGraphics,
   height = 600,
@@ -9748,16 +9743,8 @@ var PCBViewer = ({
   editEvents: editEventsProp,
   onEditEventsChanged,
   focusOnHover = false,
-  clickToInteractEnabled = false,
-  disableAutoFocus = false
+  clickToInteractEnabled = false
 }) => {
-  circuitJson ??= soup;
-  const {
-    circuitJson: circuitJsonFromChildren,
-    error: errorFromChildren,
-    isLoading
-  } = useRenderedCircuit(children);
-  circuitJson ??= circuitJsonFromChildren ?? [];
   const [isInteractionEnabled, setIsInteractionEnabled] = useState10(
     !clickToInteractEnabled
   );
@@ -9775,8 +9762,8 @@ var PCBViewer = ({
   let [editEvents, setEditEvents] = useState10([]);
   editEvents = editEventsProp ?? editEvents;
   const initialRenderCompleted = useRef8(false);
-  const circuitJsonKey = `${circuitJson?.length || 0}_${Math.random()}`;
-  const resetTransform = (shouldAnimate = false) => {
+  const circuitJsonKey = `${circuitJson?.length || 0}`;
+  const resetTransform = () => {
     const elmBounds = refDimensions?.width > 0 ? refDimensions : { width: 500, height: 500 };
     const { center, width, height: height2 } = elements.some(
       (e) => e.type.startsWith("pcb_")
@@ -9793,49 +9780,18 @@ var PCBViewer = ({
       scale2(scaleFactor, -scaleFactor, 0, 0),
       translate5(-center.x, -center.y)
     );
-    if (!shouldAnimate) {
-      setTransform(targetTransform);
-      return;
-    }
-    const startTransform = { ...transform };
-    const startTime = Date.now();
-    const duration = 1e3;
-    const animateTransform = () => {
-      const elapsed = Date.now() - startTime;
-      const progress = Math.min(elapsed / duration, 1);
-      const easeProgress = 1 - Math.pow(1 - progress, 3);
-      const newTransform = {
-        a: startTransform.a + (targetTransform.a - startTransform.a) * easeProgress,
-        b: startTransform.b + (targetTransform.b - startTransform.b) * easeProgress,
-        c: startTransform.c + (targetTransform.c - startTransform.c) * easeProgress,
-        d: startTransform.d + (targetTransform.d - startTransform.d) * easeProgress,
-        e: startTransform.e + (targetTransform.e - startTransform.e) * easeProgress,
-        f: startTransform.f + (targetTransform.f - startTransform.f) * easeProgress
-      };
-      setTransform(newTransform);
-      if (progress < 1) {
-        requestAnimationFrame(animateTransform);
-      }
-    };
-    requestAnimationFrame(animateTransform);
+    setTransform(targetTransform);
+    return;
   };
   useEffect13(() => {
-    if (disableAutoFocus) return;
     if (!refDimensions?.width) return;
-    if (!(children || soup || circuitJson)) return;
-    if (clickToInteractEnabled && !isInteractionEnabled) return;
+    if (!circuitJson) return;
+    if (circuitJson.length === 0) return;
     if (!initialRenderCompleted.current) {
-      resetTransform(false);
+      resetTransform();
       initialRenderCompleted.current = true;
     }
-  }, [
-    children,
-    circuitJson,
-    refDimensions,
-    clickToInteractEnabled,
-    isInteractionEnabled,
-    disableAutoFocus
-  ]);
+  }, [circuitJson, refDimensions]);
   const pcbElmsPreEdit = useMemo6(() => {
     return circuitJson?.filter(
       (e) => e.type.startsWith("pcb_") || e.type.startsWith("source_")
@@ -9889,7 +9845,7 @@ var PCBViewer = ({
       {
         onClick: () => {
           setIsInteractionEnabled(true);
-          resetTransform(true);
+          resetTransform();
         },
         style: {
           position: "absolute",