@gem-sdk/pages 1.5.7 → 1.5.23

package/dist/cjs/libs/fetcher.js

@@ -2,69 +2,65 @@
 
 var getStorefrontApi = require('./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 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.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;
-        });
-    };
+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 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.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;
+        });
+    };
 };
 
 exports.createFetcher = createFetcher;

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

@@ -3,8 +3,11 @@
 var jsxRuntime = require('react/jsx-runtime');
 var main = require('../layouts/main.js');
 
-const getLayout = (page, pageProps) => {
-    return jsxRuntime.jsx(main.default, { ...pageProps, children: page });
+const getLayout = (page, pageProps)=>{
+    return /*#__PURE__*/ jsxRuntime.jsx(main.default, {
+        ...pageProps,
+        children: page
+    });
 };
 
 exports.getLayout = getLayout;

package/dist/cjs/libs/get-storefront-api.js

@@ -1,12 +1,12 @@
 'use strict';
 
-const getStorefrontApi = (handle, provider) => {
-    switch (provider) {
-        case 'BIGCOMMERCE':
-            return `https://${handle}.bigcommerce.com`;
-        default:
-            return `https://${handle}.myshopify.com/api/2022-07/graphql.json`;
-    }
+const getStorefrontApi = (handle, provider)=>{
+    switch(provider){
+        case 'BIGCOMMERCE':
+            return `https://${handle}.bigcommerce.com`;
+        default:
+            return `https://${handle}.myshopify.com/api/2022-07/graphql.json`;
+    }
 };
 
 exports.getStorefrontApi = getStorefrontApi;

package/dist/cjs/libs/getStaticPaths.js

@@ -1,10 +1,10 @@
 'use strict';
 
-const getStaticPaths = async () => {
-    return {
-        paths: [],
-        fallback: true,
-    };
+const getStaticPaths = async ()=>{
+    return {
+        paths: [],
+        fallback: true
+    };
 };
 
 exports.getStaticPaths = getStaticPaths;

package/dist/cjs/libs/google-fonts.js

@@ -1,66 +1,59 @@
 'use strict';
 
-const CHROME_UA = 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.61 Safari/537.36';
-const IE_UA = 'Mozilla/5.0 (Windows NT 10.0; Trident/7.0; rv:11.0) like Gecko';
-async function getFontForUA(url, UA) {
-    return fetch(url, {
-        headers: {
-            'User-Agent': UA,
-        },
-    }).then((res) => res.text());
-}
-const createFontUrl = (fonts, option) => {
-    const params = new URLSearchParams();
-    const display = option?.display || 'swap';
-    const family = fonts
-        .filter((font, index, arr) => {
-        return index === arr.findIndex((t) => t.family === font.family);
-    })
-        .map((font) => {
-        return `${font.family.replace(/ /g, '+')}:${font.variants.join(',')}`;
-    })
-        .join('|');
-    params.append('family', family);
-    params.append('display', display);
-    if (option?.subset) {
-        params.append('subset', option.subset);
-    }
-    if (option?.effect) {
-        params.append('effect', option.effect);
-    }
-    return `https://fonts.googleapis.com/css?${decodeURIComponent(params.toString())}`;
-};
-async function getFonts(fonts, option) {
-    /**
-     * The order of IE -> Chrome is important, other wise chrome starts loading woff1.
-     * CSS cascading 🤷‍♂️.
-     */
-    const url = createFontUrl(fonts, option);
-    try {
-        const [ie, chrome] = await Promise.all([
-            getFontForUA(url, IE_UA),
-            getFontForUA(url, CHROME_UA),
-        ]);
-        return ie + chrome;
-    }
-    catch (e) {
-        return '';
-    }
-}
-const getFontFromGlobalStyle = (data) => {
-    if (!data)
-        return '';
-    try {
-        const globalStyle = JSON.parse(data);
-        const fonts = globalStyle?.font ?? {};
-        const font = Object.entries(fonts).map(([, value]) => {
-            return value;
-        });
-        return getFonts(font);
-    }
-    catch {
-        return '';
-    }
+const CHROME_UA = 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.61 Safari/537.36';
+const IE_UA = 'Mozilla/5.0 (Windows NT 10.0; Trident/7.0; rv:11.0) like Gecko';
+async function getFontForUA(url, UA) {
+    return fetch(url, {
+        headers: {
+            'User-Agent': UA
+        }
+    }).then((res)=>res.text());
+}
+const createFontUrl = (fonts, option)=>{
+    const params = new URLSearchParams();
+    const display = option?.display || 'swap';
+    const family = fonts.filter((font, index, arr)=>{
+        return index === arr.findIndex((t)=>t.family === font.family);
+    }).map((font)=>{
+        return `${font.family.replace(/ /g, '+')}:${font.variants.join(',')}`;
+    }).join('|');
+    params.append('family', family);
+    params.append('display', display);
+    if (option?.subset) {
+        params.append('subset', option.subset);
+    }
+    if (option?.effect) {
+        params.append('effect', option.effect);
+    }
+    return `https://fonts.googleapis.com/css?${decodeURIComponent(params.toString())}`;
+};
+async function getFonts(fonts, option) {
+    /**
+   * The order of IE -> Chrome is important, other wise chrome starts loading woff1.
+   * CSS cascading 🤷‍♂️.
+   */ const url = createFontUrl(fonts, option);
+    try {
+        const [ie, chrome] = await Promise.all([
+            getFontForUA(url, IE_UA),
+            getFontForUA(url, CHROME_UA)
+        ]);
+        return ie + chrome;
+    } catch (e) {
+        return '';
+    }
+}
+const getFontFromGlobalStyle = (data)=>{
+    if (!data) return '';
+    try {
+        const globalStyle = JSON.parse(data);
+        const fonts = globalStyle?.font ?? {};
+        const font = Object.entries(fonts).map(([, value])=>{
+            return value;
+        });
+        return getFonts(font);
+    } catch  {
+        return '';
+    }
 };
 
 exports.createFontUrl = createFontUrl;

package/dist/cjs/libs/helpers/gen-css.js

@@ -3,100 +3,109 @@
 var core = require('@gem-sdk/core');
 var merge = require('deepmerge');
 
-const baseDevices = {
-    tablet: '1023px',
-    mobile: '767px',
-};
-const flattenObject = (obj, prefix) => {
-    return Object.keys(obj).reduce((acc, k) => {
-        const pre = prefix ? `${prefix}-` : '';
-        if (typeof obj[k] === 'object' && obj[k] !== null && Object.keys(obj[k]).length > 0)
-            Object.assign(acc, flattenObject(obj[k], pre + k));
-        else
-            acc[pre + k] = obj[k];
-        return acc;
-    }, {});
-};
-const devicesOrder = ['desktop', 'tablet', 'mobile'];
-const mapObject = (obj) => {
-    return Object.entries(obj ?? {}).reduce((acc, [k, v]) => {
-        return {
-            ...acc,
-            [core.getShortName(k)]: typeof v === 'object' ? mapObject(v) : v,
-        };
-    }, {});
-};
-const getValueByDevice = (data, device) => {
-    const deviceData = {
-        typography: Object.fromEntries(Object.entries(data?.typography ?? {}).map(([key, value]) => {
-            const typo = { ...value?.[device] };
-            if (!typo)
-                return [key, undefined];
-            if (typo.fontFamily) {
-                typo.fontFamily = `var(--g-font-${typo.fontFamily}, ${typo.fontFamily})`;
-            }
-            return [key, typo];
-        })),
-        spacing: Object.fromEntries(Object.entries(data?.spacing ?? {}).map(([key, value]) => {
-            return [key, value?.[device]];
-        })),
-        container: Object.fromEntries(Object.entries(data?.container ?? {}).map(([key, value]) => {
-            return [key, value?.[device]];
-        })),
-        font: Object.fromEntries(Object.entries(data?.font ?? {}).map(([key, value]) => {
-            return [key, value?.family];
-        })),
-    };
-    return deviceData;
-};
-const genCSSVariable = (deviceData) => {
-    return Object.entries(mapObject(flattenObject(deviceData)))
-        .map(([key, value]) => {
-        if (value === undefined)
-            return undefined;
-        return `--g-${key}:${value}`;
-    })
-        .filter((v) => v !== undefined)
-        .join(';');
-};
-const genCSS = (input, mobileOnly) => {
-    if (!input)
-        return '';
-    let data = {};
-    try {
-        if (typeof input === 'string') {
-            data = JSON.parse(input);
-        }
-        else {
-            data = input;
-        }
-        if (mobileOnly) {
-            const desktop = getValueByDevice(data, 'desktop');
-            const mobile = getValueByDevice(data, 'mobile');
-            const deviceData = merge(desktop, mobile);
-            deviceData.color = data.color;
-            deviceData.radius = data.radius;
-            const cssData = genCSSVariable(deviceData);
-            return `:root{${cssData}}`;
-        }
-        return devicesOrder
-            .map((device) => {
-            const deviceData = getValueByDevice(data, device);
-            if (device === 'desktop') {
-                deviceData.color = data.color;
-                deviceData.radius = data.radius;
-            }
-            const cssData = genCSSVariable(deviceData);
-            if (device === 'desktop') {
-                return `:root{${cssData}}`;
-            }
-            return `@media (max-width: ${baseDevices[device]}) {:root{${cssData}}}`;
-        })
-            .join('\n');
-    }
-    catch {
-        return '';
-    }
+const baseDevices = {
+    tablet: '1023px',
+    mobile: '767px'
+};
+const flattenObject = (obj, prefix)=>{
+    return Object.keys(obj).reduce((acc, k)=>{
+        const pre = prefix ? `${prefix}-` : '';
+        if (typeof obj[k] === 'object' && obj[k] !== null && Object.keys(obj[k]).length > 0) Object.assign(acc, flattenObject(obj[k], pre + k));
+        else acc[pre + k] = obj[k];
+        return acc;
+    }, {});
+};
+const devicesOrder = [
+    'desktop',
+    'tablet',
+    'mobile'
+];
+const mapObject = (obj)=>{
+    return Object.entries(obj ?? {}).reduce((acc, [k, v])=>{
+        return {
+            ...acc,
+            [core.getShortName(k)]: typeof v === 'object' ? mapObject(v) : v
+        };
+    }, {});
+};
+const getValueByDevice = (data, device)=>{
+    const deviceData = {
+        typography: Object.fromEntries(Object.entries(data?.typography ?? {}).map(([key, value])=>{
+            const typo = {
+                ...value?.[device]
+            };
+            if (!typo) return [
+                key,
+                undefined
+            ];
+            if (typo.fontFamily) {
+                typo.fontFamily = `var(--g-font-${typo.fontFamily}, ${typo.fontFamily})`;
+            }
+            return [
+                key,
+                typo
+            ];
+        })),
+        spacing: Object.fromEntries(Object.entries(data?.spacing ?? {}).map(([key, value])=>{
+            return [
+                key,
+                value?.[device]
+            ];
+        })),
+        container: Object.fromEntries(Object.entries(data?.container ?? {}).map(([key, value])=>{
+            return [
+                key,
+                value?.[device]
+            ];
+        })),
+        font: Object.fromEntries(Object.entries(data?.font ?? {}).map(([key, value])=>{
+            return [
+                key,
+                value?.family
+            ];
+        }))
+    };
+    return deviceData;
+};
+const genCSSVariable = (deviceData)=>{
+    return Object.entries(mapObject(flattenObject(deviceData))).map(([key, value])=>{
+        if (value === undefined) return undefined;
+        return `--g-${key}:${value}`;
+    }).filter((v)=>v !== undefined).join(';');
+};
+const genCSS = (input, mobileOnly)=>{
+    if (!input) return '';
+    let data = {};
+    try {
+        if (typeof input === 'string') {
+            data = JSON.parse(input);
+        } else {
+            data = input;
+        }
+        if (mobileOnly) {
+            const desktop = getValueByDevice(data, 'desktop');
+            const mobile = getValueByDevice(data, 'mobile');
+            const deviceData = merge(desktop, mobile);
+            deviceData.color = data.color;
+            deviceData.radius = data.radius;
+            const cssData = genCSSVariable(deviceData);
+            return `:root{${cssData}}`;
+        }
+        return devicesOrder.map((device)=>{
+            const deviceData = getValueByDevice(data, device);
+            if (device === 'desktop') {
+                deviceData.color = data.color;
+                deviceData.radius = data.radius;
+            }
+            const cssData = genCSSVariable(deviceData);
+            if (device === 'desktop') {
+                return `:root{${cssData}}`;
+            }
+            return `@media (max-width: ${baseDevices[device]}) {:root{${cssData}}}`;
+        }).join('\n');
+    } catch  {
+        return '';
+    }
 };
 
 exports.genCSS = genCSS;

package/dist/cjs/libs/helpers/generate-manifres.js

@@ -1,5 +1,5 @@
 'use strict';
 
-const generateManifest = (data) => `data:application/manifest+json,${encodeURIComponent(JSON.stringify(data))}`;
+const generateManifest = (data)=>`data:application/manifest+json,${encodeURIComponent(JSON.stringify(data))}`;
 
 exports.generateManifest = generateManifest;

package/dist/cjs/libs/helpers/get-fallback.js

@@ -2,28 +2,30 @@
 
 var core = require('@gem-sdk/core');
 
-const getFallbackV2 = async (fetcher, data) => {
-    const isSample = !process.env.NEXT_PUBLIC_STOREFRONT_TOKEN;
-    const queries = data.map((v) => core.prefetchQueries(v.data, isSample)).flat();
-    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 fallback;
+const getFallbackV2 = async (fetcher, data)=>{
+    const isSample = !process.env.NEXT_PUBLIC_STOREFRONT_TOKEN;
+    const queries = data.map((v)=>core.prefetchQueries(v.data, isSample)).flat();
+    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 fallback;
 };
 
 exports.getFallbackV2 = getFallbackV2;