circuitscript 0.5.3 → 0.5.5

package/dist/esm/errors.js

@@ -0,0 +1,119 @@
+import { ParserRuleContext } from "antlr4ng";
+export class BaseError extends Error {
+    name = 'BaseError';
+    message;
+    startToken;
+    endToken;
+    filePath;
+    constructor(message, startTokenOrCtx, endToken, filePath, options) {
+        super(message, options);
+        this.message = message;
+        if (startTokenOrCtx instanceof ParserRuleContext) {
+            this.startToken = startTokenOrCtx.start;
+            this.endToken = startTokenOrCtx.stop;
+        }
+        else {
+            this.startToken = startTokenOrCtx;
+            this.endToken = endToken;
+        }
+        this.filePath = filePath;
+    }
+    toString() {
+        const parts = [this.name];
+        const linePosition = getLinePositionAsString({
+            start: this.startToken,
+            stop: this.endToken
+        });
+        if (linePosition !== null) {
+            parts.push(linePosition);
+        }
+        parts.push(`: ${this.message}`);
+        return parts.join('');
+    }
+}
+export function getLinePositionAsString(ctx) {
+    if (ctx === null || ctx === undefined) {
+        return null;
+    }
+    const { start: startToken, stop: stopToken } = ctx;
+    let result = null;
+    if (startToken) {
+        const { line, column } = startToken;
+        let stopLine = 0;
+        let stopCol = 0;
+        if (stopToken && (stopToken.line !== startToken.line || stopToken.column !== startToken.column)) {
+            stopLine = stopToken.line;
+            stopCol = stopToken.column + (stopToken.stop - stopToken.start);
+        }
+        else if (startToken === stopToken || startToken) {
+            stopLine = line;
+            stopCol = column + 1 + (startToken.stop - startToken.start);
+        }
+        else {
+            stopCol = -1;
+        }
+        result = ` at ${line}:${column + 1}`;
+        if (stopCol !== -1) {
+            result += `-${stopLine}:${stopCol + 1}`;
+        }
+    }
+    return result;
+}
+export function throwWithContext(context, messageOrError) {
+    if (messageOrError instanceof BaseError) {
+        throw messageOrError;
+    }
+    throwWithTokenRange(messageOrError, context.start, context.stop);
+}
+export function throwWithTokenRange(message, startToken, endToken) {
+    throw new ParseError(message, startToken, endToken);
+}
+export class RenderError extends Error {
+    stage;
+    constructor(message, stage, options) {
+        super(message, options);
+        this.name = 'RenderError';
+        this.stage = stage;
+    }
+}
+export class AutoWireFailedError_ extends Error {
+    name = 'AutoWireFailedError_';
+    wire;
+    constructor(message, wire) {
+        super(message);
+        this.wire = wire;
+    }
+}
+export class AutoWireFailedError extends BaseError {
+    name = 'AutoWireFailedError';
+}
+export class RuntimeExecutionError extends BaseError {
+    name = 'RuntimeExecutionError';
+}
+export class ParseSyntaxError extends BaseError {
+    name = 'ParseSyntaxError';
+}
+export class ParseError extends ParseSyntaxError {
+    name = 'ParseError';
+}
+export function collectErrorChain(error) {
+    const items = [];
+    let currentError = error;
+    for (let i = 0; i < 100; i++) {
+        if (currentError.cause) {
+            items.push(currentError.cause);
+            currentError = currentError.cause;
+        }
+        else {
+            break;
+        }
+    }
+    return items;
+}
+export function printErrorChain(error) {
+    const errors = collectErrorChain(error);
+    errors.reverse();
+    for (const err of errors) {
+        console.log("  " + err.toString());
+    }
+}

package/dist/esm/execute.js

@@ -12,7 +12,8 @@ import { Frame } from './objects/Frame.js';
 import { CalculatePinPositions } from './render/layout.js';
 import { UnitDimension } from './helpers.js';
 import { PlaceHolderCommands, SymbolDrawingCommands } from './render/draw_symbols.js';
