Add lineWidth option

CHANGELOG.md

@@ -0,0 +1,8 @@
+## next
+- fully typed
+- added `lineWidth` option
+
+## 1.0.0
+- ported to typescript
+- added distributable library build in dist folder
+- some minor fixes

src/demo/demo.js

@@ -1,17 +1,17 @@
-
-
 let gcodePreview;
 
 const slider = document.getElementById('layers');
 const scaleSlider = document.getElementById('scale');
 const rotationSlider = document.getElementById('rotation');
 const toggleAnimation = document.getElementById('toggle-animation');
 const toggleZoneColors = document.getElementById('zone-colors');
+const lineWidth = document.getElementById('line-width');
 
 function initDemo() {
     const preview = new GCodePreview.Preview({
         targetId : 'renderer',
         scale: 7,
+        lineWidth: 0.6
     });
 
     info(preview.canvas);
@@ -31,6 +31,11 @@ function initDemo() {
         preview.render();
     })
 
+    lineWidth.addEventListener('input', function(evt) {
+      preview.lineWidth = +lineWidth.value;
+      preview.render();
+  })
+
     window.addEventListener('resize', function() {
         preview.resize();
         preview.render();

src/demo/index.html

@@ -8,6 +8,7 @@ <h1>GCode Previewer</h1>
     <label>Render layers:&nbsp;<input type="range" min="0" value="0" id="layers" /></label>
     <label>Scale:&nbsp;<input type="range" min="1" value="3" max="10" step="0.1" id="scale" /></label>
     <label>Rotate:&nbsp;<input type="range" min="0" value="0" max="360"  id="rotation" /></label>
+    <label>Line width:&nbsp;<input type="range" min="0.1" value="0" max="2" step="0.1" id="line-width" /></label>
     <button id="toggle-animation">toggle animation</button>
     <label>Color zones:&nbsp;<input type="checkbox" id="zone-colors" value="test" /></label>
     <br>

src/dist/gcode-parser.d.ts

@@ -7,21 +7,20 @@ export declare class MoveCommand extends GCodeCommand {
     params: MoveCommandParams;
     constructor(gcode: string, params: MoveCommandParams, comment?: string);
 }
+declare type MoveCommandParamName = "x" | "y" | "z" | "e";
 declare type MoveCommandParams = {
-    x?: number;
-    y?: number;
-    z?: number;
-    e?: number;
+    [key in MoveCommandParamName]?: number;
 };
-export interface Layer {
+export declare class Layer {
     layer: number;
     commands: GCodeCommand[];
+    constructor(layer: number, commands: GCodeCommand[]);
 }
 export declare class Parser {
     parseCommand(line: string, keepComments?: boolean): GCodeCommand | null;
     parseMove(params: string[]): MoveCommandParams;
-    groupIntoLayers(commands: GCodeCommand[], header: any): Layer[];
-    parseGcode(input: any): {
+    groupIntoLayers(commands: GCodeCommand[]): Layer[];
+    parseGcode(input: string): {
         header: {
             slicer: string;
         };

src/dist/gcode-preview.d.ts

@@ -1,12 +1,23 @@
 import Colors from "./gcode-colors";
 import { Parser, Layer } from "./gcode-parser";
 export { Colors };
-export declare class Preview {
+declare type PreviewOptions = Partial<{
+    limit: number;
+    scale: number;
+    lineWidth: number;
+    rotation: number;
+    rotationAnimation: boolean;
+    zoneColors: boolean;
+    canvas: HTMLCanvasElement | string;
+    targetId: string;
+}>;
+export declare class Preview implements PreviewOptions {
     limit: number;
     rotation: number;
-    rotationAnimation: Boolean;
+    lineWidth: number;
+    rotationAnimation: boolean;
     scale: number;
-    zoneColors: Boolean;
+    zoneColors: boolean;
     canvas: HTMLCanvasElement;
     ctx: CanvasRenderingContext2D;
     targetId: string;
@@ -23,14 +34,13 @@ export declare class Preview {
         x: number;
         y: number;
     };
-    constructor(opts: any);
+    constructor(opts: PreviewOptions);
     clear(): void;
     resize(): void;
-    getZoneColor(zone: any, layerIndex: any): any;
-    renderWithColor(l: Layer, layerIndex: number, color?: any): void;
-    drawLayer(index: any, limit: any): void;
+    renderWithColor(l: Layer, layerIndex: number, color?: string): void;
+    drawLayer(index: number, limit: number): void;
     render(): void;
-    processGCode(gcode: any): void;
+    processGCode(gcode: string): void;
     animationLoop(): void;
     startAnimation(): void;
     stopAnimation(): void;
@@ -40,7 +50,7 @@ export declare class Preview {
         minY: number;
         maxY: number;
     };
-    getCenter(layer: any): {
+    getCenter(layer: Layer): {
         x: number;
         y: number;
     };
@@ -52,8 +62,8 @@ export declare class Preview {
         sizeX: number;
         sizeY: number;
     };
-    drawBounds(layer: any, color: any): void;
-    autoscale(): any;
+    drawBounds(layer: Layer, color: string): void;
+    autoscale(): number;
     projectIso(point: {
         x: number;
         y: number;