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

package/dist/esm/libs/hooks/usePagePreview.js

@@ -1 +1,90 @@
-import{generateManifest as e}from"../helpers/generate-manifres.js";import{parseJson as o}from"../helpers/parse-json.js";let usePagePreview=(r,a,n)=>{let s=r?.isMobile??!1,i=n?.status==="fulfilled"?n.value:void 0,t="fulfilled"===a.status?a.value:void 0,l=t?.storeProperty?.favicon??"/favicon/favicon-32x32.png",c=i?.localization.language.isoCode??null,p=i?.localization.country.isoCode??null,m=i?.shop.moneyFormat??null,f=i?.localization.country.currency.isoCode??null,u=o(t?.storeProperty?.swatchesConfig),d=c&&p?`${c}-${p}`:null,h={defaultTitle:i?.shop.name,title:r?.name,openGraph:{site_name:i?.shop.name,locale:i?.localization.country.isoCode,title:r?.name??i?.shop.name},nofollow:!0,noindex:!0,canonical:`/preview/${r?.id}`,additionalMetaTags:[{name:"theme-color",content:"#000000"}],additionalLinkTags:[{rel:"icon",sizes:"32x32",href:`${l}-/crop/1:1/center/-/smart_resize/32x32/`},{rel:"icon",sizes:"16x16",href:`${l}-/crop/1:1/center/-/smart_resize/16x16/`},{rel:"apple-touch-icon",sizes:"180x180",href:`${l}-/crop/1:1/center/-/smart_resize/180x180/`},{rel:"manifest",href:e({theme_color:"#000000",background_color:"#ffffff",display:"standalone",scope:"/",start_url:"/",name:i?.shop.name,short_name:i?.shop.name,description:i?.shop.description,icons:[{src:`${l}-/crop/1:1/center/-/smart_resize/192x192/`,sizes:"192x192",type:"image/png",purpose:"any maskable"},{src:`${l}-/crop/1:1/center/-/smart_resize/512x512/`,sizes:"512x512",type:"image/png"}]})}]};return{seo:h,pageConfig:{mobileOnly:s,locale:d,languageIsoCode:c,countryIsoCode:p,moneyFormat:m,currency:f,swatches:u}}};export{usePagePreview};
+import { generateManifest } from '../helpers/generate-manifres.js';
+import { parseJson } from '../helpers/parse-json.js';
+
+const usePagePreview = (dataBuilder, storeProperty, shopifyMeta)=>{
+    const mobileOnly = dataBuilder?.isMobile ?? false;
+    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 languageIsoCode = shopMeta?.localization.language.isoCode ?? null;
+    const countryIsoCode = shopMeta?.localization.country.isoCode ?? null;
+    const moneyFormat = shopMeta?.shop.moneyFormat ?? null;
+    const currency = shopMeta?.localization.country.currency.isoCode ?? null;
+    const swatches = parseJson(shopData?.storeProperty?.swatchesConfig);
+    const locale = !languageIsoCode || !countryIsoCode ? null : `${languageIsoCode}-${countryIsoCode}`;
+    const seo = {
+        defaultTitle: shopMeta?.shop.name,
+        title: dataBuilder?.name,
+        openGraph: {
+            site_name: shopMeta?.shop.name,
+            locale: shopMeta?.localization.country.isoCode,
+            title: dataBuilder?.name ?? shopMeta?.shop.name
+        },
+        nofollow: true,
+        noindex: true,
+        canonical: `/preview/${dataBuilder?.id}`,
+        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'
+                        }
+                    ]
+                })
+            }
+        ]
+    };
+    return {
+        seo,
+        pageConfig: {
+            mobileOnly,
+            locale,
+            languageIsoCode,
+            countryIsoCode,
+            moneyFormat,
+            currency,
+            swatches
+        }
+    };
+};
+
+export { usePagePreview };

package/dist/esm/libs/parse-html.js

@@ -1 +1,32 @@
-import{jsx as t}from"react/jsx-runtime";import r,{Element as e,Text as a}from"html-react-parser";import i from"next/script";let parseHtml=(n,s)=>{if(n)try{return r(n,{replace:r=>{if("script"===r.type&&r instanceof e){let e=r.children?.[0];if(e instanceof a)return s?t("script",{...r.attribs,dangerouslySetInnerHTML:{__html:e.data}}):t(i,{...r.attribs,dangerouslySetInnerHTML:{__html:e.data}});if(!s)return t(i,{...r.attribs})}}})}catch{return}};export{parseHtml};
+import { jsx } from 'react/jsx-runtime';
+import parse, { Element, Text } from 'html-react-parser';
+
+const parseHtml = (key, html, isHead)=>{
+    if (!html) return undefined;
+    try {
+        return parse(html, {
+            replace: (node)=>{
+                if (node.type !== 'script' || !(node instanceof Element)) return null;
+                const child = node.children?.[0];
+                if (!child) return null;
+                if (!(child instanceof Text) && !isHead) return /*#__PURE__*/ jsx("script", {
+                    id: key,
+                    ...node.attribs
+                }, key);
+                if (child instanceof Text && isHead) {
+                    return /*#__PURE__*/ jsx("script", {
+                        id: key,
+                        ...node.attribs,
+                        dangerouslySetInnerHTML: {
+                            __html: child.data
+                        }
+                    }, key);
+                }
+            }
+        });
+    } catch  {
+        return undefined;
+    }
+};
+
+export { parseHtml };