@shopify/hydrogen 1.6.4 → 2.0.0-alpha.1

package/dist/esnext/foundation/Cache/cache.js

@@ -1,126 +0,0 @@
-import { getCache } from '../runtime.js';
-import { CacheShort, generateCacheControlHeader } from './strategies/index.js';
-import { logCacheApiStatus } from '../../utilities/log/index.js';
-function getCacheControlSetting(userCacheOptions, options) {
-    if (userCacheOptions && options) {
-        return {
-            ...userCacheOptions,
-            ...options,
-        };
-    }
-    else {
-        return userCacheOptions || CacheShort();
-    }
-}
-export function generateDefaultCacheControlHeader(userCacheOptions) {
-    return generateCacheControlHeader(getCacheControlSetting(userCacheOptions));
-}
-/**
- * Get an item from the cache. If a match is found, returns a tuple
- * containing the `JSON.parse` version of the response as well
- * as the response itself so it can be checked for staleness.
- */
-export async function getItemFromCache(request) {
-    const cache = getCache();
-    if (!cache) {
-        return;
-    }
-    const response = await cache.match(request);
-    if (!response) {
-        logCacheApiStatus('MISS', request.url);
-        return;
-    }
-    logCacheApiStatus('HIT', request.url);
-    return response;
-}
-/**
- * Put an item into the cache.
- */
-export async function setItemInCache(request, response, userCacheOptions) {
-    const cache = getCache();
-    if (!cache) {
-        return;
-    }
-    /**
-     * We are manually managing staled request by adding this workaround.
-     * Why? cache control header support is dependent on hosting platform
-     *
-     * For example:
-     *
-     * Cloudflare's Cache API does not support `stale-while-revalidate`.
-     * Cloudflare cache control header has a very odd behaviour.
-     * Say we have the following cache control header on a request:
-     *
-     *   public, max-age=15, stale-while-revalidate=30
-     *
-     * When there is a cache.match HIT, the cache control header would become
-     *
-     *   public, max-age=14400, stale-while-revalidate=30
-     *
-     * == `stale-while-revalidate` workaround ==
-     * Update response max-age so that:
-     *
-     *   max-age = max-age + stale-while-revalidate
-     *
-     * For example:
-     *
-     *   public, max-age=1, stale-while-revalidate=9
-     *                    |
-     *                    V
-     *   public, max-age=10, stale-while-revalidate=9
-     *
-     * Store the following information in the response header:
-     *
-     *   cache-put-date   - UTC time string of when this request is PUT into cache
-     *
-     * Note on `cache-put-date`: The `response.headers.get('date')` isn't static. I am
-     * not positive what date this is returning but it is never over 500 ms
-     * after subtracting from the current timestamp.
-     *
-     * `isStale` function will use the above information to test for stale-ness of a cached response
-     */
-    const cacheControl = getCacheControlSetting(userCacheOptions);
-    // The padded cache-control to mimic stale-while-revalidate
-    request.headers.set('cache-control', generateDefaultCacheControlHeader(getCacheControlSetting(cacheControl, {
-        maxAge: (cacheControl.maxAge || 0) + (cacheControl.staleWhileRevalidate || 0),
-    })));
-    // The cache-control we want to set on response
-    const cacheControlString = generateDefaultCacheControlHeader(getCacheControlSetting(cacheControl));
-    // CF will override cache-control, so we need to keep a
-    // non-modified real-cache-control
-    response.headers.set('real-cache-control', cacheControlString);
-    response.headers.set('cache-put-date', new Date().toUTCString());
-    logCacheApiStatus('PUT', request.url);
-    await cache.put(request, response);
-}
-export async function deleteItemFromCache(request) {
-    const cache = getCache();
-    if (!cache)
-        return;
-    logCacheApiStatus('DELETE', request.url);
-    await cache.delete(request);
-}
-/**
- * Manually check the response to see if it's stale.
- */
-export function isStale(request, response) {
-    const responseDate = response.headers.get('cache-put-date');
-    const cacheControl = response.headers.get('real-cache-control');
-    let responseMaxAge = 0;
-    if (cacheControl) {
-        const maxAgeMatch = cacheControl.match(/max-age=(\d*)/);
-        if (maxAgeMatch && maxAgeMatch.length > 1) {
-            responseMaxAge = parseFloat(maxAgeMatch[1]);
-        }
-    }
-    if (!responseDate) {
-        return false;
-    }
-    const ageInMs = new Date().valueOf() - new Date(responseDate).valueOf();
-    const age = ageInMs / 1000;
-    const result = age > responseMaxAge;
-    if (result) {
-        logCacheApiStatus('STALE', request.url);
-    }
-    return result;
-}

