small timeouts to update the ui (#21)

* Update dependencies, use yarn2 * Wait all 200 lines to avoid blocking the UI.
aligator · Apr 21, 2023 · 8808901 · 8808901
1 parent d3bfd3d
commit 8808901
Show file tree

Hide file tree

Showing 13 changed files with 6,829 additions and 4,824 deletions.
diff --git a/.gitignore b/.gitignore
@@ -2,4 +2,12 @@ dist
 node_modules
 *.log
 _bundles
-dist-esm
+dist-esm
+
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/sdks
+!.yarn/versions
diff --git a/.yarn/plugins/@yarnpkg/plugin-interactive-tools.cjs b/.yarn/plugins/@yarnpkg/plugin-interactive-tools.cjs
diff --git a/.yarn/releases/yarn-3.5.0.cjs b/.yarn/releases/yarn-3.5.0.cjs
diff --git a/.yarnrc.yml b/.yarnrc.yml
@@ -0,0 +1,7 @@
+nodeLinker: node-modules
+
+plugins:
+  - path: .yarn/plugins/@yarnpkg/plugin-interactive-tools.cjs
+    spec: "@yarnpkg/plugin-interactive-tools"
+
+yarnPath: .yarn/releases/yarn-3.5.0.cjs
diff --git a/example/extended.html b/example/extended.html
@@ -11,7 +11,7 @@
   <!-- <script src="../_bundles/gcode-viewer.js"></script> -->
 
   <!-- In production you should serve this on your own. -->
-  <script src="https://unpkg.com/gcode-viewer@0.4.0/_bundles/gcode-viewer.js"></script>
+  <script src="https://unpkg.com/gcode-viewer@0.5.0/_bundles/gcode-viewer.js"></script>
 
   <!-- Normalize css just for example purposes. In Production you should use a propper way https://necolas.github.io/normalize.css/ -->
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css"

diff --git a/example/index.html b/example/index.html
@@ -10,7 +10,7 @@
   <!-- <script src="../_bundles/gcode-viewer.js"></script> -->
 
   <!-- In production you should serve this on your own. -->
-  <script src="https://unpkg.com/gcode-viewer@0.4.0/_bundles/gcode-viewer.js"></script>
+  <script src="https://unpkg.com/gcode-viewer@0.5.0/_bundles/gcode-viewer.js"></script>
 </head>
 
 <body>

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "gcode-viewer",
-  "version": "0.4.1",
+  "version": "0.5.0",
   "description": "A simple gcode viewer lib using three.js",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -14,22 +14,24 @@
   ],
   "scripts": {
     "clean": "rm -rf _bundles dist dist-esm",
-    "build": "yarn clean && tsc && tsc -m es6 --outDir dist-esm && webpack",
+    "build": "NODE_ENV=production && yarn clean && tsc && tsc -m es6 --outDir dist-esm && webpack",
+    "build:dev": "yarn clean && tsc && tsc -m es6 --outDir dist-esm && webpack",
     "prepublish": "yarn build && yarn test",
     "test": "jest"
   },
   "dependencies": {
-    "three": "^0.128.0"
+    "three": "^0.151.3"
   },
   "devDependencies": {
-    "@types/jest": "^26.0.23",
-    "@types/three": "^0.127.1",
-    "jest": "^26.6.3",
-    "ts-jest": "^26.5.6",
-    "ts-loader": "^9.1.1",
-    "typescript": "^4.2.4",
+    "@types/jest": "^29.5.0",
+    "@types/three": "^0.150.1",
+    "jest": "^29.5.0",
+    "ts-jest": "^29.1.0",
+    "ts-loader": "^9.4.2",
+    "typescript": "^5.0.4",
     "uglifyjs-webpack-plugin": "^2.2.0",
-    "webpack": "^5.36.2",
-    "webpack-cli": "^4.6.0"
-  }
+    "webpack": "^5.79.0",
+    "webpack-cli": "^5.0.1"
+  },
+  "packageManager": "[email protected]"
 }
diff --git a/src/LineTubeGeometry.ts b/src/LineTubeGeometry.ts
@@ -45,6 +45,8 @@ export class LineTubeGeometry extends BufferGeometry {
 
     constructor(radialSegments = 8) {
         super()
+
+        //@ts-ignore
         this.type = 'LineTubeGeometry'
         this.pointsLength = 0
         this.radialSegments = radialSegments
@@ -255,7 +257,7 @@ export class LineTubeGeometry extends BufferGeometry {
         }
     }
 
-    toJSON() {
+    toJSON(): string {
         throw new Error("not implemented")
     }
 

diff --git a/src/gcode.ts b/src/gcode.ts
@@ -215,13 +215,12 @@ export class GCodeRenderer {
      * Reads the GCode and renders it to a mesh.
      */
     public async render() {
-        this.parser.parse()
+        await this.parser.parse()
 
         this.parser.getGeometries().forEach(g => {
             this.scene.add(new Mesh(g, this.lineMaterial))
         });
-
-        this.setupScene()        
+        this.setupScene()
     }
 
     private draw() {