@shopify/cli-hydrogen 4.0.7 → 4.0.9

package/README.md

@@ -3,3 +3,12 @@
 The Hydrogen extension for the [Shopify CLI](https://shopify.dev/apps/tools/cli). Hydrogen is a set of tools, utilities, and best-in-class examples for building a commerce application with [Remix](https://wwww.remix.run).
 
 [Check out the docs](https://shopify.dev/custom-storefronts/hydrogen)
+
+## Contributing
+
+The most common way to test the cli changes locally is to do the following:
+
+- Run `npm run build` in this directory (`packages/cli` from the root of the repo).
+- Run `npx shopify hydrogen` anywhere else in the monorepo, for example `npx shopify hydrogen init`.
+- If you want to test a command inside of a template, run the command from within that template or use the `--path` flag to point to another template or any Hydrogen app.
+- If you want to make changes to a file that is generated when running `npx shopify hydrogen generate`, make changes to that file from inside of the `templates/skeleton` directory.

package/dist/commands/hydrogen/build.d.ts

@@ -7,6 +7,9 @@ declare class Build extends Command {
         path: _oclif_core_lib_interfaces_parser_js.OptionFlag<string | undefined>;
         sourcemap: _oclif_core_lib_interfaces_parser_js.BooleanFlag<boolean>;
         "disable-route-warning": _oclif_core_lib_interfaces_parser_js.BooleanFlag<boolean>;
+        base: _oclif_core_lib_interfaces_parser_js.OptionFlag<unknown>;
+        entry: _oclif_core_lib_interfaces_parser_js.OptionFlag<unknown>;
+        target: _oclif_core_lib_interfaces_parser_js.OptionFlag<unknown>;
     };
     run(): Promise<void>;
 }

package/dist/commands/hydrogen/build.js

@@ -2,7 +2,7 @@ import path from 'path';
 import { file, output } from '@shopify/cli-kit';
 import colors from '@shopify/cli-kit/node/colors';
 import { getProjectPaths, getRemixConfig } from '../../utils/config.js';
-import { commonFlags, flagsToCamelObject } from '../../utils/flags.js';
+import { commonFlags, deprecated, flagsToCamelObject } from '../../utils/flags.js';
 import Command from '@shopify/cli-kit/node/base-command';
 import Flags from '@oclif/core/lib/flags.js';
 import { checkLockfileStatus } from '../../utils/check-lockfile.js';
@@ -22,7 +22,10 @@ class Build extends Command {
     ["disable-route-warning"]: Flags.boolean({
       description: "Disable warning about missing standard routes.",
       env: "SHOPIFY_HYDROGEN_FLAG_DISABLE_ROUTE_WARNING"
-    })
+    }),
+    base: deprecated("--base")(),
+    entry: deprecated("--entry")(),
+    target: deprecated("--target")()
   };
   async run() {
     const { flags } = await this.parse(Build);

package/dist/commands/hydrogen/dev.d.ts

@@ -7,6 +7,7 @@ declare class Dev extends Command {
         path: _oclif_core_lib_interfaces_parser_js.OptionFlag<string | undefined>;
         port: _oclif_core_lib_interfaces_parser_js.OptionFlag<number>;
         "disable-virtual-routes": _oclif_core_lib_interfaces_parser_js.BooleanFlag<boolean>;
+        host: _oclif_core_lib_interfaces_parser_js.OptionFlag<unknown>;
     };
     run(): Promise<void>;
 }

package/dist/commands/hydrogen/dev.js

@@ -1,10 +1,10 @@
 import path from 'path';
 import fs from 'fs/promises';
-import { output } from '@shopify/cli-kit';
+import { output, file } from '@shopify/cli-kit';
 import { copyPublicFiles } from './build.js';
 import { getProjectPaths, getRemixConfig } from '../../utils/config.js';
 import { muteDevLogs } from '../../utils/log.js';
-import { commonFlags, flagsToCamelObject } from '../../utils/flags.js';
+import { commonFlags, deprecated, flagsToCamelObject } from '../../utils/flags.js';
 import Command from '@shopify/cli-kit/node/base-command';
 import Flags from '@oclif/core/lib/flags.js';
 import { startMiniOxygen } from '../../utils/mini-oxygen.js';
