@tscircuit/schematic-viewer 1.4.3 → 2.0.1

package/src/lib/utils/colors.ts

@@ -1,235 +0,0 @@
-// Kicad-2020 color scheme
-export const colorMap = {
-  "3d_viewer": {
-    background_bottom: "rgb(102, 102, 128)",
-    background_top: "rgb(204, 204, 230)",
-    board: "rgb(51, 43, 23)",
-    copper: "rgb(179, 156, 0)",
-    silkscreen_bottom: "rgb(230, 230, 230)",
-    silkscreen_top: "rgb(230, 230, 230)",
-    soldermask: "rgb(20, 51, 36)",
-    solderpaste: "rgb(128, 128, 128)",
-  },
-  board: {
-    anchor: "rgb(255, 38, 226)",
-    aux_items: "rgb(255, 255, 255)",
-    b_adhes: "rgb(0, 0, 132)",
-    b_crtyd: "rgb(255, 38, 226)",
-    b_fab: "rgb(88, 93, 132)",
-    b_mask: "rgba(2, 255, 238, 0.400)",
-    b_paste: "rgb(0, 194, 194)",
-    b_silks: "rgb(232, 178, 167)",
-    background: "rgb(0, 16, 35)",
-    cmts_user: "rgb(89, 148, 220)",
-    copper: {
-      b: "rgb(77, 127, 196)",
-      f: "rgb(200, 52, 52)",
-      in1: "rgb(127, 200, 127)",
-      in10: "rgb(237, 124, 51)",
-      in11: "rgb(91, 195, 235)",
-      in12: "rgb(247, 111, 142)",
-      in13: "rgb(167, 165, 198)",
-      in14: "rgb(40, 204, 217)",
-      in15: "rgb(232, 178, 167)",
-      in16: "rgb(242, 237, 161)",
-      in17: "rgb(237, 124, 51)",
-      in18: "rgb(91, 195, 235)",
-      in19: "rgb(247, 111, 142)",
-      in2: "rgb(206, 125, 44)",
-      in20: "rgb(167, 165, 198)",
-      in21: "rgb(40, 204, 217)",
-      in22: "rgb(232, 178, 167)",
-      in23: "rgb(242, 237, 161)",
-      in24: "rgb(237, 124, 51)",
-      in25: "rgb(91, 195, 235)",
-      in26: "rgb(247, 111, 142)",
-      in27: "rgb(167, 165, 198)",
-      in28: "rgb(40, 204, 217)",
-      in29: "rgb(232, 178, 167)",
-      in3: "rgb(79, 203, 203)",
-      in30: "rgb(242, 237, 161)",
-      in4: "rgb(219, 98, 139)",
-      in5: "rgb(167, 165, 198)",
-      in6: "rgb(40, 204, 217)",
-      in7: "rgb(232, 178, 167)",
-      in8: "rgb(242, 237, 161)",
-      in9: "rgb(141, 203, 129)",
-    },
-    cursor: "rgb(255, 255, 255)",
-    drc: "rgb(194, 194, 194)",
-    drc_error: "rgba(215, 91, 107, 0.800)",
-    drc_exclusion: "rgb(255, 255, 255)",
-    drc_warning: "rgba(255, 208, 66, 0.902)",
-    dwgs_user: "rgb(194, 194, 194)",
-    eco1_user: "rgb(180, 219, 210)",
-    eco2_user: "rgb(216, 200, 82)",
-    edge_cuts: "rgb(208, 210, 205)",
-    f_adhes: "rgb(132, 0, 132)",
-    f_crtyd: "rgb(255, 0, 245)",
-    f_fab: "rgb(175, 175, 175)",
-    f_mask: "rgba(216, 100, 255, 0.400)",
-    f_paste: "rgba(180, 160, 154, 0.902)",
-    f_silks: "rgb(242, 237, 161)",
-    footprint_text_back: "rgb(0, 0, 132)",
-    footprint_text_front: "rgb(194, 194, 194)",
-    footprint_text_invisible: "rgb(132, 132, 132)",
-    grid: "rgb(132, 132, 132)",
-    grid_axes: "rgb(194, 194, 194)",
-    margin: "rgb(255, 38, 226)",
-    microvia: "rgb(0, 132, 132)",
-    no_connect: "rgb(0, 0, 132)",
-    pad_back: "rgb(77, 127, 196)",
-    pad_front: "rgb(200, 52, 52)",
-    pad_plated_hole: "rgb(194, 194, 0)",
-    pad_through_hole: "rgb(227, 183, 46)",
-    plated_hole: "rgb(26, 196, 210)",
-    ratsnest: "rgba(245, 255, 213, 0.702)",
-    select_overlay: "rgb(4, 255, 67)",
-    through_via: "rgb(236, 236, 236)",
-    user_1: "rgb(194, 194, 194)",
-    user_2: "rgb(89, 148, 220)",
-    user_3: "rgb(180, 219, 210)",
-    user_4: "rgb(216, 200, 82)",
-    user_5: "rgb(194, 194, 194)",
-    user_6: "rgb(89, 148, 220)",
-    user_7: "rgb(180, 219, 210)",
-    user_8: "rgb(216, 200, 82)",
-    user_9: "rgb(232, 178, 167)",
-    via_blind_buried: "rgb(187, 151, 38)",
-    via_hole: "rgb(227, 183, 46)",
-    via_micro: "rgb(0, 132, 132)",
-    via_through: "rgb(236, 236, 236)",
-    worksheet: "rgb(200, 114, 171)",
-  },
-  gerbview: {
-    axes: "rgb(0, 0, 132)",
-    background: "rgb(0, 0, 0)",
-    dcodes: "rgb(255, 255, 255)",
-    grid: "rgb(132, 132, 132)",
-    layers: [
-      "rgb(132, 0, 0)",
-      "rgb(194, 194, 0)",
-      "rgb(194, 0, 194)",
-      "rgb(194, 0, 0)",
-      "rgb(0, 132, 132)",
-      "rgb(0, 132, 0)",
-      "rgb(0, 0, 132)",
-      "rgb(132, 132, 132)",
-      "rgb(132, 0, 132)",
-      "rgb(194, 194, 194)",
-      "rgb(132, 0, 132)",
-      "rgb(132, 0, 0)",
-      "rgb(132, 132, 0)",
-      "rgb(194, 194, 194)",
-      "rgb(0, 0, 132)",
-      "rgb(0, 132, 0)",
-      "rgb(132, 0, 0)",
-      "rgb(194, 194, 0)",
-      "rgb(194, 0, 194)",
-      "rgb(194, 0, 0)",
-      "rgb(0, 132, 132)",
-      "rgb(0, 132, 0)",
-      "rgb(0, 0, 132)",
-      "rgb(132, 132, 132)",
-      "rgb(132, 0, 132)",
-      "rgb(194, 194, 194)",
-      "rgb(132, 0, 132)",
-      "rgb(132, 0, 0)",
-      "rgb(132, 132, 0)",
-      "rgb(194, 194, 194)",
-      "rgb(0, 0, 132)",
-      "rgb(0, 132, 0)",
-      "rgb(132, 0, 0)",
-      "rgb(194, 194, 0)",
-      "rgb(194, 0, 194)",
-      "rgb(194, 0, 0)",
-      "rgb(0, 132, 132)",
-      "rgb(0, 132, 0)",
-      "rgb(0, 0, 132)",
-      "rgb(132, 132, 132)",
-      "rgb(132, 0, 132)",
-      "rgb(194, 194, 194)",
-      "rgb(132, 0, 132)",
-      "rgb(132, 0, 0)",
-      "rgb(132, 132, 0)",
-      "rgb(194, 194, 194)",
-      "rgb(0, 0, 132)",
-      "rgb(0, 132, 0)",
-      "rgb(132, 0, 0)",
-      "rgb(194, 194, 0)",
-      "rgb(194, 0, 194)",
-      "rgb(194, 0, 0)",
-      "rgb(0, 132, 132)",
-      "rgb(0, 132, 0)",
-      "rgb(0, 0, 132)",
-      "rgb(132, 132, 132)",
-      "rgb(132, 0, 132)",
-      "rgb(194, 194, 194)",
-      "rgb(132, 0, 132)",
-      "rgb(132, 0, 0)",
-    ],
-    negative_objects: "rgb(132, 132, 132)",
-    worksheet: "rgb(0, 0, 132)",
-  },
-  meta: {
-    filename: "kicad_2020",
-    name: "KiCad 2020",
-    version: 2,
-  },
-  palette: [
-    "rgb(132, 0, 0)",
-    "rgb(194, 194, 0)",
-    "rgb(194, 0, 194)",
-    "rgb(194, 0, 0)",
-    "rgb(0, 132, 132)",
-    "rgb(0, 132, 0)",
-    "rgb(0, 0, 132)",
-    "rgb(132, 132, 132)",
-    "rgb(132, 0, 132)",
-    "rgb(194, 194, 194)",
-    "rgb(132, 0, 132)",
-    "rgb(132, 0, 0)",
-    "rgb(132, 132, 0)",
-    "rgb(194, 194, 194)",
-    "rgb(0, 0, 132)",
-    "rgb(0, 132, 0)",
-  ],
-  schematic: {
-    aux_items: "rgb(46, 46, 46)",
-    background: "rgb(245, 241, 237)",
-    brightened: "rgb(255, 0, 255)",
-    bus: "rgb(0, 0, 132)",
-    bus_junction: "rgb(0, 0, 132)",
-    component_body: "rgb(255, 255, 194)",
-    component_outline: "rgb(132, 0, 0)",
-    cursor: "rgb(15, 15, 15)",
-    erc_error: "rgba(230, 9, 13, 0.800)",
-    erc_warning: "rgba(209, 146, 0, 0.800)",
-    fields: "rgb(132, 0, 132)",
-    grid: "rgb(181, 181, 181)",
-    grid_axes: "rgb(0, 0, 132)",
-    hidden: "rgb(194, 194, 194)",
-    junction: "rgb(0, 150, 0)",
-    label_global: "rgb(132, 0, 0)",
-    label_hier: "rgb(114, 86, 0)",
-    label_local: "rgb(15, 15, 15)",
-    net_name: "rgb(132, 132, 132)",
-    no_connect: "rgb(0, 0, 132)",
-    note: "rgb(0, 0, 194)",
-    override_item_colors: false,
-    pin: "rgb(132, 0, 0)",
-    pin_name: "rgb(0, 100, 100)",
-    pin_number: "rgb(169, 0, 0)",
-    reference: "rgb(0, 100, 100)",
-    shadow: "rgba(102, 179, 255, 0.800)",
-    sheet: "rgb(132, 0, 0)",
-    sheet_background: "rgba(253, 255, 231, 0.000)",
-    sheet_fields: "rgb(132, 0, 132)",
-    sheet_filename: "rgb(114, 86, 0)",
-    sheet_label: "rgb(0, 100, 100)",
-    sheet_name: "rgb(0, 100, 100)",
-    value: "rgb(0, 100, 100)",
-    wire: "rgb(0, 150, 0)",
-    worksheet: "rgb(132, 0, 0)",
-  },
-}

