@shopify/hydrogen 0.22.1 → 0.25.0

package/dist/node/streaming.server.d.ts

@@ -1,26 +0,0 @@
-import type { Writable } from 'stream';
-export declare const rscRenderToReadableStream: (App: JSX.Element, options?: {
-    onError?: ((error: Error) => void) | undefined;
-} | undefined) => ReadableStream<Uint8Array>;
-export declare const createFromReadableStream: (rs: ReadableStream<Uint8Array>) => {
-    readRoot: () => JSX.Element;
-};
-declare type StreamOptions = {
-    nonce?: string;
-    bootstrapScripts?: string[];
-    bootstrapModules?: string[];
-    onError?: (error: Error) => void;
-};
-export declare const ssrRenderToPipeableStream: (App: JSX.Element, options: StreamOptions & {
-    onAllReady?: (() => void) | undefined;
-    onShellReady?: (() => void) | undefined;
-    onShellError?: ((error: Error) => void) | undefined;
-}) => {
-    pipe: Writable['pipe'];
-};
-export declare const ssrRenderToReadableStream: (App: JSX.Element, options: StreamOptions) => Promise<ReadableStream<Uint8Array> & {
-    allReady: Promise<void>;
-}>;
-export declare function isStreamingSupported(): Promise<boolean>;
-export declare function bufferReadableStream(reader: ReadableStreamDefaultReader, cb?: (chunk: string) => void): Promise<string>;
-export {};

package/dist/node/streaming.server.js

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.bufferReadableStream = exports.isStreamingSupported = exports.ssrRenderToReadableStream = exports.ssrRenderToPipeableStream = exports.createFromReadableStream = exports.rscRenderToReadableStream = void 0;
-const server_1 = require("react-dom/server");
-// @ts-ignore
-const writer_browser_server_1 = require("@shopify/hydrogen/vendor/react-server-dom-vite/writer.browser.server");
-// @ts-ignore
-const react_server_dom_vite_1 = require("@shopify/hydrogen/vendor/react-server-dom-vite");
-exports.rscRenderToReadableStream = writer_browser_server_1.renderToReadableStream;
-exports.createFromReadableStream = react_server_dom_vite_1.createFromReadableStream;
-exports.ssrRenderToPipeableStream = server_1.renderToPipeableStream;
-exports.ssrRenderToReadableStream = server_1.renderToReadableStream;
-async function isStreamingSupported() {
-    var _a, _b;
-    return Boolean((_b = (_a = globalThis.Oxygen) === null || _a === void 0 ? void 0 : _a.env) === null || _b === void 0 ? void 0 : _b.HYDROGEN_ENABLE_WORKER_STREAMING);
-}
-exports.isStreamingSupported = isStreamingSupported;
-async function bufferReadableStream(reader, cb) {
-    const decoder = new TextDecoder();
-    let result = '';
-    while (true) {
-        const { done, value } = await reader.read();
-        if (done)
-            break;
-        const stringValue = typeof value === 'string' ? value : decoder.decode(value);
-        result += stringValue;
-        if (cb) {
-            cb(stringValue);
-        }
-    }
-    return result;
-}
-exports.bufferReadableStream = bufferReadableStream;

package/dist/node/types.d.ts

