schematic-symbols 0.0.111 → 0.0.113

package/drawing/defineSymbol.ts

@@ -1,5 +1,16 @@
 import type { SchSymbol } from "./types"
+import { getBoundsOfPrimitives } from "./utils/getBoundsOfPrimitives"
 
-export function defineSymbol(symbol: SchSymbol): SchSymbol {
-  return symbol
+export function defineSymbol(
+  symbol: Omit<SchSymbol, "size"> & Partial<Pick<SchSymbol, "size">>,
+): SchSymbol {
+  let size = symbol.size
+  if (!size) {
+    const bounds = getBoundsOfPrimitives(symbol.primitives)
+    size = {
+      width: bounds.maxX - bounds.minX,
+      height: bounds.maxY - bounds.minY,
+    }
+  }
+  return { ...symbol, size }
 }

package/drawing/getSvg.ts

@@ -137,7 +137,35 @@ export function getInnerSvg(
 
   const centerDiamond = createDiamondElement(symbol.center)
 
-  return [svgElements.join("\n    "), portElements, centerDiamond].join("\n")
+  const debugElements = []
+  if (debug) {
+    const topLeft = {
+      x: symbol.center.x - size.width / 2,
+      y: symbol.center.y - size.height / 2,
+    }
+    debugElements.push(
+      `<text x="${topLeft.x}" y="${topLeft.y}" style="font: 0.05px monospace; fill: #833;">${size.width.toFixed(2)} x ${size.height.toFixed(2)}</text>`,
+    )
+
+    // Show all available port labels
+    ports.forEach((port, i) => {
+      if (port.labels.length > 1) {
+        const alternateLabels = port.labels.slice(1).join(", ")
+        debugElements.push(
+          `<text x="${topLeft.x}" y="${topLeft.y - (i + 1) * 0.05}" dy="-0.15" style="font: 0.05px monospace; fill: #833;">${port.labels[0]} [${alternateLabels}]</text>`,
+        )
+      }
+    })
+
+    debugElements.push(...debugElements)
+  }
+
+  return [
+    svgElements.join("\n    "),
+    portElements,
+    centerDiamond,
+    ...debugElements,
+  ].join("\n")
 }
 
 export function getSvg(

package/drawing/modify-symbol/modify-symbol.ts

@@ -1,5 +1,6 @@
 import { NinePointAnchor, SchSymbol } from "drawing/types"
 import { rotateRightFacingSymbol } from "drawing/rotateSymbol"
+import { getBoundsOfPrimitives } from "drawing/utils/getBoundsOfPrimitives"
 
 interface ModifySymbolBuilder {
   changeTextAnchor(
@@ -18,6 +19,7 @@ class SymbolModifier implements ModifySymbolBuilder {
 
   constructor(symbol: SchSymbol) {
     this.symbol = JSON.parse(JSON.stringify(symbol))
+    this.symbol.size = this.computeSize()
   }
 
   changeTextAnchor(
@@ -60,8 +62,16 @@ class SymbolModifier implements ModifySymbolBuilder {
     return this
   }
 
+  computeSize(): { width: number; height: number } {
+    const bounds = getBoundsOfPrimitives(this.symbol.primitives)
+    return {
+      width: bounds.maxX - bounds.minX,
+      height: bounds.maxY - bounds.minY,
+    }
+  }
+
   build(): SchSymbol {
-    return this.symbol
+    return { ...this.symbol, size: this.computeSize() }
   }
 }
 
@@ -83,9 +93,5 @@ export const modifySymbol = (symbol: any): ModifySymbolBuilder => {
       x: symbol.bounds.centerX,
       y: symbol.bounds.centerY,
     },
-    size: symbol.size ?? {
-      width: symbol.bounds.width,
-      height: symbol.bounds.height,
-    },
   })
 }

package/drawing/rotateSymbol.ts

@@ -6,6 +6,7 @@ import type {
   Port,
   NinePointAnchor,
 } from "./types"
+import { getBoundsOfPrimitives } from "./utils/getBoundsOfPrimitives"
 
 // Update rotateAnchor to handle all anchor rotations based on orientation
 const rotateRightFacingAnchor = (
@@ -295,19 +296,15 @@ export const rotateRightFacingSymbol = (
     }),
   )
 
+  const bounds = getBoundsOfPrimitives(rotatedPrimitives)
+
   return {
     primitives: rotatedPrimitives,
     center,
     ports: rotatedPorts,
     size: {
-      width:
-        newOrientation === "up" || newOrientation === "down"
-          ? size.width
-          : size.height,
-      height:
-        newOrientation === "up" || newOrientation === "down"
-          ? size.height
-          : size.width,
+      width: bounds.maxX - bounds.minX,
+      height: bounds.maxY - bounds.minY,
     },
     ...overrides,
   }

package/drawing/utils/getBoundsOfPrimitives.ts

@@ -0,0 +1,51 @@
+import { Primitive, Point } from "../types"
+
+export function getBoundsOfPrimitives(primitives: Primitive[]): {
+  minX: number
+  maxX: number
+  minY: number
+  maxY: number
+} {
+  if (primitives.length === 0) {
+    return { minX: 0, maxX: 0, minY: 0, maxY: 0 }
+  }
+
+  let minX = Infinity
+  let maxX = -Infinity
+  let minY = Infinity
+  let maxY = -Infinity
+
+  const updateBounds = (point: Point) => {
+    minX = Math.min(minX, point.x)
+    maxX = Math.max(maxX, point.x)
+    minY = Math.min(minY, point.y)
+    maxY = Math.max(maxY, point.y)
+  }
+
+  primitives.forEach((primitive) => {
+    switch (primitive.type) {
+      case "path":
+        primitive.points.forEach(updateBounds)
+        break
+      case "text":
+        updateBounds({ x: primitive.x, y: primitive.y })
+        break
+      case "circle": {
+        const { x, y, radius } = primitive
+        updateBounds({ x: x - radius, y: y - radius })
+        updateBounds({ x: x + radius, y: y + radius })
+        break
+      }
+      case "box": {
+        const { x, y, width, height } = primitive
+        const halfWidth = width / 2
+        const halfHeight = height / 2
+        updateBounds({ x: x - halfWidth, y: y - halfHeight })
+        updateBounds({ x: x + halfWidth, y: y + halfHeight })
+        break
+      }
+    }
+  })
+
+  return { minX, maxX, minY, maxY }
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "schematic-symbols",
   "main": "./dist/index.js",
-  "version": "0.0.111",
+  "version": "0.0.113",
   "type": "module",
   "files": [
     "dist",

package/symbols/boxresistor_down.ts

@@ -23,7 +23,6 @@ export default modifySymbol({
     { ...refblocks.left1, labels: ["1"] }, // TODO add more "standard" labels
     { ...refblocks.right1, labels: ["2"] }, // TODO add more "standard" labels
   ],
-  size: { width: bounds.width, height: bounds.height },
   center: { x: bounds.centerX, y: bounds.centerY },
 })
   .changeTextAnchor("{VAL}", "middle_bottom")

package/symbols/boxresistor_left.ts

@@ -23,7 +23,6 @@ export default modifySymbol({
     { ...refblocks.left1, labels: ["1"] }, // TODO add more "standard" labels
     { ...refblocks.right1, labels: ["2"] }, // TODO add more "standard" labels
   ],
-  size: { width: bounds.width, height: bounds.height },
   center: { x: bounds.centerX, y: bounds.centerY },
 })
   .changeTextAnchor("{VAL}", "middle_top")

package/symbols/boxresistor_right.ts

@@ -23,7 +23,6 @@ export default modifySymbol({
     { ...refblocks.left1, labels: ["1"] }, // TODO add more "standard" labels
     { ...refblocks.right1, labels: ["2"] }, // TODO add more "standard" labels
   ],
-  size: { width: bounds.width, height: bounds.height },
   center: { x: bounds.centerX, y: bounds.centerY },
 })
   .changeTextAnchor("{VAL}", "middle_top")