package/src/lib/utils/direction-to-vec.ts

@@ -1,50 +0,0 @@
-export const directionToVec = (direction: "up" | "down" | "left" | "right") => {
-  if (direction === "up") return { x: 0, y: 1 }
-  else if (direction === "down") return { x: 0, y: -1 }
-  else if (direction === "left") return { x: -1, y: 0 }
-  else if (direction === "right") return { x: 1, y: 0 }
-  else throw new Error(`Invalid direction "${direction}"`)
-}
-
-export const vecToDirection = ({ x, y }: { x: number; y: number }) => {
-  if (x > y) y = 0
-  if (y > x) x = 0
-  if (x > 0 && y === 0) return "right"
-  else if (x < 0 && y === 0) return "left"
-  else if (x === 0 && y > 0) return "up"
-  else if (x === 0 && y < 0) return "down"
-  else throw new Error(`Invalid vector for direction conversion (${x}, ${y})`)
-}
-
-export const rotateClockwise = (
-  direction: "up" | "down" | "left" | "right",
-) => {
-  if (direction === "up") return "right"
-  else if (direction === "right") return "down"
-  else if (direction === "down") return "left"
-  else if (direction === "left") return "up"
-}
-
-export const rotateCounterClockwise = (
-  direction: "up" | "down" | "left" | "right",
-) => {
-  if (direction === "up") return "left"
-  else if (direction === "left") return "down"
-  else if (direction === "down") return "right"
-  else if (direction === "right") return "up"
-}
-
-export const rotateDirection = (
-  direction: "up" | "down" | "left" | "right",
-  num90DegreeClockwiseTurns: number,
-) => {
-  while (num90DegreeClockwiseTurns > 0) {
-    direction = rotateClockwise(direction)
-    num90DegreeClockwiseTurns--
-  }
-  while (num90DegreeClockwiseTurns < 0) {
-    direction = rotateCounterClockwise(direction)
-    num90DegreeClockwiseTurns++
-  }
-  return direction
-}

