schematic-symbols 0.0.95 → 0.0.97

package/drawing/rotateSymbol.ts

@@ -1,4 +1,4 @@
-import { rotate, applyToPoint } from "transformation-matrix"
+import { rotate, applyToPoint, transform, scale } from "transformation-matrix"
 import type {
   SchSymbol,
   Primitive,
@@ -55,6 +55,164 @@ const rotateAnchor = (
   return anchor
 }
 
+export const flipSymbolOverXAxis = (
+  symbol: SchSymbol,
+  overrides?: Partial<SchSymbol>,
+): SchSymbol => {
+  const { primitives, center, ports, size } = symbol
+  const transformMatrix = transform({
+    a: 1,
+    b: 0,
+    c: 0,
+    d: -1,
+    e: 0,
+    f: 2 * center.y,
+  })
+
+  const flippedPrimitives = primitives.map((primitive): Primitive => {
+    primitive = { ...primitive }
+    switch (primitive.type) {
+      case "path":
+        return {
+          ...primitive,
+          points: primitive.points.map(
+            (point) => applyToPoint(transformMatrix, point) as Point,
+          ),
+        }
+      case "text":
+        const flippedPoint = applyToPoint(transformMatrix, {
+          x: primitive.x,
+          y: primitive.y,
+        }) as Point
+
+        // Flip text anchors vertically
+        const anchorMap: Record<NinePointAnchor, NinePointAnchor> = {
+          top_left: "bottom_left",
+          top_right: "bottom_right",
+          bottom_left: "top_left",
+          bottom_right: "top_right",
+          center: "center",
+          middle_top: "middle_bottom",
+          middle_bottom: "middle_top",
+          middle_left: "middle_left",
+          middle_right: "middle_right",
+        }
+
+        return {
+          ...primitive,
+          x: flippedPoint.x,
+          y: flippedPoint.y,
+          anchor: anchorMap[primitive.anchor],
+        }
+      case "circle":
+      case "box":
+        const flippedCenter = applyToPoint(transformMatrix, {
+          x: primitive.x,
+          y: primitive.y,
+        }) as Point
+        return {
+          ...primitive,
+          x: flippedCenter.x,
+          y: flippedCenter.y,
+        }
+    }
+  })
+
+  const flippedPorts = ports.map(
+    (port): Port => ({
+      ...port,
+      ...(applyToPoint(transformMatrix, port) as Point),
+    }),
+  )
+
+  return {
+    primitives: flippedPrimitives,
+    center,
+    ports: flippedPorts,
+    size,
+    ...overrides,
+  }
+}
+
+export const flipSymbolOverYAxis = (
+  symbol: SchSymbol,
+  overrides?: Partial<SchSymbol>,
+): SchSymbol => {
+  const { primitives, center, ports, size } = symbol
+  const transformMatrix = transform({
+    a: -1,
+    b: 0,
+    c: 0,
+    d: 1,
+    e: 0,
+    f: 2 * center.x,
+  })
+
+  const flippedPrimitives = primitives.map((primitive): Primitive => {
+    primitive = { ...primitive }
+    switch (primitive.type) {
+      case "path":
+        return {
+          ...primitive,
+          points: primitive.points.map(
+            (point) => applyToPoint(transformMatrix, point) as Point,
+          ),
+        }
+      case "text":
+        const flippedPoint = applyToPoint(transformMatrix, {
+          x: primitive.x,
+          y: primitive.y,
+        }) as Point
+
+        // Flip text anchors horizontally
+        const anchorMap: Record<NinePointAnchor, NinePointAnchor> = {
+          top_left: "top_right",
+          top_right: "top_left",
+          bottom_left: "bottom_right",
+          bottom_right: "bottom_left",
+          center: "center",
+          middle_top: "middle_top",
+          middle_bottom: "middle_bottom",
+          middle_left: "middle_right",
+          middle_right: "middle_left",
+        }
+
+        return {
+          ...primitive,
+          x: flippedPoint.x,
+          y: flippedPoint.y,
+          anchor: anchorMap[primitive.anchor],
+        }
+      case "circle":
+      case "box":
+        const flippedCenter = applyToPoint(transformMatrix, {
+          x: primitive.x,
+          y: primitive.y,
+        }) as Point
+        return {
+          ...primitive,
+          x: flippedCenter.x,
+          y: flippedCenter.y,
+        }
+    }
+  })
+
+  const flippedPorts = ports.map(
+    (port): Port => ({
+      ...port,
+      ...(applyToPoint(transformMatrix, port) as Point),
+    }),
+  )
+
+  return {
+    primitives: flippedPrimitives,
+    center,
+    ports: flippedPorts,
+    size,
+    ...overrides,
+  }
+}
+
 export const rotateSymbol = (
   symbol: SchSymbol,
   orientation?: "up" | "down" | "left" | "right",

package/package.json

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

package/symbols/led_left.ts

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

package/symbols/led_up.ts

@@ -1,4 +1,27 @@
 import { rotateSymbol } from "drawing/rotateSymbol"
 import led_right from "./led_right"
 
-export default rotateSymbol(led_right, "up")
+const baseSymbol = rotateSymbol(led_right, "up")
+
+// Flip path25-0 and path78 over X axis
+const modifiedSymbol = {
+  ...baseSymbol,
+  primitives: baseSymbol.primitives.map((primitive) => {
+    if (
+      primitive.type === "path" &&
+      (primitive.points.length === 3 || primitive.points.length === 4)
+    ) {
+      // This matches both the triangle shape (path25-0) and path78
+      return {
+        ...primitive,
+        points: primitive.points.map((point) => ({
+          x: point.x,
+          y: -point.y + 2 * baseSymbol.center.y,
+        })),
+      }
+    }
+    return primitive
+  }),
+}
+
+export default modifiedSymbol

package/symbols/potentiometer2_horz.ts

@@ -6,8 +6,8 @@ const { paths, texts, bounds, refblocks } = svgJson
 export default defineSymbol({
   primitives: [
     ...Object.values(paths),
-    { ...texts.bottom1, anchor: "middle_right" },
-    { ...texts.top1, anchor: "middle_left" },
+    { ...texts.bottom1, anchor: "middle_top" },
+    { ...texts.top1, anchor: "middle_bottom" },
   ] as any,
   ports: [
     { ...refblocks.left1, labels: ["1"] }, // TODO add more "standard" labels

package/symbols/potentiometer2_vert.ts

@@ -1,4 +1,14 @@
 import { rotateSymbol } from "drawing/rotateSymbol"
 import potentiometer2_horz from "./potentiometer2_horz"
 
-export default rotateSymbol(potentiometer2_horz)
+const rotated = rotateSymbol(potentiometer2_horz)
+
+const texts = rotated.primitives.filter((p) => p.type === "text")!
+
+const val = texts.find((t) => t.text === "{VAL}")!
+val.anchor = "middle_right"
+
+const ref = texts.find((t) => t.text === "{REF}")!
+ref.anchor = "middle_left"
+
+export default rotated