@gem-sdk/pages 2.0.0-dev.884 → 2.0.0-staging.118

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

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

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

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

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

@@ -1,8 +1,62 @@
-"use strict";const 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(`
+'use strict';
+
+const composeFontMimeType = (fonts)=>{
+    const result = {};
+    fonts?.forEach((font)=>{
+        if (!font) return;
+        const fontKey = `${font.fontFamily}_${font.fontStyle}_${font.fontWeight}`;
+        const fontData = {
+            font: {
+                fontFamily: font.fontFamily,
+                fontStyle: font.fontStyle,
+                fontWeight: font.fontWeight
+            },
+            urls: [
+                {
+                    url: font.backupFilePath || font.filePath,
+                    mimeType: font.mimeType
+                }
+            ]
+        };
+        if (!result[fontKey]) {
+            result[fontKey] = fontData;
+        } else {
+            result[fontKey]?.urls.push(fontData?.urls?.[0]);
+        }
+    });
+    return result;
+};
+// Currently support only ttf, otf, woff, woff2
+const formatName = (mimeType)=>{
+    const fontMimeTypes = {
+        'font/ttf': 'truetype',
+        'application/x-font-opentype': 'opentype',
+        'application/font-woff': 'woff',
+        'application/font-woff2': 'woff2'
+    };
+    return fontMimeTypes[mimeType];
+};
+const composeFontFaces = (fontsMimeType)=>{
+    const fontFaces = [];
+    for (const [, value] of Object.entries(fontsMimeType)){
+        fontFaces.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"};
+          font-family: '${value.font.fontFamily}';
+          src: ${value.urls.map((item)=>`url('${item.url}') format('${formatName(item.mimeType)}')`).join('\n')};
+          font-style: ${value?.font?.fontStyle ?? 'normal'};
+          font-weight: ${value?.font?.fontWeight ?? 'normal'};
         }
-      `);return o.map(t=>t).join("\n")},getCustomFonts=t=>{if(!t)return null;let o=composeFontMimeType(t);return composeFontFaces(o)};exports.composeFontFaces=composeFontFaces,exports.composeFontMimeType=composeFontMimeType,exports.formatName=formatName,exports.getCustomFonts=getCustomFonts;
+      `);
+    }
+    return fontFaces.map((fontFace)=>fontFace).join('\n');
+};
+const getCustomFonts = (fonts)=>{
+    if (!fonts) return null;
+    const fontsMimeType = composeFontMimeType(fonts);
+    return composeFontFaces(fontsMimeType);
+};
+
+exports.composeFontFaces = composeFontFaces;
+exports.composeFontMimeType = composeFontMimeType;
+exports.formatName = formatName;
+exports.getCustomFonts = getCustomFonts;

package/dist/cjs/libs/fetcher.js

@@ -1 +1,100 @@
-"use strict";var getStorefrontApi=require("./get-storefront-api.js");const 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=(e,r)=>{let t=e??process.env.NEXT_PUBLIC_STOREFRONT_TOKEN,o=r??process.env.NEXT_PUBLIC_STOREFRONT_HANDLE;return async e=>{if(!t)throw Error("NEXT_PUBLIC_STOREFRONT_TOKEN is not defined");if(!o)throw Error("NEXT_PUBLIC_STOREFRONT_HANDLE is not defined");let r={"Content-Type":"application/json","X-Shopify-Storefront-Access-Token":t},[n,s]=e;return fetch(getStorefrontApi.getStorefrontApi(o),{method:"POST",headers:r,body:JSON.stringify({query:n,variables:s})}).then(e=>e.json()).then(e=>e.errors?Promise.reject(e.errors):e.data)}};exports.createAppAPIFetcher=createAppAPIFetcher,exports.createFetcher=createFetcher,exports.createShopifyFetcher=createShopifyFetcher;
+'use strict';
+
+var getStorefrontApi = require('./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 createAppAPIFetcher = (token, shopID)=>{
+    const shopToken = token;
+    const endPoint = process.env.NEXT_APP_API_URL;
+    return async (args)=>{
+        const [query, variables, operationName] = args;
+        if (!shopToken) {
+            throw new Error('shopToken is not defined');
+        }
+        if (!endPoint) {
+            throw new Error('NEXT_APP_API_URL is not defined');
+        }
+        const headers = {
+            'Content-Type': 'application/json',
+            Authorization: `Token ${shopToken}`,
+            'X-GemX-Shop-ID': shopID || ''
+        };
+        return fetch(endPoint, {
+            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.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;
+        });
+    };
+};
+
+exports.createAppAPIFetcher = createAppAPIFetcher;
+exports.createFetcher = createFetcher;
+exports.createShopifyFetcher = createShopifyFetcher;

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

@@ -1 +1,13 @@
-"use strict";var jsxRuntime=require("react/jsx-runtime"),main=require("../layouts/main.js");const getLayout=(t,e)=>jsxRuntime.jsx(main.default,{...e,children:t});exports.getLayout=getLayout;
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var main = require('../layouts/main.js');
+
+const getLayout = (page, pageProps)=>{
+    return /*#__PURE__*/ jsxRuntime.jsx(main.default, {
+        ...pageProps,
+        children: page
+    });
+};
+
+exports.getLayout = getLayout;

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

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

package/dist/cjs/libs/getStaticPaths.js

@@ -1 +1,10 @@
-"use strict";const getStaticPaths=async()=>({paths:[],fallback:!0});exports.getStaticPaths=getStaticPaths;
+'use strict';
+
+const getStaticPaths = async ()=>{
+    return {
+        paths: [],
+        fallback: true
+    };
+};
+
+exports.getStaticPaths = getStaticPaths;

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

@@ -1 +1,118 @@
-"use strict";var genFonts=require("./helpers/gen-fonts.js");const 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():"")}const composeFonts=e=>{let t=e.filter((e,t,o)=>t===o.findIndex(t=>t.family===e.family));return t.map(t=>{let o=e.filter(e=>e.family===t.family).reduce((e,t)=>[...e,...t.variants],[]).filter((e,t,o)=>t===o.findIndex(t=>t===e));return{...t,variants:o}})},createFontUrl=(e,t)=>{let o=e.filter(e=>"google"===e.type||!e.type);if(!o.length)return;let n=new URLSearchParams,r=t?.display||"swap",a=o.filter((e,t,o)=>t===o.findIndex(t=>t.family===e.family)),l=composeFonts(a).map(e=>`${e.family.replace(/ /g,"+")}:${e.variants.join(",")}`).join("|");return n.append("family",l),n.append("display",r),t?.subset&&n.append("subset",t.subset),t?.effect&&n.append("effect",t.effect),`https://fonts.googleapis.com/css?${decodeURIComponent(n.toString())}`};async function getFonts(e,t,o=!0){let n=createFontUrl(e,t);if(!n)return"";try{if(o)return`@import url('${n}');`;let[e,t]=await Promise.all([getFontForUA(n,"Mozilla/5.0 (Windows NT 10.0; Trident/7.0; rv:11.0) like Gecko"),getFontForUA(n,"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""}}const getFontFromGlobalStyle=e=>{if(!e)return"";try{let t=JSON.parse(e),o=t?.font??{},n=Object.entries(o).map(([,e])=>e);return getFonts(n)}catch{return""}};async function getFontStyleFromPageTemplate(e){let t=e.map(e=>getFonts(genFonts.getFontsFromDataBuilder(e.data)));return await Promise.all(t)}exports.composeFonts=composeFonts,exports.createFontUrl=createFontUrl,exports.getFontFromGlobalStyle=getFontFromGlobalStyle,exports.getFontStyleFromPageTemplate=getFontStyleFromPageTemplate,exports.getFonts=getFonts;
+'use strict';
+
+var checkOptionFont = require('./helpers/check-option-font.js');
+var genFonts = require('./helpers/gen-fonts.js');
+
+const 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';
+const IE_UA = 'Mozilla/5.0 (Windows NT 10.0; Trident/7.0; rv:11.0) like Gecko';
+async function getFontForUA(url, UA) {
+    return fetch(url, {
+        headers: {
+            'User-Agent': UA
+        }
+    }).then((res)=>{
+        if (res.status === 200) {
+            return res.text();
+        }
+        return '';
+    });
+}
+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, fontType)=>{
+    const mainFonts = fonts.filter((font)=>{
+        return !([
+            'bunny',
+            'google'
+        ].includes(font.type) && checkOptionFont.checkNotInOptionFont(font.family, fontType || 'google')) && (font.type === 'google' || font.type === 'bunny' || !font.type);
+    });
+    if (!mainFonts.length) return;
+    const params = new URLSearchParams();
+    const display = option?.display || 'swap';
+    const uniqFonts = mainFonts.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);
+    }
+    const bunnyFontUrl = `https://fonts.bunny.net/css?family=${family}`;
+    const googleFontUrl = `https://fonts.googleapis.com/css?${decodeURIComponent(params.toString())}`;
+    return fontType === 'bunny' ? bunnyFontUrl : googleFontUrl;
+};
+// eslint-disable-next-line max-params
+async function getFonts(fonts, option, isImportFontByUrl = true, fontType) {
+    /**
+   * The order of IE -> Chrome is important, other wise chrome starts loading woff1.
+   * CSS cascading 🤷‍♂️.
+   */ const url = createFontUrl(fonts, option, fontType);
+    if (!url) return '';
+    try {
+        if (isImportFontByUrl) return `@import url('${url}');`;
+        const [ie, chrome] = await Promise.all([
+            getFontForUA(url, IE_UA),
+            getFontForUA(url, CHROME_UA)
+        ]);
+        const maxSize = 50; // 50KB
+        const value = ie + chrome;
+        if (maxSize) {
+            const textEncoder = new TextEncoder();
+            const size = value ? textEncoder.encode(value).length : 0;
+            if (Math.ceil(size / 1024) >= maxSize) {
+                return `@import url('${url}');`;
+            }
+        }
+        return value;
+    } catch (e) {
+        return '';
+    }
+}
+const getFontFromGlobalStyle = (data, sourceFont)=>{
+    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, undefined, undefined, sourceFont);
+    } catch  {
+        return '';
+    }
+};
+async function getFontStyleFromPageTemplate(pageTemplate, sourceFont) {
+    const fontStyle = pageTemplate.map((sectionData)=>{
+        return getFonts(genFonts.getFontsFromDataBuilder(sectionData.data), undefined, undefined, sourceFont);
+    });
+    return await Promise.all(fontStyle);
+}
+
+exports.composeFonts = composeFonts;
+exports.createFontUrl = createFontUrl;
+exports.getFontFromGlobalStyle = getFontFromGlobalStyle;
+exports.getFontStyleFromPageTemplate = getFontStyleFromPageTemplate;
+exports.getFonts = getFonts;