@tscircuit/schematic-trace-solver 0.0.25 → 0.0.26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (46) hide show
  1. package/.github/workflows/bun-test.yml +8 -0
  2. package/README.md +28 -0
  3. package/bunfig.toml +2 -2
  4. package/dist/index.js +23 -6136
  5. package/lib/solvers/NetLabelPlacementSolver/NetLabelPlacementSolver.ts +0 -1
  6. package/lib/solvers/NetLabelPlacementSolver/SingleNetLabelPlacementSolver/SingleNetLabelPlacementSolver_visualize.ts +0 -1
  7. package/lib/solvers/SchematicTraceLinesSolver/SchematicTraceLinesSolver.ts +0 -2
  8. package/lib/solvers/SchematicTraceLinesSolver/SchematicTraceSingleLineSolver/SchematicTraceSingleLineSolver.ts +0 -1
  9. package/lib/solvers/TraceOverlapShiftSolver/TraceOverlapIssueSolver/TraceOverlapIssueSolver.ts +0 -2
  10. package/lib/solvers/TraceOverlapShiftSolver/TraceOverlapShiftSolver.ts +0 -1
  11. package/package.json +6 -7
  12. package/site/components/DownloadDropdown.tsx +4 -2
  13. package/site/examples/example01-basic.page.tsx +1 -1
  14. package/site/examples/example02.page.tsx +1 -1
  15. package/site/examples/example03.page.tsx +1 -1
  16. package/site/examples/example04-single-symbol.page.tsx +1 -1
  17. package/site/examples/example05.page.tsx +1 -1
  18. package/site/examples/example06.page.tsx +1 -1
  19. package/site/examples/example07.page.tsx +1 -1
  20. package/site/examples/example08.page.tsx +1 -1
  21. package/site/examples/example09.page.tsx +1 -1
  22. package/site/examples/example10.page.tsx +1 -1
  23. package/tests/__snapshots__/svg.snap.svg +3 -0
  24. package/tests/examples/__snapshots__/example01.snap.svg +157 -0
  25. package/tests/examples/__snapshots__/example02.snap.svg +262 -0
  26. package/tests/examples/__snapshots__/example03.snap.svg +282 -0
  27. package/tests/examples/__snapshots__/example04.snap.svg +87 -0
  28. package/tests/examples/__snapshots__/example05.snap.svg +190 -0
  29. package/tests/examples/__snapshots__/example06.snap.svg +94 -0
  30. package/tests/examples/__snapshots__/example07.snap.svg +204 -0
  31. package/tests/examples/__snapshots__/example08.snap.svg +136 -0
  32. package/tests/examples/__snapshots__/example09.snap.svg +484 -0
  33. package/tests/examples/__snapshots__/example10.snap.svg +135 -0
  34. package/tests/examples/example01.test.ts +12 -0
  35. package/tests/examples/example02.test.ts +12 -0
  36. package/tests/examples/example03.test.ts +12 -0
  37. package/tests/examples/example04.test.ts +12 -0
  38. package/tests/examples/example05.test.ts +12 -0
  39. package/tests/examples/example06.test.ts +12 -0
  40. package/tests/examples/example07.test.ts +12 -0
  41. package/tests/examples/example08.test.ts +12 -0
  42. package/tests/examples/example09.test.ts +12 -0
  43. package/tests/examples/example10.test.ts +12 -0
  44. package/tests/fixtures/matcher.ts +62 -0
  45. package/tests/fixtures/preload.ts +1 -0
  46. package/tests/svg.test.ts +11 -0
