filesite
/
hero_union
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

add ga code

master
filesite 3 weeks ago
parent
e846f7f26e
commit
7d96c54070
12 changed files with 278 additions and 151 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 4
      conf/config.json
  2. 325
      i18n.mjs
  3. 10
      public/de/index.html
  4. 10
      public/en-us/index.html
  5. 10
      public/es/index.html
  6. 10
      public/hi/index.html
  7. 10
      public/index.html
  8. 10
      public/ja/index.html
  9. 10
      public/ru/index.html
  10. 10
      public/template/index.html
  11. 10
      public/zh-tw/index.html
  12. 10
      public/zh/index.html

4
conf/config.json
Unescape View File

@ -26,5 +26,9 @@ @@ -26,5 +26,9 @@
"tokens": {
"herounion_demo": "hello#world!"
},
"templateConfigs": {
"GTAG_ID": "G-DZRYEJF89T"
}
}

325
i18n.mjs
Unescape View File

@ -12,12 +12,13 @@ import common from './common.mjs'; @@ -12,12 +12,13 @@ import common from './common.mjs';
class I18N {
//构造函数，设置默认配置
constructor(defaultLang, templateDir, langDir, buildDir) {
this.defaultLang = typeof(defaultLang) != 'undefined' && defaultLang ? defaultLang : 'en';
this.templateDir = typeof(templateDir) != 'undefined' && templateDir ? templateDir : './public/template/';
this.langDir = typeof(langDir) != 'undefined' && langDir ? langDir : './i18n/';
this.buildDir = typeof(buildDir) != 'undefined' && buildDir ? buildDir : './public/';
//构造函数，设置默认配置
constructor(defaultLang, templateDir, langDir, buildDir, configFilename) {
this.defaultLang = typeof(defaultLang) != 'undefined' && defaultLang ? defaultLang : 'en';
this.templateDir = typeof(templateDir) != 'undefined' && templateDir ? templateDir : './public/template/';
this.langDir = typeof(langDir) != 'undefined' && langDir ? langDir : './i18n/';
this.buildDir = typeof(buildDir) != 'undefined' && buildDir ? buildDir : './public/';
this.configFile = typeof(configFilename) != 'undefined' && configFilename ? configFilename : 'config.json';
}
//从模板文件中解析语言占位变量，并生成语言包文件
@ -25,20 +26,20 @@ class I18N { @@ -25,20 +26,20 @@ class I18N {
const _self = this;
try {
const files = await readdir(_self.templateDir);
let parseLangRes = null;
for (const file of files) {
parseLangRes = await _self.parseLangFromTemplate(_self.templateDir + file);
if (parseLangRes) {
console.log('Template file [%s] parse lang config done', file);
}
}
} catch (err) {
console.error('Read dir in function init failed', err);
return false;
}
return true;
const files = await readdir(_self.templateDir);
let parseLangRes = null;
for (const file of files) {
parseLangRes = await _self.parseLangFromTemplate(_self.templateDir + file);
if (parseLangRes) {
console.log('Template file [%s] parse lang config done', file);
}
}
} catch (err) {
console.error('Read dir in function init failed', err);
return false;
}
return true;
}
//根据语言包文件以及模板文件，生成对应语言的html文件
@ -49,29 +50,30 @@ class I18N { @@ -49,29 +50,30 @@ class I18N {
console.log('Lang json files', langFiles);
if (langFiles && langFiles.length > 0) {
try {
let langData = null;
let newHtml = '', saved = false;
for (const langFile of langFiles) {
const langJson = await readFile(_self.langDir + langFile, { encoding: 'utf8' });
if (!langJson) {
continue;
}
langData = JSON.parse(langJson);
const files = await readdir(_self.templateDir);
for (const file of files) {
newHtml = await _self.replaceLangToTemplate(_self.templateDir + file, langData);
if (newHtml) {
saved = await _self.saveBuildHtml(langFile.replace('.json', ''), file, newHtml);
console.log('Template file [%s] lang data replace with [%s] done, html build [%s].', file, langFile, (saved ? 'success' : 'failed'));
}
}
}
} catch (err) {
console.error('Read dir in function build failed', err);
return false;
}
try {
let langData = null;
let newHtml = '', saved = false;
for (const langFile of langFiles) {
const langJson = await readFile(_self.langDir + langFile, { encoding: 'utf8' });
if (!langJson) {
continue;
}
langData = JSON.parse(langJson);
const files = await readdir(_self.templateDir);
for (const file of files) {
newHtml = await _self.replaceLangToTemplate(_self.templateDir + file, langData);
if (newHtml) {
newHtml = await _self.replaceConfigToTemplate(newHtml); //replace configs
saved = await _self.saveBuildHtml(langFile.replace('.json', ''), file, newHtml);
console.log('Template file [%s] lang data replace with [%s] done, html build [%s].', file, langFile, (saved ? 'success' : 'failed'));
}
}
}
} catch (err) {
console.error('Read dir in function build failed', err);
return false;
}
}
return true;
@ -79,38 +81,38 @@ class I18N { @@ -79,38 +81,38 @@ class I18N {
//判断语言代码格式是否符合国际标准
isIosLangCode(lang) {
return /^[a-z]{2}(\-[a-z]{2})?$/i.test(lang);
return /^[a-z]{2}(\-[a-z]{2})?$/i.test(lang);
}
//判断是否是语言包文件
isIosLangFile(filename) {
return /^[a-z]{2}(\-[a-z]{2})?\.json$/i.test(filename);
return /^[a-z]{2}(\-[a-z]{2})?\.json$/i.test(filename);
}
//更新语言包文件内容，合并新的数据到已有内容中
async updateLangFile(langFile, langJson) {
const _self = this;
let updated = false;
try {
let json = await readFile(langFile, { encoding: 'utf8'});
if (json) {
let data = JSON.parse(json);
for (const key in langJson) {
data[key] = langJson[key];
}
await writeFile(langFile, JSON.stringify(data, null, 4));
}else {
await writeFile(langFile, JSON.stringify(langJson, null, 4));
}
updated = true;
} catch (err) {
console.error('updateLangFile failed', err);
}
return updated;
const _self = this;
let updated = false;
try {
let json = await readFile(langFile, { encoding: 'utf8'});
if (json) {
let data = JSON.parse(json);
for (const key in langJson) {
data[key] = langJson[key];
}
await writeFile(langFile, JSON.stringify(data, null, 4));
}else {
await writeFile(langFile, JSON.stringify(langJson, null, 4));
}
updated = true;
} catch (err) {
console.error('updateLangFile failed', err);
}
return updated;
}
//解析单个模板文件，并生成语言包文件
@ -118,66 +120,66 @@ class I18N { @@ -118,66 +120,66 @@ class I18N {
const _self = this;
let langJson = {},
total = 0;
total = 0;
try {
const html_template = await readFile(templateFilepath, { encoding: 'utf8' });
const regHtmlLang = /[\s\S]*<html lang="([^"]+)">[\s\S]*/i;
let htmlLang = html_template.replace(regHtmlLang, "$1");
if (htmlLang == html_template || _self.isIosLangCode(htmlLang) == false) {
htmlLang = _self.defaultLang;
}else {
htmlLang = htmlLang.toLowerCase();
}
//模版语法不能包含：换行符、英文冒号、英文分号
const regLang = /\{([^\}\r\n:;]+)\}/ig;
const matches = html_template.matchAll(regLang);
for (const match of matches) {
langJson[match[1]] = match[1];
total ++;
}
//更新语言包文件
if (total > 0) {
let langFile = _self.langDir + `${htmlLang}.json`;
const saved = await _self.updateLangFile(langFile, langJson);
if (!saved) {
return false;
}
}
} catch (err) {
console.error('parseLangFromTemplate failed', err);
return false;
}
return langJson;
const html_template = await readFile(templateFilepath, { encoding: 'utf8' });
const regHtmlLang = /[\s\S]*<html lang="([^"]+)">[\s\S]*/i;
let htmlLang = html_template.replace(regHtmlLang, "$1");
if (htmlLang == html_template || _self.isIosLangCode(htmlLang) == false) {
htmlLang = _self.defaultLang;
}else {
htmlLang = htmlLang.toLowerCase();
}
//模版语法不能包含：换行符、英文冒号、英文分号
const regLang = /\{([^\}\r\n:;]+)\}/ig;
const matches = html_template.matchAll(regLang);
for (const match of matches) {
langJson[match[1]] = match[1];
total ++;
}
//更新语言包文件
if (total > 0) {
let langFile = _self.langDir + `${htmlLang}.json`;
const saved = await _self.updateLangFile(langFile, langJson);
if (!saved) {
return false;
}
}
} catch (err) {
console.error('parseLangFromTemplate failed', err);
return false;
}
return langJson;
}
//获取所有语言包json文件
async getLangFiles(lang) {
const _self = this;
let langFiles = [];
try {
const files = await readdir(_self.langDir);
let parseLangRes = null;
for (const file of files) {
if (_self.isIosLangFile(file)) {
if (typeof(lang) == 'undefined') {
langFiles.push(file);
}else if (file.indexOf(lang) > -1) {
langFiles.push(file);
}
}
}
} catch (err) {
console.error('Read dir in function getLangFiles failed', err);
return false;
}
return langFiles;
const _self = this;
let langFiles = [];
try {
const files = await readdir(_self.langDir);
let parseLangRes = null;
for (const file of files) {
if (_self.isIosLangFile(file)) {
if (typeof(lang) == 'undefined') {
langFiles.push(file);
}else if (file.indexOf(lang) > -1) {
langFiles.push(file);
}
}
}
} catch (err) {
console.error('Read dir in function getLangFiles failed', err);
return false;
}
return langFiles;
}
//根据语言包替换单个模板文件，返回新的html代码
@ -186,39 +188,60 @@ class I18N { @@ -186,39 +188,60 @@ class I18N {
let html = '';
try {
const html_template = await readFile(templateFilepath, { encoding: 'utf8' });
html = html_template;
for (let key in langData) {
html = html.replaceAll(`{${key}}`, langData[key]);
}
} catch (err) {
console.error('replaceLangToTemplate failed', err);
return false;
}
return html;
const html_template = await readFile(templateFilepath, { encoding: 'utf8' });
html = html_template;
for (let key in langData) {
html = html.replaceAll(`{${key}}`, langData[key]);
}
} catch (err) {
console.error('replaceLangToTemplate failed', err);
return false;
}
return html;
}
//根据配置文件，替换配置项
async replaceConfigToTemplate(html_template) {
const _self = this;
let html = html_template;
try {
let config = await common.getConfigFromJsonFile(_self.configFile);
if (typeof(config['templateConfigs']) == 'undefined' || !config['templateConfigs']) {return html;}
let tempConfigs = config['templateConfigs'];
for (let key in tempConfigs) {
html = html.replaceAll(`{config:${key}}`, tempConfigs[key]);
}
} catch (err) {
console.error('replaceConfigToTemplate failed', err);
return false;
}
return html;
}
//保存替换了语言包的html文件
async saveBuildHtml(lang, htmlFilename, htmlContent) {
const _self = this;
let saved = false;
try {
let langDir = _self.buildDir + lang;
if (!fs.existsSync(langDir)) {
fs.mkdirSync(langDir);
}
let htmlFile = `${langDir}/${htmlFilename}`;
await writeFile(htmlFile, htmlContent);
saved = true;
} catch (err) {
console.error('saveBuildHtml failed', err);
}
return saved;
const _self = this;
let saved = false;
try {
let langDir = _self.buildDir + lang;
if (!fs.existsSync(langDir)) {
fs.mkdirSync(langDir);
}
let htmlFile = `${langDir}/${htmlFilename}`;
await writeFile(htmlFile, htmlContent);
saved = true;
} catch (err) {
console.error('saveBuildHtml failed', err);
}
return saved;
}
}

