@shopify/hydrogen 0.24.0 → 0.26.0

package/dist/node/utilities/log/log.js

@@ -1,81 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.logServerResponse = exports.setLogger = exports.log = exports.getLoggerWithContext = void 0;
-const kolorist_1 = require("kolorist");
-const timing_1 = require("../timing");
-const utils_1 = require("./utils");
-const defaultLogger = {
-    trace(context, ...args) {
-        // Re-enable following line to show trace debugging information
-        // console.log(context.id, ...args);
-    },
-    debug(context, ...args) {
-        console.log(...args);
-    },
-    warn(context, ...args) {
-        console.warn((0, kolorist_1.yellow)('WARN: '), ...args);
-    },
-    error(context, ...args) {
-        console.error((0, kolorist_1.red)('ERROR: '), ...args);
-    },
-    fatal(context, ...args) {
-        console.error((0, kolorist_1.red)('FATAL: '), ...args);
-    },
-    options: () => ({}),
-};
-let currentLogger = defaultLogger;
-function doLog(method, request, ...args) {
-    var _a, _b, _c;
-    const maybePromise = currentLogger[method](request, ...args);
-    if (maybePromise instanceof Promise) {
-        (_c = (_b = (_a = request === null || request === void 0 ? void 0 : request.ctx) === null || _a === void 0 ? void 0 : _a.runtime) === null || _b === void 0 ? void 0 : _b.waitUntil) === null || _c === void 0 ? void 0 : _c.call(_b, maybePromise);
-    }
-}
-function getLoggerWithContext(context) {
-    return {
-        trace: (...args) => doLog('trace', context, ...args),
-        debug: (...args) => doLog('debug', context, ...args),
-        warn: (...args) => doLog('warn', context, ...args),
-        error: (...args) => doLog('error', context, ...args),
-        fatal: (...args) => doLog('fatal', context, ...args),
-        options: () => currentLogger.options(),
-    };
-}
-exports.getLoggerWithContext = getLoggerWithContext;
-exports.log = getLoggerWithContext({});
-function setLogger(config) {
-    if (!config) {
-        currentLogger = defaultLogger;
-        return;
-    }
-    const options = {};
-    currentLogger = { ...defaultLogger, ...config, options: () => options };
-    for (const key of Object.keys(config)) {
-        if (!(key in defaultLogger)) {
-            delete currentLogger[key];
-            options[key] = config[key];
-        }
-    }
-}
-exports.setLogger = setLogger;
-const SERVER_RESPONSE_MAP = {
-    str: 'streaming SSR',
-    rsc: 'Server Components',
-    ssr: 'buffered SSR',
-};
-function logServerResponse(type, request, responseStatus) {
-    const log = getLoggerWithContext(request);
-    const coloredResponseStatus = responseStatus >= 500
-        ? (0, kolorist_1.red)(responseStatus)
-        : responseStatus >= 400
-            ? (0, kolorist_1.yellow)(responseStatus)
-            : responseStatus >= 300
-                ? (0, kolorist_1.lightBlue)(responseStatus)
-                : (0, kolorist_1.green)(responseStatus);
-    const fullType = SERVER_RESPONSE_MAP[type] || type;
-    const styledType = (0, kolorist_1.italic)(fullType.padEnd(17));
-    const paddedTiming = (((0, timing_1.getTime)() - request.time).toFixed(2) + ' ms').padEnd(10);
-    const url = (0, utils_1.parseUrl)(type, request.url);
-    log.debug(`${request.method} ${styledType} ${coloredResponseStatus} ${paddedTiming} ${url}`);
-}
-exports.logServerResponse = logServerResponse;

package/dist/node/utilities/log/utils.d.ts

@@ -1,3 +0,0 @@
-import type { RenderType } from './log';
-export declare function findQueryName(key: string): string;
-export declare function parseUrl(type: RenderType, url: string): string;

