@shopify/hydrogen 1.2.0 → 1.3.2

package/dist/node/framework/plugins/{vite-plugin-hydrogen-client-middleware.js → vite-plugin-hydrogen-client-components-cache.js}

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const vite_1 = require("vite");
-/**
+/* -- Plugin notes:
  * This dev server middleware prevents Vite from applying immutable cache control headers to client
  * components. These client components are part of the user's local source, but since they are
  * referenced via import globs in the `react-dom-server-vite` NPM package, Vite assumes they
@@ -9,7 +9,7 @@ const vite_1 = require("vite");
  */
 exports.default = () => {
     return {
-        name: 'vite-plugin-hydrogen-client-middleware',
+        name: 'hydrogen:client-components-cache',
         enforce: 'pre',
         configureServer(server) {
             server.middlewares.use(async (req, res, next) => {

package/dist/node/framework/plugins/vite-plugin-hydrogen-config.d.ts

@@ -1,3 +1,4 @@
 import { Plugin } from 'vite';
-declare const _default: () => Plugin;
+import type { HydrogenVitePluginOptions } from '../types.js';
+declare const _default: (pluginOptions: HydrogenVitePluginOptions) => Plugin;
 export default _default;

package/dist/node/framework/plugins/vite-plugin-hydrogen-config.js

@@ -1,104 +1,121 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = () => {
+const crypto_1 = __importDefault(require("crypto"));
+/* -- Plugin notes:
+ * Provide configuration options to Vite to ensure Hydrogen is built correctly
+ * for worker environments, using latest ES syntax, and some other requirements.
+ */
+exports.default = (pluginOptions) => {
     const rollupOptions = {
         output: {},
     };
     const isWorker = Boolean(process.env.WORKER) && process.env.WORKER !== 'undefined';
-    if (isWorker) {
-        /**
-         * By default, SSR dedupe logic gets bundled which runs `require('module')`.
-         * We don't want this in our workers runtime, because `require` is not supported.
-         */
-        rollupOptions.output = {
-            format: 'es',
-        };
-    }
-    if (process.env.NODE_ENV !== 'development' && !process.env.LOCAL_DEV) {
-        /**
-         * Ofuscate production asset name - To prevent ad blocker logics that blocks
-         * certain files due to how it is named.
-         */
-        rollupOptions.output = {
-            ...rollupOptions.output,
-            chunkFileNames: 'assets/[hash].js',
-        };
-    }
     return {
-        name: 'vite-plugin-hydrogen-config',
-        config: async (config, env) => ({
-            resolve: {
-                alias: {
-                    // This library is currently included as a compiled vendor lib, not published yet to NPM
-                    'react-server-dom-vite/client-proxy': require.resolve('@shopify/hydrogen/vendor/react-server-dom-vite/esm/react-server-dom-vite-client-proxy.js'),
-                },
-            },
-            build: {
-                minify: config.build?.minify ?? (process.env.LOCAL_DEV ? false : 'esbuild'),
-                sourcemap: true,
-                rollupOptions: config.build?.rollupOptions
-                    ? Object.assign(rollupOptions, config.build.rollupOptions)
-                    : rollupOptions,
-                target: config.build?.ssr
-                    ? isWorker
-                        ? 'es2022' // CFW (Updates weekly to latest V8)
-                        : 'es2020' // Node (Support for v14.19 used in SB)
-                    : 'modules', // Browsers (Vite default value)
-            },
-            ssr: {
+        name: 'hydrogen:config',
+        config: async (config, env) => {
+            // @ts-ignore
+            const isSsrBuild = env.ssrBuild ?? !!config.build?.ssr;
+            /**
+             * By default, SSR dedupe logic gets bundled which runs `require('module')`.
+             * We don't want this in our workers runtime, because `require` is not supported.
+             */
+            rollupOptions.output = {
+                format: isWorker || !isSsrBuild ? 'es' : 'cjs',
+                inlineDynamicImports: isSsrBuild ? true : undefined,
+            };
+            if (process.env.NODE_ENV !== 'development' && !process.env.LOCAL_DEV) {
                 /**
-                 * Tell Vite to bundle everything when we're building for Workers.
-                 * Otherwise, bundle RSC plugin as a workaround to apply the vendor alias above.
+                 * Ofuscate production asset name - To prevent ad blocker logics that blocks
+                 * certain files due to how it is named.
                  */
-                noExternal: isWorker || [/react-server-dom-vite/],
-                target: isWorker ? 'webworker' : 'node',
-            },
-            // Reload when updating local Hydrogen lib
-            server: process.env.LOCAL_DEV && {
-                watch: {
-                    ignored: [
-                        '!**/node_modules/@shopify/hydrogen/**',
-                        '!**/node_modules/@shopify/hydrogen-ui/**',
-                    ],
+                rollupOptions.output = {
+                    ...rollupOptions.output,
+                    chunkFileNames: 'assets/[hash].js',
+                };
+            }
+            return {
+                resolve: {
+                    alias: {
+                        // This library is currently included as a compiled vendor lib, not published yet to NPM
+                        'react-server-dom-vite/client-proxy': require.resolve('@shopify/hydrogen/vendor/react-server-dom-vite/esm/react-server-dom-vite-client-proxy.js'),
+                    },
                 },
-            },
-            optimizeDeps: {
-                exclude: [
-                    '@shopify/hydrogen',
-                    '@shopify/hydrogen/client',
-                    '@shopify/hydrogen/entry-client',
-                    '@shopify/hydrogen-ui',
-                ],
-                include: [
-                    /**
-                     * Additionally, the following dependencies have trouble loading the
-                     * correct version of the dependency (server vs client). This tells Vite to take the
-                     * server versions and optimize them for ESM.
-                     */
-                    'react-helmet-async',
-                    'react-error-boundary',
+                build: {
+                    minify: config.build?.minify ?? (process.env.LOCAL_DEV ? false : 'esbuild'),
+                    sourcemap: true,
+                    rollupOptions: config.build?.rollupOptions
+                        ? Object.assign(rollupOptions, config.build.rollupOptions)
+                        : rollupOptions,
+                    target: config.build?.ssr
+                        ? isWorker
+                            ? 'es2022' // CFW (Updates weekly to latest V8)
+                            : 'es2020' // Node (Support for v14.19 used in SB)
+                        : 'modules', // Browsers (Vite default value)
+                },
+                ssr: {
                     /**
-                     * Vite cannot find the following dependencies since they might be
-                     * required in RSC asynchronously. This tells Vite to optimize them
-                     * at server start to avoid posterior page reloads and issues (#429 #430).
+                     * Tell Vite to bundle everything when we're building for Workers.
+                     * Otherwise, bundle RSC plugin as a workaround to apply the vendor alias above.
                      */
-                    'react',
-                    'react-dom/client',
-                    'react-server-dom-vite/client-proxy',
-                    // https://github.com/vitejs/vite/issues/6215
-                    'react/jsx-runtime',
-                    // https://github.com/nfriedly/set-cookie-parser/issues/50
-                    'set-cookie-parser',
-                    'undici',
-                ],
-            },
-            define: {
-                __HYDROGEN_DEV__: env.mode !== 'production',
-                __HYDROGEN_WORKER__: isWorker,
-                __HYDROGEN_TEST__: false, // Used in unit tests
-            },
-            envPrefix: ['VITE_', 'PUBLIC_'],
-            base: process.env.HYDROGEN_ASSET_BASE_URL,
-        }),
+                    noExternal: isWorker || [
+                        /react-server-dom-vite/,
+                        /@shopify\/hydrogen/,
+                    ],
+                    target: isWorker ? 'webworker' : 'node',
+                },
+                // Reload when updating local Hydrogen lib
+                server: process.env.LOCAL_DEV && {
+                    watch: {
+                        ignored: [
+                            '!**/node_modules/@shopify/hydrogen/**',
+                            '!**/node_modules/@shopify/hydrogen-ui/**',
+                        ],
+                    },
+                },
+                optimizeDeps: {
+                    exclude: [
+                        '@shopify/hydrogen',
+                        '@shopify/hydrogen/client',
+                        '@shopify/hydrogen/entry-client',
+                        '@shopify/hydrogen-ui',
+                    ],
+                    include: [
+                        /**
+                         * Additionally, the following dependencies have trouble loading the
+                         * correct version of the dependency (server vs client). This tells Vite to take the
+                         * server versions and optimize them for ESM.
+                         */
+                        'react-helmet-async',
+                        'react-error-boundary',
+                        /**
+                         * Vite cannot find the following dependencies since they might be
+                         * required in RSC asynchronously. This tells Vite to optimize them
+                         * at server start to avoid posterior page reloads and issues (#429 #430).
+                         */
+                        'react',
+                        'react-dom/client',
+                        'react-server-dom-vite/client-proxy',
+                        // https://github.com/vitejs/vite/issues/6215
+                        'react/jsx-runtime',
+                        // https://github.com/nfriedly/set-cookie-parser/issues/50
+                        'set-cookie-parser',
+                        'undici',
+                    ],
+                },
+                define: {
+                    __HYDROGEN_DEV__: env.mode !== 'production',
+                    __HYDROGEN_WORKER__: isWorker,
+                    __HYDROGEN_TEST__: false,
+                    __HYDROGEN_CACHE_ID__: pluginOptions.purgeQueryCacheOnBuild
+                        ? `"${crypto_1.default.randomBytes(8).toString('hex').slice(0, 8)}"`
+                        : '"__QUERY_CACHE_ID__"',
+                },
+                envPrefix: ['VITE_', 'PUBLIC_'],
+                base: process.env.HYDROGEN_ASSET_BASE_URL,
+            };
+        },
     };
 };

package/dist/node/framework/plugins/vite-plugin-hydrogen-middleware.js

@@ -12,15 +12,15 @@ const middleware_js_1 = require("../middleware.js");
 const in_memory_js_1 = require("../cache/in-memory.js");
 const vite_plugin_hydrogen_virtual_files_js_1 = require("./vite-plugin-hydrogen-virtual-files.js");
 exports.HYDROGEN_DEFAULT_SERVER_ENTRY = process.env.HYDROGEN_SERVER_ENTRY || '/src/App.server';
+/* -- Plugin notes:
+ * By adding a middleware to the Vite dev server, we can handle SSR without needing
+ * a custom node script. It works by handling any requests for `text/html` documents,
+ * loading them in an SSR context, rendering them using the `entry-server` endpoint in the
+ * user's project, and injecting the static HTML into the template.
+ */
 exports.default = (pluginOptions) => {
     return {
         name: 'hydrogen:middleware',
-        /**
-         * By adding a middleware to the Vite dev server, we can handle SSR without needing
-         * a custom node script. It works by handling any requests for `text/html` documents,
-         * loading them in an SSR context, rendering them using the `entry-server` endpoint in the
-         * user's project, and injecting the static HTML into the template.
-         */
         async configureServer(server) {
             const resolve = (p) => path_1.default.resolve(server.config.root, p);
             async function getIndexTemplate(url) {

package/dist/node/framework/plugins/vite-plugin-hydrogen-suppress-warnings.js

@@ -1,5 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+/* -- Plugin notes:
+ * Vite prints some warnings automatically are not important and
+ * not actionable. We hide them here to prevent confusing devs when
+ * real warnings or errors appear.
+ */
 exports.default = () => {
     return {
         name: 'hydrogen:suppress-warnings',

package/dist/node/framework/plugins/vite-plugin-hydrogen-virtual-files.js

@@ -8,6 +8,15 @@ const vite_1 = require("vite");
 const path_1 = __importDefault(require("path"));
 const fs_1 = require("fs");
 const viteception_js_1 = require("../viteception.js");
+const magic_string_1 = __importDefault(require("magic-string"));
+const vite_js_1 = require("../../utilities/vite.js");
+/* -- Plugin notes:
+ * The Hydrogen framework needs to import certain files from the user app, such as
+ * routes and config. A priori, we can't import these files from the framework
+ * because we don't know the user path to write it in an `import * from '...'` statement.
+ * Instead, we import "virtual files" that are resolved by Vite in this plugin.
+ * These virtual files can include the user path and re-export the in-app files.
+ */
 exports.HYDROGEN_DEFAULT_SERVER_ENTRY = process.env.HYDROGEN_SERVER_ENTRY || '/src/App.server';
 // The character ":" breaks Vite with Node >= 16.15. Use "_" instead
 const VIRTUAL_PREFIX = 'virtual__';
@@ -20,9 +29,11 @@ exports.VIRTUAL_PROXY_HYDROGEN_CONFIG_ID = VIRTUAL_PREFIX + PROXY_PREFIX + HYDRO
 const HYDROGEN_ROUTES_ID = 'hydrogen-routes.server.jsx';
 const VIRTUAL_HYDROGEN_ROUTES_ID = VIRTUAL_PREFIX + HYDROGEN_ROUTES_ID;
 exports.VIRTUAL_PROXY_HYDROGEN_ROUTES_ID = VIRTUAL_PREFIX + PROXY_PREFIX + HYDROGEN_ROUTES_ID;
+const VIRTUAL_STREAM_ID = 'virtual__stream';
 exports.default = (pluginOptions) => {
     let config;
     let server;
+    let resolvedConfigPath;
     return {
         name: 'hydrogen:virtual-files',
         configResolved(_config) {
@@ -33,16 +44,19 @@ exports.default = (pluginOptions) => {
         },
         resolveId(source, importer) {
             if (source === VIRTUAL_HYDROGEN_CONFIG_ID) {
-                return findHydrogenConfigPath(config.root, pluginOptions.configPath).then((hcPath) => 
-                // This direct dependency on a real file
-                // makes HMR work for the virtual module.
-                this.resolve(hcPath, importer, { skipSelf: true }));
+                return findHydrogenConfigPath(config.root, pluginOptions.configPath).then((hcPath) => {
+                    resolvedConfigPath = (0, vite_1.normalizePath)(hcPath);
+                    // This direct dependency on a real file
+                    // makes HMR work for the virtual module.
+                    return this.resolve(hcPath, importer, { skipSelf: true });
+                });
             }
             if ([
                 exports.VIRTUAL_PROXY_HYDROGEN_CONFIG_ID,
                 exports.VIRTUAL_PROXY_HYDROGEN_ROUTES_ID,
                 VIRTUAL_HYDROGEN_ROUTES_ID,
                 VIRTUAL_ERROR_FILE,
+                VIRTUAL_STREAM_ID,
             ].includes(source)) {
                 // Virtual modules convention
                 // https://vitejs.dev/guide/api-plugin.html#virtual-modules-convention
@@ -50,10 +64,17 @@ exports.default = (pluginOptions) => {
             }
         },
         load(id) {
+            if (id === '\0' + VIRTUAL_STREAM_ID) {
+                return {
+                    code: process.env.WORKER
+                        ? `export default {};`
+                        : `export {default} from 'stream';`,
+                };
+            }
             // Likely due to a bug in Vite, but virtual modules cannot be loaded
             // directly using ssrLoadModule from a Vite plugin. It needs to be proxied as follows:
             if (id === '\0' + exports.VIRTUAL_PROXY_HYDROGEN_CONFIG_ID) {
-                return `import hc from '${VIRTUAL_HYDROGEN_CONFIG_ID}'; export default hc;`;
+                return `import hc from '${VIRTUAL_HYDROGEN_CONFIG_ID}'; export default typeof hc === 'function' ? hc() : hc;`;
             }
             if (id === '\0' + exports.VIRTUAL_PROXY_HYDROGEN_ROUTES_ID) {
                 return `import hr from '${VIRTUAL_HYDROGEN_ROUTES_ID}'; export default hr;`;
@@ -72,7 +93,10 @@ exports.default = (pluginOptions) => {
                         routesPath += '**/*.server.[jt](s|sx)';
                     }
                     const [dirPrefix] = routesPath.split('/*');
-                    let code = `export default {\n  dirPrefix: '${dirPrefix}',\n  basePath: '${hc.routes?.basePath ?? ''}',\n  files: import.meta.globEager('${routesPath}')\n};`;
+                    const importGlob = vite_js_1.isVite3
+                        ? `import.meta.glob('${routesPath}', {eager: true})`
+                        : `import.meta.globEager('${routesPath}')`;
+                    let code = `export default {\n  dirPrefix: '${dirPrefix}',\n  basePath: '${hc.routes?.basePath ?? ''}',\n  files: ${importGlob}\n};`;
                     if (config.command === 'serve') {
                         // Add dependency on Hydrogen config for HMR
                         code += `\nimport '${VIRTUAL_HYDROGEN_CONFIG_ID}';`;
@@ -88,13 +112,27 @@ exports.default = (pluginOptions) => {
                 });
             }
         },
+        transform(code, id) {
+            if (id === resolvedConfigPath) {
+                const s = new magic_string_1.default(code);
+                // Wrap in function to avoid evaluating `Oxygen.env`
+                // in the config until we have polyfilled it properly.
+                s.replace(/export\s+default\s+(\w+)\s*\(/g, (all, m1) => all.replace(m1, `() => ${m1}`));
+                return {
+                    code: s.toString(),
+                    map: s.generateMap({ file: id, source: id }),
+                };
+            }
+        },
     };
     async function importHydrogenConfig() {
         if (server) {
             const loaded = await server.ssrLoadModule(exports.VIRTUAL_PROXY_HYDROGEN_CONFIG_ID);
             return loaded.default;
         }
-        const { loaded } = await (0, viteception_js_1.viteception)([exports.VIRTUAL_PROXY_HYDROGEN_CONFIG_ID]);
+        const { loaded } = await (0, viteception_js_1.viteception)([exports.VIRTUAL_PROXY_HYDROGEN_CONFIG_ID], {
+            root: config.root,
+        });
         return loaded[0].default;
     }
 };

package/dist/node/framework/plugins/vite-plugin-platform-entry.js

@@ -9,10 +9,23 @@ const magic_string_1 = __importDefault(require("magic-string"));
 const path_1 = __importDefault(require("path"));
 const fs_1 = __importDefault(require("fs"));
 const fast_glob_1 = __importDefault(require("fast-glob"));
+const vite_js_1 = require("../../utilities/vite.js");
 const SSR_BUNDLE_NAME = 'index.js';
 // Keep this in the outer scope to share it
 // across client <> server builds.
 let clientBuildPath;
+/* -- Plugin notes:
+ * This plugin simplifies the way a platform entry file imports user files. This is
+ * needed to write generic integrations with different platform providers.
+ *
+ * Instead of using relative paths:
+ * `import handleRequest from '../../<arbitrary_path>/src/App.server';`
+ * `import indexTemplate from '../../<arbitrary_path>/dist/client/index.html?raw';`
+ *
+ *  It allows importing from a known static path which dynamically resolves the user files:
+ * `import {handleRequest, indexTemplate} from '@shopify/hydrogen/platforms';`
+ *
+ */
 exports.default = () => {
     let config;
     let isESM;
@@ -23,7 +36,7 @@ exports.default = () => {
             config = _config;
             if (config.build.ssr) {
                 const { output = {} } = config.build.rollupOptions || {};
-                const { format = '' } = (Array.isArray(output) ? output[0] : output) || {};
+                const { format = vite_js_1.isVite3 ? 'es' : '' } = (Array.isArray(output) ? output[0] : output) || {};
                 isESM = Boolean(process.env.WORKER) || ['es', 'esm'].includes(format);
             }
         },

package/dist/node/framework/plugins/vite-plugin-ssr-interop.js

@@ -1,8 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+/* -- Plugin notes:
+ * This plugin makes sure we don't leak server logic to the browser when importing
+ * the `useEnvContext` utility.
+ */
 exports.default = () => {
     return {
-        name: 'vite-plugin-ssr-interop',
+        name: 'hydrogen:ssr-interop',
         enforce: 'pre',
         transform(code, id, options = {}) {
             if (options.ssr && id.includes('foundation/ssr-interop')) {

package/dist/node/framework/types.d.ts

@@ -3,6 +3,7 @@ export interface HydrogenVitePluginOptions {
     purgeQueryCacheOnBuild?: boolean;
     configPath?: string;
     optimizeBoundaries?: boolean | 'build';
+    assetHashVersion?: string;
     /**
      * Experimental features
      */

package/dist/node/framework/viteception.js

@@ -2,12 +2,18 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.viteception = void 0;
 const vite_1 = require("vite");
+const vite_js_1 = require("../utilities/vite.js");
 async function viteception(paths, options) {
     const isWorker = process.env.WORKER;
     delete process.env.WORKER;
     const server = await (0, vite_1.createServer)({
         clearScreen: false,
-        server: { middlewareMode: 'ssr' },
+        server: {
+            middlewareMode: vite_js_1.isVite3 ? true : 'ssr',
+            hmr: false,
+        },
+        // @ts-ignore
+        appType: 'custom',
         ...options,
     });
     if (isWorker) {

package/dist/node/utilities/vite.d.ts

@@ -0,0 +1 @@
+export declare const isVite3: any;

package/dist/node/utilities/vite.js

@@ -0,0 +1,30 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isVite3 = void 0;
+// `version` is only exported in Vite 3
+const vite = __importStar(require("vite"));
+// @ts-ignore
+exports.isVite3 = vite.version?.startsWith('3.');

package/package.json

@@ -7,7 +7,7 @@
   "engines": {
     "node": ">=14"
   },
-  "version": "1.2.0",
+  "version": "1.3.2",
   "description": "Modern custom Shopify storefronts",
   "license": "MIT",
   "main": "dist/esnext/index.js",
@@ -89,8 +89,9 @@
     "@graphql-codegen/typescript-operations": "2.3.2",
     "@graphql-typed-document-node/core": "^3.1.0",
     "@rollup/plugin-graphql": "^1.0.0",
-    "@testing-library/jest-dom": "^5.16.4",
+    "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.3.0",
+    "@testing-library/user-event": "^14.4.3",
     "@types/body-parser": "^1.19.2",
     "@types/connect": "^3.4.34",
     "@types/graphql": "^14.5.0",
@@ -104,13 +105,13 @@
     "babel-loader": "^8.2.2",
     "cpy-cli": "^3.1.0",
     "eslint-plugin-import": "^2.26.0",
-    "happy-dom": "^6.0.3",
+    "happy-dom": "^6.0.4",
     "mkdirp": "^1.0.4",
     "npm-run-all": "^4.1.5",
     "postcss": "^8",
     "raw-loader": "^4.0.2",
     "rimraf": "^3.0.2",
-    "vitest": "^0.18.0"
+    "vitest": "^0.22.1"
   },
   "peerDependencies": {
     "body-parser": "^1.20.0",
@@ -118,7 +119,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "serve-static": "^1.14.1",
-    "vite": "^2.9.0"
+    "vite": "^2.9.0 || ^3.0.0"
   },
   "peerDependenciesMeta": {
     "body-parser": {
@@ -150,7 +151,7 @@
     "react-helmet-async": "^1.3.0",
     "serve-static": "^1.15.0",
     "set-cookie-parser": "^2.5.0",
-    "undici": "^5.5.1",
+    "undici": "^5.8.2",
     "uuid": "^8.3.2",
     "vite-plugin-inspect": "^0.3.6",
     "web-streams-polyfill": "^3.2.0",