@@ -1,105 +0,0 @@
-/// <reference types="node" />
-import type { ServerResponse } from 'http';
-import type { Logger } from './utilities/log/log';
-import type { ServerComponentRequest } from './framework/Hydration/ServerComponentRequest.server';
-import type { ServerComponentResponse } from './framework/Hydration/ServerComponentResponse.server';
-import type { Metafield, ProductVariant, Product, MediaImage } from './storefront-api-types';
-import type { SessionStorageAdapter } from './foundation/session/session';
-declare type CommonOptions = {
-    App: any;
-    routes?: ImportGlobEagerOutput;
-    request: ServerComponentRequest;
-    componentResponse: ServerComponentResponse;
-    log: Logger;
-    dev?: boolean;
-};
-export declare type RendererOptions = CommonOptions & {
-    template: string;
-    nonce?: string;
-};
-export declare type StreamerOptions = CommonOptions & {
-    response?: ServerResponse;
-    template: string;
-    nonce?: string;
-};
-export declare type HydratorOptions = CommonOptions & {
-    response?: ServerResponse;
-    isStreamable: boolean;
-};
-export declare type ShopifyConfig = {
-    defaultLocale?: string;
-    storeDomain: string;
-    storefrontToken: string;
-    storefrontApiVersion: string;
-};
-export declare type Hook = (params: {
-    url: URL;
-} & Record<string, any>) => any | Promise<any>;
-export declare type ImportGlobEagerOutput = Record<string, Record<'default' | 'api', any>>;
-export declare type InlineHydrogenRoutes = string | {
-    files: string;
-    basePath?: string;
-};
-export declare type ResolvedHydrogenRoutes = {
-    files: ImportGlobEagerOutput;
-    dirPrefix: string;
-    basePath: string;
-};
-declare type ConfigFetcher<T> = (request: ServerComponentRequest) => T | Promise<T>;
-export declare type ShopifyConfigFetcher = ConfigFetcher<ShopifyConfig>;
-export declare type ServerAnalyticsConnector = {
-    request: (request: Request, data?: any, contentType?: 'json' | 'text') => void;
-};
-export declare type InlineHydrogenConfig = {
-    routes?: InlineHydrogenRoutes;
-    shopify?: ShopifyConfig | ShopifyConfigFetcher;
-    serverAnalyticsConnectors?: Array<ServerAnalyticsConnector>;
-    session?: (log: Logger) => SessionStorageAdapter;
-    enableStreaming?: (request: ServerComponentRequest) => boolean;
-};
-export declare type ResolvedHydrogenConfig = Omit<InlineHydrogenConfig, 'routes'> & {
-    routes: ResolvedHydrogenRoutes;
-};
-export declare type ClientHandlerConfig = {
-    /** React's StrictMode is on by default for your client side app; if you want to turn it off (not recommended), you can pass `false` */
-    strictMode?: boolean;
-    showDevTools?: boolean;
-};
-export declare type ClientHandler = (App: React.ElementType, config: ClientHandlerConfig) => Promise<void>;
-export interface GraphQLConnection<T> {
-    edges?: {
-        node: T;
-    }[];
-}
-export declare type ParsedMetafield = Omit<Partial<Metafield>, 'value' | 'reference'> & {
-    value?: string | number | boolean | Record<any, string> | Date | Rating | Measurement;
-    reference?: MediaImage | ProductVariant | Product | null;
-};
-export interface Rating {
-    value: number;
-    scale_min: number;
-    scale_max: number;
-}
-export interface Measurement {
-    unit: string;
-    value: number;
-}
-export declare type QueryKey = string | readonly unknown[];
-export declare type NoStoreStrategy = {
-    mode: string;
-};
-export interface AllCacheOptions {
-    mode?: string;
-    maxAge?: number;
-    staleWhileRevalidate?: number;
-    sMaxAge?: number;
-    staleIfError?: number;
-}
-export declare type CachingStrategy = AllCacheOptions;
-export interface HydrogenVitePluginOptions {
-    devCache?: boolean;
-    purgeQueryCacheOnBuild?: boolean;
-    configPath?: string;
-}
-export declare type PreloadOptions = boolean | string;
-export {};

