@shopify/cli-hydrogen 5.1.2 → 5.2.0

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

@@ -1,4 +1,22 @@
-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>;
+const IconGithub = (props) => /* @__PURE__ */ React.createElement(
+  "svg",
+  {
+    width: 20,
+    height: 20,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  },
+  /* @__PURE__ */ React.createElement(
+    "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"
+    }
+  )
+);
 export {
   IconGithub
 };

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

@@ -1,4 +1,20 @@
-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>;
+const IconTwitter = (props) => /* @__PURE__ */ React.createElement(
+  "svg",
+  {
+    width: 23,
+    height: 20,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  },
+  /* @__PURE__ */ React.createElement(
+    "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"
+    }
+  )
+);
 export {
   IconTwitter
 };

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

@@ -1,5 +1,5 @@
 function Layout(props) {
-  return <div className="hydrogen-virtual-route">{props.children}</div>;
+  return /* @__PURE__ */ React.createElement("div", { className: "hydrogen-virtual-route" }, props.children);
 }
 export {
   Layout

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

@@ -38,7 +38,7 @@ async function loader({
 }
 const HYDROGEN_SHOP_ID = "gid://shopify/Shop/55145660472";
 function ErrorBoundary() {
-  return <ErrorPage />;
+  return /* @__PURE__ */ React.createElement(ErrorPage, null);
 }
 function Index() {
   const {
@@ -49,110 +49,126 @@ function Index() {
   const configDone = shopId !== HYDROGEN_SHOP_ID && !isMockShop;
   if (isMockShop || !shopName)
     shopName = "Hydrogen";
-  return <><Layout shopName={shopName}>
-    {configDone ? <HydrogenLogoBaseColor /> : <HydrogenLogoBaseBW />}
-    <h1>
-      {"Hello, "}
-      {shopName}
-    </h1>
-    <p>Welcome to your new custom storefront</p>
-    <section className="Banner">
-      <div>
-        <IconBanner />
-        <h2>{configDone ? "Create your first route" : "Configure storefront token"}</h2>
-      </div>
-      {configDone ? <p>
-        {"You\u2019re seeing this because you don\u2019t have a home route in your project yet. "}
-        <br />
-        {"Run "}
-        <code>h2 generate route home</code>
-        {" to create your home route. Learn more about"}
-        {` `}
-        <CreateRoutesLink />
-      </p> : <p>
-        {"You\u2019re seeing this because you have not yet configured your storefront token. "}
-        <br />
-        <br />
-        {" To link your store,"}
-        {` `}
-        {"run "}
-        <code>{"h2 link && h2 env pull"}</code>
-        {". Then, run"}
-        {" "}
-        <code>h2 generate route home</code>
-        {" to create your first route."}
-        <br />
-        {"Learn more about"}
-        {` `}
-        <a target="_blank" rel="norefferer noopener" href="https://shopify.dev/docs/custom-storefronts/hydrogen/environment-variables">editing environment variables</a>
-        {` `}
-        {"and"}
-        {` `}
-        <CreateRoutesLink />
-        {"."}
-      </p>}
-    </section>
-    <ResourcesLinks />
-  </Layout></>;
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Layout, { shopName }, configDone ? /* @__PURE__ */ React.createElement(HydrogenLogoBaseColor, null) : /* @__PURE__ */ React.createElement(HydrogenLogoBaseBW, null), /* @__PURE__ */ React.createElement("h1", null, "Hello, ", shopName), /* @__PURE__ */ React.createElement("p", null, "Welcome to your new custom storefront"), /* @__PURE__ */ React.createElement("section", { className: "Banner" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(IconBanner, null), /* @__PURE__ */ React.createElement("h2", null, configDone ? "Create your first route" : "Configure storefront token")), configDone ? /* @__PURE__ */ React.createElement("p", null, "You\u2019re seeing this because you don\u2019t have a home route in your project yet. ", /* @__PURE__ */ React.createElement("br", null), "Run ", /* @__PURE__ */ React.createElement("code", null, "h2 generate route home"), " to create your home route. Learn more about", ` `, /* @__PURE__ */ React.createElement(CreateRoutesLink, null)) : /* @__PURE__ */ React.createElement("p", null, "You\u2019re seeing this because you have not yet configured your storefront token. ", /* @__PURE__ */ React.createElement("br", null), /* @__PURE__ */ React.createElement("br", null), " To link your store,", ` `, "run ", /* @__PURE__ */ React.createElement("code", null, "h2 link && h2 env pull"), ". Then, run", " ", /* @__PURE__ */ React.createElement("code", null, "h2 generate route home"), " to create your first route.", /* @__PURE__ */ React.createElement("br", null), "Learn more about", ` `, /* @__PURE__ */ React.createElement(
+    "a",
+    {
+      target: "_blank",
+      rel: "norefferer noopener",
+      href: "https://shopify.dev/docs/custom-storefronts/hydrogen/environment-variables"
+    },
+    "editing environment variables"
+  ), ` `, "and", ` `, /* @__PURE__ */ React.createElement(CreateRoutesLink, null), ".")), /* @__PURE__ */ React.createElement(ResourcesLinks, null)));
 }
 function CreateRoutesLink() {
-  return <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>;
+  return /* @__PURE__ */ React.createElement(
+    "a",
+    {
+      target: "_blank",
+      rel: "norefferer noopener",
+      href: "https://shopify.dev/docs/custom-storefronts/hydrogen/building/begin-development#step-4-create-a-route"
+    },
+    "creating routes"
+  );
 }
 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></>;
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Layout, { shopName: "Hydrogen" }, /* @__PURE__ */ React.createElement(HydrogenLogoBaseBW, null), /* @__PURE__ */ React.createElement("h1", null, "Hello, Hydrogen"), /* @__PURE__ */ React.createElement("p", null, "Welcome to your new custom storefront"), /* @__PURE__ */ React.createElement("section", { className: "Banner ErrorBanner" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(IconError, null), /* @__PURE__ */ React.createElement("h2", null, "There\u2019s a problem with your storefront")), /* @__PURE__ */ React.createElement("p", null, "Check your domain and API token in your ", /* @__PURE__ */ React.createElement("code", null, ".env"), " file. Learn more about", ` `, /* @__PURE__ */ React.createElement(
+    "a",
+    {
+      target: "_blank",
+      rel: "norefferer noopener",
+      href: "https://shopify.dev/docs/custom-storefronts/hydrogen/environment-variables"
+    },
+    "editing environment variables"
+  ), ".")), /* @__PURE__ */ React.createElement(ResourcesLinks, null)));
 }
 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></>;
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("section", { className: "Links" }, /* @__PURE__ */ React.createElement("h2", null, "Start building"), /* @__PURE__ */ React.createElement("ul", null, /* @__PURE__ */ React.createElement("li", null, /* @__PURE__ */ React.createElement(
+    "a",
+    {
+      target: "_blank",
+      rel: "norefferer noopener",
+      href: "https://shopify.dev/custom-storefronts/hydrogen/building/collection-page"
+    },
+    "Collection template"
+  )), /* @__PURE__ */ React.createElement("li", null, /* @__PURE__ */ React.createElement(
+    "a",
+    {
+      target: "_blank",
+      rel: "norefferer noopener",
+      href: "https://shopify.dev/custom-storefronts/hydrogen/building/product-details-page"
+    },
+    "Product template"
+  )), /* @__PURE__ */ React.createElement("li", null, /* @__PURE__ */ React.createElement(
+    "a",
+    {
+      target: "_blank",
+      rel: "norefferer noopener",
+      href: "https://shopify.dev/custom-storefronts/hydrogen/building/cart"
+    },
+    "Cart"
+  ))), /* @__PURE__ */ React.createElement("h2", null, "Resources"), /* @__PURE__ */ React.createElement("ul", null, /* @__PURE__ */ React.createElement("li", null, /* @__PURE__ */ React.createElement(
+    "a",
+    {
+      target: "_blank",
+      rel: "norefferer noopener",
+      href: "https://shopify.dev/custom-storefronts/hydrogen"
+    },
+    "Hydrogen docs"
+  )), /* @__PURE__ */ React.createElement("li", null, /* @__PURE__ */ React.createElement(
+    "a",
+    {
+      target: "_blank",
+      rel: "norefferer noopener",
+      href: "https://shopify.dev/custom-storefronts/hydrogen/project-structure"
+    },
+    "Remix and project structure"
+  )), /* @__PURE__ */ React.createElement("li", null, /* @__PURE__ */ React.createElement(
+    "a",
+    {
+      target: "_blank",
+      rel: "norefferer noopener",
+      href: "https://shopify.dev/custom-storefronts/hydrogen/data-fetching/fetch-data"
+    },
+    "Data queries and fetching"
+  )))));
 }
 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>
