@tscircuit/3d-viewer 0.0.631 → 0.0.632

package/dist/index.d.ts

@@ -121,6 +121,7 @@ interface LayerVisibilityState {
      * check openings against the board, opaque to inspect the print itself.
      */
     enclosure: EnclosureVisibility;
+    assembly: boolean;
 }
 type EnclosureVisibility = "hidden" | "translucent" | "opaque";
 

package/dist/index.js

@@ -19385,7 +19385,8 @@ var defaultVisibility = {
   pcbNotes: false,
   backgroundStart: true,
   backgroundEnd: true,
-  enclosure: "translucent"
+  enclosure: "translucent",
+  assembly: true
 };
 var LayerVisibilityContext = createContext4(void 0);
 var LayerVisibilityProvider = ({ children }) => {
@@ -21226,6 +21227,7 @@ var AnyCadComponent = ({
       }
     );
   }
+  if (!cad_component.pcb_component_id && !visibility.assembly) return null;
   if (isEnclosure) {
     if (visibility.enclosure === "hidden") return null;
   } else if (cad_component.show_as_translucent_model) {
@@ -22049,7 +22051,7 @@ import * as THREE30 from "three";
 // package.json
 var package_default = {
   name: "@tscircuit/3d-viewer",
-  version: "0.0.630",
+  version: "0.0.631",
   repository: {
     type: "git",
     url: "https://github.com/tscircuit/3d-viewer"
@@ -38369,6 +38371,7 @@ var iconContainerStyles = {
   flexShrink: 0
 };
 var AppearanceMenu = ({
+  hasAssembly = false,
   showLayerControls = true
 }) => {
   const { visibility, setLayerVisibility } = useLayerVisibility();
@@ -38380,6 +38383,8 @@ var AppearanceMenu = ({
   } = useAppearance();
   const [appearanceSubOpen, setAppearanceSubOpen] = useState40(false);
   const [hoveredItem, setHoveredItem] = useState40(null);
+  const assemblyStyles = { ...itemStyles };
+  if (hoveredItem === "assembly") assemblyStyles.backgroundColor = "#404040";
   return /* @__PURE__ */ jsxs8(Fragment9, { children: [
     /* @__PURE__ */ jsx37(DropdownMenuSeparator, { style: separatorStyles }),
     /* @__PURE__ */ jsxs8(DropdownMenuSub, { onOpenChange: setAppearanceSubOpen, children: [
@@ -38730,6 +38735,24 @@ var AppearanceMenu = ({
                     /* @__PURE__ */ jsx37("span", { style: { display: "flex", alignItems: "center" }, children: "Enclosure" })
                   ]
                 }
+              ),
+              hasAssembly && /* @__PURE__ */ jsxs8(
+                DropdownMenuItem,
+                {
+                  style: assemblyStyles,
+                  onSelect: (e) => e.preventDefault(),
+                  onPointerDown: (e) => {
+                    e.preventDefault();
+                    setLayerVisibility("assembly", !visibility.assembly);
+                  },
+                  onMouseEnter: () => setHoveredItem("assembly"),
+                  onMouseLeave: () => setHoveredItem(null),
+                  onTouchStart: () => setHoveredItem("assembly"),
+                  children: [
+                    /* @__PURE__ */ jsx37("span", { style: iconContainerStyles, children: visibility.assembly && /* @__PURE__ */ jsx37(CheckIcon, {}) }),
+                    /* @__PURE__ */ jsx37("span", { style: { display: "flex", alignItems: "center" }, children: "Assembly" })
+                  ]
+                }
               )
             ] })
           ]
@@ -38810,6 +38833,7 @@ var badgeStyles = {
   letterSpacing: "0.3px"
 };
 var ContextMenu = ({
+  hasAssembly = false,
   menuRef,
   menuPos,
   engine,
@@ -39118,7 +39142,13 @@ var ContextMenu = ({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx38(AppearanceMenu, { showLayerControls: !preRendered }),
+              /* @__PURE__ */ jsx38(
+                AppearanceMenu,
+                {
+                  hasAssembly,
+                  showLayerControls: !preRendered
+                }
+              ),
               /* @__PURE__ */ jsx38(DropdownMenuSeparator, { style: separatorStyles2 }),
               /* @__PURE__ */ jsx38(
                 DropdownMenuItem,
@@ -39991,6 +40021,9 @@ var CadViewerInner = (props) => {
     props.circuitJson || glbSource !== void 0 ? void 0 : props.children
   );
   const circuitJson = props.circuitJson ?? childrenCircuitJson;
+  const hasAssembly = circuitJson.some(
+    (element) => element.type === "cad_component" && !element.pcb_component_id
+  );
   const hasBends = circuitJson.some((element) => element.type === "pcb_bend");
   const hasFlexGeometry = hasBends || circuitJson.some((element) => element.type === "pcb_stiffener");
   const [foldPcbsOverride, setFoldPcbs] = useState45(
@@ -40230,6 +40263,7 @@ var CadViewerInner = (props) => {
         menuVisible && /* @__PURE__ */ jsx41(
           ContextMenu,
           {
+            hasAssembly,
             componentName: selectedCadComponent?.componentName,
             onHideComponent: selectedCadComponent ? () => {
               hideComponent(selectedCadComponent.cad_component_id);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tscircuit/3d-viewer",
-  "version": "0.0.631",
+  "version": "0.0.632",
   "repository": {
     "type": "git",
     "url": "https://github.com/tscircuit/3d-viewer"