diff options
Diffstat (limited to 'src/build/index.mjs')
-rw-r--r-- | src/build/index.mjs | 242 |
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); + } } |