@gem-sdk/pages 1.36.6 → 2.0.0-dev.832

package/dist/esm/libs/api/get-static-page-props-v2.js

@@ -1,146 +1 @@
-import { PublishedThemePagesDocument, StorePropertyDocument } from '@gem-sdk/core';
-import { ShopMetaDocument } from '@gem-sdk/adapter-shopify';
-import { getFontStyleFromPageTemplate, getFontFromGlobalStyle } from '../google-fonts.js';
-import { genCSS } from '../helpers/gen-css.js';
-import { generateManifest } from '../helpers/generate-manifres.js';
-import { getFallbackV2 } from '../helpers/get-fallback.js';
-import { parseBuilderTemplateV2 } from '../helpers/normalize.js';
-import { parseJson, serializableJson } from '../helpers/parse-json.js';
-import { captureException } from '@sentry/nextjs';
-
-const getStaticPagePropsV2 = (fetcher, shopifyFetcher)=>async (slug)=>{
-        try {
-            const pageType = 'STATIC';
-            const variables = {
-                slug,
-                slugType: pageType
-            };
-            const [theme, storeProperty, shopifyMeta] = await Promise.allSettled([
-                fetcher([
-                    PublishedThemePagesDocument,
-                    variables
-                ]),
-                fetcher([
-                    StorePropertyDocument
-                ]),
-                shopifyFetcher([
-                    ShopMetaDocument
-                ])
-            ]);
-            if (theme.status === 'rejected') {
-                throw new Error(theme.reason?.[0]);
-            }
-            const dataBuilder = theme.value.publishedThemePages?.[0];
-            if (!dataBuilder) {
-                throw new Error(`No data builder found for slug: /${slug}`);
-            }
-            const pageTemplate = parseBuilderTemplateV2(dataBuilder);
-            const [elementFontStyle, fontStyle, fallback] = await Promise.all([
-                getFontStyleFromPageTemplate(pageTemplate),
-                getFontFromGlobalStyle(dataBuilder?.pageStyle?.data),
-                getFallbackV2(fetcher, pageTemplate)
-            ]);
-            const mobileOnly = dataBuilder.isMobile ?? false;
-            const description = dataBuilder?.themePageDataSEO?.find((item)=>item?.key === 'global-meta-description')?.value;
-            const thumbnail = parseJson(dataBuilder?.themePageDataSEO?.find((item)=>item?.key === 'global-meta-thumbnail')?.value);
-            const shopMeta = shopifyMeta.status === 'fulfilled' ? shopifyMeta.value : undefined;
-            const shopData = storeProperty.status === 'fulfilled' ? storeProperty.value : undefined;
-            const favicon = shopData?.storeProperty?.favicon ?? '/favicon/favicon-32x32.png';
-            const seo = {
-                defaultTitle: shopMeta?.shop.name,
-                title: dataBuilder?.name,
-                description: description ?? shopMeta?.shop.description,
-                openGraph: {
-                    site_name: shopMeta?.shop.name,
-                    locale: shopMeta?.localization.country.isoCode,
-                    title: dataBuilder?.name ?? shopMeta?.shop.name,
-                    description: description ?? shopMeta?.shop.description,
-                    images: thumbnail ? [
-                        thumbnail
-                    ] : []
-                },
-                canonical: `https://${shopData?.storeProperty?.primaryDomain}/${slug}`,
-                additionalMetaTags: [
-                    {
-                        name: 'theme-color',
-                        content: '#000000'
-                    }
-                ],
-                additionalLinkTags: [
-                    {
-                        rel: 'icon',
-                        sizes: '32x32',
-                        href: `${favicon}-/crop/1:1/center/-/smart_resize/32x32/`
-                    },
-                    {
-                        rel: 'icon',
-                        sizes: '16x16',
-                        href: `${favicon}-/crop/1:1/center/-/smart_resize/16x16/`
-                    },
-                    {
-                        rel: 'apple-touch-icon',
-                        sizes: '180x180',
-                        href: `${favicon}-/crop/1:1/center/-/smart_resize/180x180/`
-                    },
-                    {
-                        rel: 'manifest',
-                        href: generateManifest({
-                            theme_color: '#000000',
-                            background_color: '#ffffff',
-                            display: 'standalone',
-                            scope: '/',
-                            start_url: '/',
-                            name: shopMeta?.shop.name,
-                            short_name: shopMeta?.shop.name,
-                            description: shopMeta?.shop.description,
-                            icons: [
-                                {
-                                    src: `${favicon}-/crop/1:1/center/-/smart_resize/192x192/`,
-                                    sizes: '192x192',
-                                    type: 'image/png',
-                                    purpose: 'any maskable'
-                                },
-                                {
-                                    src: `${favicon}-/crop/1:1/center/-/smart_resize/512x512/`,
-                                    sizes: '512x512',
-                                    type: 'image/png'
-                                }
-                            ]
-                        })
-                    }
-                ]
-            };
-            const languageIsoCode = shopMeta?.localization.language.isoCode ?? null;
-            const countryIsoCode = shopMeta?.localization.country.isoCode ?? null;
-            const locale = !languageIsoCode || !countryIsoCode ? null : `${languageIsoCode}-${countryIsoCode}`;
-            return serializableJson({
-                themeStyle: genCSS(dataBuilder?.pageStyle?.data, mobileOnly),
-                fontStyle,
-                elementFontStyle,
-                builderData: pageTemplate,
-                pageType,
-                moneyFormat: shopMeta?.shop.moneyFormat ?? null,
-                currency: shopMeta?.localization.country.currency.isoCode ?? null,
-                languageIsoCode,
-                countryIsoCode,
-                locale,
-                swr: {
-                    fallback
-                },
-                swatches: parseJson(shopData?.storeProperty?.swatchesConfig),
-                seo,
-                mobileOnly,
-                gaTrackingId: dataBuilder.themePageAnalytic?.gaTrackingID ?? null,
-                facebookPixelId: dataBuilder.themePageAnalytic?.fbPixelID ?? null,
-                tiktokPixelId: dataBuilder.themePageAnalytic?.tiktokPixelID ?? null,
-                customCodeHeader: dataBuilder.themePageCustomCode?.header ?? null,
-                customCodeBody: dataBuilder.themePageCustomCode?.body ?? null,
-                pageHandle: dataBuilder.handle ?? null
-            });
-        } catch (err) {
-            captureException(err);
-            throw err;
-        }
-    };
-
-export { getStaticPagePropsV2 };
+import{PublishedThemePagesDocument as e,StorePropertyDocument as o}from"@gem-sdk/core";import{ShopMetaDocument as t}from"@gem-sdk/adapter-shopify";import{getFontStyleFromPageTemplate as a,getFontFromGlobalStyle as r}from"../google-fonts.js";import{genCSS as s}from"../helpers/gen-css.js";import{generateManifest as i}from"../helpers/generate-manifres.js";import{getFallbackV2 as l}from"../helpers/get-fallback.js";import{parseBuilderTemplateV2 as n}from"../helpers/normalize.js";import{parseJson as m,serializableJson as c}from"../helpers/parse-json.js";import{captureException as p}from"@sentry/nextjs";import{getCustomFonts as d}from"../custom-fonts.js";let getStaticPagePropsV2=(u,h)=>async g=>{try{let p="STATIC",f={slug:g,slugType:p},[y,P,x]=await Promise.allSettled([u([e,f]),u([o]),h([t])]);if("rejected"===y.status)throw Error(y.reason?.[0]);let k=y.value.publishedThemePages?.[0],z=y.value?.publishedThemePages?.[0]?.themePageCustomFonts;if(!k)throw Error(`No data builder found for slug: /${g}`);let b=n(k),[C,v,j,T]=await Promise.all([a(b),r(k?.pageStyle?.data),l(u,b),d(z)]),$=k.isMobile??!1,_=k?.themePageDataSEO?.find(e=>e?.key==="global-meta-description")?.value,S=m(k?.themePageDataSEO?.find(e=>e?.key==="global-meta-thumbnail")?.value),w="fulfilled"===x.status?x.value:void 0,D="fulfilled"===P.status?P.value:void 0,I=D?.storeProperty?.favicon??"/favicon/favicon-32x32.png",A={defaultTitle:w?.shop.name,title:k?.name,description:_??w?.shop.description,openGraph:{site_name:w?.shop.name,locale:w?.localization.country.isoCode,title:k?.name??w?.shop.name,description:_??w?.shop.description,images:S?[S]:[]},canonical:`https://${D?.storeProperty?.primaryDomain}/${g}`,additionalMetaTags:[{name:"theme-color",content:"#000000"}],additionalLinkTags:[{rel:"icon",sizes:"32x32",href:`${I}-/crop/1:1/center/-/smart_resize/32x32/`},{rel:"icon",sizes:"16x16",href:`${I}-/crop/1:1/center/-/smart_resize/16x16/`},{rel:"apple-touch-icon",sizes:"180x180",href:`${I}-/crop/1:1/center/-/smart_resize/180x180/`},{rel:"manifest",href:i({theme_color:"#000000",background_color:"#ffffff",display:"standalone",scope:"/",start_url:"/",name:w?.shop.name,short_name:w?.shop.name,description:w?.shop.description,icons:[{src:`${I}-/crop/1:1/center/-/smart_resize/192x192/`,sizes:"192x192",type:"image/png",purpose:"any maskable"},{src:`${I}-/crop/1:1/center/-/smart_resize/512x512/`,sizes:"512x512",type:"image/png"}]})}]},E=w?.localization.language.isoCode??null,F=w?.localization.country.isoCode??null,H=E&&F?`${E}-${F}`:null;return c({themeStyle:s(k?.pageStyle?.data,$),fontStyle:v,elementFontStyle:C,builderData:b,pageType:p,moneyFormat:w?.shop.moneyFormat??null,currency:w?.localization.country.currency.isoCode??null,languageIsoCode:E,countryIsoCode:F,locale:H,swr:{fallback:j},swatches:m(D?.storeProperty?.swatchesConfig),seo:A,mobileOnly:$,gaTrackingId:k.themePageAnalytic?.gaTrackingID??null,facebookPixelId:k.themePageAnalytic?.fbPixelID??null,tiktokPixelId:k.themePageAnalytic?.tiktokPixelID??null,customCodeHeader:k.themePageCustomCode?.header??null,customCodeBody:k.themePageCustomCode?.body??null,pageHandle:k.handle??null,customFonts:T})}catch(e){throw p(e),e}};export{getStaticPagePropsV2};