package/dist/node/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -1,37 +0,0 @@
-import { InlineHydrogenConfig, ResolvedHydrogenRoutes } from '../types';
-import type { ServerComponentRequest } from '../framework/Hydration/ServerComponentRequest.server';
-import { SessionApi, SessionStorageAdapter } from '../foundation/session/session';
-declare type RouteParams = Record<string, string>;
-declare type RequestOptions = {
-    params: RouteParams;
-    queryShop: (args: QueryShopArgs) => Promise<any>;
-    session: SessionApi | null;
-};
-declare type ResourceGetter = (request: Request, requestOptions: RequestOptions) => Promise<Response | Object | String>;
-interface HydrogenApiRoute {
-    path: string;
-    resource: ResourceGetter;
-    hasServerComponent: boolean;
-}
-export declare type ApiRouteMatch = {
-    resource: ResourceGetter;
-    hasServerComponent: boolean;
-    params: RouteParams;
-};
-export declare function extractPathFromRoutesKey(routesKey: string, dirPrefix: string | RegExp): string;
-export declare function getApiRoutes({ files: routes, basePath: topLevelPath, dirPrefix, }: Partial<ResolvedHydrogenRoutes>): Array<HydrogenApiRoute>;
-export declare function getApiRouteFromURL(url: URL, routes: Array<HydrogenApiRoute>): ApiRouteMatch | null;
-/** The `queryShop` utility is a function that helps you query the Storefront API.
- * It's similar to the `useShopQuery` hook, which is available in server components.
- * To use `queryShop`, pass `shopifyConfig` to `renderHydrogen` inside `App.server.jsx`.
- */
-interface QueryShopArgs {
-    /** A string of the GraphQL query.
-     * If no query is provided, then the `useShopQuery` makes no calls to the Storefront API.
-     */
-    query: string;
-    /** An object of the variables for the GraphQL query. */
-    variables?: Record<string, any>;
-}
-export declare function renderApiRoute(request: ServerComponentRequest, route: ApiRouteMatch, shopifyConfig: InlineHydrogenConfig['shopify'], session?: SessionStorageAdapter): Promise<Response | Request>;
-export {};

package/dist/node/utilities/apiRoutes.js

