Add ECMAScript target and easy way to run examples in prod mode

Target set to ES2019 which seems to be supported by WPE 2.28.

Fixes #44

README.md

@@ -32,8 +32,13 @@ npm test
 # Build API Documentation (builds into ./docs folder)
 npm run typedoc
 
-# Launch test examples (includes Build Renderer (watch mode))
+# Launch test examples in dev mode (includes Build Renderer (watch mode))
 npm start
+
+# Launch test examples in production mode
+# IMPORTANT: To run test examples on embedded devices that use older browser versions
+# you MUST run the examples in this mode.
+npm run prod
 ```
 
 ## Test Examples

examples/package.json

@@ -8,7 +8,7 @@
     "start": "concurrently -c \"auto\" \"npm:watch-renderer\" \"npm:dev\"",
     "dev": "vite --open",
     "build": "vite build",
-    "preview": "vite preview",
+    "preview": "vite preview --host",
     "watch-renderer": "cd .. && npm run watch"
   },
   "author": "Frank Weindel",

examples/vite.config.ts

@@ -21,6 +21,20 @@ import { defineConfig } from 'vite';
 import * as path from 'path';
 import { importChunkUrl } from '@lightningjs/vite-plugin-import-chunk-url';
 
+/**
+ * Targeting ES2019 gets us at least to WPE 2.28
+ *
+ * Despite setting the target in 3 different places in the Vite config below
+ * this does not seem to have an effect on the output when running Vite in
+ * development mode (`npm start`). In order to properly test on embedded devices
+ * that require the set target, you must run `npm run build` and then serve the
+ * content via `npm run preview -- --host`.
+ *
+ * See the following for any updates on this:
+ * https://github.com/vitejs/vite/issues/13756#issuecomment-1751085158
+ */
+const target = 'es2019';
+
 /**
  * Vite Config
  */
@@ -30,7 +44,16 @@ export default defineConfig(({ command, mode, ssrBuild }) => {
     worker: {
       format: 'es',
     },
+    esbuild: {
+      target,
+    },
+    optimizeDeps: {
+      esbuildOptions: {
+        target,
+      },
+    },
     build: {
+      target,
       minify: false,
       sourcemap: true,
       outDir: path.resolve(__dirname, 'dist'),

package.json

@@ -12,6 +12,7 @@
   },
   "scripts": {
     "start": "cd examples && npm start",
+    "prod": "npm run build && cd examples && npm run build && npm run preview",
     "build": "tsc --build",
     "watch": "tsc --build --watch",
     "test": "vitest",