@tscircuit/schematic-viewer 2.0.56 → 2.0.57

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tscircuit/schematic-viewer",
-  "version": "2.0.56",
+  "version": "2.0.57",
   "main": "dist/index.js",
   "type": "module",
   "scripts": {
@@ -13,6 +13,9 @@
     "format": "biome format --write .",
     "format:check": "biome format ."
   },
+  "files": [
+    "dist"
+  ],
   "devDependencies": {
     "@biomejs/biome": "^1.9.4",
     "@types/bun": "latest",

package/.github/workflows/bun-formatcheck.yml

@@ -1,26 +0,0 @@
-# Created using @tscircuit/plop (npm install -g @tscircuit/plop)
-name: Format Check
-
-on:
-  push:
-    branches: [main]
-  pull_request:
-    branches: [main]
-
-jobs:
-  format-check:
-    runs-on: ubuntu-latest
-
-    steps:
-      - uses: actions/checkout@v4
-
-      - name: Setup bun
-        uses: oven-sh/setup-bun@v2
-        with:
-          bun-version: latest
-
-      - name: Install dependencies
-        run: bun install
-
-      - name: Run format check
-        run: bun run format:check

package/.github/workflows/bun-pver-release.yml

@@ -1,59 +0,0 @@
-# Created using @tscircuit/plop (npm install -g @tscircuit/plop)
-name: Publish to npm
-on:
-  push:
-    branches:
-      - main
-  workflow_dispatch:
-
-env:
-  UPSTREAM_REPO: "runframe" # for example: "eval"
-  PACKAGE_NAMES: "@tscircuit/schematic-viewer" # comma-separated list, e.g. "@tscircuit/core,@tscircuit/props"
-
-jobs:
-  publish:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-        with:
-          token: ${{ secrets.TSCIRCUIT_BOT_GITHUB_TOKEN }}
-      - name: Setup bun
-        uses: oven-sh/setup-bun@v2
-        with:
-          bun-version: latest
-      - uses: actions/setup-node@v3
-        with:
-          node-version: 20
-          registry-url: https://registry.npmjs.org/
-      - run: npm install -g pver
-      - run: bun install --frozen-lockfile
-      - run: bun run build
-      - run: pver release
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
-          GITHUB_TOKEN: ${{ secrets.TSCIRCUIT_BOT_GITHUB_TOKEN }}
-      - name: Trigger upstream repo update
-        if: env.UPSTREAM_REPO && env.PACKAGE_NAMES
-        run: |
-          curl -X POST \
-            -H "Accept: application/vnd.github.v3+json" \
-            -H "Authorization: token ${{ secrets.TSCIRCUIT_BOT_GITHUB_TOKEN }}" \
-            -H "Content-Type: application/json" \
-            "https://api.github.com/repos/tscircuit/${{ env.UPSTREAM_REPO }}/actions/workflows/update-package.yml/dispatches" \
-            -d "{\"ref\":\"main\",\"inputs\":{\"package_names\":\"${{ env.PACKAGE_NAMES }}\"}}"
-      - name: Notify release-tracker of version update
-        # Continue-on-error just in case the tracker is down
-        continue-on-error: true
-        run: |
-          VERSION=$(node -p "require('./package.json').version")
-          PACKAGE_JSON=$(cat package.json)
-          curl -X POST https://release-tracker.tscircuit.com/release_events/create \
-            -H "Content-Type: application/json" \
-            -d "{
-              \"event\": {
-                \"event_type\": \"versions_updated\",
-                \"repo\": \"tscircuit/schematic-viewer\",
-                \"version\": \"$VERSION\",
-                \"package_json\": $PACKAGE_JSON
-              }
-            }"

package/.github/workflows/bun-typecheck.yml

@@ -1,26 +0,0 @@
-# Created using @tscircuit/plop (npm install -g @tscircuit/plop)
-name: Type Check
-
-on:
-  push:
-    branches: [main]
-  pull_request:
-    branches: [main]
-
-jobs:
-  type-check:
-    runs-on: ubuntu-latest
-
-    steps:
-      - uses: actions/checkout@v3
-
-      - name: Setup bun
-        uses: oven-sh/setup-bun@v1
-        with:
-          bun-version: latest
-
-      - name: Install dependencies
-        run: bun i
-
-      - name: Run type check
-        run: bunx tsc --noEmit