package/src/lib/utils/get-rotation-from-anchor-side.ts

@@ -1,11 +0,0 @@
-import type { SchematicNetLabel } from "@tscircuit/soup"
-
-type AnchorSide = SchematicNetLabel["anchor_side"]
-
-export const getRotationFromAnchorSide = (anchor_side: AnchorSide) => {
-  if (anchor_side === "left") return 0
-  if (anchor_side === "top") return (Math.PI * 3) / 2
-  if (anchor_side === "right") return Math.PI
-  if (anchor_side === "bottom") return Math.PI / 2
-  return 0
-}

package/src/lib/utils/get-svg-path-bounds.ts

@@ -1,22 +0,0 @@
-import svgPathBounds from "svg-path-bounds"
-
-export function getSVGPathBounds(ds: string[] | string) {
-  if (typeof ds === "string") ds = [ds]
-  let minX = Infinity,
-    maxX = -Infinity,
-    minY = Infinity,
-    maxY = -Infinity
-
-  for (const d of ds) {
-    const [left, top, right, bottom] = svgPathBounds(d)
-
-    minX = Math.min(left, minX)
-    maxX = Math.max(right, maxX)
-    minY = Math.min(top, minY)
-    maxY = Math.max(bottom, maxY)
-  }
-
-  return { minX, maxX, minY, maxY, width: maxX - minX, height: maxY - minY }
-}
-
-export default getSVGPathBounds

