@shopify/cli-hydrogen 4.0.0-alpha.1 → 4.0.0-alpha.2

package/dist/templates/hello-world/dist/client/build/manifest-7F090344.js

@@ -0,0 +1 @@
+window.__remixManifest={"version":"7f090344","entry":{"module":"/build/entry.client-AX7FWGNS.js","imports":["/build/_shared/chunk-P5MXKSMH.js","/build/_shared/chunk-UFW4O55J.js"]},"routes":{"root":{"id":"root","path":"","module":"/build/root-IVDOAS2B.js","hasAction":false,"hasLoader":true,"hasCatchBoundary":false,"hasErrorBoundary":false},"routes/index":{"id":"routes/index","parentId":"root","index":true,"module":"/build/routes/index-TUNWZ4RV.js","hasAction":false,"hasLoader":false,"hasCatchBoundary":false,"hasErrorBoundary":false}},"url":"/build/manifest-7F090344.js"};

package/dist/templates/hello-world/dist/client/build/root-IVDOAS2B.js

@@ -0,0 +1,2 @@
+import{a as s,b as m,c as u,d as c,e as d,g as p}from"/build/_shared/chunk-P5MXKSMH.js";import{b as o,d as r}from"/build/_shared/chunk-UFW4O55J.js";var a=o(r());function l({children:e,title:n,description:i}){return(0,a.jsxs)("div",{className:"Layout",children:[(0,a.jsx)("h1",{children:n}),(0,a.jsx)("h2",{children:i}),e]})}var y="/build/_assets/app-2MJQXVFI.css";var h="/build/_assets/favicon-5FIZBM2K.svg";var t=o(r()),F=()=>[{rel:"stylesheet",href:y},{rel:"preconnect",href:"https://cdn.shopify.com"},{rel:"preconnect",href:"https://shop.app"},{rel:"icon",type:"image/svg+xml",href:h}],L=e=>({charset:"utf-8",viewport:"width=device-width,initial-scale=1"});function f(){let e=d(),{name:n,description:i}=e.layout.shop;return(0,t.jsxs)("html",{lang:"en",children:[(0,t.jsxs)("head",{children:[(0,t.jsx)(u,{}),(0,t.jsx)(m,{})]}),(0,t.jsxs)("body",{children:[(0,t.jsx)(l,{description:i,title:n,children:(0,t.jsx)(s,{})}),(0,t.jsx)(p,{}),(0,t.jsx)(c,{})]})]})}export{f as default,F as links,L as meta};
+//# sourceMappingURL=/build/root-IVDOAS2B.js.map

