feat: use `three` as module (#3270)

.eslintrc.js

@@ -25,7 +25,6 @@ module.exports = {
     },
     globals: {
         d3: true,
-        THREE: true,
         cordova: true,
         cordovaUI: true,
         ol: true,

src/js/main.js

@@ -17,6 +17,7 @@ import UI_PHONES from './phones_ui.js';
 import { isExpertModeEnabled } from './utils/isExportModeEnabled.js';
 import { updateTabList } from './utils/updateTabList.js';
 import { checkForConfiguratorUpdates } from './utils/checkForConfiguratorUpdates.js';
+import * as THREE from 'three';
 
 $(document).ready(function () {
 

src/js/model.js

@@ -1,4 +1,5 @@
 import FC from "./fc";
+import * as THREE from 'three';
 
 // generate mixer
 export const mixerList = [

src/js/tabs/pid_tuning.js

@@ -14,6 +14,7 @@ import { API_VERSION_1_42, API_VERSION_1_43, API_VERSION_1_44, API_VERSION_1_45
 import { gui_log } from "../gui_log";
 import { degToRad, isInt } from "../utils/common";
 import semver from "semver";
+import * as THREE from "three";
 
 const pid_tuning = {
     RATE_PROFILE_MASK: 128,

src/js/tabs/receiver.js

@@ -17,6 +17,7 @@ import { gui_log } from "../gui_log";
 import { degToRad } from "../utils/common";
 import semver from 'semver';
 import { updateTabList } from "../utils/updateTabList";
+import * as THREE from 'three';
 
 import CryptoES from 'crypto-es';
 

src/main.html

@@ -62,9 +62,6 @@
     <script type="text/javascript" src="./node_modules/jquery-ui-npm/jquery-ui.min.js"></script>
     <script type="text/javascript" src="./js/libraries/d3.min.js"></script>
     <script type="text/javascript" src="./js/libraries/jquery.nouislider.all.min.js"></script>
-    <script type="text/javascript" src="./node_modules/three/build/three.min.js"></script>
-    <script type="text/javascript" src="./node_modules/three/examples/js/renderers/CanvasRenderer.js"></script>
-    <script type="text/javascript" src="./node_modules/three/examples/js/renderers/Projector.js"></script>
     <script type="text/javascript" src="./js/libraries/jquery.flightindicators.js"></script>
     <script type="text/javascript" src="./node_modules/bluebird/js/browser/bluebird.min.js"></script>
     <script type="text/javascript" src="./js/libraries/jquery.ba-throttle-debounce.min.js"></script>