@@ -1,157 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.renderApiRoute = exports.getApiRouteFromURL = exports.getApiRoutes = exports.extractPathFromRoutesKey = void 0;
-const matchPath_1 = require("./matchPath");
-const log_1 = require("../utilities/log/");
-const fetch_1 = require("./fetch");
-const storefrontApi_1 = require("./storefrontApi");
-const session_1 = require("../foundation/session/session");
-let memoizedApiRoutes = [];
-let memoizedRawRoutes = {};
-function extractPathFromRoutesKey(routesKey, dirPrefix) {
-    let path = routesKey
-        .replace(dirPrefix, '')
-        .replace(/\.server\.(t|j)sx?$/, '')
-        /**
-         * Replace /index with /
-         */
-        .replace(/\/index$/i, '/')
-        /**
-         * Only lowercase the first letter. This allows the developer to use camelCase
-         * dynamic paths while ensuring their standard routes are normalized to lowercase.
-         */
-        .replace(/\b[A-Z]/, (firstLetter) => firstLetter.toLowerCase())
-        /**
-         * Convert /[handle].jsx and /[...handle].jsx to /:handle.jsx for react-router-dom
-         */
-        .replace(/\[(?:[.]{3})?(\w+?)\]/g, (_match, param) => `:${param}`);
-    if (path.endsWith('/') && path !== '/') {
-        path = path.substring(0, path.length - 1);
-    }
-    return path;
-}
-exports.extractPathFromRoutesKey = extractPathFromRoutesKey;
-function getApiRoutes({ files: routes, basePath: topLevelPath = '', dirPrefix = '', }) {
-    if (!routes || memoizedRawRoutes === routes)
-        return memoizedApiRoutes;
-    const topLevelPrefix = topLevelPath.replace('*', '').replace(/\/$/, '');
-    const keys = Object.keys(routes);
-    const apiRoutes = keys
-        .filter((key) => routes[key].api)
-        .map((key) => {
-        const path = extractPathFromRoutesKey(key, dirPrefix);
-        /**
-         * Catch-all routes [...handle].jsx don't need an exact match
-         * https://reactrouter.com/core/api/Route/exact-bool
-         */
-        const exact = !/\[(?:[.]{3})(\w+?)\]/.test(key);
-        return {
-            path: topLevelPrefix + path,
-            resource: routes[key].api,
-            hasServerComponent: !!routes[key].default,
-            exact,
-        };
-    });
-    memoizedApiRoutes = [
-        ...apiRoutes.filter((route) => !route.path.includes(':')),
-        ...apiRoutes.filter((route) => route.path.includes(':')),
-    ];
-    memoizedRawRoutes = routes;
-    return memoizedApiRoutes;
-}
-exports.getApiRoutes = getApiRoutes;
-function getApiRouteFromURL(url, routes) {
-    let foundRoute, foundRouteDetails;
-    for (let i = 0; i < routes.length; i++) {
-        foundRouteDetails = (0, matchPath_1.matchPath)(url.pathname, routes[i]);
-        if (foundRouteDetails) {
-            foundRoute = routes[i];
-            break;
-        }
-    }
-    if (!foundRoute)
-        return null;
-    return {
-        resource: foundRoute.resource,
-        params: foundRouteDetails.params,
-        hasServerComponent: foundRoute.hasServerComponent,
-    };
-}
-exports.getApiRouteFromURL = getApiRouteFromURL;
-function queryShopBuilder(shopifyConfigGetter, request) {
-    return async function queryShop({ query, variables, }) {
-        const shopifyConfig = typeof shopifyConfigGetter === 'function'
-            ? await shopifyConfigGetter(request)
-            : shopifyConfigGetter;
-        if (!shopifyConfig) {
-            throw new Error('Shopify connection info was not found in Hydrogen config');
-        }
-        const { storeDomain, storefrontApiVersion, storefrontToken } = shopifyConfig;
-        const buyerIp = request.getBuyerIp();
-        const extraHeaders = (0, storefrontApi_1.getStorefrontApiRequestHeaders)({
-            buyerIp,
-            storefrontToken,
-        });
-        const fetcher = (0, fetch_1.fetchBuilder)(`https://${storeDomain}/api/${storefrontApiVersion}/graphql.json`, {
-            method: 'POST',
-            body: (0, fetch_1.graphqlRequestBody)(query, variables),
-            headers: {
-                'Content-Type': 'application/json',
-                ...extraHeaders,
-            },
-        });
-        return await fetcher();
-    };
-}
-async function renderApiRoute(request, route, shopifyConfig, session) {
-    var _a;
-    let response;
-    const log = (0, log_1.getLoggerWithContext)(request);
-    let cookieToSet = '';
-    try {
-        response = await route.resource(request, {
-            params: route.params,
-            queryShop: queryShopBuilder(shopifyConfig, request),
-            session: session
-                ? {
-                    async get() {
-                        return session.get(request);
-                    },
-                    async set(key, value) {
-                        const data = await session.get(request);
-                        data[key] = value;
-                        cookieToSet = await session.set(request, data);
-                    },
-                    async destroy() {
-                        cookieToSet = await session.destroy(request);
-                    },
-                }
-                : (0, session_1.emptySessionImplementation)(log),
-        });
-        if (!(response instanceof Response || response instanceof Request)) {
-            if (typeof response === 'string' || response instanceof String) {
-                response = new Response(response);
-            }
-            else if (typeof response === 'object') {
-                response = new Response(JSON.stringify(response), {
-                    headers: {
-                        'Content-Type': 'application/json',
-                    },
-                });
-            }
-        }
-        if (!response) {
-            response = new Response(null);
-        }
-        if (cookieToSet) {
-            response.headers.set('Set-Cookie', cookieToSet);
-        }
-    }
-    catch (e) {
-        log.error(e);
-        response = new Response('Error processing: ' + request.url, { status: 500 });
-    }
-    (0, log_1.logServerResponse)('api', request, (_a = response.status) !== null && _a !== void 0 ? _a : 200);
-    return response;
-}
-exports.renderApiRoute = renderApiRoute;

package/dist/node/utilities/bot-ua.d.ts

@@ -1,4 +0,0 @@
-/**
- * Determines if the request is from a bot, using the URL and User Agent
- */
-export declare function isBotUA(url: URL, userAgent: string | null): boolean;

