@gem-sdk/pages 3.0.0-pre-production.0 → 3.0.0

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

@@ -1,16 +1 @@
-import { getCollectionProps } from './get-collection-props.js';
-import { getProductProps } from './get-product-props.js';
-import { getStaticPageProps } from './get-static-page-props.js';
-
-const getPreviewProps = (fetcher, shopifyFetcher)=>async (pageType, slug)=>{
-        switch(pageType){
-            case 'COLLECTION':
-                return getCollectionProps(fetcher)(slug);
-            case 'PRODUCT':
-                return getProductProps(fetcher)(slug);
-            default:
-                return getStaticPageProps(fetcher, shopifyFetcher)(slug);
-        }
-    };
-
-export { getPreviewProps };
+import{getCollectionProps as r}from"./get-collection-props.js";import{getProductProps as e}from"./get-product-props.js";import{getStaticPageProps as t}from"./get-static-page-props.js";let getPreviewProps=(o,p)=>async(s,c)=>{switch(s){case"COLLECTION":return r(o)(c);case"PRODUCT":return e(o)(c);default:return t(o,p)(c)}};export{getPreviewProps};

package/dist/esm/libs/api/get-product-props.js

@@ -1,71 +1 @@
-import { getProductBySlug, PublishedThemePagesDocument, prefetchQueries } from '@gem-sdk/core';
-import { genCSS } from '../helpers/gen-css.js';
-import { parseBuilderTemplate } from '../helpers/normalize.js';
-import { serializableJson } from '../helpers/parse-json.js';
-
-const getProductProps = (fetcher)=>async (handle)=>{
-        const pageType = 'PRODUCT';
-        const variables = {
-            slug: handle,
-            slugType: pageType
-        };
-        const [product, theme] = await Promise.all([
-            getProductBySlug(fetcher, handle),
-            fetcher([
-                PublishedThemePagesDocument,
-                variables
-            ])
-        ]);
-        const dataBuilder = theme.publishedThemePages?.[0];
-        if (!product || !dataBuilder) {
-            throw new Error('Product not found');
-        }
-        const productTemplate = parseBuilderTemplate(dataBuilder);
-        const queries = prefetchQueries(productTemplate);
-        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;
-        }, {});
-        return serializableJson({
-            builderData: productTemplate,
-            themeStyle: genCSS(dataBuilder.pageStyle?.data),
-            pageType,
-            swr: {
-                fallback
-            },
-            seo: {
-                title: product.title,
-                description: product.description,
-                openGraph: {
-                    images: product.featuredImage?.src ? [
-                        {
-                            url: product.featuredImage.src,
-                            alt: product.featuredImage?.alt,
-                            height: product.featuredImage?.height,
-                            width: product.featuredImage?.width,
-                            type: product.featuredImage?.contentType
-                        }
-                    ] : []
-                }
-            },
-            product
-        });
-    };
-
-export { getProductProps };
+import{getProductBySlug as e,PublishedThemePagesDocument as t,prefetchQueries as r}from"@gem-sdk/core";import{genCSS as a}from"../helpers/gen-css.js";import{parseBuilderTemplate as s}from"../helpers/normalize.js";import{serializableJson as l}from"../helpers/parse-json.js";let getProductProps=o=>async i=>{let m="PRODUCT",d={slug:i,slugType:m},[p,u]=await Promise.all([e(o,i),o([t,d])]),g=u.publishedThemePages?.[0];if(!p||!g)throw Error("Product not found");let f=s(g),h=r(f),n=await Promise.allSettled(h.map(({query:e,variables:t,func:r})=>r?r(o,t):e?o([e,t]):{})),c=h.reduce((e,{key:t},r)=>{let a=n[r];return a?.status==="fulfilled"?{...e,[t]:a.value}:e},{});return l({builderData:f,themeStyle:a(g.pageStyle?.data),pageType:m,swr:{fallback:c},seo:{title:p.title,description:p.description,openGraph:{images:p.featuredImage?.src?[{url:p.featuredImage.src,alt:p.featuredImage?.alt,height:p.featuredImage?.height,width:p.featuredImage?.width,type:p.featuredImage?.contentType}]:[]}},product:p})};export{getProductProps};

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

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

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

