Use official OrbitControls from examples inside three instead of sepa…

…rate three-orbitcontrols package and bundle it

demo/index.html

@@ -135,16 +135,13 @@ <h4>experimental</h4>
       </section>
     </div>
   </div>
-
 
   <script src="three.min.js"></script>
-  <script src="OrbitControls.js"></script>
   <script src="canvas2image.js"></script>
   <script src="dist/gcode-preview.js"></script>
   <script src="demo.js"></script>
   <script>
     const gcodeDemo = initDemo();
     loadGCodeFromServer('benchy.gcode');
-
   </script>
 </body>

package.json

@@ -17,7 +17,7 @@
   "types": "dist/gcode-preview.d.ts",
   "devDependencies": {
     "@types/jest": "^29.0.3",
-    "@types/three": "^0.132.0",
+    "@types/three": "^0.144.0",
     "@typescript-eslint/eslint-plugin": "^5.38.0",
     "@typescript-eslint/parser": "^5.38.0",
     "copyfiles": "^2.4.1",
@@ -49,7 +49,6 @@
     "deploy": "firebase deploy --only hosting"
   },
   "dependencies": {
-    "three": "^0.140.2",
-    "three-orbitcontrols": "^2.110.3"
+    "three": "^0.144.0"
   }
 }

rollup.config.js

@@ -16,8 +16,7 @@ export default {
    format: 'umd',
    name: 'GCodePreview', // the global which can be used in a browser
    globals: {
-    'three': 'THREE',
-    'three-orbitcontrols': "THREE.OrbitControls"
+    'three': 'THREE'
    }
   }
  ],

src/webgl-preview.ts

@@ -1,6 +1,6 @@
 import { Parser, MoveCommand, Layer } from './gcode-parser';
 import * as THREE from 'three';
-import * as OrbitControls from 'three-orbitcontrols';
+import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls';
 import { LineMaterial } from './three-line2/LineMaterial';
 import { LineGeometry } from './three-line2/LineGeometry';
 import { LineSegments2 } from './three-line2/LineSegments2';