@shopify/hydrogen 0.23.0 → 0.25.1

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

@@ -10,6 +10,8 @@
 
 import { __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED, createServerContext } from 'react';
 
+var assign = Object.assign;
+
 var ReactSharedInternals = __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
 function error(format) {
@@ -537,10 +539,12 @@ var startPendingSuspenseBoundary1 = stringToPrecomputedChunk('<!--$?--><template
 var startPendingSuspenseBoundary2 = stringToPrecomputedChunk('"></template>');
 var startClientRenderedSuspenseBoundary = stringToPrecomputedChunk('<!--$!-->');
 var endSuspenseBoundary = stringToPrecomputedChunk('<!--/$-->');
-var clientRenderedSuspenseBoundaryError1 = stringToPrecomputedChunk('<template data-hash="');
-var clientRenderedSuspenseBoundaryError1A = stringToPrecomputedChunk('" data-msg="');
-var clientRenderedSuspenseBoundaryError1B = stringToPrecomputedChunk('" data-stack="');
-var clientRenderedSuspenseBoundaryError2 = stringToPrecomputedChunk('"></template>');
+var clientRenderedSuspenseBoundaryError1 = stringToPrecomputedChunk('<template');
+var clientRenderedSuspenseBoundaryErrorAttrInterstitial = stringToPrecomputedChunk('"');
+var clientRenderedSuspenseBoundaryError1A = stringToPrecomputedChunk(' data-dgst="');
+var clientRenderedSuspenseBoundaryError1B = stringToPrecomputedChunk(' data-msg="');
+var clientRenderedSuspenseBoundaryError1C = stringToPrecomputedChunk(' data-stck="');
+var clientRenderedSuspenseBoundaryError2 = stringToPrecomputedChunk('></template>');
 var startSegmentHTML = stringToPrecomputedChunk('<div hidden id="');
 var startSegmentHTML2 = stringToPrecomputedChunk('">');
 var endSegmentHTML = stringToPrecomputedChunk('</div>');
@@ -570,7 +574,7 @@ var endSegmentColGroup = stringToPrecomputedChunk('</colgroup></table>');
 // const SUSPENSE_PENDING_START_DATA = '$?';
 // const SUSPENSE_FALLBACK_START_DATA = '$!';
 //
-// function clientRenderBoundary(suspenseBoundaryID, errorHash, errorMsg, errorComponentStack) {
+// function clientRenderBoundary(suspenseBoundaryID, errorDigest, errorMsg, errorComponentStack) {
 //   // Find the fallback's first element.
 //   const suspenseIdNode = document.getElementById(suspenseBoundaryID);
 //   if (!suspenseIdNode) {
@@ -584,9 +588,9 @@ var endSegmentColGroup = stringToPrecomputedChunk('</colgroup></table>');
 //   suspenseNode.data = SUSPENSE_FALLBACK_START_DATA;
 //   // assign error metadata to first sibling
 //   let dataset = suspenseIdNode.dataset;
-//   if (errorHash) dataset.hash = errorHash;
+//   if (errorDigest) dataset.dgst = errorDigest;
 //   if (errorMsg) dataset.msg = errorMsg;
-//   if (errorComponentStack) dataset.stack = errorComponentStack;
+//   if (errorComponentStack) dataset.stck = errorComponentStack;
 //   // Tell React to retry it if the parent already hydrated.
 //   if (suspenseNode._reactRetry) {
 //     suspenseNode._reactRetry();
@@ -670,7 +674,7 @@ var endSegmentColGroup = stringToPrecomputedChunk('</colgroup></table>');
 
 var completeSegmentFunction = 'function $RS(a,b){a=document.getElementById(a);b=document.getElementById(b);for(a.parentNode.removeChild(a);a.firstChild;)b.parentNode.insertBefore(a.firstChild,b);b.parentNode.removeChild(b)}';
 var completeBoundaryFunction = 'function $RC(a,b){a=document.getElementById(a);b=document.getElementById(b);b.parentNode.removeChild(b);if(a){a=a.previousSibling;var f=a.parentNode,c=a.nextSibling,e=0;do{if(c&&8===c.nodeType){var d=c.data;if("/$"===d)if(0===e)break;else e--;else"$"!==d&&"$?"!==d&&"$!"!==d||e++}d=c.nextSibling;f.removeChild(c);c=d}while(c);for(;b.firstChild;)f.insertBefore(b.firstChild,c);a.data="$";a._reactRetry&&a._reactRetry()}}';
-var clientRenderFunction = 'function $RX(b,c,d,e){var a=document.getElementById(b);a&&(b=a.previousSibling,b.data="$!",a=a.dataset,c&&(a.hash=c),d&&(a.msg=d),e&&(a.stack=e),b._reactRetry&&b._reactRetry())}';
+var clientRenderFunction = 'function $RX(b,c,d,e){var a=document.getElementById(b);a&&(b=a.previousSibling,b.data="$!",a=a.dataset,c&&(a.dgst=c),d&&(a.msg=d),e&&(a.stck=e),b._reactRetry&&b._reactRetry())}';
 var completeSegmentScript1Full = stringToPrecomputedChunk(completeSegmentFunction + ';$RS("');
 var completeSegmentScript1Partial = stringToPrecomputedChunk('$RS("');
 var completeSegmentScript2 = stringToPrecomputedChunk('","');
@@ -875,6 +879,14 @@ function readContext(context) {
   return value;
 }
 
+var currentRequest = null;
+function prepareToUseHooksForRequest(request) {
+  currentRequest = request;
+}
+function resetHooksForRequest() {
+  currentRequest = null;
+}
+
 function readContext$1(context) {
   {
     if (context.$$typeof !== REACT_SERVER_CONTEXT_TYPE) {
@@ -923,7 +935,7 @@ var Dispatcher = {
   useLayoutEffect: unsupportedHook,
   useImperativeHandle: unsupportedHook,
   useEffect: unsupportedHook,
-  useId: unsupportedHook,
+  useId: useId,
   useMutableSource: unsupportedHook,
   useSyncExternalStore: unsupportedHook,
   useCacheRefresh: function () {
@@ -950,6 +962,16 @@ function getCurrentCache() {
   return currentCache;
 }
 
+function useId() {
+  if (currentRequest === null) {
+    throw new Error('useId can only be used while React is rendering');
+  }
+
+  var id = currentRequest.identifierCount++; // use 'S' for Flight components to distinguish from 'R' and 'r' in Fizz/Client
+
+  return ':' + currentRequest.identifierPrefix + 'S' + id.toString(32) + ':';
+}
+
 var ContextRegistry = ReactSharedInternals.ContextRegistry;
 function getOrCreateServerContext(globalName) {
   if (!ContextRegistry[globalName]) {
@@ -968,7 +990,7 @@ function defaultErrorHandler(error) {
 var OPEN = 0;
 var CLOSING = 1;
 var CLOSED = 2;
-function createRequest(model, bundlerConfig, onError, context) {
+function createRequest(model, bundlerConfig, onError, context, identifierPrefix) {
   var pingedSegments = [];
   var request = {
     status: OPEN,
@@ -985,6 +1007,8 @@ function createRequest(model, bundlerConfig, onError, context) {
     writtenSymbols: new Map(),
     writtenModules: new Map(),
     writtenProviders: new Map(),
+    identifierPrefix: identifierPrefix || '',
+    identifierCount: 1,
     onError: onError === undefined ? defaultErrorHandler : onError,
     toJSON: function (key, value) {
       return resolveModelToJSON(request, this, key, value);
@@ -1597,6 +1621,7 @@ function performWork(request) {
   var prevCache = getCurrentCache();
   ReactCurrentDispatcher.current = Dispatcher;
   setCurrentCache(request.cache);
+  prepareToUseHooksForRequest(request);
 
   try {
     var pingedSegments = request.pingedSegments;
@@ -1616,6 +1641,7 @@ function performWork(request) {
   } finally {
     ReactCurrentDispatcher.current = prevDispatcher;
     setCurrentCache(prevCache);
+    resetHooksForRequest();
   }
 }
 
@@ -1741,9 +1767,20 @@ function importServerContexts(contexts) {
   return rootContextSnapshot;
 }
 
-function renderToReadableStream(model, options, context) {
-  var request = createRequest(model, {}, // Manifest, not used
-  options ? options.onError : undefined, context);
+function renderToReadableStream(model, options) {
+  var request = createRequest( // Wrap root in a dummy element that simply adds a flag
+  // to the current dispatcher to check later in the proxies.
+  assign({}, model, {
+    $$typeof: Symbol.for('react.element'),
+    props: {
+      children: model
+    },
+    type: function () {
+      __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher.current.isRsc = true;
+      return model;
+    }
+  }), {}, // Manifest, not used
+  options ? options.onError : undefined, options ? options.context : undefined, options ? options.identifierPrefix : undefined);
   var stream = new ReadableStream({
     type: 'bytes',
     start: function (controller) {

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

@@ -11,6 +11,8 @@
 import { __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED, createServerContext } from 'react';
 import { TextEncoder } from 'util';
 
+var assign = Object.assign;
+
 var ReactSharedInternals = __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
 function error(format) {
@@ -603,10 +605,12 @@ var startPendingSuspenseBoundary1 = stringToPrecomputedChunk('<!--$?--><template
 var startPendingSuspenseBoundary2 = stringToPrecomputedChunk('"></template>');
 var startClientRenderedSuspenseBoundary = stringToPrecomputedChunk('<!--$!-->');
 var endSuspenseBoundary = stringToPrecomputedChunk('<!--/$-->');
-var clientRenderedSuspenseBoundaryError1 = stringToPrecomputedChunk('<template data-hash="');
-var clientRenderedSuspenseBoundaryError1A = stringToPrecomputedChunk('" data-msg="');
-var clientRenderedSuspenseBoundaryError1B = stringToPrecomputedChunk('" data-stack="');
-var clientRenderedSuspenseBoundaryError2 = stringToPrecomputedChunk('"></template>');
+var clientRenderedSuspenseBoundaryError1 = stringToPrecomputedChunk('<template');
+var clientRenderedSuspenseBoundaryErrorAttrInterstitial = stringToPrecomputedChunk('"');
+var clientRenderedSuspenseBoundaryError1A = stringToPrecomputedChunk(' data-dgst="');
+var clientRenderedSuspenseBoundaryError1B = stringToPrecomputedChunk(' data-msg="');
+var clientRenderedSuspenseBoundaryError1C = stringToPrecomputedChunk(' data-stck="');
+var clientRenderedSuspenseBoundaryError2 = stringToPrecomputedChunk('></template>');
 var startSegmentHTML = stringToPrecomputedChunk('<div hidden id="');
 var startSegmentHTML2 = stringToPrecomputedChunk('">');
 var endSegmentHTML = stringToPrecomputedChunk('</div>');
@@ -636,7 +640,7 @@ var endSegmentColGroup = stringToPrecomputedChunk('</colgroup></table>');
 // const SUSPENSE_PENDING_START_DATA = '$?';
 // const SUSPENSE_FALLBACK_START_DATA = '$!';
 //
-// function clientRenderBoundary(suspenseBoundaryID, errorHash, errorMsg, errorComponentStack) {
+// function clientRenderBoundary(suspenseBoundaryID, errorDigest, errorMsg, errorComponentStack) {
 //   // Find the fallback's first element.
 //   const suspenseIdNode = document.getElementById(suspenseBoundaryID);
 //   if (!suspenseIdNode) {
@@ -650,9 +654,9 @@ var endSegmentColGroup = stringToPrecomputedChunk('</colgroup></table>');
 //   suspenseNode.data = SUSPENSE_FALLBACK_START_DATA;
 //   // assign error metadata to first sibling
 //   let dataset = suspenseIdNode.dataset;
-//   if (errorHash) dataset.hash = errorHash;
+//   if (errorDigest) dataset.dgst = errorDigest;
 //   if (errorMsg) dataset.msg = errorMsg;
-//   if (errorComponentStack) dataset.stack = errorComponentStack;
+//   if (errorComponentStack) dataset.stck = errorComponentStack;
 //   // Tell React to retry it if the parent already hydrated.
 //   if (suspenseNode._reactRetry) {
 //     suspenseNode._reactRetry();
@@ -736,7 +740,7 @@ var endSegmentColGroup = stringToPrecomputedChunk('</colgroup></table>');
 
 var completeSegmentFunction = 'function $RS(a,b){a=document.getElementById(a);b=document.getElementById(b);for(a.parentNode.removeChild(a);a.firstChild;)b.parentNode.insertBefore(a.firstChild,b);b.parentNode.removeChild(b)}';
 var completeBoundaryFunction = 'function $RC(a,b){a=document.getElementById(a);b=document.getElementById(b);b.parentNode.removeChild(b);if(a){a=a.previousSibling;var f=a.parentNode,c=a.nextSibling,e=0;do{if(c&&8===c.nodeType){var d=c.data;if("/$"===d)if(0===e)break;else e--;else"$"!==d&&"$?"!==d&&"$!"!==d||e++}d=c.nextSibling;f.removeChild(c);c=d}while(c);for(;b.firstChild;)f.insertBefore(b.firstChild,c);a.data="$";a._reactRetry&&a._reactRetry()}}';
-var clientRenderFunction = 'function $RX(b,c,d,e){var a=document.getElementById(b);a&&(b=a.previousSibling,b.data="$!",a=a.dataset,c&&(a.hash=c),d&&(a.msg=d),e&&(a.stack=e),b._reactRetry&&b._reactRetry())}';
+var clientRenderFunction = 'function $RX(b,c,d,e){var a=document.getElementById(b);a&&(b=a.previousSibling,b.data="$!",a=a.dataset,c&&(a.dgst=c),d&&(a.msg=d),e&&(a.stck=e),b._reactRetry&&b._reactRetry())}';
 var completeSegmentScript1Full = stringToPrecomputedChunk(completeSegmentFunction + ';$RS("');
 var completeSegmentScript1Partial = stringToPrecomputedChunk('$RS("');
 var completeSegmentScript2 = stringToPrecomputedChunk('","');
@@ -941,6 +945,14 @@ function readContext(context) {
   return value;
 }
 
+var currentRequest = null;
+function prepareToUseHooksForRequest(request) {
+  currentRequest = request;
+}
+function resetHooksForRequest() {
+  currentRequest = null;
+}
+
 function readContext$1(context) {
   {
     if (context.$$typeof !== REACT_SERVER_CONTEXT_TYPE) {
@@ -989,7 +1001,7 @@ var Dispatcher = {
   useLayoutEffect: unsupportedHook,
   useImperativeHandle: unsupportedHook,
   useEffect: unsupportedHook,
-  useId: unsupportedHook,
+  useId: useId,
   useMutableSource: unsupportedHook,
   useSyncExternalStore: unsupportedHook,
   useCacheRefresh: function () {
@@ -1016,6 +1028,16 @@ function getCurrentCache() {
   return currentCache;
 }
 
+function useId() {
+  if (currentRequest === null) {
+    throw new Error('useId can only be used while React is rendering');
+  }
+
+  var id = currentRequest.identifierCount++; // use 'S' for Flight components to distinguish from 'R' and 'r' in Fizz/Client
+
+  return ':' + currentRequest.identifierPrefix + 'S' + id.toString(32) + ':';
+}
+
 var ContextRegistry = ReactSharedInternals.ContextRegistry;
 function getOrCreateServerContext(globalName) {
   if (!ContextRegistry[globalName]) {
@@ -1034,7 +1056,7 @@ function defaultErrorHandler(error) {
 var OPEN = 0;
 var CLOSING = 1;
 var CLOSED = 2;
-function createRequest(model, bundlerConfig, onError, context) {
+function createRequest(model, bundlerConfig, onError, context, identifierPrefix) {
   var pingedSegments = [];
   var request = {
     status: OPEN,
@@ -1051,6 +1073,8 @@ function createRequest(model, bundlerConfig, onError, context) {
     writtenSymbols: new Map(),
     writtenModules: new Map(),
     writtenProviders: new Map(),
+    identifierPrefix: identifierPrefix || '',
+    identifierCount: 1,
     onError: onError === undefined ? defaultErrorHandler : onError,
     toJSON: function (key, value) {
       return resolveModelToJSON(request, this, key, value);
@@ -1663,6 +1687,7 @@ function performWork(request) {
   var prevCache = getCurrentCache();
   ReactCurrentDispatcher.current = Dispatcher;
   setCurrentCache(request.cache);
+  prepareToUseHooksForRequest(request);
 
   try {
     var pingedSegments = request.pingedSegments;
@@ -1682,6 +1707,7 @@ function performWork(request) {
   } finally {
     ReactCurrentDispatcher.current = prevDispatcher;
     setCurrentCache(prevCache);
+    resetHooksForRequest();
   }
 }
 
@@ -1815,9 +1841,20 @@ function createDrainHandler(destination, request) {
   };
 }
 
-function renderToPipeableStream(model, options, context) {
-  var request = createRequest(model, {}, // Manifest, not used
-  options ? options.onError : undefined, context);
+function renderToPipeableStream(model, options) {
+  var request = createRequest( // Wrap root in a dummy element that simply adds a flag
+  // to the current dispatcher to check later in the proxies.
+  assign({}, model, {
+    $$typeof: Symbol.for('react.element'),
+    props: {
+      children: model
+    },
+    type: function () {
+      __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher.current.isRsc = true;
+      return model;
+    }
+  }), {}, // Manifest, not used
+  options ? options.onError : undefined, options ? options.context : undefined, options ? options.identifierPrefix : undefined);
   var hasStartedFlowing = false;
   startWork(request);
   return {

package/client.d.ts

@@ -1 +0,0 @@
-export * from './dist/esnext/client';

package/client.js

@@ -1 +0,0 @@
-export * from './dist/esnext/client';

package/config.d.ts

@@ -1 +0,0 @@
-export * from './dist/esnext/config';

package/config.js

@@ -1 +0,0 @@
-export * from './dist/esnext/config';

package/dist/esnext/components/DevTools.client.d.ts

@@ -1 +0,0 @@
-export default function DevTools(): JSX.Element | null;

package/dist/esnext/components/DevTools.client.js

@@ -1,129 +0,0 @@
-import React, { useEffect, useState, useCallback } from 'react';
-export default function DevTools() {
-    const [warnings, setWarnings] = useState(null);
-    const [open, setOpen] = useState(false);
-    const [activePanel, setActivePanel] = useState('warnings');
-    const toggleOpen = useCallback(() => setOpen((state) => !state), []);
-    const [hasMounted, setHasMounted] = React.useState(false);
-    useEffect(() => {
-        setHasMounted(true);
-        if (import.meta.hot) {
-            import.meta.hot.on('hydrogen', ({ type, data }) => {
-                if (type === 'warn') {
-                    setWarnings((state) => [...(state || []), data]);
-                }
-            });
-        }
-    }, []);
-    const perfData = performance.getEntriesByType('navigation');
-    const entry = perfData[0];
-    let activePanelContent = null;
-    switch (activePanel) {
-        case 'warnings': {
-            const warningsMarkup = warnings
-                ? warnings.map((war, i) => React.createElement("li", { key: war + i }, war)) // eslint-disable-line react/no-array-index-key
-                : null;
-            activePanelContent = (React.createElement(React.Fragment, null,
-                React.createElement(PanelHeading, null, "Overfetched graphQL fields"),
-                React.createElement("ul", { style: {
-                        fontFamily: 'monospace',
-                        paddingTop: '1em',
-                        fontSize: '0.9em',
-                    } }, warningsMarkup)));
-            break;
-        }
-        case 'network':
-            activePanelContent = (React.createElement(React.Fragment, null,
-                React.createElement(PanelHeading, null, "Metrics"),
-                React.createElement("ul", { style: {
-                        fontFamily: 'monospace',
-                        paddingTop: '1em',
-                        fontSize: '0.9em',
-                    } }, Object.entries(entry.toJSON())
-                    .filter(([key]) => ['duration', 'domInteractive'].includes(key))
-                    .map(([key, value]) => (React.createElement("li", { key: key },
-                    React.createElement("strong", null, key),
-                    " ",
-                    (value / 1000).toFixed(2),
-                    "s"))))));
-            break;
-    }
-    const buttonText = (React.createElement("svg", { style: {
-            height: '3em',
-            width: '3em',
-        }, width: "131", height: "130", viewBox: "0 0 131 130", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-        React.createElement("path", { d: "M64.9548 106.281L27.1377 86.1894L40.0714 79.3723L54.6329 87.1049L66.851 80.6638L52.2895 72.9313L65.2231 66.0979L103.04 86.1894L90.1065 93.0064L76.35 85.6989L64.114 92.1563L77.8884 99.4638L64.9548 106.281Z", fill: "white" }),
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M65.2247 25L105.178 46.2267L90.105 54.1716L76.3488 46.8642L66.2525 52.1924L80.028 59.5005L64.9532 67.446L25 46.2196L40.0734 38.2748L54.6349 46.0073L64.713 40.6944L50.1533 32.9628L65.2247 25ZM54.4262 32.9673L68.9896 40.7008L54.6315 48.27L40.0699 40.5374L29.276 46.2267L64.9569 65.1833L75.7495 59.4947L61.9761 52.1878L76.3518 44.6012L90.1087 51.9088L100.902 46.2196L65.2221 27.2634L54.4262 32.9673Z", fill: "white" })));
-    if (import.meta.env.DEV && hasMounted) {
-        return (React.createElement("div", { id: "hydrogen-dev-tools", style: {
-                position: 'fixed',
-                right: open ? 0 : '2em',
-                left: open ? 0 : '2em',
-                bottom: open ? 0 : '-2em',
-                borderRadius: open ? 0 : '2em',
-                top: '100%',
-                zIndex: 10000,
-                display: 'flex',
-                flexDirection: 'column',
-                overflow: 'hidden',
-                height: open ? '75%' : '4em',
-                transform: open ? 'translateY(-100%)' : 'translateY(-5em)',
-            } },
-            React.createElement("button", { style: {
-                    position: 'absolute',
-                    top: '0.35em',
-                    right: '1em',
-                    overflow: 'hidden',
-                    zIndex: 10,
-                }, onClick: toggleOpen }, buttonText),
-            React.createElement("div", { style: {
-                    overflow: 'scroll',
-                    color: 'white',
-                    height: '100%',
-                    padding: '2em',
-                    background: 'rgba(0, 0, 0, 0.95)',
-                    borderRadius: open ? 0 : '2em',
-                } },
-                React.createElement("div", { style: {
-                        position: 'absolute',
-                        padding: '1.2em 2em',
-                        top: 0,
-                        left: '-0.5em',
-                        right: 0,
-                        background: 'rgba(0, 0, 0, 0.95)',
-                        borderRadius: open ? 0 : '2em',
-                        display: 'flex',
-                        alignItems: 'center',
-                    } },
-                    warnings && warnings.length > 0 && (React.createElement("button", { onClick: () => {
-                            setOpen(true);
-                            setActivePanel('warnings');
-                        }, style: {
-                            margin: '0 0.5em',
-                            textDecoration: open && activePanel === 'warnings' ? 'underline' : 'none',
-                        } },
-                        "Warnings",
-                        ' ',
-                        warnings && (React.createElement("strong", { style: {
-                                borderRadius: '2em',
-                                padding: '.25em 0.5em',
-                                background: 'white',
-                                margin: '0 0.25em',
-                                color: 'black',
-                                textAlign: 'center',
-                            } }, warnings.length)))),
-                    React.createElement("button", { onClick: () => {
-                            setOpen(true);
-                            setActivePanel('network');
-                        }, disabled: activePanel === 'network', style: {
-                            margin: '0 0.5em',
-                            textDecoration: open && activePanel === 'network' ? 'underline' : 'none',
-                        } }, "Network")),
-                React.createElement("div", { style: { paddingTop: '2em' } }, activePanelContent))));
-    }
-    return null;
-}
-const PanelHeading = ({ children }) => (React.createElement("h1", { style: {
-        paddingTop: '1em',
-        fontWeight: 'bold',
-    } }, children));

package/dist/esnext/foundation/Analytics/ServerAnalyticsRoute.server.d.ts

@@ -1,2 +0,0 @@
-import type { ServerAnalyticsConnector } from '../../types';
-export declare function ServerAnalyticsRoute(request: Request, serverAnalyticsConnectors?: Array<ServerAnalyticsConnector>): Response;

package/dist/esnext/foundation/Analytics/connectors/PerformanceMetrics/ServerAnalyticsConnector.server.d.ts

@@ -1 +0,0 @@
-export declare function request(requestUrl: string, requestHeader: Headers, data?: any, contentType?: string): void;

package/dist/esnext/foundation/Analytics/connectors/PerformanceMetrics/ServerAnalyticsConnector.server.js

@@ -1,25 +0,0 @@
-import { log } from '../../../../utilities/log';
-export function request(requestUrl, requestHeader, data, contentType) {
-    const url = new URL(requestUrl);
-    if (url.search === '?performance' && contentType === 'json') {
-        const initTime = new Date().getTime();
-        fetch('https://monorail-edge.shopifysvc.com/v1/produce', {
-            method: 'post',
-            headers: {
-                'content-type': 'text/plain',
-                'x-forwarded-for': requestHeader.get('x-forwarded-for') || '',
-                'user-agent': requestHeader.get('user-agent') || '',
-            },
-            body: JSON.stringify({
-                schema_id: 'hydrogen_buyer_performance/2.0',
-                payload: data,
-                metadata: {
-                    event_created_at_ms: initTime,
-                    event_sent_at_ms: new Date().getTime(),
-                },
-            }),
-        }).catch((err) => {
-            log.error(err);
-        });
-    }
-}

package/dist/esnext/foundation/Analytics/connectors/Shopify/ServerAnalyticsConnector.server.d.ts

@@ -1 +0,0 @@
-export declare function request(requestUrl: string, requestHeader: Headers, data?: any, contentType?: string): void;

package/dist/esnext/foundation/Analytics/connectors/Shopify/ServerAnalyticsConnector.server.js

@@ -1,19 +0,0 @@
-import { log } from '../../../../utilities/log';
-export function request(requestUrl, requestHeader, data, contentType) {
-    const url = new URL(requestUrl);
-    if (url.search === '?shopify' && contentType === 'json') {
-        data.events.forEach((event) => {
-            event.payload.client_ip_address = requestHeader.get('x-forwarded-for');
-            event.payload.client_user_agent = requestHeader.get('user-agent');
-        });
-        fetch('https://monorail-edge.shopifysvc.com/unstable/produce_batch', {
-            method: 'post',
-            headers: {
-                'content-type': 'text/plain',
-            },
-            body: JSON.stringify(data),
-        }).catch((err) => {
-            log.error(err);
-        });
-    }
-}

package/dist/esnext/framework/Hydration/rsc.d.ts

@@ -1,8 +0,0 @@
-/**
- * Much of this is borrowed from React's demo implementation:
- * @see https://github.com/reactjs/server-components-demo/blob/main/src/Cache.client.js
- *
- * Note that we'd want to add some other constraints and controls around caching here.
- */
-export declare function useServerResponse(state: any): any;
-export declare function useRefresh(): void;

package/dist/esnext/framework/Hydration/rsc.js

@@ -1,102 +0,0 @@
-// TODO should we move this file to src/foundation
-// so it is considered ESM instead of CJS?
-import { createFromFetch, createFromReadableStream,
-// @ts-ignore
- } from '@shopify/hydrogen/vendor/react-server-dom-vite';
-import { ClientAnalytics } from '../../client';
-import { RSC_PATHNAME } from '../../constants';
-let rscReader;
-// Hydrate an SSR response from <meta> tags placed in the DOM.
-const flightChunks = [];
-const FLIGHT_ATTRIBUTE = 'data-flight';
-function addElementToFlightChunks(el) {
-    // We don't need to decode, because `.getAttribute` already decodes
-    const chunk = el.getAttribute(FLIGHT_ATTRIBUTE);
-    if (chunk) {
-        flightChunks.push(chunk);
-    }
-}
-// Get initial payload
-document
-    .querySelectorAll('[' + FLIGHT_ATTRIBUTE + ']')
-    .forEach(addElementToFlightChunks);
-// Create a mutation observer on the document to detect when new
-// <meta data-flight> tags are added, and add them to the array.
-const observer = new MutationObserver((mutations) => {
-    mutations.forEach((mutation) => {
-        mutation.addedNodes.forEach((node) => {
-            if (node instanceof HTMLElement &&
-                node.tagName === 'META' &&
-                node.hasAttribute(FLIGHT_ATTRIBUTE)) {
-                addElementToFlightChunks(node);
-            }
-        });
-    });
-});
-observer.observe(document.documentElement, {
-    childList: true,
-    subtree: true,
-});
-if (flightChunks.length > 0) {
-    const contentLoaded = new Promise((resolve) => document.addEventListener('DOMContentLoaded', resolve));
-    try {
-        rscReader = new ReadableStream({
-            start(controller) {
-                const encoder = new TextEncoder();
-                const write = (chunk) => {
-                    controller.enqueue(encoder.encode(chunk));
-                    return 0;
-                };
-                flightChunks.forEach(write);
-                flightChunks.push = write;
-                contentLoaded.then(() => {
-                    controller.close();
-                    observer.disconnect();
-                });
-            },
-        });
-    }
-    catch (_) {
-        // Old browser, will try a new hydration request later
-    }
-}
-const cache = new Map();
-/**
- * Much of this is borrowed from React's demo implementation:
- * @see https://github.com/reactjs/server-components-demo/blob/main/src/Cache.client.js
- *
- * Note that we'd want to add some other constraints and controls around caching here.
- */
-export function useServerResponse(state) {
-    const key = JSON.stringify(state);
-    let response = cache.get(key);
-    if (response) {
-        return response;
-    }
-    if (rscReader) {
-        // The flight response was inlined during SSR, use it directly.
-        response = createFromReadableStream(rscReader);
-        rscReader = null;
-    }
-    else {
-        if (
-        /* @ts-ignore */
-        window.BOOMR &&
-            /* @ts-ignore */
-            window.BOOMR.plugins &&
-            /* @ts-ignore */
-            window.BOOMR.plugins.Hydrogen) {
-            /* @ts-ignore */
-            window.BOOMR.plugins.Hydrogen.trackSubPageLoadPerformance();
-        }
-        ClientAnalytics.resetPageAnalyticsData();
-        // Request a new flight response.
-        response = createFromFetch(fetch(`${RSC_PATHNAME}?state=` + encodeURIComponent(key)));
-    }
-    cache.clear();
-    cache.set(key, response);
-    return response;
-}
-export function useRefresh() {
-    cache.clear();
-}

package/dist/esnext/hooks/useParsedMetafields/index.d.ts

@@ -1 +0,0 @@
-export { useParsedMetafields } from './useParsedMetafields';

package/dist/esnext/hooks/useParsedMetafields/index.js

@@ -1 +0,0 @@
-export { useParsedMetafields } from './useParsedMetafields';

package/dist/esnext/hooks/useParsedMetafields/useParsedMetafields.d.ts

@@ -1,21 +0,0 @@
-import type { MetafieldConnection } from '../../storefront-api-types';
-import type { PartialDeep } from 'type-fest';
-/**
- * The `useParsedMetafields` hook transforms a [MetafieldConnection](https://shopify.dev/api/storefront/reference/common-objects/metafieldconnection)
- * in an array of metafields whose `values` have been parsed according to the metafield `type`.
- */
-export declare function useParsedMetafields(
-/** A [MetafieldConnection](https://shopify.dev/api/storefront/reference/common-objects/metafieldconnection). */
-metafields?: PartialDeep<MetafieldConnection>): {
-    value: any;
-    id?: string | undefined;
-    __typename?: "Metafield" | undefined;
-    createdAt?: string | undefined;
-    description?: import("../../storefront-api-types").Maybe<string> | undefined;
-    key?: string | undefined;
-    namespace?: string | undefined;
-    parentResource?: import("type-fest/source/partial-deep").PartialObjectDeep<import("../../storefront-api-types").Blog> | import("type-fest/source/partial-deep").PartialObjectDeep<import("../../storefront-api-types").Article> | import("type-fest/source/partial-deep").PartialObjectDeep<import("../../storefront-api-types").Customer> | import("type-fest/source/partial-deep").PartialObjectDeep<import("../../storefront-api-types").ProductVariant> | import("type-fest/source/partial-deep").PartialObjectDeep<import("../../storefront-api-types").Order> | import("type-fest/source/partial-deep").PartialObjectDeep<import("../../storefront-api-types").Collection> | import("type-fest/source/partial-deep").PartialObjectDeep<import("../../storefront-api-types").Page> | import("type-fest/source/partial-deep").PartialObjectDeep<import("../../storefront-api-types").Product> | import("type-fest/source/partial-deep").PartialObjectDeep<import("../../storefront-api-types").Shop> | undefined;
-    reference?: import("type-fest/source/partial-deep").PartialObjectDeep<import("../../storefront-api-types").Video> | import("type-fest/source/partial-deep").PartialObjectDeep<import("../../storefront-api-types").MediaImage> | import("type-fest/source/partial-deep").PartialObjectDeep<import("../../storefront-api-types").ProductVariant> | import("type-fest/source/partial-deep").PartialObjectDeep<import("../../storefront-api-types").Page> | import("type-fest/source/partial-deep").PartialObjectDeep<import("../../storefront-api-types").Product> | import("type-fest/source/partial-deep").PartialObjectDeep<import("../../storefront-api-types").GenericFile> | null | undefined;
-    type?: string | undefined;
-    updatedAt?: string | undefined;
-}[];