@tscircuit/schematic-viewer 1.4.3 → 2.0.0

package/src/schematic-components/SchematicText.tsx

@@ -1,44 +0,0 @@
-import type { SchematicText as SchematicTextType } from "circuit-json"
-import { useGlobalStore } from "lib/render-context"
-import useMeasure from "react-use-measure"
-import { applyToPoint } from "transformation-matrix"
-
-interface Props {
-  schematic_text: SchematicTextType
-}
-
-export const SchematicText = ({ schematic_text }: Props) => {
-  const ct = useGlobalStore((s) => s.camera_transform)
-  const { text, position, anchor } = schematic_text
-  const tPos = applyToPoint(ct, position)
-  const [boundsRef, bounds] = useMeasure()
-  let offset = [0, 0]
-  if (anchor === "center") {
-    offset = [-bounds.width / 2, -bounds.height / 2]
-  } else if (anchor === "left") {
-    offset = [0, -bounds.height / 2]
-  } else if (anchor === "right") {
-    offset = [-bounds.width, -bounds.height / 2]
-  }
-
-  const fontTransformRatio = 0.15 // magic number (roughly 0.1mm = 12px)
-  const projectedTextSize = fontTransformRatio * ct.a
-
-  return (
-    <div
-      ref={boundsRef}
-      style={{
-        fontFamily: "'IBM Plex Mono', monospace",
-        position: "absolute",
-        fontSize: projectedTextSize,
-        left: tPos.x + offset[0],
-        top: tPos.y + offset[1],
-        color: schematic_text.color,
-      }}
-    >
-      {text}
-    </div>
-  )
-}
-
-export default SchematicText

package/src/schematic-components/SchematicTrace.tsx

@@ -1,51 +0,0 @@
-import type * as Type from "lib/types"
-import { colorMap } from "lib/utils/colors"
-import getSVGPathBounds from "lib/utils/get-svg-path-bounds"
-import Path from "svg-path-generator"
-import RenderError from "./RenderError"
-import SVGPathComponent from "./SVGPathComponent"
-
-interface Props {
-  trace: {
-    source: Type.SourceTrace
-    schematic: Type.SchematicTrace
-  }
-}
-
-export const SchematicTrace = ({ trace: { source, schematic } }: Props) => {
-  const edges = schematic.edges
-  if (edges.length === 0) {
-    return (
-      <RenderError text={`Route with 0 edges (${source.source_trace_id})`} />
-    )
-  }
-  const path = Path()
-  for (let i = 0; i < edges.length; i++) {
-    path.moveTo(edges[i].from.x, edges[i].from.y)
-    path.lineTo(edges[i].to.x, edges[i].to.y)
-  }
-  const d = path.toString()
-  const pathBounds = getSVGPathBounds(d)
-  pathBounds.height = Math.max(pathBounds.height, 1)
-  pathBounds.width = Math.max(pathBounds.width, 1)
-  const center = {
-    x: pathBounds.minX + pathBounds.width / 2,
-    y: pathBounds.minY + pathBounds.height / 2,
-  }
-  return (
-    <SVGPathComponent
-      rotation={0}
-      center={center}
-      size={pathBounds}
-      paths={[
-        {
-          stroke: colorMap.schematic.wire,
-          strokeWidth: 0.01,
-          d,
-        },
-      ]}
-    />
-  )
-}
-
-export default SchematicTrace

package/src/schematic-components/TableViewer.tsx

@@ -1,13 +0,0 @@
-import { lazy, Suspense } from "react"
-
-const LazyTableViewer = lazy(() =>
-  import("@tscircuit/table-viewer").then((m) => ({
-    default: m.SoupTableViewer,
-  })),
-)
-
-export const TableViewer = (params: Parameters<typeof LazyTableViewer>[0]) => (
-  <Suspense fallback={<div>Loading...</div>}>
-    <LazyTableViewer {...params} />
-  </Suspense>
-)