package/dist/templates/hello-world/dist/client/build/root-IVDOAS2B.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../app/components/Layout.tsx", "../../../app/root.tsx"],
+  "sourcesContent": ["interface LayoutProps {\n  children?: React.ReactNode;\n  title?: string;\n  description?: string | null;\n}\n\nexport function Layout({children, title, description}: LayoutProps) {\n  return (\n    <div className=\"Layout\">\n      <h1>{title}</h1>\n      <h2>{description}</h2>\n      {children}\n    </div>\n  );\n}\n", "import {\n  defer,\n  type LinksFunction,\n  type MetaFunction,\n  type LoaderArgs,\n} from '@shopify/remix-oxygen';\nimport {\n  Links,\n  Meta,\n  Outlet,\n  Scripts,\n  ScrollRestoration,\n  useLoaderData,\n} from '@remix-run/react';\nimport {Cart, Shop} from '@shopify/hydrogen-react/storefront-api-types';\nimport {Layout} from '~/components';\nimport styles from './styles/app.css';\nimport favicon from '../public/favicon.svg';\n\nexport const links: LinksFunction = () => {\n  return [\n    {rel: 'stylesheet', href: styles},\n    {\n      rel: 'preconnect',\n      href: 'https://cdn.shopify.com',\n    },\n    {\n      rel: 'preconnect',\n      href: 'https://shop.app',\n    },\n    {rel: 'icon', type: 'image/svg+xml', href: favicon},\n  ];\n};\n\nexport const meta: MetaFunction = (data) => ({\n  charset: 'utf-8',\n  viewport: 'width=device-width,initial-scale=1',\n});\n\nexport async function loader({context, request}: LoaderArgs) {\n  const cartId = await context.session.get('cartId');\n\n  const [cart, layout] = await Promise.all([\n    cartId\n      ? (\n          await context.storefront.query<{cart: Cart}>(CART_QUERY, {\n            variables: {\n              cartId,\n              /**\n              Country and language properties are automatically injected\n              into all queries. Passing them is unnecessary unless you\n              want to override them from the following default:\n              */\n              country: context.storefront.i18n?.country,\n              language: context.storefront.i18n?.language,\n            },\n            cache: context.storefront.CacheNone(),\n          })\n        ).cart\n      : null,\n    await context.storefront.query<{shop: Shop}>(LAYOUT_QUERY),\n  ]);\n\n  return defer({\n    cart,\n    layout,\n  });\n}\n\nexport default function App() {\n  const data = useLoaderData<typeof loader>();\n\n  const {name, description} = data.layout.shop;\n\n  return (\n    <html lang=\"en\">\n      <head>\n        <Meta />\n        <Links />\n      </head>\n      <body>\n        <Layout description={description} title={name}>\n          <Outlet />\n        </Layout>\n        <ScrollRestoration />\n        <Scripts />\n      </body>\n    </html>\n  );\n}\n\nconst CART_QUERY = `#graphql\n  query CartQuery($cartId: ID!) {\n    cart(id: $cartId) {\n      ...CartFragment\n    }\n  }\n\n  fragment CartFragment on Cart {\n    id\n    checkoutUrl\n    totalQuantity\n    buyerIdentity {\n      countryCode\n      customer {\n        id\n        email\n        firstName\n        lastName\n        displayName\n      }\n      email\n      phone\n    }\n    lines(first: 100) {\n      edges {\n        node {\n          id\n          quantity\n          attributes {\n            key\n            value\n          }\n          cost {\n            totalAmount {\n              amount\n              currencyCode\n            }\n            amountPerQuantity {\n              amount\n              currencyCode\n            }\n            compareAtAmountPerQuantity {\n              amount\n              currencyCode\n            }\n          }\n          merchandise {\n            ... on ProductVariant {\n              id\n              availableForSale\n              compareAtPrice {\n                ...MoneyFragment\n              }\n              price {\n                ...MoneyFragment\n              }\n              requiresShipping\n              title\n              image {\n                ...ImageFragment\n              }\n              product {\n                handle\n                title\n                id\n              }\n              selectedOptions {\n                name\n                value\n              }\n            }\n          }\n        }\n      }\n    }\n    cost {\n      subtotalAmount {\n        ...MoneyFragment\n      }\n      totalAmount {\n        ...MoneyFragment\n      }\n      totalDutyAmount {\n        ...MoneyFragment\n      }\n      totalTaxAmount {\n        ...MoneyFragment\n      }\n    }\n    note\n    attributes {\n      key\n      value\n    }\n    discountCodes {\n      code\n    }\n  }\n\n  fragment MoneyFragment on MoneyV2 {\n    currencyCode\n    amount\n  }\n\n  fragment ImageFragment on Image {\n    id\n    url\n    altText\n    width\n    height\n  }\n`;\n\nconst LAYOUT_QUERY = `#graphql\n  query layout {\n    shop {\n      name\n      description\n    }\n  }\n`;\n"],
+  "mappings": "oJAAA,IAAAA,EAAA,OAMO,SAASC,EAAO,CAAC,SAAAC,EAAU,MAAAC,EAAO,YAAAC,CAAW,EAAgB,CAClE,SACE,QAAC,OAAI,UAAU,SACb,oBAAC,MAAI,SAAAD,EAAM,KACX,OAAC,MAAI,SAAAC,EAAY,EAChBF,GACH,CAEJ,qFCdA,IAAAG,EAAA,OAmBaC,EAAuB,IAC3B,CACL,CAAC,IAAK,aAAc,KAAMC,CAAM,EAChC,CACE,IAAK,aACL,KAAM,yBACR,EACA,CACE,IAAK,aACL,KAAM,kBACR,EACA,CAAC,IAAK,OAAQ,KAAM,gBAAiB,KAAMC,CAAO,CACpD,EAGWC,EAAsBC,IAAU,CAC3C,QAAS,QACT,SAAU,oCACZ,GAgCe,SAARC,GAAuB,CAC5B,IAAMC,EAAOC,EAA6B,EAEpC,CAAC,KAAAC,EAAM,YAAAC,CAAW,EAAIH,EAAK,OAAO,KAExC,SACE,QAAC,QAAK,KAAK,KACT,qBAAC,QACC,oBAACI,EAAA,EAAK,KACN,OAACC,EAAA,EAAM,GACT,KACA,QAAC,QACC,oBAACC,EAAA,CAAO,YAAaH,EAAa,MAAOD,EACvC,mBAACK,EAAA,EAAO,EACV,KACA,OAACC,EAAA,EAAkB,KACnB,OAACC,EAAA,EAAQ,GACX,GACF,CAEJ",
+  "names": ["import_jsx_runtime", "Layout", "children", "title", "description", "import_jsx_runtime", "links", "app_default", "favicon_default", "meta", "data", "App", "data", "useLoaderData", "name", "description", "Meta", "Links", "Layout", "Outlet", "ScrollRestoration", "Scripts"]
+}