package/dist/esnext/foundation/Cache/strategies/index.d.ts

@@ -1,7 +0,0 @@
-import type { CachingStrategy, AllCacheOptions, NoStoreStrategy } from '../../../types.js';
-export declare const NO_STORE = "no-store";
-export declare function generateCacheControlHeader(cacheOptions: CachingStrategy): string;
-export declare function CacheNone(): NoStoreStrategy;
-export declare function CacheShort(overrideOptions?: CachingStrategy): AllCacheOptions;
-export declare function CacheLong(overrideOptions?: CachingStrategy): AllCacheOptions;
-export declare function CacheCustom(overrideOptions: CachingStrategy): AllCacheOptions;

package/dist/esnext/foundation/Cache/strategies/index.js

@@ -1,54 +0,0 @@
-const PUBLIC = 'public';
-const PRIVATE = 'private';
-export const NO_STORE = 'no-store';
-const optionMapping = {
-    maxAge: 'max-age',
-    staleWhileRevalidate: 'stale-while-revalidate',
-    sMaxAge: 's-maxage',
-    staleIfError: 'stale-if-error',
-};
-export function generateCacheControlHeader(cacheOptions) {
-    const cacheControl = [];
-    Object.keys(cacheOptions).forEach((key) => {
-        if (key === 'mode') {
-            cacheControl.push(cacheOptions[key]);
-        }
-        else if (optionMapping[key]) {
-            cacheControl.push(`${optionMapping[key]}=${cacheOptions[key]}`);
-        }
-    });
-    return cacheControl.join(', ');
-}
-export function CacheNone() {
-    return {
-        mode: NO_STORE,
-    };
-}
-function guardExpirableModeType(overrideOptions) {
-    if (overrideOptions?.mode &&
-        overrideOptions?.mode !== PUBLIC &&
-        overrideOptions?.mode !== PRIVATE) {
-        throw Error("'mode' must be either 'public' or 'private'");
-    }
-}
-export function CacheShort(overrideOptions) {
-    guardExpirableModeType(overrideOptions);
-    return {
-        mode: PUBLIC,
-        maxAge: 1,
-        staleWhileRevalidate: 9,
-        ...overrideOptions,
-    };
-}
-export function CacheLong(overrideOptions) {
-    guardExpirableModeType(overrideOptions);
-    return {
-        mode: PUBLIC,
-        maxAge: 3600,
-        staleWhileRevalidate: 82800,
-        ...overrideOptions,
-    };
-}
-export function CacheCustom(overrideOptions) {
-    return overrideOptions;
-}

package/dist/esnext/foundation/Cookie/Cookie.d.ts

@@ -1,48 +0,0 @@
-export declare type CookieOptions = {
-    /** Whether to secure the cookie so that [client-side JavaScript can't read the cookie](https://owasp.org/www-community/HttpOnly).
-     */
-    httpOnly?: boolean;
-    /** Whether to secure the cookie so that the browser only sends the cookie over HTTPS. Some
-     * browsers [don't work with secure cookies on localhost](https://owasp.org/www-community/controls/SecureCookieAttribute).
-     */
-    secure?: boolean;
-    /** Declares that the cookie should be restricted to a first-party
-     * or [same-site](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Set-Cookie/SameSite) context.
-     */
-    sameSite?: 'Lax' | 'Strict' | 'None';
-    /** Tells the browser that the cookie should only be sent to the server if it's
-     * within the [defined path](https://developer.mozilla.org/en-US/docs/Web/HTTP/Cookies#path_attribute).
-     */
-    path?: string;
-    /** [A date on which the cookie will expire](https://developer.mozilla.org/en-US/docs/Web/HTTP/Cookies#define_the_lifetime_of_a_cookie).
-     * If the date is in the past, then the browser will remove the cookie.
-     */
-    expires?: Date;
-    /** Secures the cookie so that it's only used on [specific domains](https://developer.mozilla.org/en-US/docs/Web/HTTP/Cookies#domain_attribute).
-     */
-    domain?: string;
-    /** The [number of seconds until the cookie expires](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Set-Cookie#max-agenumber).
-     * `maxAge` takes precedence over `expires` if both are defined.
-     */
-    maxAge?: number;
-};
-/** The `Cookie` component helps you build your own custom cookie and session implementations. All
- * [Hydrogen session storage mechanisms](https://shopify.dev/custom-storefronts/hydrogen/sessions#types-of-session-storage) use the
- * same configuration options as what's available in `Cookie`.
- */
-export declare class Cookie {
-    /** The name of the cookie stored in the browser. */
-    name: string;
-    /** An optional object to configure [how the cookie is persisted in the browser](https://shopify.dev/api/hydrogen/components/framework/cookie#cookie-options). */
-    options?: CookieOptions;
-    data: Record<string, any>;
-    constructor(name: string, options?: CookieOptions);
-    parse(cookie: string): Record<string, any>;
-    set(key: string, value: string): void;
-    setAll(data: Record<string, string>): void;
-    serialize(): string;
-    destroy(): string;
-    get expires(): number;
-    setSessionid(sid: string): void;
-    getSessionId(request: Request): string | null;
-}