package/src/schematic-components/index.tsx

@@ -1,9 +0,0 @@
-export * from "./ContextProviders"
-export * from "./RenderError"
-export * from "./SchematicChip"
-export * from "./SchematicComponent"
-export * from "./SchematicComponentFromSymbol"
-export * from "./SchematicGroup"
-export * from "./SchematicText"
-export * from "./SchematicTrace"
-export * from "./SVGPathComponent"

package/src/stories/basics/schematic-net-label.stories.tsx

@@ -1,138 +0,0 @@
-import { Schematic } from "../../Schematic"
-
-export const SchematicNetLabel = () => {
-  return (
-    <Schematic
-      style={{ height: 500 }}
-      soup={[
-        {
-          type: "source_component",
-          source_component_id: "simple_resistor_0",
-          name: "R1",
-          supplier_part_numbers: {},
-          ftype: "simple_resistor",
-          resistance: 100,
-        },
-        {
-          type: "schematic_component",
-          source_component_id: "simple_resistor_0",
-          schematic_component_id: "schematic_component_simple_resistor_0",
-          rotation: 0,
-          size: {
-            width: 1,
-            height: 0.3,
-          },
-          center: {
-            x: 0,
-            y: 0,
-          },
-        },
-        {
-          type: "source_port",
-          name: "left",
-          source_port_id: "source_port_0",
-          source_component_id: "simple_resistor_0",
-        },
-        {
-          type: "schematic_port",
-          schematic_port_id: "schematic_port_0",
-          source_port_id: "source_port_0",
-          center: {
-            x: -0.5,
-            y: 0,
-          },
-          facing_direction: "left",
-          schematic_component_id: "schematic_component_simple_resistor_0",
-        },
-        {
-          type: "source_port",
-          name: "right",
-          source_port_id: "source_port_1",
-          source_component_id: "simple_resistor_0",
-        },
-        {
-          type: "schematic_port",
-          schematic_port_id: "schematic_port_1",
-          source_port_id: "source_port_1",
-          center: {
-            x: 0.5,
-            y: 0,
-          },
-          facing_direction: "right",
-          schematic_component_id: "schematic_component_simple_resistor_0",
-        },
-        {
-          type: "schematic_text",
-          text: "R1",
-          schematic_text_id: "schematic_text_0",
-          schematic_component_id: "schematic_component_simple_resistor_0",
-          anchor: "left",
-          position: {
-            x: -0.2,
-            y: -0.5,
-          },
-          rotation: 0,
-          color: "black",
-        },
-        {
-          type: "schematic_text",
-          text: "100",
-          schematic_text_id: "schematic_text_1",
-          schematic_component_id: "schematic_component_simple_resistor_0",
-          anchor: "left",
-          position: {
-            x: -0.2,
-            y: -0.3,
-          },
-          rotation: 0,
-          color: "black",
-        },
-        {
-          type: "source_net",
-          member_source_group_ids: [],
-          source_net_id: "net_0",
-          name: "N1",
-        },
-        {
-          type: "source_trace",
-          connected_source_port_ids: ["source_port_1"],
-          connected_source_net_ids: ["net_0"],
-          source_trace_id: "source_trace_0",
-        },
-        {
-          type: "schematic_net_label",
-          source_net_id: "net_0",
-          text: "N1",
-          anchor_side: "left",
-          center: {
-            x: 1.5,
-            y: 0,
-          },
-        },
-        {
-          type: "schematic_trace",
-          schematic_trace_id: "schematic_trace_0",
-          source_trace_id: "source_trace_0",
-          edges: [
-            {
-              from: {
-                x: 0.5,
-                y: 0,
-              },
-              to: {
-                x: 1.5,
-                y: 0,
-              },
-              from_schematic_port_id: "schematic_port_1",
-            },
-          ],
-        },
-      ]}
-    />
-  )
-}
-
-export default {
-  title: "Basics/SchematicNetLabel",
-  component: SchematicNetLabel,
-}