package/symbols/boxresistor_up.ts

@@ -23,7 +23,6 @@ export default modifySymbol({
     { ...refblocks.left1, labels: ["1"] }, // TODO add more "standard" labels
     { ...refblocks.right1, labels: ["2"] }, // TODO add more "standard" labels
   ],
-  size: { width: bounds.width, height: bounds.height },
   center: { x: bounds.centerX, y: bounds.centerY },
 })
   .changeTextAnchor("{VAL}", "middle_bottom")

package/symbols/opamp_no_power_down.ts

@@ -0,0 +1,4 @@
+import { rotateSymbol } from "drawing/rotateSymbol"
+import opamp_no_power_right from "./opamp_no_power_right"
+
+export default rotateSymbol(opamp_no_power_right, "down")

package/symbols/opamp_no_power_left.ts

@@ -0,0 +1,4 @@
+import { rotateSymbol } from "drawing/rotateSymbol"
+import opamp_no_power_right from "./opamp_no_power_right"
+
+export default rotateSymbol(opamp_no_power_right, "left")

package/symbols/opamp_no_power_right.ts

@@ -0,0 +1,10 @@
+import svgJson from "assets/generated/opamp_no_power.json"
+import { modifySymbol } from "drawing/modify-symbol/modify-symbol"
+
+export default modifySymbol(svgJson)
+  .labelPort("left1", ["1", "inp1"])
+  .labelPort("left2", ["2", "inp2"])
+  .labelPort("right1", ["3", "out"])
+  .changeTextAnchor("{REF}", "middle_bottom")
+  .changeTextAnchor("{VAL}", "middle_top")
+  .build()

package/symbols/opamp_no_power_up.ts

@@ -0,0 +1,4 @@
+import { rotateSymbol } from "drawing/rotateSymbol"
+import opamp_no_power_right from "./opamp_no_power_right"
+
+export default rotateSymbol(opamp_no_power_right, "up")

package/symbols/opamp_with_power_down.ts

@@ -0,0 +1,4 @@
+import { rotateSymbol } from "drawing/rotateSymbol"
+import opamp_with_power_right from "./opamp_with_power_right"
+
+export default rotateSymbol(opamp_with_power_right, "down")

package/symbols/opamp_with_power_left.ts

@@ -0,0 +1,4 @@
+import { rotateSymbol } from "drawing/rotateSymbol"
+import opamp_with_power_right from "./opamp_with_power_right"
+
+export default rotateSymbol(opamp_with_power_right, "left")

package/symbols/opamp_with_power_right.ts

@@ -0,0 +1,12 @@
+import svgJson from "assets/generated/opamp_with_power.json"
+import { modifySymbol } from "drawing/modify-symbol/modify-symbol"
+
+export default modifySymbol(svgJson)
+  .labelPort("left1", ["1", "inp1"])
+  .labelPort("left2", ["2", "inp2"])
+  .labelPort("right1", ["3", "out"])
+  .labelPort("top2", ["4", "V+"])
+  .labelPort("bottom1", ["5", "V-"])
+  .changeTextAnchor("{REF}", "middle_bottom")
+  .changeTextAnchor("{VAL}", "middle_top")
+  .build()

package/symbols/opamp_with_power_up.ts

@@ -0,0 +1,4 @@
+import { rotateSymbol } from "drawing/rotateSymbol"
+import opamp_with_power_right from "./opamp_with_power_right"
+
+export default rotateSymbol(opamp_with_power_right, "up")