package/dist/esnext/foundation/Cookie/Cookie.js

@@ -1,72 +0,0 @@
-import { parse, stringify as stringifyCookie } from 'worktop/cookie';
-import { log } from '../../utilities/log/index.js';
-import { parseJSON } from '../../utilities/parse.js';
-const reservedCookieNames = ['mac', 'user_session_id'];
-/** The `Cookie` component helps you build your own custom cookie and session implementations. All
- * [Hydrogen session storage mechanisms](https://shopify.dev/custom-storefronts/hydrogen/sessions#types-of-session-storage) use the
- * same configuration options as what's available in `Cookie`.
- */
-export class Cookie {
-    /** The name of the cookie stored in the browser. */
-    name;
-    /** An optional object to configure [how the cookie is persisted in the browser](https://shopify.dev/api/hydrogen/components/framework/cookie#cookie-options). */
-    options;
-    data;
-    constructor(name, options = {}) {
-        if (reservedCookieNames.includes(name)) {
-            log.warn(`Warning "${name}" is a reserved cookie name by oxygen!`);
-        }
-        this.options = options;
-        this.options = {
-            ...this.options,
-            expires: 
-            // maxAge takes precedence
-            typeof options.maxAge !== 'undefined'
-                ? new Date(Date.now() + options.maxAge * 1000)
-                : options.expires
-                    ? options.expires
-                    : new Date(Date.now() + 604800000), // default one week
-        };
-        this.name = name;
-        this.data = {};
-    }
-    parse(cookie) {
-        try {
-            const data = parseJSON(parse(cookie)[this.name]);
-            this.data = data;
-        }
-        catch (e) {
-            // failure to parse cookie
-        }
-        return this.data;
-    }
-    set(key, value) {
-        this.data[key] = value;
-    }
-    setAll(data) {
-        this.data = data;
-    }
-    serialize() {
-        return stringifyCookie(this.name, JSON.stringify(this.data), this.options);
-    }
-    destroy() {
-        this.data = {};
-        return stringifyCookie(this.name, '', {
-            ...this.options,
-            expires: new Date(0),
-        });
-    }
-    get expires() {
-        return this.options.expires.getTime();
-    }
-    setSessionid(sid) {
-        return this.set('sid', sid);
-    }
-    getSessionId(request) {
-        const cookieValue = request.headers.get('cookie');
-        if (cookieValue) {
-            return this.parse(cookieValue).sid;
-        }
-        return null;
-    }
-}

package/dist/esnext/foundation/CookieSessionStorage/CookieSessionStorage.d.ts

@@ -1,5 +0,0 @@
-import type { SessionStorageAdapter } from '../session/session-types.js';
-import type { CookieOptions } from '../Cookie/Cookie.js';
-/** The `CookieSessionStorage` component is the default session storage mechanism for Hydrogen.
- */
-export declare const CookieSessionStorage: (name: string, options: CookieOptions) => () => SessionStorageAdapter;

package/dist/esnext/foundation/CookieSessionStorage/CookieSessionStorage.js

