@tscircuit/pcb-viewer 1.11.2 → 1.11.4

package/dist/index.d.ts

@@ -11,6 +11,7 @@ interface State {
     is_mouse_over_container: boolean;
     is_moving_component: boolean;
     is_drawing_trace: boolean;
+    is_showing_multiple_traces_length: boolean;
     is_showing_rats_nest: boolean;
     selectLayer: (layer: LayerRef) => void;
     setEditMode: (mode: "off" | "move_footprint" | "draw_trace") => void;
@@ -18,6 +19,7 @@ interface State {
     setIsDrawingTrace: (is_drawing: boolean) => void;
     setIsShowingRatsNest: (is_showing: boolean) => void;
     setIsMouseOverContainer: (is_focused: boolean) => void;
+    setIsShowingMultipleTracesLength: (is_showing: boolean) => void;
 }
 type StateProps = {
     [key in keyof State]: State[key] extends boolean ? boolean : never;

package/dist/index.js

@@ -227,7 +227,7 @@ __export(dist_exports, {
   inductance: () => inductance,
   layer_ref: () => layer_ref,
   layer_string: () => layer_string,
-  length: () => length,
+  length: () => length2,
   pcb_board: () => pcb_board,
   pcb_component: () => pcb_component,
   pcb_fabrication_note_path: () => pcb_fabrication_note_path,
@@ -4587,9 +4587,9 @@ var resistance = z.string().or(z.number()).transform((v) => parseAndConvertSiUni
 var capacitance = z.string().or(z.number()).transform((v) => parseAndConvertSiUnit(v).value);
 var inductance = z.string().or(z.number()).transform((v) => parseAndConvertSiUnit(v).value);
 var voltage = z.string().or(z.number()).transform((v) => parseAndConvertSiUnit(v).value);
-var length = z.string().or(z.number()).transform((v) => parseAndConvertSiUnit(v).value);
+var length2 = z.string().or(z.number()).transform((v) => parseAndConvertSiUnit(v).value);
 var frequency = z.string().or(z.number()).transform((v) => parseAndConvertSiUnit(v).value);
-var distance = length;
+var distance = length2;
 var current = z.string().or(z.number()).transform((v) => parseAndConvertSiUnit(v).value);
 var time = z.string().or(z.number()).transform((v) => parseAndConvertSiUnit(v).value);
 var rotation = z.string().or(z.number()).transform((arg) => {
@@ -4812,10 +4812,10 @@ var schematic_path = z.object({
 expectTypesMatch(true);
 var schematic_pin_styles = z.record(
   z.object({
-    left_margin: length.optional(),
-    right_margin: length.optional(),
-    top_margin: length.optional(),
-    bottom_margin: length.optional()
+    left_margin: length2.optional(),
+    right_margin: length2.optional(),
+    top_margin: length2.optional(),
+    bottom_margin: length2.optional()
   })
 );
 var schematic_component_port_arrangement_by_size = z.object({
@@ -4859,9 +4859,9 @@ var schematic_component = z.object({
   center: point,
   source_component_id: z.string(),
   schematic_component_id: z.string(),
-  pin_spacing: length.optional(),
+  pin_spacing: length2.optional(),
   pin_styles: schematic_pin_styles.optional(),
-  box_width: length.optional(),
+  box_width: length2.optional(),
   symbol_name: z.string().optional(),
   port_arrangement: port_arrangement.optional(),
   port_labels: z.record(z.string()).optional(),
@@ -5024,8 +5024,8 @@ var pcb_component = z.object({
   center: point,
   layer: layer_ref,
   rotation,
-  width: length,
-  height: length
+  width: length2,
+  height: length2
 }).describe("Defines a component on the PCB");
 expectTypesMatch(true);
 var pcb_hole_circle_or_square = z.object({
@@ -5193,8 +5193,8 @@ var pcb_text = z.object({
   text: z.string(),
   center: point,
   layer: layer_ref,
-  width: length,
-  height: length,
+  width: length2,
+  height: length2,
   lines: z.number(),
   // @ts-ignore
   align: z.enum(["bottom-left"])
@@ -5289,10 +5289,10 @@ expectTypesMatch(true);
 var pcb_board = z.object({
   type: z.literal("pcb_board"),
   pcb_board_id: getZodPrefixedIdWithDefault("pcb_board"),
-  width: length,
-  height: length,
+  width: length2,
+  height: length2,
   center: point,
-  thickness: length.optional().default(1.4),
+  thickness: length2.optional().default(1.4),
   num_layers: z.number().optional().default(4),
   outline: z.array(point).optional()
 }).describe("Defines the board outline of the PCB");
@@ -5329,7 +5329,7 @@ var pcb_silkscreen_path = z.object({
   pcb_component_id: z.string(),
   layer: visible_layer,
   route: z.array(point),
-  stroke_width: length
+  stroke_width: length2
 }).describe("Defines a silkscreen path on the PCB");
 expectTypesMatch(true);
 var pcb_silkscreen_text = z.object({
@@ -5351,8 +5351,8 @@ var pcb_silkscreen_rect = z.object({
   pcb_silkscreen_rect_id: getZodPrefixedIdWithDefault("pcb_silkscreen_rect"),
   pcb_component_id: z.string(),
   center: point,
-  width: length,
-  height: length,
+  width: length2,
+  height: length2,
   layer: layer_ref
 }).describe("Defines a silkscreen rect on the PCB");
 expectTypesMatch(true);
@@ -5363,7 +5363,7 @@ var pcb_silkscreen_circle = z.object({
   ),
   pcb_component_id: z.string(),
   center: point,
-  radius: length,
+  radius: length2,
   layer: visible_layer
 }).describe("Defines a silkscreen circle on the PCB");
 expectTypesMatch(true);
@@ -5402,7 +5402,7 @@ var pcb_fabrication_note_path = z.object({
   pcb_component_id: z.string(),
   layer: layer_ref,
   route: z.array(point),
-  stroke_width: length,
+  stroke_width: length2,
   color: z.string().optional()
 }).describe(
   "Defines a fabrication path on the PCB for fabricators or assemblers"
@@ -5457,8 +5457,8 @@ expectTypesMatch(true);
 var pcb_group = z.object({
   type: z.literal("pcb_group"),
   pcb_group_id: getZodPrefixedIdWithDefault("pcb_group"),
-  width: length,
-  height: length,
+  width: length2,
+  height: length2,
   center: point,
   pcb_component_ids: z.array(z.string()),
   name: z.string().optional(),
@@ -5913,6 +5913,7 @@ var createStore = (initialState = {}) => createZustandStore(
     is_moving_component: false,
     is_drawing_trace: false,
     is_mouse_over_container: false,
+    is_showing_multiple_traces_length: false,
     is_showing_rats_nest: false,
     ...initialState,
     selectLayer: (layer) => set({ selected_layer: layer }),
@@ -5926,7 +5927,8 @@ var createStore = (initialState = {}) => createZustandStore(
     setIsShowingRatsNest: (is_showing) => set({ is_showing_rats_nest: is_showing }),
     setIsMovingComponent: (is_moving) => set({ is_moving_component: is_moving }),
     setIsDrawingTrace: (is_drawing) => set({ is_drawing_trace: is_drawing }),
-    setIsMouseOverContainer: (is_focused) => set({ is_mouse_over_container: is_focused })
+    setIsMouseOverContainer: (is_focused) => set({ is_mouse_over_container: is_focused }),
+    setIsShowingMultipleTracesLength: (is_showing) => set({ is_showing_multiple_traces_length: is_showing })
   })
 );
 var useGlobalStore = (s) => {
@@ -6996,8 +6998,8 @@ function getExpandedStroke(strokeInput, defaultWidth) {
   function getNormal(p1, p2) {
     const dx = p2.x - p1.x;
     const dy = p2.y - p1.y;
-    const length2 = Math.sqrt(dx * dx + dy * dy);
-    return { x: -dy / length2, y: dx / length2 };
+    const length3 = Math.sqrt(dx * dx + dy * dy);
+    return { x: -dy / length3, y: dx / length3 };
   }
   function addPoint(point2, normal, factor, width) {
     const halfWidth = width / 2;
@@ -7592,20 +7594,29 @@ function getTraceOverlayInfo({
 }
 
 // src/lib/filter-traces-if-multiple.ts
-function filterTracesIfMultiple(primitives) {
-  const DISPLAY_ALL_TRACE_LENGTHS = false;
+function filterTracesIfMultiple(filterTraces) {
+  const { primitives, is_showing_multiple_traces_length, elements } = filterTraces;
   const traces = primitives.filter(
     (p) => p._element.type === "pcb_trace"
   );
+  const sourceTraces = elements.filter((e) => e.type === "source_trace");
+  const nonTraces = primitives.filter((p) => p._element.type !== "pcb_trace");
+  const tracesWithMaxLength = traces.filter(
+    (trace) => sourceTraces.some(
+      (sourceTrace) => trace._element.type === "pcb_trace" && trace._element.source_trace_id === sourceTrace.source_trace_id && sourceTrace.max_length !== void 0
+    )
+  );
+  length;
+  if (!is_showing_multiple_traces_length) {
+    return [...nonTraces, ...tracesWithMaxLength];
+  }
   if (traces.length > 1) {
-    if (!DISPLAY_ALL_TRACE_LENGTHS)
-      return primitives.filter((p) => p._element.type !== "pcb_trace");
     const shortestTrace = traces.reduce((shortest, current2) => {
       const shortestLength = shortest._element.trace_length;
       const currentLength = current2._element.trace_length;
       return currentLength < shortestLength ? current2 : shortest;
     }, traces[0]);
-    return primitives.filter((p) => p._element.type !== "pcb_trace").concat([shortestTrace]);
+    return [...nonTraces, shortestTrace];
   }
   return primitives;
 }
@@ -7789,13 +7800,20 @@ var ElementOverlayBox = ({
   mousePos,
   elements
 }) => {
-  const is_moving_component = useGlobalStore((s) => s.is_moving_component);
+  const [is_moving_component, is_showing_multiple_traces_length] = useGlobalStore((s) => [
+    s.is_moving_component,
+    s.is_showing_multiple_traces_length
+  ]);
   const hasSmtPadAndTrace = highlightedPrimitives.some((p) => p._element.type === "pcb_smtpad") && highlightedPrimitives.some((p) => p._element.type === "pcb_trace");
   let primitives = highlightedPrimitives;
   if (hasSmtPadAndTrace) {
     primitives = primitives.filter((p) => p._element.type === "pcb_smtpad");
   }
-  primitives = filterTracesIfMultiple(primitives);
+  primitives = filterTracesIfMultiple({
+    primitives,
+    is_showing_multiple_traces_length,
+    elements
+  });
   return /* @__PURE__ */ jsx4("div", { style: containerStyle, children: !is_moving_component && primitives.map((primitive, i) => /* @__PURE__ */ jsx4(
     HighlightedPrimitiveBoxWithText,
     {
@@ -8191,7 +8209,7 @@ import { css } from "@emotion/css";
 // package.json
 var package_default = {
   name: "@tscircuit/pcb-viewer",
-  version: "1.11.0",
+  version: "1.11.3",
   main: "dist/index.js",
   type: "module",
   repository: "tscircuit/pcb-viewer",
@@ -8242,8 +8260,8 @@ var package_default = {
   },
   dependencies: {
     "@emotion/css": "^11.11.2",
+    "circuit-json-to-connectivity-map": "^0.0.18",
     "@tscircuit/math-utils": "^0.0.7",
-    "circuit-json-to-connectivity-map": "^0.0.16",
     "circuit-to-svg": "^0.0.36",
     color: "^4.2.3",
     "react-supergrid": "^1.0.10",
@@ -8339,22 +8357,65 @@ var ToolbarButton = ({ children, ...props }) => /* @__PURE__ */ jsx7(
     children
   }
 );
+var CheckboxMenuItem = ({
+  label,
+  checked,
+  onClick
+}) => {
+  return /* @__PURE__ */ jsxs4(
+    "div",
+    {
+      className: css`
+        margin-top: 2px;
+        padding: 4px;
+        padding-left: 8px;
+        padding-right: 18px;
+        cursor: pointer;
+        display: flex;
+        align-items: center;
+        gap: 8px;
+
+        &:hover {
+          background-color: rgba(255, 255, 255, 0.1);
+        }
+      `,
+      onClick: (e) => {
+        e.stopPropagation();
+        onClick();
+      },
+      children: [
+        /* @__PURE__ */ jsx7("input", { type: "checkbox", checked }),
+        /* @__PURE__ */ jsx7("span", { style: { color: "#eee" }, children: label })
+      ]
+    }
+  );
+};
 var ToolbarOverlay = ({ children, elements }) => {
   const [isMouseOverContainer, setIsMouseOverContainer] = useGlobalStore(
     (s) => [s.is_mouse_over_container, s.setIsMouseOverContainer]
   );
+  const [isViewMenuOpen, setViewMenuOpen] = useState5(false);
   const [isLayerMenuOpen, setLayerMenuOpen] = useState5(false);
   const [isErrorsOpen, setErrorsOpen] = useState5(false);
   const [selectedLayer, selectLayer] = useGlobalStore(
     (s) => [s.selected_layer, s.selectLayer]
   );
-  const [in_move_footprint_mode, in_draw_trace_mode, is_showing_rats_nest] = useGlobalStore((s) => [
+  const [
+    in_move_footprint_mode,
+    in_draw_trace_mode,
+    is_showing_rats_nest,
+    is_showing_multiple_traces_length
+  ] = useGlobalStore((s) => [
     s.in_move_footprint_mode,
     s.in_draw_trace_mode,
-    s.is_showing_rats_nest
+    s.is_showing_rats_nest,
+    s.is_showing_multiple_traces_length
   ]);
   const setEditMode = useGlobalStore((s) => s.setEditMode);
   const setIsShowingRatsNest = useGlobalStore((s) => s.setIsShowingRatsNest);
+  const setIsShowingMultipleTracesLength = useGlobalStore(
+    (s) => s.setIsShowingMultipleTracesLength
+  );
   useHotKey("1", () => selectLayer("top"));
   useHotKey("2", () => selectLayer("bottom"));
   useHotKey("3", () => selectLayer("inner1"));
@@ -8518,6 +8579,54 @@ var ToolbarOverlay = ({ children, elements }) => {
                     "Rats Nest"
                   ] })
                 }
+              ),
+              /* @__PURE__ */ jsx7(
+                ToolbarButton,
+                {
+                  onClick: () => {
+                    setViewMenuOpen(!isViewMenuOpen);
+                  },
+                  children: /* @__PURE__ */ jsxs4("div", { children: [
+                    /* @__PURE__ */ jsxs4(
+                      "div",
+                      {
+                        style: {
+                          display: "flex",
+                          alignItems: "center",
+                          gap: "4px"
+                        },
+                        children: [
+                          "View",
+                          " ",
+                          /* @__PURE__ */ jsx7(
+                            "span",
+                            {
+                              style: {
+                                fontSize: "8px",
+                                transform: isViewMenuOpen ? "rotate(180deg)" : "rotate(0)",
+                                transition: "transform 0.1s ease",
+                                display: "inline-block"
+                              },
+                              children: "\u25BC"
+                            }
+                          )
+                        ]
+                      }
+                    ),
+                    isViewMenuOpen && /* @__PURE__ */ jsx7("div", { style: { marginTop: 4, minWidth: 120 }, children: /* @__PURE__ */ jsx7(
+                      CheckboxMenuItem,
+                      {
+                        label: "Show All Trace Lengths",
+                        checked: is_showing_multiple_traces_length,
+                        onClick: () => {
+                          setIsShowingMultipleTracesLength(
+                            !is_showing_multiple_traces_length
+                          );
+                        }
+                      }
+                    ) })
+                  ] })
+                }
               )
             ]
           }