package/dist/esm/libs/api/get-static-page-props.js

@@ -1,146 +1 @@
-import { PublishedThemePagesDocument, StorePropertyDocument, prefetchQueries } from '@gem-sdk/core';
-import { ShopMetaDocument } from '@gem-sdk/adapter-shopify';
-import { getFontFromGlobalStyle } from '../google-fonts.js';
-import { genCSS } from '../helpers/gen-css.js';
-import { generateManifest } from '../helpers/generate-manifres.js';
-import { parseBuilderTemplate } from '../helpers/normalize.js';
-import { parseJson, serializableJson } from '../helpers/parse-json.js';
-
-const getStaticPageProps = (fetcher, shopifyFetcher)=>async (slug)=>{
-        const pageType = 'STATIC';
-        const variables = {
-            slug,
-            slugType: pageType
-        };
-        const [theme, storeProperty, shopifyMeta] = await Promise.allSettled([
-            fetcher([
-                PublishedThemePagesDocument,
-                variables
-            ]),
-            fetcher([
-                StorePropertyDocument
-            ]),
-            shopifyFetcher([
-                ShopMetaDocument
-            ])
-        ]);
-        if (theme.status === 'rejected') {
-            return {
-                pageType
-            };
-        }
-        const dataBuilder = theme.value.publishedThemePages?.[0];
-        const pageTemplate = parseBuilderTemplate(dataBuilder);
-        const fontStyle = await getFontFromGlobalStyle(dataBuilder?.pageStyle?.data);
-        const queries = prefetchQueries(pageTemplate);
-        const datas = await Promise.allSettled(queries.map(({ query, variables, func })=>{
-            if (func) {
-                return func(fetcher, variables);
-            }
-            if (query) return fetcher([
-                query,
-                variables
-            ]);
-            return {};
-        }));
-        const fallback = queries.reduce((acc, { key }, index)=>{
-            const res = datas[index];
-            if (res?.status === 'fulfilled') {
-                return {
-                    ...acc,
-                    [key]: res.value
-                };
-            }
-            return acc;
-        }, {});
-        const description = dataBuilder?.themePageDataSEO?.find((item)=>item?.key === 'global-meta-description')?.value;
-        const thumbnail = parseJson(dataBuilder?.themePageDataSEO?.find((item)=>item?.key === 'global-meta-thumbnail')?.value);
-        const shopMeta = shopifyMeta.status === 'fulfilled' ? shopifyMeta.value : undefined;
-        const shopData = storeProperty.status === 'fulfilled' ? storeProperty.value : undefined;
-        const favicon = shopData?.storeProperty?.favicon ?? '/favicon/favicon-32x32.png';
-        const seo = {
-            defaultTitle: shopMeta?.shop.name ?? '',
-            title: dataBuilder?.name ?? '',
-            description: description ?? shopMeta?.shop.description ?? '',
-            openGraph: {
-                site_name: shopMeta?.shop.name ?? '',
-                locale: shopMeta?.localization.country.isoCode ?? '',
-                title: dataBuilder?.name ?? shopMeta?.shop.name ?? '',
-                description: description ?? shopMeta?.shop.description ?? '',
-                images: thumbnail ? [
-                    thumbnail
-                ] : []
-            },
-            additionalMetaTags: [
-                {
-                    name: 'theme-color',
-                    content: '#000000'
-                }
-            ],
-            canonical: `/${slug}`,
-            additionalLinkTags: [
-                {
-                    rel: 'icon',
-                    sizes: '32x32',
-                    href: `${favicon}-/crop/1:1/center/-/smart_resize/32x32/`
-                },
-                {
-                    rel: 'icon',
-                    sizes: '16x16',
-                    href: `${favicon}-/crop/1:1/center/-/smart_resize/16x16/`
-                },
-                {
-                    rel: 'apple-touch-icon',
-                    sizes: '180x180',
-                    href: `${favicon}-/crop/1:1/center/-/smart_resize/180x180/`
-                },
-                {
-                    rel: 'manifest',
-                    href: generateManifest({
-                        theme_color: '#000000',
-                        background_color: '#ffffff',
-                        display: 'standalone',
-                        scope: '/',
-                        start_url: '/',
-                        name: shopMeta?.shop.name,
-                        short_name: shopMeta?.shop.name,
-                        description: shopMeta?.shop.description,
-                        icons: [
-                            {
-                                src: `${favicon}-/crop/1:1/center/-/smart_resize/192x192/`,
-                                sizes: '192x192',
-                                type: 'image/png',
-                                purpose: 'any maskable'
-                            },
-                            {
-                                src: `${favicon}-/crop/1:1/center/-/smart_resize/512x512/`,
-                                sizes: '512x512',
-                                type: 'image/png'
-                            }
-                        ]
-                    })
-                }
-            ]
-        };
-        const languageIsoCode = shopMeta?.localization.language.isoCode ?? null;
-        const countryIsoCode = shopMeta?.localization.country.isoCode ?? null;
-        const locale = !languageIsoCode || !countryIsoCode ? null : `${languageIsoCode}-${countryIsoCode}`;
-        return serializableJson({
-            themeStyle: genCSS(dataBuilder?.pageStyle?.data),
-            fontStyle,
-            builderData: pageTemplate,
-            pageType,
-            moneyFormat: shopMeta?.shop.moneyFormat ?? null,
-            currency: shopMeta?.localization.country.currency.isoCode ?? null,
-            languageIsoCode,
-            countryIsoCode,
-            locale,
-            swr: {
-                fallback
-            },
-            swatches: parseJson(shopData?.storeProperty?.swatchesConfig),
-            seo
-        });
-    };
-
-export { getStaticPageProps };
+import{PublishedThemePagesDocument as e,StorePropertyDocument as a,prefetchQueries as t}from"@gem-sdk/core";import{ShopMetaDocument as o}from"@gem-sdk/adapter-shopify";import{getFontFromGlobalStyle as r}from"../google-fonts.js";import{genCSS as s}from"../helpers/gen-css.js";import{generateManifest as i}from"../helpers/generate-manifres.js";import{parseBuilderTemplate as l}from"../helpers/normalize.js";import{parseJson as n,serializableJson as p}from"../helpers/parse-json.js";let getStaticPageProps=(c,m)=>async d=>{let u="STATIC",f={slug:d,slugType:u},[h,g,y]=await Promise.allSettled([c([e,f]),c([a]),m([o])]);if("rejected"===h.status)return{pageType:u};let z=h.value.publishedThemePages?.[0],x=l(z),v=await r(z?.pageStyle?.data),P=t(x),S=await Promise.allSettled(P.map(({query:e,variables:a,func:t})=>t?t(c,a):e?c([e,a]):{})),_=P.reduce((e,{key:a},t)=>{let o=S[t];return o?.status==="fulfilled"?{...e,[a]:o.value}:e},{}),$=z?.themePageDataSEO?.find(e=>e?.key==="global-meta-description")?.value,b=n(z?.themePageDataSEO?.find(e=>e?.key==="global-meta-thumbnail")?.value),j="fulfilled"===y.status?y.value:void 0,k="fulfilled"===g.status?g.value:void 0,T=k?.storeProperty?.favicon??"/favicon/favicon-32x32.png",w={defaultTitle:j?.shop.name??"",title:z?.name??"",description:$??j?.shop.description??"",openGraph:{site_name:j?.shop.name??"",locale:j?.localization.country.isoCode??"",title:z?.name??j?.shop.name??"",description:$??j?.shop.description??"",images:b?[b]:[]},additionalMetaTags:[{name:"theme-color",content:"#000000"}],canonical:`/${d}`,additionalLinkTags:[{rel:"icon",sizes:"32x32",href:`${T}-/crop/1:1/center/-/smart_resize/32x32/`},{rel:"icon",sizes:"16x16",href:`${T}-/crop/1:1/center/-/smart_resize/16x16/`},{rel:"apple-touch-icon",sizes:"180x180",href:`${T}-/crop/1:1/center/-/smart_resize/180x180/`},{rel:"manifest",href:i({theme_color:"#000000",background_color:"#ffffff",display:"standalone",scope:"/",start_url:"/",name:j?.shop.name,short_name:j?.shop.name,description:j?.shop.description,icons:[{src:`${T}-/crop/1:1/center/-/smart_resize/192x192/`,sizes:"192x192",type:"image/png",purpose:"any maskable"},{src:`${T}-/crop/1:1/center/-/smart_resize/512x512/`,sizes:"512x512",type:"image/png"}]})}]},C=j?.localization.language.isoCode??null,D=j?.localization.country.isoCode??null,E=C&&D?`${C}-${D}`:null;return p({themeStyle:s(z?.pageStyle?.data),fontStyle:v,builderData:x,pageType:u,moneyFormat:j?.shop.moneyFormat??null,currency:j?.localization.country.currency.isoCode??null,languageIsoCode:C,countryIsoCode:D,locale:E,swr:{fallback:_},swatches:n(k?.storeProperty?.swatchesConfig),seo:w})};export{getStaticPageProps};

