@tscircuit/schematic-viewer 1.4.3 → 2.0.0

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

@@ -1,18 +0,0 @@
-import { Schematic } from "../../Schematic"
-
-export const Bug6TraceScaling = () => {
-  return (
-    <Schematic style={{ height: 500 }}>
-      <board width={10} height={10}>
-        <resistor name="R1" resistance="10 ohm" schX={2} schY={1} />
-        <resistor resistance="1k" schX={1} schY={2} name="main_power" />
-        <trace path={[".main_power > port.right", ".R1 > port.left"]} />
-      </board>
-    </Schematic>
-  )
-}
-
-export default {
-  title: "Bugs/Bug6TraceScaling",
-  component: Bug6TraceScaling,
-}

package/src/stories/bugs/bug7-multiple-schematic-panning.stories.tsx

@@ -1,23 +0,0 @@
-import { Schematic } from "../../Schematic"
-
-export const Bug7MultipleSchematicPanning = () => {
-  return (
-    <div>
-      <Schematic style={{ height: 500 }}>
-        <resistor name="R1" resistance="10 ohm" schX={2} schY={1} />
-        <resistor resistance="1k" schX={1} schY={2} name="main_power" />
-        <trace path={[".main_power > port.right", ".R1 > port.left"]} />
-      </Schematic>
-      <Schematic style={{ height: 500 }}>
-        <resistor name="R1" resistance="10 ohm" schX={2} schY={1} />
-        <resistor resistance="1k" schX={1} schY={2} name="main_power" />
-        <trace path={[".main_power > port.right", ".R1 > port.left"]} />
-      </Schematic>
-    </div>
-  )
-}
-
-export default {
-  title: "Bugs/Bug7MultipleSchematicPanning",
-  component: Bug7MultipleSchematicPanning,
-}

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

@@ -1,43 +0,0 @@
-import { layout } from "@tscircuit/layout"
-import { Schematic } from "../../Schematic"
-
-export const Bug8Autolayout = () => {
-  return (
-    <div>
-      <Schematic style={{ height: 500 }}>
-        <board
-          layout={layout().autoLayoutSchematic()}
-          pcbX={0}
-          pcbY={0}
-          width={"10mm"}
-          height={"10mm"}
-        >
-          <bug
-            name="U1"
-            schX={0}
-            schY={0}
-            schPortArrangement={{
-              leftSize: 3,
-              topSize: 0,
-              bottomSize: 0,
-              rightSize: 3,
-            }}
-          />
-          <resistor name="R1" resistance="10k" schX={0} schY={1} />
-          <resistor name="R2" resistance="1k" schX={0} schY={3} />
-          <resistor name="R3" resistance="5k" schX={2} schY={1} />
-          <capacitor name="C1" capacitance="1uF" schX={2} schY={3} />
-          <trace path={[".R1 > port.right", ".R2 > port.left"]} />
-          <trace path={[".R2 > port.right", ".R3 > port.left"]} />
-          <trace path={[".R3 > port.right", ".C1 > port.left"]} />
-          <trace path={[".C1 > port.right", ".R1 > port.left"]} />
-        </board>
-      </Schematic>
-    </div>
-  )
-}
-
-export default {
-  title: "Bugs/Bug8Autolayout",
-  component: Bug8Autolayout,
-}

package/src/stories/circuit-components/diode.stories.tsx

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

package/src/stories/circuit-components/netalias.stories.tsx

@@ -1,14 +0,0 @@
-import { Schematic } from "../../Schematic"
-
-export const NetAlias = () => {
-  return (
-    <Schematic style={{ height: 500 }}>
-      <netalias net="GND" />
-    </Schematic>
-  )
-}
-
-export default {
-  title: "Circuit Components/NetAlias",
-  component: NetAlias,
-}

package/src/stories/circuit-components/resistor.stories.tsx

@@ -1,16 +0,0 @@
-import { Schematic } from "../../Schematic"
-
-export const Resistor = () => {
-  return (
-    <Schematic style={{ height: 500 }}>
-      <board width={10} height={10}>
-        <resistor name="R1" resistance="10 ohm" schX={2} schY={1} />
-      </board>
-    </Schematic>
-  )
-}
-
-export default {
-  title: "Circuit Components/Resistor",
-  component: Resistor,
-}

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

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

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

@@ -1,48 +0,0 @@
-import { Schematic } from "../Schematic"
-
-export const LEDCircuitReact = () => {
-  return (
-    <Schematic style={{ height: 500 }}>
-      <group>
-        <resistor name="R1" resistance="10 ohm" schX={2} schY={1} />
-        <capacitor
-          name="C1"
-          capacitance="10 uF"
-          schX={4}
-          schY={2}
-          symbolName="capacitor_vert"
-        />
-        <resistor name="R2" resistance="10 ohm" schX={6} schY={1} />
-        <trace path={[".R1 > port.right", ".C1 > port.left"]} />
-        <trace path={[".C1 > port.right", ".R2 > port.left"]} />
-        <powersource voltage={5} schX={1} schY={2} name="main_power" />
-        <trace path={[".main_power > port.positive", ".R1 > port.left"]} />
-        <trace path={[".main_power > port.negative", ".C1 > port.right"]} />
-        <trace path={[".C1 > port.right", ".R2 > port.right"]} />
-        <bug
-          name="B1"
-          schPortArrangement={{
-            leftSide: { pins: [3, 2, 1], direction: "top-to-bottom" },
-            rightSide: { pins: [6, 5, 4], direction: "top-to-bottom" },
-          }}
-          // schWidth={4}
-          schX={8}
-          schY={3}
-          pinLabels={{
-            1: "PWR",
-            2: "NC",
-            3: "RG",
-            4: "D0",
-            5: "D1",
-            6: "GND",
-          }}
-        />
-      </group>
-    </Schematic>
-  )
-}
-
-export default {
-  title: "LEDCircuitReact",
-  component: LEDCircuitReact,
-}

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