package/dist/node/utilities/log/utils.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.parseUrl = exports.findQueryName = void 0;
-function findQueryName(key) {
-    const decodeKey = decodeURIComponent(key);
-    if (key.length < 100) {
-        return key.replace('"__QUERY_CACHE_ID__"', '').replace(/"/g, '');
-    }
-    const match = decodeKey.match(/query ([^\s()]*)\s?(|\(\{)/);
-    if (match && match.length > 1) {
-        return match[1];
-    }
-    return '<unknown>';
-}
-exports.findQueryName = findQueryName;
-function parseUrl(type, url) {
-    return type === 'rsc'
-        ? decodeURIComponent(url.substring(url.indexOf('=') + 1))
-        : url;
-}
-exports.parseUrl = parseUrl;

package/dist/node/utilities/matchPath.d.ts

@@ -1,10 +0,0 @@
-import { TokensToRegexpOptions } from 'path-to-regexp';
-interface MatchPathOptions extends TokensToRegexpOptions {
-    path?: string;
-    exact?: boolean;
-}
-/**
- * Public API for matching a URL pathname to a path.
- */
-export declare function matchPath(pathname: string, options?: MatchPathOptions): any;
-export {};

package/dist/node/utilities/matchPath.js

@@ -1,58 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.matchPath = void 0;
-const path_to_regexp_1 = require("path-to-regexp");
-// Modified from React Router v5
-// https://github.com/remix-run/react-router/blob/v5/packages/react-router/modules/matchPath.js
-const cache = {};
-const cacheLimit = 10000;
-let cacheCount = 0;
-function compilePath(path, options) {
-    const cacheKey = `${options.end}${options.strict}${options.sensitive}`;
-    const pathCache = cache[cacheKey] || (cache[cacheKey] = {});
-    if (pathCache[path])
-        return pathCache[path];
-    const keys = [];
-    const regexp = (0, path_to_regexp_1.pathToRegexp)(path, keys, options);
-    const result = { regexp, keys };
-    if (cacheCount < cacheLimit) {
-        pathCache[path] = result;
-        cacheCount++;
-    }
-    return result;
-}
-/**
- * Public API for matching a URL pathname to a path.
- */
-function matchPath(pathname, options = {}) {
-    const { path, exact = false, strict = false, sensitive = false } = options;
-    const paths = [].concat(path);
-    return paths.reduce((matched, path) => {
-        if (!path && path !== '')
-            return null;
-        if (matched)
-            return matched;
-        const { regexp, keys } = compilePath(path, {
-            end: exact,
-            strict,
-            sensitive,
-        });
-        const match = regexp.exec(pathname);
-        if (!match)
-            return null;
-        const [url, ...values] = match;
-        const isExact = pathname === url;
-        if (exact && !isExact)
-            return null;
-        return {
-            path,
-            url: path === '/' && url === '' ? '/' : url,
-            isExact,
-            params: keys.reduce((memo, key, index) => {
-                memo[key.name] = values[index];
-                return memo;
-            }, {}),
-        };
-    }, null);
-}
-exports.matchPath = matchPath;

package/dist/node/utilities/measurement.d.ts

@@ -1,3 +0,0 @@
-import { Measurement } from '../types';
-export declare function getMeasurementAsString(measurement: Measurement, locale?: string, options?: Intl.NumberFormatOptions): string;
-export declare function getMeasurementAsParts(measurement: Measurement, locale?: string, options?: Intl.NumberFormatOptions): Intl.NumberFormatPart[];

package/dist/node/utilities/measurement.js

@@ -1,103 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getMeasurementAsParts = exports.getMeasurementAsString = void 0;
-const UNIT_MAPPING = {
-    // Dimension
-    mm: 'millimeter',
-    cm: 'centimeter',
-    m: 'meter',
-    in: 'inch',
-    ft: 'foot',
-    yd: 'yard',
-    // Volume
-    ml: 'milliliter',
-    l: 'liter',
-    us_fl_oz: 'fluid-ounce',
-    us_gal: 'gallon',
-    // Weight
-    kg: 'kilogram',
-    g: 'gram',
-    lb: 'pound',
-    oz: 'ounce',
-};
-function getMeasurementAsString(measurement, locale = 'en-us', options = {}) {
-    let measure = {
-        value: measurement.value,
-        unit: UNIT_MAPPING[measurement.unit],
-    };
-    if (measure.unit == null) {
-        measure = convertToSupportedUnit(measurement.value, measurement.unit);
-    }
-    return new Intl.NumberFormat(locale, {
-        ...options,
-        unit: measure.unit,
-        style: 'unit',
-    }).format(measure.value);
-}
-exports.getMeasurementAsString = getMeasurementAsString;
-function getMeasurementAsParts(measurement, locale = 'en-us', options = {}) {
-    let measure = {
-        value: measurement.value,
-        unit: UNIT_MAPPING[measurement.unit],
-    };
-    if (measure.unit == null) {
-        measure = convertToSupportedUnit(measurement.value, measurement.unit);
-    }
-    return new Intl.NumberFormat(locale, {
-        ...options,
-        unit: measure.unit,
-        style: 'unit',
-    }).formatToParts(measure.value);
-}
-exports.getMeasurementAsParts = getMeasurementAsParts;
-function convertToSupportedUnit(value, unit) {
-    switch (unit) {
-        case 'cl':
-            return {
-                value: value / 1000,
-                unit: 'liter',
-            };
-        case 'm3':
-            return {
-                value: value * 1000,
-                unit: 'liter',
-            };
-        case 'us_pt':
-            return {
-                value: value * 0.125,
-                unit: 'gallon',
-            };
-        case 'us_qt':
-            return {
-                value: value * 0.5,
-                unit: 'gallon',
-            };
-        case 'us_oz':
-            return {
-                value: value / 128,
-                unit: 'gallon',
-            };
-        case 'imp_pt':
-            return {
-                value: value / 6.661,
-                unit: 'gallon',
-            };
-        case 'imp_qt':
-            return {
-                value: value / 3.331,
-                unit: 'gallon',
-            };
-        case 'imp_gal':
-            return {
-                value: value / 1.201,
-                unit: 'gallon',
-            };
-        case 'imp_fl_oz':
-            return {
-                value: value * 0.96076,
-                unit: 'fluid-ounce',
-            };
-        default:
-            throw new Error(`Unit not supported: ${unit}`);
-    }
-}

package/dist/node/utilities/parse.d.ts

@@ -1 +0,0 @@
-export declare function parseJSON(json: any): any;

package/dist/node/utilities/parse.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.parseJSON = void 0;
-function parseJSON(json) {
-    if (String(json).includes('__proto__'))
-        return JSON.parse(json, noproto);
-    return JSON.parse(json);
-}
-exports.parseJSON = parseJSON;
-function noproto(k, v) {
-    if (k !== '__proto__')
-        return v;
-}

package/dist/node/utilities/parseMetafieldValue/index.d.ts

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

package/dist/node/utilities/parseMetafieldValue/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.parseMetafieldValue = void 0;
-var parseMetafieldValue_1 = require("./parseMetafieldValue");
-Object.defineProperty(exports, "parseMetafieldValue", { enumerable: true, get: function () { return parseMetafieldValue_1.parseMetafieldValue; } });

package/dist/node/utilities/parseMetafieldValue/parseMetafieldValue.d.ts

@@ -1,6 +0,0 @@
-import type { Metafield } from '../../storefront-api-types';
-import type { PartialDeep } from 'type-fest';
-/**
- * The `parseMetafieldValue` function parses a [Metafield](https://shopify.dev/api/storefront/reference/common-objects/metafield)'s `value` from a string into a sensible type corresponding to the [Metafield](https://shopify.dev/api/storefront/reference/common-objects/metafield)'s `type`.
- */
-export declare function parseMetafieldValue(metafield: PartialDeep<Metafield>): any;

package/dist/node/utilities/parseMetafieldValue/parseMetafieldValue.js

@@ -1,40 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.parseMetafieldValue = void 0;
-const parse_1 = require("../parse");
-/**
- * The `parseMetafieldValue` function parses a [Metafield](https://shopify.dev/api/storefront/reference/common-objects/metafield)'s `value` from a string into a sensible type corresponding to the [Metafield](https://shopify.dev/api/storefront/reference/common-objects/metafield)'s `type`.
- */
-function parseMetafieldValue(metafield) {
-    if (metafield.value == null) {
-        return metafield.value;
-    }
-    switch (metafield.type) {
-        case 'boolean':
-            return metafield.value == 'true';
-        case 'number_integer':
-            return parseInt(metafield.value);
-        case 'number_decimal':
-            return parseFloat(metafield.value);
-        case 'date':
-        case 'date_time':
-            return new Date(metafield.value);
-        case 'json':
-        case 'weight':
-        case 'dimension':
-        case 'volume':
-        case 'rating':
-            return (0, parse_1.parseJSON)(metafield.value);
-        case 'color':
-        case 'single_line_text_field':
-        case 'multi_line_text_field':
-        case 'product_reference':
-        case 'page_reference':
-        case 'variant_reference':
-        case 'file_reference':
-        case 'url':
-        default:
-            return metafield.value;
-    }
-}
-exports.parseMetafieldValue = parseMetafieldValue;

package/dist/node/utilities/storefrontApi.d.ts

@@ -1,4 +0,0 @@
-export declare function getStorefrontApiRequestHeaders({ buyerIp, storefrontToken, }: {
-    buyerIp?: string | null;
-    storefrontToken: string;
-}): Record<string, any>;

package/dist/node/utilities/storefrontApi.js

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getStorefrontApiRequestHeaders = void 0;
-/* global Oxygen */
-const constants_1 = require("../constants");
-function getStorefrontApiRequestHeaders({ buyerIp, storefrontToken, }) {
-    var _a;
-    const headers = {};
-    const secretToken = typeof Oxygen !== 'undefined'
-        ? (_a = Oxygen === null || Oxygen === void 0 ? void 0 : Oxygen.env) === null || _a === void 0 ? void 0 : _a[constants_1.OXYGEN_SECRET_TOKEN_ENVIRONMENT_VARIABLE]
-        : null;
-    /**
-     * Only pass one type of storefront token at a time.
-     */
-    if (secretToken) {
-        headers[constants_1.STOREFRONT_API_SECRET_TOKEN_HEADER] = secretToken;
-    }
-    else {
-        headers[constants_1.STOREFRONT_API_PUBLIC_TOKEN_HEADER] = storefrontToken;
-    }
-    if (buyerIp) {
-        headers[constants_1.STOREFRONT_API_BUYER_IP_HEADER] = buyerIp;
-    }
-    return headers;
-}
-exports.getStorefrontApiRequestHeaders = getStorefrontApiRequestHeaders;

package/dist/node/utilities/suspense.d.ts

@@ -1,12 +0,0 @@
-import { QueryKey } from '../types';
-/**
- * Wrap the fetch promise in a way that React Suspense understands.
- * Essentially, keep throwing something until you have legit data.
- */
-export declare function wrapPromise<T>(promise: Promise<T>): {
-    read: () => T;
-};
-declare type Await<T> = T extends Promise<infer V> ? V : never;
-export declare const suspendFunction: <Fn extends () => Promise<unknown>>(key: QueryKey, fn: Fn) => Await<ReturnType<Fn>>;
-export declare const preloadFunction: (key: QueryKey, fn: () => Promise<unknown>) => unknown;
-export {};

package/dist/node/utilities/suspense.js

@@ -1,64 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.preloadFunction = exports.suspendFunction = exports.wrapPromise = void 0;
-const hash_1 = require("./hash");
-/**
- * Wrap the fetch promise in a way that React Suspense understands.
- * Essentially, keep throwing something until you have legit data.
- */
-function wrapPromise(promise) {
-    let status = 'pending';
-    let response;
-    const suspender = promise.then((res) => {
-        status = 'success';
-        response = res;
-    }, (err) => {
-        status = 'error';
-        response = err;
-    });
-    const read = () => {
-        switch (status) {
-            case 'pending':
-                throw suspender;
-            case 'error':
-                throw response;
-            default:
-                return response;
-        }
-    };
-    return { read };
-}
-exports.wrapPromise = wrapPromise;
-const browserCache = {};
-/**
- * Perform an async function in a synchronous way for Suspense support.
- * To be used only in the client.
- * Inspired by https://github.com/pmndrs/suspend-react
- */
-function query(key, fn, preload = false) {
-    const stringKey = (0, hash_1.hashKey)(key);
-    if (browserCache[stringKey]) {
-        const entry = browserCache[stringKey];
-        if (preload)
-            return undefined;
-        if (entry.error)
-            throw entry.error;
-        if (entry.response)
-            return entry.response;
-        if (!preload)
-            throw entry.promise;
-    }
-    const entry = {
-        promise: fn()
-            .then((response) => (entry.response = response))
-            .catch((error) => (entry.error = error)),
-    };
-    browserCache[stringKey] = entry;
-    if (!preload)
-        throw entry.promise;
-    return undefined;
-}
-const suspendFunction = (key, fn) => query(key, fn);
-exports.suspendFunction = suspendFunction;
-const preloadFunction = (key, fn) => query(key, fn, true);
-exports.preloadFunction = preloadFunction;

package/dist/node/utilities/template.d.ts

@@ -1,9 +0,0 @@
-/**
- * Strip out script `src` values from <script> tags in a given HTML template.
- * Returns two lists of scripts, split based on whether they are `type="module"`.
- */
-export declare function stripScriptsFromTemplate(template: string): {
-    noScriptTemplate: string;
-    bootstrapScripts: string[];
-    bootstrapModules: string[];
-};

package/dist/node/utilities/template.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.stripScriptsFromTemplate = void 0;
-/**
- * Strip out script `src` values from <script> tags in a given HTML template.
- * Returns two lists of scripts, split based on whether they are `type="module"`.
- */
-function stripScriptsFromTemplate(template) {
-    var _a;
-    const bootstrapScripts = [];
-    const bootstrapModules = [];
-    const scripts = template.matchAll(/<script\n*?.+?src="(?<script>([^"]+?))"\n*.*?><\/script>/g);
-    for (const match of scripts) {
-        const scriptName = (_a = match.groups) === null || _a === void 0 ? void 0 : _a.script;
-        if (!scriptName)
-            continue;
-        if (match[0].includes(`type="module"`)) {
-            bootstrapModules.push(scriptName);
-        }
-        else {
-            bootstrapScripts.push(scriptName);
-        }
-        template = template.replace(match[0], '');
-    }
-    return { noScriptTemplate: template, bootstrapScripts, bootstrapModules };
-}
-exports.stripScriptsFromTemplate = stripScriptsFromTemplate;

package/dist/node/utilities/timing.d.ts

@@ -1,7 +0,0 @@
-/**
- * Not all environments have access to Performance.now(). This is to prevent
- * timing side channel attacks.
- *
- * See: https://community.cloudflare.com/t/cloudflare-workers-how-do-i-measure-execution-time-of-my-method/69672
- */
-export declare function getTime(): number;

package/dist/node/utilities/timing.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getTime = void 0;
-/**
- * Not all environments have access to Performance.now(). This is to prevent
- * timing side channel attacks.
- *
- * See: https://community.cloudflare.com/t/cloudflare-workers-how-do-i-measure-execution-time-of-my-method/69672
- */
-function getTime() {
-    if (typeof performance !== 'undefined' && performance.now) {
-        return performance.now();
-    }
-    else {
-        return Date.now();
-    }
-}
-exports.getTime = getTime;

package/dist/node/utilities/video_parameters.d.ts

@@ -1,47 +0,0 @@
-export interface YouTube {
-    autoplay?: 0 | 1;
-    cc_lang_pref?: string;
-    cc_load_policy?: 1;
-    color?: 'red' | 'white';
-    controls?: 0 | 1;
-    disablekb?: 0 | 1;
-    enablejsapi?: 0 | 1;
-    end?: number;
-    fs?: 0 | 1;
-    hl?: string;
-    iv_load_policy?: 1 | 3;
-    list?: string;
-    list_type?: 'playlist' | 'user_uploads';
-    loop?: 0 | 1;
-    modest_branding?: 1;
-    origin?: string;
-    playlist?: string;
-    plays_inline?: 0 | 1;
-    rel?: 0 | 1;
-    start?: number;
-    widget_referrer?: string;
-}
-declare type VimeoBoolean = 0 | 1 | boolean;
-export interface Vimeo {
-    autopause?: VimeoBoolean;
-    autoplay?: VimeoBoolean;
-    background?: VimeoBoolean;
-    byline?: VimeoBoolean;
-    color?: string;
-    controls?: VimeoBoolean;
-    dnt?: VimeoBoolean;
-    loop?: VimeoBoolean;
-    muted?: VimeoBoolean;
-    pip?: VimeoBoolean;
-    playsinline?: VimeoBoolean;
-    portrait?: VimeoBoolean;
-    quality?: '240p' | '360p' | '540p' | '720p' | '1080p' | '2k' | '4k';
-    speed?: VimeoBoolean;
-    '#t'?: string;
-    texttrack?: string;
-    title?: VimeoBoolean;
-    transparent?: VimeoBoolean;
-}
-export declare function addParametersToEmbeddedVideoUrl(url: string, parameters?: YouTube | Vimeo): string;
-export declare function useEmbeddedVideoUrl(url: string, parameters?: YouTube | Vimeo): string;
-export {};

package/dist/node/utilities/video_parameters.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useEmbeddedVideoUrl = exports.addParametersToEmbeddedVideoUrl = void 0;
-const react_1 = require("react");
-function addParametersToEmbeddedVideoUrl(url, parameters) {
-    if (parameters == null) {
-        return url;
-    }
-    const params = Object.keys(parameters).reduce((accumulator, param) => {
-        const value = parameters[param];
-        if (value == null) {
-            return accumulator;
-        }
-        return accumulator + `&${param}=${value}`;
-    }, '');
-    return `${url}?${params}`;
-}
-exports.addParametersToEmbeddedVideoUrl = addParametersToEmbeddedVideoUrl;
-function useEmbeddedVideoUrl(url, parameters) {
-    return (0, react_1.useMemo)(() => {
-        if (!parameters) {
-            return url;
-        }
-        return addParametersToEmbeddedVideoUrl(url, parameters);
-    }, [url, parameters]);
-}
-exports.useEmbeddedVideoUrl = useEmbeddedVideoUrl;

package/dist/node/version.d.ts

@@ -1 +0,0 @@
-export declare const LIB_VERSION = "0.24.0";

package/dist/node/version.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LIB_VERSION = void 0;
-exports.LIB_VERSION = '0.24.0';

package/entry-client.d.ts

@@ -1 +0,0 @@
-export {default} from './dist/esnext/entry-client';

package/entry-client.js

@@ -1 +0,0 @@
-export {default} from './dist/esnext/entry-client';

package/entry-server.d.ts

@@ -1 +0,0 @@
-export {default, AppProps} from './dist/esnext/entry-server';

package/entry-server.js

@@ -1 +0,0 @@
-export {default} from './dist/esnext/entry-server';

package/middleware.d.ts

@@ -1 +0,0 @@
-export * from './dist/node/framework/middleware';

package/middleware.js

@@ -1 +0,0 @@
-module.exports = require('./dist/node/framework/middleware');

package/plugin.d.ts

@@ -1 +0,0 @@
-export {default} from './dist/node/framework/plugin';

package/plugin.js

@@ -1 +0,0 @@
-module.exports = require('./dist/node/framework/plugin');

package/web-polyfills.js

@@ -1 +0,0 @@
-require('./dist/node/utilities/web-api-polyfill');