@@ -1,32 +0,0 @@
-import { Cookie } from '../Cookie/Cookie.js';
-/** The `CookieSessionStorage` component is the default session storage mechanism for Hydrogen.
- */
-export const CookieSessionStorage = function (
-/** The name of the cookie stored in the browser. */
-name, 
-/** An optional object to configure [how the cookie is persisted in the browser](https://shopify.dev/api/hydrogen/components/framework/cookie#cookie-options). */
-options) {
-    return function () {
-        const cookie = new Cookie(name, options);
-        let parsed = false;
-        return {
-            async get(request) {
-                if (!parsed) {
-                    const cookieValue = request.headers.get('cookie');
-                    cookie.parse(cookieValue || '');
-                    parsed = true;
-                }
-                return cookie.data;
-            },
-            async set(request, value) {
-                cookie.setAll(value);
-                return cookie.serialize();
-            },
-            async destroy(request) {
-                // @todo - set expires for Date in past
-                parsed = true;
-                return cookie.destroy();
-            },
-        };
-    };
-};

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

@@ -1,3 +0,0 @@
-export declare function DevTools({ dataFromServer }: {
-    dataFromServer: any;
-}): JSX.Element | null;

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

@@ -1,17 +0,0 @@
-import React, { useState, useEffect, useCallback } from 'react';
-import { Interface, Panels } from './components/index.js';
-export function DevTools({ dataFromServer }) {
-    const [open, setOpen] = useState(false);
-    const toggleOpen = useCallback(() => {
-        setOpen((state) => !state);
-    }, []);
-    const [hasMounted, setHasMounted] = useState(false);
-    useEffect(() => {
-        setHasMounted(true);
-    }, []);
-    if (hasMounted) {
-        return (React.createElement(Interface, { open: open, onClose: toggleOpen, onOpen: toggleOpen },
-            React.createElement(Panels, { ...dataFromServer })));
-    }
-    return null;
-}

package/dist/esnext/foundation/DevTools/DevTools.server.d.ts

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

package/dist/esnext/foundation/DevTools/DevTools.server.js

@@ -1,15 +0,0 @@
-import React from 'react';
-import { DevTools as DevToolsClient } from './DevTools.client.js';
-import { useServerRequest } from '../ServerRequestProvider/index.js';
-import { getLocale } from '../../utilities/locale/index.js';
-export function DevTools() {
-    const serverRequest = useServerRequest();
-    const { shopifyConfig } = serverRequest.ctx;
-    const { defaultLanguageCode: languageCode, defaultCountryCode: countryCode, storeDomain, storefrontApiVersion, } = shopifyConfig || {};
-    const settings = {
-        locale: getLocale(languageCode, countryCode),
-        storeDomain,
-        storefrontApiVersion,
-    };
-    return React.createElement(DevToolsClient, { dataFromServer: { settings } });
-}

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

@@ -1 +0,0 @@
-export declare function GraphQL(): JSX.Element;

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

@@ -1,25 +0,0 @@
-import React, { useEffect, useState } from 'react';
-export function GraphQL() {
-    const [warnings, setWarnings] = useState(null);
-    useEffect(() => {
-        if (import.meta.hot) {
-            import.meta.hot.on('hydrogen-dev-tools', ({ type, data }) => {
-                if (type === 'warn') {
-                    setWarnings((state) => [...(state || []), data]);
-                }
-            });
-        }
-    }, []);
-    const warningsMarkup = warnings
-        ? warnings.map((war, i) => (
-        // eslint-disable-next-line react/no-array-index-key
-        React.createElement("li", { key: war + i },
-            React.createElement("pre", null, war))))
-        : null;
-    return (React.createElement("div", null,
-        React.createElement("ul", { style: {
-                fontFamily: 'monospace',
-                paddingTop: '1em',
-                fontSize: '0.9em',
-            } }, warningsMarkup)));
-}

package/dist/esnext/foundation/DevTools/components/Heading.d.ts

@@ -1,5 +0,0 @@
-export declare function Heading({ linkText, url, children, }: {
-    linkText?: string;
-    url?: string;
-    children: string;
-}): JSX.Element;

package/dist/esnext/foundation/DevTools/components/Heading.js