-import { getBlockTypeString, RuntimeExecutionError } from './utils.js';
+import { getBlockTypeString } from './utils.js';
+import { RuntimeExecutionError } from "./errors.js";
 export class ExecutionContext {
     name;
     namespace;
@@ -489,7 +490,13 @@ export class ExecutionContext {
             const { start_point: [component, pin,] } = stackRef;
             this.atComponent(component, pin, { addSequence: true });
         }
-        this.scope.blockStack.delete(scopeLevel);
+        const scopeLevels = Array.from(this.scope.blockStack.keys());
+        for (const level of scopeLevels) {
+            if (level >= scopeLevel) {
+                this.log(`blockstack delete level ${level}`);
+                this.scope.blockStack.delete(level);
+            }
+        }
         this.log('exit blocks');
     }
     closeOpenPathBlocks() {
@@ -906,7 +913,7 @@ export class ExecutionContext {
         this.log('-- done merging scope --');
         return mergedInstances;
     }
-    addWire(segments) {
+    addWire(segments, ctx) {
         if (this.scope.currentComponent === null) {
             throw "No current component";
         }

package/dist/esm/globals.js

@@ -56,8 +56,11 @@ export const portHeight = 2;
 export const defaultGridSizeUnits = numeric(MilsToMM).mul(100).toNumber();
 export const defaultZoomScale = 2.5;
 export const fontDisplayScale = 0.032;
+export const Defaults = {
+    WireLineWidth: numeric(6),
+    LineWidth: numeric(5),
+};
 export const defaultSymbolLineWidth = numeric(MilsToMM).mul(6).toNumber();
-export const defaultWireLineWidth = numeric(MilsToMM).mul(6).toNumber();
 export const defaultPinNameTextSize = 40;
 export const defaultPinIdTextSize = 30;
 export const defaultPageMarginMM = 10;
@@ -103,10 +106,10 @@ export var ReferenceTypes;
 export var NetGraphicsParams;
 (function (NetGraphicsParams) {
     NetGraphicsParams["Color"] = "color";
-    NetGraphicsParams["LineWidth"] = "lineWidth";
+    NetGraphicsParams["LineWidth"] = "line_width";
     NetGraphicsParams["Highlight"] = "highlight";
-    NetGraphicsParams["HighlightWidth"] = "highlightWidth";
-    NetGraphicsParams["HighlightOpacity"] = "highlightOpacity";
+    NetGraphicsParams["HighlightWidth"] = "highlight_width";
+    NetGraphicsParams["HighlightOpacity"] = "highlight_opacity";
 })(NetGraphicsParams || (NetGraphicsParams = {}));
 export var FrameType;
 (function (FrameType) {
@@ -115,6 +118,7 @@ export var FrameType;
 })(FrameType || (FrameType = {}));
 export const ModuleContainsKeyword = 'contains';
 export const GlobalDocumentName = 'document';
+export const KeywordRefdesPrefix = 'refdes_prefix';
 export const RenderFlags = {
     ShowElementFrames: false,
     ShowOrigin: false,

package/dist/esm/main.js

@@ -4,6 +4,7 @@ import figlet from 'figlet';
 import { watch } from 'fs';
 import { renderScript } from "./pipeline.js";
 import { NodeScriptEnvironment } from "./environment/environment.js";
+import { printErrorChain } from './errors.js';
 export default async function main() {
     const env = new NodeScriptEnvironment();
     NodeScriptEnvironment.setInstance(env);
@@ -133,8 +134,8 @@ async function parseFile(scriptData, outputPath, scriptOptions) {
         return output;
     }
     catch (error) {
-        console.error(`Unexpected Error: ${error}`);
-        console.log(error.stack);
+        console.error(`Unexpected Error:`);
+        printErrorChain(error);
     }
     return null;
 }

package/dist/esm/objects/ClassComponent.js

@@ -2,7 +2,7 @@ import { SymbolDrawingCommands } from '../render/draw_symbols.js';
 import { PinDefinition, PinId, PinIdType } from './PinDefinition.js';
 import { PinTypes } from './PinTypes.js';
 import { DefaultComponentUnit, ParamKeys } from '../globals.js';
-import { RuntimeExecutionError } from '../utils.js';
+import { RuntimeExecutionError } from "../errors.js";
 export class ComponentUnit {
     parent;
     unitId;

package/dist/esm/objects/ExecutionScope.js

@@ -1,6 +1,6 @@
 import { Property_key_exprContext } from '../antlr/CircuitScriptParser.js';
 import { PinId } from './PinDefinition.js';
-import { RuntimeExecutionError } from '../utils.js';
+import { RuntimeExecutionError } from "../errors.js";
 export class ExecutionScope {
     scopeId;
     nets = [];

package/dist/esm/objects/Frame.js

@@ -25,6 +25,13 @@ export var FrameParamKeys;
     FrameParamKeys["SheetType"] = "sheet_type";
     FrameParamKeys["GridStyle"] = "grid_style";
     FrameParamKeys["GridColor"] = "grid_color";
+    FrameParamKeys["BackgroundColor"] = "background_color";
+    FrameParamKeys["LineColor"] = "line_color";
+    FrameParamKeys["LineWidth"] = "line_width";
+    FrameParamKeys["FillColor"] = "fill_color";
+    FrameParamKeys["TextColor"] = "text_color";
+    FrameParamKeys["WireColor"] = "wire_color";
+    FrameParamKeys["WireWidth"] = "wire_width";
     FrameParamKeys["TitleAlign"] = "title_align";
     FrameParamKeys["HorizontalAlign"] = "align";
     FrameParamKeys["VerticalAlign"] = "valign";

package/dist/esm/objects/NumericValue.js

@@ -27,6 +27,9 @@ export class NumericValue {
     toString() {
         return 'numeric:' + this.value;
     }
+    copy() {
+        return this.add(0);
+    }
     toDisplayString() {
         if (typeof this.value === 'number') {
             return this.value.toString();
@@ -81,6 +84,15 @@ export class NumericValue {
     eq(value) {
         return this.toBigNumber().eq(value.toBigNumber());
     }
+    floor() {
+        return numeric(Math.floor(this.toNumber()));
+    }
+    ceil() {
+        return numeric(Math.ceil(this.toNumber()));
+    }
+    roundDp() {
+        return roundValue(this.toNumber());
+    }
 }
 export class NumberOperator {
     prepare(value) {
@@ -185,5 +197,8 @@ export function resolveToNumericValue(value) {
     return new NumericValue(useValue, prefixPart * 3);
 }
 export function roundValue(value) {
+    if (typeof value === "number") {
+        value = numeric(value);
+    }
     return resolveToNumericValue(new Big(value.toBigNumber().toFixed(7)));
 }

package/dist/esm/objects/PinDefinition.js

@@ -1,4 +1,4 @@
-import { RuntimeExecutionError } from '../utils.js';
+import { RuntimeExecutionError } from "../errors.js";
 import { NumericValue } from './NumericValue.js';
 import { PinTypes } from './PinTypes.js';
 export class PinId {

package/dist/esm/objects/types.js

@@ -1,5 +1,5 @@
 import { ReferenceTypes } from '../globals.js';
-import { RuntimeExecutionError } from '../utils.js';
+import { RuntimeExecutionError } from "../errors.js";
 export class CFunctionEntry {
     name;
     namespace;

package/dist/esm/parser.js

@@ -1,6 +1,7 @@
 import { CircuitScriptParser } from './antlr/CircuitScriptParser.js';
 import { MainLexer } from './lexer.js';
-import { ParseSyntaxError, RuntimeExecutionError, SimpleStopwatch } from './utils.js';
+import { SimpleStopwatch } from './utils.js';
+import { ParseSyntaxError, RuntimeExecutionError } from "./errors.js";
 import { CharStream, CommonTokenStream, PredictionMode } from 'antlr4ng';
 export function parseFileWithVisitor(visitor, data, options) {
     const lexerErrorListener = new CircuitscriptParserErrorListener(visitor.onErrorHandler);

package/dist/esm/pipeline.js

@@ -12,8 +12,10 @@ import { parseFileWithVisitor } from "./parser.js";
 import { KiCadNetListOutputHandler } from "./render/KiCadNetListOutputHandler.js";
 import { renderSheetsToSVG, generateSvgOutput, generatePdfOutput } from "./render/render.js";
 import { EvaluateERCRules } from "./rules-check/rules.js";
-import { RuntimeExecutionError, ParseSyntaxError, ParseError, printWarnings, RenderError, generateDebugSequenceAction, sequenceActionString, SimpleStopwatch } from "./utils.js";
+import { printWarnings, generateDebugSequenceAction, sequenceActionString, SimpleStopwatch } from "./utils.js";
 import { ParserVisitor } from "./visitor.js";
+import { getStylesFromDocument } from "./styles.js";
+import { RuntimeExecutionError, ParseSyntaxError, ParseError, RenderError, AutoWireFailedError, AutoWireFailedError_ } from "./errors.js";
 export async function renderScript(scriptData, outputPath, options) {
     const parseHandlers = [
         new KiCadNetListOutputHandler(),
@@ -187,8 +189,10 @@ export async function renderScriptCustom(scriptData, outputPath, options, parseH
             const graphEngine = new NetGraph(logger);
             const layoutEngine = new LayoutEngine(logger);
             const layoutTimer = new SimpleStopwatch();
+            const styles = getStylesFromDocument(documentVariable);
             let sheetFrames;
             try {
+                graphEngine.setStyles(styles);
                 const { graph, containerFrames } = graphEngine.generateLayoutGraph(sequence, nets);
                 sheetFrames = layoutEngine.runLayout(graph, containerFrames, nets);
                 if (enableErc) {
@@ -205,7 +209,13 @@ export async function renderScriptCustom(scriptData, outputPath, options, parseH
                 }
             }
             catch (err) {
-                throw new RenderError(`Error during layout generation: ${err}`, 'layout');
+                let useErr = err;
+                if (err instanceof AutoWireFailedError_) {
+                    const errCtx = visitor.wireCtxLinks.get(err.wire);
+                    useErr = new AutoWireFailedError(err.message, errCtx.start, errCtx.stop);
+                }
+                dumpData && environment.writeFileSync(dumpDirectory + 'raw-layout.txt', layoutEngine.logger.dump());
+                throw new RenderError(`Error during layout generation`, 'layout', { cause: useErr });
             }
             layoutEngine.printWarnings();
             showStats && console.log('Layout took:', layoutTimer.lap());
@@ -214,7 +224,7 @@ export async function renderScriptCustom(scriptData, outputPath, options, parseH
             const renderLogger = new Logger();
             let svgCanvas;
             try {
-                svgCanvas = renderSheetsToSVG(sheetFrames, renderLogger, documentVariable);
+                svgCanvas = renderSheetsToSVG(sheetFrames, renderLogger, documentVariable, styles);
             }
             catch (err) {
                 throw new RenderError(`Error during SVG generation: ${err}`, 'svg_generation');
@@ -267,7 +277,7 @@ export async function renderScriptCustom(scriptData, outputPath, options, parseH
             }
         }
         catch (err) {
-            throw new RenderError(`Error during rendering: ${err}`, 'output_generation');
+            throw new RenderError(`Error during rendering: ${err}`, 'output_generation', { cause: err });
         }
     }
     return {

package/dist/esm/regenerate-tests.js

@@ -40,14 +40,14 @@ async function regenerateTests(extra = "") {
         cstFiles.forEach(file => {
             const svg1 = 'svgs/' + file + '.svg';
             const svg2 = 'svgs/' + file + '.next.svg';
-            const cleanedName = file.replace('script', '').replace('.cst', '');
-            allFiles.push([file, svg1, svg2, cleanedName]);
+            const cleanedName = file.replace('script', '')
+                .replace('.cst', '')
+                .replace('.annotated', '');
+            allFiles.push([file, svg1, svg2, Number(cleanedName)]);
         });
         const sortedFiles = allFiles.sort((a, b) => {
-            const nameA = a[3];
-            const nameB = b[3];
-            const indexA = Number(nameA);
-            const indexB = Number(nameB);
+            const indexA = a[3];
+            const indexB = b[3];
             if (indexA > indexB) {
                 return 1;
             }

package/dist/esm/render/draw_symbols.js

@@ -1,8 +1,8 @@
 import { milsToMM } from "../helpers.js";
-import { ColorScheme, CustomSymbolParamTextSize, CustomSymbolPinIdSize, CustomSymbolPinTextSize, CustomSymbolRefDesSize, PinTypesList, PortArrowSize, PortPaddingHorizontal, PortPaddingVertical, ReferenceTypes, RenderFlags, SymbolPinSide, defaultFont, defaultPinIdTextSize, defaultPinNameTextSize, defaultSymbolLineWidth, fontDisplayScale } from "../globals.js";
+import { ColorScheme, CustomSymbolParamTextSize, CustomSymbolPinIdSize, CustomSymbolPinTextSize, CustomSymbolRefDesSize, Defaults, PinTypesList, PortArrowSize, PortPaddingHorizontal, PortPaddingVertical, ReferenceTypes, RenderFlags, SymbolPinSide, defaultFont, defaultPinIdTextSize, defaultPinNameTextSize, defaultSymbolLineWidth, fontDisplayScale } from "../globals.js";
 import { Geometry, GeometryProp, HorizontalAlign, HorizontalAlignProp, Textbox, VerticalAlign, VerticalAlignProp } from "./geometry.js";
 import { PinTypes } from "../objects/PinTypes.js";
-import { RuntimeExecutionError, throwWithContext } from "../utils.js";
+import { RuntimeExecutionError, throwWithContext } from "../errors.js";
 import { DeclaredReference, UndeclaredReference } from "../objects/types.js";
 import { NumericValue, numeric, roundValue } from "../objects/NumericValue.js";
 import { PinId } from "../objects/PinDefinition.js";
@@ -16,6 +16,7 @@ export class SymbolGraphic {
     width = numeric(-1);
     height = numeric(-1);
     labelTexts = new Map();
+    styles;
     constructor() {
         this.drawing = new SymbolDrawing();
     }
@@ -52,6 +53,9 @@ export class SymbolGraphic {
             height: this.height
         };
     }
+    setStyles(styles) {
+        this.styles = styles;
+    }
     size() {
         return {
             width: this.width.toNumber(),
@@ -149,7 +153,7 @@ export class SymbolGraphic {
             }
             const isHorizontalLabel = finalLabelAngle === 0 || finalLabelAngle === 180;
             const isVerticalLabel = finalLabelAngle === 90 || finalLabelAngle === -90;
-            if (useAnchor === HorizontalAlign.Middle) {
+            if (useAnchor === HorizontalAlign.Center) {
                 anchorStyle = HorizontalAlignProp.Middle;
             }
             else if (useAnchor === HorizontalAlign.Left) {
@@ -158,7 +162,7 @@ export class SymbolGraphic {
             else if (useAnchor === HorizontalAlign.Right) {
                 anchorStyle = HorizontalAlignProp.End;
             }
-            if (useDominantBaseline === VerticalAlign.Middle) {
+            if (useDominantBaseline === VerticalAlign.Center) {
                 dominantBaseline = VerticalAlignProp.Central;
             }
             else if (useDominantBaseline === VerticalAlign.Top) {
@@ -326,7 +330,7 @@ export class SymbolGraphic {
             return HorizontalAlign.Left;
         }
         else {
-            return HorizontalAlign.Middle;
+            return HorizontalAlign.Center;
         }
     }
     flipDominantBaseline(value) {
@@ -337,7 +341,7 @@ export class SymbolGraphic {
             return VerticalAlign.Top;
         }
         else {
-            return VerticalAlign.Middle;
+            return VerticalAlign.Center;
         }
     }
 }
@@ -354,13 +358,14 @@ export class SymbolText extends SymbolGraphic {
         drawing.clear();
         drawing.addTextbox(numeric(0), numeric(0), this.text, {
             fontSize: this.fontSize,
-            anchor: HorizontalAlign.Middle,
+            anchor: HorizontalAlign.Center,
             fontWeight: this.fontWeight,
         });
         this.drawing = drawing;
     }
 }
 export class SymbolPlaceholder extends SymbolGraphic {
+    styles;
     generateDrawing() {
         const drawing = this.drawing;
         drawing.log("=== start generate drawing ===");
@@ -368,16 +373,25 @@ export class SymbolPlaceholder extends SymbolGraphic {
         drawing.angle = this._angle;
         drawing.flipX = this._flipX;
         drawing.flipY = this._flipY;
+        const styles = this.styles ?? {
+            lineColor: ColorScheme.PinLineColor,
+            textColor: ColorScheme.PinNameColor,
+            lineWidth: Defaults.LineWidth,
+        };
+        const defaultLineColor = styles.lineColor;
+        const defaultLineWidth = styles.lineWidth;
+        const defaultTextColor = styles.textColor;
         const commands = [
             [PlaceHolderCommands.units, ['mils'], {}],
-            [PlaceHolderCommands.lineColor, [ColorScheme.PinLineColor], {}],
-            [PlaceHolderCommands.textColor, [ColorScheme.PinNameColor], {}],
-            [PlaceHolderCommands.lineWidth, [numeric(5)], {}],
+            [PlaceHolderCommands.lineColor, [defaultLineColor], {}],
+            [PlaceHolderCommands.textColor, [defaultTextColor], {}],
+            [PlaceHolderCommands.lineWidth, [defaultLineWidth], {}],
+            [PlaceHolderCommands.fill, ['none']],
             ...drawing.getCommands()
         ];
         drawing.log('id: ', drawing.id, 'angle: ', this._angle, "commands:", commands.length);
-        let lineColor = "#333";
-        let textColor = "#333";
+        let lineColor = defaultLineColor;
+        let textColor = defaultTextColor;
         commands.forEach(([commandName, positionParams, keywordParams, ctx]) => {
             positionParams = positionParams.map(param => {
                 return this.resolveReference(param);
@@ -632,7 +646,7 @@ export class SymbolPlaceholder extends SymbolGraphic {
             displayPinName && usePinName !== "" && drawing.addLabel(endX.add(pinNameOffsetX), endY.add(pinNameOffsetY), usePinName, {
                 fontSize: numeric(defaultPinNameTextSize),
                 anchor: pinNameAlignment,
-                vanchor: VerticalAlign.Middle,
+                vanchor: VerticalAlign.Center,
                 textColor: pinNameColor,
                 angle: numeric(usePinIdAngle)
             });
@@ -650,6 +664,9 @@ export class SymbolPlaceholder extends SymbolGraphic {
         super();
         this.drawing = drawing;
     }
+    setStyles(styles) {
+        this.styles = styles;
+    }
 }
 export var PlaceHolderCommands;
 (function (PlaceHolderCommands) {
@@ -666,10 +683,10 @@ export var PlaceHolderCommands;
     PlaceHolderCommands["line"] = "line";
     PlaceHolderCommands["label"] = "label";
     PlaceHolderCommands["path"] = "path";
-    PlaceHolderCommands["lineWidth"] = "lineWidth";
+    PlaceHolderCommands["lineWidth"] = "line_width";
     PlaceHolderCommands["fill"] = "fill";
-    PlaceHolderCommands["lineColor"] = "lineColor";
-    PlaceHolderCommands["textColor"] = "textColor";
+    PlaceHolderCommands["lineColor"] = "line_color";
+    PlaceHolderCommands["textColor"] = "text_color";
     PlaceHolderCommands["text"] = "text";
     PlaceHolderCommands["units"] = "units";
     PlaceHolderCommands["for"] = "for";
@@ -742,7 +759,7 @@ export class SymbolCustom extends SymbolGraphic {
             drawing.addLabel(leftPinStart.add(milsToMM(20)), pinY, pin.text, {
                 fontSize: numeric(CustomSymbolPinTextSize),
                 anchor: HorizontalAlign.Left,
-                vanchor: VerticalAlign.Middle,
+                vanchor: VerticalAlign.Center,
                 textColor: ColorScheme.PinNameColor,
             });
             drawing.addLabel(leftPinStart.sub(milsToMM(10)), pinY.sub(milsToMM(10)), pin.pinId.toString(), {
@@ -759,7 +776,7 @@ export class SymbolCustom extends SymbolGraphic {
             drawing.addLabel(rightPinStart.sub(milsToMM(20)), pinY, pin.text, {
                 fontSize: numeric(CustomSymbolPinTextSize),
                 anchor: HorizontalAlign.Right,
-                vanchor: VerticalAlign.Middle,
+                vanchor: VerticalAlign.Center,
                 textColor: ColorScheme.PinNameColor,
             });
             drawing.addLabel(rightPinStart.add(milsToMM(10)), pinY.sub(milsToMM(10)), pin.pinId.toString(), {
@@ -776,7 +793,7 @@ export class SymbolCustom extends SymbolGraphic {
             drawing.addLabel(pinX, topPinStart.add(milsToMM(20)), pin.text, {
                 fontSize: numeric(CustomSymbolPinTextSize),
                 anchor: HorizontalAlign.Right,
-                vanchor: VerticalAlign.Middle,
+                vanchor: VerticalAlign.Center,
                 textColor: ColorScheme.PinNameColor,
                 angle: numeric(-90),
             });
@@ -795,7 +812,7 @@ export class SymbolCustom extends SymbolGraphic {
             drawing.addLabel(pinX, bottomPinStart.sub(milsToMM(20)), pin.text, {
                 fontSize: numeric(CustomSymbolPinTextSize),
                 anchor: HorizontalAlign.Left,
-                vanchor: VerticalAlign.Middle,
+                vanchor: VerticalAlign.Center,
                 textColor: ColorScheme.PinNameColor,
                 angle: numeric(-90),
             });
@@ -878,7 +895,7 @@ export class SymbolCustomModule extends SymbolCustom {
             drawing.addLabel(leftPinStart.add(this.portWidth).add(milsToMM(20)), pinY, pin.text, {
                 fontSize: numeric(40),
                 anchor: HorizontalAlign.Left,
-                vanchor: VerticalAlign.Middle,
+                vanchor: VerticalAlign.Center,
                 textColor: ColorScheme.PinNameColor,
             });
         });
@@ -890,7 +907,7 @@ export class SymbolCustomModule extends SymbolCustom {
             drawing.addLabel(rightPinStart.sub(this.portWidth).sub(milsToMM(20)), pinY, pin.text, {
                 fontSize: numeric(40),
                 anchor: HorizontalAlign.Right,
-                vanchor: VerticalAlign.Middle,
+                vanchor: VerticalAlign.Center,
                 textColor: ColorScheme.PinNameColor,
             });
         });
@@ -902,7 +919,7 @@ export class SymbolCustomModule extends SymbolCustom {
             drawing.addLabel(pinX, topPinStart.add(this.portWidth).add(milsToMM(20)), pin.text, {
                 fontSize: numeric(40),
                 anchor: HorizontalAlign.Right,
-                vanchor: VerticalAlign.Middle,
+                vanchor: VerticalAlign.Center,
                 textColor: ColorScheme.PinNameColor,
                 angle: numeric(-90),
             });
@@ -915,7 +932,7 @@ export class SymbolCustomModule extends SymbolCustom {
             drawing.addLabel(pinX, bottomPinStart.sub(this.portWidth).sub(milsToMM(20)), pin.text, {
                 fontSize: numeric(40),
                 anchor: HorizontalAlign.Left,
-                vanchor: VerticalAlign.Middle,
+                vanchor: VerticalAlign.Center,
                 textColor: ColorScheme.PinNameColor,
                 angle: numeric(-90),
             });

package/dist/esm/render/geometry.js

@@ -464,7 +464,7 @@ function labelPolygonForAnchors(x, y, width, height, hAnchor, vAnchor) {
                 [1, 1],
             ];
         }
-        else if (vAnchor === VerticalAlign.Middle) {
+        else if (vAnchor === VerticalAlign.Center) {
             coordVectors = [
                 [0, -0.5],
                 [0, 0.5],
@@ -490,7 +490,7 @@ function labelPolygonForAnchors(x, y, width, height, hAnchor, vAnchor) {
                 [0, -1],
             ];
         }
-        else if (vAnchor === VerticalAlign.Middle) {
+        else if (vAnchor === VerticalAlign.Center) {
             coordVectors = [
                 [0, -0.5],
                 [0, 0.5],
@@ -507,7 +507,7 @@ function labelPolygonForAnchors(x, y, width, height, hAnchor, vAnchor) {
             ];
         }
     }
-    else if (hAnchor === HorizontalAlign.Middle) {
+    else if (hAnchor === HorizontalAlign.Center) {
         if (vAnchor === VerticalAlign.Bottom) {
             coordVectors = [
                 [-0.5, 0],
@@ -516,7 +516,7 @@ function labelPolygonForAnchors(x, y, width, height, hAnchor, vAnchor) {
                 [0.5, 0]
             ];
         }
-        else if (vAnchor === VerticalAlign.Middle) {
+        else if (vAnchor === VerticalAlign.Center) {
             coordVectors = [
                 [-0.5, 0.5],
                 [-0.5, -0.5],
@@ -543,13 +543,13 @@ function labelPolygonForAnchors(x, y, width, height, hAnchor, vAnchor) {
 export var HorizontalAlign;
 (function (HorizontalAlign) {
     HorizontalAlign["Left"] = "left";
-    HorizontalAlign["Middle"] = "middle";
+    HorizontalAlign["Center"] = "center";
     HorizontalAlign["Right"] = "right";
 })(HorizontalAlign || (HorizontalAlign = {}));
 export var VerticalAlign;
 (function (VerticalAlign) {
     VerticalAlign["Top"] = "top";
-    VerticalAlign["Middle"] = "middle";
+    VerticalAlign["Center"] = "center";
     VerticalAlign["Bottom"] = "bottom";
 })(VerticalAlign || (VerticalAlign = {}));
 export var HorizontalAlignProp;

package/dist/esm/render/graph.js

@@ -11,9 +11,13 @@ import Matrix, { solve } from "ml-matrix";
 import { getPinDefinition, PinId } from "../objects/PinDefinition.js";
 export class NetGraph {
     logger;
+    styles;
     constructor(logger) {
         this.logger = logger;
     }
+    setStyles(styles) {
+        this.styles = styles;
+    }
     generateLayoutGraph(sequence, nets) {
         this.print('===== creating graph and populating with nodes =====');
         let previousNode = null;
@@ -47,6 +51,7 @@ export class NetGraph {
                         let tmpSymbol;
                         if (displayProp instanceof SymbolDrawing) {
                             tmpSymbol = new SymbolPlaceholder(displayProp);
+                            tmpSymbol.setStyles(this.styles);
                             tmpSymbol.drawing.logger = this.logger;
                         }
                         else {