package/.github/workflows/on-merge-inform-release-tracker.yml

@@ -1,24 +0,0 @@
-name: Release Tracker - Feature Merge
-
-on:
-  pull_request:
-    types: [closed]
-
-jobs:
-  track-feature-merge:
-    if: github.event.pull_request.merged == true && github.event.pull_request.base.ref == 'main'
-    runs-on: ubuntu-latest
-    steps:
-      - name: Send feature merge event
-        continue-on-error: true
-        run: |
-          FEATURE_NAME=$(echo "${{ github.event.pull_request.user.login }}: ${{ github.event.pull_request.title }} #${{ github.event.pull_request.number }}" | jq -R .)
-          curl -X POST https://release-tracker.tscircuit.com/release_events/create \
-            -H "Content-Type: application/json" \
-            -d "{
-              \"event\": {
-                \"event_type\": \"feature_merged\",
-                \"repo\": \"tscircuit/schematic-viewer\",
-                \"feature_name\": $FEATURE_NAME
-              }
-            }"

package/CLAUDE.md

@@ -1 +0,0 @@
-- Use `bun`/`bunx` instead of `npm`/`npx`

package/biome.json

@@ -1,56 +0,0 @@
-{
-  "$schema": "https://biomejs.dev/schemas/1.9.3/schema.json",
-  "organizeImports": {
-    "enabled": true
-  },
-  "formatter": {
-    "enabled": true,
-    "indentStyle": "space"
-  },
-  "files": {
-    "ignore": ["cosmos-export", "dist", "package.json"]
-  },
-  "javascript": {
-    "formatter": {
-      "jsxQuoteStyle": "double",
-      "quoteProperties": "asNeeded",
-      "trailingCommas": "all",
-      "semicolons": "asNeeded",
-      "arrowParentheses": "always",
-      "bracketSpacing": true,
-      "bracketSameLine": false
-    }
-  },
-  "linter": {
-    "enabled": true,
-    "rules": {
-      "recommended": true,
-      "suspicious": {
-        "noExplicitAny": "off"
-      },
-      "complexity": {
-        "noForEach": "off"
-      },
-      "correctness": {
-        "useExhaustiveDependencies": "off"
-      },
-      "a11y": {
-        "useKeyWithClickEvents": "off",
-        "noSvgWithoutTitle": "off"
-      },
-      "style": {
-        "noUselessElse": "off",
-        "noNonNullAssertion": "off",
-        "useNumberNamespace": "off",
-        "useFilenamingConvention": {
-          "level": "error",
-          "options": {
-            "strictCase": true,
-            "requireAscii": true,
-            "filenameCases": ["kebab-case", "export"]
-          }
-        }
-      }
-    }
-  }
-}

package/cosmos.config.json

@@ -1,3 +0,0 @@
-{
-  "plugins": ["react-cosmos-plugin-vite"]
-}

package/cosmos.decorator.tsx

@@ -1,3 +0,0 @@
-export default ({ children }: { children: React.ReactNode }) => (
-  <div style={{ width: "100vw", height: "100vh" }}>{children}</div>
-)

package/docs/circuit-to-svg-metadata.md

