@tscircuit/pcb-viewer 1.11.353 → 1.11.355

package/dist/index.d.ts

@@ -22,6 +22,7 @@ interface State {
     is_showing_pcb_groups: boolean;
     is_showing_group_anchor_offsets: boolean;
     is_showing_solder_mask: boolean;
+    is_showing_silkscreen: boolean;
     is_showing_fabrication_notes: boolean;
     pcb_group_view_mode: "all" | "named_only";
     hovered_error_id: string | null;
@@ -39,6 +40,7 @@ interface State {
     setIsShowingPcbGroups: (is_showing: boolean) => void;
     setIsShowingGroupAnchorOffsets: (is_showing: boolean) => void;
     setIsShowingSolderMask: (is_showing: boolean) => void;
+    setIsShowingSilkscreen: (is_showing: boolean) => void;
     setIsShowingFabricationNotes: (is_showing: boolean) => void;
     setPcbGroupViewMode: (mode: "all" | "named_only") => void;
     setHoveredErrorId: (errorId: string | null) => void;

package/dist/index.js

@@ -6597,7 +6597,8 @@ var STORAGE_KEYS = {
   IS_SHOWING_COURTYARDS: "pcb_viewer_is_showing_courtyards",
   IS_SHOWING_GROUP_ANCHOR_OFFSETS: "pcb_viewer_is_showing_group_anchor_offsets",
   IS_SHOWING_SOLDER_MASK: "pcb_viewer_is_showing_solder_mask",
-  IS_SHOWING_FABRICATION_NOTES: "pcb_viewer_is_showing_fabrication_notes"
+  IS_SHOWING_FABRICATION_NOTES: "pcb_viewer_is_showing_fabrication_notes",
+  IS_SHOWING_SILKSCREEN: "pcb_viewer_is_showing_silkscreen"
 };
 var getStoredBoolean = (key, defaultValue) => {
   if (typeof window === "undefined") return defaultValue;
@@ -6665,6 +6666,10 @@ var createStore = (initialState = {}, disablePcbGroups = false) => createZustand
       STORAGE_KEYS.IS_SHOWING_SOLDER_MASK,
       false
     ),
+    is_showing_silkscreen: getStoredBoolean(
+      STORAGE_KEYS.IS_SHOWING_SILKSCREEN,
+      true
+    ),
     is_showing_fabrication_notes: getStoredBoolean(
       STORAGE_KEYS.IS_SHOWING_FABRICATION_NOTES,
       false
@@ -6714,6 +6719,10 @@ var createStore = (initialState = {}, disablePcbGroups = false) => createZustand
       setStoredBoolean(STORAGE_KEYS.IS_SHOWING_SOLDER_MASK, is_showing);
       set({ is_showing_solder_mask: is_showing });
     },
+    setIsShowingSilkscreen: (is_showing) => {
+      setStoredBoolean(STORAGE_KEYS.IS_SHOWING_SILKSCREEN, is_showing);
+      set({ is_showing_silkscreen: is_showing });
+    },
     setIsShowingFabricationNotes: (is_showing) => {
       setStoredBoolean(
         STORAGE_KEYS.IS_SHOWING_FABRICATION_NOTES,
@@ -10026,9 +10035,8 @@ var CanvasPrimitiveRenderer = ({
   const isShowingFabricationNotes = useGlobalStore(
     (s) => s.is_showing_fabrication_notes
   );
-  const isShowingCourtyards = useGlobalStore(
-    (s) => s.is_showing_courtyards
-  );
+  const isShowingCourtyards = useGlobalStore((s) => s.is_showing_courtyards);
+  const isShowingSilkscreen = useGlobalStore((s) => s.is_showing_silkscreen);
   useEffect5(() => {
     if (!canvasRefs.current) return;
     if (Object.keys(canvasRefs.current).length === 0) return;
@@ -10043,7 +10051,7 @@ var CanvasPrimitiveRenderer = ({
     if (transform) drawer.transform = transform;
     drawer.clear();
     drawer.foregroundLayer = selectedLayer;
-    const filteredPrimitives = primitives.filter((p) => isShowingSolderMask || !p.layer?.includes("soldermask")).filter(
+    const filteredPrimitives = primitives.filter((p) => isShowingSolderMask || !p.layer?.includes("soldermask")).filter((p) => isShowingSilkscreen || !p.layer?.includes("silkscreen")).filter(
       (p) => isShowingFabricationNotes || !p.layer?.includes("fabrication")
     ).filter((p) => p.layer !== "board").filter((p) => p._element?.type !== "pcb_smtpad").filter((p) => p._element?.type !== "pcb_plated_hole").filter((p) => p._element?.type !== "pcb_via").filter((p) => p._element?.type !== "pcb_trace");
     drawPrimitives(drawer, filteredPrimitives);
@@ -10197,23 +10205,25 @@ var CanvasPrimitiveRenderer = ({
           realToCanvasMat: transform
         });
       }
-      const topSilkscreenCanvas = canvasRefs.current.top_silkscreen;
-      if (topSilkscreenCanvas) {
-        drawSilkscreenElementsForLayer({
-          canvas: topSilkscreenCanvas,
-          elements,
-          layers: ["top_silkscreen"],
-          realToCanvasMat: transform
-        });
-      }
-      const bottomSilkscreenCanvas = canvasRefs.current.bottom_silkscreen;
-      if (bottomSilkscreenCanvas) {
-        drawSilkscreenElementsForLayer({
-          canvas: bottomSilkscreenCanvas,
-          elements,
-          layers: ["bottom_silkscreen"],
-          realToCanvasMat: transform
-        });
+      if (isShowingSilkscreen) {
+        const topSilkscreenCanvas = canvasRefs.current.top_silkscreen;
+        if (topSilkscreenCanvas) {
+          drawSilkscreenElementsForLayer({
+            canvas: topSilkscreenCanvas,
+            elements,
+            layers: ["top_silkscreen"],
+            realToCanvasMat: transform
+          });
+        }
+        const bottomSilkscreenCanvas = canvasRefs.current.bottom_silkscreen;
+        if (bottomSilkscreenCanvas) {
+          drawSilkscreenElementsForLayer({
+            canvas: bottomSilkscreenCanvas,
+            elements,
+            layers: ["bottom_silkscreen"],
+            realToCanvasMat: transform
+          });
+        }
       }
       if (isShowingFabricationNotes) {
         const topFabCanvas = canvasRefs.current.top_fabrication;
@@ -10321,7 +10331,8 @@ var CanvasPrimitiveRenderer = ({
     selectedLayer,
     isShowingSolderMask,
     isShowingFabricationNotes,
-    isShowingCourtyards
+    isShowingCourtyards,
+    isShowingSilkscreen
   ]);
   return /* @__PURE__ */ jsxs(
     "div",
@@ -10347,9 +10358,8 @@ var CanvasPrimitiveRenderer = ({
           }
         ),
         orderedLayers.filter((layer) => {
-          if (!isShowingSolderMask) {
-            return !layer.includes("soldermask");
-          }
+          if (!isShowingSolderMask && layer.includes("soldermask")) return false;
+          if (!isShowingSilkscreen && layer.includes("silkscreen")) return false;
           return true;
         }).map((l) => l.replace(/-/g, "")).map((layer, i) => /* @__PURE__ */ jsx3(
           "canvas",
@@ -14361,7 +14371,7 @@ import { css as css3 } from "@emotion/css";
 // package.json
 var package_default = {
   name: "@tscircuit/pcb-viewer",
-  version: "1.11.352",
+  version: "1.11.354",
   main: "dist/index.js",
   type: "module",
   repository: "tscircuit/pcb-viewer",
@@ -14398,7 +14408,7 @@ var package_default = {
     "react-cosmos-plugin-vite": "7.0.0-beta.0",
     "react-dom": "19.1.0",
     "react-use": "^17.4.0",
-    tscircuit: "^0.0.1517",
+    tscircuit: "^0.0.1530",
     tsup: "^8.0.2",
     "type-fest": "^3.0.0",
     typescript: "^5.4.4",
@@ -14699,6 +14709,7 @@ var ToolbarOverlay = ({ children, elements }) => {
     setIsShowingPcbGroups,
     setIsShowingGroupAnchorOffsets,
     setIsShowingSolderMask,
+    setIsShowingSilkscreen,
     setIsShowingFabricationNotes,
     setPcbGroupViewMode,
     setHoveredErrorId
@@ -14721,6 +14732,7 @@ var ToolbarOverlay = ({ children, elements }) => {
       is_showing_pcb_groups: s.is_showing_pcb_groups,
       is_showing_group_anchor_offsets: s.is_showing_group_anchor_offsets,
       is_showing_solder_mask: s.is_showing_solder_mask,
+      is_showing_silkscreen: s.is_showing_silkscreen,
       is_showing_fabrication_notes: s.is_showing_fabrication_notes,
       pcb_group_view_mode: s.pcb_group_view_mode
     },
@@ -14734,6 +14746,7 @@ var ToolbarOverlay = ({ children, elements }) => {
     setIsShowingPcbGroups: s.setIsShowingPcbGroups,
     setIsShowingGroupAnchorOffsets: s.setIsShowingGroupAnchorOffsets,
     setIsShowingSolderMask: s.setIsShowingSolderMask,
+    setIsShowingSilkscreen: s.setIsShowingSilkscreen,
     setIsShowingFabricationNotes: s.setIsShowingFabricationNotes,
     setPcbGroupViewMode: s.setPcbGroupViewMode,
     setHoveredErrorId: s.setHoveredErrorId
@@ -15298,6 +15311,16 @@ var ToolbarOverlay = ({ children, elements }) => {
                           }
                         }
                       ),
+                      /* @__PURE__ */ jsx20(
+                        CheckboxMenuItem,
+                        {
+                          label: "Show Silkscreen",
+                          checked: viewSettings.is_showing_silkscreen,
+                          onClick: () => {
+                            setIsShowingSilkscreen(!viewSettings.is_showing_silkscreen);
+                          }
+                        }
+                      ),
                       /* @__PURE__ */ jsx20(
                         CheckboxMenuItem,
                         {