@shopify/hydrogen 0.12.0 → 0.13.0

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

@@ -1,5 +1,5 @@
 /**
- * @license React
+* @license React
  * react-server-dom-vite.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
@@ -8,11 +8,13 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+import { __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED, createServerContext } from 'react';
+
 function createStringDecoder() {
   return new TextDecoder();
 }
 var decoderOptions = {
-  stream: true,
+  stream: true
 };
 function readPartialStringChunk(decoder, buffer) {
   return decoder.decode(buffer, decoderOptions);
@@ -31,7 +33,7 @@ function resolveModuleReference(moduleData) {
 } // Vite import globs will be injected here.
 
 var allClientComponents = {
-  __INJECTED_CLIENT_IMPORTERS__: null,
+  __INJECTED_CLIENT_IMPORTERS__: null
 }; // Mock client component imports during testing
 
 if (typeof jest !== 'undefined') {
@@ -42,17 +44,14 @@ function importClientComponent(moduleId) {
   var modImport = allClientComponents[moduleId];
 
   if (!modImport) {
-    return Promise.reject(
-      new Error('Could not find client component ' + moduleId)
-    );
+    return Promise.reject(new Error("Could not find client component " + moduleId));
   }
 
-  return typeof modImport === 'function'
-    ? modImport()
-    : Promise.resolve(modImport);
+  return typeof modImport === 'function' ? modImport() : Promise.resolve(modImport);
 } // The module cache contains all the modules we've preloaded so far.
 // If they're still pending they're a thenable.
 
+
 var moduleCache = new Map(); // Start preloading the modules since we might need them soon.
 // This function doesn't suspend.
 
@@ -65,6 +64,7 @@ function preloadModule(_ref) {
     return mod;
   } // Store the original promise first, then override cache with its result.
 
+
   var promise = importClientComponent(id);
   cacheResult(promise);
   promise.then(cacheResult, cacheResult);
@@ -73,7 +73,7 @@ function preloadModule(_ref) {
 
 function requireModule(_ref2) {
   var id = _ref2.id,
-    name = _ref2.name;
+      name = _ref2.name;
   var mod = moduleCache.get(id);
 
   if (!mod || mod instanceof Promise || mod instanceof Error) {
@@ -88,45 +88,20 @@ function requireModule(_ref2) {
 // ATTENTION
 // When adding new symbols to this file,
 // Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
-// The Symbol used to tag the ReactElement-like types. If there is no native Symbol
-// nor polyfill, then a plain number is used for performance.
-var REACT_ELEMENT_TYPE = 0xeac7;
-var REACT_PORTAL_TYPE = 0xeaca;
-var REACT_FRAGMENT_TYPE = 0xeacb;
-var REACT_STRICT_MODE_TYPE = 0xeacc;
-var REACT_PROFILER_TYPE = 0xead2;
-var REACT_PROVIDER_TYPE = 0xeacd;
-var REACT_CONTEXT_TYPE = 0xeace;
-var REACT_FORWARD_REF_TYPE = 0xead0;
-var REACT_SUSPENSE_TYPE = 0xead1;
-var REACT_SUSPENSE_LIST_TYPE = 0xead8;
-var REACT_MEMO_TYPE = 0xead3;
-var REACT_LAZY_TYPE = 0xead4;
-var REACT_SCOPE_TYPE = 0xead7;
-var REACT_DEBUG_TRACING_MODE_TYPE = 0xeae1;
-var REACT_OFFSCREEN_TYPE = 0xeae2;
-var REACT_LEGACY_HIDDEN_TYPE = 0xeae3;
-var REACT_CACHE_TYPE = 0xeae4;
-
-if (typeof Symbol === 'function' && Symbol.for) {
-  var symbolFor = Symbol.for;
-  REACT_ELEMENT_TYPE = symbolFor('react.element');
-  REACT_PORTAL_TYPE = symbolFor('react.portal');
-  REACT_FRAGMENT_TYPE = symbolFor('react.fragment');
-  REACT_STRICT_MODE_TYPE = symbolFor('react.strict_mode');
-  REACT_PROFILER_TYPE = symbolFor('react.profiler');
-  REACT_PROVIDER_TYPE = symbolFor('react.provider');
-  REACT_CONTEXT_TYPE = symbolFor('react.context');
-  REACT_FORWARD_REF_TYPE = symbolFor('react.forward_ref');
-  REACT_SUSPENSE_TYPE = symbolFor('react.suspense');
-  REACT_SUSPENSE_LIST_TYPE = symbolFor('react.suspense_list');
-  REACT_MEMO_TYPE = symbolFor('react.memo');
-  REACT_LAZY_TYPE = symbolFor('react.lazy');
-  REACT_SCOPE_TYPE = symbolFor('react.scope');
-  REACT_DEBUG_TRACING_MODE_TYPE = symbolFor('react.debug_trace_mode');
-  REACT_OFFSCREEN_TYPE = symbolFor('react.offscreen');
-  REACT_LEGACY_HIDDEN_TYPE = symbolFor('react.legacy_hidden');
-  REACT_CACHE_TYPE = symbolFor('react.cache');
+// The Symbol used to tag the ReactElement-like types.
+var REACT_ELEMENT_TYPE = Symbol.for('react.element');
+var REACT_LAZY_TYPE = Symbol.for('react.lazy');
+var REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
+
+var ReactSharedInternals = __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+
+var ContextRegistry = ReactSharedInternals.ContextRegistry;
+function getOrCreateServerContext(globalName) {
+  if (!ContextRegistry[globalName]) {
+    ContextRegistry[globalName] = createServerContext(globalName, REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED);
+  }
+
+  return ContextRegistry[globalName];
 }
 
 var PENDING = 0;
@@ -266,6 +241,7 @@ function initializeModuleChunk(chunk) {
 } // Report that any missing chunks in the model is now going to throw this
 // error upon read. Also notify any pending promises.
 
+
 function reportGlobalError(response, error) {
   response._chunks.forEach(function (chunk) {
     // If this chunk was already resolved or errored, it won't
@@ -285,7 +261,7 @@ function createElement(type, key, props) {
     ref: null,
     props: props,
     // Record the component responsible for creating this element.
-    _owner: null,
+    _owner: null
   };
 
   {
@@ -297,19 +273,20 @@ function createElement(type, key, props) {
       configurable: false,
       enumerable: false,
       writable: true,
-      value: true, // This element has already been validated on the server.
+      value: true // This element has already been validated on the server.
+
     });
     Object.defineProperty(element, '_self', {
       configurable: false,
       enumerable: false,
       writable: false,
-      value: null,
+      value: null
     });
     Object.defineProperty(element, '_source', {
       configurable: false,
       enumerable: false,
       writable: false,
-      value: null,
+      value: null
     });
   }
 
@@ -320,7 +297,7 @@ function createLazyChunkWrapper(chunk) {
   var lazyType = {
     $$typeof: REACT_LAZY_TYPE,
     _payload: chunk,
-    _init: readChunk,
+    _init: readChunk
   };
   return lazyType;
 }
@@ -339,27 +316,30 @@ function getChunk(response, id) {
 
 function parseModelString(response, parentObject, value) {
   switch (value[0]) {
-    case '$': {
-      if (value === '$') {
-        return REACT_ELEMENT_TYPE;
-      } else if (value[1] === '$' || value[1] === '@') {
-        // This was an escaped string value.
-        return value.substring(1);
-      } else {
-        var id = parseInt(value.substring(1), 16);
-        var chunk = getChunk(response, id);
-        return readChunk(chunk);
+    case '$':
+      {
+        if (value === '$') {
+          return REACT_ELEMENT_TYPE;
+        } else if (value[1] === '$' || value[1] === '@') {
+          // This was an escaped string value.
+          return value.substring(1);
+        } else {
+          var id = parseInt(value.substring(1), 16);
+          var chunk = getChunk(response, id);
+          return readChunk(chunk);
+        }
       }
-    }
 
-    case '@': {
-      var _id = parseInt(value.substring(1), 16);
+    case '@':
+      {
+        var _id = parseInt(value.substring(1), 16);
 
-      var _chunk = getChunk(response, _id); // We create a React.lazy wrapper around any lazy values.
-      // When passed into React, we'll know how to suspend on this.
+        var _chunk = getChunk(response, _id); // We create a React.lazy wrapper around any lazy values.
+        // When passed into React, we'll know how to suspend on this.
 
-      return createLazyChunkWrapper(_chunk);
-    }
+
+        return createLazyChunkWrapper(_chunk);
+      }
   }
 
   return value;
@@ -379,7 +359,7 @@ function createResponse() {
   var chunks = new Map();
   var response = {
     _chunks: chunks,
-    readRoot: readRoot,
+    readRoot: readRoot
   };
   return response;
 }
@@ -393,6 +373,10 @@ function resolveModel(response, id, model) {
     resolveModelChunk(chunk, model);
   }
 }
+function resolveProvider(response, id, contextName) {
+  var chunks = response._chunks;
+  chunks.set(id, createInitializedChunk(response, getOrCreateServerContext(contextName).Provider));
+}
 function resolveModule(response, id, model) {
   var chunks = response._chunks;
   var chunk = chunks.get(id);
@@ -451,32 +435,41 @@ function processFullRow(response, row) {
   var text = row.substring(colon + 1);
 
   switch (tag) {
-    case 'J': {
-      resolveModel(response, id, text);
-      return;
-    }
+    case 'J':
+      {
+        resolveModel(response, id, text);
+        return;
+      }
 
-    case 'M': {
-      resolveModule(response, id, text);
-      return;
-    }
+    case 'M':
+      {
+        resolveModule(response, id, text);
+        return;
+      }
 
-    case 'S': {
-      resolveSymbol(response, id, JSON.parse(text));
-      return;
-    }
+    case 'P':
+      {
+        resolveProvider(response, id, text);
+        return;
+      }
 
-    case 'E': {
-      var errorInfo = JSON.parse(text);
-      resolveError(response, id, errorInfo.message, errorInfo.stack);
-      return;
-    }
+    case 'S':
+      {
+        resolveSymbol(response, id, JSON.parse(text));
+        return;
+      }
 
-    default: {
-      throw new Error(
-        "Error parsing the data. It's probably an error code or network corruption."
-      );
-    }
+    case 'E':
+      {
+        var errorInfo = JSON.parse(text);
+        resolveError(response, id, errorInfo.message, errorInfo.stack);
+        return;
+      }
+
+    default:
+      {
+        throw new Error("Error parsing the data. It's probably an error code or network corruption.");
+      }
   }
 }
 
@@ -494,13 +487,12 @@ function processStringChunk(response, chunk, offset) {
   response._partialRow += chunk.substring(offset);
 }
 function processBinaryChunk(response, chunk) {
+
   var stringDecoder = response._stringDecoder;
   var linebreak = chunk.indexOf(10); // newline
 
   while (linebreak > -1) {
-    var fullrow =
-      response._partialRow +
-      readFinalStringChunk(stringDecoder, chunk.subarray(0, linebreak));
+    var fullrow = response._partialRow + readFinalStringChunk(stringDecoder, chunk.subarray(0, linebreak));
     processFullRow(response, fullrow);
     response._partialRow = '';
     chunk = chunk.subarray(linebreak + 1);
@@ -528,7 +520,7 @@ function createFromJSONCallback(response) {
 function createResponse$1() {
   // NOTE: CHECK THE COMPILER OUTPUT EACH TIME YOU CHANGE THIS.
   // It should be inlined to one object literal but minor changes can break it.
-  var stringDecoder = createStringDecoder();
+  var stringDecoder =  createStringDecoder() ;
   var response = createResponse();
   response._partialRow = '';
 
@@ -536,6 +528,7 @@ function createResponse$1() {
     response._stringDecoder = stringDecoder;
   } // Don't inline this call because it causes closure to outline the call above.
 
+
   response._fromJSON = createFromJSONCallback(response);
   return response;
 }
@@ -545,7 +538,7 @@ function startReadingFromStream(response, stream) {
 
   function progress(_ref) {
     var done = _ref.done,
-      value = _ref.value;
+        value = _ref.value;
 
     if (done) {
       close(response);
@@ -572,14 +565,11 @@ function createFromReadableStream(stream) {
 
 function createFromFetch(promiseForResponse) {
   var response = createResponse$1();
-  promiseForResponse.then(
-    function (r) {
-      startReadingFromStream(response, r.body);
-    },
-    function (e) {
-      reportGlobalError(response, e);
-    }
-  );
+  promiseForResponse.then(function (r) {
+    startReadingFromStream(response, r.body);
+  }, function (e) {
+    reportGlobalError(response, e);
+  });
   return response;
 }
 
@@ -610,4 +600,4 @@ function createFromXHR(request) {
   return response;
 }
 
-export {createFromFetch, createFromReadableStream, createFromXHR};
+export { createFromFetch, createFromReadableStream, createFromXHR };

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

@@ -11,7 +11,6 @@
   "files": [
     "LICENSE",
     "README.md",
-    "build-info.json",
     "index.js",
     "plugin.js",
     "writer.browser.server.js",
@@ -56,7 +55,6 @@
   },
   "peerDependencies": {
     "react": "^17.0.0",
-    "react-dom": "^17.0.0",
     "vite": "^2.7.1"
   },
   "dependencies": {

package/dist/esnext/components/ExternalVideo/ExternalVideoFragment.d.ts

@@ -1,8 +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 '../../graphql/types/types';
-export declare type ExternalVideoFragmentFragment = {
-    __typename?: 'ExternalVideo';
-} & Pick<Types.ExternalVideo, 'id' | 'embedUrl' | 'host'>;

package/dist/esnext/components/Image/ImageFragment.d.ts

@@ -1,8 +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 '../../graphql/types/types';
-export declare type ImageFragmentFragment = {
-    __typename?: 'Image';
-} & Pick<Types.Image, 'id' | 'url' | 'altText' | 'width' | 'height'>;

package/dist/esnext/components/Image/ImageFragment.js

@@ -1 +0,0 @@
-export {};

package/dist/esnext/components/MediaFile/MediaFileFragment.d.ts

@@ -1,36 +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 '../../graphql/types/types';
-export declare type MediaFileFragment_ExternalVideo_Fragment = {
-    __typename?: 'ExternalVideo';
-} & Pick<Types.ExternalVideo, 'mediaContentType' | 'id' | 'embedUrl' | 'host'>;
-export declare type MediaFileFragment_MediaImage_Fragment = {
-    __typename?: 'MediaImage';
-} & Pick<Types.MediaImage, 'mediaContentType'> & {
-    image?: Types.Maybe<{
-        __typename?: 'Image';
-    } & Pick<Types.Image, 'id' | 'url' | 'altText' | 'width' | 'height'>>;
-};
-export declare type MediaFileFragment_Model3d_Fragment = {
-    __typename?: 'Model3d';
-} & Pick<Types.Model3d, 'mediaContentType' | 'id' | 'alt'> & {
-    previewImage?: Types.Maybe<{
-        __typename?: 'Image';
-    } & Pick<Types.Image, 'url'>>;
-    sources: Array<{
-        __typename?: 'Model3dSource';
-    } & Pick<Types.Model3dSource, 'url'>>;
-};
-export declare type MediaFileFragment_Video_Fragment = {
-    __typename?: 'Video';
-} & Pick<Types.Video, 'mediaContentType' | 'id'> & {
-    previewImage?: Types.Maybe<{
-        __typename?: 'Image';
-    } & Pick<Types.Image, 'url'>>;
-    sources: Array<{
-        __typename?: 'VideoSource';
-    } & Pick<Types.VideoSource, 'mimeType' | 'url'>>;
-};
-export declare type MediaFileFragmentFragment = MediaFileFragment_ExternalVideo_Fragment | MediaFileFragment_MediaImage_Fragment | MediaFileFragment_Model3d_Fragment | MediaFileFragment_Video_Fragment;

package/dist/esnext/components/MediaFile/MediaFileFragment.js

@@ -1 +0,0 @@
-export {};

package/dist/esnext/components/Metafield/MetafieldFragment.d.ts

@@ -1,22 +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 '../../graphql/types/types';
-export declare type MetafieldFragmentFragment = {
-    __typename?: 'Metafield';
-} & Pick<Types.Metafield, 'id' | 'type' | 'namespace' | 'key' | 'value' | 'createdAt' | 'updatedAt' | 'description'> & {
-    reference?: Types.Maybe<({
-        __typename: 'MediaImage';
-    } & Pick<Types.MediaImage, 'id' | 'mediaContentType'> & {
-        image?: Types.Maybe<{
-            __typename?: 'Image';
-        } & Pick<Types.Image, 'id' | 'url' | 'altText' | 'width' | 'height'>>;
-    }) | {
-        __typename: 'Page';
-    } | {
-        __typename: 'Product';
-    } | {
-        __typename: 'ProductVariant';
-    }>;
-};

package/dist/esnext/components/Metafield/MetafieldFragment.js

@@ -1 +0,0 @@
-export {};

package/dist/esnext/components/ModelViewer/Model3DFragment.d.ts

@@ -1,15 +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 '../../graphql/types/types';
-export declare type Model3DFragmentFragment = {
-    __typename?: 'Model3d';
-} & Pick<Types.Model3d, 'id' | 'alt' | 'mediaContentType'> & {
-    previewImage?: Types.Maybe<{
-        __typename?: 'Image';
-    } & Pick<Types.Image, 'url'>>;
-    sources: Array<{
-        __typename?: 'Model3dSource';
-    } & Pick<Types.Model3dSource, 'url'>>;
-};

package/dist/esnext/components/ModelViewer/Model3DFragment.js

@@ -1 +0,0 @@
-export {};

package/dist/esnext/components/Money/MoneyFragment.d.ts

@@ -1,8 +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 '../../graphql/types/types';
-export declare type MoneyFragmentFragment = {
-    __typename?: 'MoneyV2';
-} & Pick<Types.MoneyV2, 'currencyCode' | 'amount'>;

package/dist/esnext/components/Money/MoneyFragment.js

@@ -1 +0,0 @@
-export {};