@shopify/hydrogen 2.0.0-alpha.1 → 2.0.0-alpha.3
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.
- package/dist/development/index.cjs +80 -79
- package/dist/development/index.cjs.map +1 -1
- package/dist/development/index.js +78 -75
- package/dist/development/index.js.map +1 -1
- package/dist/production/index.cjs +46 -17
- package/dist/production/index.cjs.map +1 -1
- package/dist/production/index.d.ts +24 -21
- package/dist/production/index.js +38 -7
- package/dist/production/index.js.map +1 -1
- package/package.json +7 -8
- package/dist/build/graphiql.js +0 -49
- package/dist/build/index.cjs +0 -133
- package/dist/build/index.cjs.map +0 -1
- package/dist/build/index.d.ts +0 -6
- package/dist/build/index.js +0 -131
- package/dist/build/index.js.map +0 -1
- package/dist/templates/[route-manifest.json].jsx +0 -41
- package/dist/templates/admin.jsx +0 -16
- package/src/templates/routes/[route-manifest.json].tsx +0 -54
- package/src/templates/routes/admin.tsx +0 -15
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var storefrontKitReact = require('@shopify/storefront-kit-react');
|
|
4
4
|
var serverRuntime = require('@remix-run/server-runtime');
|
|
5
5
|
|
|
6
6
|
// src/storefront.ts
|
|
@@ -326,7 +326,7 @@ function createStorefrontClient({
|
|
|
326
326
|
cache,
|
|
327
327
|
waitUntil,
|
|
328
328
|
buyerIp,
|
|
329
|
-
i18n,
|
|
329
|
+
i18n = { language: "EN", country: "US" },
|
|
330
330
|
requestGroupId = generateUUID(),
|
|
331
331
|
...clientOptions
|
|
332
332
|
}) {
|
|
@@ -335,16 +335,12 @@ function createStorefrontClient({
|
|
|
335
335
|
"Storefront API client created without a cache instance. This may slow down your sub-requests."
|
|
336
336
|
);
|
|
337
337
|
}
|
|
338
|
-
clientOptions.storeDomain = clientOptions.storeDomain.replace(
|
|
339
|
-
".myshopify.com",
|
|
340
|
-
""
|
|
341
|
-
);
|
|
342
338
|
const {
|
|
343
339
|
getPublicTokenHeaders,
|
|
344
340
|
getPrivateTokenHeaders,
|
|
345
341
|
getStorefrontApiUrl,
|
|
346
342
|
getShopifyDomain
|
|
347
|
-
} =
|
|
343
|
+
} = storefrontKitReact.createStorefrontClient(clientOptions);
|
|
348
344
|
const getHeaders = clientOptions.privateStorefrontToken ? getPrivateTokenHeaders : getPublicTokenHeaders;
|
|
349
345
|
const defaultHeaders = getHeaders({ contentType: "json" });
|
|
350
346
|
defaultHeaders[STOREFRONT_REQUEST_GROUP_ID_HEADER] = requestGroupId;
|
|
@@ -423,7 +419,7 @@ function createStorefrontClient({
|
|
|
423
419
|
getShopifyDomain,
|
|
424
420
|
getApiUrl: getStorefrontApiUrl,
|
|
425
421
|
isApiError: isStorefrontApiError,
|
|
426
|
-
i18n
|
|
422
|
+
i18n: { pathPrefix: "", ...i18n }
|
|
427
423
|
}
|
|
428
424
|
};
|
|
429
425
|
}
|
|
@@ -522,47 +518,40 @@ var InMemoryCache = class {
|
|
|
522
518
|
return Promise.resolve(cacheKeys);
|
|
523
519
|
}
|
|
524
520
|
};
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
CATALOG: "CATALOG",
|
|
531
|
-
COLLECTION: "COLLECTION",
|
|
532
|
-
COLLECTIONS: "COLLECTIONS",
|
|
533
|
-
FRONT_PAGE: "FRONT_PAGE",
|
|
534
|
-
PAGE: "PAGE",
|
|
535
|
-
PRODUCT: "PRODUCT",
|
|
536
|
-
SEARCH: "SEARCH",
|
|
537
|
-
POLICIES: "POLICIES"
|
|
538
|
-
});
|
|
539
|
-
var REQUIRED_RESOURCES = Object.freeze([
|
|
540
|
-
RESOURCE_TYPES.PRODUCT,
|
|
541
|
-
RESOURCE_TYPES.COLLECTION,
|
|
542
|
-
RESOURCE_TYPES.FRONT_PAGE
|
|
543
|
-
]);
|
|
544
|
-
async function notFoundMaybeRedirect(request, context) {
|
|
521
|
+
async function storefrontRedirect({
|
|
522
|
+
storefront,
|
|
523
|
+
request,
|
|
524
|
+
response = new Response("Not Found", { status: 404 })
|
|
525
|
+
}) {
|
|
545
526
|
const { pathname, search } = new URL(request.url);
|
|
546
|
-
const
|
|
547
|
-
|
|
548
|
-
|
|
549
|
-
|
|
550
|
-
|
|
551
|
-
});
|
|
552
|
-
if (urlRedirects?.edges?.length) {
|
|
553
|
-
return new Response(null, {
|
|
554
|
-
status: 302,
|
|
555
|
-
headers: {
|
|
556
|
-
location: urlRedirects.edges[0]?.node?.target
|
|
557
|
-
}
|
|
527
|
+
const redirectFrom = pathname + search;
|
|
528
|
+
try {
|
|
529
|
+
const { urlRedirects } = await storefront.query(REDIRECT_QUERY, {
|
|
530
|
+
variables: { query: "path:" + redirectFrom },
|
|
531
|
+
storefrontApiVersion: "2023-01"
|
|
558
532
|
});
|
|
559
|
-
|
|
560
|
-
|
|
561
|
-
|
|
562
|
-
|
|
533
|
+
const location = urlRedirects?.edges?.[0]?.node?.target;
|
|
534
|
+
if (location) {
|
|
535
|
+
return new Response(null, { status: 302, headers: { location } });
|
|
536
|
+
}
|
|
537
|
+
const searchParams = new URLSearchParams(search);
|
|
538
|
+
const redirectTo = searchParams.get("return_to") || searchParams.get("redirect");
|
|
539
|
+
if (redirectTo) {
|
|
540
|
+
if (isLocalPath(redirectTo)) {
|
|
541
|
+
return serverRuntime.redirect(redirectTo);
|
|
542
|
+
} else {
|
|
543
|
+
console.warn(
|
|
544
|
+
`Cross-domain redirects are not supported. Tried to redirect from ${redirectFrom} to ${redirectTo}`
|
|
545
|
+
);
|
|
546
|
+
}
|
|
563
547
|
}
|
|
564
|
-
|
|
548
|
+
} catch (error) {
|
|
549
|
+
console.error(
|
|
550
|
+
`Failed to fetch redirects from Storefront API for route ${redirectFrom}`,
|
|
551
|
+
error
|
|
552
|
+
);
|
|
565
553
|
}
|
|
554
|
+
return response;
|
|
566
555
|
}
|
|
567
556
|
function isLocalPath(url) {
|
|
568
557
|
try {
|
|
@@ -573,8 +562,8 @@ function isLocalPath(url) {
|
|
|
573
562
|
return false;
|
|
574
563
|
}
|
|
575
564
|
var REDIRECT_QUERY = `#graphql
|
|
576
|
-
query redirects($
|
|
577
|
-
urlRedirects(first:1, query
|
|
565
|
+
query redirects($query: String) {
|
|
566
|
+
urlRedirects(first: 1, query: $query) {
|
|
578
567
|
edges {
|
|
579
568
|
node {
|
|
580
569
|
target
|
|
@@ -584,36 +573,50 @@ var REDIRECT_QUERY = `#graphql
|
|
|
584
573
|
}
|
|
585
574
|
`;
|
|
586
575
|
|
|
587
|
-
// src/routing/
|
|
588
|
-
|
|
589
|
-
|
|
590
|
-
|
|
591
|
-
|
|
592
|
-
const host = new URL(request.url).host;
|
|
593
|
-
const headers = swapHeaderHostname(request.headers, host, newHost);
|
|
594
|
-
if (!clientIP || !clientIPSig) {
|
|
595
|
-
console.warn(
|
|
596
|
-
"Proxying the online store is only available in Oxygen. This request is likely to be throttled."
|
|
576
|
+
// src/routing/graphiql.ts
|
|
577
|
+
function graphiqlLoader({ context } = {}) {
|
|
578
|
+
if (!context?.storefront) {
|
|
579
|
+
throw new Error(
|
|
580
|
+
`GraphiQL: Hydrogen's storefront client must be injected in the loader context.`
|
|
597
581
|
);
|
|
598
582
|
}
|
|
599
|
-
|
|
600
|
-
|
|
601
|
-
|
|
602
|
-
|
|
603
|
-
|
|
604
|
-
|
|
605
|
-
|
|
606
|
-
|
|
607
|
-
|
|
608
|
-
|
|
609
|
-
|
|
610
|
-
|
|
611
|
-
|
|
612
|
-
|
|
613
|
-
|
|
614
|
-
|
|
615
|
-
|
|
616
|
-
|
|
583
|
+
const url = context.storefront.getApiUrl();
|
|
584
|
+
const accessToken = context.storefront.getPublicTokenHeaders()["X-Shopify-Storefront-Access-Token"];
|
|
585
|
+
return new Response(
|
|
586
|
+
`
|
|
587
|
+
<!DOCTYPE html>
|
|
588
|
+
<html>
|
|
589
|
+
<head>
|
|
590
|
+
<meta charset=utf-8/>
|
|
591
|
+
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, minimal-ui">
|
|
592
|
+
<title>Shopify Storefront API</title>
|
|
593
|
+
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/graphql-playground-react/build/static/css/index.css" />
|
|
594
|
+
<link rel="shortcut icon" href="//cdn.jsdelivr.net/npm/graphql-playground-react/build/favicon.png" />
|
|
595
|
+
<script src="//cdn.jsdelivr.net/npm/graphql-playground-react/build/static/js/middleware.js"><\/script>
|
|
596
|
+
</head>
|
|
597
|
+
<body>
|
|
598
|
+
<div id="root"></div>
|
|
599
|
+
<script>window.addEventListener('load', function (event) {
|
|
600
|
+
GraphQLPlayground.init(document.getElementById('root'), {
|
|
601
|
+
endpoint: '${url}',
|
|
602
|
+
settings:{
|
|
603
|
+
'request.globalHeaders': {
|
|
604
|
+
Accept: 'application/json',
|
|
605
|
+
'Content-Type': 'application/graphql',
|
|
606
|
+
'X-Shopify-Storefront-Access-Token': '${accessToken}'
|
|
607
|
+
}
|
|
608
|
+
},
|
|
609
|
+
tabs: [{
|
|
610
|
+
endpoint: '${url}',
|
|
611
|
+
query: '{ shop { name } }'
|
|
612
|
+
}]
|
|
613
|
+
})
|
|
614
|
+
})<\/script>
|
|
615
|
+
</body>
|
|
616
|
+
</html>
|
|
617
|
+
`,
|
|
618
|
+
{ status: 200, headers: { "content-type": "text/html" } }
|
|
619
|
+
);
|
|
617
620
|
}
|
|
618
621
|
|
|
619
622
|
exports.CacheCustom = CacheCustom;
|
|
@@ -621,12 +624,10 @@ exports.CacheLong = CacheLong;
|
|
|
621
624
|
exports.CacheNone = CacheNone;
|
|
622
625
|
exports.CacheShort = CacheShort;
|
|
623
626
|
exports.InMemoryCache = InMemoryCache;
|
|
624
|
-
exports.REQUIRED_RESOURCES = REQUIRED_RESOURCES;
|
|
625
|
-
exports.RESOURCE_TYPES = RESOURCE_TYPES;
|
|
626
627
|
exports.createStorefrontClient = createStorefrontClient;
|
|
627
628
|
exports.generateCacheControlHeader = generateCacheControlHeader;
|
|
629
|
+
exports.graphiqlLoader = graphiqlLoader;
|
|
628
630
|
exports.isStorefrontApiError = isStorefrontApiError;
|
|
629
|
-
exports.
|
|
630
|
-
exports.proxyLiquidRoute = proxyLiquidRoute;
|
|
631
|
+
exports.storefrontRedirect = storefrontRedirect;
|
|
631
632
|
//# sourceMappingURL=out.js.map
|
|
632
633
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/storefront.ts","../../src/utils/hash.ts","../../src/cache/strategies.ts","../../src/cache/api.ts","../../src/cache/sub-request.ts","../../src/cache/fetch.ts","../../src/constants.ts","../../src/utils/uuid.ts","../../src/utils/parse-json.ts","../../src/utils/warning.ts","../../src/cache/in-memory.ts","../../src/routing/types.ts","../../src/routing/redirect.ts","../../src/routing/proxy.ts"],"names":["isStale","response","body","errors","headers"],"mappings":"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","sourcesContent":["import {\n createStorefrontClient as createStorefrontUtilities,\n type StorefrontApiResponseOk,\n} from '@shopify/hydrogen-react';\nimport type {ExecutionArgs} from 'graphql';\nimport {fetchWithServerCache, checkGraphQLErrors} from './cache/fetch';\nimport {\n STOREFRONT_API_BUYER_IP_HEADER,\n STOREFRONT_REQUEST_GROUP_ID_HEADER,\n} from './constants';\nimport {\n CacheNone,\n CacheLong,\n CacheShort,\n CacheCustom,\n generateCacheControlHeader,\n type CachingStrategy,\n} from './cache/strategies';\nimport {generateUUID} from './utils/uuid';\nimport {parseJSON} from './utils/parse-json';\nimport {\n CountryCode,\n LanguageCode,\n} from '@shopify/hydrogen-react/storefront-api-types';\nimport {warnOnce} from './utils/warning';\n\ntype StorefrontApiResponse<T> = StorefrontApiResponseOk<T>;\n\nexport type StorefrontClient = ReturnType<typeof createStorefrontClient>;\nexport type Storefront = StorefrontClient['storefront'];\n\nexport type CreateStorefrontClientOptions = Parameters<\n typeof createStorefrontUtilities\n>[0] & {\n cache?: Cache;\n buyerIp?: string;\n requestGroupId?: string;\n waitUntil?: ExecutionContext['waitUntil'];\n i18n?: {\n language: LanguageCode;\n country: CountryCode;\n };\n};\n\ntype StorefrontCommonOptions = {\n variables?: ExecutionArgs['variableValues'] & {\n country?: CountryCode;\n language?: LanguageCode;\n };\n headers?: HeadersInit;\n storefrontApiVersion?: string;\n};\n\nexport type StorefrontQueryOptions = StorefrontCommonOptions & {\n query: string;\n mutation?: never;\n cache?: CachingStrategy;\n};\n\nexport type StorefrontMutationOptions = StorefrontCommonOptions & {\n query?: never;\n mutation: string;\n cache?: never;\n};\n\nconst StorefrontApiError = class extends Error {} as ErrorConstructor;\nexport const isStorefrontApiError = (error: any) =>\n error instanceof StorefrontApiError;\n\nconst isQueryRE = /(^|}\\s)query[\\s({]/im;\nconst isMutationRE = /(^|}\\s)mutation[\\s({]/im;\n\nfunction minifyQuery(string: string) {\n return string\n .replace(/\\s*#.*$/gm, '') // Remove GQL comments\n .replace(/\\s+/gm, ' ') // Minify spaces\n .trim();\n}\n\nexport function createStorefrontClient({\n cache,\n waitUntil,\n buyerIp,\n i18n,\n requestGroupId = generateUUID(),\n ...clientOptions\n}: CreateStorefrontClientOptions) {\n if (!cache) {\n // TODO: should only warn in development\n warnOnce(\n 'Storefront API client created without a cache instance. This may slow down your sub-requests.',\n );\n }\n\n clientOptions.storeDomain = clientOptions.storeDomain.replace(\n '.myshopify.com',\n '',\n );\n\n const {\n getPublicTokenHeaders,\n getPrivateTokenHeaders,\n getStorefrontApiUrl,\n getShopifyDomain,\n } = createStorefrontUtilities(clientOptions);\n\n const getHeaders = clientOptions.privateStorefrontToken\n ? getPrivateTokenHeaders\n : getPublicTokenHeaders;\n\n const defaultHeaders = getHeaders({contentType: 'json'});\n\n defaultHeaders[STOREFRONT_REQUEST_GROUP_ID_HEADER] = requestGroupId;\n if (buyerIp) defaultHeaders[STOREFRONT_API_BUYER_IP_HEADER] = buyerIp;\n\n async function fetchStorefrontApi<T>({\n query,\n mutation,\n variables,\n cache: cacheOptions,\n headers = [],\n storefrontApiVersion,\n }: StorefrontQueryOptions | StorefrontMutationOptions): Promise<T> {\n const userHeaders =\n headers instanceof Headers\n ? Object.fromEntries(headers.entries())\n : Array.isArray(headers)\n ? Object.fromEntries(headers)\n : headers;\n\n query = query ?? mutation;\n\n const queryVariables = {...variables};\n\n if (i18n) {\n if (!variables?.country && /\\$country/.test(query)) {\n queryVariables.country = i18n.country;\n }\n\n if (!variables?.language && /\\$language/.test(query)) {\n queryVariables.language = i18n.language;\n }\n }\n\n const url = getStorefrontApiUrl({storefrontApiVersion});\n const requestInit = {\n method: 'POST',\n headers: {...defaultHeaders, ...userHeaders},\n body: JSON.stringify({\n query,\n variables: queryVariables,\n }),\n };\n\n const [body, response] = await fetchWithServerCache(url, requestInit, {\n cacheInstance: mutation ? undefined : cache,\n cache: cacheOptions || CacheShort(),\n shouldCacheResponse: checkGraphQLErrors,\n waitUntil,\n });\n\n if (!response.ok) {\n /**\n * The Storefront API might return a string error, or a JSON-formatted {error: string}.\n * We try both and conform them to a single {errors} format.\n */\n let errors;\n try {\n errors = parseJSON(body);\n } catch (_e) {\n errors = [{message: body}];\n }\n\n throwError(response, errors);\n }\n\n const {data, errors} = body as StorefrontApiResponse<T>;\n\n if (errors?.length) throwError(response, errors, StorefrontApiError);\n\n return data as T;\n }\n\n return {\n storefront: {\n /**\n * Sends a GraphQL query to the Storefront API.\n *\n * Example:\n *\n * ```js\n * async function loader ({context: {storefront}}) {\n * const data = await storefront.query('query { ... }', {\n * variables: {},\n * cache: storefront.CacheLong()\n * });\n * }\n * ```\n */\n query: <T>(\n query: string,\n payload?: StorefrontCommonOptions & {cache?: CachingStrategy},\n ) => {\n query = minifyQuery(query);\n if (isMutationRE.test(query))\n throw new Error('storefront.query cannot execute mutations');\n\n return fetchStorefrontApi<T>({...payload, query});\n },\n /**\n * Sends a GraphQL mutation to the Storefront API.\n *\n * Example:\n *\n * ```js\n * async function loader ({context: {storefront}}) {\n * await storefront.mutate('mutation { ... }', {\n * variables: {},\n * });\n * }\n * ```\n */\n mutate: <T>(mutation: string, payload?: StorefrontCommonOptions) => {\n mutation = minifyQuery(mutation);\n if (isQueryRE.test(mutation))\n throw new Error('storefront.mutate cannot execute queries');\n\n return fetchStorefrontApi<T>({...payload, mutation});\n },\n cache,\n CacheNone,\n CacheLong,\n CacheShort,\n CacheCustom,\n generateCacheControlHeader,\n getPublicTokenHeaders,\n getPrivateTokenHeaders,\n getShopifyDomain,\n getApiUrl: getStorefrontApiUrl,\n /**\n * Wether it's a GraphQL error returned in the Storefront API response.\n *\n * Example:\n *\n * ```js\n * async function loader ({context: {storefront}}) {\n * try {\n * await storefront.query(...);\n * } catch(error) {\n * if (storefront.isApiError(error)) {\n * // ...\n * }\n *\n * throw error;\n * }\n * }\n * ```\n */\n isApiError: isStorefrontApiError,\n i18n,\n },\n };\n}\n\nfunction throwError<T>(\n response: Response,\n errors: StorefrontApiResponse<T>['errors'],\n ErrorConstructor = Error,\n) {\n const reqId = response.headers.get('x-request-id');\n const reqIdMessage = reqId ? ` - Request ID: ${reqId}` : '';\n\n if (errors) {\n const errorMessages =\n typeof errors === 'string'\n ? errors\n : errors.map((error) => error.message).join('\\n');\n\n throw new ErrorConstructor(errorMessages + reqIdMessage);\n }\n\n throw new ErrorConstructor(\n `API response error: ${response.status}` + reqIdMessage,\n );\n}\n","type QueryKey = string | readonly unknown[];\n\nexport function hashKey(queryKey: QueryKey): string {\n const rawKeys = Array.isArray(queryKey) ? queryKey : [queryKey];\n let hash = '';\n\n // Keys from `storefront.query` are in the following shape:\n // ['prefix', 'api-endpoint', {body:'query',headers:{}}]\n // Since the API endpoint already contains the shop domain and api version,\n // we can ignore the headers and only use the `body` from the payload.\n for (const key of rawKeys) {\n if (key != null) {\n if (typeof key === 'object') {\n // Queries from useQuery might not have a `body`. In that case,\n // fallback to a safer (but slower) stringify.\n if (!!key.body && typeof key.body === 'string') {\n hash += key.body;\n } else {\n hash += JSON.stringify(key);\n }\n } else {\n hash += key;\n }\n }\n }\n\n return hash;\n}\n","export interface AllCacheOptions {\n mode?: string;\n maxAge?: number;\n staleWhileRevalidate?: number;\n sMaxAge?: number;\n staleIfError?: number;\n}\n\nexport type CachingStrategy = AllCacheOptions;\n\nexport type NoStoreStrategy = {\n mode: string;\n};\n\nconst PUBLIC = 'public';\nconst PRIVATE = 'private';\nexport const NO_STORE = 'no-store';\n\nconst optionMapping: {\n [key: string]: string;\n} = {\n maxAge: 'max-age',\n staleWhileRevalidate: 'stale-while-revalidate',\n sMaxAge: 's-maxage',\n staleIfError: 'stale-if-error',\n};\n\nexport function generateCacheControlHeader(\n cacheOptions: CachingStrategy,\n): string {\n const cacheControl: string[] = [];\n Object.keys(cacheOptions).forEach((key: string) => {\n if (key === 'mode') {\n cacheControl.push(cacheOptions[key] as string);\n } else if (optionMapping[key]) {\n cacheControl.push(\n `${optionMapping[key]}=${cacheOptions[key as keyof CachingStrategy]}`,\n );\n }\n });\n return cacheControl.join(', ');\n}\n\n/**\n *\n * @public\n */\nexport function CacheNone(): NoStoreStrategy {\n return {\n mode: NO_STORE,\n };\n}\n\nfunction guardExpirableModeType(overrideOptions?: CachingStrategy) {\n if (\n overrideOptions?.mode &&\n overrideOptions?.mode !== PUBLIC &&\n overrideOptions?.mode !== PRIVATE\n ) {\n throw Error(\"'mode' must be either 'public' or 'private'\");\n }\n}\n\n/**\n *\n * @public\n */\nexport function CacheShort(overrideOptions?: CachingStrategy): AllCacheOptions {\n guardExpirableModeType(overrideOptions);\n return {\n mode: PUBLIC,\n maxAge: 1,\n staleWhileRevalidate: 9,\n ...overrideOptions,\n };\n}\n\n/**\n *\n * @public\n */\nexport function CacheLong(overrideOptions?: CachingStrategy): AllCacheOptions {\n guardExpirableModeType(overrideOptions);\n return {\n mode: PUBLIC,\n maxAge: 3600, // 1 hour\n staleWhileRevalidate: 82800, // 23 Hours\n ...overrideOptions,\n };\n}\n\n/**\n *\n * @public\n */\nexport function CacheCustom(overrideOptions: CachingStrategy): AllCacheOptions {\n return overrideOptions as AllCacheOptions;\n}\n","import type {CachingStrategy} from './strategies';\nimport {CacheShort, generateCacheControlHeader} from './strategies';\n\nfunction logCacheApiStatus(status: string | null, url: string) {\n // // eslint-disable-next-line no-console\n // console.log('\\n' + status, url);\n}\n\nfunction getCacheControlSetting(\n userCacheOptions?: CachingStrategy,\n options?: CachingStrategy,\n): CachingStrategy {\n if (userCacheOptions && options) {\n return {\n ...userCacheOptions,\n ...options,\n };\n } else {\n return userCacheOptions || CacheShort();\n }\n}\n\nfunction generateDefaultCacheControlHeader(\n userCacheOptions?: CachingStrategy,\n): string {\n return generateCacheControlHeader(getCacheControlSetting(userCacheOptions));\n}\n\n/**\n * Get an item from the cache. If a match is found, returns a tuple\n * containing the `JSON.parse` version of the response as well\n * as the response itself so it can be checked for staleness.\n */\nasync function getItem(\n cache: Cache,\n request: Request,\n): Promise<Response | undefined> {\n if (!cache) return;\n\n const response = await cache.match(request);\n if (!response) {\n logCacheApiStatus('MISS', request.url);\n return;\n }\n\n logCacheApiStatus('HIT', request.url);\n\n return response;\n}\n\n/**\n * Put an item into the cache.\n */\nasync function setItem(\n cache: Cache,\n request: Request,\n response: Response,\n userCacheOptions: CachingStrategy,\n) {\n if (!cache) return;\n\n /**\n * We are manually managing staled request by adding this workaround.\n * Why? cache control header support is dependent on hosting platform\n *\n * For example:\n *\n * Cloudflare's Cache API does not support `stale-while-revalidate`.\n * Cloudflare cache control header has a very odd behaviour.\n * Say we have the following cache control header on a request:\n *\n * public, max-age=15, stale-while-revalidate=30\n *\n * When there is a cache.match HIT, the cache control header would become\n *\n * public, max-age=14400, stale-while-revalidate=30\n *\n * == `stale-while-revalidate` workaround ==\n * Update response max-age so that:\n *\n * max-age = max-age + stale-while-revalidate\n *\n * For example:\n *\n * public, max-age=1, stale-while-revalidate=9\n * |\n * V\n * public, max-age=10, stale-while-revalidate=9\n *\n * Store the following information in the response header:\n *\n * cache-put-date - UTC time string of when this request is PUT into cache\n *\n * Note on `cache-put-date`: The `response.headers.get('date')` isn't static. I am\n * not positive what date this is returning but it is never over 500 ms\n * after subtracting from the current timestamp.\n *\n * `isStale` function will use the above information to test for stale-ness of a cached response\n */\n\n const cacheControl = getCacheControlSetting(userCacheOptions);\n\n // The padded cache-control to mimic stale-while-revalidate\n request.headers.set(\n 'cache-control',\n generateDefaultCacheControlHeader(\n getCacheControlSetting(cacheControl, {\n maxAge:\n (cacheControl.maxAge || 0) + (cacheControl.staleWhileRevalidate || 0),\n }),\n ),\n );\n // The cache-control we want to set on response\n const cacheControlString = generateDefaultCacheControlHeader(\n getCacheControlSetting(cacheControl),\n );\n\n // CF will override cache-control, so we need to keep a non-modified real-cache-control\n // cache-control is still necessary for mini-oxygen\n response.headers.set('cache-control', cacheControlString);\n response.headers.set('real-cache-control', cacheControlString);\n response.headers.set('cache-put-date', new Date().toUTCString());\n\n logCacheApiStatus('PUT', request.url);\n await cache.put(request, response);\n}\n\nasync function deleteItem(cache: Cache, request: Request) {\n if (!cache) return;\n\n logCacheApiStatus('DELETE', request.url);\n await cache.delete(request);\n}\n\n/**\n * Manually check the response to see if it's stale.\n */\nfunction isStale(request: Request, response: Response) {\n const responseDate = response.headers.get('cache-put-date');\n const cacheControl = response.headers.get('real-cache-control');\n let responseMaxAge = 0;\n\n if (cacheControl) {\n const maxAgeMatch = cacheControl.match(/max-age=(\\d*)/);\n if (maxAgeMatch && maxAgeMatch.length > 1) {\n responseMaxAge = parseFloat(maxAgeMatch[1]);\n }\n }\n\n if (!responseDate) {\n return false;\n }\n\n const ageInMs =\n new Date().valueOf() - new Date(responseDate as string).valueOf();\n const age = ageInMs / 1000;\n\n const result = age > responseMaxAge;\n\n if (result) {\n logCacheApiStatus('STALE', request.url);\n }\n\n return result;\n}\n\n/**\n *\n * @private\n */\nexport const CacheAPI = {\n get: getItem,\n set: setItem,\n delete: deleteItem,\n generateDefaultCacheControlHeader,\n isStale,\n};\n","import {CacheAPI} from './api';\nimport {\n CacheShort,\n type CachingStrategy,\n type AllCacheOptions,\n} from './strategies.js';\n\n/**\n * Wrapper Cache functions for sub queries\n */\n\n/**\n * Cache API is weird. We just need a full URL, so we make one up.\n */\nfunction getKeyUrl(key: string) {\n return `https://shopify.dev/?${key}`;\n}\n\nfunction getCacheOption(userCacheOptions?: CachingStrategy): AllCacheOptions {\n return userCacheOptions || CacheShort();\n}\n\nexport function generateSubRequestCacheControlHeader(\n userCacheOptions?: CachingStrategy,\n): string {\n return CacheAPI.generateDefaultCacheControlHeader(\n getCacheOption(userCacheOptions),\n );\n}\n\n/**\n * Get an item from the cache. If a match is found, returns a tuple\n * containing the `JSON.parse` version of the response as well\n * as the response itself so it can be checked for staleness.\n * @private\n */\nexport async function getItemFromCache(\n cache: Cache,\n key: string,\n): Promise<undefined | [any, Response]> {\n if (!cache) return;\n const url = getKeyUrl(key);\n const request = new Request(url);\n\n const response = await CacheAPI.get(cache, request);\n\n if (!response) {\n return;\n }\n\n return [await response.json(), response];\n}\n\n/**\n * Put an item into the cache.\n * @private\n */\nexport async function setItemInCache(\n cache: Cache,\n key: string,\n value: any,\n userCacheOptions?: CachingStrategy,\n) {\n if (!cache) return;\n\n const url = getKeyUrl(key);\n const request = new Request(url);\n const response = new Response(JSON.stringify(value));\n\n await CacheAPI.set(\n cache,\n request,\n response,\n getCacheOption(userCacheOptions),\n );\n}\n\n/**\n *\n * @private\n */\nexport async function deleteItemFromCache(cache: Cache, key: string) {\n if (!cache) return;\n\n const url = getKeyUrl(key);\n const request = new Request(url);\n\n await CacheAPI.delete(cache, request);\n}\n\n/**\n * Manually check the response to see if it's stale.\n * @private\n */\nexport function isStale(key: string, response: Response) {\n return CacheAPI.isStale(new Request(getKeyUrl(key)), response);\n}\n","import {hashKey} from '../utils/hash.js';\nimport {CacheShort, CachingStrategy} from './strategies';\nimport {getItemFromCache, setItemInCache, isStale} from './sub-request';\n\nexport type FetchCacheOptions = {\n cache?: CachingStrategy;\n cacheInstance?: Cache;\n cacheKey?: string | readonly unknown[];\n shouldCacheResponse?: (body: any, response: Response) => boolean;\n waitUntil?: ExecutionContext['waitUntil'];\n returnType?: 'json' | 'text' | 'arrayBuffer' | 'blob';\n};\n\nfunction serializeResponse(body: any, response: Response) {\n return [\n body,\n {\n status: response.status,\n statusText: response.statusText,\n headers: Array.from(response.headers.entries()),\n },\n ];\n}\n\n// Check if the response body has GraphQL errors\n// https://spec.graphql.org/June2018/#sec-Response-Format\nexport const checkGraphQLErrors = (body: any) => !body?.errors;\n\n// Lock to prevent revalidating the same sub-request\n// in the same isolate. Note that different isolates\n// in the same colo could duplicate the revalidation\n// since this is only an in-memory lock.\n// https://github.com/Shopify/oxygen-platform/issues/625\nconst swrLock = new Set<string>();\n\n/**\n * `fetch` equivalent that stores responses in cache.\n * Useful for calling third-party APIs that need to be cached.\n * @private\n */\nexport async function fetchWithServerCache(\n url: string,\n requestInit: Request | RequestInit,\n {\n cacheInstance,\n cache: cacheOptions,\n cacheKey = [url, requestInit],\n shouldCacheResponse = () => true,\n waitUntil,\n returnType = 'json',\n }: FetchCacheOptions = {},\n): Promise<readonly [any, Response]> {\n if (!cacheOptions && (!requestInit.method || requestInit.method === 'GET')) {\n cacheOptions = CacheShort();\n }\n\n const doFetch = async () => {\n const response = await fetch(url, requestInit);\n let data;\n\n try {\n data = await response[returnType]();\n } catch {\n data = await response.text();\n }\n\n return [data, response] as const;\n };\n\n if (!cacheInstance || !cacheKey || !cacheOptions) return doFetch();\n\n const key = hashKey([\n // '__HYDROGEN_CACHE_ID__', // TODO purgeQueryCacheOnBuild\n ...(typeof cacheKey === 'string' ? [cacheKey] : cacheKey),\n ]);\n\n const cachedItem = await getItemFromCache(cacheInstance, key);\n // console.log('--- Cache', cachedItem ? 'HIT' : 'MISS');\n\n if (cachedItem) {\n const [cachedValue, cacheInfo] = cachedItem;\n\n if (!swrLock.has(key) && isStale(key, cacheInfo)) {\n swrLock.add(key);\n\n // Important: Run revalidation asynchronously.\n const revalidatingPromise = Promise.resolve().then(async () => {\n try {\n const [body, response] = await doFetch();\n\n if (shouldCacheResponse(body, response)) {\n await setItemInCache(\n cacheInstance,\n key,\n serializeResponse(body, response),\n cacheOptions,\n );\n }\n } catch (error: any) {\n if (error.message) {\n error.message = 'SWR in sub-request failed: ' + error.message;\n }\n\n console.error(error);\n } finally {\n swrLock.delete(key);\n }\n });\n\n // Asynchronously wait for it in workers\n waitUntil?.(revalidatingPromise);\n }\n\n const [body, init] = cachedValue;\n return [body, new Response(body, init)];\n }\n\n const [body, response] = await doFetch();\n\n /**\n * Important: Do this async\n */\n if (shouldCacheResponse(body, response)) {\n const setItemInCachePromise = setItemInCache(\n cacheInstance,\n key,\n serializeResponse(body, response),\n cacheOptions,\n );\n\n waitUntil?.(setItemInCachePromise);\n }\n\n return [body, response];\n}\n","export const STOREFRONT_REQUEST_GROUP_ID_HEADER =\n 'Custom-Storefront-Request-Group-ID';\nexport const STOREFRONT_API_BUYER_IP_HEADER = 'Shopify-Storefront-Buyer-IP';\n","/*\n * Generate a UUID using crypto and fallback to Math.random if crypto is not available.\n */\nexport function generateUUID() {\n if (typeof crypto !== 'undefined' && !!crypto.randomUUID) {\n return crypto.randomUUID();\n } else {\n return `weak-${Math.random().toString(16).substring(2)}`;\n }\n}\n","export function parseJSON(json: any) {\n if (String(json).includes('__proto__')) return JSON.parse(json, noproto);\n return JSON.parse(json);\n}\nfunction noproto(k: string, v: string) {\n if (k !== '__proto__') return v;\n}\n","const warnings = new Set<string>();\nexport const warnOnce = (string: string) => {\n if (!warnings.has(string)) {\n console.warn(string);\n warnings.add(string);\n }\n};\n","type CacheMatch = {\n body: Uint8Array;\n timestamp: number;\n status: number;\n headers: [string, string][];\n};\n\n/**\n * This is a limited implementation of an in-memory cache.\n * It only supports the `cache-control` header.\n * It does NOT support `age` or `expires` headers.\n * @see https://developer.mozilla.org/en-US/docs/Web/API/Cache\n */\nexport class InMemoryCache implements Cache {\n #store: Map<string, CacheMatch>;\n\n constructor() {\n this.#store = new Map();\n }\n\n add(request: RequestInfo): Promise<void> {\n throw new Error('Method not implemented. Use `put` instead.');\n }\n\n addAll(requests: RequestInfo[]): Promise<void> {\n throw new Error('Method not implemented. Use `put` instead.');\n }\n\n matchAll(\n request?: RequestInfo,\n options?: CacheQueryOptions,\n ): Promise<readonly Response[]> {\n throw new Error('Method not implemented. Use `match` instead.');\n }\n\n async put(request: Request, response: Response) {\n if (request.method !== 'GET') {\n throw new TypeError('Cannot cache response to non-GET request.');\n }\n\n if (response.status === 206) {\n throw new TypeError(\n 'Cannot cache response to a range request (206 Partial Content).',\n );\n }\n\n if (response.headers.get('vary')?.includes('*')) {\n throw new TypeError(\"Cannot cache response with 'Vary: *' header.\");\n }\n\n this.#store.set(request.url, {\n body: new Uint8Array(await response.arrayBuffer()),\n status: response.status,\n headers: [...response.headers],\n timestamp: Date.now(),\n });\n }\n\n async match(request: Request) {\n if (request.method !== 'GET') return;\n\n const match = this.#store.get(request.url);\n\n if (!match) {\n return;\n }\n\n const {body, timestamp, ...metadata} = match;\n\n const headers = new Headers(metadata.headers);\n const cacheControl =\n headers.get('cache-control') || headers.get('real-cache-control') || '';\n const maxAge = parseInt(\n cacheControl.match(/max-age=(\\d+)/)?.[1] || '0',\n 10,\n );\n const swr = parseInt(\n cacheControl.match(/stale-while-revalidate=(\\d+)/)?.[1] || '0',\n 10,\n );\n const age = (Date.now() - timestamp) / 1000;\n\n const isMiss = age > maxAge + swr;\n\n if (isMiss) {\n this.#store.delete(request.url);\n return;\n }\n\n const isStale = age > maxAge;\n\n headers.set('cache', isStale ? 'STALE' : 'HIT');\n headers.set('date', new Date(timestamp).toUTCString());\n\n return new Response(body, {\n status: metadata.status ?? 200,\n headers,\n });\n }\n\n async delete(request: Request) {\n if (this.#store.has(request.url)) {\n this.#store.delete(request.url);\n return true;\n }\n return false;\n }\n\n keys(request?: Request) {\n const cacheKeys = [] as Request[];\n\n for (const url of this.#store.keys()) {\n if (!request || request.url === url) {\n cacheKeys.push(new Request(url));\n }\n }\n\n return Promise.resolve(cacheKeys);\n }\n}\n","export const RESOURCE_TYPES = Object.freeze({\n BLOG: 'BLOG',\n ARTICLE: 'ARTICLE',\n CATALOG: 'CATALOG',\n COLLECTION: 'COLLECTION',\n COLLECTIONS: 'COLLECTIONS',\n FRONT_PAGE: 'FRONT_PAGE',\n PAGE: 'PAGE',\n PRODUCT: 'PRODUCT',\n SEARCH: 'SEARCH',\n POLICIES: 'POLICIES',\n});\n\nexport const REQUIRED_RESOURCES = Object.freeze([\n RESOURCE_TYPES.PRODUCT,\n RESOURCE_TYPES.COLLECTION,\n RESOURCE_TYPES.FRONT_PAGE,\n]);\n","import {redirect} from '@remix-run/server-runtime';\nimport type {Storefront} from '../storefront';\n\nexport async function notFoundMaybeRedirect(\n request: Request,\n context: {storefront: Storefront},\n): Promise<Response> {\n const {pathname, search} = new URL(request.url);\n const {urlRedirects} = await context.storefront.query<{\n urlRedirects: {\n edges: Array<{node: {target: string}}>;\n };\n }>(REDIRECT_QUERY, {\n variables: {\n url: pathname + search,\n },\n storefrontApiVersion: '2023-01',\n });\n\n if (urlRedirects?.edges?.length) {\n return new Response(null, {\n status: 302,\n headers: {\n location: urlRedirects.edges[0]?.node?.target!,\n },\n });\n } else {\n const redirectPath = new URLSearchParams(search).get('return_to');\n\n if (redirectPath && isLocalPath(redirectPath)) {\n return redirect(redirectPath);\n }\n\n return new Response('Not found', {status: 404});\n }\n}\n\nfunction isLocalPath(url: string) {\n try {\n // We don't want to redirect cross domain,\n // doing so could create fishing vulnerability\n // If `new URL()` succeeds, it's a fully qualified\n // url which is cross domain. If it fails, it's just\n // a path, which will be the current domain.\n new URL(url);\n } catch (e) {\n return true;\n }\n\n return false;\n}\n\nconst REDIRECT_QUERY = `#graphql\n query redirects($url:String) {\n urlRedirects(first:1, query:$url) {\n edges {\n node {\n target\n }\n }\n }\n }\n`;\n","export async function proxyLiquidRoute(\n request: Request,\n storefrontDomain: string,\n destinationPath: string,\n): Promise<Response> {\n const clientIP = request.headers.get('X-Shopify-Client-IP');\n const clientIPSig = request.headers.get('X-Shopify-Client-IP-Sig');\n\n // @todo - filter out google bot user agents when proxying\n\n const newHost = `${storefrontDomain}.myshopify.com`;\n const host = new URL(request.url).host;\n\n const headers = swapHeaderHostname(request.headers, host, newHost);\n\n if (!clientIP || !clientIPSig) {\n console.warn(\n 'Proxying the online store is only available in Oxygen. This request is likely to be throttled.',\n );\n }\n\n return fetch(\n `https://${newHost}${\n destinationPath.startsWith('/') ? destinationPath : '/' + destinationPath\n }`,\n {headers},\n ).then((resp) => {\n const headers = swapHeaderHostname(resp.headers, newHost, host);\n headers.delete('content-encoding');\n return new Response(resp.body, {headers});\n });\n}\n\nfunction swapHeaderHostname(\n headers: Headers,\n hostname: string,\n newHostname: string,\n) {\n const newHeaders = new Headers();\n\n const headersToFilterOut = ['connection'];\n\n for (const [key, value] of headers.entries()) {\n if (!headersToFilterOut.includes(key)) {\n newHeaders.append(key, value.replaceAll(hostname, newHostname));\n }\n }\n\n return newHeaders;\n}\n"]}
|
|
1
|
+
{"version":3,"sources":["../../src/storefront.ts","../../src/utils/hash.ts","../../src/cache/strategies.ts","../../src/cache/api.ts","../../src/cache/sub-request.ts","../../src/cache/fetch.ts","../../src/constants.ts","../../src/utils/uuid.ts","../../src/utils/parse-json.ts","../../src/utils/warning.ts","../../src/cache/in-memory.ts","../../src/routing/redirect.ts","../../src/routing/graphiql.ts"],"names":["isStale","response","body","errors"],"mappings":"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","sourcesContent":["import {\n createStorefrontClient as createStorefrontUtilities,\n type StorefrontApiResponseOk,\n} from '@shopify/storefront-kit-react';\nimport type {ExecutionArgs} from 'graphql';\nimport {fetchWithServerCache, checkGraphQLErrors} from './cache/fetch';\nimport {\n STOREFRONT_API_BUYER_IP_HEADER,\n STOREFRONT_REQUEST_GROUP_ID_HEADER,\n} from './constants';\nimport {\n CacheNone,\n CacheLong,\n CacheShort,\n CacheCustom,\n generateCacheControlHeader,\n type CachingStrategy,\n} from './cache/strategies';\nimport {generateUUID} from './utils/uuid';\nimport {parseJSON} from './utils/parse-json';\nimport {\n CountryCode,\n LanguageCode,\n} from '@shopify/storefront-kit-react/storefront-api-types';\nimport {warnOnce} from './utils/warning';\n\ntype StorefrontApiResponse<T> = StorefrontApiResponseOk<T>;\n\nexport type StorefrontClient = ReturnType<typeof createStorefrontClient>;\nexport type Storefront = StorefrontClient['storefront'];\n\nexport type CreateStorefrontClientOptions = Parameters<\n typeof createStorefrontUtilities\n>[0] & {\n cache?: Cache;\n buyerIp?: string;\n requestGroupId?: string;\n waitUntil?: ExecutionContext['waitUntil'];\n i18n?: {\n language: LanguageCode;\n country: CountryCode;\n pathPrefix?: string;\n };\n};\n\ntype StorefrontCommonOptions = {\n variables?: ExecutionArgs['variableValues'] & {\n country?: CountryCode;\n language?: LanguageCode;\n };\n headers?: HeadersInit;\n storefrontApiVersion?: string;\n};\n\nexport type StorefrontQueryOptions = StorefrontCommonOptions & {\n query: string;\n mutation?: never;\n cache?: CachingStrategy;\n};\n\nexport type StorefrontMutationOptions = StorefrontCommonOptions & {\n query?: never;\n mutation: string;\n cache?: never;\n};\n\nconst StorefrontApiError = class extends Error {} as ErrorConstructor;\nexport const isStorefrontApiError = (error: any) =>\n error instanceof StorefrontApiError;\n\nconst isQueryRE = /(^|}\\s)query[\\s({]/im;\nconst isMutationRE = /(^|}\\s)mutation[\\s({]/im;\n\nfunction minifyQuery(string: string) {\n return string\n .replace(/\\s*#.*$/gm, '') // Remove GQL comments\n .replace(/\\s+/gm, ' ') // Minify spaces\n .trim();\n}\n\nexport function createStorefrontClient({\n cache,\n waitUntil,\n buyerIp,\n i18n = {language: 'EN', country: 'US'},\n requestGroupId = generateUUID(),\n ...clientOptions\n}: CreateStorefrontClientOptions) {\n if (!cache) {\n // TODO: should only warn in development\n warnOnce(\n 'Storefront API client created without a cache instance. This may slow down your sub-requests.',\n );\n }\n\n const {\n getPublicTokenHeaders,\n getPrivateTokenHeaders,\n getStorefrontApiUrl,\n getShopifyDomain,\n } = createStorefrontUtilities(clientOptions);\n\n const getHeaders = clientOptions.privateStorefrontToken\n ? getPrivateTokenHeaders\n : getPublicTokenHeaders;\n\n const defaultHeaders = getHeaders({contentType: 'json'});\n\n defaultHeaders[STOREFRONT_REQUEST_GROUP_ID_HEADER] = requestGroupId;\n if (buyerIp) defaultHeaders[STOREFRONT_API_BUYER_IP_HEADER] = buyerIp;\n\n async function fetchStorefrontApi<T>({\n query,\n mutation,\n variables,\n cache: cacheOptions,\n headers = [],\n storefrontApiVersion,\n }: StorefrontQueryOptions | StorefrontMutationOptions): Promise<T> {\n const userHeaders =\n headers instanceof Headers\n ? Object.fromEntries(headers.entries())\n : Array.isArray(headers)\n ? Object.fromEntries(headers)\n : headers;\n\n query = query ?? mutation;\n\n const queryVariables = {...variables};\n\n if (i18n) {\n if (!variables?.country && /\\$country/.test(query)) {\n queryVariables.country = i18n.country;\n }\n\n if (!variables?.language && /\\$language/.test(query)) {\n queryVariables.language = i18n.language;\n }\n }\n\n const url = getStorefrontApiUrl({storefrontApiVersion});\n const requestInit = {\n method: 'POST',\n headers: {...defaultHeaders, ...userHeaders},\n body: JSON.stringify({\n query,\n variables: queryVariables,\n }),\n };\n\n const [body, response] = await fetchWithServerCache(url, requestInit, {\n cacheInstance: mutation ? undefined : cache,\n cache: cacheOptions || CacheShort(),\n shouldCacheResponse: checkGraphQLErrors,\n waitUntil,\n });\n\n if (!response.ok) {\n /**\n * The Storefront API might return a string error, or a JSON-formatted {error: string}.\n * We try both and conform them to a single {errors} format.\n */\n let errors;\n try {\n errors = parseJSON(body);\n } catch (_e) {\n errors = [{message: body}];\n }\n\n throwError(response, errors);\n }\n\n const {data, errors} = body as StorefrontApiResponse<T>;\n\n if (errors?.length) throwError(response, errors, StorefrontApiError);\n\n return data as T;\n }\n\n return {\n storefront: {\n /**\n * Sends a GraphQL query to the Storefront API.\n *\n * Example:\n *\n * ```js\n * async function loader ({context: {storefront}}) {\n * const data = await storefront.query('query { ... }', {\n * variables: {},\n * cache: storefront.CacheLong()\n * });\n * }\n * ```\n */\n query: <T>(\n query: string,\n payload?: StorefrontCommonOptions & {cache?: CachingStrategy},\n ) => {\n query = minifyQuery(query);\n if (isMutationRE.test(query))\n throw new Error('storefront.query cannot execute mutations');\n\n return fetchStorefrontApi<T>({...payload, query});\n },\n /**\n * Sends a GraphQL mutation to the Storefront API.\n *\n * Example:\n *\n * ```js\n * async function loader ({context: {storefront}}) {\n * await storefront.mutate('mutation { ... }', {\n * variables: {},\n * });\n * }\n * ```\n */\n mutate: <T>(mutation: string, payload?: StorefrontCommonOptions) => {\n mutation = minifyQuery(mutation);\n if (isQueryRE.test(mutation))\n throw new Error('storefront.mutate cannot execute queries');\n\n return fetchStorefrontApi<T>({...payload, mutation});\n },\n cache,\n CacheNone,\n CacheLong,\n CacheShort,\n CacheCustom,\n generateCacheControlHeader,\n getPublicTokenHeaders,\n getPrivateTokenHeaders,\n getShopifyDomain,\n getApiUrl: getStorefrontApiUrl,\n /**\n * Wether it's a GraphQL error returned in the Storefront API response.\n *\n * Example:\n *\n * ```js\n * async function loader ({context: {storefront}}) {\n * try {\n * await storefront.query(...);\n * } catch(error) {\n * if (storefront.isApiError(error)) {\n * // ...\n * }\n *\n * throw error;\n * }\n * }\n * ```\n */\n isApiError: isStorefrontApiError,\n // Add default value for pathPefix.\n i18n: {pathPrefix: '', ...i18n},\n },\n };\n}\n\nfunction throwError<T>(\n response: Response,\n errors: StorefrontApiResponse<T>['errors'],\n ErrorConstructor = Error,\n) {\n const reqId = response.headers.get('x-request-id');\n const reqIdMessage = reqId ? ` - Request ID: ${reqId}` : '';\n\n if (errors) {\n const errorMessages =\n typeof errors === 'string'\n ? errors\n : errors.map((error) => error.message).join('\\n');\n\n throw new ErrorConstructor(errorMessages + reqIdMessage);\n }\n\n throw new ErrorConstructor(\n `API response error: ${response.status}` + reqIdMessage,\n );\n}\n","type QueryKey = string | readonly unknown[];\n\nexport function hashKey(queryKey: QueryKey): string {\n const rawKeys = Array.isArray(queryKey) ? queryKey : [queryKey];\n let hash = '';\n\n // Keys from `storefront.query` are in the following shape:\n // ['prefix', 'api-endpoint', {body:'query',headers:{}}]\n // Since the API endpoint already contains the shop domain and api version,\n // we can ignore the headers and only use the `body` from the payload.\n for (const key of rawKeys) {\n if (key != null) {\n if (typeof key === 'object') {\n // Queries from useQuery might not have a `body`. In that case,\n // fallback to a safer (but slower) stringify.\n if (!!key.body && typeof key.body === 'string') {\n hash += key.body;\n } else {\n hash += JSON.stringify(key);\n }\n } else {\n hash += key;\n }\n }\n }\n\n return hash;\n}\n","export interface AllCacheOptions {\n mode?: string;\n maxAge?: number;\n staleWhileRevalidate?: number;\n sMaxAge?: number;\n staleIfError?: number;\n}\n\nexport type CachingStrategy = AllCacheOptions;\n\nexport type NoStoreStrategy = {\n mode: string;\n};\n\nconst PUBLIC = 'public';\nconst PRIVATE = 'private';\nexport const NO_STORE = 'no-store';\n\nconst optionMapping: {\n [key: string]: string;\n} = {\n maxAge: 'max-age',\n staleWhileRevalidate: 'stale-while-revalidate',\n sMaxAge: 's-maxage',\n staleIfError: 'stale-if-error',\n};\n\nexport function generateCacheControlHeader(\n cacheOptions: CachingStrategy,\n): string {\n const cacheControl: string[] = [];\n Object.keys(cacheOptions).forEach((key: string) => {\n if (key === 'mode') {\n cacheControl.push(cacheOptions[key] as string);\n } else if (optionMapping[key]) {\n cacheControl.push(\n `${optionMapping[key]}=${cacheOptions[key as keyof CachingStrategy]}`,\n );\n }\n });\n return cacheControl.join(', ');\n}\n\n/**\n *\n * @public\n */\nexport function CacheNone(): NoStoreStrategy {\n return {\n mode: NO_STORE,\n };\n}\n\nfunction guardExpirableModeType(overrideOptions?: CachingStrategy) {\n if (\n overrideOptions?.mode &&\n overrideOptions?.mode !== PUBLIC &&\n overrideOptions?.mode !== PRIVATE\n ) {\n throw Error(\"'mode' must be either 'public' or 'private'\");\n }\n}\n\n/**\n *\n * @public\n */\nexport function CacheShort(overrideOptions?: CachingStrategy): AllCacheOptions {\n guardExpirableModeType(overrideOptions);\n return {\n mode: PUBLIC,\n maxAge: 1,\n staleWhileRevalidate: 9,\n ...overrideOptions,\n };\n}\n\n/**\n *\n * @public\n */\nexport function CacheLong(overrideOptions?: CachingStrategy): AllCacheOptions {\n guardExpirableModeType(overrideOptions);\n return {\n mode: PUBLIC,\n maxAge: 3600, // 1 hour\n staleWhileRevalidate: 82800, // 23 Hours\n ...overrideOptions,\n };\n}\n\n/**\n *\n * @public\n */\nexport function CacheCustom(overrideOptions: CachingStrategy): AllCacheOptions {\n return overrideOptions as AllCacheOptions;\n}\n","import type {CachingStrategy} from './strategies';\nimport {CacheShort, generateCacheControlHeader} from './strategies';\n\nfunction logCacheApiStatus(status: string | null, url: string) {\n // // eslint-disable-next-line no-console\n // console.log('\\n' + status, url);\n}\n\nfunction getCacheControlSetting(\n userCacheOptions?: CachingStrategy,\n options?: CachingStrategy,\n): CachingStrategy {\n if (userCacheOptions && options) {\n return {\n ...userCacheOptions,\n ...options,\n };\n } else {\n return userCacheOptions || CacheShort();\n }\n}\n\nfunction generateDefaultCacheControlHeader(\n userCacheOptions?: CachingStrategy,\n): string {\n return generateCacheControlHeader(getCacheControlSetting(userCacheOptions));\n}\n\n/**\n * Get an item from the cache. If a match is found, returns a tuple\n * containing the `JSON.parse` version of the response as well\n * as the response itself so it can be checked for staleness.\n */\nasync function getItem(\n cache: Cache,\n request: Request,\n): Promise<Response | undefined> {\n if (!cache) return;\n\n const response = await cache.match(request);\n if (!response) {\n logCacheApiStatus('MISS', request.url);\n return;\n }\n\n logCacheApiStatus('HIT', request.url);\n\n return response;\n}\n\n/**\n * Put an item into the cache.\n */\nasync function setItem(\n cache: Cache,\n request: Request,\n response: Response,\n userCacheOptions: CachingStrategy,\n) {\n if (!cache) return;\n\n /**\n * We are manually managing staled request by adding this workaround.\n * Why? cache control header support is dependent on hosting platform\n *\n * For example:\n *\n * Cloudflare's Cache API does not support `stale-while-revalidate`.\n * Cloudflare cache control header has a very odd behaviour.\n * Say we have the following cache control header on a request:\n *\n * public, max-age=15, stale-while-revalidate=30\n *\n * When there is a cache.match HIT, the cache control header would become\n *\n * public, max-age=14400, stale-while-revalidate=30\n *\n * == `stale-while-revalidate` workaround ==\n * Update response max-age so that:\n *\n * max-age = max-age + stale-while-revalidate\n *\n * For example:\n *\n * public, max-age=1, stale-while-revalidate=9\n * |\n * V\n * public, max-age=10, stale-while-revalidate=9\n *\n * Store the following information in the response header:\n *\n * cache-put-date - UTC time string of when this request is PUT into cache\n *\n * Note on `cache-put-date`: The `response.headers.get('date')` isn't static. I am\n * not positive what date this is returning but it is never over 500 ms\n * after subtracting from the current timestamp.\n *\n * `isStale` function will use the above information to test for stale-ness of a cached response\n */\n\n const cacheControl = getCacheControlSetting(userCacheOptions);\n\n // The padded cache-control to mimic stale-while-revalidate\n request.headers.set(\n 'cache-control',\n generateDefaultCacheControlHeader(\n getCacheControlSetting(cacheControl, {\n maxAge:\n (cacheControl.maxAge || 0) + (cacheControl.staleWhileRevalidate || 0),\n }),\n ),\n );\n // The cache-control we want to set on response\n const cacheControlString = generateDefaultCacheControlHeader(\n getCacheControlSetting(cacheControl),\n );\n\n // CF will override cache-control, so we need to keep a non-modified real-cache-control\n // cache-control is still necessary for mini-oxygen\n response.headers.set('cache-control', cacheControlString);\n response.headers.set('real-cache-control', cacheControlString);\n response.headers.set('cache-put-date', new Date().toUTCString());\n\n logCacheApiStatus('PUT', request.url);\n await cache.put(request, response);\n}\n\nasync function deleteItem(cache: Cache, request: Request) {\n if (!cache) return;\n\n logCacheApiStatus('DELETE', request.url);\n await cache.delete(request);\n}\n\n/**\n * Manually check the response to see if it's stale.\n */\nfunction isStale(request: Request, response: Response) {\n const responseDate = response.headers.get('cache-put-date');\n const cacheControl = response.headers.get('real-cache-control');\n let responseMaxAge = 0;\n\n if (cacheControl) {\n const maxAgeMatch = cacheControl.match(/max-age=(\\d*)/);\n if (maxAgeMatch && maxAgeMatch.length > 1) {\n responseMaxAge = parseFloat(maxAgeMatch[1]);\n }\n }\n\n if (!responseDate) {\n return false;\n }\n\n const ageInMs =\n new Date().valueOf() - new Date(responseDate as string).valueOf();\n const age = ageInMs / 1000;\n\n const result = age > responseMaxAge;\n\n if (result) {\n logCacheApiStatus('STALE', request.url);\n }\n\n return result;\n}\n\n/**\n *\n * @private\n */\nexport const CacheAPI = {\n get: getItem,\n set: setItem,\n delete: deleteItem,\n generateDefaultCacheControlHeader,\n isStale,\n};\n","import {CacheAPI} from './api';\nimport {\n CacheShort,\n type CachingStrategy,\n type AllCacheOptions,\n} from './strategies.js';\n\n/**\n * Wrapper Cache functions for sub queries\n */\n\n/**\n * Cache API is weird. We just need a full URL, so we make one up.\n */\nfunction getKeyUrl(key: string) {\n return `https://shopify.dev/?${key}`;\n}\n\nfunction getCacheOption(userCacheOptions?: CachingStrategy): AllCacheOptions {\n return userCacheOptions || CacheShort();\n}\n\nexport function generateSubRequestCacheControlHeader(\n userCacheOptions?: CachingStrategy,\n): string {\n return CacheAPI.generateDefaultCacheControlHeader(\n getCacheOption(userCacheOptions),\n );\n}\n\n/**\n * Get an item from the cache. If a match is found, returns a tuple\n * containing the `JSON.parse` version of the response as well\n * as the response itself so it can be checked for staleness.\n * @private\n */\nexport async function getItemFromCache(\n cache: Cache,\n key: string,\n): Promise<undefined | [any, Response]> {\n if (!cache) return;\n const url = getKeyUrl(key);\n const request = new Request(url);\n\n const response = await CacheAPI.get(cache, request);\n\n if (!response) {\n return;\n }\n\n return [await response.json(), response];\n}\n\n/**\n * Put an item into the cache.\n * @private\n */\nexport async function setItemInCache(\n cache: Cache,\n key: string,\n value: any,\n userCacheOptions?: CachingStrategy,\n) {\n if (!cache) return;\n\n const url = getKeyUrl(key);\n const request = new Request(url);\n const response = new Response(JSON.stringify(value));\n\n await CacheAPI.set(\n cache,\n request,\n response,\n getCacheOption(userCacheOptions),\n );\n}\n\n/**\n *\n * @private\n */\nexport async function deleteItemFromCache(cache: Cache, key: string) {\n if (!cache) return;\n\n const url = getKeyUrl(key);\n const request = new Request(url);\n\n await CacheAPI.delete(cache, request);\n}\n\n/**\n * Manually check the response to see if it's stale.\n * @private\n */\nexport function isStale(key: string, response: Response) {\n return CacheAPI.isStale(new Request(getKeyUrl(key)), response);\n}\n","import {hashKey} from '../utils/hash.js';\nimport {CacheShort, CachingStrategy} from './strategies';\nimport {getItemFromCache, setItemInCache, isStale} from './sub-request';\n\nexport type FetchCacheOptions = {\n cache?: CachingStrategy;\n cacheInstance?: Cache;\n cacheKey?: string | readonly unknown[];\n shouldCacheResponse?: (body: any, response: Response) => boolean;\n waitUntil?: ExecutionContext['waitUntil'];\n returnType?: 'json' | 'text' | 'arrayBuffer' | 'blob';\n};\n\nfunction serializeResponse(body: any, response: Response) {\n return [\n body,\n {\n status: response.status,\n statusText: response.statusText,\n headers: Array.from(response.headers.entries()),\n },\n ];\n}\n\n// Check if the response body has GraphQL errors\n// https://spec.graphql.org/June2018/#sec-Response-Format\nexport const checkGraphQLErrors = (body: any) => !body?.errors;\n\n// Lock to prevent revalidating the same sub-request\n// in the same isolate. Note that different isolates\n// in the same colo could duplicate the revalidation\n// since this is only an in-memory lock.\n// https://github.com/Shopify/oxygen-platform/issues/625\nconst swrLock = new Set<string>();\n\n/**\n * `fetch` equivalent that stores responses in cache.\n * Useful for calling third-party APIs that need to be cached.\n * @private\n */\nexport async function fetchWithServerCache(\n url: string,\n requestInit: Request | RequestInit,\n {\n cacheInstance,\n cache: cacheOptions,\n cacheKey = [url, requestInit],\n shouldCacheResponse = () => true,\n waitUntil,\n returnType = 'json',\n }: FetchCacheOptions = {},\n): Promise<readonly [any, Response]> {\n if (!cacheOptions && (!requestInit.method || requestInit.method === 'GET')) {\n cacheOptions = CacheShort();\n }\n\n const doFetch = async () => {\n const response = await fetch(url, requestInit);\n let data;\n\n try {\n data = await response[returnType]();\n } catch {\n data = await response.text();\n }\n\n return [data, response] as const;\n };\n\n if (!cacheInstance || !cacheKey || !cacheOptions) return doFetch();\n\n const key = hashKey([\n // '__HYDROGEN_CACHE_ID__', // TODO purgeQueryCacheOnBuild\n ...(typeof cacheKey === 'string' ? [cacheKey] : cacheKey),\n ]);\n\n const cachedItem = await getItemFromCache(cacheInstance, key);\n // console.log('--- Cache', cachedItem ? 'HIT' : 'MISS');\n\n if (cachedItem) {\n const [cachedValue, cacheInfo] = cachedItem;\n\n if (!swrLock.has(key) && isStale(key, cacheInfo)) {\n swrLock.add(key);\n\n // Important: Run revalidation asynchronously.\n const revalidatingPromise = Promise.resolve().then(async () => {\n try {\n const [body, response] = await doFetch();\n\n if (shouldCacheResponse(body, response)) {\n await setItemInCache(\n cacheInstance,\n key,\n serializeResponse(body, response),\n cacheOptions,\n );\n }\n } catch (error: any) {\n if (error.message) {\n error.message = 'SWR in sub-request failed: ' + error.message;\n }\n\n console.error(error);\n } finally {\n swrLock.delete(key);\n }\n });\n\n // Asynchronously wait for it in workers\n waitUntil?.(revalidatingPromise);\n }\n\n const [body, init] = cachedValue;\n return [body, new Response(body, init)];\n }\n\n const [body, response] = await doFetch();\n\n /**\n * Important: Do this async\n */\n if (shouldCacheResponse(body, response)) {\n const setItemInCachePromise = setItemInCache(\n cacheInstance,\n key,\n serializeResponse(body, response),\n cacheOptions,\n );\n\n waitUntil?.(setItemInCachePromise);\n }\n\n return [body, response];\n}\n","export const STOREFRONT_REQUEST_GROUP_ID_HEADER =\n 'Custom-Storefront-Request-Group-ID';\nexport const STOREFRONT_API_BUYER_IP_HEADER = 'Shopify-Storefront-Buyer-IP';\n","/*\n * Generate a UUID using crypto and fallback to Math.random if crypto is not available.\n */\nexport function generateUUID() {\n if (typeof crypto !== 'undefined' && !!crypto.randomUUID) {\n return crypto.randomUUID();\n } else {\n return `weak-${Math.random().toString(16).substring(2)}`;\n }\n}\n","export function parseJSON(json: any) {\n if (String(json).includes('__proto__')) return JSON.parse(json, noproto);\n return JSON.parse(json);\n}\nfunction noproto(k: string, v: string) {\n if (k !== '__proto__') return v;\n}\n","const warnings = new Set<string>();\nexport const warnOnce = (string: string) => {\n if (!warnings.has(string)) {\n console.warn(string);\n warnings.add(string);\n }\n};\n","type CacheMatch = {\n body: Uint8Array;\n timestamp: number;\n status: number;\n headers: [string, string][];\n};\n\n/**\n * This is a limited implementation of an in-memory cache.\n * It only supports the `cache-control` header.\n * It does NOT support `age` or `expires` headers.\n * @see https://developer.mozilla.org/en-US/docs/Web/API/Cache\n */\nexport class InMemoryCache implements Cache {\n #store: Map<string, CacheMatch>;\n\n constructor() {\n this.#store = new Map();\n }\n\n add(request: RequestInfo): Promise<void> {\n throw new Error('Method not implemented. Use `put` instead.');\n }\n\n addAll(requests: RequestInfo[]): Promise<void> {\n throw new Error('Method not implemented. Use `put` instead.');\n }\n\n matchAll(\n request?: RequestInfo,\n options?: CacheQueryOptions,\n ): Promise<readonly Response[]> {\n throw new Error('Method not implemented. Use `match` instead.');\n }\n\n async put(request: Request, response: Response) {\n if (request.method !== 'GET') {\n throw new TypeError('Cannot cache response to non-GET request.');\n }\n\n if (response.status === 206) {\n throw new TypeError(\n 'Cannot cache response to a range request (206 Partial Content).',\n );\n }\n\n if (response.headers.get('vary')?.includes('*')) {\n throw new TypeError(\"Cannot cache response with 'Vary: *' header.\");\n }\n\n this.#store.set(request.url, {\n body: new Uint8Array(await response.arrayBuffer()),\n status: response.status,\n headers: [...response.headers],\n timestamp: Date.now(),\n });\n }\n\n async match(request: Request) {\n if (request.method !== 'GET') return;\n\n const match = this.#store.get(request.url);\n\n if (!match) {\n return;\n }\n\n const {body, timestamp, ...metadata} = match;\n\n const headers = new Headers(metadata.headers);\n const cacheControl =\n headers.get('cache-control') || headers.get('real-cache-control') || '';\n const maxAge = parseInt(\n cacheControl.match(/max-age=(\\d+)/)?.[1] || '0',\n 10,\n );\n const swr = parseInt(\n cacheControl.match(/stale-while-revalidate=(\\d+)/)?.[1] || '0',\n 10,\n );\n const age = (Date.now() - timestamp) / 1000;\n\n const isMiss = age > maxAge + swr;\n\n if (isMiss) {\n this.#store.delete(request.url);\n return;\n }\n\n const isStale = age > maxAge;\n\n headers.set('cache', isStale ? 'STALE' : 'HIT');\n headers.set('date', new Date(timestamp).toUTCString());\n\n return new Response(body, {\n status: metadata.status ?? 200,\n headers,\n });\n }\n\n async delete(request: Request) {\n if (this.#store.has(request.url)) {\n this.#store.delete(request.url);\n return true;\n }\n return false;\n }\n\n keys(request?: Request) {\n const cacheKeys = [] as Request[];\n\n for (const url of this.#store.keys()) {\n if (!request || request.url === url) {\n cacheKeys.push(new Request(url));\n }\n }\n\n return Promise.resolve(cacheKeys);\n }\n}\n","import {redirect} from '@remix-run/server-runtime';\nimport type {UrlRedirectConnection} from '@shopify/storefront-kit-react/storefront-api-types';\nimport type {Storefront} from '../storefront';\n\ntype StorefrontRedirect = {\n storefront: Storefront;\n request: Request;\n response?: Response;\n};\n\n/**\n * Queries the Storefront API to see if there is any redirect\n * created for the current route and performs it. Otherwise,\n * it returns the response passed in the parameters. Useful for\n * conditionally redirecting after a 404 response.\n *\n * @see {@link https://help.shopify.com/en/manual/online-store/menus-and-links/url-redirect Creating URL redirects in Shopify}\n */\nexport async function storefrontRedirect({\n storefront,\n request,\n response = new Response('Not Found', {status: 404}),\n}: StorefrontRedirect): Promise<Response> {\n const {pathname, search} = new URL(request.url);\n const redirectFrom = pathname + search;\n\n try {\n const {urlRedirects} = await storefront.query<{\n urlRedirects: UrlRedirectConnection;\n }>(REDIRECT_QUERY, {\n variables: {query: 'path:' + redirectFrom},\n storefrontApiVersion: '2023-01',\n });\n\n const location = urlRedirects?.edges?.[0]?.node?.target;\n\n if (location) {\n return new Response(null, {status: 302, headers: {location}});\n }\n\n const searchParams = new URLSearchParams(search);\n const redirectTo =\n searchParams.get('return_to') || searchParams.get('redirect');\n\n if (redirectTo) {\n if (isLocalPath(redirectTo)) {\n return redirect(redirectTo);\n } else {\n console.warn(\n `Cross-domain redirects are not supported. Tried to redirect from ${redirectFrom} to ${redirectTo}`,\n );\n }\n }\n } catch (error) {\n console.error(\n `Failed to fetch redirects from Storefront API for route ${redirectFrom}`,\n error,\n );\n }\n\n return response;\n}\n\nfunction isLocalPath(url: string) {\n try {\n // We don't want to redirect cross domain,\n // doing so could create fishing vulnerability\n // If `new URL()` succeeds, it's a fully qualified\n // url which is cross domain. If it fails, it's just\n // a path, which will be the current domain.\n new URL(url);\n } catch (e) {\n return true;\n }\n\n return false;\n}\n\nconst REDIRECT_QUERY = `#graphql\n query redirects($query: String) {\n urlRedirects(first: 1, query: $query) {\n edges {\n node {\n target\n }\n }\n }\n }\n`;\n","import type {LoaderArgs} from '@remix-run/server-runtime';\nimport type {StorefrontClient} from '../storefront';\n\nexport function graphiqlLoader(\n {context} = {} as LoaderArgs & {\n context: LoaderArgs['context'] & StorefrontClient;\n },\n) {\n if (!context?.storefront) {\n throw new Error(\n `GraphiQL: Hydrogen's storefront client must be injected in the loader context.`,\n );\n }\n\n const url = context.storefront.getApiUrl();\n const accessToken =\n context.storefront.getPublicTokenHeaders()[\n 'X-Shopify-Storefront-Access-Token'\n ];\n\n return new Response(\n `\n<!DOCTYPE html>\n<html>\n<head>\n <meta charset=utf-8/>\n <meta name=\"viewport\" content=\"user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, minimal-ui\">\n <title>Shopify Storefront API</title>\n <link rel=\"stylesheet\" href=\"//cdn.jsdelivr.net/npm/graphql-playground-react/build/static/css/index.css\" />\n <link rel=\"shortcut icon\" href=\"//cdn.jsdelivr.net/npm/graphql-playground-react/build/favicon.png\" />\n <script src=\"//cdn.jsdelivr.net/npm/graphql-playground-react/build/static/js/middleware.js\"></script>\n</head>\n<body>\n <div id=\"root\"></div>\n <script>window.addEventListener('load', function (event) {\n GraphQLPlayground.init(document.getElementById('root'), {\n endpoint: '${url}',\n settings:{\n 'request.globalHeaders': {\n Accept: 'application/json',\n 'Content-Type': 'application/graphql',\n 'X-Shopify-Storefront-Access-Token': '${accessToken}'\n }\n },\n tabs: [{\n endpoint: '${url}',\n query: '{ shop { name } }'\n }]\n })\n })</script>\n</body>\n</html>\n `,\n {status: 200, headers: {'content-type': 'text/html'}},\n );\n}\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { createStorefrontClient as createStorefrontClient$1 } from '@shopify/
|
|
1
|
+
import { createStorefrontClient as createStorefrontClient$1 } from '@shopify/storefront-kit-react';
|
|
2
2
|
import { redirect } from '@remix-run/server-runtime';
|
|
3
3
|
|
|
4
4
|
// src/storefront.ts
|
|
@@ -324,7 +324,7 @@ function createStorefrontClient({
|
|
|
324
324
|
cache,
|
|
325
325
|
waitUntil,
|
|
326
326
|
buyerIp,
|
|
327
|
-
i18n,
|
|
327
|
+
i18n = { language: "EN", country: "US" },
|
|
328
328
|
requestGroupId = generateUUID(),
|
|
329
329
|
...clientOptions
|
|
330
330
|
}) {
|
|
@@ -333,10 +333,6 @@ function createStorefrontClient({
|
|
|
333
333
|
"Storefront API client created without a cache instance. This may slow down your sub-requests."
|
|
334
334
|
);
|
|
335
335
|
}
|
|
336
|
-
clientOptions.storeDomain = clientOptions.storeDomain.replace(
|
|
337
|
-
".myshopify.com",
|
|
338
|
-
""
|
|
339
|
-
);
|
|
340
336
|
const {
|
|
341
337
|
getPublicTokenHeaders,
|
|
342
338
|
getPrivateTokenHeaders,
|
|
@@ -421,7 +417,7 @@ function createStorefrontClient({
|
|
|
421
417
|
getShopifyDomain,
|
|
422
418
|
getApiUrl: getStorefrontApiUrl,
|
|
423
419
|
isApiError: isStorefrontApiError,
|
|
424
|
-
i18n
|
|
420
|
+
i18n: { pathPrefix: "", ...i18n }
|
|
425
421
|
}
|
|
426
422
|
};
|
|
427
423
|
}
|
|
@@ -520,47 +516,40 @@ var InMemoryCache = class {
|
|
|
520
516
|
return Promise.resolve(cacheKeys);
|
|
521
517
|
}
|
|
522
518
|
};
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
CATALOG: "CATALOG",
|
|
529
|
-
COLLECTION: "COLLECTION",
|
|
530
|
-
COLLECTIONS: "COLLECTIONS",
|
|
531
|
-
FRONT_PAGE: "FRONT_PAGE",
|
|
532
|
-
PAGE: "PAGE",
|
|
533
|
-
PRODUCT: "PRODUCT",
|
|
534
|
-
SEARCH: "SEARCH",
|
|
535
|
-
POLICIES: "POLICIES"
|
|
536
|
-
});
|
|
537
|
-
var REQUIRED_RESOURCES = Object.freeze([
|
|
538
|
-
RESOURCE_TYPES.PRODUCT,
|
|
539
|
-
RESOURCE_TYPES.COLLECTION,
|
|
540
|
-
RESOURCE_TYPES.FRONT_PAGE
|
|
541
|
-
]);
|
|
542
|
-
async function notFoundMaybeRedirect(request, context) {
|
|
519
|
+
async function storefrontRedirect({
|
|
520
|
+
storefront,
|
|
521
|
+
request,
|
|
522
|
+
response = new Response("Not Found", { status: 404 })
|
|
523
|
+
}) {
|
|
543
524
|
const { pathname, search } = new URL(request.url);
|
|
544
|
-
const
|
|
545
|
-
|
|
546
|
-
|
|
547
|
-
|
|
548
|
-
|
|
549
|
-
});
|
|
550
|
-
if (urlRedirects?.edges?.length) {
|
|
551
|
-
return new Response(null, {
|
|
552
|
-
status: 302,
|
|
553
|
-
headers: {
|
|
554
|
-
location: urlRedirects.edges[0]?.node?.target
|
|
555
|
-
}
|
|
525
|
+
const redirectFrom = pathname + search;
|
|
526
|
+
try {
|
|
527
|
+
const { urlRedirects } = await storefront.query(REDIRECT_QUERY, {
|
|
528
|
+
variables: { query: "path:" + redirectFrom },
|
|
529
|
+
storefrontApiVersion: "2023-01"
|
|
556
530
|
});
|
|
557
|
-
|
|
558
|
-
|
|
559
|
-
|
|
560
|
-
|
|
531
|
+
const location = urlRedirects?.edges?.[0]?.node?.target;
|
|
532
|
+
if (location) {
|
|
533
|
+
return new Response(null, { status: 302, headers: { location } });
|
|
534
|
+
}
|
|
535
|
+
const searchParams = new URLSearchParams(search);
|
|
536
|
+
const redirectTo = searchParams.get("return_to") || searchParams.get("redirect");
|
|
537
|
+
if (redirectTo) {
|
|
538
|
+
if (isLocalPath(redirectTo)) {
|
|
539
|
+
return redirect(redirectTo);
|
|
540
|
+
} else {
|
|
541
|
+
console.warn(
|
|
542
|
+
`Cross-domain redirects are not supported. Tried to redirect from ${redirectFrom} to ${redirectTo}`
|
|
543
|
+
);
|
|
544
|
+
}
|
|
561
545
|
}
|
|
562
|
-
|
|
546
|
+
} catch (error) {
|
|
547
|
+
console.error(
|
|
548
|
+
`Failed to fetch redirects from Storefront API for route ${redirectFrom}`,
|
|
549
|
+
error
|
|
550
|
+
);
|
|
563
551
|
}
|
|
552
|
+
return response;
|
|
564
553
|
}
|
|
565
554
|
function isLocalPath(url) {
|
|
566
555
|
try {
|
|
@@ -571,8 +560,8 @@ function isLocalPath(url) {
|
|
|
571
560
|
return false;
|
|
572
561
|
}
|
|
573
562
|
var REDIRECT_QUERY = `#graphql
|
|
574
|
-
query redirects($
|
|
575
|
-
urlRedirects(first:1, query
|
|
563
|
+
query redirects($query: String) {
|
|
564
|
+
urlRedirects(first: 1, query: $query) {
|
|
576
565
|
edges {
|
|
577
566
|
node {
|
|
578
567
|
target
|
|
@@ -582,38 +571,52 @@ var REDIRECT_QUERY = `#graphql
|
|
|
582
571
|
}
|
|
583
572
|
`;
|
|
584
573
|
|
|
585
|
-
// src/routing/
|
|
586
|
-
|
|
587
|
-
|
|
588
|
-
|
|
589
|
-
|
|
590
|
-
const host = new URL(request.url).host;
|
|
591
|
-
const headers = swapHeaderHostname(request.headers, host, newHost);
|
|
592
|
-
if (!clientIP || !clientIPSig) {
|
|
593
|
-
console.warn(
|
|
594
|
-
"Proxying the online store is only available in Oxygen. This request is likely to be throttled."
|
|
574
|
+
// src/routing/graphiql.ts
|
|
575
|
+
function graphiqlLoader({ context } = {}) {
|
|
576
|
+
if (!context?.storefront) {
|
|
577
|
+
throw new Error(
|
|
578
|
+
`GraphiQL: Hydrogen's storefront client must be injected in the loader context.`
|
|
595
579
|
);
|
|
596
580
|
}
|
|
597
|
-
|
|
598
|
-
|
|
599
|
-
|
|
600
|
-
|
|
601
|
-
|
|
602
|
-
|
|
603
|
-
|
|
604
|
-
|
|
605
|
-
|
|
606
|
-
|
|
607
|
-
|
|
608
|
-
|
|
609
|
-
|
|
610
|
-
|
|
611
|
-
|
|
612
|
-
|
|
613
|
-
|
|
614
|
-
|
|
581
|
+
const url = context.storefront.getApiUrl();
|
|
582
|
+
const accessToken = context.storefront.getPublicTokenHeaders()["X-Shopify-Storefront-Access-Token"];
|
|
583
|
+
return new Response(
|
|
584
|
+
`
|
|
585
|
+
<!DOCTYPE html>
|
|
586
|
+
<html>
|
|
587
|
+
<head>
|
|
588
|
+
<meta charset=utf-8/>
|
|
589
|
+
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, minimal-ui">
|
|
590
|
+
<title>Shopify Storefront API</title>
|
|
591
|
+
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/graphql-playground-react/build/static/css/index.css" />
|
|
592
|
+
<link rel="shortcut icon" href="//cdn.jsdelivr.net/npm/graphql-playground-react/build/favicon.png" />
|
|
593
|
+
<script src="//cdn.jsdelivr.net/npm/graphql-playground-react/build/static/js/middleware.js"><\/script>
|
|
594
|
+
</head>
|
|
595
|
+
<body>
|
|
596
|
+
<div id="root"></div>
|
|
597
|
+
<script>window.addEventListener('load', function (event) {
|
|
598
|
+
GraphQLPlayground.init(document.getElementById('root'), {
|
|
599
|
+
endpoint: '${url}',
|
|
600
|
+
settings:{
|
|
601
|
+
'request.globalHeaders': {
|
|
602
|
+
Accept: 'application/json',
|
|
603
|
+
'Content-Type': 'application/graphql',
|
|
604
|
+
'X-Shopify-Storefront-Access-Token': '${accessToken}'
|
|
605
|
+
}
|
|
606
|
+
},
|
|
607
|
+
tabs: [{
|
|
608
|
+
endpoint: '${url}',
|
|
609
|
+
query: '{ shop { name } }'
|
|
610
|
+
}]
|
|
611
|
+
})
|
|
612
|
+
})<\/script>
|
|
613
|
+
</body>
|
|
614
|
+
</html>
|
|
615
|
+
`,
|
|
616
|
+
{ status: 200, headers: { "content-type": "text/html" } }
|
|
617
|
+
);
|
|
615
618
|
}
|
|
616
619
|
|
|
617
|
-
export { CacheCustom, CacheLong, CacheNone, CacheShort, InMemoryCache,
|
|
620
|
+
export { CacheCustom, CacheLong, CacheNone, CacheShort, InMemoryCache, createStorefrontClient, generateCacheControlHeader, graphiqlLoader, isStorefrontApiError, storefrontRedirect };
|
|
618
621
|
//# sourceMappingURL=out.js.map
|
|
619
622
|
//# sourceMappingURL=index.js.map
|