npm - @shopify/hydrogen - Versions diffs - 1.6.4 → 2.0.0-alpha.1 - Mend

@shopify/hydrogen 1.6.4 → 2.0.0-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (645) hide show

package/dist/{node/framework → build}/graphiql.js RENAMED Viewed

@@ -1,8 +1,18 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.graphiqlHtml = void 0;
-function graphiqlHtml(shop, token, apiVersion) {
-    return `
+export function loader({context} = {}) {
+  if (!context?.storefront) {
+    throw new Error(
+      `GraphiQL: Hydrogen's storefront client must be injected in the loader context.`,
+    );
+  }
+  const url = context.storefront.getApiUrl();
+  const accessToken =
+    context.storefront.getPublicTokenHeaders()[
+      'X-Shopify-Storefront-Access-Token'
+    ];
+  return new Response(
+    `
 <!DOCTYPE html>
 <html>
 <head>
@@ -17,22 +27,23 @@ function graphiqlHtml(shop, token, apiVersion) {
   <div id="root"></div>
   <script>window.addEventListener('load', function (event) {
     GraphQLPlayground.init(document.getElementById('root'), {
-      endpoint:'https://${shop}/api/${apiVersion}/graphql.json',
+      endpoint: '${url}',
       settings:{
         'request.globalHeaders': {
           Accept: 'application/json',
           'Content-Type': 'application/graphql',
-          'X-Shopify-Storefront-Access-Token': '${token}'
+          'X-Shopify-Storefront-Access-Token': '${accessToken}'
         }
       },
       tabs: [{
-        endpoint: 'https://${shop}/api/${apiVersion}/graphql.json',
+        endpoint: '${url}',
         query: '{ shop { name } }'
       }]
     })
   })</script>
 </body>
 </html>
-`;
+  `,
+    {status: 200, headers: {'content-type': 'text/html'}},
+  );
 }
-exports.graphiqlHtml = graphiqlHtml;

package/dist/build/index.cjs ADDED Viewed

@@ -0,0 +1,133 @@
+'use strict';
+var fs = require('fs');
+var readDir = require('recursive-readdir');
+var path = require('path');
+var module$1 = require('module');
+// src/routing/routes.ts
+async function hydrogenRoutes(defineRoutes, options = {}) {
+  const require2 = module$1.createRequire((typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('out.js', document.baseURI).href)));
+  await copyTemplates(require2);
+  const hydrogenRoutesPath = path.resolve(process.cwd(), ".hydrogen/routes");
+  const hydrogenRouteFiles = await readDir(hydrogenRoutesPath);
+  return defineRoutes((route) => {
+    if (options.graphiql) {
+      const graphiqlPath = path.join(
+        getHydrogenPkgPath(require2),
+        "dist",
+        "build",
+        "graphiql.js"
+      );
+      route(
+        "/graphiql",
+        path.relative(path.join(process.cwd(), "app"), graphiqlPath)
+      );
+    }
+    for (const hydrogenRoute of hydrogenRouteFiles) {
+      const routeFilePath = path.relative(process.cwd(), hydrogenRoute);
+      const routeUrlPath = createRoutePath(
+        path.relative(hydrogenRoutesPath, routeFilePath)
+      );
+      route(routeUrlPath, "../" + routeFilePath);
+    }
+  });
+}
+async function copyTemplates(require2) {
+  const isTs = isTSProject(require2);
+  const pkgPath = getHydrogenPkgPath(require2);
+  const templateDirectory = path.resolve(
+    pkgPath,
+    isTs ? "src" : "dist",
+    "templates"
+  );
+  const templates = await readDir(templateDirectory);
+  const hydrogenDirectory = path.resolve(process.cwd(), ".hydrogen");
+  fs.rmSync(hydrogenDirectory, { recursive: true, force: true });
+  for (const template of templates) {
+    const destination = path.resolve(
+      hydrogenDirectory,
+      path.relative(templateDirectory, path.dirname(template)),
+      path.basename(template)
+    );
+    fs.mkdirSync(path.dirname(destination), { recursive: true });
+    fs.copyFileSync(template, destination);
+  }
+}
+function createRoutePath(partialRouteId) {
+  partialRouteId = partialRouteId.substring(0, partialRouteId.lastIndexOf("."));
+  let escapeStart = "[";
+  let escapeEnd = "]";
+  let result = "";
+  let rawSegmentBuffer = "";
+  let inEscapeSequence = 0;
+  let skipSegment = false;
+  for (let i = 0; i < partialRouteId.length; i++) {
+    let isNewEscapeSequence2 = function() {
+      return !inEscapeSequence && char === escapeStart && lastChar !== escapeStart;
+    }, isCloseEscapeSequence2 = function() {
+      return inEscapeSequence && char === escapeEnd && nextChar !== escapeEnd;
+    }, isStartOfLayoutSegment2 = function() {
+      return char === "_" && nextChar === "_" && !rawSegmentBuffer;
+    };
+    let char = partialRouteId.charAt(i);
+    let lastChar = i > 0 ? partialRouteId.charAt(i - 1) : void 0;
+    let nextChar = i < partialRouteId.length - 1 ? partialRouteId.charAt(i + 1) : void 0;
+    if (skipSegment) {
+      if (char === "/" || char === "." || char === path.win32.sep) {
+        skipSegment = false;
+      }
+      continue;
+    }
+    if (isNewEscapeSequence2()) {
+      inEscapeSequence++;
+      continue;
+    }
+    if (isCloseEscapeSequence2()) {
+      inEscapeSequence--;
+      continue;
+    }
+    if (inEscapeSequence) {
+      result += char;
+      continue;
+    }
+    if (char === "/" || char === path.win32.sep || char === ".") {
+      if (rawSegmentBuffer === "index" && result.endsWith("index")) {
+        result = result.replace(/\/?index$/, "");
+      } else {
+        result += "/";
+      }
+      rawSegmentBuffer = "";
+      continue;
+    }
+    if (isStartOfLayoutSegment2()) {
+      skipSegment = true;
+      continue;
+    }
+    rawSegmentBuffer += char;
+    if (char === "$") {
+      result += typeof nextChar === "undefined" ? "*" : ":";
+      continue;
+    }
+    result += char;
+  }
+  if (rawSegmentBuffer === "index" && result.endsWith("index")) {
+    result = result.replace(/\/?index$/, "");
+  }
+  return result || void 0;
+}
+function isTSProject(require2) {
+  try {
+    require2.resolve(path.resolve(process.cwd(), "tsconfig.json"));
+    return true;
+  } catch {
+    return false;
+  }
+}
+function getHydrogenPkgPath(require2) {
+  return path.dirname(require2.resolve("@shopify/hydrogen/package.json"));
+}
+exports.hydrogenRoutes = hydrogenRoutes;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.cjs.map

package/dist/build/index.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../src/routing/routes.ts"],"names":["require","isNewEscapeSequence","isCloseEscapeSequence","isStartOfLayoutSegment"],"mappings":"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","sourcesContent":["import fs from 'fs';\nimport readDir from 'recursive-readdir';\nimport path from 'path';\nimport {createRequire} from 'module';\n\nexport type HydrogenRouteOptions = {graphiql?: boolean};\n\nexport async function hydrogenRoutes(\n defineRoutes: any,\n options: HydrogenRouteOptions = {},\n) {\n const require = createRequire(import.meta.url);\n await copyTemplates(require);\n\n const hydrogenRoutesPath = path.resolve(process.cwd(), '.hydrogen/routes');\n const hydrogenRouteFiles = await readDir(hydrogenRoutesPath);\n return defineRoutes((route: any) => {\n if (options.graphiql) {\n const graphiqlPath = path.join(\n getHydrogenPkgPath(require),\n 'dist',\n 'build',\n 'graphiql.js',\n );\n\n route(\n '/graphiql',\n path.relative(path.join(process.cwd(), 'app'), graphiqlPath),\n );\n }\n\n for (const hydrogenRoute of hydrogenRouteFiles) {\n const routeFilePath = path.relative(process.cwd(), hydrogenRoute);\n\n const routeUrlPath = createRoutePath(\n path.relative(hydrogenRoutesPath, routeFilePath),\n );\n\n route(routeUrlPath, '../' + routeFilePath);\n }\n });\n}\n\nasync function copyTemplates(require: NodeRequire) {\n const isTs = isTSProject(require);\n const pkgPath = getHydrogenPkgPath(require);\n\n const templateDirectory = path.resolve(\n pkgPath,\n isTs ? 'src' : 'dist',\n 'templates',\n );\n\n const templates = await readDir(templateDirectory);\n const hydrogenDirectory = path.resolve(process.cwd(), '.hydrogen');\n\n fs.rmSync(hydrogenDirectory, {recursive: true, force: true});\n\n for (const template of templates) {\n const destination = path.resolve(\n hydrogenDirectory,\n path.relative(templateDirectory, path.dirname(template)),\n path.basename(template),\n );\n\n fs.mkdirSync(path.dirname(destination), {recursive: true});\n fs.copyFileSync(template, destination);\n }\n}\n\n/**\n * Generate a URL path based on remix file conventions. This is copied from:\n * https://github.com/remix-run/remix/blob/09296128ca2f2d5e8932c631e777fbe8baaa192d/packages/remix-dev/config/routesConvention.ts#L116\n */\nfunction createRoutePath(partialRouteId: string): string | undefined {\n // remove file extension\n partialRouteId = partialRouteId.substring(0, partialRouteId.lastIndexOf('.'));\n let escapeStart = '[';\n let escapeEnd = ']';\n let result = '';\n let rawSegmentBuffer = '';\n\n let inEscapeSequence = 0;\n let skipSegment = false;\n for (let i = 0; i < partialRouteId.length; i++) {\n let char = partialRouteId.charAt(i);\n let lastChar = i > 0 ? partialRouteId.charAt(i - 1) : undefined;\n let nextChar =\n i < partialRouteId.length - 1 ? partialRouteId.charAt(i + 1) : undefined;\n\n function isNewEscapeSequence() {\n return (\n !inEscapeSequence && char === escapeStart && lastChar !== escapeStart\n );\n }\n\n function isCloseEscapeSequence() {\n return inEscapeSequence && char === escapeEnd && nextChar !== escapeEnd;\n }\n\n function isStartOfLayoutSegment() {\n return char === '_' && nextChar === '_' && !rawSegmentBuffer;\n }\n\n if (skipSegment) {\n if (char === '/' || char === '.' || char === path.win32.sep) {\n skipSegment = false;\n }\n continue;\n }\n\n if (isNewEscapeSequence()) {\n inEscapeSequence++;\n continue;\n }\n\n if (isCloseEscapeSequence()) {\n inEscapeSequence--;\n continue;\n }\n\n if (inEscapeSequence) {\n result += char;\n continue;\n }\n\n if (char === '/' || char === path.win32.sep || char === '.') {\n if (rawSegmentBuffer === 'index' && result.endsWith('index')) {\n result = result.replace(/\\/?index$/, '');\n } else {\n result += '/';\n }\n rawSegmentBuffer = '';\n continue;\n }\n\n if (isStartOfLayoutSegment()) {\n skipSegment = true;\n continue;\n }\n\n rawSegmentBuffer += char;\n\n if (char === '$') {\n result += typeof nextChar === 'undefined' ? '*' : ':';\n continue;\n }\n\n result += char;\n }\n\n if (rawSegmentBuffer === 'index' && result.endsWith('index')) {\n result = result.replace(/\\/?index$/, '');\n }\n\n return result || undefined;\n}\n\nfunction isTSProject(require: NodeRequire) {\n try {\n require.resolve(path.resolve(process.cwd(), 'tsconfig.json'));\n return true;\n } catch {\n return false;\n }\n}\n\nfunction getHydrogenPkgPath(require: NodeRequire) {\n return path.dirname(require.resolve('@shopify/hydrogen/package.json'));\n}\n"]}

package/dist/build/index.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+type HydrogenRouteOptions = {
+    graphiql?: boolean;
+};
+declare function hydrogenRoutes(defineRoutes: any, options?: HydrogenRouteOptions): Promise<any>;
+export { hydrogenRoutes };

package/dist/build/index.js ADDED Viewed

@@ -0,0 +1,131 @@
+import fs from 'fs';
+import readDir from 'recursive-readdir';
+import path from 'path';
+import { createRequire } from 'module';
+// src/routing/routes.ts
+async function hydrogenRoutes(defineRoutes, options = {}) {
+  const require2 = createRequire(import.meta.url);
+  await copyTemplates(require2);
+  const hydrogenRoutesPath = path.resolve(process.cwd(), ".hydrogen/routes");
+  const hydrogenRouteFiles = await readDir(hydrogenRoutesPath);
+  return defineRoutes((route) => {
+    if (options.graphiql) {
+      const graphiqlPath = path.join(
+        getHydrogenPkgPath(require2),
+        "dist",
+        "build",
+        "graphiql.js"
+      );
+      route(
+        "/graphiql",
+        path.relative(path.join(process.cwd(), "app"), graphiqlPath)
+      );
+    }
+    for (const hydrogenRoute of hydrogenRouteFiles) {
+      const routeFilePath = path.relative(process.cwd(), hydrogenRoute);
+      const routeUrlPath = createRoutePath(
+        path.relative(hydrogenRoutesPath, routeFilePath)
+      );
+      route(routeUrlPath, "../" + routeFilePath);
+    }
+  });
+}
+async function copyTemplates(require2) {
+  const isTs = isTSProject(require2);
+  const pkgPath = getHydrogenPkgPath(require2);
+  const templateDirectory = path.resolve(
+    pkgPath,
+    isTs ? "src" : "dist",
+    "templates"
+  );
+  const templates = await readDir(templateDirectory);
+  const hydrogenDirectory = path.resolve(process.cwd(), ".hydrogen");
+  fs.rmSync(hydrogenDirectory, { recursive: true, force: true });
+  for (const template of templates) {
+    const destination = path.resolve(
+      hydrogenDirectory,
+      path.relative(templateDirectory, path.dirname(template)),
+      path.basename(template)
+    );
+    fs.mkdirSync(path.dirname(destination), { recursive: true });
+    fs.copyFileSync(template, destination);
+  }
+}
+function createRoutePath(partialRouteId) {
+  partialRouteId = partialRouteId.substring(0, partialRouteId.lastIndexOf("."));
+  let escapeStart = "[";
+  let escapeEnd = "]";
+  let result = "";
+  let rawSegmentBuffer = "";
+  let inEscapeSequence = 0;
+  let skipSegment = false;
+  for (let i = 0; i < partialRouteId.length; i++) {
+    let isNewEscapeSequence2 = function() {
+      return !inEscapeSequence && char === escapeStart && lastChar !== escapeStart;
+    }, isCloseEscapeSequence2 = function() {
+      return inEscapeSequence && char === escapeEnd && nextChar !== escapeEnd;
+    }, isStartOfLayoutSegment2 = function() {
+      return char === "_" && nextChar === "_" && !rawSegmentBuffer;
+    };
+    let char = partialRouteId.charAt(i);
+    let lastChar = i > 0 ? partialRouteId.charAt(i - 1) : void 0;
+    let nextChar = i < partialRouteId.length - 1 ? partialRouteId.charAt(i + 1) : void 0;
+    if (skipSegment) {
+      if (char === "/" || char === "." || char === path.win32.sep) {
+        skipSegment = false;
+      }
+      continue;
+    }
+    if (isNewEscapeSequence2()) {
+      inEscapeSequence++;
+      continue;
+    }
+    if (isCloseEscapeSequence2()) {
+      inEscapeSequence--;
+      continue;
+    }
+    if (inEscapeSequence) {
+      result += char;
+      continue;
+    }
+    if (char === "/" || char === path.win32.sep || char === ".") {
+      if (rawSegmentBuffer === "index" && result.endsWith("index")) {
+        result = result.replace(/\/?index$/, "");
+      } else {
+        result += "/";
+      }
+      rawSegmentBuffer = "";
+      continue;
+    }
+    if (isStartOfLayoutSegment2()) {
+      skipSegment = true;
+      continue;
+    }
+    rawSegmentBuffer += char;
+    if (char === "$") {
+      result += typeof nextChar === "undefined" ? "*" : ":";
+      continue;
+    }
+    result += char;
+  }
+  if (rawSegmentBuffer === "index" && result.endsWith("index")) {
+    result = result.replace(/\/?index$/, "");
+  }
+  return result || void 0;
+}
+function isTSProject(require2) {
+  try {
+    require2.resolve(path.resolve(process.cwd(), "tsconfig.json"));
+    return true;
+  } catch {
+    return false;
+  }
+}
+function getHydrogenPkgPath(require2) {
+  return path.dirname(require2.resolve("@shopify/hydrogen/package.json"));
+}
+export { hydrogenRoutes };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/build/index.js.map ADDED Viewed

@@ -0,0 +1 @@