package/src/stories/basics/schematic-net-labels-2.stories.tsx

@@ -1,35 +0,0 @@
-import { Schematic } from "../../Schematic"
-
-export const SchematicNetLabel2 = () => {
-  return (
-    <Schematic style={{ height: 500 }}>
-      <board width={10} height={10}>
-        <resistor resistance="1k" name="R1" schX={-2} schY={0} />
-        <resistor resistance="1k" name="R2" schX={2} schY={0} />
-        <resistor
-          schRotation="90deg"
-          resistance="1k"
-          name="R3"
-          schX={0}
-          schY={2}
-        />
-        <resistor
-          schRotation="90deg"
-          resistance="1k"
-          name="R4"
-          schX={0}
-          schY={-2}
-        />
-        <trace from=".R1 > .right" to="net.N1" />
-        <trace from=".R2 > .left" to="net.N2" />
-        <trace from=".R3 > .left" to="net.N3" />
-        <trace from=".R4 > .right" to="net.GND2" />
-      </board>
-    </Schematic>
-  )
-}
-
-export default {
-  title: "Basics/SchematicNetLabel2",
-  component: SchematicNetLabel2,
-}

package/src/stories/bug-connections.stories.tsx

@@ -1,31 +0,0 @@
-import { Schematic } from "Schematic"
-
-export const BugConnections = () => {
-  return (
-    <Schematic style={{ height: 600 }}>
-      <board width={10} height={10}>
-        <bug
-          name="B1"
-          schPortArrangement={{
-            leftSize: 3,
-            rightSize: 2,
-          }}
-          schHeight={5}
-          schWidth={3}
-          schPinSpacing={2}
-          schX={8}
-          schY={3}
-          pinLabels={{
-            "1": "D0",
-            "2": "D1",
-          }}
-        />
-      </board>
-    </Schematic>
-  )
-}
-
-export default {
-  title: "BugConnections",
-  component: BugConnections,
-}

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

@@ -1,130 +0,0 @@
-import { Circuit } from "@tscircuit/core"
-import { Schematic } from "Schematic"
-
-export const BugHighPortNumbers = () => {
-  const circuit = new Circuit()
-
-  circuit.add(
-    <board
-      width={10}
-      height={10}
-      // @ts-ignore
-    >
-      <chip
-        name="U1"
-        manufacturerPartNumber="part-number"
-        schPortArrangement={{
-          leftSide: {
-            pins: [16, 15, 20, 17, 4, 27, 28, 19, 26, 25, 7, 18, 21],
-            direction: "top-to-bottom",
-          },
-          rightSide: {
-            pins: [1, 5, 11, 3, 2, 9, 10, 6, 23, 22, 14, 13, 12],
-            direction: "top-to-bottom",
-          },
-          bottomSide: {
-            pins: [29],
-            direction: "left-to-right",
-          },
-          topSide: {
-            pins: [30],
-            direction: "left-to-right",
-          },
-        }}
-        schWidth={3}
-        schHeight={6}
-        footprint="ssop28Db"
-        pinLabels={{
-          "1": "TXD",
-          "5": "RXD",
-          "11": "CTS",
-          "3": "RTS",
-          "2": "DTR",
-          "9": "DSR",
-          "10": "DCD",
-          "6": "RI",
-          "23": "TXLED",
-          "22": "RXLED",
-          "14": "PWRUN",
-          "13": "TXDEN",
-          "12": "SLEEP",
-          "16": "USBDM",
-          "15": "USBDP",
-          "20": "VCC",
-          "17": "3V3OUT",
-          "4": "VCCIO",
-          "27": "OSCI",
-          "28": "OSCO",
-          "19": "RESET",
-          "26": "TEST",
-          "25": "AGND",
-          "7": "GND7",
-          "18": "GND18",
-          "21": "GND21",
-        }}
-      />
-      <resistor
-        resistance="1kohm"
-        name="R1"
-        footprint="0805"
-        schX={3}
-        schY={-1}
-        symbolName="boxresistor_vert"
-      />
-      <resistor
-        resistance="1kohm"
-        name="R2"
-        footprint="0805"
-        schX={4.5}
-        schY={-1}
-        symbolName="boxresistor_vert"
-      />
-      <diode
-        name="LED1"
-        footprint="0805"
-        symbolName="diode_vert"
-        schX={3}
-        schY={2}
-      />
-      <diode
-        name="LED2"
-        footprint="0805"
-        symbolName="diode_vert"
-        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 > .pin20"]} />
-      <trace path={[".LED2 > port.right", ".U1 > .pin6"]} />
-      <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"
-        center={[-9, 0]}
-        type="schematic_box"
-        drawing_type="box"
-        width={2}
-        height={2}
-      />
-    </component> */}
-    </board>,
-  )
-
-  const circuitJson = circuit.getCircuitJson()
-
-  return <Schematic soup={circuitJson as any} style={{ height: 600 }} />
-}
-
-export default {
-  title: "BugHighPortNumbers",
-  component: BugHighPortNumbers,
-}

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