@@ -1,151 +0,0 @@
-# circuit-to-svg
-
-Circuit to SVG is a library that's used for converting Circuit JSON into an SVG.
-
-Circuit to SVG attaches metadata, classes and ids to the SVG elements to allow
-for interaction.
-
-## Metadata
-
-- `<g data-circuit-json-type="schematic_component" data-schematic-component-id="..."` - The id of the schematic component, the
-  group contains all the relevant elements for the component.
-- `<g data-circuit-json-type="schematic_trace" data-schematic-trace-id="..."` - The id of the schematic trace, the
-  group contains all the relevant elements for the trace.
-
-## Example
-
-Let's consider the following example:
-
-```tsx
-const MyCircuit = () => (
-  <board width="10mm" height="10mm">
-    <resistor name="R1" resistance={1000} schX={-2} />
-    <capacitor name="C1" capacitance="1uF" schX={2} />
-    <trace from=".R1 .pin2" to=".C1 .pin1" />
-  </board>
-)
-```
-
-Will become the following SVG:
-
-```svg
-<svg xmlns="http://www.w3.org/2000/svg" width="1728" height="421" style="background-color: rgb(245, 241, 237)" data-real-to-screen-transform="matrix(264.7769766545,0,0,-264.7769766545,861.6939778772,210.5)">
-  <style>
-    .boundary {
-      fill: rgb(245, 241, 237);
-    }
-
-    .schematic-boundary {
-      fill: none;
-      stroke: #fff;
-    }
-
-    .component {
-      fill: none;
-      stroke: rgb(132, 0, 0);
-    }
-
-    .chip {
-      fill: rgb(255, 255, 194);
-      stroke: rgb(132, 0, 0);
-    }
-
-    .component-pin {
-      fill: none;
-      stroke: rgb(132, 0, 0);
-    }
-
-    .trace:hover {
-      filter: invert(1);
-    }
-
-    .trace:hover .trace-crossing-outline {
-      opacity: 0;
-    }
-
-    .text {
-      font-family: sans-serif;
-      fill: rgb(0, 150, 0);
-    }
-
-    .pin-number {
-      fill: rgb(169, 0, 0);
-    }
-
-    .port-label {
-      fill: rgb(0, 100, 100);
-    }
-
-    .component-name {
-      fill: rgb(0, 100, 100);
-    }
-  </style>
-  <rect class="boundary" x="0" y="0" width="1728" height="421"></rect>
-  <g class="grid">
-    <line x1="-197.41392874079997" y1="421.0000000000242" x2="-197.41392874079997" y2="-2.4243718144134618e-11" stroke="rgb(181, 181, 181)" stroke-width="2.647769766545" stroke-opacity="0.5"></line>
-    <line x1="67.36304791370003" y1="421.0000000000242" x2="67.36304791370003" y2="-2.4243718144134618e-11" stroke="rgb(181, 181, 181)" stroke-width="2.647769766545" stroke-opacity="0.5"></line>
-    <line x1="332.14002456820003" y1="421.0000000000242" x2="332.14002456820003" y2="-2.4243718144134618e-11" stroke="rgb(181, 181, 181)" stroke-width="2.647769766545" stroke-opacity="0.5"></line>
-    <line x1="596.9170012227" y1="421.0000000000242" x2="596.9170012227" y2="-2.4243718144134618e-11" stroke="rgb(181, 181, 181)" stroke-width="2.647769766545" stroke-opacity="0.5"></line>
-    <line x1="861.6939778772" y1="421.0000000000242" x2="861.6939778772" y2="-2.4243718144134618e-11" stroke="rgb(181, 181, 181)" stroke-width="2.647769766545" stroke-opacity="0.5"></line>
-    <line x1="1126.4709545317" y1="421.0000000000242" x2="1126.4709545317" y2="-2.4243718144134618e-11" stroke="rgb(181, 181, 181)" stroke-width="2.647769766545" stroke-opacity="0.5"></line>
-    <line x1="1391.2479311862" y1="421.0000000000242" x2="1391.2479311862" y2="-2.4243718144134618e-11" stroke="rgb(181, 181, 181)" stroke-width="2.647769766545" stroke-opacity="0.5"></line>
-    <line x1="1656.0249078407" y1="421.0000000000242" x2="1656.0249078407" y2="-2.4243718144134618e-11" stroke="rgb(181, 181, 181)" stroke-width="2.647769766545" stroke-opacity="0.5"></line>
-    <line x1="1920.8018844952" y1="421.0000000000242" x2="1920.8018844952" y2="-2.4243718144134618e-11" stroke="rgb(181, 181, 181)" stroke-width="2.647769766545" stroke-opacity="0.5"></line>
-    <line x1="31.938350863210758" y1="475.2769766545" x2="1696.0616491367432" y2="475.2769766545" stroke="rgb(181, 181, 181)" stroke-width="2.647769766545" stroke-opacity="0.5"></line>
-    <line x1="31.938350863210758" y1="210.5" x2="1696.0616491367432" y2="210.5" stroke="rgb(181, 181, 181)" stroke-width="2.647769766545" stroke-opacity="0.5"></line>
-    <line x1="31.938350863210758" y1="-54.276976654500004" x2="1696.0616491367432" y2="-54.276976654500004" stroke="rgb(181, 181, 181)" stroke-width="2.647769766545" stroke-opacity="0.5"></line>
-    <text x="-199.91392874079997" y="470.2769766545" fill="rgb(181, 181, 181)" font-size="52.955395330900004" fill-opacity="0.5" text-anchor="middle" dominant-baseline="middle" font-family="sans-serif">-4,-1</text>
-    <text x="-199.91392874079997" y="205.5" fill="rgb(181, 181, 181)" font-size="52.955395330900004" fill-opacity="0.5" text-anchor="middle" dominant-baseline="middle" font-family="sans-serif">-4,0</text>
-    <text x="-199.91392874079997" y="-59.276976654500004" fill="rgb(181, 181, 181)" font-size="52.955395330900004" fill-opacity="0.5" text-anchor="middle" dominant-baseline="middle" font-family="sans-serif">-4,1</text>
-    <text x="64.86304791370003" y="470.2769766545" fill="rgb(181, 181, 181)" font-size="52.955395330900004" fill-opacity="0.5" text-anchor="middle" dominant-baseline="middle" font-family="sans-serif">-3,-1</text>
-    <text x="64.86304791370003" y="205.5" fill="rgb(181, 181, 181)" font-size="52.955395330900004" fill-opacity="0.5" text-anchor="middle" dominant-baseline="middle" font-family="sans-serif">-3,0</text>
-    <text x="64.86304791370003" y="-59.276976654500004" fill="rgb(181, 181, 181)" font-size="52.955395330900004" fill-opacity="0.5" text-anchor="middle" dominant-baseline="middle" font-family="sans-serif">-3,1</text>
-    <text x="329.64002456820003" y="470.2769766545" fill="rgb(181, 181, 181)" font-size="52.955395330900004" fill-opacity="0.5" text-anchor="middle" dominant-baseline="middle" font-family="sans-serif">-2,-1</text>
-    <text x="329.64002456820003" y="205.5" fill="rgb(181, 181, 181)" font-size="52.955395330900004" fill-opacity="0.5" text-anchor="middle" dominant-baseline="middle" font-family="sans-serif">-2,0</text>
-    <text x="329.64002456820003" y="-59.276976654500004" fill="rgb(181, 181, 181)" font-size="52.955395330900004" fill-opacity="0.5" text-anchor="middle" dominant-baseline="middle" font-family="sans-serif">-2,1</text>
-    <text x="594.4170012227" y="470.2769766545" fill="rgb(181, 181, 181)" font-size="52.955395330900004" fill-opacity="0.5" text-anchor="middle" dominant-baseline="middle" font-family="sans-serif">-1,-1</text>
-    <text x="594.4170012227" y="205.5" fill="rgb(181, 181, 181)" font-size="52.955395330900004" fill-opacity="0.5" text-anchor="middle" dominant-baseline="middle" font-family="sans-serif">-1,0</text>
-    <text x="594.4170012227" y="-59.276976654500004" fill="rgb(181, 181, 181)" font-size="52.955395330900004" fill-opacity="0.5" text-anchor="middle" dominant-baseline="middle" font-family="sans-serif">-1,1</text>
-    <text x="859.1939778772" y="470.2769766545" fill="rgb(181, 181, 181)" font-size="52.955395330900004" fill-opacity="0.5" text-anchor="middle" dominant-baseline="middle" font-family="sans-serif">0,-1</text>
-    <text x="859.1939778772" y="205.5" fill="rgb(181, 181, 181)" font-size="52.955395330900004" fill-opacity="0.5" text-anchor="middle" dominant-baseline="middle" font-family="sans-serif">0,0</text>
-    <text x="859.1939778772" y="-59.276976654500004" fill="rgb(181, 181, 181)" font-size="52.955395330900004" fill-opacity="0.5" text-anchor="middle" dominant-baseline="middle" font-family="sans-serif">0,1</text>
-    <text x="1123.9709545317" y="470.2769766545" fill="rgb(181, 181, 181)" font-size="52.955395330900004" fill-opacity="0.5" text-anchor="middle" dominant-baseline="middle" font-family="sans-serif">1,-1</text>
-    <text x="1123.9709545317" y="205.5" fill="rgb(181, 181, 181)" font-size="52.955395330900004" fill-opacity="0.5" text-anchor="middle" dominant-baseline="middle" font-family="sans-serif">1,0</text>
-    <text x="1123.9709545317" y="-59.276976654500004" fill="rgb(181, 181, 181)" font-size="52.955395330900004" fill-opacity="0.5" text-anchor="middle" dominant-baseline="middle" font-family="sans-serif">1,1</text>
-    <text x="1388.7479311862" y="470.2769766545" fill="rgb(181, 181, 181)" font-size="52.955395330900004" fill-opacity="0.5" text-anchor="middle" dominant-baseline="middle" font-family="sans-serif">2,-1</text>
-    <text x="1388.7479311862" y="205.5" fill="rgb(181, 181, 181)" font-size="52.955395330900004" fill-opacity="0.5" text-anchor="middle" dominant-baseline="middle" font-family="sans-serif">2,0</text>
-    <text x="1388.7479311862" y="-59.276976654500004" fill="rgb(181, 181, 181)" font-size="52.955395330900004" fill-opacity="0.5" text-anchor="middle" dominant-baseline="middle" font-family="sans-serif">2,1</text>
-    <text x="1653.5249078407" y="470.2769766545" fill="rgb(181, 181, 181)" font-size="52.955395330900004" fill-opacity="0.5" text-anchor="middle" dominant-baseline="middle" font-family="sans-serif">3,-1</text>
-    <text x="1653.5249078407" y="205.5" fill="rgb(181, 181, 181)" font-size="52.955395330900004" fill-opacity="0.5" text-anchor="middle" dominant-baseline="middle" font-family="sans-serif">3,0</text>
-    <text x="1653.5249078407" y="-59.276976654500004" fill="rgb(181, 181, 181)" font-size="52.955395330900004" fill-opacity="0.5" text-anchor="middle" dominant-baseline="middle" font-family="sans-serif">3,1</text>
-    <text x="1918.3018844952" y="470.2769766545" fill="rgb(181, 181, 181)" font-size="52.955395330900004" fill-opacity="0.5" text-anchor="middle" dominant-baseline="middle" font-family="sans-serif">4,-1</text>
-    <text x="1918.3018844952" y="205.5" fill="rgb(181, 181, 181)" font-size="52.955395330900004" fill-opacity="0.5" text-anchor="middle" dominant-baseline="middle" font-family="sans-serif">4,0</text>
-    <text x="1918.3018844952" y="-59.276976654500004" fill="rgb(181, 181, 181)" font-size="52.955395330900004" fill-opacity="0.5" text-anchor="middle" dominant-baseline="middle" font-family="sans-serif">4,1</text>
-  </g>
-  <g data-circuit-json-type="schematic_component" data-schematic-component-id="schematic_component_0" style="">
-    <rect class="component-overlay" x="196.61371724601327" y="174.45583073493046" width="280.2222914667798" height="70.05559272496805" fill="transparent"></rect>
-    <path d="M 196.61371724601327 209.48362709741448 L 266.66928349328373 209.48362709741448" stroke="rgb(132, 0, 0)" fill="none" stroke-width="5.29553953309px"></path>
-    <path d="M 406.78041598782505 209.48362709741448 L 476.83600871279305 209.48362709741448" stroke="rgb(132, 0, 0)" fill="none" stroke-width="5.29553953309px"></path>
-    <path d="M 336.7248232628566 244.5114234598985 L 406.78038951012707 244.5114234598985 L 406.78038951012707 174.45583073493046 L 266.6692305378881 174.45583073493046 L 266.6692305378881 244.5114234598985 L 336.72482326285615 244.5114234598985" stroke="rgb(132, 0, 0)" fill="none" stroke-width="5.29553953309px"></path>
-    <text x="331.762770331863" y="263.45486577694686" dominant-baseline="hanging" text-anchor="middle" font-family="sans-serif" font-size="47.659855797809996px">R1</text>
-    <text x="332.0174857834045" y="131.06743655760317" dominant-baseline="auto" text-anchor="middle" font-family="sans-serif" font-size="47.659855797809996px">1kΩ</text>
-    <circle cx="190.80453685591092" cy="209.38931353832953" r="5.29553953309px" stroke-width="5.29553953309px" fill="none" stroke="rgb(132, 0, 0)"></circle>
-    <circle cx="473.4755122804894" cy="209.2446129205882" r="5.29553953309px" stroke-width="5.29553953309px" fill="none" stroke="rgb(132, 0, 0)"></circle>
-  </g>
-  <g data-circuit-json-type="schematic_component" data-schematic-component-id="schematic_component_1" style="">
-    <rect class="component-overlay" x="1249.4875293817756" y="131.78175188522167" width="280.22229146678" height="140.11113249454112" fill="transparent"></rect>
-    <path d="M 1529.7098208485556 201.83731813249176 L 1410.6153608759655 201.83731813249176" stroke="rgb(132, 0, 0)" fill="none" stroke-width="5.29553953309px"></path>
-    <path d="M 1368.5820158320637 201.83731813249176 L 1249.4875293817756 201.83731813249176" stroke="rgb(132, 0, 0)" fill="none" stroke-width="5.29553953309px"></path>
-    <path d="M 1410.6153608759655 271.8928843797628 L 1410.6153608759655 131.78175188522167" stroke="rgb(132, 0, 0)" fill="none" stroke-width="5.29553953309px"></path>
-    <path d="M 1368.5820158320637 271.8928843797628 L 1368.5820158320637 131.78175188522167" stroke="rgb(132, 0, 0)" fill="none" stroke-width="5.29553953309px"></path>
-    <text x="1387.8417077700283" y="308.4697849218618" dominant-baseline="hanging" text-anchor="middle" font-family="sans-serif" font-size="47.659855797809996px">C1</text>
-    <text x="1390.2284074375918" y="86.05251741268826" dominant-baseline="auto" text-anchor="middle" font-family="sans-serif" font-size="47.659855797809996px">1µF</text>
-    <circle cx="1245.3003992283566" cy="201.5983039556664" r="5.29553953309px" stroke-width="5.29553953309px" fill="none" stroke="rgb(132, 0, 0)"></circle>
-    <circle cx="1537.1954631440433" cy="201.74300457340775" r="5.29553953309px" stroke-width="5.29553953309px" fill="none" stroke="rgb(132, 0, 0)"></circle>
-  </g>
-  <g class="trace" data-circuit-json-type="schematic_trace" data-schematic-trace-id="schematic_trace_0">
-    <path d="M 473.47551228048934 209.2446129205882 L 1205.5838527301817 209.2446129205882 L 1245.3003992283566 209.2446129205882 L 1245.3003992283566 201.59830395566638" class="trace-invisible-hover-outline" stroke="rgb(0, 150, 0)" fill="none" stroke-width="42.36431626472px" stroke-linecap="round" opacity="0" stroke-linejoin="round"></path>
-    <path d="M 473.47551228048934 209.2446129205882 L 1205.5838527301817 209.2446129205882 L 1245.3003992283566 209.2446129205882 L 1245.3003992283566 201.59830395566638" stroke="rgb(0, 150, 0)" fill="none" stroke-width="5.29553953309px" stroke-linecap="round" stroke-linejoin="round"></path>
-  </g>
-</svg>
-```