package/dist/esm/libs/custom-fonts.js

@@ -0,0 +1,8 @@
+let composeFontMimeType=t=>{let o={};return t?.forEach(t=>{if(!t)return;let e=`${t.fontFamily}_${t.fontStyle}_${t.fontWeight}`,n={font:{fontFamily:t.fontFamily,fontStyle:t.fontStyle,fontWeight:t.fontWeight},urls:[{url:t.backupFilePath||t.filePath,mimeType:t.mimeType}]};o[e]?o[e]?.urls.push(n?.urls?.[0]):o[e]=n}),o},formatName=t=>({"font/ttf":"truetype","application/x-font-opentype":"opentype","application/font-woff":"woff","application/font-woff2":"woff2"})[t],composeFontFaces=t=>{let o=[];for(let[,e]of Object.entries(t))o.push(`
+        @font-face {
+          font-family: '${e.font.fontFamily}';
+          src: ${e.urls.map(t=>`url('${t.url}') format('${formatName(t.mimeType)}')`).join("\n")};
+          font-style: ${e?.font?.fontStyle??"normal"};
+          font-weight: ${e?.font?.fontWeight??"normal"};
+        }
+      `);return o.map(t=>t).join("\n")},getCustomFonts=t=>{if(!t)return null;let o=composeFontMimeType(t);return composeFontFaces(o)};export{composeFontFaces,composeFontMimeType,formatName,getCustomFonts};