@@ -1,92 +0,0 @@
-import { Schematic } from "../Schematic"
-
-const soup = [
-  {
-    type: "source_component",
-    source_component_id: "net_alias_0",
-    ftype: "net_alias",
-    source: {
-      type: "source_component",
-      source_component_id: "net_alias_0",
-      ftype: "net_alias",
-    },
-  },
-  {
-    type: "schematic_component",
-    schematic_component_id: "schematic_net_alias_component_0",
-    source_component_id: "net_alias_0",
-    center: {
-      x: 2,
-      y: 2,
-    },
-    rotation: 0,
-    size: {
-      width: 0,
-      height: 0,
-    },
-    source: {
-      type: "source_component",
-      source_component_id: "net_alias_0",
-      ftype: "net_alias",
-    },
-  },
-  {
-    type: "source_port",
-    name: "gnd",
-    source_port_id: "source_port_0",
-  },
-  {
-    type: "schematic_port",
-    schematic_port_id: "schematic_port_0",
-    source_port_id: "source_port_0",
-    center: {
-      x: 2,
-      y: 2,
-    },
-    source: {
-      type: "source_port",
-      name: "gnd",
-      source_port_id: "source_port_0",
-    },
-  },
-  {
-    drawing_type: "line",
-    type: "schematic_line",
-    x1: 0,
-    y1: 1,
-    x2: 4,
-    y2: 1,
-    schematic_component_id: "schematic_net_alias_component_0",
-    source: null,
-  },
-  {
-    drawing_type: "line",
-    type: "schematic_line",
-    x1: 2,
-    y1: 1,
-    x2: 2,
-    y2: 2,
-    schematic_component_id: "schematic_net_alias_component_0",
-    source: null,
-  },
-  {
-    anchor: "center",
-    type: "schematic_text",
-    position: {
-      x: 2,
-      y: 0.75,
-    },
-    text: "gnd",
-    schematic_component_id: "schematic_net_alias_component_0",
-    source: null,
-  },
-]
-
-export const NetAliasSoup = () => {
-  return <Schematic style={{ height: 500 }} soup={soup as any} />
-}
-
-export default {
-  title: "NetAliasSoup",
-  component: NetAliasSoup,
-}

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

@@ -1,29 +0,0 @@
-import { Schematic } from "Schematic"
-
-export const OffCenterRendering = () => {
-  return (
-    <>
-      <div style={{ height: 600 }}>scroll down</div>
-      <Schematic style={{ height: 600 }}>
-        <bug
-          name="B1"
-          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": "D0",
-            "2": "D1",
-          }}
-        />
-      </Schematic>
-    </>
-  )
-}
-
-export default {
-  title: "OffCenterRendering",
-  component: OffCenterRendering,
-}

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

@@ -1,23 +0,0 @@
-import { Schematic } from "../Schematic"
-
-export const RotatedResistor = () => {
-  return (
-    <Schematic style={{ height: 500 }}>
-      <board width={10} height={10}>
-        <resistor
-          name="R1"
-          resistance="10 ohm"
-          schX={2}
-          schY={1}
-          schRotation="90deg"
-          pcbRotation="90deg"
-        />
-      </board>
-    </Schematic>
-  )
-}
-
-export default {
-  title: "RotatedResistor",
-  component: RotatedResistor,
-}

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

@@ -1,40 +0,0 @@
-import { AnyElement } from "lib/types"
-import { Schematic } from "../Schematic"
-
-const soup: AnyElement[] = [
-  {
-    type: "source_component",
-    source_component_id: "source_component_1",
-    name: "my source component",
-  },
-  {
-    type: "schematic_component",
-    schematic_component_id: "schematic_component_1",
-    center: { x: 0, y: 0 },
-    rotation: 0,
-    size: { width: 1, height: 1 },
-    source_component_id: "source_component_1",
-  },
-  {
-    type: "schematic_path",
-    drawing_type: "path",
-    is_filled: true,
-    is_closed: true,
-    fill_color: "red",
-    points: [
-      { x: 0, y: 0 },
-      { x: 1, y: 1 },
-      { x: 0, y: 1 },
-    ],
-    schematic_component_id: "schematic_component_1",
-  },
-]
-
-export const SchematicPathSoup = () => {
-  return <Schematic style={{ height: 500 }} soup={soup as any} />
-}
-
-export default {
-  title: "SchematicPathSoup",
-  component: SchematicPathSoup,
-}

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

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