package/src/lib/utils/get-vec-from-anchor-side.ts

@@ -1,11 +0,0 @@
-import type { SchematicNetLabel } from "@tscircuit/soup"
-
-type AnchorSide = SchematicNetLabel["anchor_side"]
-
-export const getVecFromAnchorSide = (anchor_side: AnchorSide) => {
-  if (anchor_side === "left") return { x: -1, y: 0 }
-  if (anchor_side === "top") return { x: 0, y: -1 }
-  if (anchor_side === "right") return { x: 1, y: 0 }
-  if (anchor_side === "bottom") return { x: 0, y: 1 }
-  throw new Error(`invalid anchor side "${anchor_side}"`)
-}

package/src/lib/utils/point-math.ts

@@ -1,26 +0,0 @@
-export type Point = { x: number; y: number }
-
-export function sub(p1: Point, p2: Point) {
-  return { x: p1.x - p2.x, y: p1.y - p2.y }
-}
-
-export function mult(p1: Point, p2: Point) {
-  return { x: p1.x * p2.x, y: p1.y * p2.y }
-}
-
-export function mag(p1: Point, p2: Point) {
-  const dx = p1.x - p2.x
-  const dy = p1.y - p2.y
-  return Math.sqrt(dx ** 2 + dy ** 2)
-}
-
-export function componentSum(p1: Point) {
-  return p1.x + p1.y
-}
-
-export function norm(p1: Point) {
-  return {
-    x: Math.sign(p1.x),
-    y: Math.sign(p1.y),
-  }
-}

package/src/pages/_app.tsx

@@ -1,23 +0,0 @@
-import Head from "next/head"
-
-export const App = ({ Component }) => {
-  return (
-    <>
-      <Head>
-        <link rel="preconnect" href="https://fonts.googleapis.com" />
-        <link
-          rel="preconnect"
-          href="https://fonts.gstatic.com"
-          crossOrigin="anonymous"
-        />
-        <link
-          href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap"
-          rel="stylesheet"
-        />
-      </Head>
-      <Component />
-    </>
-  )
-}
-
-export default App