@@ -1,166 +1 @@
-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 } from '../helpers/normalize.js';
-import { parseJson, serializableJson } from '../helpers/parse-json.js';
-import { captureException } from '@sentry/nextjs';
-import { getCustomFonts } from '../custom-fonts.js';
-import { genResizeFaviconUrl } from '../helpers/gen-favicon.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 noindex = dataBuilder?.metafields?.find((item)=>item?.key === 'noindex')?.value;
-            const nofollow = dataBuilder?.metafields?.find((item)=>item?.key === 'nofollow')?.value;
-            const shopMeta = shopifyMeta.status === 'fulfilled' ? shopifyMeta.value : undefined;
-            const shopData = storeProperty.status === 'fulfilled' ? storeProperty.value : undefined;
-            const favicon = shopData?.storeProperty?.favicon ?? '';
-            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
-                    ] : []
-                },
-                noindex: noindex === 'true',
-                nofollow: nofollow === 'true',
-                canonical: `https://${shopData?.storeProperty?.primaryDomain}/${slug}`,
-                additionalMetaTags: [
-                    {
-                        name: 'theme-color',
-                        content: '#000000'
-                    }
-                ],
-                additionalLinkTags: [
-                    {
-                        rel: 'icon',
-                        sizes: '32x32',
-                        href: genResizeFaviconUrl(favicon, 32)
-                    },
-                    {
-                        rel: 'icon',
-                        sizes: '16x16',
-                        href: genResizeFaviconUrl(favicon, 16)
-                    },
-                    {
-                        rel: 'apple-touch-icon',
-                        sizes: '180x180',
-                        href: genResizeFaviconUrl(favicon, 180)
-                    },
-                    {
-                        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: genResizeFaviconUrl(favicon, 192),
-                                    sizes: '192x192',
-                                    type: 'image/png',
-                                    purpose: 'any maskable'
-                                },
-                                {
-                                    src: genResizeFaviconUrl(favicon, 512),
-                                    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
-            });
-        } catch (err) {
-            captureException(err);
-            throw err;
-        }
-    };
-
-export { getStaticPagePropsV2 };
+import{PublishedThemePagesDocument as e,StorePropertyDocument as o,PublishedShopMetasDocument as t}from"@gem-sdk/core";import{ShopMetaDocument as s}from"@gem-sdk/adapter-shopify";import{getFontStyleFromPageTemplate as a,getFontFromGlobalStyle as r}from"../google-fonts.js";import{genCSS as i}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 p,extractPageBackground as m}from"../helpers/normalize.js";import{parseJson as d,serializableJson as c}from"../helpers/parse-json.js";import{captureException as f}from"@sentry/nextjs";import{getCustomFonts as u}from"../custom-fonts.js";import{getPublishedThemePageMetafieldByKey as h}from"../helpers/get-metafield.js";import{PublishedThemePageMetafields as _}from"../../constants/index.js";let getStaticPagePropsV2=(g,T)=>async y=>{try{let f="STATIC",L={slug:y,slugType:f},[A,E,I,O]=await Promise.allSettled([g([e,L]),g([o]),T([s]),g([t,{keys:["source_font",_.GLOBAL_META_DESCRIPTION,_.GLOBAL_META_THUMBNAIL]}])]);if("rejected"===A.status)throw Error(A.reason?.[0]);let M="fulfilled"===O.status?O.value:void 0,S=M?.publishedShopMetas?.find(e=>e?.key==="source_font"),C=A.value.publishedThemePages?.[0],P=A.value?.publishedThemePages?.[0]?.themePageCustomFonts;if(!C)throw Error(`No data builder found for slug: /${y}`);let k=p(C),[v,x,N,b]=await Promise.all([a(k,S?.value),r(C?.pageStyle?.data,S?.value),n(g,k),u(P)]),z=C.isMobile??!1,B=h(_.GLOBAL_META_DESCRIPTION,C?.metafields)||M?.publishedShopMetas?.find(e=>e?.key===_.GLOBAL_META_DESCRIPTION)?.value,D=h(_.GLOBAL_META_TITLE,C?.metafields)||M?.publishedShopMetas?.find(e=>e?.key===_.GLOBAL_META_TITLE)?.value,j=d(h(_.GLOBAL_META_THUMBNAIL,C?.metafields)||M?.publishedShopMetas?.find(e=>e?.key===_.GLOBAL_META_THUMBNAIL)?.value),G=h(_.NOINDEX_KEY,C?.metafields)||M?.publishedShopMetas?.find(e=>e?.key===_.NOINDEX_KEY)?.value,$=h(_.NOFOLLOW_KEY,C?.metafields)||M?.publishedShopMetas?.find(e=>e?.key===_.NOFOLLOW_KEY)?.value,w="fulfilled"===I.status?I.value:void 0,Y="fulfilled"===E.status?E.value:void 0,K=Y?.storeProperty?.favicon??"/favicon/favicon-32x32.png",F={defaultTitle:w?.shop.name,title:D||C?.name,description:B??w?.shop.description,openGraph:{site_name:w?.shop.name,locale:w?.localization.country.isoCode,title:(D||C?.name)??w?.shop.name,description:B??w?.shop.description,images:j?[j]:[]},noindex:"true"===G,nofollow:"true"===$,canonical:`https://${Y?.storeProperty?.primaryDomain}/${y}`,additionalMetaTags:[{name:"theme-color",content:"#000000"}],additionalLinkTags:[{rel:"icon",sizes:"32x32",href:`${K}-/crop/1:1/center/-/smart_resize/32x32/`},{rel:"icon",sizes:"16x16",href:`${K}-/crop/1:1/center/-/smart_resize/16x16/`},{rel:"apple-touch-icon",sizes:"180x180",href:`${K}-/crop/1:1/center/-/smart_resize/180x180/`},{rel:"manifest",href:l({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:`${K}-/crop/1:1/center/-/smart_resize/192x192/`,sizes:"192x192",type:"image/png",purpose:"any maskable"},{src:`${K}-/crop/1:1/center/-/smart_resize/512x512/`,sizes:"512x512",type:"image/png"}]})}]},H=w?.localization.language.isoCode??null,R=w?.localization.country.isoCode??null,U=H&&R?`${H}-${R}`:null;return c({themeStyle:i(C?.pageStyle?.data,z),fontStyle:x,elementFontStyle:v,builderData:k,pageType:f,moneyFormat:w?.shop.moneyFormat??null,currency:w?.localization.country.currency.isoCode??null,languageIsoCode:H,countryIsoCode:R,locale:U,swr:{fallback:N},swatches:d(Y?.storeProperty?.swatchesConfig),seo:F,mobileOnly:z,gaTrackingId:h(_.ANALYTICS_GA_TRACKING_ID,C?.metafields)??null,facebookPixelId:h(_.ANALYTICS_FB_PIXEL_ID,C?.metafields)??null,tiktokPixelId:h(_.ANALYTICS_TIKTOK_PIXEL_ID,C?.metafields)??null,customCodeHeader:h(_.CUSTOM_CODE_HEADER,C?.metafields)??null,customCodeBody:h(_.CUSTOM_CODE_BODY,C?.metafields)??null,pageHandle:C.handle??null,customFonts:b,interaction:C?.interaction,pageBackground:m(C)})}catch(e){throw f(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 t,PublishedShopMetasDocument as o,prefetchQueries as s}from"@gem-sdk/core";import{ShopMetaDocument as a}from"@gem-sdk/adapter-shopify";import{getFontFromGlobalStyle as r}from"../google-fonts.js";import{genCSS as i}from"../helpers/gen-css.js";import{generateManifest as l}from"../helpers/generate-manifres.js";import{parseBuilderTemplate as n}from"../helpers/normalize.js";import{parseJson as p,serializableJson as c}from"../helpers/parse-json.js";import{PublishedThemePageMetafields as m}from"../../constants/index.js";import{getPublishedThemePageMetafieldByKey as d}from"../helpers/get-metafield.js";let getStaticPageProps=(f,u)=>async h=>{let g="STATIC",_={slug:h,slugType:g},[y,T,A,L]=await Promise.allSettled([f([e,_]),f([t]),u([a]),f([o,{keys:["source_font",m.GLOBAL_META_DESCRIPTION,m.GLOBAL_META_THUMBNAIL]}])]);if("rejected"===y.status)return{pageType:g};let z="fulfilled"===L.status?L.value:void 0,v=y.value.publishedThemePages?.[0],x=n(v),S=await r(v?.pageStyle?.data),M=s(x),P=await Promise.allSettled(M.map(({query:e,variables:t,func:o})=>o?o(f,t):e?f([e,t]):{})),I=M.reduce((e,{key:t},o)=>{let s=P[o];return s?.status==="fulfilled"?{...e,[t]:s.value}:e},{}),j=d(m.GLOBAL_META_DESCRIPTION,v?.metafields)||z?.publishedShopMetas?.find(e=>e?.key===m.GLOBAL_META_DESCRIPTION)?.value,B=p(d(m.GLOBAL_META_THUMBNAIL,v?.metafields)||z?.publishedShopMetas?.find(e=>e?.key===m.GLOBAL_META_THUMBNAIL)?.value),C="fulfilled"===A.status?A.value:void 0,E="fulfilled"===T.status?T.value:void 0,O=E?.storeProperty?.favicon??"/favicon/favicon-32x32.png",k={defaultTitle:C?.shop.name??"",title:v?.name??"",description:j??C?.shop.description??"",openGraph:{site_name:C?.shop.name??"",locale:C?.localization.country.isoCode??"",title:v?.name??C?.shop.name??"",description:j??C?.shop.description??"",images:B?[B]:[]},additionalMetaTags:[{name:"theme-color",content:"#000000"}],canonical:`/${h}`,additionalLinkTags:[{rel:"icon",sizes:"32x32",href:`${O}-/crop/1:1/center/-/smart_resize/32x32/`},{rel:"icon",sizes:"16x16",href:`${O}-/crop/1:1/center/-/smart_resize/16x16/`},{rel:"apple-touch-icon",sizes:"180x180",href:`${O}-/crop/1:1/center/-/smart_resize/180x180/`},{rel:"manifest",href:l({theme_color:"#000000",background_color:"#ffffff",display:"standalone",scope:"/",start_url:"/",name:C?.shop.name,short_name:C?.shop.name,description:C?.shop.description,icons:[{src:`${O}-/crop/1:1/center/-/smart_resize/192x192/`,sizes:"192x192",type:"image/png",purpose:"any maskable"},{src:`${O}-/crop/1:1/center/-/smart_resize/512x512/`,sizes:"512x512",type:"image/png"}]})}]},$=C?.localization.language.isoCode??null,G=C?.localization.country.isoCode??null,b=$&&G?`${$}-${G}`:null;return c({themeStyle:i(v?.pageStyle?.data),fontStyle:S,builderData:x,pageType:g,moneyFormat:C?.shop.moneyFormat??null,currency:C?.localization.country.currency.isoCode??null,languageIsoCode:$,countryIsoCode:G,locale:b,swr:{fallback:I},swatches:p(E?.storeProperty?.swatchesConfig),seo:k})};export{getStaticPageProps};

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

@@ -1,57 +1,8 @@
-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(`
+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: '${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'};
+          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 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 };
+      `);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};