circuitscript 0.0.29 → 0.0.31

package/dist/cjs/execute.js

@@ -195,20 +195,20 @@ class ExecutionContext {
         return component;
     }
     printPoint(extra = '') {
-        let netName = globals_js_1.NoNetText;
+        let netString = globals_js_1.NoNetText;
         if (this.scope.currentComponent === null || this.scope.currentPin === null) {
             this.log((extra !== '' ? (extra + ' ') : '') + 'point is null');
             return;
         }
         if (this.scope.hasNet(this.scope.currentComponent, this.scope.currentPin)) {
-            netName = this.scope
+            netString = this.scope
                 .getNet(this.scope.currentComponent, this.scope.currentPin)
                 .toString();
         }
         this.log((extra !== '' ? (extra + ' ') : '') + 'point: ' +
             this.scope.currentComponent.instanceName +
             ' ' +
-            this.scope.currentPin + ' ' + netName);
+            this.scope.currentPin + ' ' + netString);
     }
     addComponentExisting(component, pin) {
         const startPin = pin;
@@ -462,34 +462,34 @@ class ExecutionContext {
         for (let i = 0; i < reversed.length; i++) {
             const context = reversed[i];
             if (context.hasFunction(idName)) {
-                return {
+                return new types_js_1.DeclaredReference({
                     found: true,
                     value: context.getFunction(idName),
                     type: globals_js_1.ReferenceTypes.function,
                     name: idName,
-                };
+                });
             }
             else if (context.scope.variables.has(idName)) {
-                return {
+                return new types_js_1.DeclaredReference({
                     found: true,
                     value: context.scope.variables.get(idName),
                     type: globals_js_1.ReferenceTypes.variable,
                     name: idName,
-                };
+                });
             }
             else if (context.scope.instances.has(idName)) {
-                return {
+                return new types_js_1.DeclaredReference({
                     found: true,
                     value: context.scope.instances.get(idName),
                     type: globals_js_1.ReferenceTypes.instance,
                     name: idName,
-                };
+                });
             }
         }
-        return {
+        return new types_js_1.DeclaredReference({
             found: false,
             name: idName,
-        };
+        });
     }
     callFunction(functionName, functionParams, executionStack, netNamespace) {
         let __runFunc = null;
@@ -516,6 +516,7 @@ class ExecutionContext {
         }
         if (__runFunc !== null) {
             this.log(`call function '${functionName}'`);
+            this.log(`net namespace: ${netNamespace}`);
             const functionResult = __runFunc(functionParams, { netNamespace });
             this.log(`done call function '${functionName}'`);
             return functionResult;
@@ -648,6 +649,10 @@ class ExecutionContext {
         this.scope.setActive(ExecutionScope_js_1.ActiveObject.Wire, wireId);
         this.scope.sequence.push([ExecutionScope_js_1.SequenceAction.Wire, wireId, tmp]);
         this.scope.currentComponent.pinWires.set(this.scope.currentPin, tmp);
+        if (!this.scope.currentComponent.didSetWireOrientationAngle) {
+            this.applyComponentAngleFromWire(this.scope.currentComponent, this.scope.currentPin, true);
+            this.scope.currentComponent.didSetWireOrientationAngle = true;
+        }
     }
     addPoint(pointId, userDefined = true) {
         if (this.scope.instances.has(pointId)) {
@@ -698,18 +703,37 @@ class ExecutionContext {
             this.scope.currentComponent.styles[key] = styles[key];
         }
     }
-    applyComponentAngleFromWire(component, pin) {
+    applyComponentAngleFromWire(component, pin, opposite = false) {
         if (this.componentAngleFollowsWire
             && component.followWireOrientationProp
             && component.useWireOrientationAngle
+            && !component.didSetWireOrientationAngle
             && this.scope.currentWireId !== -1) {
             const currentWire = this.scope.wires[this.scope.currentWireId];
-            const lastSegment = currentWire.path[currentWire.path.length - 1];
+            let useSegment = currentWire.path[currentWire.path.length - 1];
+            if (opposite) {
+                useSegment = currentWire.path[0];
+            }
             const pinPositions = (0, layout_js_1.CalculatePinPositions)(component);
             if (pinPositions.has(pin)) {
                 const connectedPinPos = pinPositions.get(pin);
                 let targetAngle = null;
-                switch (lastSegment.direction) {
+                let useDirection = useSegment.direction;
+                if (opposite) {
+                    if (useDirection === types_js_1.Direction.Down) {
+                        useDirection = types_js_1.Direction.Up;
+                    }
+                    else if (useDirection === types_js_1.Direction.Up) {
+                        useDirection = types_js_1.Direction.Down;
+                    }
+                    else if (useDirection === types_js_1.Direction.Right) {
+                        useDirection = types_js_1.Direction.Left;
+                    }
+                    else if (useDirection === types_js_1.Direction.Left) {
+                        useDirection = types_js_1.Direction.Right;
+                    }
+                }
+                switch (useDirection) {
                     case types_js_1.Direction.Down:
                         targetAngle = 90;
                         break;
@@ -748,6 +772,7 @@ class ExecutionContext {
                     component.setParam('angle', 270);
                 }
                 component.wireOrientationAngle = useAngle;
+                component.didSetWireOrientationAngle = true;
             }
         }
     }

package/dist/cjs/geometry.js

@@ -3,11 +3,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.VerticalAlign = exports.HorizontalAlign = exports.Geometry = exports.GeometryProp = exports.Label = exports.Textbox = void 0;
+exports.VerticalAlign = exports.HorizontalAlign = exports.Geometry = exports.GeometryProp = exports.Textbox = void 0;
 const core_1 = __importDefault(require("@flatten-js/core"));
 const sizing_js_1 = require("./sizing.js");
 const globals_js_1 = require("./globals.js");
 const ParamDefinition_js_1 = require("./objects/ParamDefinition.js");
+const PinTypes_js_1 = require("./objects/PinTypes.js");
+const utils_js_1 = require("./utils.js");
 class Textbox extends core_1.default.Polygon {
     get box() {
         return this.polygon.box;
@@ -41,34 +43,91 @@ class Textbox extends core_1.default.Polygon {
         else {
             throw 'Invalid string passed into textbox';
         }
-        const { fontSize = 10, anchor = HorizontalAlign.Left, vanchor = VerticalAlign.Bottom, fontWeight = 'regular', } = style ?? {};
-        const { width, height, box } = (0, sizing_js_1.measureTextSize2)(useText, globals_js_1.defaultFont, fontSize, fontWeight, anchor, vanchor);
-        const polygonCoords = [
-            [box.x, box.y],
-            [box.x2, box.y],
-            [box.x2, box.y2],
-            [box.x, box.y2],
-            [box.x, box.y],
-        ];
+        const { fontSize = 10, anchor = HorizontalAlign.Left, vanchor = VerticalAlign.Bottom, fontWeight = 'regular', portType = null, } = style ?? {};
+        const { width, height, box } = (0, sizing_js_1.measureTextSize2)(useText, globals_js_1.defaultFont, fontSize * globals_js_1.fontDisplayScale, fontWeight, anchor, vanchor);
+        let polygonCoords = [];
+        let anchorOffsetX = 0;
+        let anchorOffsetY = 0;
+        if (portType === null) {
+            polygonCoords = [
+                [box.x, box.y],
+                [box.x2, box.y],
+                [box.x2, box.y2],
+                [box.x, box.y2],
+                [box.x, box.y],
+            ];
+        }
+        else if (PinTypes_js_1.AllPinTypes.indexOf(portType) !== -1) {
+            const paddingHorizontal = globals_js_1.PortPaddingHorizontal;
+            const paddingVert = globals_js_1.PortPaddingVertical;
+            if (portType === PinTypes_js_1.PinTypes.Input) {
+                polygonCoords = [
+                    [box.x - paddingHorizontal - globals_js_1.PortArrowSize, box.y - paddingVert],
+                    [box.x2 + paddingHorizontal, box.y - paddingVert],
+                    [box.x2 + paddingHorizontal, box.y2 + paddingVert],
+                    [box.x - paddingHorizontal - globals_js_1.PortArrowSize, box.y2 + paddingVert],
+                    [box.x - paddingHorizontal - globals_js_1.PortArrowSize, box.y - paddingVert],
+                ];
+                anchorOffsetX += (globals_js_1.PortArrowSize + paddingHorizontal);
+            }
+            else if (portType === PinTypes_js_1.PinTypes.Output) {
+                polygonCoords = [
+                    [box.x - paddingHorizontal, box.y - paddingVert],
+                    [box.x2 + paddingHorizontal + globals_js_1.PortArrowSize, box.y - paddingVert],
+                    [box.x2 + paddingHorizontal + globals_js_1.PortArrowSize, box.y2 + paddingVert],
+                    [box.x - paddingHorizontal, box.y2 + paddingVert],
+                    [box.x - paddingHorizontal, box.y - paddingVert],
+                ];
+                anchorOffsetX += paddingHorizontal;
+            }
+            else if (portType === PinTypes_js_1.PinTypes.IO) {
+                polygonCoords = [
+                    [box.x - paddingHorizontal - globals_js_1.PortArrowSize, box.y - paddingVert],
+                    [box.x2 + paddingHorizontal + globals_js_1.PortArrowSize, box.y - paddingVert],
+                    [box.x2 + paddingHorizontal + globals_js_1.PortArrowSize, box.y2 + paddingVert],
+                    [box.x - paddingHorizontal - globals_js_1.PortArrowSize, box.y2 + paddingVert],
+                    [box.x - paddingHorizontal - globals_js_1.PortArrowSize, box.y - paddingVert],
+                ];
+                anchorOffsetX += paddingHorizontal + globals_js_1.PortArrowSize;
+            }
+            else if (portType === PinTypes_js_1.PinTypes.Any) {
+                polygonCoords = [
+                    [box.x - paddingHorizontal, box.y - paddingVert],
+                    [box.x2 + paddingHorizontal, box.y - paddingVert],
+                    [box.x2 + paddingHorizontal, box.y2 + paddingVert],
+                    [box.x - paddingHorizontal, box.y2 + paddingVert],
+                    [box.x - paddingHorizontal, box.y - paddingVert],
+                ];
+                anchorOffsetX += paddingHorizontal;
+            }
+            anchorOffsetY += paddingVert / 2;
+        }
         const polygon = new core_1.default.Polygon(polygonCoords);
-        return new Textbox(id, useText, [x, y], polygon, style, box, label);
+        return new Textbox(id, useText, [x + anchorOffsetX, y + anchorOffsetY], polygon, style, box, label);
     }
     rotate(angle, origin) {
         const feature = super.rotate(angle, origin);
-        return new Textbox(this.id, this.text, this.anchorPoint, feature, this.style, this.textMeasurementBounds, this.label);
+        const newAnchorPoint = this.transformAnchorPoint(segment => segment.rotate(angle, origin));
+        return new Textbox(this.id, this.text, newAnchorPoint, feature, this.style, this.textMeasurementBounds, this.label);
     }
     transform(matrix) {
         const feature = super.transform(matrix);
-        return new Textbox(this.id, this.text, this.anchorPoint, feature, this.style, this.textMeasurementBounds, this.label);
+        const newAnchorPoint = this.transformAnchorPoint(segment => segment.transform(matrix));
+        return new Textbox(this.id, this.text, newAnchorPoint, feature, this.style, this.textMeasurementBounds, this.label);
+    }
+    transformAnchorPoint(callback) {
+        const anchorPointSegment = new core_1.default.Segment(new core_1.default.Point(0, 0), new core_1.default.Point(this.anchorPoint));
+        const newSegment = callback(anchorPointSegment);
+        const lastPoint = newSegment.vertices[newSegment.vertices.length - 1];
+        return [
+            lastPoint.x, lastPoint.y
+        ];
     }
     getLabelPosition() {
         return this.anchorPoint;
     }
 }
 exports.Textbox = Textbox;
-class Label extends Textbox {
-}
-exports.Label = Label;
 class GeometryProp {
     constructor(name, value) {
         this.name = name;
@@ -151,7 +210,7 @@ class Geometry {
                 && feature.text.trim().length === 0) {
                 return;
             }
-            if (feature instanceof Textbox && !feature.label) {
+            if (feature instanceof Textbox) {
                 const [x, y] = feature.anchorPoint;
                 box = {
                     xmin: box.xmin + x,
@@ -247,7 +306,9 @@ class Geometry {
         const existingSegments = [];
         wirePoints.forEach(points => {
             const tmpPoints = points.map(pt => {
-                return new core_1.default.Point(pt.x, pt.y);
+                const roundedX = (0, utils_js_1.roundValue)(pt.x);
+                const roundedY = (0, utils_js_1.roundValue)(pt.y);
+                return new core_1.default.Point(roundedX, roundedY);
             });
             for (let i = 0; i < tmpPoints.length - 1; i++) {
                 const pt1 = tmpPoints[i];

package/dist/cjs/globals.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.BlockTypes = exports.ReferenceTypes = exports.ComponentTypes = exports.ColorScheme = exports.junctionSize = exports.defaultFontSize = exports.defaultFontBold = exports.defaultFont = exports.portHeight = exports.portWidth = exports.SymbolPinSide = exports.LayoutDirection = exports.ParamKeys = exports.NoNetText = exports.GlobalNames = void 0;
+exports.BlockTypes = exports.ReferenceTypes = exports.ComponentTypes = exports.ColorScheme = exports.PortPaddingVertical = exports.PortPaddingHorizontal = exports.PortArrowSize = exports.junctionSize = exports.defaultFontSize = exports.defaultFontBold = exports.defaultFont = exports.displayUnits = exports.defaultFrameTitleTextSize = exports.CustomSymbolParamTextSize = exports.CustomSymbolRefDesSize = exports.CustomSymbolPinIdSize = exports.CustomSymbolPinTextSize = exports.defaultPinIdTextSize = exports.defaultPinNameTextSize = exports.defaultWireLineWidth = exports.defaultSymbolLineWidth = exports.fontDisplayScale = exports.defaultZoomScale = exports.defaultGridSizeUnits = exports.portHeight = exports.portWidth = exports.PxToMM = exports.MMToPx = exports.MilsToMM = exports.WireAutoDirection = exports.LengthUnit = exports.SymbolPinSide = exports.LayoutDirection = exports.ParamKeys = exports.NoNetText = exports.GlobalNames = void 0;
 var GlobalNames;
 (function (GlobalNames) {
     GlobalNames["__root"] = "__root";
@@ -26,18 +26,48 @@ var SymbolPinSide;
     SymbolPinSide["Left"] = "left";
     SymbolPinSide["Right"] = "right";
 })(SymbolPinSide || (exports.SymbolPinSide = SymbolPinSide = {}));
+var LengthUnit;
+(function (LengthUnit) {
+    LengthUnit["mm"] = "mm";
+    LengthUnit["mils"] = "mils";
+    LengthUnit["px"] = "px";
+})(LengthUnit || (exports.LengthUnit = LengthUnit = {}));
+var WireAutoDirection;
+(function (WireAutoDirection) {
+    WireAutoDirection["Auto"] = "auto";
+    WireAutoDirection["Auto_"] = "auto_";
+})(WireAutoDirection || (exports.WireAutoDirection = WireAutoDirection = {}));
+exports.MilsToMM = 0.0254;
+exports.MMToPx = 3.779276;
+exports.PxToMM = 0.2645833;
 exports.portWidth = 20;
 exports.portHeight = 2;
-exports.defaultFont = 'Open Sans-Regular, Arial';
-exports.defaultFontBold = 'Open Sans-Bold, Arial-Bold, Arial';
+exports.defaultGridSizeUnits = exports.MilsToMM * 100;
+exports.defaultZoomScale = 2.5;
+exports.fontDisplayScale = 0.032;
+exports.defaultSymbolLineWidth = exports.MilsToMM * 6;
+exports.defaultWireLineWidth = exports.MilsToMM * 6;
+exports.defaultPinNameTextSize = 40;
+exports.defaultPinIdTextSize = 30;
+exports.CustomSymbolPinTextSize = exports.defaultPinNameTextSize;
+exports.CustomSymbolPinIdSize = exports.defaultPinIdTextSize;
+exports.CustomSymbolRefDesSize = 50;
+exports.CustomSymbolParamTextSize = 40;
+exports.defaultFrameTitleTextSize = 60;
+exports.displayUnits = LengthUnit.mils;
+exports.defaultFont = 'Arial';
+exports.defaultFontBold = 'Arial';
 exports.defaultFontSize = 10;
-exports.junctionSize = 5;
+exports.junctionSize = exports.MilsToMM * 20;
+exports.PortArrowSize = exports.MilsToMM * 50;
+exports.PortPaddingHorizontal = exports.MilsToMM * 10;
+exports.PortPaddingVertical = exports.MilsToMM * 10;
 exports.ColorScheme = {
     BodyColor: 'rgb(255, 255, 194)',
     JunctionColor: 'rgba(0, 132, 0)',
     WireColor: 'rgb(0, 132, 0)',
-    PinLineColor: 'rgb(132, 0, 0)',
-    PinNameColor: 'rgb(0, 132, 132)',
+    PinLineColor: '#333',
+    PinNameColor: '#333',
 };
 var ComponentTypes;
 (function (ComponentTypes) {

package/dist/cjs/helpers.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getPackageVersion = exports.getDefaultLibsPath = exports.getFontsPath = exports.getCurrentPath = exports.detectJSModuleType = exports.renderScript = exports.validateScript = exports.ParseErrorStrategy = exports.getSemanticTokens = exports.getScriptText = exports.prepareFile = exports.JSModuleType = void 0;
+exports.pxToMM = exports.milsToMM = exports.UnitDimension = exports.getPackageVersion = exports.getDefaultLibsPath = exports.getFontsPath = exports.getCurrentPath = exports.detectJSModuleType = exports.renderScript = exports.validateScript = exports.ParseErrorStrategy = exports.getSemanticTokens = exports.getScriptText = exports.prepareFile = exports.JSModuleType = void 0;
 const fs_1 = require("fs");
 const export_js_1 = require("./export.js");
 const layout_js_1 = require("./layout.js");
@@ -19,6 +19,7 @@ const lexer_js_1 = require("./lexer.js");
 const CircuitScriptParser_js_1 = require("./antlr/CircuitScriptParser.js");
 const SemanticTokenVisitor_js_1 = require("./SemanticTokenVisitor.js");
 const path_1 = __importDefault(require("path"));
+const globals_js_1 = require("./globals.js");
 var JSModuleType;
 (function (JSModuleType) {
     JSModuleType["CommonJs"] = "cjs";
@@ -174,7 +175,10 @@ function renderScript(scriptData, outputPath, options) {
     const { tree, parser, hasParseError, hasError, parserTimeTaken, lexerTimeTaken } = (0, parser_js_1.parseFileWithVisitor)(visitor, scriptData);
     showStats && console.log('Lexing took:', lexerTimeTaken);
     showStats && console.log('Parsing took:', parserTimeTaken);
-    dumpNets && console.log(visitor.dumpNets());
+    if (dumpNets) {
+        const nets = visitor.dumpNets();
+        console.log(nets);
+    }
     dumpData && (0, fs_1.writeFileSync)('dump/tree.lisp', tree.toStringTree(null, parser));
     dumpData && (0, fs_1.writeFileSync)('dump/raw-parser.txt', visitor.logger.dump());
     if (hasError || hasParseError) {
@@ -271,3 +275,37 @@ function getPackageVersion() {
     return version;
 }
 exports.getPackageVersion = getPackageVersion;
+class UnitDimension {
+    constructor(value, type = globals_js_1.LengthUnit.mils) {
+        this.value = value;
+        this.type = type;
+    }
+    getMM() {
+        switch (this.type) {
+            case globals_js_1.LengthUnit.mm:
+                return this.value;
+            case globals_js_1.LengthUnit.mils:
+                return this.value * globals_js_1.MilsToMM;
+            case globals_js_1.LengthUnit.px:
+                return this.value * globals_js_1.PxToMM;
+        }
+    }
+    static mm(value) {
+        return new UnitDimension(value, globals_js_1.LengthUnit.mm);
+    }
+    static mils(value) {
+        return new UnitDimension(value, globals_js_1.LengthUnit.mils);
+    }
+    static px(value) {
+        return new UnitDimension(value, globals_js_1.LengthUnit.px);
+    }
+}
+exports.UnitDimension = UnitDimension;
+function milsToMM(value) {
+    return value * globals_js_1.MilsToMM;
+}
+exports.milsToMM = milsToMM;
+function pxToMM(value) {
+    return value * globals_js_1.PxToMM;
+}
+exports.pxToMM = pxToMM;

package/dist/cjs/layout.js

@@ -11,6 +11,7 @@ const logger_js_1 = require("./logger.js");
 const Frame_js_1 = require("./objects/Frame.js");
 const utils_js_1 = require("./utils.js");
 const types_js_1 = require("./objects/types.js");
+const helpers_js_1 = require("./helpers.js");
 class LayoutEngine {
     constructor() {
         this.placeSubgraphVersion = 2;
@@ -186,7 +187,7 @@ class LayoutEngine {
     }
     placeAndSizeFrame(frame, level = 0) {
         const innerFrames = frame.innerItems;
-        const gridSize = 20;
+        const gridSize = globals_js_1.defaultGridSizeUnits;
         let accumX = 0;
         let accumY = 0;
         const boundPoints = [];
@@ -326,7 +327,7 @@ class LayoutEngine {
                 tmpFrame.containsTitle = true;
                 tmpFrame.subgraphId = title.replace(/\s/g, "_");
                 const textObject = new RenderText(title);
-                textObject.fontSize = 16;
+                textObject.fontSize = globals_js_1.defaultFrameTitleTextSize;
                 textObject.fontWeight = 'bold';
                 textObject.symbol.refreshDrawing();
                 tmpFrame.innerItems.push(textObject);
@@ -388,7 +389,12 @@ class LayoutEngine {
                     }
                     else {
                         const symbolPinDefinitions = generateLayoutPinDefinition(component);
-                        tmpSymbol = new draw_symbols_js_1.SymbolCustom(symbolPinDefinitions);
+                        if (component.typeProp === 'module') {
+                            tmpSymbol = new draw_symbols_js_1.SymbolCustomModule(symbolPinDefinitions);
+                        }
+                        else {
+                            tmpSymbol = new draw_symbols_js_1.SymbolCustom(symbolPinDefinitions);
+                        }
                     }
                     applyComponentParamsToSymbol(typeProp, component, tmpSymbol);
                     let didSetAngle = false;
@@ -405,7 +411,7 @@ class LayoutEngine {
                             component.parameters.get('flipY');
                     }
                     if (tmpSymbol instanceof draw_symbols_js_1.SymbolCustom && widthProp) {
-                        tmpSymbol.bodyWidth = widthProp;
+                        tmpSymbol.bodyWidth = (0, helpers_js_1.milsToMM)(widthProp);
                     }
                     if (!didSetAngle && component.parameters.has('_addDirection')) {
                         tmpSymbol.refreshDrawing(false);
@@ -586,6 +592,10 @@ class LayoutEngine {
             this.placeNodeAtPosition(0, 0, node1, 1);
             return;
         }
+        let fixedNode;
+        let fixedNodePin;
+        let floatingNode;
+        let floatingNodePin;
         subgraphEdges.forEach(edge => {
             const [nodeId1, pin1, nodeId2, pin2] = graph.edge(edge);
             const [, node1] = graph.node(nodeId1);
@@ -598,10 +608,6 @@ class LayoutEngine {
                 originNodes.push(node1);
                 originNodeGroups.set(node1.toString(), [node1]);
             }
-            let fixedNode;
-            let fixedNodePin;
-            let floatingNode;
-            let floatingNodePin;
             this.print('edge:', '[', node1, pin1, node1.isFloating, ']', '[', node2, pin2, node2.isFloating, ']');
             if (!node1.isFloating && node2.isFloating) {
                 fixedNode = node1;
@@ -657,12 +663,17 @@ class LayoutEngine {
             }
             [node1, node2].forEach(item => {
                 if (item instanceof RenderWire && item.isEndAutoLength()) {
-                    this.print('auto length wire', item);
                     const [instance, pin] = item.getEndAuto();
                     const [, targetNode] = graph.node(instance.instanceName);
+                    this.print('wire auto length to target:', instance, pin);
                     if (targetNode.isFloating) {
                         throw "Cannot create auto wire with floating node! Wire id: " + item.id + " to node " + instance + " pin " + pin;
                     }
+                    const targetOriginNode = findOriginNode(targetNode);
+                    const itemOriginNode = findOriginNode(item);
+                    if (targetOriginNode !== itemOriginNode) {
+                        throw "Wire auto length failed. Please specify a fixed wire length.";
+                    }
                     const [untilX, untilY] = getNodePositionAtPin(targetNode, pin);
                     item.setEndAuto(untilX, untilY);
                 }
@@ -827,25 +838,27 @@ class LayoutEngine {
 }
 exports.LayoutEngine = LayoutEngine;
 function getNodePositionAtPin(item, pin) {
+    let x = 0;
+    let y = 0;
     if (item instanceof RenderComponent) {
         const pinPosition = item.symbol.pinPosition(pin);
-        return [
-            item.x + pinPosition.x,
-            item.y + pinPosition.y
-        ];
+        x = item.x + pinPosition.x;
+        y = item.y + pinPosition.y;
     }
     else if (item instanceof RenderWire) {
         if (pin === 0) {
-            return [item.x, item.y];
+            x = item.x;
+            y = item.y;
         }
         else {
             const wireEnd = item.getWireEnd();
-            return [
-                item.x + wireEnd.x,
-                item.y + wireEnd.y
-            ];
+            x = item.x + wireEnd.x;
+            y = item.y + wireEnd.y;
         }
     }
+    return [
+        (0, utils_js_1.roundValue)(x), (0, utils_js_1.roundValue)(y)
+    ];
 }
 function getNeighbours(graph, nodeIds) {
     return nodeIds.reduce((accum, nodeId) => {
@@ -871,11 +884,13 @@ function generateLayoutPinDefinition(component) {
     if (component.arrangeProps === null) {
         for (let i = 0; i < existingPinIds.length; i++) {
             const pinPosition = Math.floor(i / 2);
+            const pin = pins.get(existingPinIds[i]);
             symbolPinDefinitions.push({
                 side: (i % 2 === 0) ? "left" : "right",
                 pinId: existingPinIds[i],
-                text: pins.get(existingPinIds[i]).name,
+                text: pin.name,
                 position: pinPosition,
+                pinType: pin.pinType,
             });
         }
     }
@@ -891,11 +906,13 @@ function generateLayoutPinDefinition(component) {
             }
             useItems.forEach(pinId => {
                 if (existingPinIds.indexOf(pinId) !== -1) {
+                    const pin = pins.get(pinId);
                     symbolPinDefinitions.push({
                         side: key,
                         pinId: pinId,
-                        text: pins.get(pinId).name,
-                        position: pins.get(pinId).position,
+                        text: pin.name,
+                        position: pin.position,
+                        pinType: pin.pinType,
                     });
                     addedPins.push(pinId);
                 }
@@ -1018,19 +1035,26 @@ class RenderWire extends RenderObject {
         this.segments.forEach(segment => {
             const { direction, value } = segment;
             let didAddPoint = false;
+            let useValue;
+            if (value instanceof helpers_js_1.UnitDimension) {
+                useValue = value.getMM();
+            }
+            else {
+                useValue = value;
+            }
             if (direction === types_js_1.Direction.Down) {
-                tmpY += value;
+                tmpY += useValue;
             }
             else if (direction === types_js_1.Direction.Up) {
-                tmpY -= value;
+                tmpY -= useValue;
             }
             else if (direction === types_js_1.Direction.Left) {
-                tmpX -= value;
+                tmpX -= useValue;
             }
             else if (direction === types_js_1.Direction.Right) {
-                tmpX += value;
+                tmpX += useValue;
             }
-            else if (direction === 'auto' || direction === "auto_") {
+            else if (direction === globals_js_1.WireAutoDirection.Auto || direction === globals_js_1.WireAutoDirection.Auto_) {
                 const { valueXY = [0, 0] } = segment;
                 const tmpPoints = this.getAutoPoints(valueXY, direction);
                 tmpPoints.forEach(point => {
@@ -1049,9 +1073,11 @@ class RenderWire extends RenderObject {
         this.points = points;
     }
     getAutoPoints(value, direction) {
-        const inQuadrant = geometry_js_1.Geometry.getQuadrant(value[0], value[1]);
-        const [dx, dy] = value;
-        if (direction === 'auto') {
+        const valueX = (0, utils_js_1.roundValue)(value[0]);
+        const valueY = (0, utils_js_1.roundValue)(value[1]);
+        const inQuadrant = geometry_js_1.Geometry.getQuadrant(valueX, valueY);
+        const [dx, dy] = [valueX, valueY];
+        if (direction === globals_js_1.WireAutoDirection.Auto) {
             switch (inQuadrant) {
                 case 0:
                 case 2:
@@ -1061,7 +1087,7 @@ class RenderWire extends RenderObject {
                     return [[0, dy], [dx, 0]];
             }
         }
-        else if (direction === 'auto_') {
+        else if (direction === globals_js_1.WireAutoDirection.Auto_) {
             switch (inQuadrant) {
                 case 0:
                 case 2:
@@ -1096,17 +1122,24 @@ class RenderWire extends RenderObject {
         let tmpY = this.y;
         excludeLastSegment.forEach(segment => {
             const { direction, value } = segment;
+            let useValue;
+            if (value instanceof helpers_js_1.UnitDimension) {
+                useValue = value.getMM();
+            }
+            else {
+                useValue = value;
+            }
             if (direction === types_js_1.Direction.Down) {
-                tmpY += value;
+                tmpY += useValue;
             }
             else if (direction === types_js_1.Direction.Up) {
-                tmpY -= value;
+                tmpY -= useValue;
             }
             else if (direction === types_js_1.Direction.Left) {
-                tmpX -= value;
+                tmpX -= useValue;
             }
             else if (direction === types_js_1.Direction.Right) {
-                tmpX += value;
+                tmpX += useValue;
             }
         });
         let useValue = null;
@@ -1125,8 +1158,8 @@ class RenderWire extends RenderObject {
             case types_js_1.Direction.Down:
                 useValue = tmpY - untilY;
                 break;
-            case 'auto':
-            case 'auto_':
+            case globals_js_1.WireAutoDirection.Auto:
+            case globals_js_1.WireAutoDirection.Auto_:
                 valueXY = [
                     untilX - tmpX,
                     untilY - tmpY,
@@ -1193,10 +1226,10 @@ class RenderFrame extends RenderObject {
         this.innerItems = [];
         this.translateX = 0;
         this.translateY = 0;
-        this.padding = 20;
-        this.gap = 20;
+        this.padding = (0, helpers_js_1.milsToMM)(100);
+        this.gap = (0, helpers_js_1.milsToMM)(100);
         this.direction = Frame_js_1.FramePlotDirection.Column;
-        this.borderWidth = 1;
+        this.borderWidth = 5;
         this.subgraphId = "";
         this.containsTitle = false;
         this.frame = frame;