package/dist/node/utilities/bot-ua.js

@@ -1,65 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isBotUA = void 0;
-/**
- * An alphabetized list of User Agents of known bots, combined from lists found at:
- * https://github.com/vercel/next.js/blob/d87dc2b5a0b3fdbc0f6806a47be72bad59564bd0/packages/next/server/utils.ts#L18-L22
- * https://github.com/GoogleChrome/rendertron/blob/6f681688737846b28754fbfdf5db173846a826df/middleware/src/middleware.ts#L24-L41
- */
-const botUserAgents = [
-    'AdsBot-Google',
-    'applebot',
-    'Baiduspider',
-    'baiduspider',
-    'Bytespider',
-    '360Spider',
-    'PetalBot',
-    'Yisouspider',
-    'bingbot',
-    'Bingbot',
-    'BingPreview',
-    'bitlybot',
-    'Discordbot',
-    'DuckDuckBot',
-    'Embedly',
-    'facebookcatalog',
-    'facebookexternalhit',
-    'Google-PageRenderer',
-    'Googlebot',
-    'googleweblight',
-    'ia_archive',
-    'LinkedInBot',
-    'Mediapartners-Google',
-    'outbrain',
-    'pinterest',
-    'quora link preview',
-    'redditbot',
-    'rogerbot',
-    'showyoubot',
-    'SkypeUriPreview',
-    'Slackbot',
-    'Slurp',
-    'sogou',
-    'Storebot-Google',
-    'TelegramBot',
-    'tumblr',
-    'Twitterbot',
-    'vkShare',
-    'W3C_Validator',
-    'WhatsApp',
-    'yandex',
-    // SEO Tools
-    'Seoradar',
-    'W3C html2txt',
-];
-/**
- * Creates a regex based on the botUserAgents array
- */
-const botUARegex = new RegExp(botUserAgents.join('|'), 'i');
-/**
- * Determines if the request is from a bot, using the URL and User Agent
- */
-function isBotUA(url, userAgent) {
-    return (url.searchParams.has('_bot') || (!!userAgent && botUARegex.test(userAgent)));
-}
-exports.isBotUA = isBotUA;

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

@@ -1,6 +0,0 @@
-export declare function defer<T = unknown | undefined>(): {
-    promise: Promise<T>;
-    status: 'pending' | 'resolved' | 'rejected';
-    resolve: (value: T) => void;
-    reject: (reason?: any) => void;
-};

package/dist/node/utilities/defer.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.defer = void 0;
-function defer() {
-    const deferred = { status: 'pending' };
-    deferred.promise = new Promise((resolve, reject) => {
-        deferred.resolve = (value) => {
-            deferred.status = 'resolved';
-            return resolve(value);
-        };
-        deferred.reject = (error) => {
-            deferred.status = 'rejected';
-            return reject(error);
-        };
-    });
-    return deferred;
-}
-exports.defer = defer;

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

@@ -1 +0,0 @@
-export declare function getErrorMarkup(error: Error): string;

package/dist/node/utilities/error.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getErrorMarkup = void 0;
-function getErrorMarkup(error) {
-    return `<script type="module">
-    import {ErrorOverlay} from '/@vite/client';
-    document.body.appendChild(new ErrorOverlay(${JSON.stringify(error, Object.getOwnPropertyNames(error)).replace(/</g, '\\u003c')}));
-</script>`;
-}
-exports.getErrorMarkup = getErrorMarkup;

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

@@ -1,9 +0,0 @@
-declare type FetchInit = {
-    body?: string;
-    method?: string;
-    headers?: Record<string, string>;
-};
-export declare function fetchBuilder<T>(url: string, options?: FetchInit): () => Promise<T>;
-export declare function graphqlRequestBody(query: string, variables?: Record<string, any>): string;
-export declare function decodeShopifyId(id: string): string;
-export {};

package/dist/node/utilities/fetch.js