package/docs/dragndrop-spec.md

@@ -1,39 +0,0 @@
-# Drag and Drop Feature Specification
-
-Drag'n'drop allows users to move schematic components inside the schematic
-viewer.
-
-It uses the "edit event architecture" to manage edits. Here's how it works:
-
-- When the user starts dragging a component, there is an `activeEditEvent` that
-  specifies the component to be moved
-- When the user releases the mouse button, the `activeEditEvent` is committed
-  via the `onEditEvent` callback
-- The schematic viewer applies any edit events passed to it via the `editEvents`
-  prop
-
-## Types
-
-The following is an excerpt from the types of the `@tscircuit/props` package,
-which should be imported.
-
-```tsx
-export interface BaseManualEditEvent {
-  edit_event_id: string
-  in_progress?: boolean
-  created_at: number
-}
-
-export interface EditSchematicComponentLocationEvent
-  extends BaseManualEditEvent {
-  edit_event_type: "edit_schematic_component_location"
-  schematic_component_id: string
-  original_center: { x: number; y: number }
-  new_center: { x: number; y: number }
-}
-
-export type ManualEditEvent =
-  | EditPcbComponentLocationEvent
-  | EditTraceHintEvent
-  | EditSchematicComponentLocationEvent
-```

package/examples/example1-resistor-and-capacitor.fixture.tsx

