@tscircuit/schematic-viewer 1.2.14 → 1.3.0

package/src/stories/bug-high-port-numbers.stories.tsx

@@ -4,18 +4,19 @@ const FTDIBasic3v3 = () => (
   <group>
     <bug
       name="U1"
-      port_arrangement={{
-        left_side: {
+      manufacturerPartNumber="part-number"
+      schPortArrangement={{
+        leftSide: {
           pins: [16, 15, 20, 17, 4, 27, 28, 19, 26, 25, 7, 18, 21],
           direction: "top-to-bottom",
         },
-        right_side: {
+        rightSide: {
           pins: [1, 5, 11, 3, 2, 9, 10, 6, 23, 22, 14, 13, 12],
           direction: "top-to-bottom",
         },
       }}
       footprint="ssop28Db"
-      port_labels={{
+      pinLabels={{
         "1": "TXD",
         "5": "RXD",
         "11": "CTS",
@@ -48,31 +49,33 @@ const FTDIBasic3v3 = () => (
       resistance="1kohm"
       name="R1"
       footprint="0805"
-      center={[3, 0]}
-      rotation="90deg"
+      schX={3}
+      schY={0}
+      schRotation="90deg"
     />
     <resistor
       resistance="1kohm"
       name="R2"
       footprint="0805"
-      center={[4.5, 0]}
-      rotation="90deg"
+      schX={4.5}
+      schY={0}
+      schRotation="90deg"
     />
-    <diode name="LED1" footprint="0805" rotation="90deg" center={[3, 2]} />
-    <diode name="LED2" footprint="0805" rotation="90deg" center={[4.5, 2]} />
-    <netalias net="5V" center={[3, -2]} />
-    <netalias net="5V" center={[4.5, -2]} />
+    <diode name="LED1" footprint="0805" schRotation={"90deg"} schX={3} schY={2} />
+    <diode name="LED2" footprint="0805" schRotation={"90deg"} schX={4.5} schY={2} />
+    <netalias net="5V" schX={3} schY={-2} />
+    <netalias net="5V" schX={4.5} schY={-2} />
     <trace path={[".5V", ".R2 > port.left"]} />
     <trace path={[".5V", ".R1 > port.left"]} />
     <trace path={[".R1 > port.right", ".LED1 > port.left"]} />
     <trace path={[".R2 > port.right", ".LED2 > port.left"]} />
     <trace path={[".LED1 > port.right", ".U1 > .TXLED"]} />
     <trace path={[".LED2 > port.right", ".U1 > .RXLED"]} />
-    <netalias net="GND" center={[-3, 4]} rotation="180deg" />
-    <netalias net="GND" center={[-5, 3]} rotation="180deg" />
-    <netalias net="GND" center={[-6, 3]} rotation="180deg" />
-    <netalias net="GND" center={[-7, 3]} rotation="180deg" />
-    <netalias net="GND" center={[-8, 2]} rotation="180deg" />
+    <netalias net="GND" schX={-3} schY={4} schRotation="180deg" />
+    <netalias net="GND" schX={-5} schY={3} schRotation="180deg" />
+    <netalias net="GND" schX={-6} schY={3} schRotation="180deg" />
+    <netalias net="GND" schX={-7} schY={3} schRotation="180deg" />
+    <netalias net="GND" schX={-8} schY={2} schRotation="180deg" />  
     {/* <component>
       <schematicbox
         name="USB"

package/src/stories/bug-pin-spacing.stories.tsx

@@ -3,6 +3,7 @@ import { Schematic } from "Schematic"
 const BugPinSpacingExample = () => (
   <bug
     name="U2"
+    manufacturerPartNumber="part-number"
     schPortArrangement={{
       leftSize: 2,
       rightSize: 2,

package/src/stories/bugs/bug1-y-flip.stories.tsx

@@ -4,8 +4,9 @@ export const Bug1YFlip = () => {
   return (
     <Schematic style={{ height: 600 }}>
       <bug
-        port_arrangement={{ top_size: 2 }}
-        port_labels={{ 1: "foo", 2: "baz" }}
+        name="U1"
+        schPortArrangement={{ topSize: 2 }}
+        pinLabels={{ 1: "foo", 2: "baz" }}
       />
     </Schematic>
   )

package/src/stories/bugs/bug8-autolayout.stories.tsx

@@ -30,8 +30,8 @@ export const Bug8Autolayout = () => {
       <Schematic style={{ height: 500 }}>
         <board
           layout={layout().autoLayoutSchematic()}
-          pcbCenterX={0}
-          pcbCenterY={0}
+          pcbX={0}
+          pcbY={0}
           width={"10mm"}
           height={"10mm"}
         >

package/src/stories/component-drawing-example.stories.tsx

@@ -3,8 +3,8 @@ import { Schematic } from "Schematic"
 export const ComponentDrawingExample = () => {
   return (
     <Schematic style={{ height: 600 }}>
-      <component>
-        <schematicbox x={0} y={0} width="6mm" height="6mm" />
+      <component name={"C1"}>
+        <schematicbox schX={0} schY={0} width="6mm" height="6mm" />
         <schematicline x1={0} y1={0} x2={1} y2={1} />
       </component>
     </Schematic>

package/src/stories/led-circuit-builder.stories.tsx

@@ -95,7 +95,7 @@ const $soup = pb
 export const LEDCircuitBuilder = () => {
   const soup = useMaybePromise($soup)
   if (!soup) return null
-  return <Schematic style={{ height: 600 }} soup={soup} />
+  return <Schematic style={{ height: 600 }} soup={soup as any} />
 }
 
 export default {

package/src/stories/led-circuit-react.stories.tsx

@@ -3,32 +3,35 @@ import { Schematic } from "../Schematic"
 export const LEDCircuitReact = () => {
   return (
     <Schematic style={{ height: 500 }}>
-      <resistor name="R1" resistance="10 ohm" center={[2, 1]} />
+      <resistor name="R1" resistance="10 ohm" schX={2} schY={1} />
       <capacitor
         name="C1"
         capacitance="10 uF"
-        center={[4, 2]}
-        rotation="90deg"
+        schX={4}
+        schY={2}
+        schRotation="90deg"
       />
       <resistor
         name="R2"
         resistance="10 ohm"
-        center={[6, 1]}
-        rotation="90deg"
+        schX={6}
+        schY={1}
+        schRotation="90deg"
       />
       <trace
         path={[".R1 > port.right", ".C1 > port.left", ".R2 > port.left"]}
       />
-      <powersource voltage="5V" center={[1, 2]} name="main_power" />
+      <powersource voltage="5V" schX={1} schY={2} name="main_power" />
       <trace path={[".main_power > port.positive", ".R1 > port.left"]} />
       <trace
         path={["power > port.negative", ".C1 > port.right", ".R2 > port.right"]}
       />
       <bug
         name="B1"
-        port_arrangement={{ left_size: 3, right_size: 3 }}
-        center={[8, 3]}
-        port_labels={{
+        schPortArrangement={{ leftSide: { pins: [3, 2, 1], direction: "top-to-bottom" }, rightSide: { pins: [6, 5, 4], direction: "top-to-bottom" } }}
+        schX={8}
+        schY={3}
+        pinLabels={{
           1: "PWR",
           2: "NC",
           3: "RG",
@@ -41,12 +44,12 @@ export const LEDCircuitReact = () => {
       <ground name="GND" center={[11, 3]} />
       <trace path={[".B1 > port.GND", ".GND > .gnd"]} />
       {/* <trace from=".B1 > port.GND" to=".GND > .gnd" /> */}
-      <diode name="D1" center={[6, 3.5]} rotation="180deg" />
+      <diode name="D1" schX={6} schY={3.5} schRotation="180deg" />
       <trace path={[".D1 > port.right", ".C1 > .right"]} />
       <trace path={[".D1 > port.left", ".B1 > .RG"]} />
       {/* <trace from=".D1 > .left" to=".B1 > .RG" /> */}
       {/* <trace from=".D1 > .right" to=".C1> .right" /> */}
-      <netalias center={["10mm", "1.5mm"]} net="D0BUS" />
+      <netalias schX={"10mm"} schY={"1.5mm"} net="D0BUS" />
       <trace path={[".B1 > .D0", ".D0BUS"]} />
     </Schematic>
   )

package/src/stories/net-alias.stories.tsx

@@ -83,7 +83,7 @@ const soup = [
 ]
 
 export const NetAliasSoup = () => {
-  return <Schematic style={{ height: 500 }} soup={soup} />
+  return <Schematic style={{ height: 500 }} soup={soup as any} />
 }
 
 export default {

package/src/stories/off-center-render.stories.tsx

@@ -7,13 +7,13 @@ export const OffCenterRendering = () => {
       <Schematic style={{ height: 600 }}>
         <bug
           name="B1"
-          port_arrangement={{
-            left_size: 3,
-            right_size: 2,
+          schPortArrangement={{
+            leftSide: { pins: [3, 2, 1], direction: "top-to-bottom" },
+            rightSide: { pins: [6, 5, 4], direction: "top-to-bottom" },
           }}
-          sch_cx={8}
-          sch_cy={3}
-          port_labels={{
+          schX={8}
+          schY={3}
+          pinLabels={{
             "1": "D0",
             "2": "D1",
           }}

package/src/stories/rotated-resistor.stories.tsx

@@ -9,7 +9,7 @@ export const RotatedResistor = () => {
         schX={2}
         schY={1}
         schRotation="90deg"
-        rotation="90deg"
+        pcbRotation="90deg"
       />
     </Schematic>
   )

package/src/stories/schematic-path.stories.tsx

@@ -31,7 +31,7 @@ const soup: AnyElement[] = [
 ]
 
 export const SchematicPathSoup = () => {
-  return <Schematic style={{ height: 500 }} soup={soup} />
+  return <Schematic style={{ height: 500 }} soup={soup as any} />
 }
 
 export default {

package/src/stories/three-sided-bug.stories.tsx

@@ -5,15 +5,15 @@ export const ThreeSidedBug = () => {
     <Schematic style={{ height: 600 }}>
       <bug
         name="B1"
-        port_arrangement={{
-          left_size: 3,
-          right_size: 3,
-          top_size: 0,
-          bottom_size: 5,
+        schPortArrangement={{
+          leftSize: 3,
+          rightSize: 3,
+          topSize: 0,
+          bottomSize: 5,
         }}
-        sch_cx={8}
-        sch_cy={3}
-        port_labels={{
+        schX={8}
+        schY={3}
+        pinLabels={{
           "1": "D0",
           "2": "D1",
         }}