package/dist/esm/libs/fetcher.js

@@ -1,64 +1 @@
-import { getStorefrontApi } from './get-storefront-api.js';
-
-const createFetcher = (token)=>{
-    const shopToken = token || process.env.NEXT_PUBLIC_SHOP_TOKEN;
-    return async (args)=>{
-        const [query, variables, operationName] = args;
-        if (!shopToken) {
-            throw new Error('shopToken is not defined');
-        }
-        if (!process.env.NEXT_PUBLIC_API_URL) {
-            throw new Error('NEXT_PUBLIC_API_URL is not defined');
-        }
-        const headers = {
-            'Content-Type': 'application/json',
-            'X-GemX-Shop-Token': shopToken
-        };
-        return fetch(process.env.NEXT_PUBLIC_API_URL, {
-            method: 'POST',
-            headers,
-            body: JSON.stringify({
-                query,
-                variables,
-                operationName
-            })
-        }).then((res)=>res.json()).then((res)=>{
-            if (res.errors) {
-                return Promise.reject(res.errors);
-            }
-            return res.data;
-        });
-    };
-};
-const createShopifyFetcher = (storefrontToken, handle)=>{
-    const token = storefrontToken ?? process.env.NEXT_PUBLIC_STOREFRONT_TOKEN;
-    const storefrontHandle = handle ?? process.env.NEXT_PUBLIC_STOREFRONT_HANDLE;
-    return async (args)=>{
-        if (!token) {
-            throw new Error('NEXT_PUBLIC_STOREFRONT_TOKEN is not defined');
-        }
-        if (!storefrontHandle) {
-            throw new Error('NEXT_PUBLIC_STOREFRONT_HANDLE is not defined');
-        }
-        const headers = {
-            'Content-Type': 'application/json',
-            'X-Shopify-Storefront-Access-Token': token
-        };
-        const [query, variables] = args;
-        return fetch(getStorefrontApi(storefrontHandle), {
-            method: 'POST',
-            headers,
-            body: JSON.stringify({
-                query,
-                variables
-            })
-        }).then((res)=>res.json()).then((res)=>{
-            if (res.errors) {
-                return Promise.reject(res.errors);
-            }
-            return res.data;
-        });
-    };
-};
-
-export { createFetcher, createShopifyFetcher };
+import{getStorefrontApi as e}from"./get-storefront-api.js";let createFetcher=e=>{let r=e||process.env.NEXT_PUBLIC_SHOP_TOKEN;return async e=>{let[t,o,n]=e;if(!r)throw Error("shopToken is not defined");if(!process.env.NEXT_PUBLIC_API_URL)throw Error("NEXT_PUBLIC_API_URL is not defined");let s={"Content-Type":"application/json","X-GemX-Shop-Token":r};return fetch(process.env.NEXT_PUBLIC_API_URL,{method:"POST",headers:s,body:JSON.stringify({query:t,variables:o,operationName:n})}).then(e=>e.json()).then(e=>e.errors?Promise.reject(e.errors):e.data)}},createAppAPIFetcher=(e,r)=>{let t=process.env.NEXT_APP_API_URL;return async o=>{let[n,s,i]=o;if(!e)throw Error("shopToken is not defined");if(!t)throw Error("NEXT_APP_API_URL is not defined");let c={"Content-Type":"application/json",Authorization:`Token ${e}`,"X-GemX-Shop-ID":r||""};return fetch(t,{method:"POST",headers:c,body:JSON.stringify({query:n,variables:s,operationName:i})}).then(e=>e.json()).then(e=>e.errors?Promise.reject(e.errors):e.data)}},createShopifyFetcher=(r,t)=>{let o=r??process.env.NEXT_PUBLIC_STOREFRONT_TOKEN,n=t??process.env.NEXT_PUBLIC_STOREFRONT_HANDLE;return async r=>{if(!o)throw Error("NEXT_PUBLIC_STOREFRONT_TOKEN is not defined");if(!n)throw Error("NEXT_PUBLIC_STOREFRONT_HANDLE is not defined");let t={"Content-Type":"application/json","X-Shopify-Storefront-Access-Token":o},[s,i]=r;return fetch(e(n),{method:"POST",headers:t,body:JSON.stringify({query:s,variables:i})}).then(e=>e.json()).then(e=>e.errors?Promise.reject(e.errors):e.data)}};export{createAppAPIFetcher,createFetcher,createShopifyFetcher};