@@ -1,16 +0,0 @@
-import { ControlledSchematicViewer } from "lib/components/ControlledSchematicViewer"
-import { renderToCircuitJson } from "lib/dev/render-to-circuit-json"
-
-export default () => (
-  <ControlledSchematicViewer
-    circuitJson={renderToCircuitJson(
-      <board width="10mm" height="10mm">
-        <resistor name="R1" resistance={1000} schX={-2} />
-        <capacitor name="C1" capacitance="1uF" schX={2} />
-        <trace from=".R1 .pin2" to=".C1 .pin1" />
-      </board>,
-    )}
-    containerStyle={{ height: "100%" }}
-    debugGrid
-  />
-)

package/examples/example10-groups-view-schematic-groups.fixture.tsx

@@ -1,76 +0,0 @@
-import { SchematicViewer } from "lib/components/SchematicViewer"
-import { renderToCircuitJson } from "lib/dev/render-to-circuit-json"
-
-const circuitJson = renderToCircuitJson(
-  <board>
-    <group schX={-10} schY={10} name="Alpha Node">
-      <resistor resistance="1k" footprint="0402" name="R1" schX={3} />
-      <capacitor capacitance="1000pF" footprint="0402" name="C1" schX={-3} />
-      <trace from=".R1 > .pin1" to=".C1 > .pin1" />
-    </group>
-
-    <group schX={15} schY={-5} name="Blue Bridge">
-      <resistor resistance="4.7k" footprint="0603" name="R2" schX={2} />
-      <capacitor capacitance="220nF" footprint="0603" name="C2" schX={-2} />
-      <trace from=".R2 > .pin1" to=".C2 > .pin1" />
-    </group>
-
-    <group schX={-20} schY={-15} name="Copper Point">
-      <resistor resistance="10k" footprint="0805" name="R3" schX={1} />
-    </group>
-
-    <group schX={5} schY={20} name="Echo Ridge">
-      <capacitor capacitance="10uF" footprint="0805" name="C4" schX={-1} />
-    </group>
-
-    <group schX={12} schY={12} name="Delta Gate">
-      <resistor resistance="220" footprint="0402" name="R5" schX={3} />
-      <capacitor capacitance="470pF" footprint="0402" name="C5" schX={-3} />
-      <trace from=".R5 > .pin1" to=".C5 > .pin1" />
-    </group>
-
-    <group schX={-8} schY={-8} name="Flux Node">
-      <resistor resistance="330" footprint="0603" name="R6" schX={2} />
-    </group>
-
-    <group schX={18} schY={-12} name="Silver Pad">
-      <capacitor capacitance="1uF" footprint="0603" name="C7" schX={-2} />
-    </group>
-
-    <group schX={-14} schY={6} name="Gamma Port">
-      <resistor resistance="5.6k" footprint="0402" name="R8" schX={2} />
-      <capacitor capacitance="330pF" footprint="0402" name="C8" schX={-2} />
-      <trace from=".R8 > .pin1" to=".C8 > .pin1" />
-    </group>
-
-    {/* Nested group example */}
-    <group schX={-5} schY={-18} name="Orion Hub">
-      <resistor resistance="2k" footprint="0402" name="R9" schX={2} />
-      <capacitor capacitance="2.2uF" footprint="0603" name="C9" schX={-2} />
-      <trace from=".R9 > .pin1" to=".C9 > .pin1" />
-
-      <group schX={3} schY={-3} name="Nova Cell">
-        <resistor resistance="6.8k" footprint="0402" name="R10" schX={1} />
-        <capacitor capacitance="150pF" footprint="0402" name="C10" schX={-1} />
-        <trace from=".R10 > .pin1" to=".C10 > .pin1" />
-      </group>
-    </group>
-  </board>,
-)
-
-export default () => {
-  return (
-    <div style={{ position: "relative", height: "100%" }}>
-      <SchematicViewer
-        circuitJson={circuitJson}
-        containerStyle={{
-          width: "100vw",
-          height: "100vh",
-          backgroundColor: "#f8f9fa",
-        }}
-        debugGrid={false}
-        editingEnabled={false}
-      />
-    </div>
-  )
-}