@@ -1,34 +0,0 @@
-import { Schematic } from "Schematic"
-
-const OneSidedBugExample = () => (
-  <board width={10} height={10}>
-    <bug
-      name="U2"
-      schPortArrangement={{
-        leftSize: 0,
-        rightSize: 4,
-      }}
-      schX={-10}
-      schY={0}
-      pinLabels={{
-        "1": "GND",
-        "2": "VBUS",
-        "3": "D-",
-        "4": "D+",
-      }}
-    />
-  </board>
-)
-
-export const OneSidedBug = () => {
-  return (
-    <Schematic style={{ height: 600 }}>
-      <OneSidedBugExample />
-    </Schematic>
-  )
-}
-
-export default {
-  title: "OneSidedBug",
-  component: OneSidedBug,
-}

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

@@ -1,52 +0,0 @@
-import { Schematic } from "Schematic"
-
-const BugPinSpacingExample = () => (
-  <board width={10} height={10}>
-    <bug
-      name="U2"
-      manufacturerPartNumber="part-number"
-      schPortArrangement={{
-        leftSize: 2,
-        rightSize: 2,
-      }}
-      schX={-10}
-      schY={0}
-      schPinSpacing="1.5mm"
-      pinLabels={{
-        "1": "GND",
-        "2": "VBUS",
-        "3": "D-",
-        "4": "D+",
-      }}
-    />
-  </board>
-)
-
-export const BugPinSpacing = () => {
-  return (
-    <Schematic
-      style={{ height: 600 }}
-      _soupPostProcessor={(soup) => {
-        return soup.map((elm) => {
-          if (elm.type === "schematic_component") {
-            // return {
-            //   ...elm,
-            //   size: { width: 3, height: 3 },
-            //   pin_spacing: 1.5,
-            // }
-            console.log(elm)
-            return elm
-          }
-          return elm
-        })
-      }}
-    >
-      <BugPinSpacingExample />
-    </Schematic>
-  )
-}
-
-export default {
-  title: "BugPinSpacing",
-  component: BugPinSpacing,
-}

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

@@ -1,20 +0,0 @@
-import { Schematic } from "Schematic"
-
-export const Bug1YFlip = () => {
-  return (
-    <Schematic style={{ height: 600 }}>
-      <board width={10} height={10}>
-        <bug
-          name="U1"
-          schPortArrangement={{ topSize: 2 }}
-          pinLabels={{ 1: "foo", 2: "baz" }}
-        />
-      </board>
-    </Schematic>
-  )
-}
-
-export default {
-  title: "Bugs/Bug1YFlip",
-  component: Bug1YFlip,
-}

package/src/stories/bugs/bug2-component-bounds.stories.tsx

