wgt-node-utils 1.2.60 → 1.2.62

package/eslint.config.mjs

@@ -1,13 +1,13 @@
-import globals from "globals";
-import pluginJs from "@eslint/js";
-import tseslint from "typescript-eslint";
-import pluginReact from "eslint-plugin-react";
-
-
-export default [
-  {files: ["**/*.{js,mjs,cjs,ts,jsx,tsx}"]},
-  {languageOptions: { globals: globals.browser }},
-  pluginJs.configs.recommended,
-  ...tseslint.configs.recommended,
-  pluginReact.configs.flat.recommended,
+import globals from "globals";
+import pluginJs from "@eslint/js";
+import tseslint from "typescript-eslint";
+import pluginReact from "eslint-plugin-react";
+
+
+export default [
+  {files: ["**/*.{js,mjs,cjs,ts,jsx,tsx}"]},
+  {languageOptions: { globals: globals.browser }},
+  pluginJs.configs.recommended,
+  ...tseslint.configs.recommended,
+  pluginReact.configs.flat.recommended,
 ];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wgt-node-utils",
-  "version": "1.2.60",
+  "version": "1.2.62",
   "description": "WGT工具类包",
   "main": "dist/bundle.js",
   "scripts": {

package/src/index.js

@@ -149,9 +149,9 @@ class wgtNodeUtils {
      */
     getImgDomainByHostname = (hostname, Env) => {
         let self = this;
-        let needReplaceArr = [ 'pro', 'qa', 'dev', 'test', 'development' ];
+        let needReplaceArr = ['pro', 'qa', 'dev', 'test', 'development'];
         if (needReplaceArr.includes(Env)) {
-            if(Env === 'qa' || Env === 'test') {
+            if (Env === 'qa' || Env === 'test') {
                 return `http://test-service.gamebridge.games/image_server`
             }
             return `https://img.enjoy4fun.com`;
@@ -246,13 +246,13 @@ class wgtNodeUtils {
 
                 // 增加preact依赖
                 this.fileContents['preact.min.js'] = fs.readFileSync(path.join(dirname, `../${buildName}/dist/preact.min.js`), 'utf8');
-                
+
                 // 增加wgt-web-ui的css文件
                 if (useGlobal) {
                     // 获取wgt-web-ui的css文件
                     this.fileContents['global.css'] = fs.readFileSync(path.join(dirname, `../${buildName}/assets/global.css`), 'utf8');
                 }
-                
+
 
                 console.log('静态资源列表:');
 
@@ -846,5 +846,127 @@ class wgtNodeUtils {
         });
     }
 
+
+    // seo 相关标签
+    /**
+     * 
+     * @param {string} url - 页面URL
+     * @param {string} name - 页面名称
+     * @param {string} image - 页面logo
+     * @param {string} author - 网站名称
+     * @param {string} aggregateRating - 页面评分
+     * @param {string} description - 页面描述
+     * @param {string} hostname - 网站域名
+     * @param {Array} languageList - 语言列表
+     * @param {string} lang - 语言代码
+     * @param {string} title - 页面标题
+     */
+    seoFun = ({ url, name, image, author, aggregateRating, description, hostname, languageList, lang, title }) => {
+        const pathWithoutLang = url ? url.replace(/(https?:\/\/[^/]+)\/en\b/, "$1") : '/';
+        const seoRenderLdJson = this.renderLdJson({ pathWithoutLang, name, image, author, aggregateRating, description, hostname });
+        const seoRenderAlternateLink = this.renderAlternateLink({ languageList, url, pathWithoutLang });
+        const seoraphAndTwitterFun = this.graphAndTwitterFun({ image, url, title, hostname, description, lang, pathWithoutLang });
+        const seoContent = {
+            seoRenderLdJson,
+            seoRenderAlternateLink,
+            seoraphAndTwitterFun
+        }
+        return { seoContent }
+    }
+    /**
+        * renderLdJson 生成结构化数据，用于在google搜索结果中展示卡片
+        * @param url: 页面url
+        * @param name: 页面名称
+        * @param image: 页面logo
+        * @param author: 网站名称
+        * @param aggregateRating: 页面评分 示例：{
+                        '@type': 'AggregateRating',
+                        'ratingValue': 4.8,
+                        'reviewCount': players,
+                        'bestRating': 5,
+                        'worstRating': 1
+                    }
+        * @param description: 页面描述
+        * @param hostname: 网站域名
+    */
+    renderLdJson = ({ url, name, image, author, aggregateRating, description, hostname }) => {
+        const ld = {
+            '@context': 'https://schema.org/', // 语境
+            '@type': 'WebPage',
+            'name': name, // 网站名称
+            'author': {
+                '@type': 'Organization',
+                'name': author
+            },
+            'image': image,
+            'description': description,
+            'potentialAction': {
+                '@type': 'SearchAction',
+                'target': `https://${hostname}/search/{search_term_string}`,
+                'query-input': 'required name=search_term_string'
+            },
+            'url': url,
+            'operatingSystem': 'Web Browser',
+            'applicationCategory': 'BrowserGame',
+            'offers': {
+                '@type': 'Offer',
+                'price': '0',
+                'priceCurrency': 'USD'
+            },
+            "publisher": {
+                '@type': 'Organization',
+                'name': author,
+                'url': hostname
+            }
+        };
+        // 非详情页不增加该字段
+        if (aggregateRating) {
+            ld.aggregateRating = aggregateRating;
+        }
+        return ld;
+    }
+
+    // 国际化 hreflang 标签配置
+    /**
+     * 
+     * @param {Array} languageList - 语言列表
+     * @param {string} url - 页面URL
+     */
+    renderAlternateLink = ({ languageList, url, pathWithoutLang }) => {
+        const languageLinkList = languageList.map(item => ({
+            rel: 'alternate',
+            hrefLang: item.code === 'en' ? 'en' : item.code,
+            href: item.code === 'en' ? pathWithoutLang : url
+        }));
+        languageLinkList.push({ rel: 'alternate', hrefLang: 'x-default', href: pathWithoutLang });
+        return languageLinkList
+    }
+    // Open Graph 和 Twitter Card 站外引流触点
+    graphAndTwitterFun = ({ image, title, hostname, description, lang, pathWithoutLang }) => {
+
+        // 处理图片URL，确保是完整的URL
+        const siteUrl = `${pathWithoutLang || ''}`;
+
+        return [
+            { property: 'og:type', content: 'website' },
+            { property: 'og:site_name', content: hostname },
+            { property: 'og:title', content: title },
+            { property: 'og:description', content: description },
+            { property: 'og:url', content: siteUrl },
+            { property: 'og:image', content: image },
+            { property: 'og:image:alt', content: title },
+            { property: 'og:image:width', content: '1200' },
+            { property: 'og:image:height', content: '600' },
+            { property: 'og:locale', content: lang === 'en' ? 'en_US' : lang === 'zh' ? 'zh_CN' : `${lang}_${lang.toUpperCase()}` },
+            { name: 'twitter:card', content: 'summary_large_image' },
+            { name: 'twitter:site', content: '' },
+            { name: 'twitter:title', content: title },
+            { name: 'twitter:description', content: description },
+            { name: 'twitter:image', content: image },
+            { name: 'twitter:image:alt', content: title },
+            { name: 'twitter:url', content: siteUrl },
+        ];
+    }
+
 }
 module.exports = new wgtNodeUtils('cli_a538bc45e770d00b', 'EDK1uleQyLym6WWDISo00dwx4gssiskJ');