@tscircuit/pcb-viewer 1.0.0 → 1.0.1

package/dist/pages/eagle.js

@@ -0,0 +1,1276 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/pages/eagle.tsx
+var eagle_exports = {};
+__export(eagle_exports, {
+  default: () => eagle_default
+});
+module.exports = __toCommonJS(eagle_exports);
+var import_react = __toESM(require("react"));
+
+// src/assets/attiny-eagle.ts
+var attiny_eagle_default = {
+  version: "7.1.0",
+  settings: {
+    alwaysvectorfont: "no",
+    verticaltext: "up"
+  },
+  grid: {
+    distance: 0.1,
+    unitdist: "inch",
+    unit: "inch",
+    style: "lines",
+    multiple: 1,
+    display: "no",
+    altdistance: 0.01,
+    altunitdist: "inch",
+    altunit: "inch"
+  },
+  layers: [
+    {
+      number: 1,
+      name: "Top",
+      color: 4,
+      fill: 1,
+      visible: "yes",
+      active: "yes"
+    },
+    {
+      number: 16,
+      name: "Bottom",
+      color: 1,
+      fill: 1,
+      visible: "yes",
+      active: "yes"
+    },
+    {
+      number: 17,
+      name: "Pads",
+      color: 2,
+      fill: 1,
+      visible: "yes",
+      active: "yes"
+    },
+    {
+      number: 18,
+      name: "Vias",
+      color: 2,
+      fill: 1,
+      visible: "yes",
+      active: "yes"
+    },
+    {
+      number: 19,
+      name: "Unrouted",
+      color: 6,
+      fill: 1,
+      visible: "yes",
+      active: "yes"
+    },
+    {
+      number: 20,
+      name: "Dimension",
+      color: 15,
+      fill: 1,
+      visible: "yes",
+      active: "yes"
+    },
+    {
+      number: 21,
+      name: "tPlace",
+      color: 7,
+      fill: 1,
+      visible: "yes",
+      active: "yes"
+    },
+    {
+      number: 22,
+      name: "bPlace",
+      color: 7,
+      fill: 1,
+      visible: "yes",
+      active: "yes"
+    },
+    {
+      number: 23,
+      name: "tOrigins",
+      color: 15,
+      fill: 1,
+      visible: "yes",
+      active: "yes"
+    },
+    {
+      number: 24,
+      name: "bOrigins",
+      color: 15,
+      fill: 1,
+      visible: "yes",
+      active: "yes"
+    },
+    {
+      number: 25,
+      name: "tNames",
+      color: 7,
+      fill: 1,
+      visible: "yes",
+      active: "yes"
+    },
+    {
+      number: 26,
+      name: "bNames",
+      color: 7,
+      fill: 1,
+      visible: "yes",
+      active: "yes"
+    },
+    {
+      number: 27,
+      name: "tValues",
+      color: 7,
+      fill: 1,
+      visible: "yes",
+      active: "yes"
+    },
+    {
+      number: 28,
+      name: "bValues",
+      color: 7,
+      fill: 1,
+      visible: "yes",
+      active: "yes"
+    },
+    {
+      number: 29,
+      name: "tStop",
+      color: 7,
+      fill: 3,
+      visible: "yes",
+      active: "yes"
+    },
+    {
+      number: 30,
+      name: "bStop",
+      color: 7,
+      fill: 6,
+      visible: "no",
+      active: "yes"
+    },
+    {
+      number: 31,
+      name: "tCream",
+      color: 7,
+      fill: 4,
+      visible: "yes",
+      active: "yes"
+    },
+    {
+      number: 32,
+      name: "bCream",
+      color: 7,
+      fill: 5,
+      visible: "no",
+      active: "yes"
+    },
+    {
+      number: 33,
+      name: "tFinish",
+      color: 6,
+      fill: 3,
+      visible: "no",
+      active: "yes"
+    },
+    {
+      number: 34,
+      name: "bFinish",
+      color: 6,
+      fill: 6,
+      visible: "no",
+      active: "yes"
+    },
+    {
+      number: 35,
+      name: "tGlue",
+      color: 7,
+      fill: 4,
+      visible: "no",
+      active: "yes"
+    },
+    {
+      number: 36,
+      name: "bGlue",
+      color: 7,
+      fill: 5,
+      visible: "no",
+      active: "yes"
+    },
+    {
+      number: 37,
+      name: "tTest",
+      color: 7,
+      fill: 1,
+      visible: "no",
+      active: "yes"
+    },
+    {
+      number: 38,
+      name: "bTest",
+      color: 7,
+      fill: 1,
+      visible: "no",
+      active: "yes"
+    },
+    {
+      number: 39,
+      name: "tKeepout",
+      color: 4,
+      fill: 11,
+      visible: "yes",
+      active: "yes"
+    },
+    {
+      number: 40,
+      name: "bKeepout",
+      color: 1,
+      fill: 11,
+      visible: "yes",
+      active: "yes"
+    },
+    {
+      number: 41,
+      name: "tRestrict",
+      color: 4,
+      fill: 10,
+      visible: "yes",
+      active: "yes"
+    },
+    {
+      number: 42,
+      name: "bRestrict",
+      color: 1,
+      fill: 10,
+      visible: "yes",
+      active: "yes"
+    },
+    {
+      number: 43,
+      name: "vRestrict",
+      color: 2,
+      fill: 10,
+      visible: "yes",
+      active: "yes"
+    },
+    {
+      number: 44,
+      name: "Drills",
+      color: 7,
+      fill: 1,
+      visible: "no",
+      active: "yes"
+    },
+    {
+      number: 45,
+      name: "Holes",
+      color: 7,
+      fill: 1,
+      visible: "no",
+      active: "yes"
+    },
+    {
+      number: 46,
+      name: "Milling",
+      color: 3,
+      fill: 1,
+      visible: "no",
+      active: "yes"
+    },
+    {
+      number: 47,
+      name: "Measures",
+      color: 7,
+      fill: 1,
+      visible: "no",
+      active: "yes"
+    },
+    {
+      number: 48,
+      name: "Document",
+      color: 7,
+      fill: 1,
+      visible: "yes",
+      active: "yes"
+    },
+    {
+      number: 49,
+      name: "Reference",
+      color: 7,
+      fill: 1,
+      visible: "yes",
+      active: "yes"
+    },
+    {
+      number: 51,
+      name: "tDocu",
+      color: 7,
+      fill: 1,
+      visible: "yes",
+      active: "yes"
+    },
+    {
+      number: 52,
+      name: "bDocu",
+      color: 7,
+      fill: 1,
+      visible: "yes",
+      active: "yes"
+    },
+    {
+      number: 90,
+      name: "Modules",
+      color: 5,
+      fill: 1,
+      visible: "yes",
+      active: "yes"
+    },
+    {
+      number: 91,
+      name: "Nets",
+      color: 2,
+      fill: 1,
+      visible: "yes",
+      active: "yes"
+    },
+    {
+      number: 92,
+      name: "Busses",
+      color: 1,
+      fill: 1,
+      visible: "yes",
+      active: "yes"
+    },
+    {
+      number: 93,
+      name: "Pins",
+      color: 2,
+      fill: 1,
+      visible: "yes",
+      active: "yes"
+    },
+    {
+      number: 94,
+      name: "Symbols",
+      color: 4,
+      fill: 1,
+      visible: "yes",
+      active: "yes"
+    },
+    {
+      number: 95,
+      name: "Names",
+      color: 7,
+      fill: 1,
+      visible: "yes",
+      active: "yes"
+    },
+    {
+      number: 96,
+      name: "Values",
+      color: 7,
+      fill: 1,
+      visible: "yes",
+      active: "yes"
+    },
+    {
+      number: 97,
+      name: "Info",
+      color: 7,
+      fill: 1,
+      visible: "yes",
+      active: "yes"
+    },
+    {
+      number: 98,
+      name: "Guide",
+      color: 6,
+      fill: 1,
+      visible: "yes",
+      active: "yes"
+    }
+  ],
+  library: {
+    packages: [
+      {
+        circle: [
+          {
+            x: -4.44,
+            y: 4.4,
+            radius: 0.1,
+            width: 0.2,
+            layer: 21
+          }
+        ],
+        wire: [
+          {
+            x1: -1.9475,
+            y1: 4.425,
+            x2: 1.9475,
+            y2: 4.425,
+            width: 0.127,
+            layer: 21
+          },
+          {
+            x1: -1.9475,
+            y1: -4.425,
+            x2: 1.9475,
+            y2: -4.425,
+            width: 0.127,
+            layer: 21
+          },
+          {
+            x1: -3.705,
+            y1: 4.5725,
+            x2: 3.705,
+            y2: 4.5725,
+            width: 0.05,
+            layer: 39
+          },
+          {
+            x1: -3.705,
+            y1: -4.5725,
+            x2: 3.705,
+            y2: -4.5725,
+            width: 0.05,
+            layer: 39
+          },
+          {
+            x1: -3.705,
+            y1: 4.5725,
+            x2: -3.705,
+            y2: -4.5725,
+            width: 0.05,
+            layer: 39
+          },
+          {
+            x1: 3.705,
+            y1: 4.5725,
+            x2: 3.705,
+            y2: -4.5725,
+            width: 0.05,
+            layer: 39
+          }
+        ],
+        text: [
+          {
+            "#text": ">VALUE",
+            x: -3.965,
+            y: -4.602,
+            size: 1.27,
+            layer: 27,
+            align: "top-left"
+          },
+          {
+            "#text": ">NAME",
+            x: -3.965,
+            y: 4.602,
+            size: 1.27,
+            layer: 25
+          }
+        ],
+        smd: [
+          {
+            name: 1,
+            x: -2.47,
+            y: 3.81,
+            dx: 1.97,
+            dy: 0.59,
+            layer: 1,
+            roundness: 25
+          },
+          {
+            name: 2,
+            x: -2.47,
+            y: 2.54,
+            dx: 1.97,
+            dy: 0.59,
+            layer: 1,
+            roundness: 25
+          },
+          {
+            name: 3,
+            x: -2.47,
+            y: 1.27,
+            dx: 1.97,
+            dy: 0.59,
+            layer: 1,
+            roundness: 25
+          },
+          {
+            name: 4,
+            x: -2.47,
+            y: 0,
+            dx: 1.97,
+            dy: 0.59,
+            layer: 1,
+            roundness: 25
+          },
+          {
+            name: 5,
+            x: -2.47,
+            y: -1.27,
+            dx: 1.97,
+            dy: 0.59,
+            layer: 1,
+            roundness: 25
+          },
+          {
+            name: 6,
+            x: -2.47,
+            y: -2.54,
+            dx: 1.97,
+            dy: 0.59,
+            layer: 1,
+            roundness: 25
+          },
+          {
+            name: 7,
+            x: -2.47,
+            y: -3.81,
+            dx: 1.97,
+            dy: 0.59,
+            layer: 1,
+            roundness: 25
+          },
+          {
+            name: 8,
+            x: 2.47,
+            y: -3.81,
+            dx: 1.97,
+            dy: 0.59,
+            layer: 1,
+            roundness: 25
+          },
+          {
+            name: 9,
+            x: 2.47,
+            y: -2.54,
+            dx: 1.97,
+            dy: 0.59,
+            layer: 1,
+            roundness: 25
+          },
+          {
+            name: 10,
+            x: 2.47,
+            y: -1.27,
+            dx: 1.97,
+            dy: 0.59,
+            layer: 1,
+            roundness: 25
+          },
+          {
+            name: 11,
+            x: 2.47,
+            y: 0,
+            dx: 1.97,
+            dy: 0.59,
+            layer: 1,
+            roundness: 25
+          },
+          {
+            name: 12,
+            x: 2.47,
+            y: 1.27,
+            dx: 1.97,
+            dy: 0.59,
+            layer: 1,
+            roundness: 25
+          },
+          {
+            name: 13,
+            x: 2.47,
+            y: 2.54,
+            dx: 1.97,
+            dy: 0.59,
+            layer: 1,
+            roundness: 25
+          },
+          {
+            name: 14,
+            x: 2.47,
+            y: 3.81,
+            dx: 1.97,
+            dy: 0.59,
+            layer: 1,
+            roundness: 25
+          }
+        ],
+        name: "SOIC127P599X175-14N",
+        rect: []
+      }
+    ],
+    devicesets: [
+      {
+        description: "MCU 8-bit ATtiny AVR CISC 8KB Flash 1.8V/2.5V/3.3V/5V 14-Pin SOIC W Tray",
+        gates: [
+          {
+            name: "G$1",
+            symbol: "ATTINY841-SSU",
+            x: 0,
+            y: 0
+          }
+        ],
+        devices: [
+          {
+            connects: [
+              {
+                gate: "G$1",
+                pin: "GND",
+                pad: 14
+              },
+              {
+                gate: "G$1",
+                pin: "PA0",
+                pad: 13
+              },
+              {
+                gate: "G$1",
+                pin: "PA1",
+                pad: 12
+              },
+              {
+                gate: "G$1",
+                pin: "PA2",
+                pad: 11
+              },
+              {
+                gate: "G$1",
+                pin: "PA3",
+                pad: 10
+              },
+              {
+                gate: "G$1",
+                pin: "PA4",
+                pad: 9
+              },
+              {
+                gate: "G$1",
+                pin: "PA5",
+                pad: 8
+              },
+              {
+                gate: "G$1",
+                pin: "PA6",
+                pad: 7
+              },
+              {
+                gate: "G$1",
+                pin: "PA7",
+                pad: 6
+              },
+              {
+                gate: "G$1",
+                pin: "PB0",
+                pad: 2
+              },
+              {
+                gate: "G$1",
+                pin: "PB1",
+                pad: 3
+              },
+              {
+                gate: "G$1",
+                pin: "PB2",
+                pad: 5
+              },
+              {
+                gate: "G$1",
+                pin: "PB3",
+                pad: 4
+              },
+              {
+                gate: "G$1",
+                pin: "VCC",
+                pad: 1
+              }
+            ],
+            name: "",
+            package: "SOIC127P599X175-14N"
+          }
+        ],
+        name: "ATTINY841-SSU",
+        prefix: "U"
+      }
+    ],
+    symbols: [
+      {
+        wire: [
+          {
+            x1: 10.16,
+            y1: 15.24,
+            x2: 10.16,
+            y2: -17.78,
+            width: 0.1524,
+            layer: 94
+          },
+          {
+            x1: 10.16,
+            y1: -17.78,
+            x2: -10.16,
+            y2: -17.78,
+            width: 0.1524,
+            layer: 94
+          },
+          {
+            x1: -10.16,
+            y1: -17.78,
+            x2: -10.16,
+            y2: 15.24,
+            width: 0.1524,
+            layer: 94
+          },
+          {
+            x1: -10.16,
+            y1: 15.24,
+            x2: 10.16,
+            y2: 15.24,
+            width: 0.1524,
+            layer: 94
+          }
+        ],
+        text: [
+          {
+            "#text": ">NAME",
+            x: -10.16,
+            y: 16.002,
+            size: 1.778,
+            layer: 95
+          },
+          {
+            "#text": ">VALUE",
+            x: -10.16,
+            y: -20.32,
+            size: 1.778,
+            layer: 96
+          }
+        ],
+        pin: [
+          {
+            name: "VCC",
+            x: 15.24,
+            y: 12.7,
+            length: "middle",
+            direction: "pwr",
+            rot: "R180"
+          },
+          {
+            name: "PB0",
+            x: 15.24,
+            y: 2.54,
+            length: "middle",
+            rot: "R180"
+          },
+          {
+            name: "PA0",
+            x: -15.24,
+            y: 7.62,
+            length: "middle"
+          },
+          {
+            name: "GND",
+            x: 15.24,
+            y: -15.24,
+            length: "middle",
+            direction: "pwr",
+            rot: "R180"
+          },
+          {
+            name: "PB1",
+            x: 15.24,
+            y: 0,
+            length: "middle",
+            rot: "R180"
+          },
+          {
+            name: "PB2",
+            x: 15.24,
+            y: -2.54,
+            length: "middle",
+            rot: "R180"
+          },
+          {
+            name: "PB3",
+            x: 15.24,
+            y: -5.08,
+            length: "middle",
+            rot: "R180"
+          },
+          {
+            name: "PA6",
+            x: -15.24,
+            y: -7.62,
+            length: "middle"
+          },
+          {
+            name: "PA7",
+            x: -15.24,
+            y: -10.16,
+            length: "middle"
+          },
+          {
+            name: "PA1",
+            x: -15.24,
+            y: 5.08,
+            length: "middle"
+          },
+          {
+            name: "PA2",
+            x: -15.24,
+            y: 2.54,
+            length: "middle"
+          },
+          {
+            name: "PA3",
+            x: -15.24,
+            y: 0,
+            length: "middle"
+          },
+          {
+            name: "PA4",
+            x: -15.24,
+            y: -2.54,
+            length: "middle"
+          },
+          {
+            name: "PA5",
+            x: -15.24,
+            y: -5.08,
+            length: "middle"
+          }
+        ],
+        name: "ATTINY841-SSU"
+      }
+    ]
+  }
+};
+
+// src/lib/draw-eagle.ts
+var import_transformation_matrix = require("transformation-matrix");
+var drawEagle = (drawer, eagle) => {
+  const pkg = eagle.library.packages[0];
+  if (eagle.grid.unit === "inch") {
+    drawer.transform = (0, import_transformation_matrix.compose)(
+      (0, import_transformation_matrix.fromDefinition)(
+        (0, import_transformation_matrix.fromTransformAttribute)("translate(200, 200) scale(30,-30)")
+      )
+    );
+  }
+  const layerMap = {};
+  for (const layer of eagle.layers) {
+    layerMap[layer.number] = layer;
+  }
+  for (const smd of pkg.smd || []) {
+    drawer.equip({
+      color: layerMap[smd.layer].name
+    });
+    drawer.rect(smd.x - smd.dx / 2, smd.y - smd.dy / 2, smd.dx, smd.dy);
+  }
+  for (const wire of pkg.wire || []) {
+    drawer.equip({
+      size: wire.width,
+      shape: "circle",
+      color: layerMap[wire.layer].name
+    });
+    drawer.moveTo(wire.x1, wire.y1);
+    drawer.lineTo(wire.x2, wire.y2);
+  }
+  for (const circle of pkg.circle || []) {
+    drawer.equip({ color: layerMap[circle.layer].name });
+    drawer.circle(circle.x, circle.y, circle.radius);
+  }
+};
+
+// src/lib/util/scale-only.ts
+var scaleOnly = (mat, value) => {
+  if (Math.abs(mat.a) !== Math.abs(mat.d))
+    throw new Error("Cannot scale non-uniformly");
+  return value * Math.abs(mat.a);
+};
+
+// src/lib/Drawer.ts
+var import_transformation_matrix2 = require("transformation-matrix");
+
+// src/lib/colors.ts
+var colors_default = {
+  "3d_viewer": {
+    background_bottom: "rgb(102, 102, 128)",
+    background_top: "rgb(204, 204, 230)",
+    board: "rgb(51, 43, 23)",
+    copper: "rgb(179, 156, 0)",
+    silkscreen_bottom: "rgb(230, 230, 230)",
+    silkscreen_top: "rgb(230, 230, 230)",
+    soldermask: "rgb(20, 51, 36)",
+    solderpaste: "rgb(128, 128, 128)"
+  },
+  board: {
+    anchor: "rgb(255, 38, 226)",
+    aux_items: "rgb(255, 255, 255)",
+    b_adhes: "rgb(0, 0, 132)",
+    b_crtyd: "rgb(255, 38, 226)",
+    b_fab: "rgb(88, 93, 132)",
+    b_mask: "rgba(2, 255, 238, 0.400)",
+    b_paste: "rgb(0, 194, 194)",
+    b_silks: "rgb(232, 178, 167)",
+    background: "rgb(0, 16, 35)",
+    cmts_user: "rgb(89, 148, 220)",
+    copper: {
+      b: "rgb(77, 127, 196)",
+      f: "rgb(200, 52, 52)",
+      in1: "rgb(127, 200, 127)",
+      in10: "rgb(237, 124, 51)",
+      in11: "rgb(91, 195, 235)",
+      in12: "rgb(247, 111, 142)",
+      in13: "rgb(167, 165, 198)",
+      in14: "rgb(40, 204, 217)",
+      in15: "rgb(232, 178, 167)",
+      in16: "rgb(242, 237, 161)",
+      in17: "rgb(237, 124, 51)",
+      in18: "rgb(91, 195, 235)",
+      in19: "rgb(247, 111, 142)",
+      in2: "rgb(206, 125, 44)",
+      in20: "rgb(167, 165, 198)",
+      in21: "rgb(40, 204, 217)",
+      in22: "rgb(232, 178, 167)",
+      in23: "rgb(242, 237, 161)",
+      in24: "rgb(237, 124, 51)",
+      in25: "rgb(91, 195, 235)",
+      in26: "rgb(247, 111, 142)",
+      in27: "rgb(167, 165, 198)",
+      in28: "rgb(40, 204, 217)",
+      in29: "rgb(232, 178, 167)",
+      in3: "rgb(79, 203, 203)",
+      in30: "rgb(242, 237, 161)",
+      in4: "rgb(219, 98, 139)",
+      in5: "rgb(167, 165, 198)",
+      in6: "rgb(40, 204, 217)",
+      in7: "rgb(232, 178, 167)",
+      in8: "rgb(242, 237, 161)",
+      in9: "rgb(141, 203, 129)"
+    },
+    cursor: "rgb(255, 255, 255)",
+    drc: "rgb(194, 194, 194)",
+    drc_error: "rgba(215, 91, 107, 0.800)",
+    drc_exclusion: "rgb(255, 255, 255)",
+    drc_warning: "rgba(255, 208, 66, 0.902)",
+    dwgs_user: "rgb(194, 194, 194)",
+    eco1_user: "rgb(180, 219, 210)",
+    eco2_user: "rgb(216, 200, 82)",
+    edge_cuts: "rgb(208, 210, 205)",
+    f_adhes: "rgb(132, 0, 132)",
+    f_crtyd: "rgb(255, 0, 245)",
+    f_fab: "rgb(175, 175, 175)",
+    f_mask: "rgba(216, 100, 255, 0.400)",
+    f_paste: "rgba(180, 160, 154, 0.902)",
+    f_silks: "rgb(242, 237, 161)",
+    footprint_text_back: "rgb(0, 0, 132)",
+    footprint_text_front: "rgb(194, 194, 194)",
+    footprint_text_invisible: "rgb(132, 132, 132)",
+    grid: "rgb(132, 132, 132)",
+    grid_axes: "rgb(194, 194, 194)",
+    margin: "rgb(255, 38, 226)",
+    microvia: "rgb(0, 132, 132)",
+    no_connect: "rgb(0, 0, 132)",
+    pad_back: "rgb(77, 127, 196)",
+    pad_front: "rgb(200, 52, 52)",
+    pad_plated_hole: "rgb(194, 194, 0)",
+    pad_through_hole: "rgb(227, 183, 46)",
+    plated_hole: "rgb(26, 196, 210)",
+    ratsnest: "rgba(245, 255, 213, 0.702)",
+    select_overlay: "rgb(4, 255, 67)",
+    through_via: "rgb(236, 236, 236)",
+    user_1: "rgb(194, 194, 194)",
+    user_2: "rgb(89, 148, 220)",
+    user_3: "rgb(180, 219, 210)",
+    user_4: "rgb(216, 200, 82)",
+    user_5: "rgb(194, 194, 194)",
+    user_6: "rgb(89, 148, 220)",
+    user_7: "rgb(180, 219, 210)",
+    user_8: "rgb(216, 200, 82)",
+    user_9: "rgb(232, 178, 167)",
+    via_blind_buried: "rgb(187, 151, 38)",
+    via_hole: "rgb(227, 183, 46)",
+    via_micro: "rgb(0, 132, 132)",
+    via_through: "rgb(236, 236, 236)",
+    worksheet: "rgb(200, 114, 171)"
+  },
+  gerbview: {
+    axes: "rgb(0, 0, 132)",
+    background: "rgb(0, 0, 0)",
+    dcodes: "rgb(255, 255, 255)",
+    grid: "rgb(132, 132, 132)",
+    layers: [
+      "rgb(132, 0, 0)",
+      "rgb(194, 194, 0)",
+      "rgb(194, 0, 194)",
+      "rgb(194, 0, 0)",
+      "rgb(0, 132, 132)",
+      "rgb(0, 132, 0)",
+      "rgb(0, 0, 132)",
+      "rgb(132, 132, 132)",
+      "rgb(132, 0, 132)",
+      "rgb(194, 194, 194)",
+      "rgb(132, 0, 132)",
+      "rgb(132, 0, 0)",
+      "rgb(132, 132, 0)",
+      "rgb(194, 194, 194)",
+      "rgb(0, 0, 132)",
+      "rgb(0, 132, 0)",
+      "rgb(132, 0, 0)",
+      "rgb(194, 194, 0)",
+      "rgb(194, 0, 194)",
+      "rgb(194, 0, 0)",
+      "rgb(0, 132, 132)",
+      "rgb(0, 132, 0)",
+      "rgb(0, 0, 132)",
+      "rgb(132, 132, 132)",
+      "rgb(132, 0, 132)",
+      "rgb(194, 194, 194)",
+      "rgb(132, 0, 132)",
+      "rgb(132, 0, 0)",
+      "rgb(132, 132, 0)",
+      "rgb(194, 194, 194)",
+      "rgb(0, 0, 132)",
+      "rgb(0, 132, 0)",
+      "rgb(132, 0, 0)",
+      "rgb(194, 194, 0)",
+      "rgb(194, 0, 194)",
+      "rgb(194, 0, 0)",
+      "rgb(0, 132, 132)",
+      "rgb(0, 132, 0)",
+      "rgb(0, 0, 132)",
+      "rgb(132, 132, 132)",
+      "rgb(132, 0, 132)",
+      "rgb(194, 194, 194)",
+      "rgb(132, 0, 132)",
+      "rgb(132, 0, 0)",
+      "rgb(132, 132, 0)",
+      "rgb(194, 194, 194)",
+      "rgb(0, 0, 132)",
+      "rgb(0, 132, 0)",
+      "rgb(132, 0, 0)",
+      "rgb(194, 194, 0)",
+      "rgb(194, 0, 194)",
+      "rgb(194, 0, 0)",
+      "rgb(0, 132, 132)",
+      "rgb(0, 132, 0)",
+      "rgb(0, 0, 132)",
+      "rgb(132, 132, 132)",
+      "rgb(132, 0, 132)",
+      "rgb(194, 194, 194)",
+      "rgb(132, 0, 132)",
+      "rgb(132, 0, 0)"
+    ],
+    negative_objects: "rgb(132, 132, 132)",
+    worksheet: "rgb(0, 0, 132)"
+  },
+  palette: [
+    "rgb(132, 0, 0)",
+    "rgb(194, 194, 0)",
+    "rgb(194, 0, 194)",
+    "rgb(194, 0, 0)",
+    "rgb(0, 132, 132)",
+    "rgb(0, 132, 0)",
+    "rgb(0, 0, 132)",
+    "rgb(132, 132, 132)",
+    "rgb(132, 0, 132)",
+    "rgb(194, 194, 194)",
+    "rgb(132, 0, 132)",
+    "rgb(132, 0, 0)",
+    "rgb(132, 132, 0)",
+    "rgb(194, 194, 194)",
+    "rgb(0, 0, 132)",
+    "rgb(0, 132, 0)"
+  ],
+  schematic: {
+    anchor: "rgb(0, 0, 255)",
+    aux_items: "rgb(0, 0, 0)",
+    background: "rgb(33, 33, 33)",
+    brightened: "rgb(204, 204, 204)",
+    bus: "rgb(0, 96, 192)",
+    bus_junction: "rgb(0, 96, 192)",
+    component_body: "rgb(44, 44, 44)",
+    component_outline: "rgb(192, 0, 0)",
+    cursor: "rgb(224, 224, 224)",
+    erc_error: "rgba(192, 48, 48, 0.800)",
+    erc_warning: "rgba(192, 140, 0, 0.800)",
+    fields: "rgb(128, 0, 160)",
+    grid: "rgb(60, 60, 60)",
+    grid_axes: "rgb(60, 60, 60)",
+    hidden: "rgb(194, 194, 194)",
+    junction: "rgb(0, 160, 0)",
+    label_global: "rgb(0, 160, 224)",
+    label_hier: "rgb(160, 160, 0)",
+    label_local: "rgb(192, 192, 192)",
+    net_name: "rgb(224, 224, 224)",
+    no_connect: "rgb(97, 43, 224)",
+    note: "rgb(192, 192, 0)",
+    override_item_colors: false,
+    pin: "rgb(192, 0, 0)",
+    pin_name: "rgb(192, 192, 192)",
+    pin_number: "rgb(192, 0, 0)",
+    reference: "rgb(192, 192, 192)",
+    shadow: "rgba(102, 179, 255, 0.800)",
+    sheet: "rgb(128, 0, 160)",
+    sheet_background: "rgba(255, 255, 255, 0.000)",
+    sheet_fields: "rgb(160, 160, 0)",
+    sheet_filename: "rgb(160, 160, 0)",
+    sheet_label: "rgb(160, 160, 0)",
+    sheet_name: "rgb(0, 160, 204)",
+    value: "rgb(192, 192, 192)",
+    wire: "rgb(0, 160, 0)",
+    worksheet: "rgb(192, 0, 0)"
+  }
+};
+
+// src/lib/Drawer.ts
+var LAYER_NAME_TO_COLOR = {
+  red: "red",
+  black: "black",
+  green: "green",
+  top: colors_default.board.copper.f,
+  keepout: colors_default.board.background,
+  tkeepout: colors_default.board.b_crtyd,
+  tplace: colors_default.board.b_silks,
+  ...colors_default.board
+};
+var Drawer = class {
+  constructor(canvas) {
+    this.canvas = canvas;
+    this.canvas = canvas;
+    this.ctx = canvas.getContext("2d");
+    this.transform = (0, import_transformation_matrix2.identity)();
+    this.transform.d *= -1;
+    this.transform = (0, import_transformation_matrix2.compose)(this.transform, (0, import_transformation_matrix2.translate)(0, -500));
+  }
+  clear() {
+    const { ctx, canvas } = this;
+    ctx.clearRect(0, 0, canvas.width, canvas.height);
+  }
+  equip(aperature) {
+    this.aperture = {
+      fontSize: 0,
+      shape: "circle",
+      mode: "add",
+      size: 0,
+      color: "red",
+      ...aperature
+    };
+  }
+  rect(x, y, w, h) {
+    const [x1$, y1$] = (0, import_transformation_matrix2.applyToPoint)(this.transform, [x, y]);
+    const [x2$, y2$] = (0, import_transformation_matrix2.applyToPoint)(this.transform, [x + w, y + h]);
+    this.applyAperture();
+    this.ctx.fillRect(x1$, y1$, x2$ - x1$, y2$ - y1$);
+  }
+  circle(x, y, r) {
+    const r$ = scaleOnly(this.transform, r);
+    const [x$, y$] = (0, import_transformation_matrix2.applyToPoint)(this.transform, [x, y]);
+    this.applyAperture();
+    this.ctx.beginPath();
+    this.ctx.arc(x$, y$, r$ * 2, 0, 2 * Math.PI);
+    this.ctx.fill();
+    this.ctx.closePath();
+  }
+  text(text, x, y) {
+    const [x$, y$] = (0, import_transformation_matrix2.applyToPoint)(this.transform, [x, y]);
+    this.applyAperture();
+    this.ctx.fillText(text, x$, y$);
+  }
+  applyAperture() {
+    const { ctx, transform, aperture } = this;
+    const { size, mode, color, fontSize } = aperture;
+    ctx.lineWidth = scaleOnly(transform, size);
+    ctx.lineCap = "round";
+    if (mode === "add") {
+      let colorString = color[0] === "#" || color.startsWith("rgb") ? color : LAYER_NAME_TO_COLOR[color.toLowerCase()] ? LAYER_NAME_TO_COLOR[color.toLowerCase()] : null;
+      if (colorString === null) {
+        console.warn(`Color mapping for "${color}" not found`);
+        colorString = "white";
+      }
+      ctx.fillStyle = colorString;
+      ctx.strokeStyle = colorString;
+    } else {
+      ctx.globalCompositeOperation = "destination-out";
+      ctx.fillStyle = "rgba(0,0,0,1)";
+      ctx.strokeStyle = "rgba(0,0,0,1)";
+    }
+    ctx.font = `${scaleOnly(transform, fontSize)}px sans-serif`;
+  }
+  moveTo(x, y) {
+    this.lastPoint = { x, y };
+  }
+  lineTo(x, y) {
+    const [x$, y$] = (0, import_transformation_matrix2.applyToPoint)(this.transform, [x, y]);
+    const { size, shape, mode } = this.aperture;
+    const size$ = scaleOnly(this.transform, size);
+    let { lastPoint, ctx } = this;
+    const lastPoint$ = (0, import_transformation_matrix2.applyToPoint)(this.transform, lastPoint);
+    this.applyAperture();
+    if (shape === "square")
+      ctx.fillRect(
+        lastPoint$.x - size$ / 2,
+        lastPoint$.y - size$ / 2,
+        size$,
+        size$
+      );
+    ctx.beginPath();
+    ctx.moveTo(lastPoint$.x, lastPoint$.y);
+    ctx.lineTo(x$, y$);
+    ctx.stroke();
+    ctx.closePath();
+    if (shape === "square")
+      ctx.fillRect(x$ - size$ / 2, y$ - size$ / 2, size$, size$);
+    this.lastPoint = { x, y };
+  }
+};
+
+// src/pages/eagle.tsx
+var eagle_default = () => {
+  const ref = (0, import_react.useRef)();
+  let [width, height] = [500, 500];
+  (0, import_react.useEffect)(() => {
+    const drawer = new Drawer(ref.current);
+    drawer.clear();
+    drawEagle(drawer, attiny_eagle_default);
+  }, []);
+  return /* @__PURE__ */ import_react.default.createElement("div", {
+    style: { backgroundColor: "black" }
+  }, /* @__PURE__ */ import_react.default.createElement("canvas", {
+    ref,
+    width,
+    height
+  }));
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});
+//# sourceMappingURL=eagle.js.map