compile to one single file

src/geometry.ts

@@ -1,6 +1,3 @@
-import { Vector2D } from "./vector.js"
-import * as shape from "./shapes.js"
-
 function loadScript(filepath: string): string
 {
     var result = null;
@@ -76,8 +73,8 @@ class Geometry extends HTMLElement
 
     private redraw()
     {
-        shape.line(this.context, new Vector2D(), new Vector2D(300, 300));
+        Shape.line(this.context, new Util.Vector2D(), new Util.Vector2D(300, 300));
-        shape.circle(this.context, new Vector2D(150, 150), 100);
+        Shape.circle(this.context, new Util.Vector2D(150, 150), 100);
     }
 }
 

src/shapeStyle.ts

@@ -1,14 +1,16 @@
-
+module Util
-export class ShapeStyle
 {
-    public strokeWidth: number;
+    export class ShapeStyle
-    public strokeColor: string;
-    public fillColor: string;
-
-    constructor()
     {
-        this.strokeWidth = 1;
+        public strokeWidth: number;
-        this.strokeColor = '#000000';
+        public strokeColor: string;
-        this.fillColor = '#00000000';
+        public fillColor: string;
+
+        constructor()
+        {
+            this.strokeWidth = 1;
+            this.strokeColor = '#000000';
+            this.fillColor = '#00000000';
+        }
     }
 }

src/shapes.ts

@@ -1,26 +1,26 @@
-import { Vector2D } from "./vector.js"
+module Shape 
-import { ShapeStyle } from "./shapeStyle.js";
-
-export function line(ctx: CanvasRenderingContext2D, from: Vector2D , to: Vector2D, style: ShapeStyle = new ShapeStyle())
 {
-    ctx.beginPath();
+    export function line(ctx: CanvasRenderingContext2D, from: Util.Vector2D , to: Util.Vector2D, style: Util.ShapeStyle = new Util.ShapeStyle())
-    ctx.moveTo(from.x, from.y);
+    {
-    ctx.lineTo(to.x, to.y);
+        ctx.beginPath();
+        ctx.moveTo(from.x, from.y);
+        ctx.lineTo(to.x, to.y);
 
-    ctx.lineWidth = style.strokeWidth;
+        ctx.lineWidth = style.strokeWidth;
-    ctx.strokeStyle = style.strokeColor;
+        ctx.strokeStyle = style.strokeColor;
-    ctx.stroke();
+        ctx.stroke();
-}
+    }
 
-export function circle(ctx: CanvasRenderingContext2D, center: Vector2D, radius: number, style: ShapeStyle = new ShapeStyle())
+    export function circle(ctx: CanvasRenderingContext2D, center: Util.Vector2D, radius: number, style: Util.ShapeStyle = new Util.ShapeStyle())
-{
+    {
-    ctx.beginPath();
+        ctx.beginPath();
-    ctx.arc(center.x, center.y, radius, 0, 2 * Math.PI, false);
+        ctx.arc(center.x, center.y, radius, 0, 2 * Math.PI, false);
 
-    ctx.fillStyle = style.fillColor;
+        ctx.fillStyle = style.fillColor;
-    ctx.fill();
+        ctx.fill();
-    
+        
-    ctx.lineWidth = style.strokeWidth;
+        ctx.lineWidth = style.strokeWidth;
-    ctx.strokeStyle = style.strokeColor;
+        ctx.strokeStyle = style.strokeColor;
-    ctx.stroke();
+        ctx.stroke();
+    }
 }

src/vector.ts

@@ -1,11 +1,14 @@
-export class Vector2D
+module Util 
 {
-    public x: number;
+    export class Vector2D
-    public y: number;
-    
-    constructor(x: number = 0, y: number = 0)
     {
-        this.x = x;
+        public x: number;
-        this.y = y;
+        public y: number;
+        
+        constructor(x: number = 0, y: number = 0)
+        {
+            this.x = x;
+            this.y = y;
+        }
     }
 }

tsconfig.json

@@ -1,7 +1,7 @@
 {
     "compilerOptions": {
         "target": "es6",
-        // "outFile": "./out/lauchpioos.js",
+        "outFile": "./out/geometry.js",
         "outDir": "./out",
         "sourceRoot": "./src",
         "rootDir": "./src",