package/dist/templates/hello-world/dist/client/build/routes/index-TUNWZ4RV.js

@@ -0,0 +1,2 @@
+import{b as t,d as o}from"/build/_shared/chunk-UFW4O55J.js";var e=t(o());function p(){return(0,e.jsxs)("p",{children:["Edit this route in ",(0,e.jsx)("em",{children:"app/routes/index.tsx"}),"."]})}export{p as default};
+//# sourceMappingURL=/build/routes/index-TUNWZ4RV.js.map

package/dist/templates/hello-world/dist/client/build/routes/index-TUNWZ4RV.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../app/routes/index.tsx"],
+  "sourcesContent": ["export default function Index() {\n  return (\n    <p>\n      Edit this route in <em>app/routes/index.tsx</em>.\n    </p>\n  );\n}\n"],
+  "mappings": "4DAAA,IAAAA,EAAA,OAAe,SAARC,GAAyB,CAC9B,SACE,QAAC,KAAE,mCACkB,OAAC,MAAG,gCAAoB,EAAK,KAClD,CAEJ",
+  "names": ["import_jsx_runtime", "Index"]
+}

package/dist/templates/hello-world/dist/client/favicon.svg

@@ -0,0 +1,28 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none">
+  <style>
+    .stroke {
+      stroke: #000;
+    }
+    .fill {
+      fill: #000;
+    }
+    @media (prefers-color-scheme: dark) {
+      .stroke {
+        stroke: #fff;
+      }
+      .fill {
+        fill: #fff;
+      }
+    }
+  </style>
+  <path
+    class="stroke"
+    fill-rule="evenodd"
+    d="M16.1 16.04 1 8.02 6.16 5.3l5.82 3.09 4.88-2.57-5.82-3.1L16.21 0l15.1 8.02-5.17 2.72-5.5-2.91-4.88 2.57 5.5 2.92-5.16 2.72Z"
+  />
+  <path
+    class="fill"
+    fill-rule="evenodd"
+    d="M16.1 32 1 23.98l5.16-2.72 5.82 3.08 4.88-2.57-5.82-3.08 5.17-2.73 15.1 8.02-5.17 2.72-5.5-2.92-4.88 2.58 5.5 2.92L16.1 32Z"
+  />
+</svg>

package/dist/templates/hello-world/dist/worker/_assets/app-2MJQXVFI.css

@@ -0,0 +1,38 @@
+body {
+  padding: 0;
+  margin: 0;
+  background: rgb(245, 245, 241);
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+    Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+}
+
+h1,
+h2,
+p {
+  margin: 0;
+  padding: 0;
+}
+
+h1 {
+  font-size: 1.6rem;
+  font-weight: 700;
+  margin-bottom: 1rem;
+  line-height: 1.4;
+}
+
+h2 {
+  font-size: 1.2rem;
+  font-weight: 700;
+  margin-bottom: 1rem;
+  line-height: 1.4;
+}
+
+p {
+  font-size: 1rem;
+  line-height: 1.4;
+}
+
+.Layout {
+  padding: 2rem;
+  max-width: 25rem;
+}

package/dist/templates/hello-world/dist/worker/_assets/favicon-5FIZBM2K.svg

@@ -0,0 +1,28 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none">
+  <style>
+    .stroke {
+      stroke: #000;
+    }
+    .fill {
+      fill: #000;
+    }
+    @media (prefers-color-scheme: dark) {
+      .stroke {
+        stroke: #fff;
+      }
+      .fill {
+        fill: #fff;
+      }
+    }
+  </style>
+  <path
+    class="stroke"
+    fill-rule="evenodd"
+    d="M16.1 16.04 1 8.02 6.16 5.3l5.82 3.09 4.88-2.57-5.82-3.1L16.21 0l15.1 8.02-5.17 2.72-5.5-2.91-4.88 2.57 5.5 2.92-5.16 2.72Z"
+  />
+  <path
+    class="fill"
+    fill-rule="evenodd"
+    d="M16.1 32 1 23.98l5.16-2.72 5.82 3.08 4.88-2.57-5.82-3.08 5.17-2.73 15.1 8.02-5.17 2.72-5.5-2.92-4.88 2.58 5.5 2.92L16.1 32Z"
+  />
+</svg>