@@ -1,37 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.decodeShopifyId = exports.graphqlRequestBody = exports.fetchBuilder = void 0;
-const version_1 = require("../version");
-const defaultHeaders = {
-    'content-type': 'application/json',
-    'user-agent': `Hydrogen ${version_1.LIB_VERSION}`,
-};
-function fetchBuilder(url, options = {}) {
-    const requestInit = {
-        ...options,
-        headers: { ...defaultHeaders, ...options.headers },
-    };
-    return async () => {
-        const response = await fetch(url, requestInit);
-        if (!response.ok) {
-            throw response;
-        }
-        const data = await response.json();
-        return data;
-    };
-}
-exports.fetchBuilder = fetchBuilder;
-function graphqlRequestBody(query, variables) {
-    return JSON.stringify({
-        query,
-        variables,
-    });
-}
-exports.graphqlRequestBody = graphqlRequestBody;
-function decodeShopifyId(id) {
-    if (!id.startsWith('gid://')) {
-        throw new Error('invalid Shopify ID');
-    }
-    return id;
-}
-exports.decodeShopifyId = decodeShopifyId;

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

@@ -1,6 +0,0 @@
-import type { GraphQLConnection } from '../../types';
-import type { PartialDeep } from 'type-fest';
-/**
- * The `flattenConnection` utility transforms a connection object from the Storefront API (for example, [Product-related connections](https://shopify.dev/api/storefront/reference/products/product)) into a flat array of nodes.
- */
-export declare function flattenConnection<T>(connection: PartialDeep<GraphQLConnection<T>>): PartialDeep<T>[];

package/dist/node/utilities/flattenConnection/flattenConnection.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.flattenConnection = void 0;
-/**
- * The `flattenConnection` utility transforms a connection object from the Storefront API (for example, [Product-related connections](https://shopify.dev/api/storefront/reference/products/product)) into a flat array of nodes.
- */
-function flattenConnection(connection) {
-    return (connection.edges || []).map((edge) => {
-        if (!(edge === null || edge === void 0 ? void 0 : edge.node)) {
-            throw new Error('Connection edges must contain nodes');
-        }
-        return edge.node;
-    });
-}
-exports.flattenConnection = flattenConnection;

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

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

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

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

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

@@ -1,2 +0,0 @@
-import { QueryKey } from '../types';
-export declare function hashKey(key: QueryKey): string;

package/dist/node/utilities/hash.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.hashKey = void 0;
-function hashKey(key) {
-    const rawKey = key instanceof Array ? key : [key];
-    /**
-     * TODO: Smarter hash
-     */
-    return rawKey.map((k) => JSON.stringify(k)).join('');
-}
-exports.hashKey = hashKey;

package/dist/node/utilities/html-encoding.d.ts

@@ -1 +0,0 @@
-export declare function htmlEncode(html: string): string;

package/dist/node/utilities/html-encoding.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.htmlEncode = void 0;
-function htmlEncode(html) {
-    return html
-        .replace(/&/g, '&')
-        .replace(/</g, '&lt;')
-        .replace(/>/g, '&gt;')
-        .replace(/"/g, '&quot;')
-        .replace(/'/g, '&#39;');
-}
-exports.htmlEncode = htmlEncode;

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

@@ -1,12 +0,0 @@
-import type { Image as ImageType } from '../storefront-api-types';
-import type { PartialDeep } from 'type-fest';
-import type { ShopifyLoaderOptions, ShopifyLoaderParams } from '../components/Image';
-/**
- * Adds image size parameters to an image URL hosted by Shopify's CDN
- */
-export declare function addImageSizeParametersToUrl({ src, width, height, crop, scale, }: ShopifyLoaderParams): string;
-export declare function shopifyImageLoader(params: ShopifyLoaderParams): string;
-export declare function getShopifyImageDimensions(image: Pick<PartialDeep<ImageType>, 'altText' | 'url' | 'id' | 'width' | 'height'>, options?: ShopifyLoaderOptions): {
-    width: import("../storefront-api-types").Maybe<number> | undefined;
-    height: import("../storefront-api-types").Maybe<number> | undefined;
-};