10
public/de/index.html
Unescape View File

@ -276,5 +276,15 @@ @@ -276,5 +276,15 @@
setInterval(loadUnionStats, 20000);
</script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-DZRYEJF89T"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-DZRYEJF89T');
</script>
</body>
</html>

10
public/en-us/index.html
Unescape View File

@ -276,5 +276,15 @@ @@ -276,5 +276,15 @@
setInterval(loadUnionStats, 20000);
</script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-DZRYEJF89T"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-DZRYEJF89T');
</script>
</body>
</html>

10
public/es/index.html
Unescape View File

@ -276,5 +276,15 @@ @@ -276,5 +276,15 @@
setInterval(loadUnionStats, 20000);
</script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-DZRYEJF89T"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-DZRYEJF89T');
</script>
</body>
</html>

10
public/hi/index.html
Unescape View File

@ -276,5 +276,15 @@ @@ -276,5 +276,15 @@
setInterval(loadUnionStats, 20000);
</script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-DZRYEJF89T"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-DZRYEJF89T');
</script>
</body>
</html>

10
public/index.html
Unescape View File

@ -276,5 +276,15 @@ @@ -276,5 +276,15 @@
setInterval(loadUnionStats, 20000);
</script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-DZRYEJF89T"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-DZRYEJF89T');
</script>
</body>
</html>