package/examples/example11-automatic-grouping-view-schematic-groups.fixture.tsx

@@ -1,109 +0,0 @@
-import { SchematicViewer } from "lib/components/SchematicViewer"
-import { renderToCircuitJson } from "lib/dev/render-to-circuit-json"
-
-const circuitJson = renderToCircuitJson(
-  <board width="60mm" height="40mm">
-    {/* Multiple Resistors - Will form "Resistors" group */}
-    <group name="Resistors">
-      <resistor name="R1" resistance={1000} schX={-15} schY={5} />
-      <resistor name="R2" resistance={2200} schX={-10} schY={5} />
-      <resistor name="R3" resistance={4700} schX={-5} schY={5} />
-      <resistor name="R4" resistance={330} schX={0} schY={8} />
-      <resistor name="R5" resistance={220} schX={5} schY={8} />
-    </group>
-
-    {/* Multiple Capacitors - Will form "Capacitors" group */}
-    <group name="Capacitors">
-      <capacitor name="C1" capacitance="100uF" schX={-15} schY={0} />
-      <capacitor name="C2" capacitance="10uF" schX={-10} schY={0} />
-      <capacitor name="C3" capacitance="1uF" schX={-5} schY={0} />
-      <capacitor name="C4" capacitance="100nF" schX={0} schY={0} />
-    </group>
-
-    {/* Multiple ICs/Chips - Will form "Chips" group */}
-    <group name="Chips">
-      <chip
-        name="U1"
-        footprint="soic8"
-        schX={10}
-        schY={5}
-        pinLabels={{
-          "1": "VIN",
-          "2": "GND",
-          "3": "EN",
-          "4": "VOUT",
-        }}
-      />
-      <chip
-        name="U2"
-        footprint="soic14"
-        schX={15}
-        schY={5}
-        pinLabels={{
-          "1": "IN",
-          "2": "OUT",
-          "3": "VCC",
-          "4": "GND",
-        }}
-      />
-      <chip
-        name="U3"
-        footprint="sot23"
-        schX={20}
-        schY={5}
-        pinLabels={{
-          "1": "A",
-          "2": "B",
-          "3": "C",
-        }}
-      />
-    </group>
-
-    {/* Multiple LEDs - Will form "Leds" group */}
-    <group name="Leds">
-      <led name="LED1" schX={10} schY={0} />
-      <led name="LED2" schX={15} schY={0} />
-      <led name="LED3" schX={20} schY={0} />
-    </group>
-
-    {/* Multiple Inductors - Will form "Inductors" group */}
-    <group name="Inductors">
-      <inductor name="L1" inductance="100uH" schX={-15} schY={-5} />
-      <inductor name="L2" inductance="22uH" schX={-10} schY={-5} />
-    </group>
-
-    {/* Multiple Diodes - Will form "Diodes" group */}
-    <group name="Diodes">
-      <diode name="D1" schX={-5} schY={-5} />
-      <diode name="D2" schX={0} schY={-5} />
-    </group>
-
-    {/* Some connections */}
-    <trace from=".R1 .pin2" to=".R2 .pin1" />
-    <trace from=".R2 .pin2" to=".R3 .pin1" />
-    <trace from=".C1 .pin1" to=".U1 .pin1" />
-    <trace from=".C2 .pin1" to=".U2 .pin3" />
-    <trace from=".U1 .pin4" to=".LED1 .pin1" />
-    <trace from=".U2 .pin2" to=".LED2 .pin1" />
-    <trace from=".R4 .pin1" to=".LED1 .pin2" />
-    <trace from=".R5 .pin1" to=".LED2 .pin2" />
-    <trace from=".L1 .pin1" to=".D1 .pin1" />
-    <trace from=".L2 .pin1" to=".D2 .pin1" />
-  </board>,
-)
-export default () => {
-  return (
-    <div style={{ position: "relative", height: "100%" }}>
-      <SchematicViewer
-        circuitJson={circuitJson}
-        containerStyle={{
-          width: "100%",
-          height: "100%",
-          backgroundColor: "#f8f9fa",
-        }}
-        debugGrid={false}
-        editingEnabled={false}
-      />
-    </div>
-  )
-}