@tscircuit/schematic-trace-solver 0.0.24 → 0.0.26

package/tests/examples/__snapshots__/example10.snap.svg

@@ -0,0 +1,135 @@
+<svg width="640" height="640" viewBox="0 0 640 640" xmlns="http://www.w3.org/2000/svg">
+  <rect width="100%" height="100%" fill="white" />
+  <g>
+    <circle data-type="point" data-label="Q1_NPN.1
+y-" data-x="-2.2855604555" data-y="-0.5519250999999993" cx="50.05763517236585" cy="366.03992068458075" r="3" fill="hsl(256, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="Q1_NPN.2
+y+" data-x="-2.2855604555000015" data-y="0.5519250999999993" cx="50.057635172365764" cy="273.96007931541925" r="3" fill="hsl(257, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="Q1_NPN.3
+x+" data-x="-1.5938689350000006" data-y="0.004526300000001031" cx="107.75644746051344" cy="319.62242975904763" r="3" fill="hsl(258, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="Q2_PNP.1
+y-" data-x="3.2144395445" data-y="-0.5519250999999993" cx="508.85098188769814" cy="366.03992068458075" r="3" fill="hsl(79, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="Q2_PNP.2
+y+" data-x="3.2144395444999985" data-y="0.5519250999999993" cx="508.850981887698" cy="273.96007931541925" r="3" fill="hsl(80, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="Q2_PNP.3
+x+" data-x="3.9061310649999994" data-y="0.004526300000001031" cx="566.5497941758457" cy="319.62242975904763" r="3" fill="hsl(81, 100%, 50%, 0.8)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="" data-x="-2.2855604555" data-y="-0.5519250999999993" cx="50.05763517236585" cy="366.03992068458075" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="" data-x="3.2144395445" data-y="-0.5519250999999993" cx="508.85098188769814" cy="366.03992068458075" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="" data-x="-2.2855604555000015" data-y="0.5519250999999993" cx="50.057635172365764" cy="273.96007931541925" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="" data-x="3.2144395444999985" data-y="0.5519250999999993" cx="508.850981887698" cy="273.96007931541925" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="" data-x="-1.5938689350000006" data-y="0.004526300000001031" cx="107.75644746051344" cy="319.62242975904763" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
+  </g>
+  <g>
+    <circle data-type="point" data-label="" data-x="3.9061310649999994" data-y="0.004526300000001031" cx="566.5497941758457" cy="319.62242975904763" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
+  </g>
+  <g>
+    <polyline data-points="-2.2855604555,-0.5519250999999993 3.2144395445,-0.5519250999999993" data-type="line" data-label="" points="50.05763517236585,366.03992068458075 508.85098188769814,366.03992068458075" fill="none" stroke="hsl(157, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
+  </g>
+  <g>
+    <polyline data-points="-2.2855604555000015,0.5519250999999993 3.2144395444999985,0.5519250999999993" data-type="line" data-label="" points="50.057635172365764,273.96007931541925 508.850981887698,273.96007931541925" fill="none" stroke="hsl(102, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
+  </g>
+  <g>
+    <polyline data-points="-1.5938689350000006,0.004526300000001031 3.9061310649999994,0.004526300000001031" data-type="line" data-label="" points="107.75644746051344,319.62242975904763 566.5497941758457,319.62242975904763" fill="none" stroke="hsl(321, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="schematic_component_0" data-x="-2" data-y="0" x="40.00000000000003" y="273.96007931541925" width="67.75644746051341" height="92.0798413691615" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.011987968089285714" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="schematic_component_1" data-x="3.5" data-y="0" x="498.7933467153323" y="273.96007931541925" width="67.75644746051341" height="92.0798413691615" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.011987968089285714" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="" data-x="-2.2855604555" data-y="-0.7529250999999993" x="41.71593795935982" y="366.1233376567108" width="16.683394426012086" height="33.36678885202417" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.011987968089285714" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="" data-x="3.2144395445" data-y="-0.7529250999999993" x="500.5092846746921" y="366.1233376567108" width="16.68339442601217" height="33.36678885202417" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.011987968089285714" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="" data-x="-2.2855604555000015" data-y="0.7529250999999993" x="41.71593795935971" y="240.509873491265" width="16.683394426012086" height="33.36678885202417" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.011987968089285714" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="" data-x="3.2144395444999985" data-y="0.7529250999999993" x="500.50928467469197" y="240.509873491265" width="16.683394426012057" height="33.36678885202417" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.011987968089285714" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="" data-x="-1.3928689350000008" data-y="0.004526300000001031" x="107.83986443264348" y="311.2807325460416" width="33.36678885202417" height="16.683394426012114" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.011987968089285714" />
+  </g>
+  <g>
+    <rect data-type="rect" data-label="" data-x="4.107131065" data-y="0.004526300000001031" x="566.6332111479758" y="311.2807325460416" width="33.36678885202423" height="16.683394426012114" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.011987968089285714" />
+  </g>
+  <g id="crosshair" style="display: none">
+    <line id="crosshair-h" y1="0" y2="640" stroke="#666" stroke-width="0.5" />
+    <line id="crosshair-v" x1="0" x2="640" stroke="#666" stroke-width="0.5" /><text id="coordinates" font-family="monospace" font-size="12" fill="#666"></text>
+  </g>
+  <script>
+    <![CDATA[
+    document.currentScript.parentElement.addEventListener('mousemove', (e) => {
+      const svg = e.currentTarget;
+      const rect = svg.getBoundingClientRect();
+      const x = e.clientX - rect.left;
+      const y = e.clientY - rect.top;
+      const crosshair = svg.getElementById('crosshair');
+      const h = svg.getElementById('crosshair-h');
+      const v = svg.getElementById('crosshair-v');
+      const coords = svg.getElementById('coordinates');
+
+      crosshair.style.display = 'block';
+      h.setAttribute('x1', '0');
+      h.setAttribute('x2', '640');
+      h.setAttribute('y1', y);
+      h.setAttribute('y2', y);
+      v.setAttribute('x1', x);
+      v.setAttribute('x2', x);
+      v.setAttribute('y1', '0');
+      v.setAttribute('y2', '640');
+
+      // Calculate real coordinates using inverse transformation
+      const matrix = {
+        "a": 83.41697213006042,
+        "c": 0,
+        "e": 240.71216799037757,
+        "b": 0,
+        "d": -83.41697213006042,
+        "f": 320
+      };
+      // Manually invert and apply the affine transform
+      // Since we only use translate and scale, we can directly compute:
+      // x' = (x - tx) / sx
+      // y' = (y - ty) / sy
+      const sx = matrix.a;
+      const sy = matrix.d;
+      const tx = matrix.e;
+      const ty = matrix.f;
+      const realPoint = {
+        x: (x - tx) / sx,
+        y: (y - ty) / sy // Flip y back since we used negative scale
+      }
+
+      coords.textContent = `(${realPoint.x.toFixed(2)}, ${realPoint.y.toFixed(2)})`;
+      coords.setAttribute('x', (x + 5).toString());
+      coords.setAttribute('y', (y - 5).toString());
+    });
+    document.currentScript.parentElement.addEventListener('mouseleave', () => {
+      document.currentScript.parentElement.getElementById('crosshair').style.display = 'none';
+    });
+    ]]>
+  </script>
+</svg>

package/tests/examples/example01.test.ts

@@ -0,0 +1,12 @@
+import { test, expect } from "bun:test"
+import { SchematicTracePipelineSolver } from "lib/solvers/SchematicTracePipelineSolver/SchematicTracePipelineSolver"
+import { inputProblem } from "site/examples/example01-basic.page"
+import "tests/fixtures/matcher"
+
+test("example01", () => {
+  const solver = new SchematicTracePipelineSolver(inputProblem)
+
+  solver.solve()
+
+  expect(solver).toMatchSolverSnapshot(import.meta.path)
+})

package/tests/examples/example02.test.ts

@@ -0,0 +1,12 @@
+import { test, expect } from "bun:test"
+import { SchematicTracePipelineSolver } from "lib/solvers/SchematicTracePipelineSolver/SchematicTracePipelineSolver"
+import { inputProblem } from "site/examples/example02.page"
+import "tests/fixtures/matcher"
+
+test("example02", () => {
+  const solver = new SchematicTracePipelineSolver(inputProblem)
+
+  solver.solve()
+
+  expect(solver).toMatchSolverSnapshot(import.meta.path)
+})

package/tests/examples/example03.test.ts

@@ -0,0 +1,12 @@
+import { test, expect } from "bun:test"
+import { SchematicTracePipelineSolver } from "lib/solvers/SchematicTracePipelineSolver/SchematicTracePipelineSolver"
+import { inputProblem } from "site/examples/example03.page"
+import "tests/fixtures/matcher"
+
+test("example03", () => {
+  const solver = new SchematicTracePipelineSolver(inputProblem)
+
+  solver.solve()
+
+  expect(solver).toMatchSolverSnapshot(import.meta.path)
+})

package/tests/examples/example04.test.ts

@@ -0,0 +1,12 @@
+import { test, expect } from "bun:test"
+import { SchematicTracePipelineSolver } from "lib/solvers/SchematicTracePipelineSolver/SchematicTracePipelineSolver"
+import { inputProblem } from "site/examples/example04-single-symbol.page"
+import "tests/fixtures/matcher"
+
+test("example04", () => {
+  const solver = new SchematicTracePipelineSolver(inputProblem)
+
+  solver.solve()
+
+  expect(solver).toMatchSolverSnapshot(import.meta.path)
+})

package/tests/examples/example05.test.ts

@@ -0,0 +1,12 @@
+import { test, expect } from "bun:test"
+import { SchematicTracePipelineSolver } from "lib/solvers/SchematicTracePipelineSolver/SchematicTracePipelineSolver"
+import { inputProblem } from "site/examples/example05.page"
+import "tests/fixtures/matcher"
+
+test("example05", () => {
+  const solver = new SchematicTracePipelineSolver(inputProblem)
+
+  solver.solve()
+
+  expect(solver).toMatchSolverSnapshot(import.meta.path)
+})

package/tests/examples/example06.test.ts

@@ -0,0 +1,12 @@
+import { test, expect } from "bun:test"
+import { SchematicTracePipelineSolver } from "lib/solvers/SchematicTracePipelineSolver/SchematicTracePipelineSolver"
+import { inputProblem } from "site/examples/example06.page"
+import "tests/fixtures/matcher"
+
+test("example06", () => {
+  const solver = new SchematicTracePipelineSolver(inputProblem)
+
+  solver.solve()
+
+  expect(solver).toMatchSolverSnapshot(import.meta.path)
+})

package/tests/examples/example07.test.ts

@@ -0,0 +1,12 @@
+import { test, expect } from "bun:test"
+import { SchematicTracePipelineSolver } from "lib/solvers/SchematicTracePipelineSolver/SchematicTracePipelineSolver"
+import { inputProblem } from "site/examples/example07.page"
+import "tests/fixtures/matcher"
+
+test("example07", () => {
+  const solver = new SchematicTracePipelineSolver(inputProblem)
+
+  solver.solve()
+
+  expect(solver).toMatchSolverSnapshot(import.meta.path)
+})

package/tests/examples/example08.test.ts

@@ -0,0 +1,12 @@
+import { test, expect } from "bun:test"
+import { SchematicTracePipelineSolver } from "lib/solvers/SchematicTracePipelineSolver/SchematicTracePipelineSolver"
+import { inputProblem } from "site/examples/example08.page"
+import "tests/fixtures/matcher"
+
+test("example08", () => {
+  const solver = new SchematicTracePipelineSolver(inputProblem)
+
+  solver.solve()
+
+  expect(solver).toMatchSolverSnapshot(import.meta.path)
+})

package/tests/examples/example09.test.ts

@@ -0,0 +1,12 @@
+import { test, expect } from "bun:test"
+import { SchematicTracePipelineSolver } from "lib/solvers/SchematicTracePipelineSolver/SchematicTracePipelineSolver"
+import { inputProblem } from "site/examples/example09.page"
+import "tests/fixtures/matcher"
+
+test("example09", () => {
+  const solver = new SchematicTracePipelineSolver(inputProblem)
+
+  solver.solve()
+
+  expect(solver).toMatchSolverSnapshot(import.meta.path)
+})

package/tests/examples/example10.test.ts

@@ -0,0 +1,12 @@
+import { test, expect } from "bun:test"
+import { SchematicTracePipelineSolver } from "lib/solvers/SchematicTracePipelineSolver/SchematicTracePipelineSolver"
+import { inputProblem } from "site/examples/example10.page"
+import "tests/fixtures/matcher"
+
+test("example10", () => {
+  const solver = new SchematicTracePipelineSolver(inputProblem)
+
+  solver.solve()
+
+  expect(solver).toMatchSolverSnapshot(import.meta.path)
+})

package/tests/fixtures/matcher.ts

@@ -0,0 +1,62 @@
+import { getSvgFromGraphicsObject, type GraphicsObject } from "graphics-debug"
+import { expect, type MatcherResult } from "bun:test"
+import type { BaseSolver } from "lib/solvers/BaseSolver/BaseSolver"
+
+const getAllElms = (graphicsObject: GraphicsObject) => {
+  return [
+    ...(graphicsObject.lines ?? []),
+    ...(graphicsObject.points ?? []),
+    ...(graphicsObject.rects ?? []),
+    ...(graphicsObject.circles ?? []),
+    ...(graphicsObject.texts ?? []),
+  ]
+}
+
+async function toMatchSolverSnapshot(
+  this: any,
+  received: BaseSolver,
+  testPathOriginal: string,
+  svgName?: string,
+): Promise<MatcherResult> {
+  const graphicsObject = received.visualize()
+
+  const allElms = getAllElms(graphicsObject)
+  const lastStep = allElms.reduce((acc, elm) => {
+    return Math.max(acc, elm.step ?? 0)
+  }, 0)
+
+  graphicsObject.points = graphicsObject.points?.filter(
+    (p) => p.step === lastStep,
+  )
+  graphicsObject.lines = graphicsObject.lines?.filter(
+    (l) => l.step === lastStep,
+  )
+  graphicsObject.rects = graphicsObject.rects?.filter(
+    (r) => r.step === lastStep,
+  )
+  graphicsObject.circles = graphicsObject.circles?.filter(
+    (c) => c.step === lastStep,
+  )
+  graphicsObject.texts = graphicsObject.texts?.filter(
+    (t) => t.step === lastStep,
+  )
+
+  const svg = getSvgFromGraphicsObject(graphicsObject, {
+    backgroundColor: "white",
+  })
+
+  return expect(svg).toMatchSvgSnapshot(testPathOriginal, svgName)
+}
+
+expect.extend({
+  toMatchSolverSnapshot: toMatchSolverSnapshot as any,
+})
+
+declare module "bun:test" {
+  interface Matchers<T = unknown> {
+    toMatchSolverSnapshot(
+      testPath: string,
+      svgName?: string,
+    ): Promise<MatcherResult>
+  }
+}

package/tests/fixtures/preload.ts

@@ -0,0 +1 @@
+import "bun-match-svg"

package/tests/svg.test.ts

@@ -0,0 +1,11 @@
+import { expect, test } from "bun:test"
+
+const testSvg = `<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg">                                       
+   <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" />                                            
+ </svg>`
+
+test("svg snapshot example", async () => {
+  // First run will create the snapshot
+  // Subsequent runs will compare against the saved snapshot
+  await expect(testSvg).toMatchSvgSnapshot(import.meta.path)
+})