@gem-sdk/pages 1.5.14 → 1.5.27

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

@@ -8,119 +8,131 @@ import { parseBuilderTemplateV2 } from '../helpers/normalize.js';
 import { parseJson, serializableJson } from '../helpers/parse-json.js';
 import { captureException } from '@sentry/nextjs';
 
-const getHomePagePropsV2 = (fetcher, shopifyFetcher) => async () => {
-    try {
-        const variables = {
-            slugType: 'STATIC',
-        };
-        const [theme, storeProperty, shopifyMeta] = await Promise.allSettled([
-            fetcher([
-                PublishedThemePagesDocument,
-                variables,
-            ]),
-            fetcher([StorePropertyDocument]),
-            shopifyFetcher([ShopMetaDocument]),
-        ]);
-        if (theme.status === 'rejected') {
-            throw new Error(theme.reason?.[0]);
-        }
-        const dataBuilder = theme.value?.publishedThemePages?.[0];
-        if (!dataBuilder) {
-            throw new Error(`No data builder found for Home page`);
-        }
-        const homeTemplate = parseBuilderTemplateV2(dataBuilder);
-        const [fontStyle, fallback] = await Promise.all([
-            getFontFromGlobalStyle(dataBuilder?.pageStyle?.data),
-            getFallbackV2(fetcher, homeTemplate),
-        ]);
-        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 ?? 'Home',
-            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: `https://${shopData?.storeProperty?.primaryDomain}/`,
-            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',
-                            },
-                        ],
-                    }),
-                },
-            ],
-        };
-        return serializableJson({
-            themeStyle: genCSS(dataBuilder?.pageStyle?.data, mobileOnly),
-            fontStyle,
-            builderData: homeTemplate,
-            swr: { fallback },
-            currency: shopMeta?.localization.country.currency.isoCode ?? null,
-            locale: shopMeta?.localization.country.isoCode ?? null,
-            swatches: parseJson(shopData?.storeProperty?.swatchesConfig),
-            seo,
-            mobileOnly,
-            gaTrackingId: dataBuilder.themePageAnalytic?.gaTrackingID ?? null,
-            facebookPixelId: dataBuilder.themePageAnalytic?.fbPixelID ?? null,
-            tiktokPixelId: dataBuilder.themePageAnalytic?.tiktokPixelID ?? null,
-            pageHandle: dataBuilder.handle ?? null,
-        });
-    }
-    catch (err) {
-        captureException(err);
-        throw err;
-    }
-};
+const getHomePagePropsV2 = (fetcher, shopifyFetcher)=>async ()=>{
+        try {
+            const variables = {
+                slugType: 'STATIC'
+            };
+            const [theme, storeProperty, shopifyMeta] = await Promise.allSettled([
+                fetcher([
+                    PublishedThemePagesDocument,
+                    variables
+                ]),
+                fetcher([
+                    StorePropertyDocument
+                ]),
+                shopifyFetcher([
+                    ShopMetaDocument
+                ])
+            ]);
+            if (theme.status === 'rejected') {
+                throw new Error(theme.reason?.[0]);
+            }
+            const dataBuilder = theme.value?.publishedThemePages?.[0];
+            if (!dataBuilder) {
+                throw new Error(`No data builder found for Home page`);
+            }
+            const homeTemplate = parseBuilderTemplateV2(dataBuilder);
+            const [fontStyle, fallback] = await Promise.all([
+                getFontFromGlobalStyle(dataBuilder?.pageStyle?.data),
+                getFallbackV2(fetcher, homeTemplate)
+            ]);
+            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 ?? 'Home',
+                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: `https://${shopData?.storeProperty?.primaryDomain}/`,
+                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}`;
+            return serializableJson({
+                themeStyle: genCSS(dataBuilder?.pageStyle?.data, mobileOnly),
+                fontStyle,
+                builderData: homeTemplate,
+                swr: {
+                    fallback
+                },
+                currency: shopMeta?.localization.country.currency.isoCode ?? null,
+                languageIsoCode,
+                countryIsoCode,
+                locale,
+                swatches: parseJson(shopData?.storeProperty?.swatchesConfig),
+                seo,
+                mobileOnly,
+                gaTrackingId: dataBuilder.themePageAnalytic?.gaTrackingID ?? null,
+                facebookPixelId: dataBuilder.themePageAnalytic?.fbPixelID ?? null,
+                tiktokPixelId: dataBuilder.themePageAnalytic?.tiktokPixelID ?? null,
+                pageHandle: dataBuilder.handle ?? null
+            });
+        } catch (err) {
+            captureException(err);
+            throw err;
+        }
+    };
 
 export { getHomePagePropsV2 };

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

@@ -6,128 +6,138 @@ import { generateManifest } from '../helpers/generate-manifres.js';
 import { parseBuilderTemplate } from '../helpers/normalize.js';
 import { parseJson, serializableJson } from '../helpers/parse-json.js';
 
-const getHomePageProps = (fetcher, shopifyFetcher) => async () => {
-    const pageType = 'STATIC';
-    const variables = {
-        slugType: pageType,
-    };
-    // const theme = await fetcher<PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables>([
-    //   PublishedThemePagesDocument,
-    //   variables,
-    // ]);
-    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 homeTemplate = parseBuilderTemplate(dataBuilder);
-    const fontStyle = await getFontFromGlobalStyle(dataBuilder?.pageStyle?.data);
-    const queries = prefetchQueries(homeTemplate);
-    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 ?? 'Home',
-        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: '/',
-        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',
-                        },
-                    ],
-                }),
-            },
-        ],
-    };
-    return serializableJson({
-        themeStyle: genCSS(dataBuilder?.pageStyle?.data),
-        fontStyle,
-        builderData: homeTemplate,
-        pageType,
-        swr: { fallback },
-        currency: shopMeta?.localization.country.currency.isoCode ?? null,
-        locale: shopMeta?.localization.country.isoCode ?? null,
-        swatches: parseJson(shopData?.storeProperty?.swatchesConfig),
-        seo,
-    });
-};
+const getHomePageProps = (fetcher, shopifyFetcher)=>async ()=>{
+        const pageType = 'STATIC';
+        const variables = {
+            slugType: pageType
+        };
+        // const theme = await fetcher<PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables>([
+        //   PublishedThemePagesDocument,
+        //   variables,
+        // ]);
+        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 homeTemplate = parseBuilderTemplate(dataBuilder);
+        const fontStyle = await getFontFromGlobalStyle(dataBuilder?.pageStyle?.data);
+        const queries = prefetchQueries(homeTemplate);
+        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 ?? 'Home',
+            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: '/',
+            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'
+                            }
+                        ]
+                    })
+                }
+            ]
+        };
+        return serializableJson({
+            themeStyle: genCSS(dataBuilder?.pageStyle?.data),
+            fontStyle,
+            builderData: homeTemplate,
+            pageType,
+            swr: {
+                fallback
+            },
+            currency: shopMeta?.localization.country.currency.isoCode ?? null,
+            locale: shopMeta?.localization.country.isoCode ?? null,
+            swatches: parseJson(shopData?.storeProperty?.swatchesConfig),
+            seo
+        });
+    };
 
 export { getHomePageProps };

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

@@ -2,15 +2,15 @@ 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);
-    }
-};
+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 };