@@ -1,12 +0,0 @@
-import React from 'react';
-export function Heading({ linkText, url, children, }) {
-    return (React.createElement("span", { style: { display: 'flex', alignItems: 'baseline', padding: '0 0 0em' } },
-        React.createElement("span", { style: { paddingRight: '0em', flex: 1, fontWeight: 'bold' } },
-            children,
-            ' '),
-        React.createElement("a", { style: {
-                color: 'blue',
-                fontFamily: 'monospace',
-                textDecoration: 'underline',
-            }, href: url }, linkText)));
-}

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

@@ -1,11 +0,0 @@
-import React from 'react';
-interface Props {
-    open?: boolean;
-    title?: string | React.ReactNode;
-    onClose?: () => void;
-    onOpen?: () => void;
-    activator?: React.ReactElement;
-    children?: React.ReactNode;
-}
-export declare function Interface({ children, onClose, onOpen, ...props }: Props): JSX.Element;
-export {};

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

@@ -1,47 +0,0 @@
-import React from 'react';
-import { CloseIcon, HydrogenIcon } from './icons.js';
-export function Interface({ children, onClose, onOpen, ...props }) {
-    const open = false || props.open;
-    return (React.createElement("div", { id: "hydrogen-dev-tools", "aria-hidden": true, style: {
-            position: 'fixed',
-            zIndex: 100,
-            display: 'flex',
-            flexDirection: 'column',
-            right: 0,
-            bottom: 0,
-            padding: '1.5em',
-            maxWidth: '100%',
-            flexWrap: 'wrap',
-        } },
-        React.createElement("button", { type: "button", style: {
-                position: 'relative',
-                background: 'white',
-                border: '1px solid',
-                padding: '0em 0.5em 0.25em 1.25em',
-                boxShadow: '10px 10px 0px black',
-                display: 'flex',
-                alignItems: 'center',
-                color: 'black',
-            }, onClick: onOpen },
-            React.createElement("div", { style: { textAlign: 'left', flex: 1 } },
-                React.createElement("span", { style: {
-                        fontFamily: 'monospace',
-                        fontWeight: 'bold',
-                        paddingRight: '0.5em',
-                    } }, "Dev tools")),
-            ' ',
-            open ? React.createElement(CloseIcon, null) : React.createElement(HydrogenIcon, null)),
-        React.createElement("div", { style: {
-                display: open ? 'block' : 'none',
-                position: 'relative',
-                top: '-1px',
-                overflow: 'scroll',
-                color: 'black',
-                background: 'white',
-                border: '1px solid',
-                boxShadow: '10px 10px 0px black',
-                maxWidth: '50em',
-                width: '100vw',
-                height: '50vh',
-            } }, children)));
-}

package/dist/esnext/foundation/DevTools/components/Panels.d.ts

@@ -1,8 +0,0 @@
-import { ComponentProps } from 'react';
-import { Performance } from './Performance.client.js';
-import { Settings } from './Settings.client.js';
-export interface Props {
-    settings: ComponentProps<typeof Settings>;
-    performance: ComponentProps<typeof Performance>;
-}
-export declare function Panels({ settings }: Props): JSX.Element;

package/dist/esnext/foundation/DevTools/components/Panels.js

