transcom · cameroncaci · Oct 16, 2024 · Oct 14, 2024 · Oct 14, 2024 · Oct 14, 2024
diff --git a/.eslintrc b/.eslintrc
@@ -20,7 +20,10 @@
       "version": "detect"
     },
     "import/resolver": {
-      "webpack": "webpack.config.js"
+      "webpack": "webpack.config.js",
+      "node": {
+        "extensions": [".js", ".jsx"]
+      }
     }
   },
   "extends": [

diff --git a/.github/workflows/webpack.yml b/.github/workflows/webpack.yml
@@ -12,7 +12,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [14.x, 16.x, 18.x]
+        node-version: [20.x]
 
     steps:
     - uses: actions/checkout@v4
@@ -24,7 +24,7 @@ jobs:
 
     - name: Build
       run: |
-        if [ "${{ matrix.node-version }}" == "18.x" ]; then
+        if [ "${{ matrix.node-version }}" == "20.x" ]; then
           export NODE_OPTIONS=--openssl-legacy-provider
         fi
         npm install

diff --git a/.tool-versions b/.tool-versions
@@ -1 +1 @@
-nodejs 18.20.2
+nodejs 20.17.0
diff --git a/README.md b/README.md
@@ -72,11 +72,11 @@ purposes. It is by default served via webpack-dev-server.
 
 ### To start demo app
 
-`yarn start` will start the demo app served by webpack-dev-server
+`yarn serve:dev` will start the webpack analyzer and serve `app.js` for debugging and playwright.
 
 ### Testing
 
-Tests use Jest and Enzyme.
+Tests use Jest, Enzyme, and Playwright.
 
 Run tests with:
 
@@ -95,6 +95,13 @@ To do this run:
 yarn jest --updateSnapshot
 ```
 
+```
+yarn test:e2e
+```
+
+This runs the playwright tests for the drivers. As certain drivers now rely on modern web API, playwright must be used to
+simulate a real browser environment as this is still experimental within Jest's JSDOM.
+
 ### To run the linter
 
 `yarn lint`

diff --git a/babel.config.js b/babel.config.js
@@ -4,7 +4,12 @@ module.exports = {
     '@babel/preset-react',
   ],
   plugins: [
+    '@babel/plugin-transform-runtime',
+    '@babel/plugin-proposal-class-properties',
+    '@babel/plugin-proposal-private-methods',
     '@babel/plugin-proposal-export-default-from',
+    '@babel/plugin-syntax-import-meta',
+    '@babel/plugin-transform-class-static-block',
     '@babel/plugin-transform-modules-commonjs',
   ],
 }
diff --git a/dist/28c58d40210ac28e2a3e.png b/dist/28c58d40210ac28e2a3e.png
diff --git a/dist/332.index.js b/dist/332.index.js
diff --git a/dist/352.index.js b/dist/352.index.js
diff --git a/dist/352.index.js.LICENSE.txt b/dist/352.index.js.LICENSE.txt
@@ -0,0 +1,21 @@
+/**
+ * @licstart The following is the entire license notice for the
+ * JavaScript code in this page
+ *
+ * Copyright 2024 Mozilla Foundation
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * @licend The above is the entire license notice for the
+ * JavaScript code in this page
+ */
diff --git a/dist/index.js b/dist/index.js
diff --git a/dist/index.js.LICENSE.txt b/dist/index.js.LICENSE.txt
@@ -1,5 +1,5 @@
 /**
  * @license
- * Copyright 2010-2022 Three.js Authors
+ * Copyright 2010-2024 Three.js Authors
  * SPDX-License-Identifier: MIT
  */
diff --git a/index.html b/index.html
@@ -7,6 +7,11 @@
   <meta charset="utf-8">
 </head>
 <body style="height: 100%">
+  <!-- 
+    I do not understand why this script fixes things, but it does and so here we are
+    Don't delete this script tag or things will break - see https://stackoverflow.com/a/46887516
+   -->
+  <script>var exports = {};</script>
   <div id="app" style="height: 100%"></div>
 </body>
 </html>