@gem-sdk/pages 2.0.0-dev.890 → 2.0.0-staging.120

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

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

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

@@ -1 +1,162 @@
-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};
+import { PublishedThemePagesDocument, StorePropertyDocument, PublishedShopMetasDocument } 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, extractPageBackground } from '../helpers/normalize.js';
+import { parseJson, serializableJson } from '../helpers/parse-json.js';
+import { captureException } from '@sentry/nextjs';
+import { getCustomFonts } from '../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([
+                    PublishedThemePagesDocument,
+                    variables
+                ]),
+                fetcher([
+                    StorePropertyDocument
+                ]),
+                shopifyFetcher([
+                    ShopMetaDocument
+                ]),
+                fetcher([
+                    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 = parseBuilderTemplateV2(dataBuilder);
+            const [elementFontStyle, fontStyle, fallback, customFonts] = await Promise.all([
+                getFontStyleFromPageTemplate(pageTemplate, sourceFont?.value),
+                getFontFromGlobalStyle(dataBuilder?.pageStyle?.data, sourceFont?.value),
+                getFallbackV2(fetcher, pageTemplate),
+                getCustomFonts(themePageCustomFonts)
+            ]);
+            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,
+                customFonts,
+                interaction: dataBuilder?.interaction,
+                pageBackground: extractPageBackground(dataBuilder)
+            });
+        } catch (err) {
+            captureException(err);
+            throw err;
+        }
+    };
+
+export { getStaticPagePropsV2 };

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

@@ -1 +1,146 @@
-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};
+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 };

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

@@ -1,8 +1,57 @@
-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(`
+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)};export{composeFontFaces,composeFontMimeType,formatName,getCustomFonts};
+      `);
+    }
+    return fontFaces.map((fontFace)=>fontFace).join('\n');
+};
+const getCustomFonts = (fonts)=>{
+    if (!fonts) return null;
+    const fontsMimeType = composeFontMimeType(fonts);
+    return composeFontFaces(fontsMimeType);
+};
+
+export { composeFontFaces, composeFontMimeType, formatName, getCustomFonts };

package/dist/esm/libs/fetcher.js

@@ -1 +1,96 @@
-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};
+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 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(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 { createAppAPIFetcher, createFetcher, createShopifyFetcher };

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

@@ -1 +1,11 @@
-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};
+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 };