package/tests/examples/__snapshots__/example02.snap.svg ADDED
@@ -0,0 +1,262 @@
1
+ <svg width="640" height="640" viewBox="0 0 640 640" xmlns="http://www.w3.org/2000/svg">
2
+ <rect width="100%" height="100%" fill="white" />
3
+ <g>
4
+ <circle data-type="point" data-label="C6.1
5
+ y+" data-x="-1.9148566499999995" data-y="1.1024186000000005" cx="253.50330794975545" cy="239.34995906700078" r="3" fill="hsl(246, 100%, 50%, 0.8)" />
6
+ </g>
7
+ <g>
8
+ <circle data-type="point" data-label="C6.2
9
+ y-" data-x="-1.9143099500000003" data-y="0" cx="253.54957777529776" cy="332.6528972353812" r="3" fill="hsl(247, 100%, 50%, 0.8)" />
10
+ </g>
11
+ <g>
12
+ <circle data-type="point" data-label="C1.1
13
+ y+" data-x="-4.173189849999999" data-y="1.1024186000000002" cx="62.36981027183117" cy="239.3499590670008" r="3" fill="hsl(121, 100%, 50%, 0.8)" />
14
+ </g>
15
+ <g>
16
+ <circle data-type="point" data-label="C1.2
17
+ y-" data-x="-4.17264315" data-y="-2.220446049250313e-16" cx="62.41608009737348" cy="332.6528972353812" r="3" fill="hsl(122, 100%, 50%, 0.8)" />
18
+ </g>
19
+ <g>
20
+ <circle data-type="point" data-label="C2.1
21
+ y+" data-x="-3.0440232499999995" data-y="1.1024186000000002" cx="157.93655911079327" cy="239.3499590670008" r="3" fill="hsl(2, 100%, 50%, 0.8)" />
22
+ </g>
23
+ <g>
24
+ <circle data-type="point" data-label="C2.2
25
+ y-" data-x="-3.0434765500000003" data-y="-2.220446049250313e-16" cx="157.98282893633558" cy="332.6528972353812" r="3" fill="hsl(3, 100%, 50%, 0.8)" />
26
+ </g>
27
+ <g>
28
+ <circle data-type="point" data-label="C5.1
29
+ y+" data-x="1.9143099500000003" data-y="0.09999999999999964" cx="577.5839199026265" cy="324.189420823755" r="3" fill="hsl(5, 100%, 50%, 0.8)" />
30
+ </g>
31
+ <g>
32
+ <circle data-type="point" data-label="C5.2
33
+ y-" data-x="1.9148566499999995" data-y="-1.0024186000000008" cx="577.6301897281687" cy="417.4923589921354" r="3" fill="hsl(6, 100%, 50%, 0.8)" />
34
+ </g>
35
+ <g>
36
+ <circle data-type="point" data-label="U1.1
37
+ x-" data-x="-1" data-y="0.2" cx="330.93198472269955" cy="315.7259444121287" r="3" fill="hsl(319, 100%, 50%, 0.8)" />
38
+ </g>
39
+ <g>
40
+ <circle data-type="point" data-label="U1.2
41
+ x-" data-x="-1" data-y="0" cx="330.93198472269955" cy="332.6528972353812" r="3" fill="hsl(320, 100%, 50%, 0.8)" />
42
+ </g>
43
+ <g>
44
+ <circle data-type="point" data-label="U1.3
45
+ x-" data-x="-1" data-y="-0.2" cx="330.93198472269955" cy="349.5798500586337" r="3" fill="hsl(321, 100%, 50%, 0.8)" />
46
+ </g>
47
+ <g>
48
+ <circle data-type="point" data-label="U1.4
49
+ x+" data-x="1" data-y="-0.1" cx="500.20151295522464" cy="341.11637364700744" r="3" fill="hsl(322, 100%, 50%, 0.8)" />
50
+ </g>
51
+ <g>
52
+ <circle data-type="point" data-label="U1.5
53
+ x+" data-x="1" data-y="0.1" cx="500.20151295522464" cy="324.189420823755" r="3" fill="hsl(323, 100%, 50%, 0.8)" />
54
+ </g>
55
+ <g>
56
+ <circle data-type="point" data-label="" data-x="-1.4574283249999997" data-y="1.3024186000000004" cx="292.2176463362275" cy="222.4230062437483" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
57
+ </g>
58
+ <g>
59
+ <circle data-type="point" data-label="" data-x="-3.0434765500000003" data-y="-0.2000000000000004" cx="157.98282893633558" cy="349.5798500586337" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
60
+ </g>
61
+ <g>
62
+ <circle data-type="point" data-label="" data-x="1.9148566499999995" data-y="-1.0024186000000008" cx="577.6301897281687" cy="417.4923589921354" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
63
+ </g>
64
+ <g>
65
+ <circle data-type="point" data-label="" data-x="1.4571549750000001" data-y="0.1" cx="538.8927164289255" cy="324.189420823755" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
66
+ </g>
67
+ <g>
68
+ <polyline data-points="-1,0.2 -1.9148566499999995,1.1024186000000005" data-type="line" data-label="" points="330.93198472269955,315.7259444121287 253.50330794975545,239.34995906700078" fill="none" stroke="hsl(248, 100%, 50%, 0.8)" stroke-width="1" />
69
+ </g>
70
+ <g>
71
+ <polyline data-points="-1,0.2 -4.173189849999999,1.1024186000000002" data-type="line" data-label="" points="330.93198472269955,315.7259444121287 62.36981027183117,239.3499590670008" fill="none" stroke="hsl(248, 100%, 50%, 0.8)" stroke-width="1" />
72
+ </g>
73
+ <g>
74
+ <polyline data-points="-1,0.2 -3.0440232499999995,1.1024186000000002" data-type="line" data-label="" points="330.93198472269955,315.7259444121287 157.93655911079327,239.3499590670008" fill="none" stroke="hsl(248, 100%, 50%, 0.8)" stroke-width="1" />
75
+ </g>
76
+ <g>
77
+ <polyline data-points="-1,0 -1.9143099500000003,0" data-type="line" data-label="" points="330.93198472269955,332.6528972353812 253.54957777529776,332.6528972353812" fill="none" stroke="hsl(248, 100%, 50%, 0.8)" stroke-width="1" />
78
+ </g>
79
+ <g>
80
+ <polyline data-points="-1,0 -4.17264315,-2.220446049250313e-16" data-type="line" data-label="" points="330.93198472269955,332.6528972353812 62.41608009737348,332.6528972353812" fill="none" stroke="hsl(248, 100%, 50%, 0.8)" stroke-width="1" />
81
+ </g>
82
+ <g>
83
+ <polyline data-points="-1,0 -3.0434765500000003,-2.220446049250313e-16" data-type="line" data-label="" points="330.93198472269955,332.6528972353812 157.98282893633558,332.6528972353812" fill="none" stroke="hsl(248, 100%, 50%, 0.8)" stroke-width="1" />
84
+ </g>
85
+ <g>
86
+ <polyline data-points="-1,-0.2 -1,0.2" data-type="line" data-label="" points="330.93198472269955,349.5798500586337 330.93198472269955,315.7259444121287" fill="none" stroke="hsl(208, 100%, 50%, 0.8)" stroke-width="1" />
87
+ </g>
88
+ <g>
89
+ <polyline data-points="1,0.1 1.9143099500000003,0.09999999999999964" data-type="line" data-label="" points="500.20151295522464,324.189420823755 577.5839199026265,324.189420823755" fill="none" stroke="hsl(48, 100%, 50%, 0.8)" stroke-width="1" />
90
+ </g>
91
+ <g>
92
+ <polyline data-points="-1.9148566499999995,1.1024186000000005 -4.173189849999999,1.1024186000000002" data-type="line" data-label="" points="253.50330794975545,239.34995906700078 62.36981027183117,239.3499590670008" fill="none" stroke="hsl(71, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
93
+ </g>
94
+ <g>
95
+ <polyline data-points="-1.9148566499999995,1.1024186000000005 -3.0440232499999995,1.1024186000000002" data-type="line" data-label="" points="253.50330794975545,239.34995906700078 157.93655911079327,239.3499590670008" fill="none" stroke="hsl(71, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
96
+ </g>
97
+ <g>
98
+ <polyline data-points="-1.9148566499999995,1.1024186000000005 -1,0.2" data-type="line" data-label="" points="253.50330794975545,239.34995906700078 330.93198472269955,315.7259444121287" fill="none" stroke="hsl(71, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
99
+ </g>
100
+ <g>
101
+ <polyline data-points="-1.9148566499999995,1.1024186000000005 -1,-0.2" data-type="line" data-label="" points="253.50330794975545,239.34995906700078 330.93198472269955,349.5798500586337" fill="none" stroke="hsl(71, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
102
+ </g>
103
+ <g>
104
+ <polyline data-points="-4.173189849999999,1.1024186000000002 -3.0440232499999995,1.1024186000000002" data-type="line" data-label="" points="62.36981027183117,239.3499590670008 157.93655911079327,239.3499590670008" fill="none" stroke="hsl(71, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
105
+ </g>
106
+ <g>
107
+ <polyline data-points="-4.173189849999999,1.1024186000000002 -1,0.2" data-type="line" data-label="" points="62.36981027183117,239.3499590670008 330.93198472269955,315.7259444121287" fill="none" stroke="hsl(71, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
108
+ </g>
109
+ <g>
110
+ <polyline data-points="-4.173189849999999,1.1024186000000002 -1,-0.2" data-type="line" data-label="" points="62.36981027183117,239.3499590670008 330.93198472269955,349.5798500586337" fill="none" stroke="hsl(71, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
111
+ </g>
112
+ <g>
113
+ <polyline data-points="-3.0440232499999995,1.1024186000000002 -1,0.2" data-type="line" data-label="" points="157.93655911079327,239.3499590670008 330.93198472269955,315.7259444121287" fill="none" stroke="hsl(71, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
114
+ </g>
115
+ <g>
116
+ <polyline data-points="-3.0440232499999995,1.1024186000000002 -1,-0.2" data-type="line" data-label="" points="157.93655911079327,239.3499590670008 330.93198472269955,349.5798500586337" fill="none" stroke="hsl(71, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
117
+ </g>
118
+ <g>
119
+ <polyline data-points="-1,0.2 -1,-0.2" data-type="line" data-label="" points="330.93198472269955,315.7259444121287 330.93198472269955,349.5798500586337" fill="none" stroke="hsl(71, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
120
+ </g>
121
+ <g>
122
+ <polyline data-points="-1.9143099500000003,0 -4.17264315,-2.220446049250313e-16" data-type="line" data-label="" points="253.54957777529776,332.6528972353812 62.41608009737348,332.6528972353812" fill="none" stroke="hsl(157, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
123
+ </g>
124
+ <g>
125
+ <polyline data-points="-1.9143099500000003,0 -3.0434765500000003,-2.220446049250313e-16" data-type="line" data-label="" points="253.54957777529776,332.6528972353812 157.98282893633558,332.6528972353812" fill="none" stroke="hsl(157, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
126
+ </g>
127
+ <g>
128
+ <polyline data-points="-1.9143099500000003,0 1.9148566499999995,-1.0024186000000008" data-type="line" data-label="" points="253.54957777529776,332.6528972353812 577.6301897281687,417.4923589921354" fill="none" stroke="hsl(157, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
129
+ </g>
130
+ <g>
131
+ <polyline data-points="-1.9143099500000003,0 -1,0" data-type="line" data-label="" points="253.54957777529776,332.6528972353812 330.93198472269955,332.6528972353812" fill="none" stroke="hsl(157, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
132
+ </g>
133
+ <g>
134
+ <polyline data-points="-4.17264315,-2.220446049250313e-16 -3.0434765500000003,-2.220446049250313e-16" data-type="line" data-label="" points="62.41608009737348,332.6528972353812 157.98282893633558,332.6528972353812" fill="none" stroke="hsl(157, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
135
+ </g>
136
+ <g>
137
+ <polyline data-points="-4.17264315,-2.220446049250313e-16 1.9148566499999995,-1.0024186000000008" data-type="line" data-label="" points="62.41608009737348,332.6528972353812 577.6301897281687,417.4923589921354" fill="none" stroke="hsl(157, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
138
+ </g>
139
+ <g>
140
+ <polyline data-points="-4.17264315,-2.220446049250313e-16 -1,0" data-type="line" data-label="" points="62.41608009737348,332.6528972353812 330.93198472269955,332.6528972353812" fill="none" stroke="hsl(157, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
141
+ </g>
142
+ <g>
143
+ <polyline data-points="-3.0434765500000003,-2.220446049250313e-16 1.9148566499999995,-1.0024186000000008" data-type="line" data-label="" points="157.98282893633558,332.6528972353812 577.6301897281687,417.4923589921354" fill="none" stroke="hsl(157, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
144
+ </g>
145
+ <g>
146
+ <polyline data-points="-3.0434765500000003,-2.220446049250313e-16 -1,0" data-type="line" data-label="" points="157.98282893633558,332.6528972353812 330.93198472269955,332.6528972353812" fill="none" stroke="hsl(157, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
147
+ </g>
148
+ <g>
149
+ <polyline data-points="1.9148566499999995,-1.0024186000000008 -1,0" data-type="line" data-label="" points="577.6301897281687,417.4923589921354 330.93198472269955,332.6528972353812" fill="none" stroke="hsl(157, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
150
+ </g>
151
+ <g>
152
+ <polyline data-points="1.9143099500000003,0.09999999999999964 1,0.1" data-type="line" data-label="" points="577.5839199026265,324.189420823755 500.20151295522464,324.189420823755" fill="none" stroke="hsl(73, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
153
+ </g>
154
+ <g>
155
+ <polyline data-points="-3.0440232499999995,1.1024186000000002 -3.0440232499999995,1.3024186000000004 -4.173189849999999,1.3024186000000004 -4.173189849999999,1.1024186000000002" data-type="line" data-label="" points="157.93655911079327,239.3499590670008 157.93655911079327,222.4230062437483 62.36981027183117,222.4230062437483 62.36981027183117,239.3499590670008" fill="none" stroke="purple" stroke-width="1" />
156
+ </g>
157
+ <g>
158
+ <polyline data-points="-1.9148566499999995,1.1024186000000002 -1.9148566499999995,1.3024186000000004 -3.0440232499999995,1.3024186000000004 -3.0440232499999995,1.1024186000000002" data-type="line" data-label="" points="253.50330794975545,239.3499590670008 253.50330794975545,222.4230062437483 157.93655911079327,222.4230062437483 157.93655911079327,239.3499590670008" fill="none" stroke="purple" stroke-width="1" />
159
+ </g>
160
+ <g>
161
+ <polyline data-points="-1,0.20000000000000018 -1.4574283249999997,0.20000000000000018 -1.4574283249999997,1.3024186000000004 -1.9148566499999995,1.3024186000000004 -1.9148566499999995,1.1024186000000005" data-type="line" data-label="" points="330.93198472269955,315.7259444121287 292.2176463362275,315.7259444121287 292.2176463362275,222.4230062437483 253.50330794975545,222.4230062437483 253.50330794975545,239.34995906700078" fill="none" stroke="purple" stroke-width="1" />
162
+ </g>
163
+ <g>
164
+ <polyline data-points="-1,-0.2 -1.3,-0.2 -1.3,0.2 -1,0.2" data-type="line" data-label="" points="330.93198472269955,349.5798500586337 305.5415554878208,349.5798500586337 305.5415554878208,315.7259444121287 330.93198472269955,315.7259444121287" fill="none" stroke="purple" stroke-width="1" />
165
+ </g>
166
+ <g>
167
+ <polyline data-points="-3.0434765500000003,-2.220446049250313e-16 -3.0434765500000003,-0.2000000000000004 -4.17264315,-0.2000000000000004 -4.17264315,-2.220446049250313e-16" data-type="line" data-label="" points="157.98282893633558,332.6528972353812 157.98282893633558,349.5798500586337 62.41608009737348,349.5798500586337 62.41608009737348,332.6528972353812" fill="none" stroke="purple" stroke-width="1" />
168
+ </g>
169
+ <g>
170
+ <polyline data-points="-1.9143099500000003,-2.220446049250313e-16 -1.9143099500000003,-0.2000000000000004 -3.0434765500000003,-0.2000000000000004 -3.0434765500000003,-2.220446049250313e-16" data-type="line" data-label="" points="253.54957777529776,332.6528972353812 253.54957777529776,349.5798500586337 157.98282893633558,349.5798500586337 157.98282893633558,332.6528972353812" fill="none" stroke="purple" stroke-width="1" />
171
+ </g>
172
+ <g>
173
+ <polyline data-points="-1,0 -1.0999999999999999,0 -1.0999999999999999,-0.09999999999999995 -1.9143099500000003,-0.09999999999999995 -1.9143099500000003,0" data-type="line" data-label="" points="330.93198472269955,332.6528972353812 322.4685083110733,332.6528972353812 322.4685083110733,341.11637364700744 253.54957777529776,341.11637364700744 253.54957777529776,332.6528972353812" fill="none" stroke="purple" stroke-width="1" />
174
+ </g>
175
+ <g>
176
+ <polyline data-points="1,0.1 1.9143099500000003,0.1" data-type="line" data-label="" points="500.20151295522464,324.189420823755 577.5839199026265,324.189420823755" fill="none" stroke="purple" stroke-width="1" />
177
+ </g>
178
+ <g>
179
+ <rect data-type="rect" data-label="schematic_component_0" data-x="-1.9145832999999999" data-y="0.5512093000000002" x="231.13349767792428" y="239.34995906700078" width="44.78589036920462" height="93.30293816838042" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.011815475714285715" />
180
+ </g>
181
+ <g>
182
+ <rect data-type="rect" data-label="schematic_component_1" data-x="-4.1729164999999995" data-y="0.5512093" x="40" y="239.3499590670008" width="44.78589036920465" height="93.3029381683804" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.011815475714285715" />
183
+ </g>
184
+ <g>
185
+ <rect data-type="rect" data-label="schematic_component_2" data-x="-3.0437499" data-y="0.5512093" x="135.5667488389621" y="239.3499590670008" width="44.78589036920465" height="93.3029381683804" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.011815475714285715" />
186
+ </g>
187
+ <g>
188
+ <rect data-type="rect" data-label="schematic_component_3" data-x="1.9145832999999999" data-y="-0.4512093000000006" x="555.2141096307953" y="324.189420823755" width="44.785890369204594" height="93.30293816838042" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.011815475714285715" />
189
+ </g>
190
+ <g>
191
+ <rect data-type="rect" data-label="schematic_component_4" data-x="0" data-y="0" x="330.93198472269955" y="298.7989915888762" width="169.2695282325251" height="67.70781129300997" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.011815475714285715" />
192
+ </g>
193
+ <g>
194
+ <rect data-type="rect" data-label="" data-x="-1.4574283249999997" data-y="1.5024186000000004" x="283.75416992460123" y="188.56910059724328" width="16.926952823252577" height="33.85390564650501" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.011815475714285715" />
195
+ </g>
196
+ <g>
197
+ <rect data-type="rect" data-label="" data-x="-3.0434765500000003" data-y="-0.4000000000000004" x="149.51935252470935" y="349.5798500586337" width="16.926952823252492" height="33.85390564650504" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.011815475714285715" />
198
+ </g>
199
+ <g>
200
+ <rect data-type="rect" data-label="" data-x="1.9148566499999995" data-y="-1.2034186000000007" x="569.1667133165424" y="417.5769937562517" width="16.926952823252577" height="33.853905646504984" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.011815475714285715" />
201
+ </g>
202
+ <g>
203
+ <rect data-type="rect" data-label="" data-x="1.4571549750000001" data-y="0.30000000000000004" x="530.4292400172993" y="290.33551517724993" width="16.926952823252464" height="33.85390564650504" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.011815475714285715" />
204
+ </g>
205
+ <g id="crosshair" style="display: none">
206
+ <line id="crosshair-h" y1="0" y2="640" stroke="#666" stroke-width="0.5" />
207
+ <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>
208
+ </g>
209
+ <script>
210
+ <![CDATA[
211
+ document.currentScript.parentElement.addEventListener('mousemove', (e) => {
212
+ const svg = e.currentTarget;
213
+ const rect = svg.getBoundingClientRect();
214
+ const x = e.clientX - rect.left;
215
+ const y = e.clientY - rect.top;
216
+ const crosshair = svg.getElementById('crosshair');
217
+ const h = svg.getElementById('crosshair-h');
218
+ const v = svg.getElementById('crosshair-v');
219
+ const coords = svg.getElementById('coordinates');
220
+
221
+ crosshair.style.display = 'block';
222
+ h.setAttribute('x1', '0');
223
+ h.setAttribute('x2', '640');
224
+ h.setAttribute('y1', y);
225
+ h.setAttribute('y2', y);
226
+ v.setAttribute('x1', x);
227
+ v.setAttribute('x2', x);
228
+ v.setAttribute('y1', '0');
229
+ v.setAttribute('y2', '640');
230
+
231
+ // Calculate real coordinates using inverse transformation
232
+ const matrix = {
233
+ "a": 84.63476411626253,
234
+ "c": 0,
235
+ "e": 415.5667488389621,
236
+ "b": 0,
237
+ "d": -84.63476411626253,
238
+ "f": 332.6528972353812
239
+ };
240
+ // Manually invert and apply the affine transform
241
+ // Since we only use translate and scale, we can directly compute:
242
+ // x' = (x - tx) / sx
243
+ // y' = (y - ty) / sy
244
+ const sx = matrix.a;
245
+ const sy = matrix.d;
246
+ const tx = matrix.e;
247
+ const ty = matrix.f;
248
+ const realPoint = {
249
+ x: (x - tx) / sx,
250
+ y: (y - ty) / sy // Flip y back since we used negative scale
251
+ }
252
+
253
+ coords.textContent = `(${realPoint.x.toFixed(2)}, ${realPoint.y.toFixed(2)})`;
254
+ coords.setAttribute('x', (x + 5).toString());
255
+ coords.setAttribute('y', (y - 5).toString());
256
+ });
257
+ document.currentScript.parentElement.addEventListener('mouseleave', () => {
258
+ document.currentScript.parentElement.getElementById('crosshair').style.display = 'none';
259
+ });
260
+ ]]>
261
+ </script>
262
+ </svg>
package/tests/examples/__snapshots__/example03.snap.svg ADDED
@@ -0,0 +1,282 @@
1
+ <svg width="640" height="640" viewBox="0 0 640 640" xmlns="http://www.w3.org/2000/svg">
2
+ <rect width="100%" height="100%" fill="white" />
3
+ <g>
4
+ <circle data-type="point" data-label="PIN1_PIN2.1
5
+ x-" data-x="-3.5005768910000006" data-y="1.4489565000000004" cx="68.77810770793803" cy="216.01439845108" r="3" fill="hsl(328, 100%, 50%, 0.8)" />
6
+ </g>
7
+ <g>
8
+ <circle data-type="point" data-label="PIN1_PIN2.2
9
+ x-" data-x="-3.5005768910000006" data-y="1.4489565000000004" cx="68.77810770793803" cy="216.01439845108" r="3" fill="hsl(328, 100%, 50%, 0.8)" />
10
+ </g>
11
+ <g>
12
+ <circle data-type="point" data-label="PIN1_PIN2.3
13
+ x+" data-x="-2.4994231089999994" data-y="1.4485175000000003" cx="140.6267644924905" cy="216.04590366126402" r="3" fill="hsl(328, 100%, 50%, 0.8)" />
14
+ </g>
15
+ <g>
16
+ <circle data-type="point" data-label="PIN1_PIN2.4
17
+ x+" data-x="-2.4994231089999994" data-y="1.4485175000000003" cx="140.6267644924905" cy="216.04590366126402" r="3" fill="hsl(328, 100%, 50%, 0.8)" />
18
+ </g>
19
+ <g>
20
+ <circle data-type="point" data-label="PIN1_PIN3.1
21
+ x-" data-x="-0.5005768910000006" data-y="1.4489565000000004" cx="284.0756716077238" cy="216.01439845108" r="3" fill="hsl(208, 100%, 50%, 0.8)" />
22
+ </g>
23
+ <g>
24
+ <circle data-type="point" data-label="PIN1_PIN3.2
25
+ x-" data-x="-0.5005768910000006" data-y="1.4489565000000004" cx="284.0756716077238" cy="216.01439845108" r="3" fill="hsl(208, 100%, 50%, 0.8)" />
26
+ </g>
27
+ <g>
28
+ <circle data-type="point" data-label="PIN1_PIN3.3
29
+ x+" data-x="0.5005768910000006" data-y="1.4485175000000003" cx="355.9243283922762" cy="216.04590366126402" r="3" fill="hsl(208, 100%, 50%, 0.8)" />
30
+ </g>
31
+ <g>
32
+ <circle data-type="point" data-label="PIN1_PIN3.4
33
+ x+" data-x="0.5005768910000006" data-y="1.4485175000000003" cx="355.9243283922762" cy="216.04590366126402" r="3" fill="hsl(208, 100%, 50%, 0.8)" />
34
+ </g>
35
+ <g>
36
+ <circle data-type="point" data-label="PIN1_PIN4.1
37
+ x-" data-x="2.4994231089999994" data-y="1.4489565000000004" cx="499.3732355075095" cy="216.01439845108" r="3" fill="hsl(88, 100%, 50%, 0.8)" />
38
+ </g>
39
+ <g>
40
+ <circle data-type="point" data-label="PIN1_PIN4.2
41
+ x-" data-x="2.4994231089999994" data-y="1.4489565000000004" cx="499.3732355075095" cy="216.01439845108" r="3" fill="hsl(88, 100%, 50%, 0.8)" />
42
+ </g>
43
+ <g>
44
+ <circle data-type="point" data-label="PIN1_PIN4.3
45
+ x+" data-x="3.5005768910000006" data-y="1.4485175000000003" cx="571.221892292062" cy="216.04590366126402" r="3" fill="hsl(88, 100%, 50%, 0.8)" />
46
+ </g>
47
+ <g>
48
+ <circle data-type="point" data-label="PIN1_PIN4.4
49
+ x+" data-x="3.5005768910000006" data-y="1.4485175000000003" cx="571.221892292062" cy="216.04590366126402" r="3" fill="hsl(88, 100%, 50%, 0.8)" />
50
+ </g>
51
+ <g>
52
+ <circle data-type="point" data-label="PIN2_PIN3.1
53
+ x-" data-x="-3.5005768910000006" data-y="-1.5510434999999996" cx="68.77810770793803" cy="431.31196235086577" r="3" fill="hsl(240, 100%, 50%, 0.8)" />
54
+ </g>
55
+ <g>
56
+ <circle data-type="point" data-label="PIN2_PIN3.2
57
+ x-" data-x="-3.5005768910000006" data-y="-1.5510434999999996" cx="68.77810770793803" cy="431.31196235086577" r="3" fill="hsl(240, 100%, 50%, 0.8)" />
58
+ </g>
59
+ <g>
60
+ <circle data-type="point" data-label="PIN2_PIN3.3
61
+ x+" data-x="-2.4994231089999994" data-y="-1.5514824999999997" cx="140.6267644924905" cy="431.34346756104975" r="3" fill="hsl(240, 100%, 50%, 0.8)" />
62
+ </g>
63
+ <g>
64
+ <circle data-type="point" data-label="PIN2_PIN3.4
65
+ x+" data-x="-2.4994231089999994" data-y="-1.5514824999999997" cx="140.6267644924905" cy="431.34346756104975" r="3" fill="hsl(240, 100%, 50%, 0.8)" />
66
+ </g>
67
+ <g>
68
+ <circle data-type="point" data-label="PIN2_PIN4.1
69
+ x-" data-x="-0.5005768910000006" data-y="-1.5510434999999996" cx="284.0756716077238" cy="431.31196235086577" r="3" fill="hsl(120, 100%, 50%, 0.8)" />
70
+ </g>
71
+ <g>
72
+ <circle data-type="point" data-label="PIN2_PIN4.2
73
+ x-" data-x="-0.5005768910000006" data-y="-1.5510434999999996" cx="284.0756716077238" cy="431.31196235086577" r="3" fill="hsl(120, 100%, 50%, 0.8)" />
74
+ </g>
75
+ <g>
76
+ <circle data-type="point" data-label="PIN2_PIN4.3
77
+ x+" data-x="0.5005768910000006" data-y="-1.5514824999999997" cx="355.9243283922762" cy="431.34346756104975" r="3" fill="hsl(120, 100%, 50%, 0.8)" />
78
+ </g>
79
+ <g>
80
+ <circle data-type="point" data-label="PIN2_PIN4.4
81
+ x+" data-x="0.5005768910000006" data-y="-1.5514824999999997" cx="355.9243283922762" cy="431.34346756104975" r="3" fill="hsl(120, 100%, 50%, 0.8)" />
82
+ </g>
83
+ <g>
84
+ <circle data-type="point" data-label="PIN3_PIN4.1
85
+ x-" data-x="2.4994231089999994" data-y="-1.5510434999999996" cx="499.3732355075095" cy="431.31196235086577" r="3" fill="hsl(152, 100%, 50%, 0.8)" />
86
+ </g>
87
+ <g>
88
+ <circle data-type="point" data-label="PIN3_PIN4.2
89
+ x-" data-x="2.4994231089999994" data-y="-1.5510434999999996" cx="499.3732355075095" cy="431.31196235086577" r="3" fill="hsl(152, 100%, 50%, 0.8)" />
90
+ </g>
91
+ <g>
92
+ <circle data-type="point" data-label="PIN3_PIN4.3
93
+ x+" data-x="3.5005768910000006" data-y="-1.5514824999999997" cx="571.221892292062" cy="431.34346756104975" r="3" fill="hsl(152, 100%, 50%, 0.8)" />
94
+ </g>
95
+ <g>
96
+ <circle data-type="point" data-label="PIN3_PIN4.4
97
+ x+" data-x="3.5005768910000006" data-y="-1.5514824999999997" cx="571.221892292062" cy="431.34346756104975" r="3" fill="hsl(152, 100%, 50%, 0.8)" />
98
+ </g>
99
+ <g>
100
+ <circle data-type="point" data-label="" data-x="-3.5005768910000006" data-y="1.4489565000000004" cx="68.77810770793803" cy="216.01439845108" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
101
+ </g>
102
+ <g>
103
+ <circle data-type="point" data-label="" data-x="-0.5005768910000006" data-y="1.4489565000000004" cx="284.0756716077238" cy="216.01439845108" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
104
+ </g>
105
+ <g>
106
+ <circle data-type="point" data-label="" data-x="2.4994231089999994" data-y="1.4489565000000004" cx="499.3732355075095" cy="216.01439845108" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
107
+ </g>
108
+ <g>
109
+ <circle data-type="point" data-label="" data-x="-3.5005768910000006" data-y="1.4489565000000004" cx="68.77810770793803" cy="216.01439845108" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
110
+ </g>
111
+ <g>
112
+ <circle data-type="point" data-label="" data-x="-3.5005768910000006" data-y="-1.5510434999999996" cx="68.77810770793803" cy="431.31196235086577" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
113
+ </g>
114
+ <g>
115
+ <circle data-type="point" data-label="" data-x="-0.5005768910000006" data-y="-1.5510434999999996" cx="284.0756716077238" cy="431.31196235086577" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
116
+ </g>
117
+ <g>
118
+ <circle data-type="point" data-label="" data-x="0.5005768910000006" data-y="1.4485175000000003" cx="355.9243283922762" cy="216.04590366126402" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
119
+ </g>
120
+ <g>
121
+ <circle data-type="point" data-label="" data-x="-2.4994231089999994" data-y="-1.5514824999999997" cx="140.6267644924905" cy="431.34346756104975" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
122
+ </g>
123
+ <g>
124
+ <circle data-type="point" data-label="" data-x="3.5005768910000006" data-y="-1.5514824999999997" cx="571.221892292062" cy="431.34346756104975" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
125
+ </g>
126
+ <g>
127
+ <circle data-type="point" data-label="" data-x="3.5005768910000006" data-y="1.4485175000000003" cx="571.221892292062" cy="216.04590366126402" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
128
+ </g>
129
+ <g>
130
+ <circle data-type="point" data-label="" data-x="0.5005768910000006" data-y="-1.5514824999999997" cx="355.9243283922762" cy="431.34346756104975" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
131
+ </g>
132
+ <g>
133
+ <circle data-type="point" data-label="" data-x="3.5005768910000006" data-y="-1.5514824999999997" cx="571.221892292062" cy="431.34346756104975" r="3" fill="hsl(40, 100%, 50%, 0.9)" />
134
+ </g>
135
+ <g>
136
+ <polyline data-points="-3.5005768910000006,1.4489565000000004 -0.5005768910000006,1.4489565000000004" data-type="line" data-label="" points="68.77810770793803,216.01439845108 284.0756716077238,216.01439845108" fill="none" stroke="hsl(340, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
137
+ </g>
138
+ <g>
139
+ <polyline data-points="-3.5005768910000006,1.4489565000000004 2.4994231089999994,1.4489565000000004" data-type="line" data-label="" points="68.77810770793803,216.01439845108 499.3732355075095,216.01439845108" fill="none" stroke="hsl(340, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
140
+ </g>
141
+ <g>
142
+ <polyline data-points="-0.5005768910000006,1.4489565000000004 2.4994231089999994,1.4489565000000004" data-type="line" data-label="" points="284.0756716077238,216.01439845108 499.3732355075095,216.01439845108" fill="none" stroke="hsl(340, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
143
+ </g>
144
+ <g>
145
+ <polyline data-points="-3.5005768910000006,1.4489565000000004 -3.5005768910000006,-1.5510434999999996" data-type="line" data-label="" points="68.77810770793803,216.01439845108 68.77810770793803,431.31196235086577" fill="none" stroke="hsl(341, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
146
+ </g>
147
+ <g>
148
+ <polyline data-points="-3.5005768910000006,1.4489565000000004 -0.5005768910000006,-1.5510434999999996" data-type="line" data-label="" points="68.77810770793803,216.01439845108 284.0756716077238,431.31196235086577" fill="none" stroke="hsl(341, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
149
+ </g>
150
+ <g>
151
+ <polyline data-points="-3.5005768910000006,-1.5510434999999996 -0.5005768910000006,-1.5510434999999996" data-type="line" data-label="" points="68.77810770793803,431.31196235086577 284.0756716077238,431.31196235086577" fill="none" stroke="hsl(341, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
152
+ </g>
153
+ <g>
154
+ <polyline data-points="0.5005768910000006,1.4485175000000003 -2.4994231089999994,-1.5514824999999997" data-type="line" data-label="" points="355.9243283922762,216.04590366126402 140.6267644924905,431.34346756104975" fill="none" stroke="hsl(342, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
155
+ </g>
156
+ <g>
157
+ <polyline data-points="0.5005768910000006,1.4485175000000003 3.5005768910000006,-1.5514824999999997" data-type="line" data-label="" points="355.9243283922762,216.04590366126402 571.221892292062,431.34346756104975" fill="none" stroke="hsl(342, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
158
+ </g>
159
+ <g>
160
+ <polyline data-points="-2.4994231089999994,-1.5514824999999997 3.5005768910000006,-1.5514824999999997" data-type="line" data-label="" points="140.6267644924905,431.34346756104975 571.221892292062,431.34346756104975" fill="none" stroke="hsl(342, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
161
+ </g>
162
+ <g>
163
+ <polyline data-points="3.5005768910000006,1.4485175000000003 0.5005768910000006,-1.5514824999999997" data-type="line" data-label="" points="571.221892292062,216.04590366126402 355.9243283922762,431.34346756104975" fill="none" stroke="hsl(343, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
164
+ </g>
165
+ <g>
166
+ <polyline data-points="3.5005768910000006,1.4485175000000003 3.5005768910000006,-1.5514824999999997" data-type="line" data-label="" points="571.221892292062,216.04590366126402 571.221892292062,431.34346756104975" fill="none" stroke="hsl(343, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
167
+ </g>
168
+ <g>
169
+ <polyline data-points="0.5005768910000006,-1.5514824999999997 3.5005768910000006,-1.5514824999999997" data-type="line" data-label="" points="355.9243283922762,431.34346756104975 571.221892292062,431.34346756104975" fill="none" stroke="hsl(343, 100%, 50%, 0.8)" stroke-width="1" stroke-dasharray="4 2" />
170
+ </g>
171
+ <g>
172
+ <rect data-type="rect" data-label="schematic_component_0" data-x="-3" data-y="1.5" x="68.77810770793803" y="196.23127943116586" width="71.84865678455247" height="32.23987723788255" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.013934203182142859" />
173
+ </g>
174
+ <g>
175
+ <rect data-type="rect" data-label="schematic_component_1" data-x="0" data-y="1.5" x="284.0756716077238" y="196.23127943116586" width="71.84865678455242" height="32.23987723788255" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.013934203182142859" />
176
+ </g>
177
+ <g>
178
+ <rect data-type="rect" data-label="schematic_component_2" data-x="3" data-y="1.5" x="499.3732355075095" y="196.23127943116586" width="71.84865678455247" height="32.23987723788255" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.013934203182142859" />
179
+ </g>
180
+ <g>
181
+ <rect data-type="rect" data-label="schematic_component_3" data-x="-3" data-y="-1.5" x="68.77810770793803" y="411.5288433309516" width="71.84865678455247" height="32.23987723788258" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.013934203182142859" />
182
+ </g>
183
+ <g>
184
+ <rect data-type="rect" data-label="schematic_component_4" data-x="0" data-y="-1.5" x="284.0756716077238" y="411.5288433309516" width="71.84865678455242" height="32.23987723788258" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.013934203182142859" />
185
+ </g>
186
+ <g>
187
+ <rect data-type="rect" data-label="schematic_component_5" data-x="3" data-y="-1.5" x="499.3732355075095" y="411.5288433309516" width="71.84865678455247" height="32.23987723788258" fill="hsl(24, 100%, 50%, 0.8)" stroke="black" stroke-width="0.013934203182142859" />
188
+ </g>
189
+ <g>
190
+ <rect data-type="rect" data-label="" data-x="-3.7015768910000006" data-y="1.4489565000000004" x="40" y="208.8378129877538" width="28.706341853304792" height="14.35317092665241" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.013934203182142859" />
191
+ </g>
192
+ <g>
193
+ <rect data-type="rect" data-label="" data-x="-0.7015768910000005" data-y="1.4489565000000004" x="255.29756389978576" y="208.8378129877538" width="28.706341853304764" height="14.35317092665241" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.013934203182142859" />
194
+ </g>
195
+ <g>
196
+ <rect data-type="rect" data-label="" data-x="2.2984231089999994" data-y="1.4489565000000004" x="470.59512779957146" y="208.8378129877538" width="28.706341853304764" height="14.35317092665241" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.013934203182142859" />
197
+ </g>
198
+ <g>
199
+ <rect data-type="rect" data-label="" data-x="-3.7015768910000006" data-y="1.4489565000000004" x="40" y="208.8378129877538" width="28.706341853304792" height="14.35317092665241" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.013934203182142859" />
200
+ </g>
201
+ <g>
202
+ <rect data-type="rect" data-label="" data-x="-3.7015768910000006" data-y="-1.5510434999999996" x="40" y="424.13537688753956" width="28.706341853304792" height="14.353170926652354" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.013934203182142859" />
203
+ </g>
204
+ <g>
205
+ <rect data-type="rect" data-label="" data-x="-0.7015768910000005" data-y="-1.5510434999999996" x="255.29756389978576" y="424.13537688753956" width="28.706341853304764" height="14.353170926652354" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.013934203182142859" />
206
+ </g>
207
+ <g>
208
+ <rect data-type="rect" data-label="" data-x="0.7015768910000005" data-y="1.4485175000000003" x="355.9960942469095" y="208.86931819793782" width="28.706341853304764" height="14.353170926652382" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.013934203182142859" />
209
+ </g>
210
+ <g>
211
+ <rect data-type="rect" data-label="" data-x="-2.2984231089999994" data-y="-1.5514824999999997" x="140.69853034712375" y="424.16688209772354" width="28.706341853304792" height="14.35317092665241" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.013934203182142859" />
212
+ </g>
213
+ <g>
214
+ <rect data-type="rect" data-label="" data-x="3.7015768910000006" data-y="-1.5514824999999997" x="571.2936581466952" y="424.16688209772354" width="28.70634185330482" height="14.35317092665241" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.013934203182142859" />
215
+ </g>
216
+ <g>
217
+ <rect data-type="rect" data-label="" data-x="3.7015768910000006" data-y="1.4485175000000003" x="571.2936581466952" y="208.86931819793782" width="28.70634185330482" height="14.353170926652382" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.013934203182142859" />
218
+ </g>
219
+ <g>
220
+ <rect data-type="rect" data-label="" data-x="0.7015768910000005" data-y="-1.5514824999999997" x="355.9960942469095" y="424.16688209772354" width="28.706341853304764" height="14.35317092665241" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.013934203182142859" />
221
+ </g>
222
+ <g>
223
+ <rect data-type="rect" data-label="" data-x="3.7015768910000006" data-y="-1.5514824999999997" x="571.2936581466952" y="424.16688209772354" width="28.70634185330482" height="14.35317092665241" fill="hsl(40, 100%, 50%, 0.35)" stroke="black" stroke-width="0.013934203182142859" />
224
+ </g>
225
+ <g id="crosshair" style="display: none">
226
+ <line id="crosshair-h" y1="0" y2="640" stroke="#666" stroke-width="0.5" />
227
+ <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>
228
+ </g>
229
+ <script>
230
+ <![CDATA[
231
+ document.currentScript.parentElement.addEventListener('mousemove', (e) => {
232
+ const svg = e.currentTarget;
233
+ const rect = svg.getBoundingClientRect();
234
+ const x = e.clientX - rect.left;
235
+ const y = e.clientY - rect.top;
236
+ const crosshair = svg.getElementById('crosshair');
237
+ const h = svg.getElementById('crosshair-h');
238
+ const v = svg.getElementById('crosshair-v');
239
+ const coords = svg.getElementById('coordinates');
240
+
241
+ crosshair.style.display = 'block';
242
+ h.setAttribute('x1', '0');
243
+ h.setAttribute('x2', '640');
244
+ h.setAttribute('y1', y);
245
+ h.setAttribute('y2', y);
246
+ v.setAttribute('x1', x);
247
+ v.setAttribute('x2', x);
248
+ v.setAttribute('y1', '0');
249
+ v.setAttribute('y2', '640');
250
+
251
+ // Calculate real coordinates using inverse transformation
252
+ const matrix = {
253
+ "a": 71.76585463326191,
254
+ "c": 0,
255
+ "e": 320,
256
+ "b": 0,
257
+ "d": -71.76585463326191,
258
+ "f": 320
259
+ };
260
+ // Manually invert and apply the affine transform
261
+ // Since we only use translate and scale, we can directly compute:
262
+ // x' = (x - tx) / sx
263
+ // y' = (y - ty) / sy
264
+ const sx = matrix.a;
265
+ const sy = matrix.d;
266
+ const tx = matrix.e;
267
+ const ty = matrix.f;
268
+ const realPoint = {
269
+ x: (x - tx) / sx,
270
+ y: (y - ty) / sy // Flip y back since we used negative scale
271
+ }
272
+
273
+ coords.textContent = `(${realPoint.x.toFixed(2)}, ${realPoint.y.toFixed(2)})`;
274
+ coords.setAttribute('x', (x + 5).toString());
275
+ coords.setAttribute('y', (y - 5).toString());
276
+ });
277
+ document.currentScript.parentElement.addEventListener('mouseleave', () => {
278
+ document.currentScript.parentElement.getElementById('crosshair').style.display = 'none';
279
+ });
280
+ ]]>
281
+ </script>
282
+ </svg>