package/src/pages/index.tsx

@@ -1,10 +0,0 @@
-import "@tscircuit/react-fiber/dist/types/intrinsic-jsx.d"
-import { Schematic } from "Schematic"
-
-export default () => {
-  return (
-    <Schematic>
-      <resistor name="R1" resistance="10 ohm" />
-    </Schematic>
-  )
-}

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

@@ -1,54 +0,0 @@
-import React, { Fragment } from "react"
-import { Schematic } from "Schematic"
-
-export const ExampleCircuit = () => {
-  return (
-    <Schematic style={{ height: 500 }}>
-      <resistor name="R1" resistance="10 ohm" schX={2} schY={1} />
-      <capacitor
-        name="C1"
-        capacitance="10 uF"
-        schX={4}
-        schY={2}
-        schRotation="90deg"
-      />
-      <resistor
-        name="R2"
-        resistance="10 ohm"
-        schX={6}
-        schY={1}
-        schRotation="90deg"
-      />
-      <trace
-        path={[".R1 > port.right", ".C1 > port.left", ".R2 > port.left"]}
-      />
-      <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"
-        schPortArrangement={{ leftSize: 3, rightSize: 3 }}
-        schX={8}
-        schY={3}
-        pinLabels={{
-          1: "PWR",
-          2: "NC",
-          3: "RG",
-          4: "D0",
-          5: "D1",
-          6: "GND",
-        }}
-      />
-      <trace path={[".B1 > port.PWR", ".R2 > port.left"]} />
-      {/* <ground name="GND" schX={11} schY={3} /> */}
-      <trace from=".B1 > port.GND" to=".GND" />
-      <diode name="D1" schX={6} schY={3.5} schRotation="180deg" />
-      <trace from=".D1 > .left" to=".B1 > .RG" />
-      <trace from=".D1 > .right" to=".C1> .right" />
-    </Schematic>
-  )
-}
-
-export default ExampleCircuit

package/src/pages/style.css

@@ -1,5 +0,0 @@
-@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap");
-
-.schematic-text {
-  font-family: "IBM Plex Mono", monospace;
-}

package/src/schematic-components/ContextProviders.tsx

@@ -1,15 +0,0 @@
-import { createRenderContextStore } from "lib/render-context"
-import { useMemo } from "react"
-import { createContext } from "react"
-
-export const StoreContext = createContext(null)
-
-export const ContextProviders = ({ children }: { children?: any }) => {
-  const store = useMemo(() => createRenderContextStore(), [])
-
-  return (
-    <StoreContext.Provider value={store as any}>
-      {children}
-    </StoreContext.Provider>
-  )
-}

package/src/schematic-components/DebugPoint.tsx

@@ -1,25 +0,0 @@
-import React from "react"
-import { SVGPathComponent } from "./SVGPathComponent"
-
-export const DebugPoint = ({
-  center,
-}: {
-  center: { x: number; y: number }
-}) => {
-  return (
-    <SVGPathComponent
-      rotation={0}
-      center={center}
-      size={{ width: 0.02, height: 0.02 }}
-      paths={[
-        {
-          stroke: "red",
-          strokeWidth: 0.5,
-          // d: "M -1 -1 l 1 1 M -1 1 l 1 -1",
-          //square
-          d: "M -1 -1 l 2 0 l 0 2 l -2 0 l 0 -2",
-        },
-      ]}
-    />
-  )
-}

package/src/schematic-components/RenderError.tsx

@@ -1,23 +0,0 @@
-interface Props {
-  text: string
-}
-
-export default ({ text }: Props) => {
-  return (
-    <div
-      style={{
-        position: "fixed",
-        backgroundColor: "red",
-        color: "white",
-        fontSize: 14,
-        fontFamily: "sans-serif",
-        padding: 5,
-        right: 0,
-        top: 0,
-        opacity: 0.75,
-      }}
-    >
-      {text}
-    </div>
-  )
-}