@@ -1,62 +0,0 @@
-import { Schematic } from "Schematic"
-
-const Battery = ({
-  name,
-  center,
-  pcb_x,
-  pcb_y,
-}: {
-  name: string
-  center: [number, number]
-  pcb_x: number
-  pcb_y: number
-}) => (
-  <component
-    schX={center[0]}
-    schY={center[1]}
-    name={name}
-    pcbX={pcb_x}
-    pcbY={pcb_y}
-    supplierPartNumbers={{
-      jlcpcb: ["C70377"],
-    }}
-  >
-    <port name="neg" schX="-1mm" schY="0mm" direction="left" />
-    <port name="pos" schX="1mm" schY="0mm" direction="right" />
-    <schematicbox width="2mm" height="0.5mm" schX={0} schY={0} />
-    <schematictext text={name} schX={0} schY={0} />
-    <schematictext text="-" schX={-0.25} schY={-0.125} />
-    <schematictext text="+" schX={0.25} schY={-0.125} />
-    <smtpad
-      shape="rect"
-      layer="top"
-      pcbX={0}
-      pcbY={-26 / 2 - 3 / 2}
-      width="4.2mm"
-      height="3mm"
-      portHints={["pos"]}
-    />
-    <smtpad
-      shape="rect"
-      layer="top"
-      pcbX={0}
-      pcbY={26 / 2 + 3 / 2}
-      width="4.2mm"
-      height="3mm"
-      portHints={["neg"]}
-    />
-  </component>
-)
-
-export const Bug2ComponentBounds = () => {
-  return (
-    <Schematic style={{ height: 600 }}>
-      <Battery name="B1" center={[0, 0]} pcb_x={-30} pcb_y={30} />
-    </Schematic>
-  )
-}
-
-export default {
-  title: "Bugs/Bug2ComponentBounds",
-  component: Bug2ComponentBounds,
-}

package/src/stories/bugs/bug3-scaling-trace.stories.tsx

@@ -1,24 +0,0 @@
-import { Schematic } from "../../Schematic"
-
-export const Bug3ScalingTrace = () => {
-  return (
-    <Schematic style={{ height: 500 }}>
-      <board width={"10mm"} height={"10mm"} pcbX={0} pcbY={0}>
-        <resistor name="R1" resistance="10" schX={2} schY={1} />
-        <resistor
-          name="R2"
-          resistance="1k"
-          schX={0}
-          schY={3}
-          symbolName="boxresistor_vert"
-        />
-        <trace path={[".R1 > port.right", ".R2 > port.left"]} />
-      </board>
-    </Schematic>
-  )
-}
-
-export default {
-  title: "Bugs/Bug3ScalingTrace",
-  component: Bug3ScalingTrace,
-}

package/src/stories/bugs/bug4-schematic-line.stories.tsx

@@ -1,17 +0,0 @@
-import { Schematic } from "../../Schematic"
-
-export const Bug4SchematicLine = () => {
-  return (
-    <Schematic style={{ height: 500 }}>
-      {/* <resistor name="R1" resistance="10" schX={2} schY={1} /> */}
-      <component name="K1" schX={0} schY={0}>
-        <schematicline x1={0} y1={0} x2={0} y2={2} />
-      </component>
-    </Schematic>
-  )
-}
-
-export default {
-  title: "Bugs/Bug4SchematicLine",
-  component: Bug4SchematicLine,
-}

package/src/stories/bugs/bug5-diode.stories.tsx

@@ -1,16 +0,0 @@
-import { Schematic } from "../../Schematic"
-
-export const Bug5SchematicLine = () => {
-  return (
-    <Schematic style={{ height: 500 }}>
-      <board width={10} height={10}>
-        <diode name="D1" />
-      </board>
-    </Schematic>
-  )
-}
-
-export default {
-  title: "Bugs/Bug5SchematicLine",
-  component: Bug5SchematicLine,
-}