@tscircuit/pcb-viewer 1.0.0 → 1.0.2
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.
- package/dist/PCBViewer.d.ts +5 -0
- package/dist/PCBViewer.js +662 -0
- package/dist/PCBViewer.js.map +1 -0
- package/dist/assets/alphabet.d.ts +47 -0
- package/{src/assets/alphabet.ts → dist/assets/alphabet.js} +41 -24
- package/dist/assets/alphabet.js.map +1 -0
- package/dist/assets/attiny-eagle.d.ts +133 -0
- package/{src/assets/attiny-eagle.ts → dist/assets/attiny-eagle.js} +156 -130
- package/dist/assets/attiny-eagle.js.map +1 -0
- package/dist/components/CanvasElementsRenderer.d.ts +14 -0
- package/dist/components/CanvasElementsRenderer.js +647 -0
- package/dist/components/CanvasElementsRenderer.js.map +1 -0
- package/dist/components/CanvasPrimitiveRenderer.d.ts +14 -0
- package/dist/components/CanvasPrimitiveRenderer.js +588 -0
- package/dist/components/CanvasPrimitiveRenderer.js.map +1 -0
- package/dist/index.d.ts +5 -0
- package/dist/index.js +666 -0
- package/dist/index.js.map +1 -0
- package/dist/lib/Drawer.d.ts +146 -0
- package/dist/lib/Drawer.js +396 -0
- package/dist/lib/Drawer.js.map +1 -0
- package/dist/lib/colors.d.ts +154 -0
- package/{src/lib/colors.ts → dist/lib/colors.js} +37 -13
- package/dist/lib/colors.js.map +1 -0
- package/dist/lib/convert-element-to-primitive.d.ts +6 -0
- package/dist/lib/convert-element-to-primitive.js +72 -0
- package/dist/lib/convert-element-to-primitive.js.map +1 -0
- package/dist/lib/convert-text-to-lines.d.ts +5 -0
- package/dist/lib/convert-text-to-lines.js +114 -0
- package/dist/lib/convert-text-to-lines.js.map +1 -0
- package/dist/lib/draw-eagle.d.ts +7 -0
- package/dist/lib/draw-eagle.js +63 -0
- package/dist/lib/draw-eagle.js.map +1 -0
- package/dist/lib/draw-grid.d.ts +18 -0
- package/dist/lib/draw-grid.js +79 -0
- package/dist/lib/draw-grid.js.map +1 -0
- package/dist/lib/draw-primitives.d.ts +12 -0
- package/dist/lib/draw-primitives.js +181 -0
- package/dist/lib/draw-primitives.js.map +1 -0
- package/dist/lib/types.d.ts +52 -0
- package/dist/lib/types.js +18 -0
- package/dist/lib/types.js.map +1 -0
- package/dist/lib/util/scale-only.d.ts +5 -0
- package/dist/lib/util/scale-only.js +34 -0
- package/dist/lib/util/scale-only.js.map +1 -0
- package/dist/pages/eagle.d.ts +3 -0
- package/dist/pages/eagle.js +1265 -0
- package/dist/pages/eagle.js.map +1 -0
- package/dist/pages/index.d.ts +3 -0
- package/dist/pages/index.js +390 -0
- package/dist/pages/index.js.map +1 -0
- package/dist/pages/primitives.d.ts +3 -0
- package/dist/pages/primitives.js +619 -0
- package/dist/pages/primitives.js.map +1 -0
- package/dist/pages/viewer.d.ts +14 -0
- package/dist/pages/viewer.js +676 -0
- package/dist/pages/viewer.js.map +1 -0
- package/package.json +14 -4
- package/.github/workflows/npm-semantic-release.yml +0 -29
- package/next-env.d.ts +0 -5
- package/release.config.js +0 -16
- package/src/PCBViewer.tsx +0 -24
- package/src/components/CanvasElementsRenderer.tsx +0 -15
- package/src/components/CanvasPrimitiveRenderer.tsx +0 -25
- package/src/index.tsx +0 -2
- package/src/lib/Drawer.ts +0 -168
- package/src/lib/convert-element-to-primitive.ts +0 -31
- package/src/lib/convert-text-to-lines.ts +0 -31
- package/src/lib/draw-eagle.ts +0 -45
- package/src/lib/draw-primitives.ts +0 -69
- package/src/lib/types.ts +0 -54
- package/src/lib/util/scale-only.ts +0 -7
- package/src/pages/eagle.tsx +0 -20
- package/src/pages/index.tsx +0 -23
- package/src/pages/primitives.tsx +0 -64
- package/src/pages/viewer.tsx +0 -43
- package/tsconfig.json +0 -21
package/src/lib/types.ts
DELETED
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
export type AlignString =
|
|
2
|
-
| "top-left"
|
|
3
|
-
| "top-center"
|
|
4
|
-
| "top-right"
|
|
5
|
-
| "center-left"
|
|
6
|
-
| "center"
|
|
7
|
-
| "center-right"
|
|
8
|
-
| "bottom-left"
|
|
9
|
-
| "bottom-center"
|
|
10
|
-
| "bottom-right"
|
|
11
|
-
|
|
12
|
-
export interface LayerRef {
|
|
13
|
-
name: string
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
export interface PCBDrawingObject {
|
|
17
|
-
layer: LayerRef
|
|
18
|
-
unit?: string
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
export interface Line extends PCBDrawingObject {
|
|
22
|
-
pcb_drawing_type: "line"
|
|
23
|
-
x1: number
|
|
24
|
-
y1: number
|
|
25
|
-
x2: number
|
|
26
|
-
y2: number
|
|
27
|
-
squareCap?: boolean
|
|
28
|
-
width: number
|
|
29
|
-
}
|
|
30
|
-
export interface Text extends PCBDrawingObject {
|
|
31
|
-
pcb_drawing_type: "text"
|
|
32
|
-
text: string
|
|
33
|
-
x: number
|
|
34
|
-
y: number
|
|
35
|
-
size: number
|
|
36
|
-
align?: AlignString
|
|
37
|
-
}
|
|
38
|
-
export interface Rect extends PCBDrawingObject {
|
|
39
|
-
pcb_drawing_type: "rect"
|
|
40
|
-
x: number
|
|
41
|
-
y: number
|
|
42
|
-
w: number
|
|
43
|
-
h: number
|
|
44
|
-
roundness?: number
|
|
45
|
-
align?: AlignString
|
|
46
|
-
}
|
|
47
|
-
export interface Circle extends PCBDrawingObject {
|
|
48
|
-
pcb_drawing_type: "circle"
|
|
49
|
-
x: number
|
|
50
|
-
y: number
|
|
51
|
-
r: number
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
export type Primitive = Line | Text | Rect | Circle
|
package/src/pages/eagle.tsx
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import React, { useEffect, useRef } from "react"
|
|
2
|
-
import attinyEagle from "../assets/attiny-eagle"
|
|
3
|
-
import { drawEagle } from "../lib/draw-eagle"
|
|
4
|
-
import { Drawer } from "../lib/Drawer"
|
|
5
|
-
|
|
6
|
-
export default () => {
|
|
7
|
-
const ref = useRef()
|
|
8
|
-
let [width, height] = [500, 500]
|
|
9
|
-
useEffect(() => {
|
|
10
|
-
const drawer = new Drawer(ref.current)
|
|
11
|
-
drawer.clear()
|
|
12
|
-
drawEagle(drawer, attinyEagle as any)
|
|
13
|
-
}, [])
|
|
14
|
-
|
|
15
|
-
return (
|
|
16
|
-
<div style={{ backgroundColor: "black" }}>
|
|
17
|
-
<canvas ref={ref} width={width} height={height}></canvas>
|
|
18
|
-
</div>
|
|
19
|
-
)
|
|
20
|
-
}
|
package/src/pages/index.tsx
DELETED
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import React, { useEffect, useRef } from "react"
|
|
2
|
-
import { Drawer } from "../lib/Drawer"
|
|
3
|
-
|
|
4
|
-
export default () => {
|
|
5
|
-
const ref = useRef()
|
|
6
|
-
let [width, height] = [500, 500]
|
|
7
|
-
useEffect(() => {
|
|
8
|
-
const drawer = new Drawer(ref.current)
|
|
9
|
-
drawer.clear()
|
|
10
|
-
drawer.equip({ size: 30, shape: "square", mode: "add" })
|
|
11
|
-
drawer.moveTo(50, 50)
|
|
12
|
-
drawer.lineTo(300, 50)
|
|
13
|
-
drawer.equip({ size: 30, shape: "square", mode: "subtract" })
|
|
14
|
-
drawer.moveTo(250, 0)
|
|
15
|
-
drawer.lineTo(250, 300)
|
|
16
|
-
}, [])
|
|
17
|
-
|
|
18
|
-
return (
|
|
19
|
-
<div style={{ backgroundColor: "black" }}>
|
|
20
|
-
<canvas ref={ref} width={width} height={height}></canvas>
|
|
21
|
-
</div>
|
|
22
|
-
)
|
|
23
|
-
}
|
package/src/pages/primitives.tsx
DELETED
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
import React, { useEffect, useRef } from "react"
|
|
2
|
-
import attinyEagle from "../assets/attiny-eagle"
|
|
3
|
-
import { drawEagle } from "../lib/draw-eagle"
|
|
4
|
-
import { drawPrimitives } from "../lib/draw-primitives"
|
|
5
|
-
import { Drawer } from "../lib/Drawer"
|
|
6
|
-
|
|
7
|
-
export default () => {
|
|
8
|
-
const ref = useRef()
|
|
9
|
-
let [width, height] = [500, 500]
|
|
10
|
-
useEffect(() => {
|
|
11
|
-
const drawer = new Drawer(ref.current)
|
|
12
|
-
drawer.clear()
|
|
13
|
-
drawPrimitives(drawer, [
|
|
14
|
-
{
|
|
15
|
-
pcb_drawing_type: "circle",
|
|
16
|
-
x: 100,
|
|
17
|
-
y: 100,
|
|
18
|
-
r: 50,
|
|
19
|
-
layer: { name: "top" },
|
|
20
|
-
},
|
|
21
|
-
{
|
|
22
|
-
pcb_drawing_type: "rect",
|
|
23
|
-
x: 100,
|
|
24
|
-
y: 270,
|
|
25
|
-
w: 100,
|
|
26
|
-
h: 100,
|
|
27
|
-
layer: { name: "top" },
|
|
28
|
-
},
|
|
29
|
-
{
|
|
30
|
-
pcb_drawing_type: "text",
|
|
31
|
-
x: 50,
|
|
32
|
-
y: 210,
|
|
33
|
-
size: 45,
|
|
34
|
-
text: "Hello World1",
|
|
35
|
-
layer: { name: "top" },
|
|
36
|
-
},
|
|
37
|
-
{
|
|
38
|
-
pcb_drawing_type: "line",
|
|
39
|
-
x1: 0,
|
|
40
|
-
y1: 500,
|
|
41
|
-
x2: 100,
|
|
42
|
-
y2: 400,
|
|
43
|
-
width: 10,
|
|
44
|
-
layer: { name: "top" },
|
|
45
|
-
},
|
|
46
|
-
{
|
|
47
|
-
pcb_drawing_type: "line",
|
|
48
|
-
x1: 0,
|
|
49
|
-
y1: 400,
|
|
50
|
-
x2: 100,
|
|
51
|
-
y2: 450,
|
|
52
|
-
width: 10,
|
|
53
|
-
squareCap: true,
|
|
54
|
-
layer: { name: "top" },
|
|
55
|
-
},
|
|
56
|
-
])
|
|
57
|
-
}, [])
|
|
58
|
-
|
|
59
|
-
return (
|
|
60
|
-
<div style={{ backgroundColor: "black" }}>
|
|
61
|
-
<canvas ref={ref} width={width} height={height}></canvas>
|
|
62
|
-
</div>
|
|
63
|
-
)
|
|
64
|
-
}
|
package/src/pages/viewer.tsx
DELETED
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import { GroupBuilder } from "@tscircuit/builder"
|
|
2
|
-
import React, { useEffect, useRef } from "react"
|
|
3
|
-
import { PCBViewer } from "../PCBViewer"
|
|
4
|
-
|
|
5
|
-
declare global {
|
|
6
|
-
namespace JSX {
|
|
7
|
-
interface IntrinsicElements {
|
|
8
|
-
custom: {
|
|
9
|
-
onRender: (gb: GroupBuilder) => any
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
export default () => {
|
|
16
|
-
return (
|
|
17
|
-
<div style={{ backgroundColor: "black" }}>
|
|
18
|
-
<PCBViewer>
|
|
19
|
-
<custom
|
|
20
|
-
onRender={(gb) => {
|
|
21
|
-
// gb.addResistor((rb) => {})
|
|
22
|
-
gb.addComponent((cb) => {
|
|
23
|
-
cb.footprint.addPad((pb) =>
|
|
24
|
-
pb
|
|
25
|
-
.setShape("rect")
|
|
26
|
-
.setLayer("top")
|
|
27
|
-
.setPosition(100, 100)
|
|
28
|
-
.setSize(20, 20)
|
|
29
|
-
)
|
|
30
|
-
cb.footprint.addPad((pb) =>
|
|
31
|
-
pb
|
|
32
|
-
.setShape("rect")
|
|
33
|
-
.setLayer("top")
|
|
34
|
-
.setPosition(140, 100)
|
|
35
|
-
.setSize(20, 20)
|
|
36
|
-
)
|
|
37
|
-
})
|
|
38
|
-
}}
|
|
39
|
-
/>
|
|
40
|
-
</PCBViewer>
|
|
41
|
-
</div>
|
|
42
|
-
)
|
|
43
|
-
}
|
package/tsconfig.json
DELETED
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"compilerOptions": {
|
|
3
|
-
"target": "es5",
|
|
4
|
-
"lib": ["dom", "dom.iterable", "esnext"],
|
|
5
|
-
"allowJs": true,
|
|
6
|
-
"skipLibCheck": true,
|
|
7
|
-
"strict": false,
|
|
8
|
-
"forceConsistentCasingInFileNames": true,
|
|
9
|
-
"noEmit": true,
|
|
10
|
-
"incremental": false,
|
|
11
|
-
"esModuleInterop": true,
|
|
12
|
-
"module": "esnext",
|
|
13
|
-
"moduleResolution": "node",
|
|
14
|
-
"resolveJsonModule": true,
|
|
15
|
-
"isolatedModules": true,
|
|
16
|
-
"baseUrl": "./src",
|
|
17
|
-
"jsx": "preserve"
|
|
18
|
-
},
|
|
19
|
-
"include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
|
|
20
|
-
"exclude": ["node_modules"]
|
|
21
|
-
}
|