@tscircuit/schematic-viewer 0.0.1

package/.prettierrc

@@ -0,0 +1 @@
+{ "semi": false }

package/.storybook/main.js

@@ -0,0 +1,15 @@
+module.exports = {
+  "stories": [
+    "../src/**/*.stories.mdx",
+    "../src/**/*.stories.@(js|jsx|ts|tsx)"
+  ],
+  "addons": [
+    "@storybook/addon-links",
+    "@storybook/addon-essentials",
+    "@storybook/addon-interactions"
+  ],
+  "framework": "@storybook/react",
+  "core": {
+    "builder": "@storybook/builder-webpack5"
+  }
+}

package/.storybook/preview.js

@@ -0,0 +1,9 @@
+export const parameters = {
+  actions: { argTypesRegex: "^on[A-Z].*" },
+  controls: {
+    matchers: {
+      color: /(background|color)$/i,
+      date: /Date$/,
+    },
+  },
+}

package/README.md

@@ -0,0 +1,26 @@
+# Schematic Viewer for TSCircuit
+
+View schematics from [tscircuit jsx](https://tscircuit.com).
+
+## Usage
+
+```tsx
+import { Schematic } from "tscircuit"
+// import { Schematic } from "@tscircuit/schematic-viewer"
+
+export const MyReactApp = () => (
+  return (
+    <Schematic>
+      <resistor name="R1" />
+      <capacitor name="C1" />
+      <trace from=".R1 > .1" to=".C1 > .plus">
+    </Schematic>
+  )
+)
+
+```
+
+## References
+
+- [SVG Path Tool](https://yqnn.github.io/svg-path-editor/)
+- [SVG of Electrical Symbols Wikipedia](https://commons.wikimedia.org/wiki/File:Electrical_symbols_library.svg)

package/ava.config.js

@@ -0,0 +1,7 @@
+// Generated by seam-plop
+module.exports = {
+  files: ["src/tests/**/*.test.ts"],
+  extensions: ["ts"],
+  require: ["esbuild-register"],
+  ignoredByWatcher: [".next", ".nsm"],
+}