@shopify/cli-hydrogen 4.0.6 → 4.0.7

package/dist/commands/hydrogen/init.js

@@ -6,7 +6,9 @@ import { output, path } from '@shopify/cli-kit';
 import { commonFlags, 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';
 import { readdir } from 'fs/promises';
+import { fileURLToPath } from 'url';
 
 const STARTER_TEMPLATES = ["hello-world", "demo-store"];
 const FLAG_MAP = { f: "force" };
@@ -41,6 +43,16 @@ class Init extends Command {
 }
 async function runInit(options = parseProcessFlags(process.argv, FLAG_MAP)) {
   supressNodeExperimentalWarnings();
+  const showUpgrade = await checkHydrogenVersion(
+    fileURLToPath(new URL("../../../package.json", import.meta.url)),
+    "cli"
+  );
+  if (showUpgrade) {
+    const packageManager2 = await packageManagerUsedForCreating();
+    showUpgrade(
+      packageManager2 === "unknown" ? "" : `Please use the latest version with \`${packageManager2} create @shopify/hydrogen@latest\``
+    );
+  }
   const templatesPromise = getLatestTemplates().catch((error) => {
     output.info("\n\n\n");
     renderFatalError(error);

package/dist/utils/check-version.d.ts

@@ -1,3 +1,16 @@
-declare function checkHydrogenVersion(directory: string): Promise<(() => void) | undefined>;
+declare const PACKAGE_NAMES: {
+    readonly main: "@shopify/hydrogen";
+    readonly cli: "@shopify/cli-hydrogen";
+};
+/**
+ *
+ * @param resolveFrom Path to a directory to resolve from, or directly the path to a package.json file.
+ * @param pkgKey Package to check for updates.
+ * @returns A function to show the update information if any update is available.
+ */
+declare function checkHydrogenVersion(resolveFrom: string, pkgKey?: keyof typeof PACKAGE_NAMES): Promise<((extraMessage?: string) => {
+    currentVersion: string;
+    newVersion: string;
+}) | undefined>;
 
 export { checkHydrogenVersion };

package/dist/utils/check-version.js

@@ -3,45 +3,50 @@ import { createRequire } from 'module';
 import { checkForNewVersion } from '@shopify/cli-kit/node/node-package-manager';
 import { renderInfo } from '@shopify/cli-kit/node/ui';
 
-const PACKAGE_NAME = "@shopify/hydrogen";
-async function checkHydrogenVersion(directory) {
+const PACKAGE_NAMES = {
+  main: "@shopify/hydrogen",
+  cli: "@shopify/cli-hydrogen"
+};
+async function checkHydrogenVersion(resolveFrom, pkgKey = "main") {
   if (process.env.LOCAL_DEV)
     return;
+  const pkgName = PACKAGE_NAMES[pkgKey];
   const require2 = createRequire(import.meta.url);
-  const pkgJsonPath = locateDependency(
+  const pkgJsonPath = resolveFrom.endsWith("package.json") ? locateDependency(require2, resolveFrom) : locateDependency(
     require2,
-    directory,
-    path.join(PACKAGE_NAME, "package.json")
+    path.join(pkgName, "package.json"),
+    resolveFrom
   );
   if (!pkgJsonPath)
     return;
   const currentVersion = require2(pkgJsonPath).version;
   if (!currentVersion)
     return;
-  const newVersionAvailable = await checkForNewVersion(
-    PACKAGE_NAME,
-    currentVersion
-  );
+  const newVersionAvailable = await checkForNewVersion(pkgName, currentVersion);
   if (!newVersionAvailable)
     return;
-  return () => renderInfo({
-    headline: "Upgrade available",
-    body: `Version ${newVersionAvailable} of ${PACKAGE_NAME} is now available.
-
-You are currently running v${currentVersion}.`,
-    reference: [
-      {
-        link: {
-          label: "Hydrogen releases",
-          url: "https://github.com/Shopify/hydrogen/releases"
+  return (extraMessage = "") => {
+    renderInfo({
+      headline: "Upgrade available",
+      body: `Version ${newVersionAvailable} of ${pkgName} is now available.
+You are currently running v${currentVersion}.` + (extraMessage ? "\n\n" : "") + extraMessage,
+      reference: [
+        {
+          link: {
+            label: "Hydrogen releases",
+            url: "https://github.com/Shopify/hydrogen/releases"
+          }
         }
-      }
-    ]
-  });
+      ]
+    });
+    return { currentVersion, newVersion: newVersionAvailable };
+  };
 }
-function locateDependency(require2, directory, name) {
+function locateDependency(require2, nameToResolve, resolveFrom) {
   try {
-    return require2.resolve(name, { paths: [directory] });
+    return require2.resolve(nameToResolve, {
+      paths: [resolveFrom ?? process.cwd()]
+    });
   } catch {
     return;
   }

package/dist/utils/check-version.test.d.ts

@@ -0,0 +1 @@
+

package/dist/utils/check-version.test.js

@@ -0,0 +1,60 @@
+import { checkHydrogenVersion } from './check-version.js';
+import { vi, describe, afterEach, it, expect, beforeEach } from 'vitest';
+import { outputMocker } from '@shopify/cli-kit';
+import { checkForNewVersion } from '@shopify/cli-kit/node/node-package-manager';
+
+vi.mock("@shopify/cli-kit/node/node-package-manager", () => {
+  return {
+    checkForNewVersion: vi.fn()
+  };
+});
+describe("checkHydrogenVersion()", () => {
+  afterEach(() => {
+    vi.restoreAllMocks();
+  });
+  describe("when a current version is available", () => {
+    it("calls checkForNewVersion", async () => {
+      await checkHydrogenVersion("dir");
+      expect(checkForNewVersion).toHaveBeenCalledWith(
+        "@shopify/hydrogen",
+        expect.stringMatching(/20\d{2}\.\d{1,2}\.\d{1,3}/)
+      );
+    });
+    describe("and it is up to date", () => {
+      beforeEach(() => {
+        vi.mocked(checkForNewVersion).mockResolvedValue(void 0);
+      });
+      it("returns undefined", async () => {
+        expect(await checkHydrogenVersion("dir")).toBe(void 0);
+      });
+    });
+    describe("and a new version is available", () => {
+      beforeEach(() => {
+        vi.mocked(checkForNewVersion).mockResolvedValue("2023.1.5");
+      });
+      it("returns a function", async () => {
+        expect(await checkHydrogenVersion("dir")).toBeInstanceOf(Function);
+      });
+      it("outputs a message to the user with the new version", async () => {
+        const outputMock = outputMocker.mockAndCaptureOutput();
+        const showUpgrade = await checkHydrogenVersion("dir");
+        const { currentVersion, newVersion } = showUpgrade();
+        expect(outputMock.info()).toMatch(
+          new RegExp(
+            ` info .+ Upgrade available .+ Version ${newVersion.replaceAll(
+              ".",
+              "\\."
+            )}.+ running v${currentVersion.replaceAll(".", "\\.")}`,
+            "is"
+          )
+        );
+      });
+    });
+  });
+  describe("when no current version can be found", () => {
+    it("returns undefined and does not call checkForNewVersion", async () => {
+      expect(await checkHydrogenVersion("/fake-absolute-dir")).toBe(void 0);
+      expect(checkForNewVersion).not.toHaveBeenCalled();
+    });
+  });
+});

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

@@ -1,11 +1,11 @@
 @font-face {
   font-family: 'Inter';
-  src: url('../assets/inter-variable-font.ttf') format('truetype-variations');
+  src: url('../assets/inter-variable-font.woff2') format('woff2-variations');
 }
 @font-face {
   font-family: 'JetBrains Mono';
-  src: url('../assets/jetbrainsmono-variable-font.ttf')
-    format('truetype-variations');
+  src: url('../assets/jetbrainsmono-variable-font.woff2')
+    format('woff2-variations');
 }
 
 * {
@@ -214,7 +214,7 @@ main {
   background: #fee9e8;
 }
 
-.Banner.ErrorBanner span {
+.Banner.ErrorBanner code {
   background: #fef4f4;
   border: 1px solid #fda9a5;
   border-radius: 4px;

package/oclif.manifest.json

@@ -1 +1 @@
-{"version":"4.0.6","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.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":[]}}}

package/package.json

@@ -4,7 +4,7 @@
     "access": "public",
     "@shopify:registry": "https://registry.npmjs.org"
   },
-  "version": "4.0.6",
+  "version": "4.0.7",
   "license": "SEE LICENSE IN LICENSE.md",
   "type": "module",
   "scripts": {

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

@@ -1,7 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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

@@ -1,47 +0,0 @@
-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

@@ -1,4 +0,0 @@
-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

@@ -1,20 +0,0 @@
-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

@@ -1,4 +0,0 @@
-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

@@ -1,4 +0,0 @@
-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

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

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

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

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

@@ -1,162 +0,0 @@
-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 interVariableFont from "../assets/inter-variable-font.ttf";
-import jetbrainsmonoVariableFont from "../assets/jetbrainsmono-variable-font.ttf";
-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: interVariableFont,
-    as: "font",
-    type: "font/ttf",
-    crossOrigin: "anonymous"
-  },
-  {
-    rel: "preload",
-    href: jetbrainsmonoVariableFont,
-    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
-};