package/dist/esm/libs/get-layout.js

@@ -1,11 +1 @@
-import { jsx } from 'react/jsx-runtime';
-import MainLayout from '../layouts/main.js';
-
-const getLayout = (page, pageProps)=>{
-    return /*#__PURE__*/ jsx(MainLayout, {
-        ...pageProps,
-        children: page
-    });
-};
-
-export { getLayout };
+import{jsx as t}from"react/jsx-runtime";import o from"../layouts/main.js";let getLayout=(r,e)=>t(o,{...e,children:r});export{getLayout};

package/dist/esm/libs/get-storefront-api.js

@@ -1,10 +1 @@
-const getStorefrontApi = (handle, provider)=>{
-    switch(provider){
-        case 'BIGCOMMERCE':
-            return `https://${handle}.bigcommerce.com`;
-        default:
-            return `https://${handle}.myshopify.com/api/2022-07/graphql.json`;
-    }
-};
-
-export { getStorefrontApi };
+let getStorefrontApi=(t,o)=>"BIGCOMMERCE"===o?`https://${t}.bigcommerce.com`:`https://${t}.myshopify.com/api/2022-07/graphql.json`;export{getStorefrontApi};

package/dist/esm/libs/getStaticPaths.js

@@ -1,8 +1 @@
-const getStaticPaths = async ()=>{
-    return {
-        paths: [],
-        fallback: true
-    };
-};
-
-export { getStaticPaths };
+let getStaticPaths=async()=>({paths:[],fallback:!0});export{getStaticPaths};

