Add Scandinavian i18n (da/sv/nb) via DeepL pipeline.

Integrate new locale bundles, language cycling in the UI, SEO hreflang tags, and localized beta flyer HTML variants with scripts for batch translation and key validation. Co-authored-by: Cursor <cursoragent@cursor.com>
2026-05-31 15:53:43 +02:00
parent 2e656dc6b2
commit 3749f87c1d
30 changed files with 3975 additions and 42 deletions
@@ -0,0 +1,110 @@
+#!/usr/bin/env node
+/**
+ * Generate localized beta flyer HTML files from the German master via DeepL.
+ *
+ * Usage: node scripts/translate-flyer.mjs [--lang da,sv,nb]
+ */
+
+import { readFile, writeFile } from 'node:fs/promises'
+import { resolve, dirname } from 'node:path'
+import { fileURLToPath } from 'node:url'
+import { loadEnvKey, translateTexts } from './lib/deepl-translate.mjs'
+
+const __dirname = dirname(fileURLToPath(import.meta.url))
+const repoRoot = resolve(__dirname, '..')
+const sourcePath = resolve(repoRoot, 'docs/marketing/beta-flyer.html')
+
+const TARGETS = {
+  da: { code: 'DA', htmlLang: 'da', file: 'beta-flyer.da.html' },
+  sv: { code: 'SV', htmlLang: 'sv', file: 'beta-flyer.sv.html' },
+  nb: { code: 'NB', htmlLang: 'nb', file: 'beta-flyer.nb.html' }
+}
+
+/** Extract translatable text segments from HTML (text nodes only). */
+function extractSegments(html) {
+  const segments = []
+  const re = />([^<]+)</g
+  let match
+  while ((match = re.exec(html)) !== null) {
+    const text = match[1]
+    if (!text.trim()) continue
+    if (/^\s*$/.test(text)) continue
+    segments.push({ text, index: segments.length })
+  }
+  return segments
+}
+
+function replaceSegments(html, originals, translated) {
+  let result = html
+  for (let i = 0; i < originals.length; i++) {
+    const from = originals[i].text
+    const to = translated[i]
+    if (from === to) continue
+    result = result.replace(`>${from}<`, `>${to}<`)
+  }
+  return result
+}
+
+function patchLanguageFeature(html, lang) {
+  const langBlocks = {
+    da: `<span class="lang-item"><svg class="feature-flag" viewBox="0 0 37 28" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><rect width="37" height="28" fill="#C8102E"/><rect x="12" width="4" height="28" fill="#fff"/><rect y="12" width="37" height="4" fill="#fff"/></svg>Dansk</span>`,
+    sv: `<span class="lang-item"><svg class="feature-flag" viewBox="0 0 16 10" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><rect width="16" height="10" fill="#006AA7"/><rect x="5" width="2" height="10" fill="#FECC00"/><rect y="4" width="16" height="2" fill="#FECC00"/></svg>Svenska</span>`,
+    nb: `<span class="lang-item"><svg class="feature-flag" viewBox="0 0 22 16" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><rect width="22" height="16" fill="#BA0C2F"/><rect x="6" width="4" height="16" fill="#fff"/><rect y="6" width="22" height="4" fill="#fff"/><rect x="7" width="2" height="16" fill="#00205B"/><rect y="7" width="22" height="2" fill="#00205B"/></svg>Norsk</span>`
+  }
+
+  const deEnBlock =
+    /<span class="lang-list">[\s\S]*?<\/span><\/span><\/div>/
+  const replacement = `<span class="lang-list">${langBlocks[lang]}<span class="lang-sep">&amp;</span><span class="lang-item"><svg class="feature-flag" viewBox="0 0 5 3" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><rect width="5" height="1" fill="#000"/><rect y="1" width="5" height="1" fill="#D00"/><rect y="2" width="5" height="1" fill="#FFCE00"/></svg>Deutsch</span><span class="lang-sep">&amp;</span><span class="lang-item"><svg class="feature-flag" viewBox="0 0 60 30" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><clipPath id="gb-a"><path d="M0 0v30h60V0z"/></clipPath><clipPath id="gb-b"><path d="M30 15h30v15zv15H0z"/></clipPath><g clip-path="url(#gb-a)"><path d="M0 0v30h60V0z" fill="#012169"/><path d="M0 0l60 30m0-30L0 30" stroke="#fff" stroke-width="6"/><path d="M0 0l60 30m0-30L0 30" clip-path="url(#gb-b)" stroke="#C8102E" stroke-width="4"/><path d="M30 0v30M0 15h60" stroke="#fff" stroke-width="10"/><path d="M30 0v30M0 15h60" stroke="#C8102E" stroke-width="6"/></g></svg>Engelsk</span></span></div>`
+
+  return html.replace(deEnBlock, replacement)
+}
+
+function parseArgs(argv) {
+  let langs = Object.keys(TARGETS)
+  for (let i = 2; i < argv.length; i++) {
+    if (argv[i] === '--lang' && argv[i + 1]) {
+      langs = argv[++i].split(',').map((l) => l.trim())
+    }
+  }
+  return langs
+}
+
+async function main() {
+  const langs = parseArgs(process.argv)
+  const apiKey = loadEnvKey()
+  const sourceHtml = await readFile(sourcePath, 'utf8')
+  const segments = extractSegments(sourceHtml)
+  const texts = segments.map((s) => s.text)
+
+  for (const lang of langs) {
+    const target = TARGETS[lang]
+    if (!target) {
+      console.error(`Unknown language: ${lang}`)
+      process.exit(1)
+    }
+
+    console.log(`\n→ ${target.file}`)
+    const translated = await translateTexts(texts, target.code, {
+      sourceLang: 'DE',
+      apiKey,
+      batchSize: 20
+    })
+
+    let html = replaceSegments(sourceHtml, segments, translated)
+    html = html.replace(/<html lang="de">/, `<html lang="${target.htmlLang}">`)
+    html = html.replace(
+      /<title>Kapteins Daagbok — Beta-Flyer<\/title>/,
+      `<title>Kapteins Daagbok — Beta-Flyer (${target.htmlLang.toUpperCase()})</title>`
+    )
+    html = patchLanguageFeature(html, lang)
+
+    const outPath = resolve(repoRoot, 'docs/marketing', target.file)
+    await writeFile(outPath, html, 'utf8')
+    console.log(`Wrote ${outPath}`)
+  }
+}
+
+main().catch((err) => {
+  console.error(err.message ?? err)
+  process.exit(1)
+})