@@ -23,7 +23,8 @@ class Dev extends Command {
       description: "Disable rendering fallback routes when a route file doesn't exist",
       env: "SHOPIFY_HYDROGEN_FLAG_DISABLE_VIRTUAL_ROUTES",
       default: false
-    })
+    }),
+    host: deprecated("--host")()
   };
   async run() {
     const { flags } = await this.parse(Dev);
@@ -47,30 +48,47 @@ async function runDev({
     const config = await getRemixConfig(root);
     return disableVirtualRoutes ? config : addVirtualRoutes(config);
   };
-  const getFilePaths = (file) => {
-    const fileRelative = path.relative(root, file);
+  const getFilePaths = (file2) => {
+    const fileRelative = path.relative(root, file2);
     return [fileRelative, path.resolve(root, fileRelative)];
   };
+  const serverBundleExists = () => file.exists(buildPathWorkerFile);
+  let miniOxygenStarted = false;
+  async function safeStartMiniOxygen() {
+    if (miniOxygenStarted)
+      return;
+    await startMiniOxygen({
+      root,
+      port,
+      watch: true,
+      buildPathWorkerFile,
+      buildPathClient
+    });
+    miniOxygenStarted = true;
+    const showUpgrade = await checkingHydrogenVersion;
+    if (showUpgrade)
+      showUpgrade();
+  }
   const { watch } = await import('@remix-run/dev/dist/compiler/watch.js');
   await watch(await reloadConfig(), {
     reloadConfig,
     mode: process.env.NODE_ENV,
     async onInitialBuild() {
       await copyingFiles;
+      if (!await serverBundleExists()) {
+        const { renderFatalError } = await import('@shopify/cli-kit/node/ui');
+        return renderFatalError({
+          name: "BuildError",
+          type: 0,
+          message: "MiniOxygen cannot start because the server bundle has not been generated.",
+          tryMessage: "This is likely due to an error in your app and Remix is unable to compile. Try fixing the app and MiniOxygen will start."
+        });
+      }
       console.timeEnd(LOG_INITIAL_BUILD);
-      await startMiniOxygen({
-        root,
-        port,
-        watch: true,
-        buildPathWorkerFile,
-        buildPathClient
-      });
-      const showUpgrade = await checkingHydrogenVersion;
-      if (showUpgrade)
-        showUpgrade();
+      await safeStartMiniOxygen();
     },
-    async onFileCreated(file) {
-      const [relative, absolute] = getFilePaths(file);
+    async onFileCreated(file2) {
+      const [relative, absolute] = getFilePaths(file2);
       output.info(`
 \u{1F4C4} File created: ${relative}`);
       if (absolute.startsWith(publicPath)) {
@@ -80,8 +98,8 @@ async function runDev({
         );
       }
     },
-    async onFileChanged(file) {
-      const [relative, absolute] = getFilePaths(file);
+    async onFileChanged(file2) {
+      const [relative, absolute] = getFilePaths(file2);
       output.info(`
 \u{1F4C4} File changed: ${relative}`);
       if (absolute.startsWith(publicPath)) {
@@ -91,8 +109,8 @@ async function runDev({
         );
       }
     },
-    async onFileDeleted(file) {
-      const [relative, absolute] = getFilePaths(file);
+    async onFileDeleted(file2) {
+      const [relative, absolute] = getFilePaths(file2);
       output.info(`
 \u{1F4C4} File deleted: ${relative}`);
       if (absolute.startsWith(publicPath)) {
@@ -105,6 +123,10 @@ async function runDev({
     },
     async onRebuildFinish() {
       console.timeEnd(LOG_REBUILT);
+      if (!miniOxygenStarted && await serverBundleExists()) {
+        console.log("");
+        await safeStartMiniOxygen();
+      }
     }
   });
 }

package/dist/commands/hydrogen/init.js

@@ -3,7 +3,7 @@ import { packageManagerUsedForCreating, installNodeModules } from '@shopify/cli-
 import { renderFatalError } from '@shopify/cli-kit/node/ui';
 import Flags from '@oclif/core/lib/flags.js';
 import { output, path } from '@shopify/cli-kit';
-import { commonFlags, parseProcessFlags } from '../../utils/flags.js';
+import { commonFlags, flagsToCamelObject, parseProcessFlags } from '../../utils/flags.js';
 import { transpileProject } from '../../utils/transpile-ts.js';
 import { getLatestTemplates } from '../../utils/template-downloader.js';
 import { checkHydrogenVersion } from '../../utils/check-version.js';
@@ -32,13 +32,13 @@ class Init extends Command {
     }),
     "install-deps": Flags.boolean({
       description: "Auto install dependencies using the active package manager",
-      env: "SHOPIFY_HYDROGEN_INSTALL_DEPS",
+      env: "SHOPIFY_HYDROGEN_FLAG_INSTALL_DEPS",
       allowNo: true
     })
   };
   async run() {
     const { flags } = await this.parse(Init);
-    await runInit({ ...flags });
+    await runInit(flagsToCamelObject(flags));
   }
 }
 async function runInit(options = parseProcessFlags(process.argv, FLAG_MAP)) {

package/dist/commands/hydrogen/init.test.d.ts

@@ -0,0 +1 @@
+

package/dist/commands/hydrogen/init.test.js

@@ -0,0 +1,79 @@
+import { describe, beforeEach, vi, it, expect } from 'vitest';
+import { temporaryDirectoryTask } from 'tempy';
+import { runInit } from './init.js';
+import { ui } from '@shopify/cli-kit';
+import { installNodeModules } from '@shopify/cli-kit/node/node-package-manager';
+
+describe("init", () => {
+  beforeEach(() => {
+    vi.resetAllMocks();
+    vi.mock("@shopify/cli-kit");
+    vi.mock("../../utils/transpile-ts.js");
+    vi.mock("../../utils/template-downloader.js", async () => ({
+      getLatestTemplates: () => Promise.resolve({})
+    }));
+    vi.mock("@shopify/cli-kit/node/node-package-manager");
+    vi.mocked(ui.prompt).mockImplementation(
+      () => Promise.resolve({ installDeps: "false" })
+    );
+  });
+  const defaultOptions = (stubs) => ({
+    template: "hello-world",
+    language: "js",
+    path: "path/to/project",
+    ...stubs
+  });
+  describe.each([
+    { flag: "template", value: "hello-world" },
+    { flag: "installDeps", value: true },
+    { flag: "language", value: "ts" },
+    { flag: "path", value: "./my-app" }
+  ])("flag $flag", ({ flag, value }) => {
+    it(`does not prompt the user for ${flag} when a value is passed in options`, async () => {
+      await temporaryDirectoryTask(async (tmpDir) => {
+        const options = defaultOptions({
+          path: tmpDir,
+          [flag]: value
+        });
+        await runInit(options);
+        expect(ui.prompt).not.toHaveBeenCalledWith(
+          expect.arrayContaining([
+            expect.objectContaining({
+              name: flag
+            })
+          ])
+        );
+      });
+    });
+    it(`prompts the user for ${flag} when no value is passed in options`, async () => {
+      await temporaryDirectoryTask(async (tmpDir) => {
+        const options = defaultOptions({
+          path: tmpDir,
+          [flag]: void 0
+        });
+        await runInit(options);
+        expect(ui.prompt).toHaveBeenCalledWith(
+          expect.arrayContaining([
+            expect.objectContaining({
+              name: flag
+            })
+          ])
+        );
+      });
+    });
+  });
+  it("installs dependencies when installDeps is true", async () => {
+    await temporaryDirectoryTask(async (tmpDir) => {
+      const options = defaultOptions({ installDeps: true, path: tmpDir });
+      await runInit(options);
+      expect(installNodeModules).toHaveBeenCalled();
+    });
+  });
+  it("does not install dependencies when installDeps is false", async () => {
+    await temporaryDirectoryTask(async (tmpDir) => {
+      const options = defaultOptions({ installDeps: false, path: tmpDir });
+      await runInit(options);
+      expect(installNodeModules).not.toHaveBeenCalled();
+    });
+  });
+});

package/dist/generator-templates/routes/[sitemap.xml].tsx

@@ -29,7 +29,7 @@ export async function loader({request, context: {storefront}}: LoaderArgs) {
   const data = await storefront.query<SitemapQueryData>(SITEMAP_QUERY, {
     variables: {
       urlLimits: MAX_URLS,
-      language: storefront.i18n?.language,
+      language: storefront.i18n.language,
     },
   });
 
@@ -50,6 +50,10 @@ export async function loader({request, context: {storefront}}: LoaderArgs) {
   );
 }
 
+function xmlEncode(string: string) {
+  return string.replace(/[&<>'"]/g, (char) => `&#${char.charCodeAt(0)};`);
+}
+
 function shopSitemap({
   data,
   baseUrl,
@@ -60,25 +64,25 @@ function shopSitemap({
   const productsData = flattenConnection(data.products)
     .filter((product) => product.onlineStoreUrl)
     .map((product) => {
-      const url = `${baseUrl}/products/${product.handle}`;
+      const url = `${baseUrl}/products/${xmlEncode(product.handle)}`;
 
       const finalObject: ProductEntry = {
         url,
-        lastMod: product.updatedAt!,
+        lastMod: product.updatedAt,
         changeFreq: 'daily',
       };
 
       if (product.featuredImage?.url) {
         finalObject.image = {
-          url: product.featuredImage!.url,
+          url: xmlEncode(product.featuredImage.url),
         };
 
         if (product.title) {
-          finalObject.image.title = product.title;
+          finalObject.image.title = xmlEncode(product.title);
         }
 
-        if (product.featuredImage!.altText) {
-          finalObject.image.caption = product.featuredImage!.altText;
+        if (product.featuredImage.altText) {
+          finalObject.image.caption = xmlEncode(product.featuredImage.altText);
         }
       }
 
@@ -116,7 +120,7 @@ function shopSitemap({
       xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
       xmlns:image="http://www.google.com/schemas/sitemap-image/1.1"
     >
-      ${urlsDatas.map((url) => renderUrlTag(url!)).join('')}
+      ${urlsDatas.map((url) => renderUrlTag(url)).join('')}
     </urlset>`;
 }
 

package/dist/utils/config.js

@@ -104,7 +104,7 @@ async function getRemixConfig(root, mode = process.env.NODE_ENV) {
     config.watchPaths ??= [];
     config.watchPaths.push(
       ...(await fs.readdir(packagesPath)).map(
-        (pkg) => path.resolve(packagesPath, pkg, "dist", "development", "index.js")
+        (pkg) => pkg === "hydrogen-react" ? path.resolve(packagesPath, pkg, "dist", "browser-dev", "index.mjs") : path.resolve(packagesPath, pkg, "dist", "development", "index.js")
       )
     );
     config.watchPaths.push(

package/dist/utils/flags.d.ts

@@ -14,5 +14,11 @@ declare function flagsToCamelObject(obj: Record<string, any>): any;
  * output: { force: true, installDeps: false,  language: 'js' }
  */
 declare function parseProcessFlags(processArgv: string[], flagMap?: Record<string, string>): any;
+/**
+ * Create a deprecated flag to prevent the CLI from crashing when a deprecated flag is used.
+ * Displays an info message when the flag is used.
+ * @param name The name of the flag.
+ */
+declare function deprecated(name: string): _oclif_core_lib_interfaces_parser_js.Definition<unknown, Record<string, unknown>>;
 
-export { commonFlags, flagsToCamelObject, parseProcessFlags };
+export { commonFlags, deprecated, flagsToCamelObject, parseProcessFlags };

package/dist/utils/flags.js

@@ -1,5 +1,7 @@
 import Flags from '@oclif/core/lib/flags.js';
 import { string } from '@shopify/cli-kit';
+import { renderInfo } from '@shopify/cli-kit/node/ui';
+import colors from '@shopify/cli-kit/node/colors';
 
 const commonFlags = {
   path: Flags.string({
@@ -41,5 +43,18 @@ function parseProcessFlags(processArgv, flagMap = {}) {
   }
   return flagsToCamelObject(options);
 }
+function deprecated(name) {
+  return Flags.custom({
+    parse: () => {
+      renderInfo({
+        headline: `The ${colors.bold(
+          name
+        )} flag is deprecated and will be removed in a future version of Shopify CLI.`
+      });
+      return Promise.resolve(" ");
+    },
+    hidden: true
+  });
+}
 
-export { commonFlags, flagsToCamelObject, parseProcessFlags };
+export { commonFlags, deprecated, flagsToCamelObject, parseProcessFlags };

package/dist/utils/missing-routes.js

@@ -12,7 +12,7 @@ const REQUIRED_ROUTES = [
   "pages/:pageHandle",
   "policies/:policyHandle",
   "search",
-  "discounts/:discountCode",
+  "discount/:discountCode",
   "account",
   "account/login",
   "account/register",

package/dist/utils/template-downloader.js

@@ -10,7 +10,9 @@ async function getLatestReleaseDownloadUrl() {
   const response = await http.fetch(REPO_RELEASES_URL);
   if (!response.ok || response.status >= 400) {
     throw new Error(
-      `Failed to fetch the latest release information. Status ${response.status} ${response.statusText}`
+      `Failed to fetch the latest release information. Status ${response.status} ${response.statusText.replace(/\.$/, "")}.` + (response.status === 403 ? `
+
+If you are using a VPN, WARP, or similar service, consider disabling it momentarily.` : "")
     );
   }
   const release = await response.json();

package/dist/virtual-routes/assets/styles.css

@@ -39,7 +39,7 @@ p {
 body {
   padding: 0;
   margin: 0;
-  background: #ffffff;
+  background: #fff;
   font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI',
     Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
   -webkit-font-smoothing: antialiased;

package/dist/virtual-routes/components/HydrogenLogoBaseBW.jsx

@@ -0,0 +1,7 @@
+const HydrogenLogoBaseBW = (props) => <svg width={81} height={82} fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+  <path d="M39.955 81.28 2.138 61.19l12.933-6.818 14.562 7.733 12.218-6.441L27.29 47.93l12.933-6.833L78.04 61.189l-12.934 6.817L51.35 60.7l-12.236 6.457 13.774 7.308-12.933 6.817Z" fill="#000" />
+  <path fillRule="evenodd" clipRule="evenodd" d="m40.225 0 39.953 21.227-15.073 7.945-13.756-7.308-10.096 5.328 13.775 7.309-15.075 7.945L0 21.22l15.073-7.945 14.562 7.732 10.078-5.313-14.56-7.731L40.225 0ZM29.426 7.967l14.564 7.734L29.63 23.27 15.07 15.537l-10.794 5.69 35.68 18.956 10.793-5.688-13.773-7.307L51.352 19.6l13.757 7.308 10.794-5.69-35.68-18.956-10.797 5.704Z" fill="#000" />
+</svg>;
+export {
+  HydrogenLogoBaseBW
+};

package/dist/virtual-routes/components/HydrogenLogoBaseColor.jsx

@@ -0,0 +1,13 @@
+const HydrogenLogoBaseColor = (props) => <svg width={76} height={81} fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+  <path d="M37.817 80.149 0 60.057l12.934-6.817 14.561 7.733 12.218-6.441-14.561-7.733 12.933-6.833 37.818 20.091-12.934 6.817-13.757-7.307-12.236 6.457 13.775 7.308-12.934 6.817Z" fill="#000" />
+  <path d="M37.818 40.183 0 20.092l12.934-6.818 14.562 7.733 12.218-6.441-14.562-7.733L38.086 0l37.817 20.091-12.934 6.817-13.756-7.307-12.236 6.457 13.774 7.308-12.933 6.817Z" fill="url(#a)" />
+  <defs><linearGradient id="a" x1={74.48} y1={21.654} x2={18.735} y2={51.694} gradientUnits="userSpaceOnUse">
+    <stop offset={2e-3} stopColor="#430470" />
+    <stop offset={0.385} stopColor="#8E01F0" />
+    <stop offset={0.635} stopColor="#354CF6" />
+    <stop offset={1} stopColor="#01FFFF" />
+  </linearGradient></defs>
+</svg>;
+export {
+  HydrogenLogoBaseColor
+};

package/dist/virtual-routes/components/IconBanner.jsx

@@ -0,0 +1,47 @@
+const IconBanner = (props) => <svg width={32} height={36} fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+  <path fill="#000" d="M0 9.726h1.455v1.455H0z" />
+  <path fill="#E172AC" d="M1.454 9.726h1.455v1.455H1.454zM13.091 3.907h1.455v1.455h-1.455zM24.727 9.726h1.455v1.455h-1.455zM24.727 24.271h1.455v1.455h-1.455zM13.091 30.09h1.455v1.455h-1.455zM1.454 24.271h1.455v1.455H1.454z" />
+  <path fill="#AC217D" d="M5.818 9.726h1.455v1.455H5.818zM17.454 3.907h1.455v1.455h-1.455zM29.091 9.726h1.455v1.455h-1.455zM21.818 16.998h1.455v1.455h-1.455zM21.818 18.454h1.455v1.455h-1.455zM20.363 24.271h1.455v1.455h-1.455zM20.363 11.181h1.455v1.455h-1.455zM29.091 24.271h1.455v1.455h-1.455zM17.455 30.09h1.455v1.455h-1.455zM5.818 24.271h1.455v1.455H5.818z" />
+  <path fill="#000" d="M7.273 9.726h1.455v1.455H7.273zM1.454 8.271h1.455v1.455H1.454zM5.818 8.271h1.455v1.455H5.818zM2.909 6.817h1.455v1.455H2.909z" />
+  <path fill="#D43694" d="M2.909 9.726h1.455v1.455H2.909zM14.546 3.907h1.455v1.455h-1.455zM26.182 9.726h1.455v1.455h-1.455zM18.909 11.181h1.455v1.455h-1.455z" />
+  <path fill="#D43694" d="M20.363 12.635h1.455v1.455h-1.455zM20.363 14.09h1.455v1.455h-1.455z" />
+  <path fill="#D43694" d="M20.363 15.544h1.455v1.455h-1.455zM11.636 11.181h1.455v1.455h-1.455z" />
+  <path fill="#D43694" d="M10.182 12.635h1.455v1.455h-1.455zM10.182 14.09h1.455v1.455h-1.455z" />
+  <path fill="#D43694" d="M10.182 15.544h1.455v1.455h-1.455zM10.182 19.908h1.455v1.455h-1.455z" />
+  <path fill="#D43694" d="M10.182 21.362h1.455v1.455h-1.455zM10.182 22.817h1.455v1.455h-1.455z" />
+  <path fill="#D43694" d="M11.636 24.271h1.455v1.455h-1.455zM20.363 19.908h1.455v1.455h-1.455z" />
+  <path fill="#D43694" d="M20.363 21.362h1.455v1.455h-1.455zM20.363 22.817h1.455v1.455h-1.455z" />
+  <path fill="#D43694" d="M18.909 24.271h1.455v1.455h-1.455zM26.182 24.271h1.455v1.455h-1.455zM14.545 30.09H16v1.455h-1.455zM2.909 24.271h1.455v1.455H2.909zM2.909 11.181h1.455v1.455H2.909zM14.546 5.361h1.455v1.455h-1.455zM26.182 11.181h1.455v1.455h-1.455zM26.182 25.726h1.455v1.455h-1.455z" />
+  <path fill="#D43694" d="M14.546 31.544h1.455v1.455h-1.455zM2.909 25.726h1.455v1.455H2.909z" />
+  <path fill="#000" d="M4.364 6.817h1.455v1.455H4.364z" />
+  <path fill="#D43694" d="M4.364 9.726h1.455v1.455H4.364zM16 3.907h1.455v1.455H16zM27.637 9.726h1.455v1.455h-1.455zM27.637 24.271h1.455v1.455h-1.455zM16 30.09h1.455v1.455H16zM4.364 24.271h1.455v1.455H4.364z" />
+  <path fill="#D43694" d="M4.364 11.181h1.455v1.455H4.364zM16 5.361h1.455v1.455H16zM27.637 11.181h1.455v1.455h-1.455zM27.637 25.726h1.455v1.455h-1.455zM16 31.544h1.455v1.455H16zM4.364 25.726h1.455v1.455H4.364z" />
+  <path fill="#E172AC" d="M2.909 8.271h1.455v1.455H2.909zM14.545 2.453H16v1.455h-1.455zM26.182 8.271h1.455v1.455h-1.455zM26.182 22.817h1.455v1.455h-1.455zM14.546 28.635h1.455v1.455h-1.455zM2.909 22.817h1.455v1.455H2.909z" />
+  <path fill="#AC217D" d="M2.909 12.635h1.455v1.455H2.909zM14.545 6.817H16v1.455h-1.455zM26.182 12.635h1.455v1.455h-1.455zM26.182 27.181h1.455v1.455h-1.455zM14.546 32.998h1.455v1.455h-1.455zM2.909 27.181h1.455v1.455H2.909z" />
+  <path fill="#E172AC" d="M4.364 8.271h1.455v1.455H4.364zM16 2.453h1.455v1.455H16zM27.637 8.271h1.455v1.455h-1.455zM27.637 22.817h1.455v1.455h-1.455zM16 28.635h1.455v1.455H16zM4.364 22.817h1.455v1.455H4.364z" />
+  <path fill="#AC217D" d="M4.364 12.635h1.455v1.455H4.364zM16 6.817h1.455v1.455H16zM27.637 12.635h1.455v1.455h-1.455zM27.637 27.181h1.455v1.455h-1.455zM16 32.998h1.455v1.455H16zM4.364 27.181h1.455v1.455H4.364z" />
+  <path fill="#000" d="M2.909 14.09h1.455v1.455H2.909zM4.364 14.09h1.455v1.455H4.364zM0 11.181h1.455v1.455H0z" />
+  <path fill="#000" d="M1.454 12.635h1.455v1.455H1.454z" />
+  <path fill="#E172AC" d="M1.454 11.181h1.455v1.455H1.454zM8.727 16.998h1.455v1.455H8.727zM10.182 11.181h1.455v1.455h-1.455zM10.182 24.271h1.455v1.455h-1.455zM8.727 18.454h1.455v1.455H8.727zM13.091 5.361h1.455v1.455h-1.455zM24.727 11.181h1.455v1.455h-1.455zM24.727 25.726h1.455v1.455h-1.455zM13.091 31.544h1.455v1.455h-1.455zM1.454 25.726h1.455v1.455H1.454z" />
+  <path fill="#AC217D" d="M5.818 11.181h1.455v1.455H5.818zM17.454 5.361h1.455v1.455h-1.455zM29.091 11.181h1.455v1.455h-1.455zM29.091 25.726h1.455v1.455h-1.455zM17.454 31.544h1.455v1.455h-1.455zM5.818 25.726h1.455v1.455H5.818z" />
+  <path fill="#000" d="M5.818 12.635h1.455v1.455H5.818zM7.273 11.181h1.455v1.455H7.273zM0 24.271h1.455v1.455H0zM23.273 9.726h1.455v1.455h-1.455zM7.273 24.271h1.455v1.455H7.273zM30.546 9.726h1.455v1.455h-1.455zM1.455 22.817H2.91v1.455H1.455zM24.727 8.271h1.455v1.455h-1.455zM5.818 22.817h1.455v1.455H5.818zM29.091 8.271h1.455v1.455h-1.455zM2.909 21.362h1.455v1.455H2.909z" />
+  <path fill="#000" d="M26.182 6.817h1.455v1.455h-1.455zM4.364 21.362h1.455v1.455H4.364zM27.637 6.817h1.455v1.455h-1.455zM2.909 28.635h1.455v1.455H2.909zM26.182 14.09h1.455v1.455h-1.455zM4.364 28.635h1.455v1.455H4.364zM27.637 14.09h1.455v1.455h-1.455zM1.454 27.181h1.455v1.455H1.454zM24.727 12.635h1.455v1.455h-1.455zM0 25.726h1.455v1.455H0z" />
+  <path fill="#000" d="M23.273 11.181h1.455v1.455h-1.455zM5.818 27.181h1.455v1.455H5.818zM29.091 12.635h1.455v1.455h-1.455zM7.273 25.726h1.455v1.455H7.273zM30.546 11.181h1.455v1.455h-1.455zM23.273 24.271h1.455v1.455h-1.455zM11.636 30.09h1.455v1.455h-1.455zM11.636 3.907h1.455v1.455h-1.455zM18.909 30.09h1.455v1.455h-1.455zM30.546 24.271h1.455v1.455h-1.455zM13.091 28.635h1.455v1.455h-1.455zM18.909 3.907h1.455v1.455h-1.455zM17.454 28.635h1.455v1.455h-1.455z" />
+  <path fill="#000" d="M24.727 22.817h1.455v1.455h-1.455zM14.546 27.181h1.455v1.455h-1.455zM13.091 2.453h1.455v1.455h-1.455z" />
+  <path fill="#000" d="M16 27.181h1.455v1.455H16zM29.091 22.817h1.455v1.455h-1.455zM14.545 34.454H16v1.455h-1.455zM17.455 2.453h1.455v1.455h-1.455zM16 34.454h1.455v1.455H16zM26.182 21.362h1.455v1.455h-1.455zM13.091 32.998h1.455v1.455h-1.455zM14.546.998h1.455v1.455h-1.455zM11.636 31.544h1.455v1.455h-1.455zM27.637 21.362h1.455v1.455h-1.455zM17.454 32.998h1.455v1.455h-1.455z" />
+  <path fill="#000" d="M16 .998h1.455v1.455H16zM18.909 31.544h1.455v1.455h-1.455zM26.182 28.635h1.455v1.455h-1.455zM14.546 8.271h1.455v1.455h-1.455zM27.637 28.635h1.455v1.455h-1.455z" />
+  <path fill="#000" d="M16 8.271h1.455v1.455H16zM24.727 27.181h1.455v1.455h-1.455zM13.091 6.817h1.455v1.455h-1.455zM23.273 25.726h1.455v1.455h-1.455zM11.636 5.361h1.455v1.455h-1.455zM29.091 27.181h1.455v1.455h-1.455zM17.455 6.817h1.455v1.455h-1.455zM30.546 25.726h1.455v1.455h-1.455zM18.909 5.361h1.455v1.455h-1.455zM8.727 11.181h1.455v1.455H8.727z" />
+  <path fill="#000" d="M8.727 12.635h1.455v1.455H8.727zM8.727 19.908h1.455v1.455H8.727zM21.818 19.908h1.455v1.455h-1.455zM21.818 11.181h1.455v1.455h-1.455z" />
+  <path fill="#000" d="M8.727 21.362h1.455v1.455H8.727zM21.818 21.362h1.455v1.455h-1.455zM8.727 14.09h1.455v1.455H8.727zM21.818 12.635h1.455v1.455h-1.455zM8.727 22.817h1.455v1.455H8.727z" />
+  <path fill="#000" d="M8.727 24.271h1.455v1.455H8.727zM7.273 16.998h1.455v1.455H7.273zM21.818 22.817h1.455v1.455h-1.455zM23.273 16.998h1.455v1.455h-1.455z" />
+  <path fill="#000" d="M21.818 24.271h1.455v1.455h-1.455zM8.727 15.544h1.455v1.455H8.727zM21.818 14.09h1.455v1.455h-1.455zM7.273 18.454h1.455v1.455H7.273z" />
+  <path fill="#000" d="M21.818 15.544h1.455v1.455h-1.455zM23.273 18.454h1.455v1.455h-1.455zM11.636 12.635h1.455v1.455h-1.455zM11.636 19.908h1.455v1.455h-1.455zM18.909 19.908h1.455v1.455h-1.455zM18.909 12.635h1.455v1.455h-1.455zM11.636 14.09h1.455v1.455h-1.455z" />
+  <path fill="#000" d="M11.636 21.362h1.455v1.455h-1.455zM18.909 21.362h1.455v1.455h-1.455zM18.909 14.09h1.455v1.455h-1.455zM10.182 16.998h1.455v1.455h-1.455zM20.363 16.998h1.455v1.455h-1.455z" />
+  <path fill="#000" d="M11.636 15.544h1.455v1.455h-1.455zM11.636 22.817h1.455v1.455h-1.455zM18.909 22.817h1.455v1.455h-1.455zM18.909 15.544h1.455v1.455h-1.455zM13.091 24.271h1.455v1.455h-1.455zM17.454 24.271h1.455v1.455h-1.455zM13.091 25.726h1.455v1.455h-1.455zM17.454 25.726h1.455v1.455h-1.455zM11.636 25.726h1.455v1.455h-1.455zM20.363 25.726h1.455v1.455h-1.455z" />
+  <path fill="#000" d="M10.182 25.726h1.455v1.455h-1.455zM18.909 25.726h1.455v1.455h-1.455zM10.182 18.454h1.455v1.455h-1.455zM20.363 18.454h1.455v1.455h-1.455zM10.182 9.726h1.455v1.455h-1.455zM18.909 9.726h1.455v1.455h-1.455z" />
+  <path fill="#000" d="M11.636 9.726h1.455v1.455h-1.455zM20.363 9.726h1.455v1.455h-1.455zM13.091 9.726h1.455v1.455h-1.455zM17.454 9.726h1.455v1.455h-1.455z" />
+  <path fill="#000" d="M13.091 11.181h1.455v1.455h-1.455zM17.454 11.181h1.455v1.455h-1.455z" />
+</svg>;
+export {
+  IconBanner
+};

package/dist/virtual-routes/components/IconDiscord.jsx

@@ -0,0 +1,4 @@
+const IconDiscord = (props) => <svg width={26} height={20} fill="none" xmlns="http://www.w3.org/2000/svg" {...props}><path d="M21.19 1.675A19.91 19.91 0 0 0 16.03 0c-.223.415-.482.973-.661 1.418a18.355 18.355 0 0 0-5.72 0A15.367 15.367 0 0 0 8.98 0a19.844 19.844 0 0 0-5.165 1.68C.55 6.776-.336 11.747.106 16.647c2.167 1.67 4.266 2.686 6.33 3.35.51-.724.964-1.495 1.356-2.306a13.149 13.149 0 0 1-2.135-1.073c.179-.137.354-.28.523-.428 4.116 1.989 8.588 1.989 12.655 0 .172.148.347.291.524.428a13.12 13.12 0 0 1-2.139 1.075c.392.81.844 1.582 1.356 2.306 2.066-.664 4.167-1.68 6.333-3.352.52-5.68-.887-10.606-3.718-14.973ZM8.353 13.635c-1.235 0-2.249-1.192-2.249-2.643 0-1.45.992-2.644 2.25-2.644 1.257 0 2.27 1.191 2.248 2.644.002 1.45-.991 2.642-2.249 2.642Zm8.311 0c-1.235 0-2.249-1.192-2.249-2.643 0-1.45.992-2.644 2.25-2.644 1.257 0 2.27 1.191 2.248 2.644 0 1.45-.991 2.642-2.249 2.642Z" fill="#5C5F62" /></svg>;
+export {
+  IconDiscord
+};

package/dist/virtual-routes/components/IconError.jsx

@@ -0,0 +1,20 @@
+const IconError = (props) => <svg width={32} height={32} fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+  <path fill="#000" d="M6 18h20v2H6zM30 8h2v16h-2zM0 8h2v16H0z" />
+  <path fill="#F63310" d="M2 8h2v16H2zM4 6h2v4H4zM6 4h2v4H6zM8 2h2v4H8zM24 4h2v2h-2zM26 6h2v2h-2z" />
+  <path fill="#74170B" d="M26 24h2v2h-2zM28 22h2v2h-2zM24 26h2v2h-2zM22 28h2v2h-2z" />
+  <path fill="#971C06" d="M6 26h2v2H6zM4 24h2v2H4zM4 18h2v2H4zM26 18h2v2h-2zM26 12h2v2h-2z" />
+  <path fill="#D62C0D" d="M26 8h2v4h-2zM4 10h2v2H4zM8 6h18v2H8zM10 4h14v2H10zM6 8h20v2H6z" />
+  <path fill="#971C06" d="M28 10h2v12h-2zM8 28h14v2H8z" />
+  <path fill="#D62C0D" d="M26 20h2v2h-2zM4 20h2v2H4z" />
+  <path fill="#F63310" d="M4 12h2v2H4z" />
+  <path fill="#971C06" d="M6 20h20v2H6z" />
+  <path fill="#F63310" d="M28 8h2v2h-2zM10 2h14v2H10zM6 10h20v2H6z" />
+  <path fill="#D62C0D" d="M4 22h24v2H4zM6 24h20v2H6zM8 26h16v2H8z" />
+  <path fill="#000" d="M6 12h20v2H6z" />
+  <path fill="#fff" d="M6 14h20v2H6zM6 16h2v2H6z" />
+  <path fill="#ECEDEE" d="M8 16h18v2H8z" />
+  <path fill="#000" d="M4 14h2v4H4zM26 14h2v4h-2zM2 6h2v2H2zM4 4h2v2H4zM6 2h2v2H6zM24 2h2v2h-2zM26 4h2v2h-2zM26 26h2v2h-2zM24 28h2v2h-2zM6 28h2v2H6zM4 26h2v2H4zM2 24h2v2H2zM8 30h16v2H8zM28 6h2v2h-2zM28 24h2v2h-2zM8 0h16v2H8z" />
+</svg>;
+export {
+  IconError
+};

package/dist/virtual-routes/components/IconGithub.jsx

@@ -0,0 +1,4 @@
+const IconGithub = (props) => <svg width={20} height={20} fill="none" xmlns="http://www.w3.org/2000/svg" {...props}><path fillRule="evenodd" clipRule="evenodd" d="M9.997 0C4.473 0 0 4.588 0 10.253c0 4.537 2.862 8.369 6.835 9.727.5.09.687-.218.687-.487 0-.243-.012-1.05-.012-1.91-2.512.475-3.161-.627-3.361-1.204-.113-.295-.6-1.205-1.025-1.448-.35-.192-.85-.667-.013-.68.788-.012 1.35.744 1.537 1.052.9 1.55 2.337 1.114 2.912.845.087-.666.35-1.115.637-1.371-2.224-.256-4.548-1.14-4.548-5.062 0-1.115.387-2.038 1.024-2.756-.1-.256-.45-1.307.1-2.717 0 0 .838-.269 2.75 1.051.8-.23 1.649-.346 2.499-.346.85 0 1.699.115 2.499.346 1.912-1.333 2.749-1.05 2.749-1.05.55 1.409.2 2.46.1 2.716.637.718 1.025 1.628 1.025 2.756 0 3.934-2.337 4.806-4.561 5.062.362.32.674.936.674 1.897 0 1.371-.012 2.473-.012 2.82 0 .268.187.589.687.486a10.036 10.036 0 0 0 4.93-3.74 10.45 10.45 0 0 0 1.88-5.987C19.993 4.588 15.52 0 9.997 0Z" fill="#5C5F62" /></svg>;
+export {
+  IconGithub
+};

package/dist/virtual-routes/components/IconTwitter.jsx

@@ -0,0 +1,4 @@
+const IconTwitter = (props) => <svg width={23} height={20} fill="none" xmlns="http://www.w3.org/2000/svg" {...props}><path d="M20.53 4.979c.014.217.014.434.014.653C20.544 12.305 15.824 20 7.193 20v-.004C4.643 20 2.146 19.214 0 17.732c.37.048.743.072 1.117.073 2.113.002 4.165-.76 5.828-2.166-2.008-.04-3.77-1.45-4.384-3.506a4.356 4.356 0 0 0 2.118-.087C2.49 11.57.915 9.5.915 7.096v-.064a4.414 4.414 0 0 0 2.13.632C.983 6.18.348 3.229 1.593.92c2.382 3.155 5.897 5.073 9.67 5.276-.378-1.754.139-3.592 1.358-4.825 1.89-1.912 4.862-1.814 6.639.22A9.023 9.023 0 0 0 22.24.364c-.35 1.17-1.084 2.162-2.063 2.793a8.822 8.822 0 0 0 2.694-.795A9.97 9.97 0 0 1 20.53 4.98Z" fill="#5C5F62" /></svg>;
+export {
+  IconTwitter
+};

package/dist/virtual-routes/components/Layout.jsx

@@ -0,0 +1,6 @@
+function Layout(props) {
+  return <div className="hydrogen-virtual-route">{props.children}</div>;
+}
+export {
+  Layout
+};

package/dist/virtual-routes/routes/graphiql.jsx

@@ -0,0 +1,5 @@
+import { graphiqlLoader } from "@shopify/hydrogen";
+const loader = graphiqlLoader;
+export {
+  loader
+};

package/dist/virtual-routes/routes/index.jsx

@@ -0,0 +1,163 @@
+import { useLoaderData } from "@remix-run/react";
+import { HydrogenLogoBaseBW } from "../components/HydrogenLogoBaseBW.jsx";
+import { HydrogenLogoBaseColor } from "../components/HydrogenLogoBaseColor.jsx";
+import { IconDiscord } from "../components/IconDiscord.jsx";
+import { IconGithub } from "../components/IconGithub.jsx";
+import { IconTwitter } from "../components/IconTwitter.jsx";
+import { IconBanner } from "../components/IconBanner.jsx";
+import { IconError } from "../components/IconError.jsx";
+import favicon from "../assets/favicon.svg";
+import interVariableFontWoff2 from "../assets/inter-variable-font.woff2";
+import jetbrainsmonoVariableFontWoff2 from "../assets/jetbrainsmono-variable-font.woff2";
+const meta = () => {
+  return {
+    title: "Hydrogen",
+    description: "A custom storefront powered by Hydrogen",
+    charset: "utf-8",
+    viewport: "width=device-width,initial-scale=1"
+  };
+};
+const links = () => [
+  {
+    rel: "icon",
+    type: "image/svg+xml",
+    href: favicon
+  },
+  {
+    rel: "preload",
+    href: interVariableFontWoff2,
+    as: "font",
+    type: "font/ttf",
+    crossOrigin: "anonymous"
+  },
+  {
+    rel: "preload",
+    href: jetbrainsmonoVariableFontWoff2,
+    as: "font",
+    type: "font/ttf",
+    crossOrigin: "anonymous"
+  }
+];
+async function loader({ context }) {
+  const layout = await context.storefront.query(LAYOUT_QUERY);
+  return { layout };
+}
+const HYDROGEN_SHOP_ID = "gid://shopify/Shop/55145660472";
+function CatchBoundary() {
+  return <ErrorPage />;
+}
+function ErrorBoundary() {
+  return <ErrorPage />;
+}
+function Index() {
+  const data = useLoaderData();
+  const { name: shopName, id: shopId } = data.layout.shop;
+  const configDone = shopId !== HYDROGEN_SHOP_ID;
+  return <><Layout shopName={shopName}>
+    {configDone ? <HydrogenLogoBaseColor /> : <HydrogenLogoBaseBW />}
+    <h1>
+      {"Hello, "}
+      {shopName || "Hydrogen"}
+    </h1>
+    <p>Welcome to your new custom storefront</p>
+    {configDone ? null : <section className="Banner">
+      <div>
+        <IconBanner />
+        <h2>Configure storefront token</h2>
+      </div>
+      <p>
+        {"You\u2019re seeing this because you have not yet configured your storefront token. "}
+        <br />
+        <br />
+        {" To get started, edit "}
+        {` `}
+        <code>.env</code>
+        {". Then, create your first route with the file"}
+        {` `}
+        <code>/app/routes/index.jsx</code>
+        {". Learn more about"}
+        {` `}
+        <a target="_blank" rel="norefferer noopener" href="https://shopify.dev/docs/custom-storefronts/hydrogen/environment-variables">editing environment variables</a>
+        {` `}
+        {"and"}
+        {` `}
+        <a target="_blank" rel="norefferer noopener" href="https://shopify.dev/docs/custom-storefronts/hydrogen/building/begin-development#step-4-create-a-route">creating routes</a>
+        {"."}
+      </p>
+    </section>}
+    <ResourcesLinks />
+  </Layout></>;
+}
+function ErrorPage() {
+  return <><Layout shopName="Hydrogen">
+    <HydrogenLogoBaseBW />
+    <h1>Hello, Hydrogen</h1>
+    <p>Welcome to your new custom storefront</p>
+    <section className="Banner ErrorBanner">
+      <div>
+        <IconError />
+        <h2>{"There\u2019s a problem with your storefront"}</h2>
+      </div>
+      <p>
+        {"Check your domain and API token in your "}
+        <code>.env</code>
+        {" file. Learn more about"}
+        {` `}
+        <a target="_blank" rel="norefferer noopener" href="https://shopify.dev/docs/custom-storefronts/hydrogen/environment-variables">editing environment variables</a>
+        {"."}
+      </p>
+    </section>
+    <ResourcesLinks />
+  </Layout></>;
+}
+function ResourcesLinks() {
+  return <><section className="Links">
+    <h2>Start building</h2>
+    <ul>
+      <li><a target="_blank" rel="norefferer noopener" href="https://shopify.dev/custom-storefronts/hydrogen/building/collection-page">Collection template</a></li>
+      <li><a target="_blank" rel="norefferer noopener" href="https://shopify.dev/custom-storefronts/hydrogen/building/product-details-page">Product template</a></li>
+      <li><a target="_blank" rel="norefferer noopener" href="https://shopify.dev/custom-storefronts/hydrogen/building/cart">Cart</a></li>
+    </ul>
+    <h2>Resources</h2>
+    <ul>
+      <li><a target="_blank" rel="norefferer noopener" href="https://shopify.dev/custom-storefronts/hydrogen">Hydrogen docs</a></li>
+      <li><a target="_blank" rel="norefferer noopener" href="https://shopify.dev/custom-storefronts/hydrogen/project-structure">Remix and project structure</a></li>
+      <li><a target="_blank" rel="norefferer noopener" href="https://shopify.dev/custom-storefronts/hydrogen/data-fetching/fetch-data">Data queries and fetching</a></li>
+    </ul>
+  </section></>;
+}
+function Layout({
+  shopName,
+  children
+}) {
+  return <>
+    <header>
+      <h1>{shopName?.toUpperCase()}</h1>
+      <p>{"\xA0Dev Mode\xA0"}</p>
+      <nav>
+        <a target="_blank" rel="norefferer noopener" href="https://discord.com/invite/shopifydevs"><IconDiscord /></a>
+        <a target="_blank" rel="norefferer noopener" href="https://github.com/Shopify/hydrogen"><IconGithub /></a>
+        <a target="_blank" rel="norefferer noopener" href="https://twitter.com/shopifydevs?lang=en"><IconTwitter /></a>
+      </nav>
+    </header>
+    <main>{children}</main>
+    <footer><div><a href="https://shopify.com" target="_blank" rel="noreferrer noopener">Powered by Shopify</a></div></footer>
+  </>;
+}
+const LAYOUT_QUERY = `#graphql
+  query layout {
+    shop {
+      name
+      id
+    }
+  }
+`;
+export {
+  CatchBoundary,
+  ErrorBoundary,
+  HYDROGEN_SHOP_ID,
+  Index as default,
+  links,
+  loader,
+  meta
+};

package/oclif.manifest.json

@@ -1 +1 @@
-{"version":"4.0.7","commands":{"hydrogen:build":{"id":"hydrogen:build","description":"Builds a Hydrogen storefront for production.","strict":true,"pluginName":"@shopify/cli-hydrogen","pluginAlias":"@shopify/cli-hydrogen","pluginType":"core","aliases":[],"flags":{"path":{"name":"path","type":"option","description":"The path to the directory of the Hydrogen storefront. The default is the current directory.","multiple":false},"sourcemap":{"name":"sourcemap","type":"boolean","description":"Generate sourcemaps for the build.","allowNo":false},"disable-route-warning":{"name":"disable-route-warning","type":"boolean","description":"Disable warning about missing standard routes.","allowNo":false}},"args":[]},"hydrogen:check":{"id":"hydrogen:check","description":"Returns diagnostic information about a Hydrogen storefront.","strict":true,"pluginName":"@shopify/cli-hydrogen","pluginAlias":"@shopify/cli-hydrogen","pluginType":"core","aliases":[],"flags":{"path":{"name":"path","type":"option","description":"The path to the directory of the Hydrogen storefront. The default is the current directory.","multiple":false}},"args":[{"name":"resource","description":"The resource to check. Currently only 'routes' is supported.","required":true,"options":["routes"]}]},"hydrogen:dev":{"id":"hydrogen:dev","description":"Runs Hydrogen storefront in an Oxygen worker for development.","strict":true,"pluginName":"@shopify/cli-hydrogen","pluginAlias":"@shopify/cli-hydrogen","pluginType":"core","aliases":[],"flags":{"path":{"name":"path","type":"option","description":"The path to the directory of the Hydrogen storefront. The default is the current directory.","multiple":false},"port":{"name":"port","type":"option","description":"Port to run the server on.","multiple":false,"default":3000},"disable-virtual-routes":{"name":"disable-virtual-routes","type":"boolean","description":"Disable rendering fallback routes when a route file doesn't exist","allowNo":false}},"args":[]},"hydrogen:init":{"id":"hydrogen:init","description":"Creates a new Hydrogen storefront.","strict":true,"pluginName":"@shopify/cli-hydrogen","pluginAlias":"@shopify/cli-hydrogen","pluginType":"core","aliases":[],"flags":{"force":{"name":"force","type":"boolean","char":"f","description":"Overwrite the destination directory and files if they already exist.","allowNo":false},"path":{"name":"path","type":"option","description":"The path to the directory of the new Hydrogen storefront.","multiple":false},"language":{"name":"language","type":"option","description":"Sets the template language to use. One of `js` or `ts`.","multiple":false},"template":{"name":"template","type":"option","description":"Sets the template to use. One of `demo-store` or `hello-world`.","multiple":false},"install-deps":{"name":"install-deps","type":"boolean","description":"Auto install dependencies using the active package manager","allowNo":true}},"args":[]},"hydrogen:preview":{"id":"hydrogen:preview","description":"Runs a Hydrogen storefront in an Oxygen worker for production.","strict":true,"pluginName":"@shopify/cli-hydrogen","pluginAlias":"@shopify/cli-hydrogen","pluginType":"core","aliases":[],"flags":{"path":{"name":"path","type":"option","description":"The path to the directory of the Hydrogen storefront. The default is the current directory.","multiple":false},"port":{"name":"port","type":"option","description":"Port to run the server on.","multiple":false,"default":3000}},"args":[]},"hydrogen:generate:route":{"id":"hydrogen:generate:route","description":"Generates a standard Shopify route.","strict":true,"pluginName":"@shopify/cli-hydrogen","pluginAlias":"@shopify/cli-hydrogen","pluginType":"core","aliases":[],"flags":{"adapter":{"name":"adapter","type":"option","description":"Remix adapter used in the route. The default is `@shopify/remix-oxygen`.","multiple":false},"typescript":{"name":"typescript","type":"boolean","description":"Generate TypeScript files","allowNo":false},"force":{"name":"force","type":"boolean","char":"f","description":"Overwrite the destination directory and files if they already exist.","allowNo":false},"path":{"name":"path","type":"option","description":"The path to the directory of the Hydrogen storefront. The default is the current directory.","multiple":false}},"args":[{"name":"route","description":"The route to generate. One of home,page,cart,products,collections,policies,robots,sitemap,account,all.","required":true,"options":["home","page","cart","products","collections","policies","robots","sitemap","account","all"]}]},"hydrogen:generate:routes":{"id":"hydrogen:generate:routes","description":"Generates all supported standard shopify routes.","strict":true,"pluginName":"@shopify/cli-hydrogen","pluginAlias":"@shopify/cli-hydrogen","pluginType":"core","aliases":[],"flags":{"adapter":{"name":"adapter","type":"option","description":"Remix adapter used in the route. The default is `@shopify/remix-oxygen`.","multiple":false},"typescript":{"name":"typescript","type":"boolean","description":"Generate TypeScript files","allowNo":false},"force":{"name":"force","type":"boolean","char":"f","description":"Overwrite the destination directory and files if they already exist.","allowNo":false},"path":{"name":"path","type":"option","description":"The path to the directory of the Hydrogen storefront. The default is the current directory.","multiple":false}},"args":[]}}}
+{"version":"4.0.9","commands":{"hydrogen:build":{"id":"hydrogen:build","description":"Builds a Hydrogen storefront for production.","strict":true,"pluginName":"@shopify/cli-hydrogen","pluginAlias":"@shopify/cli-hydrogen","pluginType":"core","aliases":[],"flags":{"path":{"name":"path","type":"option","description":"The path to the directory of the Hydrogen storefront. The default is the current directory.","multiple":false},"sourcemap":{"name":"sourcemap","type":"boolean","description":"Generate sourcemaps for the build.","allowNo":false},"disable-route-warning":{"name":"disable-route-warning","type":"boolean","description":"Disable warning about missing standard routes.","allowNo":false},"base":{"name":"base","type":"option","hidden":true,"multiple":false},"entry":{"name":"entry","type":"option","hidden":true,"multiple":false},"target":{"name":"target","type":"option","hidden":true,"multiple":false}},"args":[]},"hydrogen:check":{"id":"hydrogen:check","description":"Returns diagnostic information about a Hydrogen storefront.","strict":true,"pluginName":"@shopify/cli-hydrogen","pluginAlias":"@shopify/cli-hydrogen","pluginType":"core","aliases":[],"flags":{"path":{"name":"path","type":"option","description":"The path to the directory of the Hydrogen storefront. The default is the current directory.","multiple":false}},"args":[{"name":"resource","description":"The resource to check. Currently only 'routes' is supported.","required":true,"options":["routes"]}]},"hydrogen:dev":{"id":"hydrogen:dev","description":"Runs Hydrogen storefront in an Oxygen worker for development.","strict":true,"pluginName":"@shopify/cli-hydrogen","pluginAlias":"@shopify/cli-hydrogen","pluginType":"core","aliases":[],"flags":{"path":{"name":"path","type":"option","description":"The path to the directory of the Hydrogen storefront. The default is the current directory.","multiple":false},"port":{"name":"port","type":"option","description":"Port to run the server on.","multiple":false,"default":3000},"disable-virtual-routes":{"name":"disable-virtual-routes","type":"boolean","description":"Disable rendering fallback routes when a route file doesn't exist","allowNo":false},"host":{"name":"host","type":"option","hidden":true,"multiple":false}},"args":[]},"hydrogen:init":{"id":"hydrogen:init","description":"Creates a new Hydrogen storefront.","strict":true,"pluginName":"@shopify/cli-hydrogen","pluginAlias":"@shopify/cli-hydrogen","pluginType":"core","aliases":[],"flags":{"force":{"name":"force","type":"boolean","char":"f","description":"Overwrite the destination directory and files if they already exist.","allowNo":false},"path":{"name":"path","type":"option","description":"The path to the directory of the new Hydrogen storefront.","multiple":false},"language":{"name":"language","type":"option","description":"Sets the template language to use. One of `js` or `ts`.","multiple":false},"template":{"name":"template","type":"option","description":"Sets the template to use. One of `demo-store` or `hello-world`.","multiple":false},"install-deps":{"name":"install-deps","type":"boolean","description":"Auto install dependencies using the active package manager","allowNo":true}},"args":[]},"hydrogen:preview":{"id":"hydrogen:preview","description":"Runs a Hydrogen storefront in an Oxygen worker for production.","strict":true,"pluginName":"@shopify/cli-hydrogen","pluginAlias":"@shopify/cli-hydrogen","pluginType":"core","aliases":[],"flags":{"path":{"name":"path","type":"option","description":"The path to the directory of the Hydrogen storefront. The default is the current directory.","multiple":false},"port":{"name":"port","type":"option","description":"Port to run the server on.","multiple":false,"default":3000}},"args":[]},"hydrogen:generate:route":{"id":"hydrogen:generate:route","description":"Generates a standard Shopify route.","strict":true,"pluginName":"@shopify/cli-hydrogen","pluginAlias":"@shopify/cli-hydrogen","pluginType":"core","aliases":[],"flags":{"adapter":{"name":"adapter","type":"option","description":"Remix adapter used in the route. The default is `@shopify/remix-oxygen`.","multiple":false},"typescript":{"name":"typescript","type":"boolean","description":"Generate TypeScript files","allowNo":false},"force":{"name":"force","type":"boolean","char":"f","description":"Overwrite the destination directory and files if they already exist.","allowNo":false},"path":{"name":"path","type":"option","description":"The path to the directory of the Hydrogen storefront. The default is the current directory.","multiple":false}},"args":[{"name":"route","description":"The route to generate. One of home,page,cart,products,collections,policies,robots,sitemap,account,all.","required":true,"options":["home","page","cart","products","collections","policies","robots","sitemap","account","all"]}]},"hydrogen:generate:routes":{"id":"hydrogen:generate:routes","description":"Generates all supported standard shopify routes.","strict":true,"pluginName":"@shopify/cli-hydrogen","pluginAlias":"@shopify/cli-hydrogen","pluginType":"core","aliases":[],"flags":{"adapter":{"name":"adapter","type":"option","description":"Remix adapter used in the route. The default is `@shopify/remix-oxygen`.","multiple":false},"typescript":{"name":"typescript","type":"boolean","description":"Generate TypeScript files","allowNo":false},"force":{"name":"force","type":"boolean","char":"f","description":"Overwrite the destination directory and files if they already exist.","allowNo":false},"path":{"name":"path","type":"option","description":"The path to the directory of the Hydrogen storefront. The default is the current directory.","multiple":false}},"args":[]}}}

package/package.json

@@ -4,7 +4,7 @@
     "access": "public",
     "@shopify:registry": "https://registry.npmjs.org"
   },
-  "version": "4.0.7",
+  "version": "4.0.9",
   "license": "SEE LICENSE IN LICENSE.md",
   "type": "module",
   "scripts": {
@@ -12,7 +12,6 @@
     "dev": "tsup --watch --config ./tsup.config.ts",
     "typecheck": "tsc --noEmit",
     "generate:manifest": "oclif manifest",
-    "prepack": "npm run build",
     "test": "cross-env SHOPIFY_UNIT_TEST=1 vitest run",
     "test:watch": "cross-env SHOPIFY_UNIT_TEST=1 vitest"
   },
@@ -27,13 +26,13 @@
     "tempy": "^3.0.0"
   },
   "peerDependencies": {
-    "@remix-run/react": "^1.12.0",
-    "@shopify/hydrogen-react": "^2023.1.5",
-    "@shopify/remix-oxygen": "^1.0.3"
+    "@remix-run/react": "^1.14.0",
+    "@shopify/hydrogen-react": "^2023.1.7",
+    "@shopify/remix-oxygen": "^1.0.4"
   },
   "dependencies": {
     "@oclif/core": "^1.20.4",
-    "@remix-run/dev": "^1.12.0",
+    "@remix-run/dev": "^1.14.0",
     "@shopify/cli-kit": "3.29.0",
     "@shopify/mini-oxygen": "^1.3.1",
     "fast-glob": "^3.2.12",