package/dist/esm/libs/google-fonts.js

@@ -1,75 +1 @@
-import { getFontsFromDataBuilder } from './helpers/gen-fonts.js';
-
-const composeFonts = (fonts)=>{
-    const uniqFonts = fonts.filter((font, index, arr)=>{
-        return index === arr.findIndex((t)=>t.family === font.family);
-    });
-    return uniqFonts.map((font)=>{
-        const variants = fonts.filter((t)=>t.family === font.family).reduce((acc, t)=>{
-            return [
-                ...acc,
-                ...t.variants
-            ];
-        }, []).filter((t, index, arr)=>{
-            return index === arr.findIndex((v)=>v === t);
-        });
-        return {
-            ...font,
-            variants
-        };
-    });
-};
-const createFontUrl = (fonts, option)=>{
-    const googleFonts = fonts.filter((font)=>font.type === 'google' || !font.type);
-    if (!googleFonts.length) return;
-    const params = new URLSearchParams();
-    const display = option?.display || 'swap';
-    const uniqFonts = googleFonts.filter((font, index, arr)=>{
-        return index === arr.findIndex((t)=>t.family === font.family);
-    });
-    const family = composeFonts(uniqFonts).map((font)=>{
-        return `${font.family.replace(/ /g, '+')}:${font.variants.join(',')}`;
-    }).join('|');
-    params.append('family', family);
-    params.append('display', display);
-    if (option?.subset) {
-        params.append('subset', option.subset);
-    }
-    if (option?.effect) {
-        params.append('effect', option.effect);
-    }
-    return `https://fonts.googleapis.com/css?${decodeURIComponent(params.toString())}`;
-};
-async function getFonts(fonts, option) {
-    /**
-   * The order of IE -> Chrome is important, other wise chrome starts loading woff1.
-   * CSS cascading 🤷‍♂️.
-   */ const url = createFontUrl(fonts, option);
-    if (!url) return '';
-    try {
-        return `@import url('${url}');`;
-    } catch (e) {
-        return '';
-    }
-}
-const getFontFromGlobalStyle = (data)=>{
-    if (!data) return '';
-    try {
-        const globalStyle = JSON.parse(data);
-        const fontData = globalStyle?.font ?? {};
-        const fonts = Object.entries(fontData).map(([, value])=>{
-            return value;
-        });
-        return getFonts(fonts);
-    } catch  {
-        return '';
-    }
-};
-async function getFontStyleFromPageTemplate(pageTemplate) {
-    const fontStyle = pageTemplate.map((sectionData)=>{
-        return getFonts(getFontsFromDataBuilder(sectionData.data));
-    });
-    return await Promise.all(fontStyle);
-}
-
-export { composeFonts, createFontUrl, getFontFromGlobalStyle, getFontStyleFromPageTemplate, getFonts };
+import{getFontsFromDataBuilder as e}from"./helpers/gen-fonts.js";let CHROME_UA="Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.61 Safari/537.36",IE_UA="Mozilla/5.0 (Windows NT 10.0; Trident/7.0; rv:11.0) like Gecko";async function getFontForUA(e,t){return fetch(e,{headers:{"User-Agent":t}}).then(e=>200===e.status?e.text():"")}let composeFonts=e=>{let t=e.filter((e,t,n)=>t===n.findIndex(t=>t.family===e.family));return t.map(t=>{let n=e.filter(e=>e.family===t.family).reduce((e,t)=>[...e,...t.variants],[]).filter((e,t,n)=>t===n.findIndex(t=>t===e));return{...t,variants:n}})},createFontUrl=(e,t)=>{let n=e.filter(e=>"google"===e.type||!e.type);if(!n.length)return;let r=new URLSearchParams,o=t?.display||"swap",a=n.filter((e,t,n)=>t===n.findIndex(t=>t.family===e.family)),l=composeFonts(a).map(e=>`${e.family.replace(/ /g,"+")}:${e.variants.join(",")}`).join("|");return r.append("family",l),r.append("display",o),t?.subset&&r.append("subset",t.subset),t?.effect&&r.append("effect",t.effect),`https://fonts.googleapis.com/css?${decodeURIComponent(r.toString())}`};async function getFonts(e,t,n=!0){let r=createFontUrl(e,t);if(!r)return"";try{if(n)return`@import url('${r}');`;let[e,t]=await Promise.all([getFontForUA(r,"Mozilla/5.0 (Windows NT 10.0; Trident/7.0; rv:11.0) like Gecko"),getFontForUA(r,"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.61 Safari/537.36")]);return e+t}catch(e){return""}}let getFontFromGlobalStyle=e=>{if(!e)return"";try{let t=JSON.parse(e),n=t?.font??{},r=Object.entries(n).map(([,e])=>e);return getFonts(r)}catch{return""}};async function getFontStyleFromPageTemplate(t){let n=t.map(t=>getFonts(e(t.data)));return await Promise.all(n)}export{composeFonts,createFontUrl,getFontFromGlobalStyle,getFontStyleFromPageTemplate,getFonts};

