@gem-sdk/pages 1.5.7 → 1.5.23

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

@@ -5,67 +5,69 @@ var genCss = require('../helpers/gen-css.js');
 var normalize = require('../helpers/normalize.js');
 var parseJson = require('../helpers/parse-json.js');
 
-const getProductProps = (fetcher) => async (handle) => {
-    const pageType = 'PRODUCT';
-    const variables = {
-        slug: handle,
-        slugType: pageType,
-    };
-    const [product, theme] = await Promise.all([
-        core.getProductBySlug(fetcher, handle),
-        fetcher([
-            core.PublishedThemePagesDocument,
-            variables,
-        ]),
-    ]);
-    const dataBuilder = theme.publishedThemePages?.[0];
-    if (!product || !dataBuilder) {
-        throw new Error('Product not found');
-    }
-    const productTemplate = normalize.parseBuilderTemplate(dataBuilder);
-    const queries = core.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 parseJson.serializableJson({
-        builderData: productTemplate,
-        themeStyle: genCss.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,
-    });
-};
+const getProductProps = (fetcher)=>async (handle)=>{
+        const pageType = 'PRODUCT';
+        const variables = {
+            slug: handle,
+            slugType: pageType
+        };
+        const [product, theme] = await Promise.all([
+            core.getProductBySlug(fetcher, handle),
+            fetcher([
+                core.PublishedThemePagesDocument,
+                variables
+            ])
+        ]);
+        const dataBuilder = theme.publishedThemePages?.[0];
+        if (!product || !dataBuilder) {
+            throw new Error('Product not found');
+        }
+        const productTemplate = normalize.parseBuilderTemplate(dataBuilder);
+        const queries = core.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 parseJson.serializableJson({
+            builderData: productTemplate,
+            themeStyle: genCss.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
+        });
+    };
 
 exports.getProductProps = getProductProps;

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

@@ -10,126 +10,133 @@ var getFallback = require('../helpers/get-fallback.js');
 var normalize = require('../helpers/normalize.js');
 var parseJson = require('../helpers/parse-json.js');
 