10
public/ja/index.html
Unescape View File

@ -276,5 +276,15 @@ @@ -276,5 +276,15 @@
setInterval(loadUnionStats, 20000);
</script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-DZRYEJF89T"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-DZRYEJF89T');
</script>
</body>
</html>

10
public/ru/index.html
Unescape View File

@ -276,5 +276,15 @@ @@ -276,5 +276,15 @@
setInterval(loadUnionStats, 20000);
</script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-DZRYEJF89T"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-DZRYEJF89T');
</script>
</body>
</html>

10
public/template/index.html
Unescape View File

@ -276,5 +276,15 @@ @@ -276,5 +276,15 @@
setInterval(loadUnionStats, 20000);
</script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id={config:GTAG_ID}"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', '{config:GTAG_ID}');
</script>
</body>
</html>

10
public/zh-tw/index.html
Unescape View File

@ -276,5 +276,15 @@ @@ -276,5 +276,15 @@
setInterval(loadUnionStats, 20000);
</script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-DZRYEJF89T"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-DZRYEJF89T');
</script>
</body>
</html>

10
public/zh/index.html
Unescape View File

@ -276,5 +276,15 @@ @@ -276,5 +276,15 @@
setInterval(loadUnionStats, 20000);
</script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-DZRYEJF89T"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-DZRYEJF89T');
</script>
</body>
</html>
Write Preview
Loading…
Cancel
Save