package/dist/esm/libs/helpers/common.js

@@ -1,24 +1 @@
-async function wait(ms) {
-    return new Promise((resolve)=>setTimeout(resolve, ms));
-}
-const retryWithDelay = async (fn, config)=>{
-    const retries = config?.retries ?? 3;
-    const delay = config?.delay ?? 1000;
-    try {
-        return await fn();
-    } catch (err) {
-        if (retries <= 0 || config?.retryIf && !config.retryIf(err)) {
-            return Promise.reject(err);
-        }
-        //delay the next call
-        await wait(delay);
-        //recursively call the same func
-        return retryWithDelay(fn, {
-            ...config,
-            retries: retries - 1,
-            delay
-        });
-    }
-};
-
-export { retryWithDelay, wait };
+async function wait(e){return new Promise(t=>setTimeout(t,e))}let retryWithDelay=async(e,t)=>{let r=t?.retries??3,i=t?.delay??1e3;try{return await e()}catch(a){if(r<=0||t?.retryIf&&!t.retryIf(a))return Promise.reject(a);return await wait(i),retryWithDelay(e,{...t,retries:r-1,delay:i})}};export{retryWithDelay,wait};

package/dist/esm/libs/helpers/gen-css.js

@@ -1,109 +1 @@
-import { getShortName } from '@gem-sdk/core';
-import merge from 'deepmerge';
-
-const baseDevices = {
-    tablet: '1023px',
-    mobile: '767px'
-};
-const flattenObject = (obj, prefix)=>{
-    return Object.keys(obj).reduce((acc, k)=>{
-        const pre = prefix ? `${prefix}-` : '';
-        if (typeof obj[k] === 'object' && obj[k] !== null && Object.keys(obj[k]).length > 0) Object.assign(acc, flattenObject(obj[k], pre + k));
-        else acc[pre + k] = obj[k];
-        return acc;
-    }, {});
-};
-const devicesOrder = [
-    'desktop',
-    'tablet',
-    'mobile'
-];
-const mapObject = (obj)=>{
-    return Object.entries(obj ?? {}).reduce((acc, [k, v])=>{
-        return {
-            ...acc,
-            [getShortName(k)]: typeof v === 'object' ? mapObject(v) : v
-        };
-    }, {});
-};
-const getValueByDevice = (data, device)=>{
-    const deviceData = {
-        typography: Object.fromEntries(Object.entries(data?.typography ?? {}).map(([key, value])=>{
-            const typo = {
-                ...value?.[device]
-            };
-            if (!typo) return [
-                key,
-                undefined
-            ];
-            if (typo.fontFamily) {
-                typo.fontFamily = `var(--g-font-${typo.fontFamily}, ${typo.fontFamily})`;
-            }
-            return [
-                key,
-                typo
-            ];
-        })),
-        spacing: Object.fromEntries(Object.entries(data?.spacing ?? {}).map(([key, value])=>{
-            return [
-                key,
-                value?.[device]
-            ];
-        })),
-        container: Object.fromEntries(Object.entries(data?.container ?? {}).map(([key, value])=>{
-            return [
-                key,
-                value?.[device]
-            ];
-        })),
-        font: Object.fromEntries(Object.entries(data?.font ?? {}).map(([key, value])=>{
-            return [
-                key,
-                value?.family
-            ];
-        }))
-    };
-    return deviceData;
-};
-const genCSSVariable = (deviceData)=>{
-    return Object.entries(mapObject(flattenObject(deviceData))).map(([key, value])=>{
-        if (value === undefined) return undefined;
-        return `--g-${key}:${value}`;
-    }).filter((v)=>v !== undefined).join(';');
-};
-const genCSS = (input, mobileOnly)=>{
-    if (!input) return '';
-    let data = {};
-    try {
-        if (typeof input === 'string') {
-            data = JSON.parse(input);
-        } else {
-            data = input;
-        }
-        if (mobileOnly) {
-            const desktop = getValueByDevice(data, 'desktop');
-            const mobile = getValueByDevice(data, 'mobile');
-            const deviceData = merge(desktop, mobile);
-            deviceData.color = data.color;
-            deviceData.radius = data.radius;
-            const cssData = genCSSVariable(deviceData);
-            return `:root{${cssData}}`;
-        }
-        return devicesOrder.map((device)=>{
-            const deviceData = getValueByDevice(data, device);
-            if (device === 'desktop') {
-                deviceData.color = data.color;
-                deviceData.radius = data.radius;
-            }
-            const cssData = genCSSVariable(deviceData);
-            if (device === 'desktop') {
-                return `:root{${cssData}}`;
-            }
-            return `@media (max-width: ${baseDevices[device]}) {:root{${cssData}}}`;
-        }).join('\n');
-    } catch  {
-        return '';
-    }
-};
-
-export { genCSS };
+import{getShortName as e}from"@gem-sdk/core";import t from"deepmerge";let baseDevices={tablet:"1023px",mobile:"767px"},flattenObject=(e,t)=>Object.keys(e).reduce((r,o)=>{let i=t?`${t}-`:"";return"object"==typeof e[o]&&null!==e[o]&&Object.keys(e[o]).length>0?Object.assign(r,flattenObject(e[o],i+o)):r[i+o]=e[o],r},{}),devicesOrder=["desktop","tablet","mobile"],mapObject=t=>Object.entries(t??{}).reduce((t,[r,o])=>({...t,[e(r)]:"object"==typeof o?mapObject(o):o}),{}),getValueByDevice=(e,t)=>{let r={typography:Object.fromEntries(Object.entries(e?.typography??{}).map(([e,r])=>{let o={...r?.[t]};return o?(o.fontFamily&&(o.fontFamily=`var(--g-font-${o.fontFamily}, ${o.fontFamily})`),[e,o]):[e,void 0]})),spacing:Object.fromEntries(Object.entries(e?.spacing??{}).map(([e,r])=>[e,r?.[t]])),container:Object.fromEntries(Object.entries(e?.container??{}).map(([e,r])=>[e,r?.[t]])),font:Object.fromEntries(Object.entries(e?.font??{}).map(([e,t])=>[e,t?.family]))};return r},genCSSVariable=e=>Object.entries(mapObject(flattenObject(e))).map(([e,t])=>{if(void 0!==t)return["font-heading","font-body"].includes(e)?`--g-${e}: '${t}'`:`--g-${e}:${t}`}).filter(e=>void 0!==e).join(";"),genCSS=(e,r)=>{if(!e)return"";let o={};try{if(o="string"==typeof e?JSON.parse(e):e,r){let e=getValueByDevice(o,"desktop"),r=getValueByDevice(o,"mobile"),i=t(e,r);i.color=o.color,i.radius=o.radius;let n=genCSSVariable(i);return`:root{${n}}`}return devicesOrder.map(e=>{let t=getValueByDevice(o,e);"desktop"===e&&(t.color=o.color,t.radius=o.radius);let r=genCSSVariable(t);return"desktop"===e?`:root{${r}}`:`@media (max-width: ${baseDevices[e]}) {:root{${r}}}`}).join("\n")}catch{return""}};export{genCSS};