-const getStaticPagePropsPreview = (fetcher, shopifyFetcher) => async (slug) => {
-    try {
-        const pageType = 'STATIC';
-        const variables = {
-            handleURL: slug,
-            pageType,
-        };
-        const [theme, storeProperty, shopifyMeta] = await Promise.allSettled([
-            fetcher([
-                core.PreviewPageDocument,
-                variables,
-                'previewPage',
-            ]),
-            fetcher([core.StorePropertyDocument]),
-            shopifyFetcher([adapterShopify.ShopMetaDocument]),
-        ]);
-        if (theme.status === 'rejected') {
-            throw new Error(theme.reason?.[0]);
-        }
-        const dataBuilder = theme.value.previewPage;
-        if (!dataBuilder) {
-            throw new Error(`No data builder found for slug: /preview/${slug}`);
-        }
-        const pageTemplate = normalize.parseBuilderTemplateV2(dataBuilder);
-        const [fontStyle, fallback] = await Promise.all([
-            googleFonts.getFontFromGlobalStyle(dataBuilder?.pageStyle?.data),
-            getFallback.getFallbackV2(fetcher, pageTemplate),
-        ]);
-        const mobileOnly = dataBuilder.isMobile ?? false;
-        const description = dataBuilder?.themePageDataSEO?.find((item) => item?.key === 'global-meta-description')?.value;
-        const thumbnail = parseJson.parseJson(dataBuilder?.themePageDataSEO?.find((item) => item?.key === 'global-meta-thumbnail')?.value);
-        const shopMeta = shopifyMeta.status === 'fulfilled' ? shopifyMeta.value : undefined;
-        const shopData = storeProperty.status === 'fulfilled' ? storeProperty.value : undefined;
-        const favicon = shopData?.storeProperty?.favicon ?? '/favicon/favicon-32x32.png';
-        const seo = {
-            defaultTitle: shopMeta?.shop.name,
-            title: dataBuilder?.name,
-            description: description ?? shopMeta?.shop.description,
-            openGraph: {
-                site_name: shopMeta?.shop.name,
-                locale: shopMeta?.localization.country.isoCode,
-                title: dataBuilder?.name ?? shopMeta?.shop.name,
-                description: description ?? shopMeta?.shop.description,
-                images: thumbnail ? [thumbnail] : [],
-            },
-            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: generateManifres.generateManifest({
-                        theme_color: '#000000',
-                        background_color: '#ffffff',
-                        display: 'standalone',
-                        scope: '/',
-                        start_url: '/',
-                        name: shopMeta?.shop.name,
-                        short_name: shopMeta?.shop.name,
-                        description: shopMeta?.shop.description,
-                        icons: [
-                            {
-                                src: `${favicon}-/crop/1:1/center/-/smart_resize/192x192/`,
-                                sizes: '192x192',
-                                type: 'image/png',
-                                purpose: 'any maskable',
-                            },
-                            {
-                                src: `${favicon}-/crop/1:1/center/-/smart_resize/512x512/`,
-                                sizes: '512x512',
-                                type: 'image/png',
-                            },
-                        ],
-                    }),
-                },
-            ],
-        };
-        return parseJson.serializableJson({
-            themeStyle: genCss.genCSS(dataBuilder?.pageStyle?.data, mobileOnly),
-            fontStyle,
-            builderData: pageTemplate,
-            pageType,
-            currency: shopMeta?.localization.country.currency.isoCode ?? null,
-            locale: shopMeta?.localization.country.isoCode ?? null,
-            swr: { fallback },
-            swatches: parseJson.parseJson(shopData?.storeProperty?.swatchesConfig),
-            seo,
-            mobileOnly,
-            gaTrackingId: dataBuilder.themePageAnalytic?.gaTrackingID ?? null,
-            facebookPixelId: dataBuilder.themePageAnalytic?.fbPixelID ?? null,
-            tiktokPixelId: dataBuilder.themePageAnalytic?.tiktokPixelID ?? null,
-            customCodeHeader: dataBuilder.themePageCustomCode?.header ?? null,
-            customCodeBody: dataBuilder.themePageCustomCode?.body ?? null,
-        });
-    }
-    catch (err) {
-        nextjs.captureException(err);
-        throw err;
-    }
-};
+const getStaticPagePropsPreview = (fetcher, shopifyFetcher)=>async (slug)=>{
+        try {
+            const pageType = 'STATIC';
+            const variables = {
+                handleURL: slug,
+                pageType
+            };
+            const [theme, storeProperty, shopifyMeta] = await Promise.allSettled([
+                fetcher([
+                    core.PreviewPageDocument,
+                    variables,
+                    'previewPage'
+                ]),
+                fetcher([
+                    core.StorePropertyDocument
+                ]),
+                shopifyFetcher([
+                    adapterShopify.ShopMetaDocument
+                ])
+            ]);
+            if (theme.status === 'rejected') {
+                throw new Error(theme.reason?.[0]);
+            }
+            const dataBuilder = theme.value.previewPage;
+            if (!dataBuilder) {
+                throw new Error(`No data builder found for slug: /preview/${slug}`);
+            }
+            const pageTemplate = normalize.parseBuilderTemplateV2(dataBuilder);
+            const [fontStyle, fallback] = await Promise.all([
+                googleFonts.getFontFromGlobalStyle(dataBuilder?.pageStyle?.data),
+                getFallback.getFallbackV2(fetcher, pageTemplate)
+            ]);
+            const mobileOnly = dataBuilder.isMobile ?? false;
+            const description = dataBuilder?.themePageDataSEO?.find((item)=>item?.key === 'global-meta-description')?.value;
+            const thumbnail = parseJson.parseJson(dataBuilder?.themePageDataSEO?.find((item)=>item?.key === 'global-meta-thumbnail')?.value);
+            const shopMeta = shopifyMeta.status === 'fulfilled' ? shopifyMeta.value : undefined;
+            const shopData = storeProperty.status === 'fulfilled' ? storeProperty.value : undefined;
+            const favicon = shopData?.storeProperty?.favicon ?? '/favicon/favicon-32x32.png';
+            const seo = {
+                defaultTitle: shopMeta?.shop.name,
+                title: dataBuilder?.name,
+                description: description ?? shopMeta?.shop.description,
+                openGraph: {
+                    site_name: shopMeta?.shop.name,
+                    locale: shopMeta?.localization.country.isoCode,
+                    title: dataBuilder?.name ?? shopMeta?.shop.name,
+                    description: description ?? shopMeta?.shop.description,
+                    images: thumbnail ? [
+                        thumbnail
+                    ] : []
+                },
+                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: generateManifres.generateManifest({
+                            theme_color: '#000000',
+                            background_color: '#ffffff',
+                            display: 'standalone',
+                            scope: '/',
+                            start_url: '/',
+                            name: shopMeta?.shop.name,
+                            short_name: shopMeta?.shop.name,
+                            description: shopMeta?.shop.description,
+                            icons: [
+                                {
+                                    src: `${favicon}-/crop/1:1/center/-/smart_resize/192x192/`,
+                                    sizes: '192x192',
+                                    type: 'image/png',
+                                    purpose: 'any maskable'
+                                },
+                                {
+                                    src: `${favicon}-/crop/1:1/center/-/smart_resize/512x512/`,
+                                    sizes: '512x512',
+                                    type: 'image/png'
+                                }
+                            ]
+                        })
+                    }
+                ]
+            };
+            return parseJson.serializableJson({
+                themeStyle: genCss.genCSS(dataBuilder?.pageStyle?.data, mobileOnly),
+                fontStyle,
+                builderData: pageTemplate,
+                pageType,
+                currency: shopMeta?.localization.country.currency.isoCode ?? null,
+                locale: shopMeta?.localization.country.isoCode ?? null,
+                swr: {
+                    fallback
+                },
+                swatches: parseJson.parseJson(shopData?.storeProperty?.swatchesConfig),
+                seo,
+                mobileOnly,
+                gaTrackingId: dataBuilder.themePageAnalytic?.gaTrackingID ?? null,
+                facebookPixelId: dataBuilder.themePageAnalytic?.fbPixelID ?? null,
+                tiktokPixelId: dataBuilder.themePageAnalytic?.tiktokPixelID ?? null,
+                customCodeHeader: dataBuilder.themePageCustomCode?.header ?? null,
+                customCodeBody: dataBuilder.themePageCustomCode?.body ?? null
+            });
+        } catch (err) {
+            nextjs.captureException(err);
+            throw err;
+        }
+    };
 
 exports.getStaticPagePropsPreview = getStaticPagePropsPreview;