-  </>;
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("header", null, /* @__PURE__ */ React.createElement("h1", null, shopName?.toUpperCase()), /* @__PURE__ */ React.createElement("p", null, "\xA0Dev Mode\xA0"), /* @__PURE__ */ React.createElement("nav", null, /* @__PURE__ */ React.createElement(
+    "a",
+    {
+      target: "_blank",
+      rel: "norefferer noopener",
+      href: "https://discord.com/invite/shopifydevs"
+    },
+    /* @__PURE__ */ React.createElement(IconDiscord, null)
+  ), /* @__PURE__ */ React.createElement(
+    "a",
+    {
+      target: "_blank",
+      rel: "norefferer noopener",
+      href: "https://github.com/Shopify/hydrogen"
+    },
+    /* @__PURE__ */ React.createElement(IconGithub, null)
+  ), /* @__PURE__ */ React.createElement(
+    "a",
+    {
+      target: "_blank",
+      rel: "norefferer noopener",
+      href: "https://twitter.com/shopifydevs?lang=en"
+    },
+    /* @__PURE__ */ React.createElement(IconTwitter, null)
+  ))), /* @__PURE__ */ React.createElement("main", null, children), /* @__PURE__ */ React.createElement("footer", null, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
+    "a",
+    {
+      href: "https://shopify.com",
+      target: "_blank",
+      rel: "noreferrer noopener"
+    },
+    "Powered by Shopify"
+  ))));
 }
 const LAYOUT_QUERY = `#graphql
   query layout {

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

@@ -15,21 +15,13 @@ const links = () => {
   ];
 };
 function App() {
-  return <html lang="en">
-    <head>
-      <meta charSet="utf-8" />
-      <meta name="viewport" content="width=device-width,initial-scale=1" />
-      <title>Hydrogen</title>
-      <meta name="description" content="A custom storefront powered by Hydrogen" />
-      <Meta />
-      <Links />
-    </head>
-    <body>
-      <Layout><Outlet /></Layout>
-      <ScrollRestoration />
-      <Scripts />
-    </body>
-  </html>;
+  return /* @__PURE__ */ React.createElement("html", { lang: "en" }, /* @__PURE__ */ React.createElement("head", null, /* @__PURE__ */ React.createElement("meta", { charSet: "utf-8" }), /* @__PURE__ */ React.createElement("meta", { name: "viewport", content: "width=device-width,initial-scale=1" }), /* @__PURE__ */ React.createElement("title", null, "Hydrogen"), /* @__PURE__ */ React.createElement(
+    "meta",
+    {
+      name: "description",
+      content: "A custom storefront powered by Hydrogen"
+    }
+  ), /* @__PURE__ */ React.createElement(Meta, null), /* @__PURE__ */ React.createElement(Links, null)), /* @__PURE__ */ React.createElement("body", null, /* @__PURE__ */ React.createElement(Layout, null, /* @__PURE__ */ React.createElement(Outlet, null)), /* @__PURE__ */ React.createElement(ScrollRestoration, null), /* @__PURE__ */ React.createElement(Scripts, null)));
 }
 export {
   App as default,

package/oclif.manifest.json

@@ -1,5 +1,5 @@
 {
-  "version": "5.1.2",
+  "version": "5.2.0",
   "commands": {
     "hydrogen:build": {
       "id": "hydrogen:build",

package/package.json

@@ -4,12 +4,12 @@
     "access": "public",
     "@shopify:registry": "https://registry.npmjs.org"
   },
-  "version": "5.1.2",
+  "version": "5.2.0",
   "license": "MIT",
   "type": "module",
   "scripts": {
-    "build": "rm -rf dist && tsup --config ./tsup.config.ts && node scripts/build-check.mjs",
-    "dev": "tsup --watch --config ./tsup.config.ts",
+    "build": "tsup && node scripts/build-check.mjs",
+    "dev": "tsup --watch",
     "typecheck": "tsc --noEmit",
     "generate:manifest": "node scripts/generate-manifest.mjs",
     "test": "cross-env SHOPIFY_UNIT_TEST=1 vitest run --test-timeout=15000",
@@ -28,21 +28,22 @@
   },
   "peerDependencies": {
     "@remix-run/react": "1.19.1",
-    "@shopify/hydrogen-react": "^2023.7.1",
+    "@shopify/hydrogen-react": "^2023.7.2",
     "@shopify/remix-oxygen": "^1.1.3"
   },
   "dependencies": {
-    "@ast-grep/napi": "^0.5.3",
+    "@ast-grep/napi": "0.11.0",
     "@graphql-codegen/cli": "3.3.1",
     "@oclif/core": "2.8.11",
     "@remix-run/dev": "1.19.1",
     "@shopify/cli-kit": "3.48.0",
     "@shopify/hydrogen-codegen": "^0.0.2",
-    "@shopify/mini-oxygen": "^1.7.0",
+    "@shopify/mini-oxygen": "^2.1.1",
     "ansi-escapes": "^6.2.0",
     "diff": "^5.1.0",
     "fast-glob": "^3.2.12",
     "fs-extra": "^11.1.0",
+    "get-port": "^7.0.0",
     "gunzip-maybe": "^1.4.2",
     "prettier": "^2.8.4",
     "recursive-readdir": "^2.2.3",