circuitscript 0.1.13 → 0.1.15

package/dist/cjs/BaseVisitor.js

@@ -48,7 +48,7 @@ class BaseVisitor extends CircuitScriptVisitor_js_1.CircuitScriptVisitor {
             }
             const result = this.runExpressions(this.getExecutor(), ctx.expression());
             this.setResult(ctx, result);
-            this.getExecutor().closeAllBlocks();
+            this.getExecutor().closeOpenPathBlocks();
             this.log('===', 'end', '===');
         };
         this.visitAssignment_expr = (ctx) => {
@@ -669,7 +669,7 @@ class BaseVisitor extends CircuitScriptVisitor_js_1.CircuitScriptVisitor {
         const executionLevel = currentExecutionContext.executionLevel;
         const executionContextNamespace = currentExecutionContext.namespace
             + executionContextName + ".";
-        const newExecutor = new execute_js_1.ExecutionContext(executionContextName, executionContextNamespace, netNamespace, executionLevel + 1, this.getExecutor().scope.indentLevel + 1, currentExecutionContext.silent, currentExecutionContext.logger, currentExecutionContext.warnings, parentContext);
+        const newExecutor = new execute_js_1.ExecutionContext(executionContextName, executionContextNamespace, netNamespace, executionLevel + 1, this.getExecutor().scope.scopeLevel + 1, currentExecutionContext.silent, currentExecutionContext.logger, currentExecutionContext.warnings, parentContext);
         executionStack.push(newExecutor);
         this.setupDefinedParameters(funcDefinedParameters, passedInParameters, newExecutor);
         return newExecutor;

package/dist/cjs/execute.js

@@ -15,7 +15,7 @@ const helpers_js_1 = require("./helpers.js");
 const draw_symbols_js_1 = require("./draw_symbols.js");
 const utils_js_1 = require("./utils.js");
 class ExecutionContext {
-    constructor(name, namespace, netNamespace, executionLevel = 0, indentLevel = 0, silent = false, logger, warnings, parent) {
+    constructor(name, namespace, netNamespace, executionLevel = 0, scopeLevel = 0, silent = false, logger, warnings, parent) {
         this.tmpPointId = 0;
         this.resolveNet = null;
         this.stopFurtherExpressions = false;
@@ -30,10 +30,10 @@ class ExecutionContext {
         this.executionLevel = executionLevel;
         this.logger = logger;
         this.scope = ExecutionScope_js_1.ExecutionScope.create();
-        this.scope.indentLevel = indentLevel;
+        this.scope.scopeLevel = scopeLevel;
         this.setupRoot();
         this.silent = silent;
-        this.log('create new execution context', this.namespace, this.name, this.scope.indentLevel);
+        this.log('create new execution context', this.namespace, this.name, this.scope.scopeLevel);
         this.parentContext = parent;
         this.warnings = warnings;
     }
@@ -45,8 +45,8 @@ class ExecutionContext {
         });
     }
     log(...params) {
-        const indentOutput = ''.padStart(this.scope.indentLevel * 4, '    ');
-        const indentLevelText = this.scope.indentLevel
+        const indentOutput = ''.padStart(this.scope.scopeLevel * 4, '    ');
+        const indentLevelText = this.scope.scopeLevel
             .toString()
             .padStart(3, ' ');
         const args = ['[' + indentLevelText + ']', indentOutput, ...params];
@@ -398,7 +398,7 @@ class ExecutionContext {
             this.addPoint(`${globals_js_1.Delimiter1}${key}.${this.name}.${this.tmpPointId}`, false);
             this.tmpPointId += 1;
         }
-        this.scope.blockStack.set(this.scope.indentLevel, {
+        this.scope.blockStack.set(this.scope.scopeLevel, {
             start_point: [
                 this.scope.currentComponent,
                 this.scope.currentPin,
@@ -411,8 +411,11 @@ class ExecutionContext {
         });
         this.log('enter blocks');
     }
-    exitBlocks() {
-        const stackRef = this.scope.blockStack.get(this.scope.indentLevel);
+    exitBlocks(scopeLevel = null) {
+        if (scopeLevel === null) {
+            scopeLevel = this.scope.scopeLevel;
+        }
+        const stackRef = this.scope.blockStack.get(scopeLevel);
         const { type: blockType } = stackRef;
         if (blockType === globals_js_1.BlockTypes.Join || blockType === globals_js_1.BlockTypes.Parallel) {
             const { end_point: finalPoint } = stackRef;
@@ -429,16 +432,18 @@ class ExecutionContext {
             const { start_point: [component, pin,] } = stackRef;
             this.atComponent(component, pin, { addSequence: true });
         }
-        this.scope.blockStack.delete(this.scope.indentLevel);
+        this.scope.blockStack.delete(scopeLevel);
         this.log('exit blocks');
     }
-    closeAllBlocks() {
-        if (this.scope.blockStack.has(this.scope.indentLevel)) {
+    closeOpenPathBlocks() {
+        const scope = this.scope;
+        const scopeLevel = scope.scopeLevel;
+        if (scope.blockStack.has(scopeLevel)) {
             this.exitBlocks();
         }
     }
     enterBlock(blockIndex) {
-        const stackRef = this.scope.blockStack.get(this.scope.indentLevel);
+        const stackRef = this.scope.blockStack.get(this.scope.scopeLevel);
         const { type: blockType } = stackRef;
         const blockTypeName = (0, utils_js_1.getBlockTypeString)(blockType);
         stackRef.inner_blocks.set(blockIndex, {
@@ -454,10 +459,10 @@ class ExecutionContext {
             this.atComponent(component, pin, { addSequence: true });
         }
         this.log(`enter inner block of type (${blockTypeName}) >>>`);
-        this.scope.indentLevel += 1;
+        this.scope.scopeLevel += 1;
     }
     exitBlock(blockIndex) {
-        const stackRef = this.scope.blockStack.get(this.scope.indentLevel - 1);
+        const stackRef = this.scope.blockStack.get(this.scope.scopeLevel - 1);
         const { type: blockType } = stackRef;
         const blockIndexRef = stackRef.inner_blocks.get(blockIndex);
         blockIndexRef.last_net = [
@@ -465,7 +470,7 @@ class ExecutionContext {
             this.scope.currentPin,
             this.scope.currentWireId
         ];
-        this.scope.indentLevel -= 1;
+        this.scope.scopeLevel -= 1;
         this.log('exit inner block <<<');
         if (blockType === globals_js_1.BlockTypes.Branch) {
             const { start_point: [component, pin, wireId] } = stackRef;
@@ -506,8 +511,8 @@ class ExecutionContext {
     }
     getPointBlockLocation() {
         this.log('get block point');
-        for (let i = 0; i < this.scope.indentLevel; i++) {
-            const stackRef = this.scope.blockStack.get(this.scope.indentLevel - 1 - i);
+        for (let i = 0; i < this.scope.scopeLevel; i++) {
+            const stackRef = this.scope.blockStack.get(this.scope.scopeLevel - 1 - i);
             const { start_point } = stackRef;
             const component = start_point[0];
             if (component.instanceName.startsWith(`${globals_js_1.Delimiter1}point.`)) {

package/dist/cjs/geometry.js

@@ -416,9 +416,28 @@ class Geometry {
                 [segment.end.x, segment.end.y]
             ];
         });
+        const lines = [];
+        let prevPoint;
+        let currentLine = [];
+        segments.forEach((segment, index) => {
+            const [pt1, pt2] = segment;
+            if (index === 0 || (prevPoint[0] !== pt1[0] || prevPoint[1] !== pt1[1])) {
+                if (currentLine.length > 0) {
+                    lines.push(currentLine);
+                    currentLine = [];
+                }
+                currentLine.push([pt1[0], pt1[1]]);
+            }
+            currentLine.push(pt2);
+            prevPoint = pt2;
+        });
+        if (currentLine.length > 0) {
+            lines.push(currentLine);
+        }
         return {
             intersectPoints,
             segments,
+            lines,
         };
     }
 }

package/dist/cjs/globals.js

@@ -106,8 +106,10 @@ var BlockTypes;
 var NetGraphicsParams;
 (function (NetGraphicsParams) {
     NetGraphicsParams["Color"] = "color";
-    NetGraphicsParams["Highight"] = "highlight";
     NetGraphicsParams["LineWidth"] = "lineWidth";
+    NetGraphicsParams["Highlight"] = "highlight";
+    NetGraphicsParams["HighlightWidth"] = "highlightWidth";
+    NetGraphicsParams["HighlightOpacity"] = "highlightOpacity";
 })(NetGraphicsParams || (exports.NetGraphicsParams = NetGraphicsParams = {}));
 var FrameType;
 (function (FrameType) {

package/dist/cjs/layout.js

@@ -137,8 +137,19 @@ class LayoutEngine {
                 const value = net.params.get(globals_js_1.NetGraphicsParams.LineWidth);
                 renderNet.lineWidth = (0, helpers_js_1.milsToMM)(value).toNumber();
             }
-            if (net.params.has(globals_js_1.NetGraphicsParams.Highight)) {
-                renderNet.highlight = net.params.get(globals_js_1.NetGraphicsParams.Highight);
+            if (net.params.has(globals_js_1.NetGraphicsParams.Highlight)) {
+                renderNet.highlight =
+                    net.params.get(globals_js_1.NetGraphicsParams.Highlight);
+            }
+            if (net.params.has(globals_js_1.NetGraphicsParams.HighlightWidth)) {
+                renderNet.highlightWidth =
+                    (0, helpers_js_1.milsToMM)(net.params.get(globals_js_1.NetGraphicsParams.HighlightWidth))
+                        .toNumber();
+            }
+            if (net.params.has(globals_js_1.NetGraphicsParams.HighlightOpacity)) {
+                renderNet.highlightOpacity =
+                    net.params.get(globals_js_1.NetGraphicsParams.HighlightOpacity)
+                        .toNumber();
             }
             renderNets.set(net.toString(), renderNet);
         });
@@ -192,12 +203,13 @@ class LayoutEngine {
                 });
             }
             else {
-                const { intersectPoints, segments } = geometry_js_1.Geometry.mergeWires(allLines);
+                const { intersectPoints, segments, lines } = geometry_js_1.Geometry.mergeWires(allLines);
                 mergedWires.push({
                     netName: netName,
                     segments,
                     intersectPoints,
                     net: renderNet,
+                    lines,
                 });
                 intersectPoints.forEach(([x, y]) => {
                     junctions.push(new RenderJunction((0, ParamDefinition_js_1.numeric)(x), (0, ParamDefinition_js_1.numeric)(y), renderNet));

package/dist/cjs/objects/ExecutionScope.js

@@ -15,7 +15,7 @@ class ExecutionScope {
         this.breakStack = [];
         this.wires = [];
         this.frames = [];
-        this.indentLevel = 0;
+        this.scopeLevel = 0;
         this.netCounter = 1;
         this.unnamedCounter = 1;
         this.currentComponent = null;

package/dist/cjs/render.js

@@ -181,12 +181,14 @@ function generateSVGChild(canvas, components, wires, junctions, mergedWires, fra
     const mergedWireHighlightGroup = canvas.group();
     const mergedWireGroup = canvas.group();
     mergedWires.forEach(tmpItem => {
-        const { segments, intersectPoints, net = null } = tmpItem;
+        const { intersectPoints, net = null, lines = null } = tmpItem;
         let useJunctionColor = globals_js_1.ColorScheme.JunctionColor;
         let useColor = globals_js_1.ColorScheme.WireColor;
         let useLineWidth = globals_js_1.defaultWireLineWidth;
         let displayHighlight = false;
         let displayHighlightColor = null;
+        let displayHighlightOpacity = 0.3;
+        let displayHighlightWidth = 5 * globals_js_1.MilsToMM;
         if (net !== null) {
             useColor = net.color ?? globals_js_1.ColorScheme.WireColor;
             useJunctionColor = net.color ?? globals_js_1.ColorScheme.JunctionColor;
@@ -194,25 +196,29 @@ function generateSVGChild(canvas, components, wires, junctions, mergedWires, fra
             if (net.highlight !== null) {
                 displayHighlight = true;
                 displayHighlightColor = net.highlight ?? null;
+                if (net.highlightOpacity !== undefined) {
+                    displayHighlightOpacity = net.highlightOpacity;
+                }
+                if (net.highlightWidth !== undefined) {
+                    displayHighlightWidth = net.highlightWidth;
+                }
             }
         }
         const pathItems = [];
-        const highlightExtraSize = 5 * globals_js_1.MilsToMM;
-        segments.forEach(segment => {
-            const pt1 = segment[0];
-            const pt2 = segment[1];
-            pathItems.push(...[
-                'M', pt1[0], pt1[1],
-                'L', pt2[0], pt2[1]
-            ]);
+        const useLines = lines ?? [];
+        useLines.forEach(line => {
+            line.forEach((point, index) => {
+                const commandType = (index === 0) ? 'M' : 'L';
+                pathItems.push(...[commandType, point[0], point[1]]);
+            });
         });
         if (displayHighlight) {
             mergedWireHighlightGroup.path(pathItems)
                 .stroke({
-                width: useLineWidth + highlightExtraSize,
+                width: useLineWidth + displayHighlightWidth,
                 color: displayHighlightColor,
-                opacity: 0.3,
-                linecap: 'square'
+                opacity: displayHighlightOpacity,
+                linecap: 'butt'
             })
                 .fill('none');
         }
@@ -220,11 +226,11 @@ function generateSVGChild(canvas, components, wires, junctions, mergedWires, fra
             .stroke({
             width: useLineWidth,
             color: useColor,
-            linecap: 'square'
+            linecap: 'butt'
         })
             .fill('none');
         const halfJunctionSize = globals_js_1.junctionSize.half();
-        const highlightJunctionSize = (0, ParamDefinition_js_1.numeric)(globals_js_1.junctionSize.toNumber() + highlightExtraSize);
+        const highlightJunctionSize = (0, ParamDefinition_js_1.numeric)(globals_js_1.junctionSize.toNumber() + displayHighlightWidth);
         const tmpHighlightExtraSize = highlightJunctionSize.half();
         intersectPoints.forEach(point => {
             const [x, y,] = point;

package/dist/cjs/visitor.js

@@ -104,17 +104,17 @@ class ParserVisitor extends BaseVisitor_js_1.BaseVisitor {
             }
             const scope = this.getScope();
             const executor = this.getExecutor();
-            const indentLevel = scope.indentLevel;
-            if (scope.blockStack.has(indentLevel)) {
-                const blockStackEntry = scope.blockStack.get(indentLevel);
+            const scopeLevel = scope.scopeLevel;
+            if (scope.blockStack.has(scopeLevel)) {
+                const blockStackEntry = scope.blockStack.get(scopeLevel);
                 if (blockStackEntry.type !== blockType) {
                     executor.exitBlocks();
                 }
             }
-            if (!scope.blockStack.has(indentLevel)) {
+            if (!scope.blockStack.has(scopeLevel)) {
                 executor.enterBlocks(blockType);
             }
-            const blockStackEntry = scope.blockStack.get(indentLevel);
+            const blockStackEntry = scope.blockStack.get(scopeLevel);
             const { current_index } = blockStackEntry;
             executor.enterBlock(current_index);
             this.visit(ctx.expressions_block());
@@ -122,12 +122,9 @@ class ParserVisitor extends BaseVisitor_js_1.BaseVisitor {
             blockStackEntry.current_index++;
         };
         this.visitGraph_expressions = (ctx) => {
+            this.getExecutor().log('graph expressions', this.getScope().scopeLevel);
             if (ctx.path_block() === null) {
-                const scope = this.getScope();
-                const indentLevel = scope.indentLevel;
-                if (scope.blockStack.has(indentLevel)) {
-                    this.getExecutor().exitBlocks();
-                }
+                this.getExecutor().closeOpenPathBlocks();
             }
             const ctxPathBlock = ctx.path_block();
             const ctxNotPathBlock = ctx.graph_linear_expression();
@@ -818,9 +815,10 @@ class ParserVisitor extends BaseVisitor_js_1.BaseVisitor {
             this.setResult(ctx, result);
         };
         this.visitAt_block_pin_expr = (ctx) => {
-            const atPin = this.visitResult(ctx.pin_select_expr2());
             const executor = this.getExecutor();
             const [currentComponent, currentPin] = executor.getCurrentPoint();
+            executor.closeOpenPathBlocks();
+            const atPin = this.visitResult(ctx.pin_select_expr2());
             executor.atComponent(currentComponent, atPin, {
                 addSequence: true
             });
@@ -841,11 +839,11 @@ class ParserVisitor extends BaseVisitor_js_1.BaseVisitor {
             executor.log('entering at block');
             this.visit(ctx.at_component_expr());
             const [currentComponent, currentPin] = executor.getCurrentPoint();
-            executor.scope.indentLevel += 1;
+            executor.scope.scopeLevel += 1;
             ctx.at_block_expressions().forEach(expression => {
                 this.visit(expression);
             });
-            executor.scope.indentLevel -= 1;
+            executor.scope.scopeLevel -= 1;
             executor.scope.setCurrent(currentComponent, currentPin);
             executor.log('leaving at block');
         };

package/dist/esm/BaseVisitor.js

@@ -127,7 +127,7 @@ export class BaseVisitor extends CircuitScriptVisitor {
         }
         const result = this.runExpressions(this.getExecutor(), ctx.expression());
         this.setResult(ctx, result);
-        this.getExecutor().closeAllBlocks();
+        this.getExecutor().closeOpenPathBlocks();
         this.log('===', 'end', '===');
     };
     visitAssignment_expr = (ctx) => {
@@ -670,7 +670,7 @@ export class BaseVisitor extends CircuitScriptVisitor {
         const executionLevel = currentExecutionContext.executionLevel;
         const executionContextNamespace = currentExecutionContext.namespace
             + executionContextName + ".";
-        const newExecutor = new ExecutionContext(executionContextName, executionContextNamespace, netNamespace, executionLevel + 1, this.getExecutor().scope.indentLevel + 1, currentExecutionContext.silent, currentExecutionContext.logger, currentExecutionContext.warnings, parentContext);
+        const newExecutor = new ExecutionContext(executionContextName, executionContextNamespace, netNamespace, executionLevel + 1, this.getExecutor().scope.scopeLevel + 1, currentExecutionContext.silent, currentExecutionContext.logger, currentExecutionContext.warnings, parentContext);
         executionStack.push(newExecutor);
         this.setupDefinedParameters(funcDefinedParameters, passedInParameters, newExecutor);
         return newExecutor;

package/dist/esm/execute.js

@@ -28,17 +28,17 @@ export class ExecutionContext {
     parentContext;
     componentAngleFollowsWire = true;
     warnings = [];
-    constructor(name, namespace, netNamespace, executionLevel = 0, indentLevel = 0, silent = false, logger, warnings, parent) {
+    constructor(name, namespace, netNamespace, executionLevel = 0, scopeLevel = 0, silent = false, logger, warnings, parent) {
         this.name = name;
         this.namespace = namespace;
         this.netNamespace = netNamespace;
         this.executionLevel = executionLevel;
         this.logger = logger;
         this.scope = ExecutionScope.create();
-        this.scope.indentLevel = indentLevel;
+        this.scope.scopeLevel = scopeLevel;
         this.setupRoot();
         this.silent = silent;
-        this.log('create new execution context', this.namespace, this.name, this.scope.indentLevel);
+        this.log('create new execution context', this.namespace, this.name, this.scope.scopeLevel);
         this.parentContext = parent;
         this.warnings = warnings;
     }
@@ -50,8 +50,8 @@ export class ExecutionContext {
         });
     }
     log(...params) {
-        const indentOutput = ''.padStart(this.scope.indentLevel * 4, '    ');
-        const indentLevelText = this.scope.indentLevel
+        const indentOutput = ''.padStart(this.scope.scopeLevel * 4, '    ');
+        const indentLevelText = this.scope.scopeLevel
             .toString()
             .padStart(3, ' ');
         const args = ['[' + indentLevelText + ']', indentOutput, ...params];
@@ -403,7 +403,7 @@ export class ExecutionContext {
             this.addPoint(`${Delimiter1}${key}.${this.name}.${this.tmpPointId}`, false);
             this.tmpPointId += 1;
         }
-        this.scope.blockStack.set(this.scope.indentLevel, {
+        this.scope.blockStack.set(this.scope.scopeLevel, {
             start_point: [
                 this.scope.currentComponent,
                 this.scope.currentPin,
@@ -416,8 +416,11 @@ export class ExecutionContext {
         });
         this.log('enter blocks');
     }
-    exitBlocks() {
-        const stackRef = this.scope.blockStack.get(this.scope.indentLevel);
+    exitBlocks(scopeLevel = null) {
+        if (scopeLevel === null) {
+            scopeLevel = this.scope.scopeLevel;
+        }
+        const stackRef = this.scope.blockStack.get(scopeLevel);
         const { type: blockType } = stackRef;
         if (blockType === BlockTypes.Join || blockType === BlockTypes.Parallel) {
             const { end_point: finalPoint } = stackRef;
@@ -434,16 +437,18 @@ export class ExecutionContext {
             const { start_point: [component, pin,] } = stackRef;
             this.atComponent(component, pin, { addSequence: true });
         }
-        this.scope.blockStack.delete(this.scope.indentLevel);
+        this.scope.blockStack.delete(scopeLevel);
         this.log('exit blocks');
     }
-    closeAllBlocks() {
-        if (this.scope.blockStack.has(this.scope.indentLevel)) {
+    closeOpenPathBlocks() {
+        const scope = this.scope;
+        const scopeLevel = scope.scopeLevel;
+        if (scope.blockStack.has(scopeLevel)) {
             this.exitBlocks();
         }
     }
     enterBlock(blockIndex) {
-        const stackRef = this.scope.blockStack.get(this.scope.indentLevel);
+        const stackRef = this.scope.blockStack.get(this.scope.scopeLevel);
         const { type: blockType } = stackRef;
         const blockTypeName = getBlockTypeString(blockType);
         stackRef.inner_blocks.set(blockIndex, {
@@ -459,10 +464,10 @@ export class ExecutionContext {
             this.atComponent(component, pin, { addSequence: true });
         }
         this.log(`enter inner block of type (${blockTypeName}) >>>`);
-        this.scope.indentLevel += 1;
+        this.scope.scopeLevel += 1;
     }
     exitBlock(blockIndex) {
-        const stackRef = this.scope.blockStack.get(this.scope.indentLevel - 1);
+        const stackRef = this.scope.blockStack.get(this.scope.scopeLevel - 1);
         const { type: blockType } = stackRef;
         const blockIndexRef = stackRef.inner_blocks.get(blockIndex);
         blockIndexRef.last_net = [
@@ -470,7 +475,7 @@ export class ExecutionContext {
             this.scope.currentPin,
             this.scope.currentWireId
         ];
-        this.scope.indentLevel -= 1;
+        this.scope.scopeLevel -= 1;
         this.log('exit inner block <<<');
         if (blockType === BlockTypes.Branch) {
             const { start_point: [component, pin, wireId] } = stackRef;
@@ -511,8 +516,8 @@ export class ExecutionContext {
     }
     getPointBlockLocation() {
         this.log('get block point');
-        for (let i = 0; i < this.scope.indentLevel; i++) {
-            const stackRef = this.scope.blockStack.get(this.scope.indentLevel - 1 - i);
+        for (let i = 0; i < this.scope.scopeLevel; i++) {
+            const stackRef = this.scope.blockStack.get(this.scope.scopeLevel - 1 - i);
             const { start_point } = stackRef;
             const component = start_point[0];
             if (component.instanceName.startsWith(`${Delimiter1}point.`)) {

package/dist/esm/geometry.js

@@ -416,9 +416,28 @@ export class Geometry {
                 [segment.end.x, segment.end.y]
             ];
         });
+        const lines = [];
+        let prevPoint;
+        let currentLine = [];
+        segments.forEach((segment, index) => {
+            const [pt1, pt2] = segment;
+            if (index === 0 || (prevPoint[0] !== pt1[0] || prevPoint[1] !== pt1[1])) {
+                if (currentLine.length > 0) {
+                    lines.push(currentLine);
+                    currentLine = [];
+                }
+                currentLine.push([pt1[0], pt1[1]]);
+            }
+            currentLine.push(pt2);
+            prevPoint = pt2;
+        });
+        if (currentLine.length > 0) {
+            lines.push(currentLine);
+        }
         return {
             intersectPoints,
             segments,
+            lines,
         };
     }
 }

package/dist/esm/globals.js

@@ -103,8 +103,10 @@ export var BlockTypes;
 export var NetGraphicsParams;
 (function (NetGraphicsParams) {
     NetGraphicsParams["Color"] = "color";
-    NetGraphicsParams["Highight"] = "highlight";
     NetGraphicsParams["LineWidth"] = "lineWidth";
+    NetGraphicsParams["Highlight"] = "highlight";
+    NetGraphicsParams["HighlightWidth"] = "highlightWidth";
+    NetGraphicsParams["HighlightOpacity"] = "highlightOpacity";
 })(NetGraphicsParams || (NetGraphicsParams = {}));
 export var FrameType;
 (function (FrameType) {

package/dist/esm/layout.js

@@ -112,8 +112,19 @@ export class LayoutEngine {
                 const value = net.params.get(NetGraphicsParams.LineWidth);
                 renderNet.lineWidth = milsToMM(value).toNumber();
             }
-            if (net.params.has(NetGraphicsParams.Highight)) {
-                renderNet.highlight = net.params.get(NetGraphicsParams.Highight);
+            if (net.params.has(NetGraphicsParams.Highlight)) {
+                renderNet.highlight =
+                    net.params.get(NetGraphicsParams.Highlight);
+            }
+            if (net.params.has(NetGraphicsParams.HighlightWidth)) {
+                renderNet.highlightWidth =
+                    milsToMM(net.params.get(NetGraphicsParams.HighlightWidth))
+                        .toNumber();
+            }
+            if (net.params.has(NetGraphicsParams.HighlightOpacity)) {
+                renderNet.highlightOpacity =
+                    net.params.get(NetGraphicsParams.HighlightOpacity)
+                        .toNumber();
             }
             renderNets.set(net.toString(), renderNet);
         });
@@ -167,12 +178,13 @@ export class LayoutEngine {
                 });
             }
             else {
-                const { intersectPoints, segments } = Geometry.mergeWires(allLines);
+                const { intersectPoints, segments, lines } = Geometry.mergeWires(allLines);
                 mergedWires.push({
                     netName: netName,
                     segments,
                     intersectPoints,
                     net: renderNet,
+                    lines,
                 });
                 intersectPoints.forEach(([x, y]) => {
                     junctions.push(new RenderJunction(numeric(x), numeric(y), renderNet));

package/dist/esm/objects/ExecutionScope.js

@@ -12,7 +12,7 @@ export class ExecutionScope {
     breakStack = [];
     wires = [];
     frames = [];
-    indentLevel = 0;
+    scopeLevel = 0;
     netCounter = 1;
     unnamedCounter = 1;
     currentComponent = null;

package/dist/esm/render.js

@@ -172,12 +172,14 @@ function generateSVGChild(canvas, components, wires, junctions, mergedWires, fra
     const mergedWireHighlightGroup = canvas.group();
     const mergedWireGroup = canvas.group();
     mergedWires.forEach(tmpItem => {
-        const { segments, intersectPoints, net = null } = tmpItem;
+        const { intersectPoints, net = null, lines = null } = tmpItem;
         let useJunctionColor = ColorScheme.JunctionColor;
         let useColor = ColorScheme.WireColor;
         let useLineWidth = defaultWireLineWidth;
         let displayHighlight = false;
         let displayHighlightColor = null;
+        let displayHighlightOpacity = 0.3;
+        let displayHighlightWidth = 5 * MilsToMM;
         if (net !== null) {
             useColor = net.color ?? ColorScheme.WireColor;
             useJunctionColor = net.color ?? ColorScheme.JunctionColor;
@@ -185,25 +187,29 @@ function generateSVGChild(canvas, components, wires, junctions, mergedWires, fra
             if (net.highlight !== null) {
                 displayHighlight = true;
                 displayHighlightColor = net.highlight ?? null;
+                if (net.highlightOpacity !== undefined) {
+                    displayHighlightOpacity = net.highlightOpacity;
+                }
+                if (net.highlightWidth !== undefined) {
+                    displayHighlightWidth = net.highlightWidth;
+                }
             }
         }
         const pathItems = [];
-        const highlightExtraSize = 5 * MilsToMM;
-        segments.forEach(segment => {
-            const pt1 = segment[0];
-            const pt2 = segment[1];
-            pathItems.push(...[
-                'M', pt1[0], pt1[1],
-                'L', pt2[0], pt2[1]
-            ]);
+        const useLines = lines ?? [];
+        useLines.forEach(line => {
+            line.forEach((point, index) => {
+                const commandType = (index === 0) ? 'M' : 'L';
+                pathItems.push(...[commandType, point[0], point[1]]);
+            });
         });
         if (displayHighlight) {
             mergedWireHighlightGroup.path(pathItems)
                 .stroke({
-                width: useLineWidth + highlightExtraSize,
+                width: useLineWidth + displayHighlightWidth,
                 color: displayHighlightColor,
-                opacity: 0.3,
-                linecap: 'square'
+                opacity: displayHighlightOpacity,
+                linecap: 'butt'
             })
                 .fill('none');
         }
@@ -211,11 +217,11 @@ function generateSVGChild(canvas, components, wires, junctions, mergedWires, fra
             .stroke({
             width: useLineWidth,
             color: useColor,
-            linecap: 'square'
+            linecap: 'butt'
         })
             .fill('none');
         const halfJunctionSize = junctionSize.half();
-        const highlightJunctionSize = numeric(junctionSize.toNumber() + highlightExtraSize);
+        const highlightJunctionSize = numeric(junctionSize.toNumber() + displayHighlightWidth);
         const tmpHighlightExtraSize = highlightJunctionSize.half();
         intersectPoints.forEach(point => {
             const [x, y,] = point;

package/dist/esm/visitor.js

@@ -99,17 +99,17 @@ export class ParserVisitor extends BaseVisitor {
         }
         const scope = this.getScope();
         const executor = this.getExecutor();
-        const indentLevel = scope.indentLevel;
-        if (scope.blockStack.has(indentLevel)) {
-            const blockStackEntry = scope.blockStack.get(indentLevel);
+        const scopeLevel = scope.scopeLevel;
+        if (scope.blockStack.has(scopeLevel)) {
+            const blockStackEntry = scope.blockStack.get(scopeLevel);
             if (blockStackEntry.type !== blockType) {
                 executor.exitBlocks();
             }
         }
-        if (!scope.blockStack.has(indentLevel)) {
+        if (!scope.blockStack.has(scopeLevel)) {
             executor.enterBlocks(blockType);
         }
-        const blockStackEntry = scope.blockStack.get(indentLevel);
+        const blockStackEntry = scope.blockStack.get(scopeLevel);
         const { current_index } = blockStackEntry;
         executor.enterBlock(current_index);
         this.visit(ctx.expressions_block());
@@ -117,12 +117,9 @@ export class ParserVisitor extends BaseVisitor {
         blockStackEntry.current_index++;
     };
     visitGraph_expressions = (ctx) => {
+        this.getExecutor().log('graph expressions', this.getScope().scopeLevel);
         if (ctx.path_block() === null) {
-            const scope = this.getScope();
-            const indentLevel = scope.indentLevel;
-            if (scope.blockStack.has(indentLevel)) {
-                this.getExecutor().exitBlocks();
-            }
+            this.getExecutor().closeOpenPathBlocks();
         }
         const ctxPathBlock = ctx.path_block();
         const ctxNotPathBlock = ctx.graph_linear_expression();
@@ -863,9 +860,10 @@ export class ParserVisitor extends BaseVisitor {
         this.setResult(ctx, result);
     };
     visitAt_block_pin_expr = (ctx) => {
-        const atPin = this.visitResult(ctx.pin_select_expr2());
         const executor = this.getExecutor();
         const [currentComponent, currentPin] = executor.getCurrentPoint();
+        executor.closeOpenPathBlocks();
+        const atPin = this.visitResult(ctx.pin_select_expr2());
         executor.atComponent(currentComponent, atPin, {
             addSequence: true
         });
@@ -886,11 +884,11 @@ export class ParserVisitor extends BaseVisitor {
         executor.log('entering at block');
         this.visit(ctx.at_component_expr());
         const [currentComponent, currentPin] = executor.getCurrentPoint();
-        executor.scope.indentLevel += 1;
+        executor.scope.scopeLevel += 1;
         ctx.at_block_expressions().forEach(expression => {
             this.visit(expression);
         });
-        executor.scope.indentLevel -= 1;
+        executor.scope.scopeLevel -= 1;
         executor.scope.setCurrent(currentComponent, currentPin);
         executor.log('leaving at block');
     };

package/dist/types/draw_symbols.d.ts

@@ -200,7 +200,7 @@ export declare class SymbolDrawingCommands extends SymbolDrawing {
     clone(): SymbolDrawingCommands;
     eq(other: SymbolDrawingCommands): boolean;
 }
-type SimplePoint = [x: number, y: number];
+export type SimplePoint = [x: number, y: number];
 type SymbolPinLayout = {
     pinId: number;
     angle: number;

package/dist/types/execute.d.ts

@@ -30,7 +30,7 @@ export declare class ExecutionContext {
     parentContext: ExecutionContext;
     componentAngleFollowsWire: boolean;
     warnings: ExecutionWarning[];
-    constructor(name: string, namespace: string, netNamespace: string, executionLevel: number | undefined, indentLevel: number | undefined, silent: boolean | undefined, logger: Logger, warnings: ExecutionWarning[], parent: ExecutionContext);
+    constructor(name: string, namespace: string, netNamespace: string, executionLevel: number | undefined, scopeLevel: number | undefined, silent: boolean | undefined, logger: Logger, warnings: ExecutionWarning[], parent: ExecutionContext);
     logWarning(message: string, context?: ParserRuleContext, fileName?: string): void;
     log(...params: any[]): void;
     private setupRoot;
@@ -61,8 +61,8 @@ export declare class ExecutionContext {
     }): ComponentPin;
     copyComponent(component: ClassComponent): ClassComponent;
     enterBlocks(blockType: BlockTypes): void;
-    exitBlocks(): void;
-    closeAllBlocks(): void;
+    exitBlocks(scopeLevel?: number | null): void;
+    closeOpenPathBlocks(): void;
     enterBlock(blockIndex: number): void;
     exitBlock(blockIndex: number): void;
     atPointBlock(): void;

package/dist/types/geometry.d.ts

@@ -2,6 +2,7 @@ import Flatten from '@flatten-js/core';
 import { Box } from '@svgdotjs/svg.js';
 import { NumericValue } from './objects/ParamDefinition.js';
 import { PinTypes } from './objects/PinTypes.js';
+import { SimplePoint } from './draw_symbols.js';
 export type Segment = Flatten.Segment;
 export type Polygon = Flatten.Polygon;
 export type Multiline = Flatten.Multiline;
@@ -76,7 +77,8 @@ export declare class Geometry {
         y: NumericValue;
     }[][]): {
         intersectPoints: WirePointCount[];
-        segments: [x: number, y: number][][];
+        segments: SimplePoint[][];
+        lines: SimplePoint[][];
     };
 }
 type WirePointCount = [x: number, y: number, count: number];

package/dist/types/globals.d.ts

@@ -90,8 +90,10 @@ export declare enum BlockTypes {
 }
 export declare enum NetGraphicsParams {
     Color = "color",
-    Highight = "highlight",
-    LineWidth = "lineWidth"
+    LineWidth = "lineWidth",
+    Highlight = "highlight",
+    HighlightWidth = "highlightWidth",
+    HighlightOpacity = "highlightOpacity"
 }
 export declare enum FrameType {
     Frame = 1,

package/dist/types/layout.d.ts

@@ -1,5 +1,5 @@
 import { Graph } from '@dagrejs/graphlib';
-import { SymbolGraphic, SymbolText, SymbolDrawingCommands } from "./draw_symbols.js";
+import { SymbolGraphic, SymbolText, SymbolDrawingCommands, SimplePoint } from "./draw_symbols.js";
 import { ClassComponent } from "./objects/ClassComponent.js";
 import { SequenceItem } from "./objects/ExecutionScope.js";
 import { WireAutoDirection } from './globals.js';
@@ -61,6 +61,7 @@ export type RenderNet = {
     lineWidth?: number;
     highlight?: string;
     highlightOpacity?: number;
+    highlightWidth?: number;
 };
 export declare class RenderWire extends RenderObject {
     id: number;
@@ -85,9 +86,10 @@ export declare class RenderWire extends RenderObject {
 }
 export type MergedWire = {
     netName: string;
-    segments: [x: number, y: number][][];
+    segments: SimplePoint[][];
     intersectPoints: [x: number, y: number, count: number][];
     net: RenderNet;
+    lines?: SimplePoint[][];
 };
 export declare class RenderComponent extends RenderObject {
     component: ClassComponent;

package/dist/types/objects/ExecutionScope.d.ts

@@ -23,7 +23,7 @@ export declare class ExecutionScope {
     breakStack: ParserRuleContext[];
     wires: Wire[];
     frames: Frame[];
-    indentLevel: number;
+    scopeLevel: number;
     netCounter: number;
     unnamedCounter: number;
     currentComponent: ClassComponent | null;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "circuitscript",
-    "version": "0.1.13",
+    "version": "0.1.15",
     "description": "Interpreter for the circuitscript language",
     "homepage": "https://circuitscript.net",
     "engines": {