@shopify/hydrogen 0.13.2 → 0.16.0

package/vendor/react-server-dom-vite/esm/react-server-dom-vite-client-proxy.js

@@ -8,18 +8,38 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { createElement } from 'react';
+import { useState } from 'react';
 
-// eslint-disable-next-line no-unused-vars
+// Store of components discovered during RSC to load
+// them later when consuming the response in SSR.
+globalThis.__COMPONENT_INDEX = {}; // Store to get module references for long strings
+// when rendering in RSC (strings cannot be wrapped Proxy).
 
-/*global globalThis*/
-// This is a store of components discovered during RSC
-// to load them later when consuming the response in SSR.
-globalThis.__COMPONENT_INDEX = {};
+globalThis.__STRING_REFERENCE_INDEX = {};
+var MODULE_TAG = Symbol.for('react.module.reference');
+var STRING_SIZE_LIMIT = 64;
+var FN_RSC_ERROR = 'Functions exported from client components cannot be called or used as constructors from a server component.'; // TODO what's a better way to detect Flight runtime?
 
-function isReactComponent(component, name, isNamed) {
-  if (!component) return false;
-  return typeof component === 'function' && (!isNamed || /^[A-Z]/.test(name)) || typeof component.render === 'function' || component.$$typeof === Symbol.for('react.element');
+function isRsc() {
+  try {
+    useState();
+    return false;
+  } catch (error) {
+    return error.message.endsWith('Server Components.');
+  }
+}
+
+function createModuleReference(id, value, name, isDefault) {
+  var moduleRef = Object.create(null);
+  moduleRef.$$typeof = MODULE_TAG;
+  moduleRef.filepath = id;
+  moduleRef.name = isDefault ? 'default' : name; // Store component in a global index during RSC to use it later in SSR
+
+  globalThis.__COMPONENT_INDEX[id] = Object.defineProperty(globalThis.__COMPONENT_INDEX[id] || Object.create(null), moduleRef.name, {
+    value: value,
+    writable: true
+  });
+  return moduleRef;
 } // A ClientProxy behaves as a module reference for the Flight
 // runtime (RSC) and as a real component for the Fizz runtime (SSR).
 // Note that this is not used in browser environments.
@@ -28,49 +48,39 @@ function isReactComponent(component, name, isNamed) {
 function wrapInClientProxy(_ref) {
   var id = _ref.id,
       name = _ref.name,
-      named = _ref.named,
-      component = _ref.component;
-
-  if (!isReactComponent(component, name, named)) {
-    // This is not a React component, do not wrap it.
-    return component;
-  }
+      isDefault = _ref.isDefault,
+      value = _ref.value;
+  var type = typeof value;
 
-  var render = function (props) {
-    return createElement(component, props);
-  };
-
-  Object.defineProperty(render, 'name', {
-    value: name
-  });
+  if (value === null || type !== 'object' && type !== 'function') {
+    if (type === 'string' && value.length >= STRING_SIZE_LIMIT) {
+      var _moduleRef = createModuleReference(id, value, name, isDefault);
 
-  {
-    render.displayName = name;
-  } // Fizz runtime accesses the `render` method directly when encountering a forward_ref
+      globalThis.__STRING_REFERENCE_INDEX[value] = _moduleRef;
+    }
 
+    return value;
+  }
 
-  var componentRef = Object.create(null);
-  componentRef.$$typeof = Symbol.for('react.forward_ref');
-  componentRef.render = render; // Flight runtime will check this custom typeof to decide wether this is a module ref
+  var moduleRef = createModuleReference(id, value, name, isDefault);
 
-  var moduleRef = Object.create(null);
-  moduleRef.$$typeof_rsc = Symbol.for('react.module.reference');
-  moduleRef.filepath = id;
-  moduleRef.name = named ? name : 'default'; // Store component in a global index during RSC to use them later in SSR
+  var get = function (target, prop, receiver) {
+    return Reflect.get(isRsc() ? moduleRef : target, prop, receiver);
+  };
 
-  globalThis.__COMPONENT_INDEX[id] = Object.defineProperty(globalThis.__COMPONENT_INDEX[id] || Object.create(null), moduleRef.name, {
-    value: component,
-    writable: true
-  });
-  return new Proxy(componentRef, {
-    get: function (target, prop) {
-      return (// 1. Let React access the element/ref and type in SSR
-        target[prop] || // 2. Check module properties for RSC requests
-        moduleRef[prop] || // 3. Fallback to custom component properties such as `ImageComponent.Fragment`
-        component[prop]
-      );
+  return new Proxy(value, type === 'object' ? {
+    get: get
+  } : {
+    get: get,
+    apply: function () {
+      if (isRsc()) throw new Error(FN_RSC_ERROR + (" Calling \"" + name + "\"."));
+      return Reflect.apply.apply(Reflect, arguments);
+    },
+    construct: function () {
+      if (isRsc()) throw new Error(FN_RSC_ERROR + (" Instantiating \"" + name + "\"."));
+      return Reflect.construct.apply(Reflect, arguments);
     }
   });
 }
 
-export { wrapInClientProxy };
+export { FN_RSC_ERROR, MODULE_TAG, STRING_SIZE_LIMIT, isRsc, wrapInClientProxy };

package/vendor/react-server-dom-vite/esm/react-server-dom-vite-plugin.js

@@ -78,25 +78,14 @@ function ReactFlightVitePlugin() {
         var CLIENT_COMPONENT_GLOB = '**/*.client.[jt]s?(x)';
         var importerPath = path.dirname(id);
         var importerToRootPath = normalizePath(path.relative(importerPath, config.root));
-
-        var _ref2 = importerToRootPath.match(/(\.\.\/)+(\.\.)?/) || [],
-            importerToRootNested = _ref2[0];
-
-        var userPrefix = path.normalize(path.join(importerPath, importerToRootNested.replace(/\/?$/, path.sep)));
         var userGlob = path.join(importerToRootPath, CLIENT_COMPONENT_GLOB);
-        var importers = [[userGlob, userPrefix]];
+        var importers = [userGlob];
         clientComponentPaths.forEach(function (componentPath) {
-          var libPrefix = componentPath + path.sep;
-          var libGlob = path.join(path.relative(importerPath, componentPath), CLIENT_COMPONENT_GLOB);
-          importers.push([libGlob, libPrefix]);
+          importers.push(path.join(path.relative(importerPath, componentPath), CLIENT_COMPONENT_GLOB));
         });
-        var injectedGlobs = "Object.assign(Object.create(null), " + importers.map(function (_ref3) {
-          var glob = _ref3[0],
-              prefix = _ref3[1];
+        var injectedGlobs = "Object.assign(Object.create(null), " + importers.map(function (glob) {
           return (// Mark the globs to modify the result after Vite resolves them.
-            // The prefix is used later to turn relative imports
-            // into absolute imports, and then into hashes.
-            "/* HASH_BEGIN " + normalizePath(prefix) + " */ " + ("import.meta.glob('" + normalizePath(glob) + "') /* HASH_END */")
+            "/* HASH_BEGIN */ " + ("import.meta.glob('" + normalizePath(glob) + "') /* HASH_END */")
           );
         }).join(', ') + ");";
         return code.replace(INJECTING_RE, injectedGlobs);
@@ -153,8 +142,8 @@ async function proxyClientComponent(filepath, src) {
   exportStatements.forEach(function (key) {
     var isDefault = key === DEFAULT_EXPORT;
     var componentName = isDefault ? getComponentFilename(filepath) : key;
-    proxyCode += "export " + (isDefault ? DEFAULT_EXPORT : "const " + componentName + " =") + " wrapInClientProxy({ name: '" + componentName + "', id: '" + getComponentId(filepath) + "', component: allImports['" + key + "'], named: " + // eslint-disable-next-line react-internal/safe-string-coercion
-    String(!isDefault) + " });\n";
+    proxyCode += "export " + (isDefault ? DEFAULT_EXPORT : "const " + componentName + " =") + " wrapInClientProxy({ name: '" + componentName + "', id: '" + getComponentId(filepath) + "', value: allImports['" + key + "'], isDefault: " + // eslint-disable-next-line react-internal/safe-string-coercion
+    String(isDefault) + " });\n";
   });
   return proxyCode;
 }
@@ -164,11 +153,10 @@ var hashImportsPlugin = {
   transform: function (code, id) {
     // Turn relative import paths to lossy hashes
     if (rscViteFileRE.test(id)) {
-      var nestedRE = /\.\.\//gm;
-      return code.replace(/\/\*\s*HASH_BEGIN\s*(.+?)\s*\*\/\s*([^]+?)\/\*\s*HASH_END\s*\*\//gm, function (_, prefix, imports) {
+      return code.replace(/\/\*\s*HASH_BEGIN\s*\*\/\s*([^]+?)\/\*\s*HASH_END\s*\*\//gm, function (_, imports) {
         return imports.trim().replace(/"([^"]+?)":/gm, function (__, relativePath) {
-          var absolutePath = prefix + relativePath.replace(nestedRE, '');
-          return "\"" + getComponentId(absolutePath) + "\":";
+          var absolutePath = path.resolve(path.dirname(id.split('?')[0]), relativePath);
+          return "\"" + getComponentId(normalizePath(absolutePath)) + "\":";
         });
       });
     }

package/vendor/react-server-dom-vite/esm/react-server-dom-vite-writer.browser.server.js

@@ -180,8 +180,9 @@ var MODULE_TAG = Symbol.for('react.module.reference');
 function getModuleKey(reference) {
   return reference.filepath + '#' + reference.name;
 }
-function isModuleReference(reference) {
-  return (reference.$$typeof_rsc || reference.$$typeof) === MODULE_TAG;
+function getModuleReference(reference) {
+  if (typeof reference === 'string') return globalThis.__STRING_REFERENCE_INDEX[reference];
+  return reference && reference.$$typeof === MODULE_TAG ? reference : undefined;
 }
 function resolveModuleMetaData(config, moduleReference) {
   return {
@@ -997,6 +998,11 @@ function attemptResolveElement(type, key, ref, props) {
     throw new Error('Refs cannot be used in server components, nor passed to client components.');
   }
 
+  if (getModuleReference(type)) {
+    // This is a reference to a client component.
+    return [REACT_ELEMENT_TYPE, type, key, props];
+  }
+
   if (typeof type === 'function') {
     // This is a server-side component.
     return type(props);
@@ -1016,11 +1022,6 @@ function attemptResolveElement(type, key, ref, props) {
 
     return [REACT_ELEMENT_TYPE, type, key, props];
   } else if (type != null && typeof type === 'object') {
-    if (isModuleReference(type)) {
-      // This is a reference to a client component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
-    }
-
     switch (type.$$typeof) {
       case REACT_LAZY_TYPE:
         {
@@ -1351,52 +1352,55 @@ function resolveModelToJSON(request, parent, key, value) {
     return null;
   }
 
-  if (typeof value === 'object') {
-    if (isModuleReference(value)) {
-      var moduleReference = value;
-      var moduleKey = getModuleKey(moduleReference);
-      var writtenModules = request.writtenModules;
-      var existingId = writtenModules.get(moduleKey);
-
-      if (existingId !== undefined) {
-        if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
-          // If we're encoding the "type" of an element, we can refer
-          // to that by a lazy reference instead of directly since React
-          // knows how to deal with lazy values. This lets us suspend
-          // on this component rather than its parent until the code has
-          // loaded.
-          return serializeByRefID(existingId);
-        }
+  var moduleReference = getModuleReference(value);
+
+  if (moduleReference) {
+    var moduleKey = getModuleKey(moduleReference);
+    var writtenModules = request.writtenModules;
+    var existingId = writtenModules.get(moduleKey);
+
+    if (existingId !== undefined) {
+      if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+        // If we're encoding the "type" of an element, we can refer
+        // to that by a lazy reference instead of directly since React
+        // knows how to deal with lazy values. This lets us suspend
+        // on this component rather than its parent until the code has
+        // loaded.
+        return serializeByRefID(existingId);
+      }
+
+      return serializeByValueID(existingId);
+    }
 
-        return serializeByValueID(existingId);
+    try {
+      var moduleMetaData = resolveModuleMetaData(request.bundlerConfig, moduleReference);
+      request.pendingChunks++;
+      var moduleId = request.nextChunkId++;
+      emitModuleChunk(request, moduleId, moduleMetaData);
+      writtenModules.set(moduleKey, moduleId);
+
+      if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+        // If we're encoding the "type" of an element, we can refer
+        // to that by a lazy reference instead of directly since React
+        // knows how to deal with lazy values. This lets us suspend
+        // on this component rather than its parent until the code has
+        // loaded.
+        return serializeByRefID(moduleId);
       }
 
-      try {
-        var moduleMetaData = resolveModuleMetaData(request.bundlerConfig, moduleReference);
-        request.pendingChunks++;
-        var moduleId = request.nextChunkId++;
-        emitModuleChunk(request, moduleId, moduleMetaData);
-        writtenModules.set(moduleKey, moduleId);
-
-        if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
-          // If we're encoding the "type" of an element, we can refer
-          // to that by a lazy reference instead of directly since React
-          // knows how to deal with lazy values. This lets us suspend
-          // on this component rather than its parent until the code has
-          // loaded.
-          return serializeByRefID(moduleId);
-        }
+      return serializeByValueID(moduleId);
+    } catch (x) {
+      request.pendingChunks++;
 
-        return serializeByValueID(moduleId);
-      } catch (x) {
-        request.pendingChunks++;
+      var _errorId = request.nextChunkId++;
 
-        var _errorId = request.nextChunkId++;
+      emitErrorChunk(request, _errorId, x);
+      return serializeByValueID(_errorId);
+    }
+  }
 
-        emitErrorChunk(request, _errorId, x);
-        return serializeByValueID(_errorId);
-      }
-    } else if (value.$$typeof === REACT_PROVIDER_TYPE) {
+  if (typeof value === 'object') {
+    if (value.$$typeof === REACT_PROVIDER_TYPE) {
       var providerKey = value._context._globalName;
       var writtenProviders = request.writtenProviders;
       var providerId = writtenProviders.get(key);

package/vendor/react-server-dom-vite/esm/react-server-dom-vite-writer.node.server.js

@@ -132,8 +132,9 @@ var MODULE_TAG = Symbol.for('react.module.reference');
 function getModuleKey(reference) {
   return reference.filepath + '#' + reference.name;
 }
-function isModuleReference(reference) {
-  return (reference.$$typeof_rsc || reference.$$typeof) === MODULE_TAG;
+function getModuleReference(reference) {
+  if (typeof reference === 'string') return globalThis.__STRING_REFERENCE_INDEX[reference];
+  return reference && reference.$$typeof === MODULE_TAG ? reference : undefined;
 }
 function resolveModuleMetaData(config, moduleReference) {
   return {
@@ -949,6 +950,11 @@ function attemptResolveElement(type, key, ref, props) {
     throw new Error('Refs cannot be used in server components, nor passed to client components.');
   }
 
+  if (getModuleReference(type)) {
+    // This is a reference to a client component.
+    return [REACT_ELEMENT_TYPE, type, key, props];
+  }
+
   if (typeof type === 'function') {
     // This is a server-side component.
     return type(props);
@@ -968,11 +974,6 @@ function attemptResolveElement(type, key, ref, props) {
 
     return [REACT_ELEMENT_TYPE, type, key, props];
   } else if (type != null && typeof type === 'object') {
-    if (isModuleReference(type)) {
-      // This is a reference to a client component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
-    }
-
     switch (type.$$typeof) {
       case REACT_LAZY_TYPE:
         {
@@ -1303,52 +1304,55 @@ function resolveModelToJSON(request, parent, key, value) {
     return null;
   }
 
-  if (typeof value === 'object') {
-    if (isModuleReference(value)) {
-      var moduleReference = value;
-      var moduleKey = getModuleKey(moduleReference);
-      var writtenModules = request.writtenModules;
-      var existingId = writtenModules.get(moduleKey);
-
-      if (existingId !== undefined) {
-        if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
-          // If we're encoding the "type" of an element, we can refer
-          // to that by a lazy reference instead of directly since React
-          // knows how to deal with lazy values. This lets us suspend
-          // on this component rather than its parent until the code has
-          // loaded.
-          return serializeByRefID(existingId);
-        }
+  var moduleReference = getModuleReference(value);
+
+  if (moduleReference) {
+    var moduleKey = getModuleKey(moduleReference);
+    var writtenModules = request.writtenModules;
+    var existingId = writtenModules.get(moduleKey);
+
+    if (existingId !== undefined) {
+      if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+        // If we're encoding the "type" of an element, we can refer
+        // to that by a lazy reference instead of directly since React
+        // knows how to deal with lazy values. This lets us suspend
+        // on this component rather than its parent until the code has
+        // loaded.
+        return serializeByRefID(existingId);
+      }
+
+      return serializeByValueID(existingId);
+    }
 
-        return serializeByValueID(existingId);
+    try {
+      var moduleMetaData = resolveModuleMetaData(request.bundlerConfig, moduleReference);
+      request.pendingChunks++;
+      var moduleId = request.nextChunkId++;
+      emitModuleChunk(request, moduleId, moduleMetaData);
+      writtenModules.set(moduleKey, moduleId);
+
+      if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+        // If we're encoding the "type" of an element, we can refer
+        // to that by a lazy reference instead of directly since React
+        // knows how to deal with lazy values. This lets us suspend
+        // on this component rather than its parent until the code has
+        // loaded.
+        return serializeByRefID(moduleId);
       }
 
-      try {
-        var moduleMetaData = resolveModuleMetaData(request.bundlerConfig, moduleReference);
-        request.pendingChunks++;
-        var moduleId = request.nextChunkId++;
-        emitModuleChunk(request, moduleId, moduleMetaData);
-        writtenModules.set(moduleKey, moduleId);
-
-        if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
-          // If we're encoding the "type" of an element, we can refer
-          // to that by a lazy reference instead of directly since React
-          // knows how to deal with lazy values. This lets us suspend
-          // on this component rather than its parent until the code has
-          // loaded.
-          return serializeByRefID(moduleId);
-        }
+      return serializeByValueID(moduleId);
+    } catch (x) {
+      request.pendingChunks++;
 
-        return serializeByValueID(moduleId);
-      } catch (x) {
-        request.pendingChunks++;
+      var _errorId = request.nextChunkId++;
 
-        var _errorId = request.nextChunkId++;
+      emitErrorChunk(request, _errorId, x);
+      return serializeByValueID(_errorId);
+    }
+  }
 
-        emitErrorChunk(request, _errorId, x);
-        return serializeByValueID(_errorId);
-      }
-    } else if (value.$$typeof === REACT_PROVIDER_TYPE) {
+  if (typeof value === 'object') {
+    if (value.$$typeof === REACT_PROVIDER_TYPE) {
       var providerKey = value._context._globalName;
       var writtenProviders = request.writtenProviders;
       var providerId = writtenProviders.get(key);

package/vendor/react-server-dom-vite/package.json

@@ -37,7 +37,7 @@
       "require": "./writer.node.server.js",
       "import": "./esm/react-server-dom-vite-writer.node.server.js"
     },
-    "./writer.browser.server": {
+    "./writer.browser.server":  {
       "require": "./writer.browser.server.js",
       "import": "./esm/react-server-dom-vite-writer.browser.server.js"
     },
@@ -46,8 +46,8 @@
   },
   "main": "index.js",
   "repository": {
-    "type": "git",
-    "url": "https://github.com/facebook/react.git",
+    "type" : "git",
+    "url" : "https://github.com/facebook/react.git",
     "directory": "packages/react-server-dom-vite"
   },
   "engines": {

package/dist/esnext/components/LocalizationProvider/LocalizationQuery.d.ts

@@ -1,23 +0,0 @@
-/**
- * THIS FILE IS AUTO-GENERATED, DO NOT EDIT.
- * Instead, you can edit the associated .graphql file to query for additional fields and this file will be updated when you run `yarn graphql-types`
- */
-import * as Types from '../../storefront-api-types';
-export declare type LocalizationQueryVariables = Types.Exact<{
-    [key: string]: never;
-}>;
-export declare type LocalizationQuery = {
-    __typename?: 'QueryRoot';
-} & {
-    localization: {
-        __typename?: 'Localization';
-    } & {
-        country: {
-            __typename?: 'Country';
-        } & Pick<Types.Country, 'isoCode' | 'name'> & {
-            currency: {
-                __typename?: 'Currency';
-            } & Pick<Types.Currency, 'isoCode'>;
-        };
-    };
-};