Support for multilang

1 files changed, 87 insertions, 155 deletions

diff --git a/src/build/index.mjs b/src/build/index.mjs
index c2701d9..7a47c8e 100644
--- a/src/build/index.mjs
+++ b/src/build/index.mjs
@@ -1,106 +1,11 @@
 import fs from 'node:fs';
 import mustache from 'mustache';
-import {u} from 'unist-builder';
-import {h} from 'hastscript';
-import {select} from 'hast-util-select';
-import {toString as hastToString} from 'mdast-util-to-string';
-import cssesc from 'cssesc';
-import toml from '@ltd/j-toml';
-
-import {toHtmlRaw, toString, toMdRaw, mdToHtmlRaw} from './to-html.mjs';
 import loadSVG from './load-svg.mjs';
-import listArticles from './list-articles.mjs';
 import getRSS from './rss.mjs';
-
-function getArticleYear(article) {
-  if (article.metaData.pubDate.getFullYear) {
-    return article.metaData.pubDate.getFullYear();
-  }
-
-  if (article.metaData.pubDate.getUTCFullYear) {
-    return article.metaData.pubDate.getUTCFullYear();
-  }
-
-  return 0;
-}
-
-function getArticleDate(article) {
-  if (article.metaData.pubDate.getDate) {
-    return article.metaData.pubDate.getFullYear() * 100 + article.metaData.pubDate.getDate();
-  }
-
-  if (article.metaData.pubDate.getUTCDate) {
-    return article.metaData.pubDate.getUTCFullYear() * 100 + article.metaData.pubDate.getDate();
-  }
-
-  return 0;
-}
-
-function cmpArticles(a, b) {
-  return getArticleDate(b) - getArticleDate(a);
-}
-
-const loadMD = (listFile, suffix) => {
-  const listContent = [];
-  for (const file of listFile) {
-    console.log(`Working on ${file}`);
-    const content = fs.readFileSync(`${suffix}/${file}`, 'utf8');
-    const mdRaw = toMdRaw(content);
-    const tomlStringValue = mdRaw.children[0].value;
-    const metaData = toml.parse(tomlStringValue);
-    const newHTML = mdToHtmlRaw(mdRaw);
-
-    const htmlContent = newHTML;
-    const htmlRender = toString(htmlContent);
-
-    const titleHtml = select('h1', htmlContent);
-    const intro = select('p', htmlContent);
-    intro.children = intro.children.filter(child => child.tagName !== 'br');
-
-    const logo = select('img', intro);
-    logo.properties.src = `${suffix}/${logo.properties.src}`;
-    logo.properties.height = '150';
-    logo.properties.width = '150';
-
-    const logoP = select('source', intro);
-    if (logoP !== null) {
-      logoP.properties.srcSet = `${suffix}/${logoP.properties.srcSet}`;
-    }
-
-    titleHtml.children[0].properties.href = `${suffix}/${file.slice(0, -3)}`;
-
-    const title = hastToString(titleHtml);
-    const domTitle = cssesc(title.replace(/\s+/g, '-').replace(/['"#@]/, '').toLowerCase()); // Maybe encodeURI
-
-    const readMore = h('a', 'Lire la suite …');
-
-    readMore.properties.href = `${suffix}/${file.slice(0, -3)}`;
-    const pubYear = getArticleYear({metaData});
-
-    if (metaData.pubDate) {
-      try {
-        metaData.pubDateISO = metaData.pubDate.toISOString();
-      } catch (error) {
-        console.error(`Error on file ${file} with pubDate (${metaData.pubDate}): ${error}`);
-      }
-    }
-
-    listContent.push({
-      name: file.slice(0, -3),
-      content: htmlRender,
-      intro: toString(u('root', [titleHtml, intro, readMore])),
-      introDesc: hastToString(intro),
-      imageUrl: logo.properties.src,
-      metaData,
-      pubYear,
-      title,
-      domTitle,
-      url: `/${suffix}/${file.slice(0, -3)}`,
-    });
-  }
-
-  return listContent;
-};
+import loadMD from './loadMD.mjs';
+import {cmpArticles} from './article.mjs';
+import i18n from './i18n.mjs';
+import {addDescription} from './i18n.mjs';
 
 const leftPanelTmpl = fs.readFileSync('src/templates/left.tmpl', 'utf8');
 const likesTmpl = fs.readFileSync('src/templates/likes.tmpl', 'utf8');
@@ -118,68 +23,95 @@ const partials = {
   hid: hidTmpl,
 };
 
+// Load global variables
 const svg = loadSVG();
-const articles = loadMD(listArticles, 'articles');
-const tagsArticle = new Map();
-
-for (const article of articles) {
-  const context = {
-    svg,
-    title: `${article.title} - ache`,
-    canonical: `${baseUrl}${article.url.slice(1)}`,
-    content: article.content,
-    domTitle: article.domTitle,
-    metaData: article.metaData,
-  };
-  const output = mustache.render(articleTmpl, context, partials);
 
-  console.log(`Create : ${article.title}`);
-  fs.writeFileSync(`articles/${article.name}.html`, output);
-
-  for (const tag of article.metaData.tags) {
-    if (tagsArticle.has(tag)) {
-      tagsArticle.get(tag).push(article);
-    } else {
-      tagsArticle.set(tag, [article]);
+for (const lang in i18n) {
+  const tagsArticle = new Map();
+  const articles = loadMD(i18n[lang].articles, 'articles', lang);
+
+  for (const article of articles) {
+    const context = {
+      svg,
+      page_title: `${article.title} - ache`,
+      title: i18n[lang].title,
+      intro: i18n[lang].intro,
+      lang,
+      canonical: `${baseUrl}${article.url.slice(1)}`,
+      content: article.content,
+      title: i18n[lang].title,
+      metaData: article.metaData,
+      alt_lang: addDescription(article.metaData.alt_lang),
+    };
+    const output = mustache.render(articleTmpl, context, partials);
+
+    console.log(`Create : ${article.title}`);
+    fs.writeFileSync(`articles/${article.name}.html`, output);
+
+    for (const tag of article.metaData.tags) {
+      if (tagsArticle.has(tag)) {
+        tagsArticle.get(tag).push(article);
+      } else {
+        tagsArticle.set(tag, [article]);
+      }
     }
   }
-}
-
-try {
-  fs.mkdirSync('tag');
-} catch {
-  fs.rmSync('tag', {force: true, recursive: true});
-  fs.mkdirSync('tag');
-}
-
-for (const [tag, articles] of tagsArticle.entries()) {
-  console.log(`Create tag page : ${tag}.xml`);
-  articles.sort(cmpArticles);
 
-  const context = {
-    svg,
-    title: `ache - Tag: ${tag}`,
-    tag,
-    articles,
-  };
+// Set of pages language dependant
 
-  const output = mustache.render(tagTmpl, context, partials);
-  fs.writeFileSync(`tag/${tag}.html`, output);
-}
-
-console.log('Create RSS Flux: rss.xml');
-const xmlFeed = getRSS(articles, baseUrl);
-fs.writeFileSync('rss.xml', xmlFeed);
+  try {
+    fs.mkdirSync(`${lang}/tag`, {recursive: true});
+  } catch {
+    fs.rmSync(`${lang}/tag`, {force: true, recursive: true});
+    fs.mkdirSync(`${lang}/tag`, {recursive: true});
+  }
 
-{
-  const context = {
-    title: 'ache: Blog personnel',
-    canonical: baseUrl,
-    svg,
-    articles,
-  };
+  for (const [tag, articles] of tagsArticle.entries()) {
+    console.log(`Create tag page : ${lang}/${tag}.html`);
+    articles.sort(cmpArticles);
+
+    const context = {
+      svg,
+      page_title: `ache - Tag: ${tag}`,
+      title: i18n[lang].title,
+      intro: i18n[lang].intro,
+      lang,
+      tag,
+      articles,
+    };
+
+    const output = mustache.render(tagTmpl, context, partials);
+    fs.writeFileSync(`${lang}/tag/${tag}.html`, output);
+  }
 
-  console.log('Create : Home page');
-  const output = mustache.render(indexTmpl, context, partials);
-  fs.writeFileSync('index.html', output);
+  console.log(`Create RSS Flux: ${lang}/rss.xml`);
+  const xmlFeed = getRSS(articles, baseUrl);
+  fs.writeFileSync(`${lang}/rss.xml`, xmlFeed);
+
+  {
+    const alt_lang = {
+      fr: {
+        lang: 'en',
+        url: '/en/',
+      },
+      en: {
+        lang: 'fr',
+        url: '/fr/',
+      },
+    };
+    const context = {
+      page_title: i18n[lang].title.main,
+      title: i18n[lang].title,
+      intro: i18n[lang].intro,
+      lang,
+      canonical: baseUrl,
+      svg,
+      articles,
+      alt_lang: [alt_lang[lang]],
+    };
+
+    console.log(`Create : Home page ${lang}`);
+    const output = mustache.render(indexTmpl, context, partials);
+    fs.writeFileSync(`${lang}/index.html`, output);
+  }
 }