@tscircuit/3d-viewer 0.0.18 → 0.0.20

package/dist/index.d.ts

@@ -5,6 +5,6 @@ interface Props {
     soup?: AnySoupElement[];
     children?: any;
 }
-declare const CadViewer: ({ soup, children }: Props) => react_jsx_runtime.JSX.Element;
+declare const CadViewer: ({ soup, children }: Props) => react_jsx_runtime.JSX.Element | null;
 
 export { CadViewer };

package/dist/index.js

@@ -35,15 +35,21 @@ __export(src_exports, {
 module.exports = __toCommonJS(src_exports);
 
 // src/hooks/use-convert-children-to-soup.ts
-var import_react_fiber = require("@tscircuit/react-fiber");
+var import_core = require("@tscircuit/core");
+var import_react = require("react");
 var useConvertChildrenToSoup = (children, defaultSoup) => {
-  const { elements } = (0, import_react_fiber.useRenderedElements)(children);
-  return elements ?? defaultSoup;
+  return (0, import_react.useMemo)(() => {
+    if (!children) return;
+    const circuit = new import_core.Circuit();
+    circuit.add(children);
+    circuit.render();
+    return circuit.getCircuitJson();
+  }, [children]);
 };
 
 // src/CadViewer.tsx
 var import_soup_util2 = require("@tscircuit/soup-util");
-var import_react6 = require("react");
+var import_react7 = require("react");
 
 // src/soup-to-3d/index.ts
 var import_soup_util = require("@tscircuit/soup-util");
@@ -144,7 +150,7 @@ var createBoardGeomFromSoup = (soup) => {
   let boardGeom;
   if (board.outline && board.outline.length > 0)
     boardGeom = createBoardWithOutline(board.outline, 1.2);
-  else boardGeom = (0, import_primitives3.cuboid)({ size: [board.height, board.width, 1.2] });
+  else boardGeom = (0, import_primitives3.cuboid)({ size: [board.width, board.height, 1.2] });
   const platedHoleGeoms = [];
   const holeGeoms = [];
   const padGeoms = [];
@@ -168,7 +174,7 @@ var createBoardGeomFromSoup = (soup) => {
     addPlatedHole(plated_hole);
   }
   for (const hole of holes) {
-    if (hole.hole_shape === "round") {
+    if (hole.hole_shape === "round" || hole.hole_shape === "circle") {
       const cyGeom = (0, import_primitives3.cylinder)({
         center: [hole.x, hole.y, 0],
         radius: hole.hole_diameter / 2 + M
@@ -271,7 +277,7 @@ var createBoardGeomFromSoup = (soup) => {
 };
 
 // src/hooks/use-stls-from-geom.ts
-var import_react = require("react");
+var import_react2 = require("react");
 var import_stl_serializer = __toESM(require("@jscad/stl-serializer"));
 function blobToBase64Url(blob) {
   return new Promise((resolve, reject) => {
@@ -284,9 +290,9 @@ function blobToBase64Url(blob) {
   });
 }
 var useStlsFromGeom = (geom) => {
-  const [stls, setStls] = (0, import_react.useState)([]);
-  const [loading, setLoading] = (0, import_react.useState)(true);
-  (0, import_react.useEffect)(() => {
+  const [stls, setStls] = (0, import_react2.useState)([]);
+  const [loading, setLoading] = (0, import_react2.useState)(true);
+  (0, import_react2.useEffect)(() => {
     if (!geom) return;
     const generateStls = async () => {
       setLoading(true);
@@ -314,7 +320,7 @@ var useStlsFromGeom = (geom) => {
 
 // src/three-components/STLModel.tsx
 var import_fiber = require("@react-three/fiber");
-var import_react2 = require("react");
+var import_react3 = require("react");
 var import_three_stdlib = require("three-stdlib");
 var import_jsx_runtime = require("react/jsx-runtime");
 function STLModel({
@@ -324,7 +330,7 @@ function STLModel({
   opacity = 1
 }) {
   const geom = (0, import_fiber.useLoader)(import_three_stdlib.STLLoader, stlUrl);
-  const mesh = (0, import_react2.useRef)();
+  const mesh = (0, import_react3.useRef)();
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("mesh", { ref: mesh, children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("primitive", { object: geom, attach: "geometry" }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -345,7 +351,7 @@ var import_fiber3 = require("@react-three/fiber");
 // package.json
 var package_default = {
   name: "@tscircuit/3d-viewer",
-  version: "0.0.14",
+  version: "0.0.19",
   main: "./dist/index.js",
   files: [
     "dist"
@@ -365,7 +371,7 @@ var package_default = {
     "@jscad/stl-serializer": "^2.1.17",
     "@react-three/drei": "^9.107.2",
     "@react-three/fiber": "^8.16.8",
-    "@tscircuit/builder": "^1.11.7",
+    "@tscircuit/core": "^0.0.74",
     "@tscircuit/react-fiber": "^1.1.29",
     "@tscircuit/soup": "^0.0.69",
     "@tscircuit/soup-util": "^0.0.26",
@@ -393,6 +399,7 @@ var package_default = {
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "@vitejs/plugin-react": "^4.3.1",
+    "circuit-json": "^0.0.77",
     storybook: "^8.1.10",
     "strip-ansi": "^7.1.0",
     tsup: "^8.1.0",
@@ -405,7 +412,7 @@ var package_default = {
 // src/three-components/cube-with-labeled-sides.tsx
 var import_drei = require("@react-three/drei");
 var import_fiber2 = require("@react-three/fiber");
-var import_react3 = require("react");
+var import_react4 = require("react");
 var THREE = __toESM(require("three"));
 var import_jsx_runtime2 = require("react/jsx-runtime");
 if (typeof window !== "undefined") {
@@ -421,8 +428,8 @@ function computePointInFront(rotationVector, distance) {
   return result;
 }
 var CubeWithLabeledSides = ({}) => {
-  const ref = (0, import_react3.useRef)();
-  const rotationTrackingRef = (0, import_react3.useRef)({ lastRotation: new THREE.Euler() });
+  const ref = (0, import_react4.useRef)();
+  const rotationTrackingRef = (0, import_react4.useRef)({ lastRotation: new THREE.Euler() });
   (0, import_fiber2.useFrame)((state, delta) => {
     if (!ref.current) return;
     const mainRot = window.TSCI_MAIN_CAMERA_ROTATION;
@@ -590,14 +597,14 @@ var CadViewerContainer = ({ children }) => {
 };
 
 // src/hooks/use-global-obj-loader.ts
-var import_react4 = require("react");
+var import_react5 = require("react");
 var import_three_stdlib2 = require("three-stdlib");
 if (typeof window !== "undefined" && !window.TSCIRCUIT_OBJ_LOADER_CACHE) {
   window.TSCIRCUIT_OBJ_LOADER_CACHE = /* @__PURE__ */ new Map();
 }
 function useGlobalObjLoader(url) {
-  const [obj, setObj] = (0, import_react4.useState)(null);
-  (0, import_react4.useEffect)(() => {
+  const [obj, setObj] = (0, import_react5.useState)(null);
+  (0, import_react5.useEffect)(() => {
     if (!url) return;
     const cache = window.TSCIRCUIT_OBJ_LOADER_CACHE;
     let hasUrlChanged = false;
@@ -688,10 +695,10 @@ var import_jscad_planner = require("jscad-planner");
 var import_modeling = __toESM(require("@jscad/modeling"));
 var import_jscad_fiber = require("jscad-fiber");
 var THREE2 = __toESM(require("three"));
-var import_react5 = require("react");
+var import_react6 = require("react");
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var JscadModel = ({ jscadPlan }) => {
-  const { threeGeom, material } = (0, import_react5.useMemo)(() => {
+  const { threeGeom, material } = (0, import_react6.useMemo)(() => {
     const jscadObject = (0, import_jscad_planner.executeJscadOperations)(import_modeling.default, jscadPlan);
     const threeGeom2 = (0, import_jscad_fiber.convertCSGToThreeGeom)(jscadObject);
     const material2 = new THREE2.MeshStandardMaterial({
@@ -709,7 +716,8 @@ var JscadModel = ({ jscadPlan }) => {
 var import_jsx_runtime6 = require("react/jsx-runtime");
 var CadViewer = ({ soup, children }) => {
   soup ??= useConvertChildrenToSoup(children, soup);
-  const boardGeom = (0, import_react6.useMemo)(() => {
+  if (!soup) return null;
+  const boardGeom = (0, import_react7.useMemo)(() => {
     if (!soup.some((e) => e.type === "pcb_board")) return null;
     return createBoardGeomFromSoup(soup);
   }, [soup]);

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.tsx","../src/hooks/use-convert-children-to-soup.ts","../src/CadViewer.tsx","../src/soup-to-3d/index.ts","../src/geoms/plated-hole.ts","../src/geoms/constants.ts","../src/geoms/create-board-with-outline.ts","../src/hooks/use-stls-from-geom.ts","../src/three-components/STLModel.tsx","../src/CadViewerContainer.tsx","../package.json","../src/three-components/cube-with-labeled-sides.tsx","../src/hooks/use-global-obj-loader.ts","../src/three-components/MixedStlModel.tsx","../src/three-components/JscadModel.tsx"],"sourcesContent":["export { CadViewer } from \"./CadViewer\"\n","import type { AnySoupElement } from \"@tscircuit/soup\"\nimport { useRenderedElements } from \"@tscircuit/react-fiber\"\n\nexport const useConvertChildrenToSoup = (\n  children?: any,\n  defaultSoup?: AnySoupElement[],\n): AnySoupElement[] => {\n  const { elements } = useRenderedElements(children)\n\n  return (elements as any) ?? defaultSoup!\n}\n","import type { AnySoupElement } from \"@tscircuit/soup\"\nimport { useConvertChildrenToSoup } from \"./hooks/use-convert-children-to-soup\"\nimport { su } from \"@tscircuit/soup-util\"\nimport { useMemo } from \"react\"\nimport { createBoardGeomFromSoup } from \"./soup-to-3d\"\nimport { useStlsFromGeom } from \"./hooks/use-stls-from-geom\"\nimport { STLModel } from \"./three-components/STLModel\"\nimport { CadViewerContainer } from \"./CadViewerContainer\"\nimport { MixedStlModel } from \"./three-components/MixedStlModel\"\nimport { Euler } from \"three\"\nimport { JscadModel } from \"./three-components/JscadModel\"\n\ninterface Props {\n  soup?: AnySoupElement[]\n  children?: any\n}\n\nexport const CadViewer = ({ soup, children }: Props) => {\n  soup ??= useConvertChildrenToSoup(children, soup)\n\n  const boardGeom = useMemo(() => {\n    if (!soup.some((e) => e.type === \"pcb_board\")) return null\n    return createBoardGeomFromSoup(soup)\n  }, [soup])\n\n  const { stls, loading } = useStlsFromGeom(boardGeom)\n\n  const cad_components = su(soup).cad_component.list()\n\n  // TODO canvas/camera etc.\n  return (\n    <CadViewerContainer>\n      {stls.map(({ stlUrl, color }, index) => (\n        <STLModel\n          key={stlUrl}\n          stlUrl={stlUrl}\n          color={color}\n          opacity={index === 0 ? 0.95 : 1}\n        />\n      ))}\n      {cad_components.map((cad_component) => {\n        const url = cad_component.model_obj_url ?? cad_component.model_stl_url\n        if (url) {\n          return (\n            <MixedStlModel\n              key={cad_component.cad_component_id}\n              url={url}\n              position={\n                cad_component.position\n                  ? [\n                      cad_component.position.x,\n                      cad_component.position.y,\n                      cad_component.position.z,\n                    ]\n                  : undefined\n              }\n              rotation={\n                cad_component.rotation\n                  ? new Euler(\n                      (cad_component.rotation.x * Math.PI) / 180,\n                      (cad_component.rotation.y * Math.PI) / 180,\n                      (cad_component.rotation.z * Math.PI) / 180,\n                    )\n                  : undefined\n              }\n            />\n          )\n        }\n\n        if (cad_component.model_jscad) {\n          return (\n            <JscadModel\n              key={cad_component.cad_component_id}\n              jscadPlan={cad_component.model_jscad as any}\n            />\n          )\n        }\n      })}\n    </CadViewerContainer>\n  )\n}\n","import type { Geom3 } from \"@jscad/modeling/src/geometries/types\"\nimport type { AnySoupElement, PCBPlatedHole } from \"@tscircuit/soup\"\nimport { su } from \"@tscircuit/soup-util\"\nimport { translate } from \"@jscad/modeling/src/operations/transforms\"\nimport { cuboid, cylinder, line } from \"@jscad/modeling/src/primitives\"\nimport { colorize } from \"@jscad/modeling/src/colors\"\nimport { subtract } from \"@jscad/modeling/src/operations/booleans\"\nimport { platedHole } from \"../geoms/plated-hole\"\nimport { M, colors } from \"../geoms/constants\"\nimport { extrudeLinear } from \"@jscad/modeling/src/operations/extrusions\"\nimport { expand } from \"@jscad/modeling/src/operations/expansions\"\nimport { createBoardWithOutline } from \"src/geoms/create-board-with-outline\"\n\nexport const createBoardGeomFromSoup = (soup: AnySoupElement[]): Geom3[] => {\n  const board = su(soup).pcb_board.list()[0]\n  if (!board) {\n    throw new Error(\"No pcb_board found\")\n  }\n  const plated_holes = su(soup).pcb_plated_hole.list()\n  const holes = su(soup).pcb_hole.list()\n  const pads = su(soup).pcb_smtpad.list()\n  const traces = su(soup).pcb_trace.list()\n  const pcb_vias = su(soup).pcb_via.list()\n\n  // PCB Board\n  let boardGeom: Geom3\n  if (board.outline && board.outline.length > 0)\n    boardGeom = createBoardWithOutline(board.outline, 1.2)\n  else boardGeom = cuboid({ size: [board.height, board.width, 1.2] })\n\n  const platedHoleGeoms: Geom3[] = []\n  const holeGeoms: Geom3[] = []\n  const padGeoms: Geom3[] = []\n  const traceGeoms: Geom3[] = []\n  const ctx = {\n    pcbThickness: 1.2,\n  }\n\n  const addPlatedHole = (plated_hole: PCBPlatedHole) => {\n    if (!(plated_hole as any).shape) plated_hole.shape = \"circle\"\n    if (plated_hole.shape === \"circle\") {\n      const cyGeom = cylinder({\n        center: [plated_hole.x, plated_hole.y, 0],\n        radius: plated_hole.hole_diameter / 2 + M,\n      })\n      boardGeom = subtract(boardGeom, cyGeom)\n\n      const platedHoleGeom = platedHole(plated_hole, ctx)\n      platedHoleGeoms.push(platedHoleGeom)\n    }\n  }\n\n  for (const plated_hole of plated_holes) {\n    addPlatedHole(plated_hole)\n  }\n\n  for (const hole of holes) {\n    if (hole.hole_shape === \"round\") {\n      const cyGeom = cylinder({\n        center: [hole.x, hole.y, 0],\n        radius: hole.hole_diameter / 2 + M,\n      })\n      boardGeom = subtract(boardGeom, cyGeom)\n    }\n  }\n\n  for (const pad of pads) {\n    if (pad.shape === \"rect\") {\n      const padGeom = colorize(\n        colors.copper,\n        cuboid({\n          center: [pad.x, pad.y, 1.2 / 2 + M],\n          size: [pad.width, pad.height, M],\n        }),\n      )\n      padGeoms.push(padGeom)\n    } else if (pad.shape === \"circle\") {\n      const padGeom = colorize(\n        colors.copper,\n        cylinder({\n          center: [pad.x, pad.y, 1.2 / 2 + M],\n          radius: pad.radius,\n          height: M,\n        }),\n      )\n      padGeoms.push(padGeom)\n    }\n  }\n\n  for (const { route: mixedRoute } of traces) {\n    if (mixedRoute.length < 2) continue\n    const subRoutes = mixedRoute.reduce(\n      (c, p) => {\n        // @ts-ignore\n        const lastLayer = c.current?.[c.current.length - 1]?.layer\n        if (\n          p.route_type === \"via\" ||\n          (p.route_type === \"wire\" && p.layer !== lastLayer)\n        ) {\n          if (c.current.length > 2) {\n            c.allPrev.push(c.current)\n          }\n          c.current = p.route_type === \"wire\" ? [p] : []\n          return c\n        }\n        c.current.push(p)\n        return c\n      },\n      {\n        current: [] as typeof mixedRoute,\n        allPrev: [] as Array<typeof mixedRoute>,\n      },\n    )\n    for (const route of subRoutes.allPrev.concat([subRoutes.current])) {\n      // TODO break into segments based on layers\n      const linePath = line(route.map((p) => [p.x, p.y]))\n\n      const layer = route[0]!.route_type === \"wire\" ? route[0]!.layer : \"top\"\n      const layerSign = layer === \"top\" ? 1 : -1\n      // traceGeoms.push(traceGeom)\n      let traceGeom = translate(\n        [0, 0, (layerSign * 1.2) / 2],\n        extrudeLinear(\n          { height: M * layerSign },\n          expand({ delta: 0.1, corners: \"edge\" }, linePath),\n        ),\n      )\n\n      // HACK: Subtract all vias from every trace- this mostly is because the\n      // vias aren't inside the route- we should probably pre-filter to make sure\n      // that vias are only near the route\n      for (const via of pcb_vias) {\n        traceGeom = subtract(\n          traceGeom,\n          cylinder({\n            center: [via.x, via.y, 0],\n            radius: via.outer_diameter / 2,\n            height: 5,\n          }),\n        )\n      }\n\n      traceGeom = colorize(colors.fr4GreenSolderWithMask, traceGeom)\n\n      traceGeoms.push(traceGeom)\n    }\n    for (const via of mixedRoute.filter((p) => p.route_type === \"via\")) {\n      if (via.route_type !== \"via\") continue // TODO remove when ts is smart\n\n      addPlatedHole({\n        x: via.x,\n        y: via.y,\n        hole_diameter: 0.8,\n        outer_diameter: 1.6,\n        shape: \"circle\",\n        layers: [\"top\", \"bottom\"],\n        type: \"pcb_plated_hole\",\n      })\n    }\n  }\n\n  for (const via of pcb_vias) {\n    addPlatedHole({\n      x: via.x,\n      y: via.y,\n      hole_diameter: via.hole_diameter,\n      outer_diameter: via.outer_diameter,\n      shape: \"circle\",\n      layers: [\"top\", \"bottom\"],\n      type: \"pcb_plated_hole\",\n    })\n  }\n\n  // Colorize to a PCB green color: #05A32E\n  boardGeom = colorize(colors.fr4Green, boardGeom)\n\n  return [boardGeom, ...platedHoleGeoms, ...padGeoms, ...traceGeoms]\n}\n","import type { PCBPlatedHole } from \"@tscircuit/soup\"\nimport type { Geom3 } from \"@jscad/modeling/src/geometries/types\"\nimport { cylinder } from \"@jscad/modeling/src/primitives\"\nimport { colorize } from \"@jscad/modeling/src/colors\"\nimport { subtract, union } from \"@jscad/modeling/src/operations/booleans\"\nimport { M, colors } from \"./constants\"\nimport { GeomContext } from \"../GeomContext\"\n\nexport const platedHole = (\n  plated_hole: PCBPlatedHole,\n  ctx: GeomContext\n): Geom3 => {\n  if (!(plated_hole as any).shape) plated_hole.shape = \"circle\"\n  if (plated_hole.shape === \"circle\") {\n    return colorize(\n      colors.copper,\n      subtract(\n        union(\n          cylinder({\n            center: [plated_hole.x, plated_hole.y, 0],\n            radius: plated_hole.hole_diameter / 2,\n            height: 1.2,\n          }),\n          cylinder({\n            center: [plated_hole.x, plated_hole.y, 1.2 / 2],\n            radius: plated_hole.outer_diameter / 2,\n            height: M,\n          }),\n          cylinder({\n            center: [plated_hole.x, plated_hole.y, -1.2 / 2],\n            radius: plated_hole.outer_diameter / 2,\n            height: M,\n          })\n        ),\n        cylinder({\n          center: [plated_hole.x, plated_hole.y, 0],\n          radius: plated_hole.hole_diameter / 2 - M,\n          height: 1.5,\n        })\n      )\n    )\n  } else {\n    throw new Error(`Unsupported plated hole shape: ${plated_hole.shape}`)\n  }\n}\n","import type { RGB } from \"@jscad/modeling/src/colors\"\n\nexport const M = 0.01\n\nexport const colors = {\n  copper: [0.9, 0.6, 0.2],\n  fr4Green: [0x05 / 255, 0xa3 / 255, 0x2e / 255],\n  fr4GreenSolderWithMask: [0x00 / 255, 0x98 / 255, 0x13 / 255],\n} satisfies Record<string, RGB>\n","import { extrudeLinear } from \"@jscad/modeling/src/operations/extrusions\"\nimport { polygon } from \"@jscad/modeling/src/primitives\"\nimport type { Geom2, Geom3 } from \"@jscad/modeling/src/geometries/types\"\nimport type { Vec2 } from \"@jscad/modeling/src/maths/types\"\nimport type { Point } from \"@tscircuit/soup\"\nimport { translate } from \"@jscad/modeling/src/operations/transforms\"\n\nconst arePointsClockwise = (points: Vec2[]): boolean => {\n  let area = 0\n  for (let i = 0; i < points.length; i++) {\n    const j = (i + 1) % points.length\n    area += points[i]![0] * points[j]![1]\n    area -= points[j]![0] * points[i]![1]\n  }\n  const signedArea = area / 2\n  return signedArea <= 0\n}\n\nexport const createBoardWithOutline = (points: Point[], depth = 1.2): Geom3 => {\n  let outline: Vec2[] = points.map((point) => [point.x, point.y])\n\n  if (arePointsClockwise(outline)) {\n    outline = outline.reverse()\n  }\n\n  const shape: Geom2 = polygon({ points: outline })\n\n  let board: Geom3 = extrudeLinear({ height: depth }, shape)\n\n  board = translate([0, 0, -depth / 2], board)\n\n  return board\n}\n","import { useState, useEffect } from \"react\"\nimport stlSerializer from \"@jscad/stl-serializer\"\nimport { Geom3 } from \"@jscad/modeling/src/geometries/types\"\n\nfunction blobToBase64Url(blob: Blob): Promise<string> {\n  return new Promise((resolve, reject) => {\n    const reader = new FileReader()\n    reader.onload = () => {\n      resolve(reader.result as string)\n    }\n    reader.onerror = reject\n    reader.readAsDataURL(blob)\n  })\n}\n\ntype StlObj = { stlUrl: string; color: number[] }\n\nexport const useStlsFromGeom = (\n  geom: Geom3[] | Geom3 | null\n): {\n  stls: StlObj[]\n  loading: boolean\n} => {\n  const [stls, setStls] = useState<StlObj[]>([])\n  const [loading, setLoading] = useState(true)\n\n  useEffect(() => {\n    if (!geom) return\n    const generateStls = async () => {\n      setLoading(true)\n      const geometries = Array.isArray(geom) ? geom : [geom]\n\n      const stlPromises = geometries.map(async (g) => {\n        const rawData = stlSerializer.serialize({ binary: true }, [g])\n        const blobData = new Blob(rawData)\n        const stlUrl = await blobToBase64Url(blobData)\n        return { stlUrl, color: g.color! }\n      })\n\n      try {\n        const generatedStls = await Promise.all(stlPromises)\n        setStls(generatedStls)\n      } catch (error) {\n        console.error(\"Error generating STLs:\", error)\n        setStls([])\n      } finally {\n        setLoading(false)\n      }\n    }\n\n    generateStls()\n  }, [geom])\n\n  return { stls, loading }\n}\n","import { useLoader } from \"@react-three/fiber\"\nimport { useRef } from \"react\"\nimport * as THREE from \"three\"\nimport { MTLLoader, OBJLoader, STLLoader } from \"three-stdlib\"\n\nexport function STLModel({\n  stlUrl,\n  mtlUrl,\n  color,\n  opacity = 1,\n}: {\n  stlUrl: string\n  color?: any\n  mtlUrl?: string\n  opacity?: number\n}) {\n  const geom = useLoader(STLLoader, stlUrl)\n  const mesh = useRef<THREE.Mesh>()\n\n  // TODO handle mtl url\n\n  return (\n    <mesh ref={mesh as any}>\n      <primitive object={geom} attach=\"geometry\" />\n      <meshStandardMaterial\n        color={color}\n        transparent={opacity !== 1}\n        opacity={opacity}\n      />\n      {/* <Outlines thickness={0.05} color=\"black\" opacity={0.25} /> */}\n    </mesh>\n  )\n}\n","import { Grid, OrbitControls } from \"@react-three/drei\";\nimport { Canvas, useFrame } from \"@react-three/fiber\";\nimport packageJson from \"../package.json\";\nimport { CubeWithLabeledSides } from \"./three-components/cube-with-labeled-sides\";\n\nexport const RotationTracker = () => {\n  useFrame(({ camera }) => {\n    window.TSCI_MAIN_CAMERA_ROTATION = camera.rotation;\n  });\n\n  return <></>;\n};\n\nexport const CadViewerContainer = ({ children }: { children: any }) => {\n  return (\n    <div style={{ position: \"relative\", width: \"100%\", height: \"100%\" }}>\n      <div\n        style={{\n          position: \"absolute\",\n          top: 0,\n          left: 0,\n          width: 120,\n          height: 120,\n        }}\n      >\n        <Canvas\n          camera={{\n            up: [0, 0, 1],\n            // rotation: [-Math.PI / 2, 0, 0],\n            // lookAt: new THREE.Vector3(0, 0, 0),\n            position: [1, 1, 1],\n          }}\n          style={{ zIndex: 10 }}\n        >\n          <ambientLight intensity={Math.PI / 2} />\n          <CubeWithLabeledSides />\n        </Canvas>\n      </div>\n      <Canvas\n        scene={{ up: [0, 0, 1] }}\n        camera={{ up: [0, 0, 1], position: [5, 5, 5] }}\n      >\n        <RotationTracker />\n        <OrbitControls autoRotate autoRotateSpeed={1} />\n        <ambientLight intensity={Math.PI / 2} />\n        <pointLight\n          position={[-10, -10, 10]}\n          decay={0}\n          intensity={Math.PI / 4}\n        />\n        <Grid\n          rotation={[Math.PI / 2, 0, 0]}\n          infiniteGrid={true}\n          cellSize={1}\n          sectionSize={10}\n        />\n        {children}\n      </Canvas>\n      <div\n        style={{\n          position: \"absolute\",\n          right: 24,\n          bottom: 24,\n          fontFamily: \"sans-serif\",\n          color: \"white\",\n          WebkitTextStroke: \"0.5px rgba(0, 0, 0, 0.5)\",\n          // color: \"rgba(255, 255, 255, 0.75)\",\n          // textShadow:\n          //   \"0px 0px 1px rgba(0, 0, 0, 0.5), 0px 0px 2px rgba(0, 0, 0, 0.5)\",\n          fontSize: 11,\n        }}\n      >\n        @{packageJson.version}\n      </div>\n    </div>\n  );\n};\n","{\n  \"name\": \"@tscircuit/3d-viewer\",\n  \"version\": \"0.0.14\",\n  \"main\": \"./dist/index.js\",\n  \"files\": [\n    \"dist\"\n  ],\n  \"scripts\": {\n    \"start\": \"bun run storybook\",\n    \"dev:old\": \"bunx --bun vite\",\n    \"build\": \"tsup ./src/index.tsx --dts --sourcemap\",\n    \"prepublish\": \"npm run build\",\n    \"preview\": \"vite preview\",\n    \"storybook\": \"storybook dev -p 6006\",\n    \"build-storybook\": \"storybook build\"\n  },\n  \"dependencies\": {\n    \"@jscad/modeling\": \"^2.12.2\",\n    \"@jscad/regl-renderer\": \"^2.6.9\",\n    \"@jscad/stl-serializer\": \"^2.1.17\",\n    \"@react-three/drei\": \"^9.107.2\",\n    \"@react-three/fiber\": \"^8.16.8\",\n    \"@tscircuit/builder\": \"^1.11.7\",\n    \"@tscircuit/react-fiber\": \"^1.1.29\",\n    \"@tscircuit/soup\": \"^0.0.69\",\n    \"@tscircuit/soup-util\": \"^0.0.26\",\n    \"@types/three\": \"^0.165.0\",\n    \"jscad-fiber\": \"^0.0.38\",\n    \"jscad-planner\": \"^0.0.2\",\n    \"react\": \"^18.3.1\",\n    \"react-dom\": \"^18.3.1\",\n    \"react-use-gesture\": \"^9.1.3\",\n    \"three\": \"^0.165.0\",\n    \"three-stdlib\": \"^2.30.3\"\n  },\n  \"devDependencies\": {\n    \"@biomejs/biome\": \"^1.8.3\",\n    \"@chromatic-com/storybook\": \"^1.5.0\",\n    \"@storybook/addon-essentials\": \"^8.1.10\",\n    \"@storybook/addon-interactions\": \"^8.1.10\",\n    \"@storybook/addon-links\": \"^8.1.10\",\n    \"@storybook/addon-onboarding\": \"^8.1.10\",\n    \"@storybook/blocks\": \"^8.1.10\",\n    \"@storybook/builder-vite\": \"^8.1.10\",\n    \"@storybook/react\": \"^8.1.10\",\n    \"@storybook/react-vite\": \"^8.1.10\",\n    \"@storybook/test\": \"^8.1.10\",\n    \"@types/react\": \"^18.3.3\",\n    \"@types/react-dom\": \"^18.3.0\",\n    \"@vitejs/plugin-react\": \"^4.3.1\",\n    \"storybook\": \"^8.1.10\",\n    \"strip-ansi\": \"^7.1.0\",\n    \"tsup\": \"^8.1.0\",\n    \"typescript\": \"^5.5.3\",\n    \"vite\": \"^5.3.1\",\n    \"vite-tsconfig-paths\": \"^4.3.2\"\n  }\n}\n","import { Text } from \"@react-three/drei\";\nimport { useFrame } from \"@react-three/fiber\";\nimport { useRef } from \"react\";\nimport * as THREE from \"three\";\n\ndeclare global {\n  interface Window {\n    TSCI_MAIN_CAMERA_ROTATION: THREE.Euler;\n  }\n}\nif (typeof window !== \"undefined\") {\n  window.TSCI_MAIN_CAMERA_ROTATION = new THREE.Euler(0, 0, 0);\n}\n\nfunction computePointInFront(rotationVector, distance) {\n  // Create a quaternion from the rotation vector\n  const quaternion = new THREE.Quaternion().setFromEuler(\n    new THREE.Euler(rotationVector.x, rotationVector.y, rotationVector.z)\n  );\n\n  // Create a vector pointing forward (along the negative z-axis)\n  const forwardVector = new THREE.Vector3(0, 0, 1);\n\n  // Apply the rotation to the forward vector\n  forwardVector.applyQuaternion(quaternion);\n\n  // Scale the rotated vector by the distance\n  const result = forwardVector.multiplyScalar(distance);\n\n  return result;\n}\n\nexport const CubeWithLabeledSides = ({}: any) => {\n  const ref = useRef<THREE.Mesh>();\n  const rotationTrackingRef = useRef({ lastRotation: new THREE.Euler() });\n  useFrame((state, delta) => {\n    if (!ref.current) return;\n\n    const mainRot = window.TSCI_MAIN_CAMERA_ROTATION;\n\n    // Use window.TSCI_CAMERA_ROTATION to compute the position of the camera\n    const cameraPosition = computePointInFront(mainRot, 2);\n\n    state.camera.position.copy(cameraPosition);\n    state.camera.lookAt(0, 0, 0);\n  });\n  return (\n    <mesh ref={ref as any} rotation={[Math.PI / 2, 0, 0]}>\n      <boxGeometry args={[1, 1, 1]} />\n      <meshStandardMaterial color=\"white\" />\n      <Text position={[0, 0, 0.51]} fontSize={0.25} color=\"black\">\n        Front\n      </Text>\n      <Text\n        position={[0, 0, -0.51]}\n        fontSize={0.25}\n        color=\"black\"\n        rotation={[0, Math.PI, 0]}\n      >\n        Back\n      </Text>\n      <Text\n        position={[0.51, 0, 0]}\n        fontSize={0.25}\n        color=\"black\"\n        rotation={[0, Math.PI / 2, 0]}\n      >\n        Right\n      </Text>\n      <Text\n        position={[-0.51, 0, 0]}\n        fontSize={0.25}\n        color=\"black\"\n        rotation={[0, -Math.PI / 2, 0]}\n      >\n        Left\n      </Text>\n      <Text\n        position={[0, 0.51, 0]}\n        fontSize={0.25}\n        color=\"black\"\n        rotation={[-Math.PI / 2, 0, 0]}\n      >\n        Top\n      </Text>\n      <Text\n        position={[0, -0.51, 0]}\n        fontSize={0.25}\n        color=\"black\"\n        rotation={[Math.PI / 2, 0, 0]}\n      >\n        Bottom\n      </Text>\n      <lineSegments\n        args={[new THREE.EdgesGeometry(new THREE.BoxGeometry(1, 1, 1))]}\n        material={\n          new THREE.LineBasicMaterial({\n            color: 0x000000,\n            linewidth: 2,\n          })\n        }\n      />\n    </mesh>\n  );\n};\n","import { useState, useEffect } from \"react\"\nimport type { Group } from \"three\"\nimport { MTLLoader, OBJLoader } from \"three-stdlib\"\n\n// Define the type for our cache\ninterface CacheItem {\n  promise: Promise<any>\n  result: Group | null\n}\n\ndeclare global {\n  interface Window {\n    TSCIRCUIT_OBJ_LOADER_CACHE: Map<string, CacheItem>\n  }\n}\n\n// Ensure the global cache exists\nif (typeof window !== \"undefined\" && !window.TSCIRCUIT_OBJ_LOADER_CACHE) {\n  window.TSCIRCUIT_OBJ_LOADER_CACHE = new Map<string, CacheItem>()\n}\n\nexport function useGlobalObjLoader(url: string | null): Group | null | Error {\n  const [obj, setObj] = useState<Group | null | Error>(null)\n\n  useEffect(() => {\n    if (!url) return\n\n    const cache = window.TSCIRCUIT_OBJ_LOADER_CACHE\n    let hasUrlChanged = false\n\n    async function loadAndParseObj() {\n      try {\n        const response = await fetch(url!)\n        const text = await response.text()\n\n        const mtlContent = text\n          .match(/newmtl[\\s\\S]*?endmtl/g)\n          ?.join(\"\\n\")!\n          .replace(/d 0\\./g, \"d 1.\")!\n        const objContent = text.replace(/newmtl[\\s\\S]*?endmtl/g, \"\")\n\n        const mtlLoader = new MTLLoader()\n        mtlLoader.setMaterialOptions({\n          invertTrProperty: true,\n        })\n        const materials = mtlLoader.parse(\n          mtlContent.replace(\n            /Kd\\s+([\\d.]+)\\s+([\\d.]+)\\s+([\\d.]+)/g,\n            \"Kd $2 $2 $2\"\n          ),\n          \"test.mtl\"\n        )\n\n        const objLoader = new OBJLoader()\n        objLoader.setMaterials(materials)\n        return objLoader.parse(objContent)\n      } catch (error) {\n        return error as Error\n      }\n    }\n\n    function loadUrl() {\n      if (cache.has(url!)) {\n        const cacheItem = cache.get(url!)!\n        if (cacheItem.result) {\n          // If we have a result, clone it\n          return Promise.resolve(cacheItem.result.clone())\n        }\n        // If we're still loading, return the existing promise\n        return cacheItem.promise.then((result) => result.clone())\n      }\n      // If it's not in the cache, create a new promise and cache it\n      const promise = loadAndParseObj().then((result) => {\n        if (result instanceof Error) {\n          // If the result is an Error, return it\n          return result\n        }\n        cache.set(url!, { ...cache.get(url!)!, result })\n        return result\n      })\n      cache.set(url!, { promise, result: null })\n      return promise\n    }\n\n    loadUrl()\n      .then((result) => {\n        if (hasUrlChanged) return\n        setObj(result)\n      })\n      .catch((error) => {\n        console.error(error)\n      })\n\n    return () => {\n      hasUrlChanged = true\n    }\n  }, [url])\n\n  return obj\n}","import { useEffect, useState } from \"react\"\nimport { useGlobalObjLoader } from \"src/hooks/use-global-obj-loader\"\nimport { Euler, Vector3 } from \"three\"\nimport { MTLLoader, OBJLoader } from \"three-stdlib\"\n\nexport function MixedStlModel({\n  url,\n  position,\n  rotation,\n}: {\n  url: string\n  position?: Vector3 | [number, number, number]\n  rotation?: Euler | [number, number, number]\n}) {\n  const obj = useGlobalObjLoader(url)\n\n  if (!obj) {\n    return (\n      <mesh position={position}>\n        <boxGeometry args={[0.5, 0.5, 0.5]} />\n        <meshStandardMaterial transparent color=\"red\" opacity={0.25} />\n      </mesh>\n    )\n  }\n\n  // Check if obj is valid before rendering\n  if (obj instanceof Error) {\n    return (\n      <mesh position={position}>\n        <boxGeometry args={[0.5, 0.5, 0.5]} />\n        <meshStandardMaterial transparent color=\"red\" opacity={0.5} />\n        <meshBasicMaterial color=\"black\" />\n      </mesh>\n    )\n  }\n\n  return <primitive rotation={rotation} position={position} object={obj} />\n}","import type { JscadOperation } from \"jscad-planner\"\nimport { executeJscadOperations } from \"jscad-planner\"\nimport jscad from \"@jscad/modeling\"\nimport { convertCSGToThreeGeom } from \"jscad-fiber\"\nimport * as THREE from \"three\"\nimport { useMemo } from \"react\"\n\nexport const JscadModel = ({ jscadPlan }: { jscadPlan: JscadOperation }) => {\n  const { threeGeom, material } = useMemo(() => {\n    const jscadObject = executeJscadOperations(jscad as any, jscadPlan)\n\n    const threeGeom = convertCSGToThreeGeom(jscadObject)\n\n    const material = new THREE.MeshStandardMaterial({\n      vertexColors: true,\n      side: THREE.DoubleSide, // Ensure both sides are visible\n    })\n    return { threeGeom, material }\n  }, [jscadPlan])\n\n  if (!threeGeom) return null\n\n  return <mesh geometry={threeGeom} material={material} />\n}\n"],"mappings":"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","names":["import_soup_util","import_react","import_transforms","import_primitives","import_colors","import_booleans","import_extrusions","import_primitives","stlSerializer","import_react","import_drei","import_fiber","import_fiber","import_react","import_jsx_runtime","import_jsx_runtime","import_react","import_three_stdlib","import_jsx_runtime","THREE","import_react","import_jsx_runtime","jscad","threeGeom","material","import_jsx_runtime"]}
+{"version":3,"sources":["../src/index.tsx","../src/hooks/use-convert-children-to-soup.ts","../src/CadViewer.tsx","../src/soup-to-3d/index.ts","../src/geoms/plated-hole.ts","../src/geoms/constants.ts","../src/geoms/create-board-with-outline.ts","../src/hooks/use-stls-from-geom.ts","../src/three-components/STLModel.tsx","../src/CadViewerContainer.tsx","../package.json","../src/three-components/cube-with-labeled-sides.tsx","../src/hooks/use-global-obj-loader.ts","../src/three-components/MixedStlModel.tsx","../src/three-components/JscadModel.tsx"],"sourcesContent":["export { CadViewer } from \"./CadViewer\"\n","import { Circuit } from \"@tscircuit/core\"\nimport { useMemo } from \"react\"\nimport type { AnyCircuitElement } from \"circuit-json\"\n\nexport const useConvertChildrenToSoup = (\n  children?: any,\n  defaultSoup?: AnyCircuitElement[],\n): AnyCircuitElement[] => {\n  return useMemo(() => {\n    if (!children) return\n    const circuit = new Circuit()\n    circuit.add(children)\n    circuit.render()\n    return circuit.getCircuitJson() as any\n  }, [children])\n}\n","import type { AnySoupElement } from \"@tscircuit/soup\"\nimport { useConvertChildrenToSoup } from \"./hooks/use-convert-children-to-soup\"\nimport { su } from \"@tscircuit/soup-util\"\nimport { useMemo } from \"react\"\nimport { createBoardGeomFromSoup } from \"./soup-to-3d\"\nimport { useStlsFromGeom } from \"./hooks/use-stls-from-geom\"\nimport { STLModel } from \"./three-components/STLModel\"\nimport { CadViewerContainer } from \"./CadViewerContainer\"\nimport { MixedStlModel } from \"./three-components/MixedStlModel\"\nimport { Euler } from \"three\"\nimport { JscadModel } from \"./three-components/JscadModel\"\n\ninterface Props {\n  soup?: AnySoupElement[]\n  children?: any\n}\n\nexport const CadViewer = ({ soup, children }: Props) => {\n  soup ??= useConvertChildrenToSoup(children, soup) as any\n\n  if (!soup) return null\n\n  const boardGeom = useMemo(() => {\n    if (!soup.some((e) => e.type === \"pcb_board\")) return null\n    return createBoardGeomFromSoup(soup)\n  }, [soup])\n\n  const { stls, loading } = useStlsFromGeom(boardGeom)\n\n  const cad_components = su(soup).cad_component.list()\n\n  // TODO canvas/camera etc.\n  return (\n    <CadViewerContainer>\n      {stls.map(({ stlUrl, color }, index) => (\n        <STLModel\n          key={stlUrl}\n          stlUrl={stlUrl}\n          color={color}\n          opacity={index === 0 ? 0.95 : 1}\n        />\n      ))}\n      {cad_components.map((cad_component) => {\n        const url = cad_component.model_obj_url ?? cad_component.model_stl_url\n        if (url) {\n          return (\n            <MixedStlModel\n              key={cad_component.cad_component_id}\n              url={url}\n              position={\n                cad_component.position\n                  ? [\n                      cad_component.position.x,\n                      cad_component.position.y,\n                      cad_component.position.z,\n                    ]\n                  : undefined\n              }\n              rotation={\n                cad_component.rotation\n                  ? new Euler(\n                      (cad_component.rotation.x * Math.PI) / 180,\n                      (cad_component.rotation.y * Math.PI) / 180,\n                      (cad_component.rotation.z * Math.PI) / 180,\n                    )\n                  : undefined\n              }\n            />\n          )\n        }\n\n        if (cad_component.model_jscad) {\n          return (\n            <JscadModel\n              key={cad_component.cad_component_id}\n              jscadPlan={cad_component.model_jscad as any}\n            />\n          )\n        }\n      })}\n    </CadViewerContainer>\n  )\n}\n","import type { Geom3 } from \"@jscad/modeling/src/geometries/types\"\nimport type { AnySoupElement, PCBPlatedHole } from \"@tscircuit/soup\"\nimport { su } from \"@tscircuit/soup-util\"\nimport { translate } from \"@jscad/modeling/src/operations/transforms\"\nimport { cuboid, cylinder, line } from \"@jscad/modeling/src/primitives\"\nimport { colorize } from \"@jscad/modeling/src/colors\"\nimport { subtract } from \"@jscad/modeling/src/operations/booleans\"\nimport { platedHole } from \"../geoms/plated-hole\"\nimport { M, colors } from \"../geoms/constants\"\nimport { extrudeLinear } from \"@jscad/modeling/src/operations/extrusions\"\nimport { expand } from \"@jscad/modeling/src/operations/expansions\"\nimport { createBoardWithOutline } from \"src/geoms/create-board-with-outline\"\n\nexport const createBoardGeomFromSoup = (soup: AnySoupElement[]): Geom3[] => {\n  const board = su(soup).pcb_board.list()[0]\n  if (!board) {\n    throw new Error(\"No pcb_board found\")\n  }\n  const plated_holes = su(soup).pcb_plated_hole.list()\n  const holes = su(soup).pcb_hole.list()\n  const pads = su(soup).pcb_smtpad.list()\n  const traces = su(soup).pcb_trace.list()\n  const pcb_vias = su(soup).pcb_via.list()\n\n  // PCB Board\n  let boardGeom: Geom3\n  if (board.outline && board.outline.length > 0)\n    boardGeom = createBoardWithOutline(board.outline, 1.2)\n  else boardGeom = cuboid({ size: [board.width, board.height, 1.2] })\n\n  const platedHoleGeoms: Geom3[] = []\n  const holeGeoms: Geom3[] = []\n  const padGeoms: Geom3[] = []\n  const traceGeoms: Geom3[] = []\n  const ctx = {\n    pcbThickness: 1.2,\n  }\n\n  const addPlatedHole = (plated_hole: PCBPlatedHole) => {\n    if (!(plated_hole as any).shape) plated_hole.shape = \"circle\"\n    if (plated_hole.shape === \"circle\") {\n      const cyGeom = cylinder({\n        center: [plated_hole.x, plated_hole.y, 0],\n        radius: plated_hole.hole_diameter / 2 + M,\n      })\n      boardGeom = subtract(boardGeom, cyGeom)\n\n      const platedHoleGeom = platedHole(plated_hole, ctx)\n      platedHoleGeoms.push(platedHoleGeom)\n    }\n  }\n\n  for (const plated_hole of plated_holes) {\n    addPlatedHole(plated_hole)\n  }\n\n  for (const hole of holes) {\n    // @ts-expect-error\n    if (hole.hole_shape === \"round\" || hole.hole_shape === \"circle\") {\n      const cyGeom = cylinder({\n        center: [hole.x, hole.y, 0],\n        radius: hole.hole_diameter / 2 + M,\n      })\n      boardGeom = subtract(boardGeom, cyGeom)\n    }\n  }\n\n  for (const pad of pads) {\n    if (pad.shape === \"rect\") {\n      const padGeom = colorize(\n        colors.copper,\n        cuboid({\n          center: [pad.x, pad.y, 1.2 / 2 + M],\n          size: [pad.width, pad.height, M],\n        }),\n      )\n      padGeoms.push(padGeom)\n    } else if (pad.shape === \"circle\") {\n      const padGeom = colorize(\n        colors.copper,\n        cylinder({\n          center: [pad.x, pad.y, 1.2 / 2 + M],\n          radius: pad.radius,\n          height: M,\n        }),\n      )\n      padGeoms.push(padGeom)\n    }\n  }\n\n  for (const { route: mixedRoute } of traces) {\n    if (mixedRoute.length < 2) continue\n    const subRoutes = mixedRoute.reduce(\n      (c, p) => {\n        // @ts-ignore\n        const lastLayer = c.current?.[c.current.length - 1]?.layer\n        if (\n          p.route_type === \"via\" ||\n          (p.route_type === \"wire\" && p.layer !== lastLayer)\n        ) {\n          if (c.current.length > 2) {\n            c.allPrev.push(c.current)\n          }\n          c.current = p.route_type === \"wire\" ? [p] : []\n          return c\n        }\n        c.current.push(p)\n        return c\n      },\n      {\n        current: [] as typeof mixedRoute,\n        allPrev: [] as Array<typeof mixedRoute>,\n      },\n    )\n    for (const route of subRoutes.allPrev.concat([subRoutes.current])) {\n      // TODO break into segments based on layers\n      const linePath = line(route.map((p) => [p.x, p.y]))\n\n      const layer = route[0]!.route_type === \"wire\" ? route[0]!.layer : \"top\"\n      const layerSign = layer === \"top\" ? 1 : -1\n      // traceGeoms.push(traceGeom)\n      let traceGeom = translate(\n        [0, 0, (layerSign * 1.2) / 2],\n        extrudeLinear(\n          { height: M * layerSign },\n          expand({ delta: 0.1, corners: \"edge\" }, linePath),\n        ),\n      )\n\n      // HACK: Subtract all vias from every trace- this mostly is because the\n      // vias aren't inside the route- we should probably pre-filter to make sure\n      // that vias are only near the route\n      for (const via of pcb_vias) {\n        traceGeom = subtract(\n          traceGeom,\n          cylinder({\n            center: [via.x, via.y, 0],\n            radius: via.outer_diameter / 2,\n            height: 5,\n          }),\n        )\n      }\n\n      traceGeom = colorize(colors.fr4GreenSolderWithMask, traceGeom)\n\n      traceGeoms.push(traceGeom)\n    }\n    for (const via of mixedRoute.filter((p) => p.route_type === \"via\")) {\n      if (via.route_type !== \"via\") continue // TODO remove when ts is smart\n\n      addPlatedHole({\n        x: via.x,\n        y: via.y,\n        hole_diameter: 0.8,\n        outer_diameter: 1.6,\n        shape: \"circle\",\n        layers: [\"top\", \"bottom\"],\n        type: \"pcb_plated_hole\",\n      })\n    }\n  }\n\n  for (const via of pcb_vias) {\n    addPlatedHole({\n      x: via.x,\n      y: via.y,\n      hole_diameter: via.hole_diameter,\n      outer_diameter: via.outer_diameter,\n      shape: \"circle\",\n      layers: [\"top\", \"bottom\"],\n      type: \"pcb_plated_hole\",\n    })\n  }\n\n  // Colorize to a PCB green color: #05A32E\n  boardGeom = colorize(colors.fr4Green, boardGeom)\n\n  return [boardGeom, ...platedHoleGeoms, ...padGeoms, ...traceGeoms]\n}\n","import type { PCBPlatedHole } from \"@tscircuit/soup\"\nimport type { Geom3 } from \"@jscad/modeling/src/geometries/types\"\nimport { cylinder } from \"@jscad/modeling/src/primitives\"\nimport { colorize } from \"@jscad/modeling/src/colors\"\nimport { subtract, union } from \"@jscad/modeling/src/operations/booleans\"\nimport { M, colors } from \"./constants\"\nimport { GeomContext } from \"../GeomContext\"\n\nexport const platedHole = (\n  plated_hole: PCBPlatedHole,\n  ctx: GeomContext\n): Geom3 => {\n  if (!(plated_hole as any).shape) plated_hole.shape = \"circle\"\n  if (plated_hole.shape === \"circle\") {\n    return colorize(\n      colors.copper,\n      subtract(\n        union(\n          cylinder({\n            center: [plated_hole.x, plated_hole.y, 0],\n            radius: plated_hole.hole_diameter / 2,\n            height: 1.2,\n          }),\n          cylinder({\n            center: [plated_hole.x, plated_hole.y, 1.2 / 2],\n            radius: plated_hole.outer_diameter / 2,\n            height: M,\n          }),\n          cylinder({\n            center: [plated_hole.x, plated_hole.y, -1.2 / 2],\n            radius: plated_hole.outer_diameter / 2,\n            height: M,\n          })\n        ),\n        cylinder({\n          center: [plated_hole.x, plated_hole.y, 0],\n          radius: plated_hole.hole_diameter / 2 - M,\n          height: 1.5,\n        })\n      )\n    )\n  } else {\n    throw new Error(`Unsupported plated hole shape: ${plated_hole.shape}`)\n  }\n}\n","import type { RGB } from \"@jscad/modeling/src/colors\"\n\nexport const M = 0.01\n\nexport const colors = {\n  copper: [0.9, 0.6, 0.2],\n  fr4Green: [0x05 / 255, 0xa3 / 255, 0x2e / 255],\n  fr4GreenSolderWithMask: [0x00 / 255, 0x98 / 255, 0x13 / 255],\n} satisfies Record<string, RGB>\n","import { extrudeLinear } from \"@jscad/modeling/src/operations/extrusions\"\nimport { polygon } from \"@jscad/modeling/src/primitives\"\nimport type { Geom2, Geom3 } from \"@jscad/modeling/src/geometries/types\"\nimport type { Vec2 } from \"@jscad/modeling/src/maths/types\"\nimport type { Point } from \"@tscircuit/soup\"\nimport { translate } from \"@jscad/modeling/src/operations/transforms\"\n\nconst arePointsClockwise = (points: Vec2[]): boolean => {\n  let area = 0\n  for (let i = 0; i < points.length; i++) {\n    const j = (i + 1) % points.length\n    area += points[i]![0] * points[j]![1]\n    area -= points[j]![0] * points[i]![1]\n  }\n  const signedArea = area / 2\n  return signedArea <= 0\n}\n\nexport const createBoardWithOutline = (points: Point[], depth = 1.2): Geom3 => {\n  let outline: Vec2[] = points.map((point) => [point.x, point.y])\n\n  if (arePointsClockwise(outline)) {\n    outline = outline.reverse()\n  }\n\n  const shape: Geom2 = polygon({ points: outline })\n\n  let board: Geom3 = extrudeLinear({ height: depth }, shape)\n\n  board = translate([0, 0, -depth / 2], board)\n\n  return board\n}\n","import { useState, useEffect } from \"react\"\nimport stlSerializer from \"@jscad/stl-serializer\"\nimport { Geom3 } from \"@jscad/modeling/src/geometries/types\"\n\nfunction blobToBase64Url(blob: Blob): Promise<string> {\n  return new Promise((resolve, reject) => {\n    const reader = new FileReader()\n    reader.onload = () => {\n      resolve(reader.result as string)\n    }\n    reader.onerror = reject\n    reader.readAsDataURL(blob)\n  })\n}\n\ntype StlObj = { stlUrl: string; color: number[] }\n\nexport const useStlsFromGeom = (\n  geom: Geom3[] | Geom3 | null\n): {\n  stls: StlObj[]\n  loading: boolean\n} => {\n  const [stls, setStls] = useState<StlObj[]>([])\n  const [loading, setLoading] = useState(true)\n\n  useEffect(() => {\n    if (!geom) return\n    const generateStls = async () => {\n      setLoading(true)\n      const geometries = Array.isArray(geom) ? geom : [geom]\n\n      const stlPromises = geometries.map(async (g) => {\n        const rawData = stlSerializer.serialize({ binary: true }, [g])\n        const blobData = new Blob(rawData)\n        const stlUrl = await blobToBase64Url(blobData)\n        return { stlUrl, color: g.color! }\n      })\n\n      try {\n        const generatedStls = await Promise.all(stlPromises)\n        setStls(generatedStls)\n      } catch (error) {\n        console.error(\"Error generating STLs:\", error)\n        setStls([])\n      } finally {\n        setLoading(false)\n      }\n    }\n\n    generateStls()\n  }, [geom])\n\n  return { stls, loading }\n}\n","import { useLoader } from \"@react-three/fiber\"\nimport { useRef } from \"react\"\nimport * as THREE from \"three\"\nimport { MTLLoader, OBJLoader, STLLoader } from \"three-stdlib\"\n\nexport function STLModel({\n  stlUrl,\n  mtlUrl,\n  color,\n  opacity = 1,\n}: {\n  stlUrl: string\n  color?: any\n  mtlUrl?: string\n  opacity?: number\n}) {\n  const geom = useLoader(STLLoader, stlUrl)\n  const mesh = useRef<THREE.Mesh>()\n\n  // TODO handle mtl url\n\n  return (\n    <mesh ref={mesh as any}>\n      <primitive object={geom} attach=\"geometry\" />\n      <meshStandardMaterial\n        color={color}\n        transparent={opacity !== 1}\n        opacity={opacity}\n      />\n      {/* <Outlines thickness={0.05} color=\"black\" opacity={0.25} /> */}\n    </mesh>\n  )\n}\n","import { Grid, OrbitControls } from \"@react-three/drei\";\nimport { Canvas, useFrame } from \"@react-three/fiber\";\nimport packageJson from \"../package.json\";\nimport { CubeWithLabeledSides } from \"./three-components/cube-with-labeled-sides\";\n\nexport const RotationTracker = () => {\n  useFrame(({ camera }) => {\n    window.TSCI_MAIN_CAMERA_ROTATION = camera.rotation;\n  });\n\n  return <></>;\n};\n\nexport const CadViewerContainer = ({ children }: { children: any }) => {\n  return (\n    <div style={{ position: \"relative\", width: \"100%\", height: \"100%\" }}>\n      <div\n        style={{\n          position: \"absolute\",\n          top: 0,\n          left: 0,\n          width: 120,\n          height: 120,\n        }}\n      >\n        <Canvas\n          camera={{\n            up: [0, 0, 1],\n            // rotation: [-Math.PI / 2, 0, 0],\n            // lookAt: new THREE.Vector3(0, 0, 0),\n            position: [1, 1, 1],\n          }}\n          style={{ zIndex: 10 }}\n        >\n          <ambientLight intensity={Math.PI / 2} />\n          <CubeWithLabeledSides />\n        </Canvas>\n      </div>\n      <Canvas\n        scene={{ up: [0, 0, 1] }}\n        camera={{ up: [0, 0, 1], position: [5, 5, 5] }}\n      >\n        <RotationTracker />\n        <OrbitControls autoRotate autoRotateSpeed={1} />\n        <ambientLight intensity={Math.PI / 2} />\n        <pointLight\n          position={[-10, -10, 10]}\n          decay={0}\n          intensity={Math.PI / 4}\n        />\n        <Grid\n          rotation={[Math.PI / 2, 0, 0]}\n          infiniteGrid={true}\n          cellSize={1}\n          sectionSize={10}\n        />\n        {children}\n      </Canvas>\n      <div\n        style={{\n          position: \"absolute\",\n          right: 24,\n          bottom: 24,\n          fontFamily: \"sans-serif\",\n          color: \"white\",\n          WebkitTextStroke: \"0.5px rgba(0, 0, 0, 0.5)\",\n          // color: \"rgba(255, 255, 255, 0.75)\",\n          // textShadow:\n          //   \"0px 0px 1px rgba(0, 0, 0, 0.5), 0px 0px 2px rgba(0, 0, 0, 0.5)\",\n          fontSize: 11,\n        }}\n      >\n        @{packageJson.version}\n      </div>\n    </div>\n  );\n};\n","{\n  \"name\": \"@tscircuit/3d-viewer\",\n  \"version\": \"0.0.19\",\n  \"main\": \"./dist/index.js\",\n  \"files\": [\n    \"dist\"\n  ],\n  \"scripts\": {\n    \"start\": \"bun run storybook\",\n    \"dev:old\": \"bunx --bun vite\",\n    \"build\": \"tsup ./src/index.tsx --dts --sourcemap\",\n    \"prepublish\": \"npm run build\",\n    \"preview\": \"vite preview\",\n    \"storybook\": \"storybook dev -p 6006\",\n    \"build-storybook\": \"storybook build\"\n  },\n  \"dependencies\": {\n    \"@jscad/modeling\": \"^2.12.2\",\n    \"@jscad/regl-renderer\": \"^2.6.9\",\n    \"@jscad/stl-serializer\": \"^2.1.17\",\n    \"@react-three/drei\": \"^9.107.2\",\n    \"@react-three/fiber\": \"^8.16.8\",\n    \"@tscircuit/core\": \"^0.0.74\",\n    \"@tscircuit/react-fiber\": \"^1.1.29\",\n    \"@tscircuit/soup\": \"^0.0.69\",\n    \"@tscircuit/soup-util\": \"^0.0.26\",\n    \"@types/three\": \"^0.165.0\",\n    \"jscad-fiber\": \"^0.0.38\",\n    \"jscad-planner\": \"^0.0.2\",\n    \"react\": \"^18.3.1\",\n    \"react-dom\": \"^18.3.1\",\n    \"react-use-gesture\": \"^9.1.3\",\n    \"three\": \"^0.165.0\",\n    \"three-stdlib\": \"^2.30.3\"\n  },\n  \"devDependencies\": {\n    \"@biomejs/biome\": \"^1.8.3\",\n    \"@chromatic-com/storybook\": \"^1.5.0\",\n    \"@storybook/addon-essentials\": \"^8.1.10\",\n    \"@storybook/addon-interactions\": \"^8.1.10\",\n    \"@storybook/addon-links\": \"^8.1.10\",\n    \"@storybook/addon-onboarding\": \"^8.1.10\",\n    \"@storybook/blocks\": \"^8.1.10\",\n    \"@storybook/builder-vite\": \"^8.1.10\",\n    \"@storybook/react\": \"^8.1.10\",\n    \"@storybook/react-vite\": \"^8.1.10\",\n    \"@storybook/test\": \"^8.1.10\",\n    \"@types/react\": \"^18.3.3\",\n    \"@types/react-dom\": \"^18.3.0\",\n    \"@vitejs/plugin-react\": \"^4.3.1\",\n    \"circuit-json\": \"^0.0.77\",\n    \"storybook\": \"^8.1.10\",\n    \"strip-ansi\": \"^7.1.0\",\n    \"tsup\": \"^8.1.0\",\n    \"typescript\": \"^5.5.3\",\n    \"vite\": \"^5.3.1\",\n    \"vite-tsconfig-paths\": \"^4.3.2\"\n  }\n}\n","import { Text } from \"@react-three/drei\";\nimport { useFrame } from \"@react-three/fiber\";\nimport { useRef } from \"react\";\nimport * as THREE from \"three\";\n\ndeclare global {\n  interface Window {\n    TSCI_MAIN_CAMERA_ROTATION: THREE.Euler;\n  }\n}\nif (typeof window !== \"undefined\") {\n  window.TSCI_MAIN_CAMERA_ROTATION = new THREE.Euler(0, 0, 0);\n}\n\nfunction computePointInFront(rotationVector, distance) {\n  // Create a quaternion from the rotation vector\n  const quaternion = new THREE.Quaternion().setFromEuler(\n    new THREE.Euler(rotationVector.x, rotationVector.y, rotationVector.z)\n  );\n\n  // Create a vector pointing forward (along the negative z-axis)\n  const forwardVector = new THREE.Vector3(0, 0, 1);\n\n  // Apply the rotation to the forward vector\n  forwardVector.applyQuaternion(quaternion);\n\n  // Scale the rotated vector by the distance\n  const result = forwardVector.multiplyScalar(distance);\n\n  return result;\n}\n\nexport const CubeWithLabeledSides = ({}: any) => {\n  const ref = useRef<THREE.Mesh>();\n  const rotationTrackingRef = useRef({ lastRotation: new THREE.Euler() });\n  useFrame((state, delta) => {\n    if (!ref.current) return;\n\n    const mainRot = window.TSCI_MAIN_CAMERA_ROTATION;\n\n    // Use window.TSCI_CAMERA_ROTATION to compute the position of the camera\n    const cameraPosition = computePointInFront(mainRot, 2);\n\n    state.camera.position.copy(cameraPosition);\n    state.camera.lookAt(0, 0, 0);\n  });\n  return (\n    <mesh ref={ref as any} rotation={[Math.PI / 2, 0, 0]}>\n      <boxGeometry args={[1, 1, 1]} />\n      <meshStandardMaterial color=\"white\" />\n      <Text position={[0, 0, 0.51]} fontSize={0.25} color=\"black\">\n        Front\n      </Text>\n      <Text\n        position={[0, 0, -0.51]}\n        fontSize={0.25}\n        color=\"black\"\n        rotation={[0, Math.PI, 0]}\n      >\n        Back\n      </Text>\n      <Text\n        position={[0.51, 0, 0]}\n        fontSize={0.25}\n        color=\"black\"\n        rotation={[0, Math.PI / 2, 0]}\n      >\n        Right\n      </Text>\n      <Text\n        position={[-0.51, 0, 0]}\n        fontSize={0.25}\n        color=\"black\"\n        rotation={[0, -Math.PI / 2, 0]}\n      >\n        Left\n      </Text>\n      <Text\n        position={[0, 0.51, 0]}\n        fontSize={0.25}\n        color=\"black\"\n        rotation={[-Math.PI / 2, 0, 0]}\n      >\n        Top\n      </Text>\n      <Text\n        position={[0, -0.51, 0]}\n        fontSize={0.25}\n        color=\"black\"\n        rotation={[Math.PI / 2, 0, 0]}\n      >\n        Bottom\n      </Text>\n      <lineSegments\n        args={[new THREE.EdgesGeometry(new THREE.BoxGeometry(1, 1, 1))]}\n        material={\n          new THREE.LineBasicMaterial({\n            color: 0x000000,\n            linewidth: 2,\n          })\n        }\n      />\n    </mesh>\n  );\n};\n","import { useState, useEffect } from \"react\"\nimport type { Group } from \"three\"\nimport { MTLLoader, OBJLoader } from \"three-stdlib\"\n\n// Define the type for our cache\ninterface CacheItem {\n  promise: Promise<any>\n  result: Group | null\n}\n\ndeclare global {\n  interface Window {\n    TSCIRCUIT_OBJ_LOADER_CACHE: Map<string, CacheItem>\n  }\n}\n\n// Ensure the global cache exists\nif (typeof window !== \"undefined\" && !window.TSCIRCUIT_OBJ_LOADER_CACHE) {\n  window.TSCIRCUIT_OBJ_LOADER_CACHE = new Map<string, CacheItem>()\n}\n\nexport function useGlobalObjLoader(url: string | null): Group | null | Error {\n  const [obj, setObj] = useState<Group | null | Error>(null)\n\n  useEffect(() => {\n    if (!url) return\n\n    const cache = window.TSCIRCUIT_OBJ_LOADER_CACHE\n    let hasUrlChanged = false\n\n    async function loadAndParseObj() {\n      try {\n        const response = await fetch(url!)\n        const text = await response.text()\n\n        const mtlContent = text\n          .match(/newmtl[\\s\\S]*?endmtl/g)\n          ?.join(\"\\n\")!\n          .replace(/d 0\\./g, \"d 1.\")!\n        const objContent = text.replace(/newmtl[\\s\\S]*?endmtl/g, \"\")\n\n        const mtlLoader = new MTLLoader()\n        mtlLoader.setMaterialOptions({\n          invertTrProperty: true,\n        })\n        const materials = mtlLoader.parse(\n          mtlContent.replace(\n            /Kd\\s+([\\d.]+)\\s+([\\d.]+)\\s+([\\d.]+)/g,\n            \"Kd $2 $2 $2\"\n          ),\n          \"test.mtl\"\n        )\n\n        const objLoader = new OBJLoader()\n        objLoader.setMaterials(materials)\n        return objLoader.parse(objContent)\n      } catch (error) {\n        return error as Error\n      }\n    }\n\n    function loadUrl() {\n      if (cache.has(url!)) {\n        const cacheItem = cache.get(url!)!\n        if (cacheItem.result) {\n          // If we have a result, clone it\n          return Promise.resolve(cacheItem.result.clone())\n        }\n        // If we're still loading, return the existing promise\n        return cacheItem.promise.then((result) => result.clone())\n      }\n      // If it's not in the cache, create a new promise and cache it\n      const promise = loadAndParseObj().then((result) => {\n        if (result instanceof Error) {\n          // If the result is an Error, return it\n          return result\n        }\n        cache.set(url!, { ...cache.get(url!)!, result })\n        return result\n      })\n      cache.set(url!, { promise, result: null })\n      return promise\n    }\n\n    loadUrl()\n      .then((result) => {\n        if (hasUrlChanged) return\n        setObj(result)\n      })\n      .catch((error) => {\n        console.error(error)\n      })\n\n    return () => {\n      hasUrlChanged = true\n    }\n  }, [url])\n\n  return obj\n}","import { useEffect, useState } from \"react\"\nimport { useGlobalObjLoader } from \"src/hooks/use-global-obj-loader\"\nimport { Euler, Vector3 } from \"three\"\nimport { MTLLoader, OBJLoader } from \"three-stdlib\"\n\nexport function MixedStlModel({\n  url,\n  position,\n  rotation,\n}: {\n  url: string\n  position?: Vector3 | [number, number, number]\n  rotation?: Euler | [number, number, number]\n}) {\n  const obj = useGlobalObjLoader(url)\n\n  if (!obj) {\n    return (\n      <mesh position={position}>\n        <boxGeometry args={[0.5, 0.5, 0.5]} />\n        <meshStandardMaterial transparent color=\"red\" opacity={0.25} />\n      </mesh>\n    )\n  }\n\n  // Check if obj is valid before rendering\n  if (obj instanceof Error) {\n    return (\n      <mesh position={position}>\n        <boxGeometry args={[0.5, 0.5, 0.5]} />\n        <meshStandardMaterial transparent color=\"red\" opacity={0.5} />\n        <meshBasicMaterial color=\"black\" />\n      </mesh>\n    )\n  }\n\n  return <primitive rotation={rotation} position={position} object={obj} />\n}","import type { JscadOperation } from \"jscad-planner\"\nimport { executeJscadOperations } from \"jscad-planner\"\nimport jscad from \"@jscad/modeling\"\nimport { convertCSGToThreeGeom } from \"jscad-fiber\"\nimport * as THREE from \"three\"\nimport { useMemo } from \"react\"\n\nexport const JscadModel = ({ jscadPlan }: { jscadPlan: JscadOperation }) => {\n  const { threeGeom, material } = useMemo(() => {\n    const jscadObject = executeJscadOperations(jscad as any, jscadPlan)\n\n    const threeGeom = convertCSGToThreeGeom(jscadObject)\n\n    const material = new THREE.MeshStandardMaterial({\n      vertexColors: true,\n      side: THREE.DoubleSide, // Ensure both sides are visible\n    })\n    return { threeGeom, material }\n  }, [jscadPlan])\n\n  if (!threeGeom) return null\n\n  return <mesh geometry={threeGeom} material={material} />\n}\n"],"mappings":"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","names":["import_soup_util","import_react","import_transforms","import_primitives","import_colors","import_booleans","import_extrusions","import_primitives","import_react","stlSerializer","import_react","import_drei","import_fiber","import_fiber","import_react","import_jsx_runtime","import_jsx_runtime","import_react","import_three_stdlib","import_jsx_runtime","THREE","import_react","import_jsx_runtime","jscad","threeGeom","material","import_jsx_runtime"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tscircuit/3d-viewer",
-  "version": "0.0.18",
+  "version": "0.0.20",
   "main": "./dist/index.js",
   "files": [
     "dist"
@@ -20,7 +20,7 @@
     "@jscad/stl-serializer": "^2.1.17",
     "@react-three/drei": "^9.107.2",
     "@react-three/fiber": "^8.16.8",
-    "@tscircuit/builder": "^1.11.7",
+    "@tscircuit/core": "^0.0.74",
     "@tscircuit/react-fiber": "^1.1.29",
     "@tscircuit/soup": "^0.0.69",
     "@tscircuit/soup-util": "^0.0.26",
@@ -48,6 +48,7 @@
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "@vitejs/plugin-react": "^4.3.1",
+    "circuit-json": "^0.0.77",
     "storybook": "^8.1.10",
     "strip-ansi": "^7.1.0",
     "tsup": "^8.1.0",