add: render the circle in schematic (#176)

* add: kicad8 circle support in schematic
* add: simple test for circle drawings

Author: XiangYyang

src/kc-ui/icon.ts

@@ -46,6 +46,7 @@ export class KCUIIconElement extends KCUIElement {
         const text = this.textContent ?? "";
         if (text.startsWith("svg:")) {
             const name = text.slice(4);
+            // TODO: 404 error?
             const url = `${KCUIIconElement.sprites_url}#${name}`;
             return html`<svg viewBox="0 0 48 48" width="48">
                 <use xlink:href="${url}" />

src/kicad/schematic.ts

@@ -56,6 +56,8 @@ export const DefaultValues = {
     pin_name_offset: 0.508, // 20 mils
 };
 
+export type SchematicDrawing = Polyline | Text | Circle | Image;
+
 export class KicadSch {
     project?: Project;
     version: number;
@@ -75,7 +77,7 @@ export class KicadSch {
     hierarchical_labels: HierarchicalLabel[] = [];
     symbols = new Map<string, SchematicSymbol>();
     no_connects: NoConnect[] = [];
-    drawings: (Polyline | Text)[] = [];
+    drawings: SchematicDrawing[] = [];
     images: Image[] = [];
     sheet_instances?: SheetInstances;
     symbol_instances?: SymbolInstances;
@@ -116,7 +118,6 @@ export class KicadSch {
                     "hierarchical_label",
                     T.item(HierarchicalLabel, this),
                 ),
-                // images
                 P.mapped_collection(
                     "symbols",
                     "symbol",
@@ -127,6 +128,7 @@ export class KicadSch {
                 P.collection("drawings", "rectangle", T.item(Rectangle, this)),
                 P.collection("drawings", "arc", T.item(Arc, this)),
                 P.collection("drawings", "text", T.item(Text, this)),
+                P.collection("drawings", "circle", T.item(Circle, this)),
                 P.collection("images", "image", T.item(Image)),
                 P.item("sheet_instances", SheetInstances),
                 P.item("symbol_instances", SymbolInstances),

test/kicad/files/drawings_kicad9.kicad_sch

@@ -0,0 +1,26 @@
+(kicad_sch
+	(version 20250114)
+	(generator "eeschema")
+	(generator_version "9.0")
+	(uuid "5efcc5ba-dc52-4033-83ee-2f99ed02f6eb")
+	(paper "A4")
+	(lib_symbols)
+	(circle
+		(center 0 0)
+		(radius 5.08)
+		(stroke
+			(width 0.25)
+			(type solid)
+		)
+		(fill
+			(type none)
+		)
+		(uuid 1281e40f-f1db-465e-8de5-84a912042e35)
+	)
+	(sheet_instances
+		(path "/"
+			(page "1")
+		)
+	)
+	(embedded_fonts no)
+)

test/kicad/schematic.test.ts

@@ -13,6 +13,7 @@ import paper_sch_src from "./files/paper.kicad_sch";
 import wires_sch_src from "./files/wires.kicad_sch";
 import labels_sch_src from "./files/labels.kicad_sch";
 import drawings_sch_src from "./files/drawings.kicad_sch";
+import drawings_kicad9_sch_src from "./files/drawings_kicad9.kicad_sch";
 import symbols_sch_src from "./files/symbols.kicad_sch";
 import symbols_kicad8_sch_src from "./files/symbols_kicad8.kicad_sch";
 
@@ -314,6 +315,25 @@ suite("kicad.schematic.KicadSch(): schematic parsing", function () {
         assert.equal(sch.images.length, 1);
     });
 
+    test("with kicad9 drawings", function () {
+        const sch = new schematic.KicadSch(
+            "test.kicad_sch",
+            drawings_kicad9_sch_src,
+        );
+
+        assert.equal(sch.drawings.length, 1);
+
+        const circle1 = sch.drawings[0] as schematic.Circle;
+        assert_deep_partial(circle1, {
+            center: { x: 0, y: 0 },
+            radius: 5.08,
+            stroke: {
+                width: 0.25,
+                type: "solid",
+            },
+        });
+    });
+
     test("with library symbols", function () {
         const sch = new schematic.KicadSch("test.kicad_sch", symbols_sch_src);