@@ -1,66 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { ClientAnalytics } from '../../Analytics/index.js';
-import { Performance } from './Performance.client.js';
-import { Settings } from './Settings.client.js';
-const isComponentPanel = (panel) => panel.component !== undefined;
-export function Panels({ settings }) {
-    const [selectedPanel, setSelectedPanel] = useState(0);
-    const [navigations, setNavigations] = useState([]);
-    useEffect(() => {
-        ClientAnalytics.subscribe(ClientAnalytics.eventNames.PERFORMANCE, ({ response_start, navigation_start, first_contentful_paint, largest_contentful_paint, response_end, page_load_type, url, transfer_size, }) => {
-            setNavigations([
-                ...navigations,
-                {
-                    ttfb: response_start - navigation_start,
-                    fcp: first_contentful_paint,
-                    lcp: largest_contentful_paint,
-                    duration: response_end - navigation_start,
-                    type: `${page_load_type} load`,
-                    size: transfer_size,
-                    url,
-                },
-            ]);
-        });
-    }, [setNavigations, navigations]);
-    const panels = getPanels({ settings, performance: { navigations } });
-    const panelComponents = panels.map((obj, index) => isComponentPanel(obj) ? (React.createElement("div", { key: obj.content, style: { display: selectedPanel === index ? 'block' : 'none' } }, obj.component)) : null);
-    return (React.createElement("div", { style: { display: 'flex', height: '100%' } },
-        React.createElement("div", { style: { borderRight: '1px solid', padding: '1em 0em' } }, panels.map((panel, index) => {
-            const active = selectedPanel === index;
-            const style = {
-                padding: '0em 1.25em',
-                fontWeight: 'bold',
-                textDecoration: active ? 'underline' : 'none',
-                display: 'flex',
-                justifyContent: 'space-between',
-                alignItems: 'center',
-            };
-            if (isComponentPanel(panel)) {
-                return (React.createElement("button", { key: panel.id, type: "button", style: style, onClick: () => setSelectedPanel(index) },
-                    React.createElement("span", null, panel.content)));
-            }
-            return (React.createElement("a", { style: style, target: "_blank", rel: "noreferrer", href: panel.url, key: panel.url },
-                panel.content,
-                React.createElement("span", null, "\u2197")));
-        })),
-        React.createElement("div", { style: { padding: '1em', width: '100%' } }, panelComponents[selectedPanel ? selectedPanel : 0])));
-}
-function getPanels({ settings, performance }) {
-    const panels = {
-        settings: {
-            content: 'Settings',
-            component: React.createElement(Settings, { ...settings }),
-        },
-        performance: {
-            content: 'Performance',
-            component: React.createElement(Performance, { ...performance }),
-        },
-        graphiql: {
-            content: 'GraphiQL',
-            url: '/___graphql',
-        },
-    };
-    return Object.keys(panels).map((key) => {
-        return { ...panels[key], id: key };
-    });
-}

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

@@ -1,14 +0,0 @@
-interface Navigation {
-    url: string;
-    type: string;
-    ttfb: number;
-    fcp: number;
-    lcp: number;
-    duration: number;
-    size: number;
-}
-interface Props {
-    navigations: Navigation[];
-}
-export declare function Performance({ navigations }: Props): JSX.Element;
-export {};

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

@@ -1,25 +0,0 @@
-import React from 'react';
-import { Heading } from './Heading.js';
-export function Performance({ navigations }) {
-    const navigationsMarkup = navigations.map(({ url, ttfb, fcp, size, duration, type }) => (React.createElement("li", { key: url, style: { padding: '0.5em 0', borderBottom: '1px solid' } },
-        React.createElement(Item, { label: type, value: url.replace('http://localhost:3000', '') }),
-        React.createElement("div", { style: { display: 'flex' } },
-            React.createElement(Item, { label: "TTFB", value: ttfb }),
-            React.createElement(Item, { label: "Duration", value: duration }),
-            React.createElement(Item, { label: "FCP", value: fcp })))));
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Heading, null, "Performance"),
-        React.createElement("ul", null, navigationsMarkup)));
-}
-const Item = ({ label, value, unit }) => {
-    if (!value) {
-        return null;
-    }
-    const val = typeof value === 'string' ? (React.createElement("span", { style: { fontWeight: 'bold' } }, value)) : (`${Math.round(value)}${unit || 'ms'}`);
-    return (React.createElement("span", { style: {
-            fontFamily: 'monospace',
-            padding: '0 2em 0 0',
-        } },
-        label && label.padEnd(10),
-        val));
-};

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

@@ -1,8 +0,0 @@
-import { Locale } from '../../ShopifyProvider/types.js';
-interface Props {
-    locale: Locale;
-    storeDomain: string;
-    storefrontApiVersion: string;
-}
-export declare function Settings(props: Props): JSX.Element;
-export {};

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

@@ -1,17 +0,0 @@
-import React from 'react';
-import { Table } from './Table.js';
-const KEY_MAP = {
-    locale: 'Locale',
-    storeDomain: 'Domain',
-    storefrontApiVersion: 'API Version',
-};
-export function Settings(props) {
-    const items = Object.entries(props).map(([key, value]) => {
-        return {
-            key: KEY_MAP[key],
-            value,
-            type: typeof value,
-        };
-    });
-    return React.createElement(Table, { items: items });
-}

package/dist/esnext/foundation/DevTools/components/Table.d.ts

@@ -1,9 +0,0 @@
-interface Item {
-    key: string;
-    value: string;
-}
-interface TableProps {
-    items: Item[];
-}
-export declare function Table({ items }: TableProps): JSX.Element;
-export {};