ts-glitter 14.2.4 → 14.2.6

package/src/index.ts

@@ -170,241 +170,242 @@ export async function createAPP(dd: any) {
     Live_source.liveAPP.push(dd.appName);
     Schedule.app.push(dd.appName);
     const file_path = path.resolve(__dirname, '../lowcode');
-    return await GlitterUtil.set_frontend_v2(app, [
-        '/' + encodeURI(dd.appName) + '/*',
-        '/' + encodeURI(dd.appName)
-    ].map((rout)=>{
-        return {
-            rout: rout,
-            path: file_path,
-            app_name: dd.appName,
-            root_path: '/' + encodeURI(dd.appName) + '/',
-            seoManager: async (req) => {
-                try {
-                    if (req.query.state === 'google_login') {
-                        req.query.page = 'login';
-                    }
-                    let appName = dd.appName;
-                    if (req.query.appName) {
-                        appName = req.query.appName;
-                    }
-                    req.headers['g-app'] = appName;
-                    const start = new Date().getTime();
-                    //插入瀏覽紀錄
-                    Monitor.insertHistory({
-                        req_type: 'file',
-                        req: req,
-                    });
-                    console.log(`insertHistory==>`, (new Date().getTime() - start) / 1000);
-                    //確認資料庫是否存在
-                    await ApiPublic.createScheme(appName);
-                    console.log(`createScheme==>`, (new Date().getTime() - start) / 1000);
-                    //確認SAAS用戶資訊
-                    const brandAndMemberType = await App.checkBrandAndMemberType(appName);
-                    console.log(`brandAndMemberType==>`, (new Date().getTime() - start) / 1000);
-                    //取得頁面資訊
-                    let data = await Seo.getPageInfo(appName, req.query.page as string);
-                    //首頁SEO
-                    let home_page_data = await (async () => {
-                        if (data && data.config) {
-                            return await Seo.getPageInfo(appName, data.config.homePage);
-                        } else {
-                            return await Seo.getPageInfo(appName, 'index');
+    return await GlitterUtil.set_frontend_v2(
+        app,
+        ['/' + encodeURI(dd.appName) + '/*', '/' + encodeURI(dd.appName)].map((rout) => {
+            return {
+                rout: rout,
+                path: file_path,
+                app_name: dd.appName,
+                root_path: '/' + encodeURI(dd.appName) + '/',
+                seoManager: async (req) => {
+                    try {
+                        if (req.query.state === 'google_login') {
+                            req.query.page = 'login';
                         }
-                    })();
-                    console.log(`getPageInfo==>`, (new Date().getTime() - start) / 1000);
-                    let customCode = await new User(appName).getConfigV2({
-                        key: 'ga4_config',
-                        user_id: 'manager',
-                    });
-                    console.log(`customCode==>`, (new Date().getTime() - start) / 1000);
-                    if (data && data.page_config) {
-                        data.page_config = data.page_config ?? {};
-                        const d = data.page_config.seo ?? {};
-                        if (data.page_type === 'article' && data.page_config.template_type === 'product') {
-                            const product_domain = (req.query.page as string).split('/')[1];
-                            const pd = await new Shopping(appName, undefined).getProduct(
-                                product_domain
-                                    ? {
-                                        page: 0,
-                                        limit: 1,
-                                        domain: decodeURIComponent(product_domain),
-                                    }
-                                    : {
-                                        page: 0,
-                                        limit: 1,
-                                        id: req.query.product_id as string,
-                                    }
-                            );
+                        let appName = dd.appName;
+                        if (req.query.appName) {
+                            appName = req.query.appName;
+                        }
+                        req.headers['g-app'] = appName;
+                        const start = new Date().getTime();
+                        //插入瀏覽紀錄
+                        Monitor.insertHistory({
+                            req_type: 'file',
+                            req: req,
+                        });
+                        console.log(`insertHistory==>`, (new Date().getTime() - start) / 1000);
+                        //確認資料庫是否存在
+                        await ApiPublic.createScheme(appName);
+                        console.log(`createScheme==>`, (new Date().getTime() - start) / 1000);
+                        //確認SAAS用戶資訊
+                        const brandAndMemberType = await App.checkBrandAndMemberType(appName);
+                        console.log(`brandAndMemberType==>`, (new Date().getTime() - start) / 1000);
+                        //取得頁面資訊
+                        let data = await Seo.getPageInfo(appName, req.query.page as string);
+                        //首頁SEO
+                        let home_page_data = await (async () => {
+                            if (data && data.config) {
+                                return await Seo.getPageInfo(appName, data.config.homePage);
+                            } else {
+                                return await Seo.getPageInfo(appName, 'index');
+                            }
+                        })();
+                        console.log(`getPageInfo==>`, (new Date().getTime() - start) / 1000);
+                        let customCode = await new User(appName).getConfigV2({
+                            key: 'ga4_config',
+                            user_id: 'manager',
+                        });
+                        let FBCode = await new User(appName).getConfigV2({
+                            key: 'login_fb_setting',
+                            user_id: 'manager',
+                        });
+                        console.log(`customCode==>`, (new Date().getTime() - start) / 1000);
+                        if (data && data.page_config) {
+                            data.page_config = data.page_config ?? {};
+                            const d = data.page_config.seo ?? {};
+                            if (data.page_type === 'article' && data.page_config.template_type === 'product') {
+                                const product_domain = (req.query.page as string).split('/')[1];
+                                const pd = await new Shopping(appName, undefined).getProduct(
+                                    product_domain
+                                        ? {
+                                              page: 0,
+                                              limit: 1,
+                                              domain: decodeURIComponent(product_domain),
+                                          }
+                                        : {
+                                              page: 0,
+                                              limit: 1,
+                                              id: req.query.product_id as string,
+                                          }
+                                );
 
-                            if (pd.data.content) {
-                                const productSeo = pd.data.content.seo ?? {};
+                                if (pd.data.content) {
+                                    const productSeo = pd.data.content.seo ?? {};
+                                    data = await Seo.getPageInfo(appName, data.config.homePage);
+                                    data.page_config = data.page_config ?? {};
+                                    data.page_config.seo = data.page_config.seo ?? {};
+                                    data.page_config.seo.title = productSeo.title;
+                                    data.page_config.seo.image = pd.data.content.preview_image[0];
+                                    data.page_config.seo.content = productSeo.content;
+                                } else {
+                                    data = await Seo.getPageInfo(appName, data.config.homePage);
+                                }
+                            } else if (data.page_type === 'article' && data.page_config.template_type === 'blog') {
+                                req.query.article = req.query.article || (req.query.page as any).split('/')[1];
+                                let query = [`(content->>'$.type'='article')`, `(content->>'$.tag'='${req.query.article}')`];
+                                const article: any = await new UtDatabase(appName, `t_manager_post`).querySql(query, {
+                                    page: 0,
+                                    limit: 1,
+                                });
                                 data = await Seo.getPageInfo(appName, data.config.homePage);
                                 data.page_config = data.page_config ?? {};
                                 data.page_config.seo = data.page_config.seo ?? {};
-                                data.page_config.seo.title = productSeo.title;
-                                data.page_config.seo.image = pd.data.content.preview_image[0];
-                                data.page_config.seo.content = productSeo.content;
-                            } else {
-                                data = await Seo.getPageInfo(appName, data.config.homePage);
+                                if (article.data[0]) {
+                                    data.page_config.seo.title = article.data[0].content.seo.title;
+                                    data.page_config.seo.content = article.data[0].content.seo.content;
+                                    data.page_config.seo.keywords = article.data[0].content.seo.keywords;
+                                }
+                            } else if (d.type !== 'custom') {
+                                data = home_page_data;
                             }
-                        } else if (data.page_type === 'article' && data.page_config.template_type === 'blog') {
-                            req.query.article = req.query.article || (req.query.page as any).split('/')[1];
-                            let query = [`(content->>'$.type'='article')`, `(content->>'$.tag'='${req.query.article}')`];
-                            const article: any = await new UtDatabase(appName, `t_manager_post`).querySql(query, {
-                                page: 0,
-                                limit: 1,
-                            });
-                            data = await Seo.getPageInfo(appName, data.config.homePage);
+                            const preload = req.query.isIframe === 'true' ? {} : await App.preloadPageData(appName, req.query.page as any);
                             data.page_config = data.page_config ?? {};
                             data.page_config.seo = data.page_config.seo ?? {};
-                            if (article.data[0]) {
-                                data.page_config.seo.title = article.data[0].content.seo.title;
-                                data.page_config.seo.content = article.data[0].content.seo.content;
-                                data.page_config.seo.keywords = article.data[0].content.seo.keywords;
+                            const seo_detail = await getSeoDetail(appName, req);
+                            if (seo_detail) {
+                                Object.keys(seo_detail).map((dd) => {
+                                    data.page_config.seo[dd] = seo_detail[dd];
+                                });
                             }
-                        } else if (d.type !== 'custom') {
-                            data = home_page_data;
-                        }
-                        const preload = req.query.isIframe === 'true' ? {} : await App.preloadPageData(appName, req.query.page as any);
-                        data.page_config = data.page_config ?? {};
-                        data.page_config.seo = data.page_config.seo ?? {};
-                        const seo_detail = await getSeoDetail(appName, req);
-                        if (seo_detail) {
-                            Object.keys(seo_detail).map((dd) => {
-                                data.page_config.seo[dd] = seo_detail[dd];
-                            });
-                        }
-                        let link_prefix = req.originalUrl.split('/')[1];
-                        if (ConfigSetting.is_local) {
-                            if (link_prefix !== 'shopnex' && link_prefix !== 'codenex_v2') {
+                            let link_prefix = req.originalUrl.split('/')[1];
+                            if (ConfigSetting.is_local) {
+                                if (link_prefix !== 'shopnex' && link_prefix !== 'codenex_v2') {
+                                    link_prefix = '';
+                                }
+                            } else {
                                 link_prefix = '';
                             }
-                        } else {
-                            link_prefix = '';
-                        }
-                        let distribution_code = '';
-                        req.query.page = req.query.page || 'index'
-                        if ((req.query.page as string).split('/')[0] === 'distribution' && (req.query.page as string).split('/')[1]) {
-                            const redURL = new URL(`https://127.0.0.1${req.url}`);
-                            const page = (
-                                await db.query(
-                                    `SELECT *
+                            let distribution_code = '';
+                            req.query.page = req.query.page || 'index';
+                            if ((req.query.page as string).split('/')[0] === 'distribution' && (req.query.page as string).split('/')[1]) {
+                                const redURL = new URL(`https://127.0.0.1${req.url}`);
+                                const page = (
+                                    await db.query(
+                                        `SELECT *
                                      FROM \`${appName}\`.t_recommend_links
                                      WHERE content ->>'$.link' = ?;
                                     `,
-                                    [(req.query.page as string).split('/')[1]]
-                                )
-                            )[0].content;
-                            distribution_code = `
+                                        [(req.query.page as string).split('/')[1]]
+                                    )
+                                )[0].content;
+                                distribution_code = `
                                 localStorage.setItem('distributionCode','${page.code}');
                                 location.href='${page.redirect}${redURL.search}';
                             `;
-                        }
-                        if ((req.query.page as string).split('/')[0] === 'collections' && (req.query.page as string).split('/')[1]) {
-                            const cols =
-                                (
-                                    await db.query(
-                                        `SELECT *
+                            }
+                            if ((req.query.page as string).split('/')[0] === 'collections' && (req.query.page as string).split('/')[1]) {
+                                const cols =
+                                    (
+                                        await db.query(
+                                            `SELECT *
                                          FROM \`${appName}\`.public_config
                                          WHERE \`key\` = 'collection';
                                         `,
-                                        []
-                                    )
-                                )[0] ?? {};
+                                            []
+                                        )
+                                    )[0] ?? {};
 
-                            const colJson = extractCols(cols);
-                            const urlCode = decodeURI((req.query.page as string).split('/')[1]);
-                            const colData = colJson.find((item: { code: string }) => item.code === urlCode);
-                            if (colData) {
-                                data.page_config.seo.title = colData.seo_title;
-                                data.page_config.seo.content = colData.seo_content;
-                                data.page_config.seo.keywords = colData.seo_keywords;
+                                const colJson = extractCols(cols);
+                                const urlCode = decodeURI((req.query.page as string).split('/')[1]);
+                                const colData = colJson.find((item: { code: string }) => item.code === urlCode);
+                                if (colData) {
+                                    data.page_config.seo.title = colData.seo_title;
+                                    data.page_config.seo.content = colData.seo_content;
+                                    data.page_config.seo.keywords = colData.seo_keywords;
+                                }
                             }
-                        }
-                        console.log(`wait_return==>`, (new Date().getTime() - start) / 1000);
-                        return html`${(() => {
-                            const d = data.page_config.seo;
-                            const home_seo = home_page_data.page_config.seo;
-                            return html`
-                                <head>
-                                    ${(() => {
-                                        if (req.query.type === 'editor') {
-                                            return html`<title>SHOPNEX後台系統</title>
-                                            <link rel="canonical" href="/index"/>
-                                            <meta name="keywords" content="SHOPNEX,電商平台"/>
-                                            <link
-                                                    id="appImage"
-                                                    rel="shortcut icon"
-                                                    href="https://d3jnmi1tfjgtti.cloudfront.net/file/234285319/size1440_s*px$_sas0s9s0s1sesas0_1697354801736-Glitterlogo.png"
-                                                    type="image/x-icon"
-                                            />
-                                            <link
-                                                    rel="icon"
-                                                    href="https://d3jnmi1tfjgtti.cloudfront.net/file/234285319/size1440_s*px$_sas0s9s0s1sesas0_1697354801736-Glitterlogo.png"
-                                                    type="image/png"
-                                                    sizes="128x128"
-                                            />
-                                            <meta property="og:image"
-                                                  content="https://d3jnmi1tfjgtti.cloudfront.net/file/252530754/1718778766524-shopnex_banner.jpg"/>
-                                            <meta property="og:title" content="SHOPNEX後台系統"/>
-                                            <meta
-                                                    name="description"
-                                                    content="SHOPNEX電商開店平台，零抽成、免手續費。提供精美模板和豐富插件，操作簡單，3分鐘內快速打造專屬商店。購物車、金物流、SEO行銷、資料分析一站搞定。支援APP上架，並提供100%客製化設計，立即免費體驗30天。"
-                                            />
-                                            <meta
-                                                    name="og:description"
-                                                    content="SHOPNEX電商開店平台，零抽成、免手續費。提供精美模板和豐富插件，操作簡單，3分鐘內快速打造專屬商店。購物車、金物流、SEO行銷、資料分析一站搞定。支援APP上架，並提供100%客製化設計，立即免費體驗30天。"
-                                            />`;
-                                        } else {
-                                            return html`<title>${d.title ?? '尚未設定標題'}</title>
-                                            <link rel="canonical" href="${(() => {
-                                                if (data.tag === 'index') {
-                                                    return `https://${brandAndMemberType.domain}`
-                                                } else {
-                                                    return `https://${brandAndMemberType.domain}/${data.tag}`
-                                                }
-                                            })()}"/>
-                                            <meta name="keywords" content="${d.keywords ?? '尚未設定關鍵字'}"/>
-                                            <link id="appImage" rel="shortcut icon"
-                                                  href="${d.logo || home_seo.logo || ''}" type="image/x-icon"/>
-                                            <link rel="icon" href="${d.logo || home_seo.logo || ''}" type="image/png"
-                                                  sizes="128x128"/>
-                                            <meta property="og:image" content="${d.image || home_seo.image || ''}"/>
-                                            <meta property="og:title" content="${(d.title ?? '').replace(/\n/g, '')}"/>
-                                            <meta name="description" content="${(d.content ?? '').replace(/\n/g, '')}"/>
-                                            <meta name="og:description"
-                                                  content="${(d.content ?? '').replace(/\n/g, '')}"/>`;
-                                        }
-                                    })()}
-                                    ${d.code ?? ''}
-                                    ${(() => {
-                                        if (req.query.type === 'editor') {
-                                            return ``;
-                                        } else {
-                                            return `${(data.config.globalStyle ?? [])
+                            console.log(`wait_return==>`, (new Date().getTime() - start) / 1000);
+                            return html`${(() => {
+                                const d = data.page_config.seo;
+                                const home_seo = home_page_data.page_config.seo;
+                                return html`
+                                    <head>
+                                        ${(() => {
+                                            if (req.query.type === 'editor') {
+                                                return html`<title>SHOPNEX後台系統</title>
+                                                    <link rel="canonical" href="/index" />
+                                                    <meta name="keywords" content="SHOPNEX,電商平台" />
+                                                    <link
+                                                        id="appImage"
+                                                        rel="shortcut icon"
+                                                        href="https://d3jnmi1tfjgtti.cloudfront.net/file/234285319/size1440_s*px$_sas0s9s0s1sesas0_1697354801736-Glitterlogo.png"
+                                                        type="image/x-icon"
+                                                    />
+                                                    <link
+                                                        rel="icon"
+                                                        href="https://d3jnmi1tfjgtti.cloudfront.net/file/234285319/size1440_s*px$_sas0s9s0s1sesas0_1697354801736-Glitterlogo.png"
+                                                        type="image/png"
+                                                        sizes="128x128"
+                                                    />
+                                                    <meta property="og:image" content="https://d3jnmi1tfjgtti.cloudfront.net/file/252530754/1718778766524-shopnex_banner.jpg" />
+                                                    <meta property="og:title" content="SHOPNEX後台系統" />
+                                                    <meta
+                                                        name="description"
+                                                        content="SHOPNEX電商開店平台，零抽成、免手續費。提供精美模板和豐富插件，操作簡單，3分鐘內快速打造專屬商店。購物車、金物流、SEO行銷、資料分析一站搞定。支援APP上架，並提供100%客製化設計，立即免費體驗30天。"
+                                                    />
+                                                    <meta
+                                                        name="og:description"
+                                                        content="SHOPNEX電商開店平台，零抽成、免手續費。提供精美模板和豐富插件，操作簡單，3分鐘內快速打造專屬商店。購物車、金物流、SEO行銷、資料分析一站搞定。支援APP上架，並提供100%客製化設計，立即免費體驗30天。"
+                                                    />`;
+                                            } else {
+                                                return html`<title>${d.title ?? '尚未設定標題'}</title>
+                                                    <link
+                                                        rel="canonical"
+                                                        href="${(() => {
+                                                            if (data.tag === 'index') {
+                                                                return `https://${brandAndMemberType.domain}`;
+                                                            } else {
+                                                                return `https://${brandAndMemberType.domain}/${data.tag}`;
+                                                            }
+                                                        })()}"
+                                                    />
+                                                    <meta name="keywords" content="${d.keywords ?? '尚未設定關鍵字'}" />
+                                                    <link id="appImage" rel="shortcut icon" href="${d.logo || home_seo.logo || ''}" type="image/x-icon" />
+                                                    <link rel="icon" href="${d.logo || home_seo.logo || ''}" type="image/png" sizes="128x128" />
+                                                    <meta property="og:image" content="${d.image || home_seo.image || ''}" />
+                                                    <meta property="og:title" content="${(d.title ?? '').replace(/\n/g, '')}" />
+                                                    <meta name="description" content="${(d.content ?? '').replace(/\n/g, '')}" />
+                                                    <meta name="og:description" content="${(d.content ?? '').replace(/\n/g, '')}" />`;
+                                            }
+                                        })()}
+                                        ${d.code ?? ''}
+                                        ${(() => {
+                                            if (req.query.type === 'editor') {
+                                                return ``;
+                                            } else {
+                                                return `${(data.config.globalStyle ?? [])
                                                     .map((dd: any) => {
                                                         try {
                                                             if (dd.data.elem === 'link') {
-                                                                return html`
-                                                                    <link
-                                                                            type="text/css"
-                                                                            rel="stylesheet"
-                                                                            href="${dd.data.attr.find((dd: any) => {
-                                                                                return dd.attr === 'href';
-                                                                            }).value}"
-                                                                    />`;
+                                                                return html` <link
+                                                                    type="text/css"
+                                                                    rel="stylesheet"
+                                                                    href="${dd.data.attr.find((dd: any) => {
+                                                                        return dd.attr === 'href';
+                                                                    }).value}"
+                                                                />`;
                                                             }
                                                         } catch (e) {
                                                             return ``;
                                                         }
                                                     })
                                                     .join('')}`;
-                                        }
-                                    })()}
-                                </head>
-                            `;
-                        })()}
+                                            }
+                                        })()}
+                                    </head>
+                                `;
+                            })()}
                         <script>
                             ${d.custom_script ?? ''}
                             window.appName = '${appName}';
@@ -412,39 +413,35 @@ export async function createAPP(dd: any) {
                             window.memberType = '${brandAndMemberType.memberType}';
                             window.glitterBackend = '${config.domain}';
                             window.preloadData = ${JSON.stringify(preload)
-                                    .replace(/<\/script>/g, 'sdjuescript_prepand')
-                                    .replace(/<script>/g, 'sdjuescript_prefix')};
+                                .replace(/<\/script>/g, 'sdjuescript_prepand')
+                                .replace(/<script>/g, 'sdjuescript_prefix')};
                             window.preloadData = JSON.parse(JSON.stringify(window.preloadData).replace(/sdjuescript_prepand/g, '</s' + 'cript>').replace(/sdjuescript_prefix/g, '<s' + 'cript>'))
                             window.glitter_page = '${req.query.page}';
                             ${distribution_code}
                         </script>
                         ${[
-                            {src: 'glitterBundle/GlitterInitial.js', type: 'module'},
-                            {src: 'glitterBundle/module/html-generate.js', type: 'module'},
-                            {src: 'glitterBundle/html-component/widget.js', type: 'module'},
-                            {src: 'glitterBundle/plugins/trigger-event.js', type: 'module'},
-                            {src: 'api/pageConfig.js', type: 'module'},
+                            { src: 'glitterBundle/GlitterInitial.js', type: 'module' },
+                            { src: 'glitterBundle/module/html-generate.js', type: 'module' },
+                            { src: 'glitterBundle/html-component/widget.js', type: 'module' },
+                            { src: 'glitterBundle/plugins/trigger-event.js', type: 'module' },
+                            { src: 'api/pageConfig.js', type: 'module' },
                         ]
-                                .map((dd) => {
-                                    return html`
-                                        <script src="/${link_prefix && `${link_prefix}/`}${dd.src}"
-                                                type="${dd.type}"></script>`;
-                                })
-                                .join('')}
+                            .map((dd) => {
+                                return html` <script src="/${link_prefix && `${link_prefix}/`}${dd.src}" type="${dd.type}"></script>`;
+                            })
+                            .join('')}
                         ${(preload.event ?? [])
-                                .filter((dd: any) => {
-                                    return dd;
-                                })
-                                .map((dd: any) => {
-                                    const link = dd.fun.replace(`TriggerEvent.setEventRouter(import.meta.url, '.`, 'official_event');
-                                    return link.substring(0, link.length - 2);
-                                })
-                                .map((dd: any) => {
-                                    return html`
-                                        <script src="/${link_prefix && `${link_prefix}/`}${dd}"
-                                                type="module"></script>`;
-                                })
-                                .join('')}
+                            .filter((dd: any) => {
+                                return dd;
+                            })
+                            .map((dd: any) => {
+                                const link = dd.fun.replace(`TriggerEvent.setEventRouter(import.meta.url, '.`, 'official_event');
+                                return link.substring(0, link.length - 2);
+                            })
+                            .map((dd: any) => {
+                                return html` <script src="/${link_prefix && `${link_prefix}/`}${dd}" type="module"></script>`;
+                            })
+                            .join('')}
                         </head>
                         ${(() => {
                             if (req.query.type === 'editor') {
@@ -452,10 +449,9 @@ export async function createAPP(dd: any) {
                             } else {
                                 return html`
                                     ${(customCode.ga4 || [])
-                                            .map((dd: any) => {
-                                                return html`<!-- Google tag (gtag.js) -->
-                                                <script async
-                                                        src="https://www.googletagmanager.com/gtag/js?id=${dd.code}"></script>
+                                        .map((dd: any) => {
+                                            return html`<!-- Google tag (gtag.js) -->
+                                                <script async src="https://www.googletagmanager.com/gtag/js?id=${dd.code}"></script>
                                                 <script>
                                                     window.dataLayer = window.dataLayer || [];
 
@@ -467,245 +463,276 @@ export async function createAPP(dd: any) {
 
                                                     gtag('config', '${dd.code}');
                                                 </script>`;
-                                            })
-                                            .join('')}
+                                        })
+                                        .join('')}
                                     ${(customCode.g_tag || [])
-                                            .map((dd: any) => {
-                                                return html`<!-- Google tag (gtag.js) -->
+                                        .map((dd: any) => {
+                                            return html`<!-- Google tag (gtag.js) -->
                                                 <!-- Google Tag Manager -->
                                                 <script>
                                                     (function (w, d, s, l, i) {
                                                         w[l] = w[l] || [];
-                                                        w[l].push({'gtm.start': new Date().getTime(), event: 'gtm.js'});
+                                                        w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' });
                                                         var f = d.getElementsByTagName(s)[0],
-                                                                j = d.createElement(s),
-                                                                dl = l != 'dataLayer' ? '&l=' + l : '';
+                                                            j = d.createElement(s),
+                                                            dl = l != 'dataLayer' ? '&l=' + l : '';
                                                         j.async = true;
                                                         j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
                                                         f.parentNode.insertBefore(j, f);
                                                     })(window, document, 'script', 'dataLayer', '${dd.code}');
                                                 </script>
                                                 <!-- End Google Tag Manager -->`;
-                                            })
-                                            .join('')}
+                                        })
+                                        .join('')}
+                                    ${FBCode && FBCode.pixel
+                                        ? html`<!-- Meta Pixel Code -->
+                                              <script>
+                                                  !(function (f, b, e, v, n, t, s) {
+                                                      if (f.fbq) return;
+                                                      n = f.fbq = function () {
+                                                          n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments);
+                                                      };
+                                                      if (!f._fbq) f._fbq = n;
+                                                      n.push = n;
+                                                      n.loaded = !0;
+                                                      n.version = '2.0';
+                                                      n.queue = [];
+                                                      t = b.createElement(e);
+                                                      t.async = !0;
+                                                      t.src = v;
+                                                      s = b.getElementsByTagName(e)[0];
+                                                      s.parentNode.insertBefore(t, s);
+                                                  })(window, document, 'script', 'https://connect.facebook.net/en_US/fbevents.js');
+                                                  fbq('init', '${FBCode.pixel}');
+                                                  fbq('track', 'PageView');
+                                              </script>
+                                              <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=617830100580621&ev=PageView&noscript=1" /></noscript>
+                                              <!-- End Meta Pixel Code -->`
+                                        : ''}
                                 `;
                             }
                         })()}
                         `;
-                    } else {
-                        console.log(`brandAndMemberType==>redirect`);
-                        return await Seo.redirectToHomePage(appName, req);
+                        } else {
+                            console.log(`brandAndMemberType==>redirect`);
+                            return await Seo.redirectToHomePage(appName, req);
+                        }
+                    } catch (e: any) {
+                        console.error(e);
+                        return `${e}`;
                     }
-                } catch (e: any) {
-                    console.error(e);
-                    return `${e}`;
-                }
-            },
-            sitemap: async (req, resp) => {
-                let appName = dd.appName;
-                if (req.query.appName) {
-                    appName = req.query.appName;
-                }
-                let query = [`(content->>'$.type'='article')`];
-                const article: any = await new UtDatabase(appName, `t_manager_post`).querySql(query, {
-                    page: 0,
-                    limit: 10000,
-                });
-                const domain = (
-                    await db.query(
-                        `select \`domain\`
+                },
+                sitemap: async (req, resp) => {
+                    let appName = dd.appName;
+                    if (req.query.appName) {
+                        appName = req.query.appName;
+                    }
+                    let query = [`(content->>'$.type'='article')`];
+                    const article: any = await new UtDatabase(appName, `t_manager_post`).querySql(query, {
+                        page: 0,
+                        limit: 10000,
+                    });
+                    const domain = (
+                        await db.query(
+                            `select \`domain\`
                          from \`${saasConfig.SAAS_NAME}\`.app_config
                          where appName = ?`,
-                        [appName]
-                    )
-                )[0]['domain'];
+                            [appName]
+                        )
+                    )[0]['domain'];
 
-                const site_map = await getSeoSiteMap(appName, req);
+                    const site_map = await getSeoSiteMap(appName, req);
 
-                const cols =
-                    (
-                        await db.query(
-                            `SELECT *
+                    const cols =
+                        (
+                            await db.query(
+                                `SELECT *
                              FROM \`${appName}\`.public_config
                              WHERE \`key\` = 'collection';`,
-                            []
-                        )
-                    )[0] ?? {};
+                                []
+                            )
+                        )[0] ?? {};
 
-                const products = await db.query(
-                    `SELECT *
+                    const products = await db.query(
+                        `SELECT *
                      FROM \`${appName}\`.t_manager_post
                      WHERE JSON_EXTRACT(content, '$.type') = 'product';
                     `,
-                    []
-                );
+                        []
+                    );
 
-                const sitemap = `<?xml version="1.0" encoding="UTF-8"?>
+                    const sitemap = `<?xml version="1.0" encoding="UTF-8"?>
                     <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1">
                         ${(
-                    await db.query(
-                        `select page_config, tag, updated_time
+                            await db.query(
+                                `select page_config, tag, updated_time
                          from \`${saasConfig.SAAS_NAME}\`.page_config
                          where appName = ?
                            and page_config ->>'$.seo.type'='custom'
                         `,
-                        [appName]
-                    )
-                )
-                    .map((d2: any) => {
-                        if (d2.tag === 'index') {
-                            return `<url>
+                                [appName]
+                            )
+                        )
+                            .map((d2: any) => {
+                                if (d2.tag === 'index') {
+                                    return `<url>
                                     <loc>${`https://${domain}`.replace(/ /g, '+')}</loc>
                                     <lastmod>${moment(new Date(d2.updated_time)).format('YYYY-MM-DD')}</lastmod>
                                 </url> `;
-                        } else {
-                            return `<url>
+                                } else {
+                                    return `<url>
                                     <loc>${`https://${domain}/${d2.tag}`.replace(/ /g, '+')}</loc>
                                     <lastmod>${moment(new Date(d2.updated_time)).format('YYYY-MM-DD')}</lastmod>
                                 </url> `;
-                        }
-                    })
-                    .join('')}
+                                }
+                            })
+                            .join('')}
                         ${article.data
-                    .map((d2: any) => {
-                        if (!d2.content.template) {
-                            return ``;
-                        }
-                        return `<url>
+                            .map((d2: any) => {
+                                if (!d2.content.template) {
+                                    return ``;
+                                }
+                                return `<url>
                                     <loc>${`https://${domain}/${d2.content.for_index === 'false' ? `pages` : `blogs`}/${d2.content.tag}`.replace(/ /g, '+')}</loc>
                                     <lastmod>${moment(new Date(d2.updated_time)).format('YYYY-MM-DD')}</lastmod>
                                 </url> `;
-                    })
-                    .join('')}
+                            })
+                            .join('')}
                         ${(site_map || [])
-                    .map((d2: any) => {
-                        return `<url>
+                            .map((d2: any) => {
+                                return `<url>
                                     <loc>${`https://${domain}/${d2.url}`.replace(/ /g, '+')}</loc>
                                     <lastmod>${d2.updated_time ? moment(new Date(d2.updated_time)).format('YYYY-MM-DD') : moment(new Date()).format('YYYY-MM-DDTHH:mm:SS+00:00')}</lastmod>
                                     <changefreq>weekly</changefreq>
                                 </url> `;
-                    })
-                    .join('')}
+                            })
+                            .join('')}
                         ${extractCols(cols)
-                    .map((item: { code: string; updated_at: string }) => {
-                        if(!item.code){return  ``}
-                        return `<url>
+                            .map((item: { code: string; updated_at: string }) => {
+                                if (!item.code) {
+                                    return ``;
+                                }
+                                return `<url>
                                     <loc>https://${domain}/collections/${item.code}</loc>
                                     <lastmod>${item.updated_at}</lastmod>
                                     <changefreq>weekly</changefreq>
                                 </url>`;
-                    })
-                    .join('')}
+                            })
+                            .join('')}
                         ${extractProds(products)
-                    .map((item: { code: string; updated_at: string }) => {
-                        if(!item.code){return  ``}
-                        return `<url>
+                            .map((item: { code: string; updated_at: string }) => {
+                                if (!item.code) {
+                                    return ``;
+                                }
+                                return `<url>
                                     <loc>https://${domain}/products/${item.code}</loc>
                                     <lastmod>${item.updated_at}</lastmod>
                                     <changefreq>weekly</changefreq>
                                 </url>`;
-                    })
-                    .join('')}
+                            })
+                            .join('')}
                     </urlset> `;
-                return xmlFormatter(sitemap, {
-                    indentation: '  ', // 使用兩個空格進行縮進
-                    filter: (node) => node.type !== 'Comment', // 選擇性過濾節點
-                    collapseContent: true, // 折疊內部文本
-                });
-            },
-            sitemap_list: async (req, resp) => {
-                let appName = dd.appName;
-                if (req.query.appName) {
-                    appName = req.query.appName;
-                }
-                const domain = (
-                    await db.query(
-                        `select \`domain\`
+                    return xmlFormatter(sitemap, {
+                        indentation: '  ', // 使用兩個空格進行縮進
+                        filter: (node) => node.type !== 'Comment', // 選擇性過濾節點
+                        collapseContent: true, // 折疊內部文本
+                    });
+                },
+                sitemap_list: async (req, resp) => {
+                    let appName = dd.appName;
+                    if (req.query.appName) {
+                        appName = req.query.appName;
+                    }
+                    const domain = (
+                        await db.query(
+                            `select \`domain\`
                          from \`${saasConfig.SAAS_NAME}\`.app_config
                          where appName = ?`,
-                        [appName]
-                    )
-                )[0]['domain'];
-                return `<?xml version="1.0" encoding="UTF-8"?>
+                            [appName]
+                        )
+                    )[0]['domain'];
+                    return `<?xml version="1.0" encoding="UTF-8"?>
                     <sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
                         <!-- This is the parent sitemap linking to additional sitemaps for products, collections and pages as shown below. The sitemap can not be edited manually, but is kept up to date in real time. -->
                         <sitemap>
                             <loc>https://${domain}/sitemap_detail.xml</loc>
                         </sitemap>
                     </sitemapindex> `;
-            },
-            robots: async (req, resp) => {
-                let appName = dd.appName;
-                if (req.query.appName) {
-                    appName = req.query.appName;
-                }
-                const domain = (
-                    await db.query(
-                        `select \`domain\`
+                },
+                robots: async (req, resp) => {
+                    let appName = dd.appName;
+                    if (req.query.appName) {
+                        appName = req.query.appName;
+                    }
+                    const domain = (
+                        await db.query(
+                            `select \`domain\`
                          from \`${saasConfig.SAAS_NAME}\`.app_config
                          where appName = ?`,
-                        [appName]
-                    )
-                )[0]['domain'];
-                return html`# we use SHOPNEX as our ecommerce platform User-agent: * Sitemap: https://${domain}/sitemap.xml `;
-            },
-            tw_shop: async (req, resp) => {
-                let appName = dd.appName;
-                const escapeHtml = (text: string): string => {
-                    const map: Record<string, string> = {
-                        "&": "&amp;",
-                        "<": "&lt;",
-                        ">": "&gt;",
-                        '"': "&quot;",
-                        "'": "&#039;",
+                            [appName]
+                        )
+                    )[0]['domain'];
+                    return html`# we use SHOPNEX as our ecommerce platform User-agent: * Sitemap: https://${domain}/sitemap.xml `;
+                },
+                tw_shop: async (req, resp) => {
+                    let appName = dd.appName;
+                    const escapeHtml = (text: string): string => {
+                        const map: Record<string, string> = {
+                            '&': '&amp;',
+                            '<': '&lt;',
+                            '>': '&gt;',
+                            '"': '&quot;',
+                            "'": '&#039;',
+                        };
+                        return text.replace(/[&<>"']/g, (m) => map[m] || m);
                     };
-                    return text.replace(/[&<>"']/g, (m) => map[m] || m);
-                };
-                if (req.query.appName) {
-                    appName = req.query.appName;
-                }
-                const products = await db.query(
-                    `SELECT *
+                    if (req.query.appName) {
+                        appName = req.query.appName;
+                    }
+                    const products = await db.query(
+                        `SELECT *
                      FROM \`${dd.appName}\`.t_manager_post
                      WHERE JSON_EXTRACT(content, '$.type') = 'product';
                     `,
-                    []
-                );
-                const domain = (
-                    await db.query(
-                        `select \`domain\`
+                        []
+                    );
+                    const domain = (
+                        await db.query(
+                            `select \`domain\`
                          from \`${saasConfig.SAAS_NAME}\`.app_config
                          where appName = ?`,
-                        [appName]
-                    )
-                )[0]['domain'];
-                let printData = (products).map((product: any) => {
-                    return product.content.variants.map((variant: any) => {
-                        return html`
-                            <Product>
-                                <SKU>${variant.sku}</SKU>
-                                <Name>${product.content.title}</Name>
-                                <Description>${dd.appName} - ${product.content.title}</Description>
-                                <URL>
-                                    ${`https://` + domain + '/products/' + product.content.title}
-                                </URL>
-                                <Price>${variant.compare_price ?? variant.sale_price}</Price>
-                                <LargeImage>
-                                    ${variant.preview_image ?? ""}
-                                </LargeImage>
-                                <SalePrice>${variant.sale_price}</SalePrice>
-                                <Category>${product.content.collection.join('')}</Category>
-                            </Product>
-                        `
-                    }).join('');
-                }).join('')
-                return xmlFormatter(`<Product>${printData}</Product>`, {
-                    indentation: '  ', // 使用兩個空格進行縮進
-                    filter: (node) => node.type !== 'Comment', // 選擇性過濾節點
-                    collapseContent: true, // 折疊內部文本
-                });
-            }
-        }}))
+                            [appName]
+                        )
+                    )[0]['domain'];
+                    let printData = products
+                        .map((product: any) => {
+                            return product.content.variants
+                                .map((variant: any) => {
+                                    return html`
+                                        <Product>
+                                            <SKU>${variant.sku}</SKU>
+                                            <Name>${product.content.title}</Name>
+                                            <Description>${dd.appName} - ${product.content.title}</Description>
+                                            <URL> ${`https://` + domain + '/products/' + product.content.title} </URL>
+                                            <Price>${variant.compare_price ?? variant.sale_price}</Price>
+                                            <LargeImage> ${variant.preview_image ?? ''} </LargeImage>
+                                            <SalePrice>${variant.sale_price}</SalePrice>
+                                            <Category>${product.content.collection.join('')}</Category>
+                                        </Product>
+                                    `;
+                                })
+                                .join('');
+                        })
+                        .join('');
+                    return xmlFormatter(`<Product>${printData}</Product>`, {
+                        indentation: '  ', // 使用兩個空格進行縮進
+                        filter: (node) => node.type !== 'Comment', // 選擇性過濾節點
+                        collapseContent: true, // 折疊內部文本
+                    });
+                },
+            };
+        })
+    );
 }
 
 async function getSeoDetail(appName: string, req: any) {