scribe-cms 0.0.15 → 0.0.17

package/dist/cli/index.js

@@ -756,6 +756,15 @@ function listTranslationsForLocale(db, contentType, locale) {
 function bulkLoadTranslations(db) {
   return db.prepare(`SELECT * FROM translations ORDER BY content_type, en_slug, locale`).all();
 }
+function countTranslations(db) {
+  const row = db.prepare(`SELECT COUNT(*) as count FROM translations`).get();
+  return row.count;
+}
+function latestTranslationAtByLocale(db) {
+  return db.prepare(
+    `SELECT locale, MAX(translated_at) as latest FROM translations GROUP BY locale`
+  ).all();
+}
 
 // src/translate/validate-mdx-body.ts
 init_esm_shims();
@@ -2114,6 +2123,11 @@ function computePageEnHash(translatableFrontmatter, body) {
 
 // src/translate/worklist.ts
 init_sqlite();
+function parseContentTypeFilter(contentType) {
+  if (!contentType) return void 0;
+  const ids = contentType.split(",").map((id) => id.trim()).filter(Boolean);
+  return ids.length > 0 ? new Set(ids) : void 0;
+}
 function listEnSlugs4(rootDir, contentDir) {
   const dir = path4.join(rootDir, contentDir);
   if (!fs2.existsSync(dir)) return [];
@@ -2123,8 +2137,9 @@ function buildWorklist(config, options = {}) {
   const db = openStore(config, "readonly");
   const items = [];
   const locales = options.locales ?? config.locales.filter((locale) => locale !== config.defaultLocale);
+  const contentTypes = parseContentTypeFilter(options.contentType);
   for (const type of config.types) {
-    if (options.contentType && type.id !== options.contentType) continue;
+    if (contentTypes && !contentTypes.has(type.id)) continue;
     const enSlugs = options.enSlug ? [options.enSlug] : listEnSlugs4(config.rootDir, type.contentDir);
     for (const enSlug of enSlugs) {
       const enDoc = readEnDocument(config, type, enSlug);
@@ -2144,12 +2159,13 @@ function buildWorklist(config, options = {}) {
           });
           continue;
         }
-        if (existing.en_hash !== currentEnHash) {
+        const stale = existing.en_hash !== currentEnHash;
+        if (stale || options.force) {
           items.push({
             contentType: type.id,
             enSlug,
             locale,
-            reason: "stale",
+            reason: stale ? "stale" : "forced",
             currentEnHash,
             storedEnHash: existing.en_hash
           });
@@ -2530,6 +2546,13 @@ function defaultLocalizationPrompt(localeName, locale) {
     "Write as if a native speaker authored it for the target market."
   ].join(" ");
 }
+function buildLocalizationPrompt(promptOverride, localeName, locale) {
+  const localeDirective = defaultLocalizationPrompt(localeName, locale);
+  if (!promptOverride) return localeDirective;
+  return `${promptOverride}
+
+${localeDirective}`;
+}
 var TASK_FRAMING = "You are localizing the content below into a target language specified at the end of this prompt.";
 function buildOutputFormatLine(hasFrontmatter, slugStrategy) {
   if (!hasFrontmatter) {
@@ -2546,7 +2569,11 @@ function buildRetryContextSection(previousError) {
 }
 function buildPageTranslationPrompt(input) {
   const localeName = LOCALE_NAMES[input.targetLocale] ?? input.targetLocale;
-  const localizationPrompt = input.resolved.promptOverride ?? defaultLocalizationPrompt(localeName, input.targetLocale);
+  const localizationPrompt = buildLocalizationPrompt(
+    input.resolved.promptOverride,
+    localeName,
+    input.targetLocale
+  );
   const prefix = [
     TASK_FRAMING,
     "",
@@ -3917,12 +3944,21 @@ function renderLayout(title, body, project, options = {}) {
     .tag { font-size: var(--fs-sm); color: var(--dim); margin-left: 6px; }
     .tag-warn { color: var(--stale); }
     .tag-err { color: var(--missing); }
+
+    /* dashboard */
+    .cards { display: flex; flex-wrap: wrap; gap: 1px; background: var(--border); border-bottom: 1px solid var(--border); }
+    .card { flex: 1 1 120px; background: var(--bg); padding: 12px; min-width: 120px; }
+    .card-value { font-size: 22px; font-weight: 300; line-height: 1.2; }
+    .card-label { font-size: var(--fs-sm); color: var(--dim); margin-top: 2px; }
+    .bar { display: inline-block; width: 120px; height: 6px; background: var(--border); border-radius: 3px; overflow: hidden; vertical-align: middle; margin-right: 8px; }
+    .bar-fill { display: block; height: 100%; }
   </style>
 </head>
 <body>
   <div class="app">
     <nav class="actbar">
       <a href="/" title="Overview">\u2302</a>
+      <a href="/dashboard" title="Dashboard">\u25A6</a>
       <a href="/staleness" title="Staleness">\u26A0</a>
     </nav>
     <aside class="sidebar">
@@ -3979,6 +4015,119 @@ async function startStudio(project, options = {}) {
       </table>`;
     return c.html(renderLayout("Overview", html, project));
   });
+  app.get("/dashboard", (c) => {
+    const db = openStore(config, "readonly");
+    const types = project.listTypes();
+    const targetLocales = config.locales.filter((l) => l !== config.defaultLocale);
+    const docCountByType = /* @__PURE__ */ new Map();
+    let totalEnDocs = 0;
+    for (const type of types) {
+      const n = type.list().length;
+      docCountByType.set(type.id, n);
+      totalEnDocs += n;
+    }
+    const worklist = buildWorklist(config);
+    const missingByLocale = /* @__PURE__ */ new Map();
+    const staleByLocale = /* @__PURE__ */ new Map();
+    const missingByType = /* @__PURE__ */ new Map();
+    const staleByType = /* @__PURE__ */ new Map();
+    let missingTotal = 0;
+    let staleTotal = 0;
+    for (const item of worklist) {
+      if (item.reason === "missing") {
+        missingByLocale.set(item.locale, (missingByLocale.get(item.locale) ?? 0) + 1);
+        missingByType.set(item.contentType, (missingByType.get(item.contentType) ?? 0) + 1);
+        missingTotal++;
+      } else if (item.reason === "stale") {
+        staleByLocale.set(item.locale, (staleByLocale.get(item.locale) ?? 0) + 1);
+        staleByType.set(item.contentType, (staleByType.get(item.contentType) ?? 0) + 1);
+        staleTotal++;
+      }
+    }
+    const storedTranslations = countTranslations(db);
+    const latestByLocale = /* @__PURE__ */ new Map();
+    for (const row of latestTranslationAtByLocale(db)) {
+      if (row.latest) latestByLocale.set(row.locale, row.latest);
+    }
+    db.close();
+    const expectedTotal = totalEnDocs * targetLocales.length;
+    const coverageTotal = expectedTotal > 0 ? (expectedTotal - missingTotal) / expectedTotal : 0;
+    const coveragePct = expectedTotal > 0 ? Math.round(coverageTotal * 100) : 0;
+    const pct = (fraction) => Math.round(fraction * 100);
+    const num = (n, warnClass) => n > 0 ? `<span class="${warnClass}">${n}</span>` : `<span class="dim">0</span>`;
+    const coverageColor = expectedTotal > 0 && coveragePct === 100 ? ` style="color:var(--ok)"` : "";
+    const coverageValue = expectedTotal > 0 ? `${coveragePct}%` : `<span class="dim">\u2014</span>`;
+    const staleColor = staleTotal > 0 ? ` style="color:var(--stale)"` : "";
+    const missingColor = missingTotal > 0 ? ` style="color:var(--missing)"` : "";
+    const cards = `<div class="cards">
+      <div class="card"><div class="card-value">${totalEnDocs}</div><div class="card-label">Documents (EN)</div></div>
+      <div class="card"><div class="card-value">${targetLocales.length}</div><div class="card-label">Target locales</div></div>
+      <div class="card"><div class="card-value">${storedTranslations}</div><div class="card-label">Stored translations</div></div>
+      <div class="card"><div class="card-value"${coverageColor}>${coverageValue}</div><div class="card-label">Coverage</div></div>
+      <div class="card"><div class="card-value"${staleColor}>${staleTotal}</div><div class="card-label">Stale</div></div>
+      <div class="card"><div class="card-value"${missingColor}>${missingTotal}</div><div class="card-label">Missing</div></div>
+    </div>`;
+    let localeRows;
+    if (totalEnDocs === 0 || targetLocales.length === 0) {
+      localeRows = `<tr><td colspan="7" class="dim">No target locales or documents</td></tr>`;
+    } else {
+      localeRows = targetLocales.map((locale) => {
+        const expected = totalEnDocs;
+        const missing = missingByLocale.get(locale) ?? 0;
+        const stale = staleByLocale.get(locale) ?? 0;
+        const translated = expected - missing;
+        const upToDate = translated - stale;
+        const coverage = expected > 0 ? translated / expected : 0;
+        const covPct = pct(coverage);
+        const fillColor = covPct === 100 ? "var(--ok)" : "var(--stale)";
+        const fallbacks = config.localeFallbacks[locale]?.length ? escapeHtml(config.localeFallbacks[locale].join(" \u2192 ")) : `<span class="dim">\u2014</span>`;
+        const latest = latestByLocale.get(locale);
+        const last = latest ? escapeHtml(latest.slice(0, 10)) : `<span class="dim">\u2014</span>`;
+        return `<tr>
+            <td>${escapeHtml(locale)}</td>
+            <td><span class="bar"><span class="bar-fill" style="width:${covPct}%;background:${fillColor}"></span></span>${covPct}%</td>
+            <td>${upToDate}</td>
+            <td>${num(stale, "tag-warn")}</td>
+            <td>${num(missing, "tag-err")}</td>
+            <td>${fallbacks}</td>
+            <td>${last}</td>
+          </tr>`;
+      }).join("");
+    }
+    let typeRows;
+    if (types.length === 0 || targetLocales.length === 0) {
+      typeRows = `<tr><td colspan="5" class="dim">No types or target locales</td></tr>`;
+    } else {
+      typeRows = types.map((type) => {
+        const stale = staleByType.get(type.id) ?? 0;
+        const missing = missingByType.get(type.id) ?? 0;
+        return `<tr>
+            <td><a href="/type/${encodePathSegment(type.id)}">${escapeHtml(type.config.label)}</a></td>
+            <td class="dim">${escapeHtml(type.id)}</td>
+            <td>${docCountByType.get(type.id) ?? 0}</td>
+            <td>${num(stale, "tag-warn")}</td>
+            <td>${num(missing, "tag-err")}</td>
+          </tr>`;
+      }).join("");
+    }
+    const html = `<div class="toolbar">Dashboard</div>
+      ${cards}
+      <div class="section">
+        <div class="section-head">Locales</div>
+        <table class="data">
+          <thead><tr><th>Locale</th><th>Coverage</th><th>Up to date</th><th>Stale</th><th>Missing</th><th>Fallbacks</th><th>Last translated</th></tr></thead>
+          <tbody>${localeRows}</tbody>
+        </table>
+      </div>
+      <div class="section">
+        <div class="section-head">Types</div>
+        <table class="data">
+          <thead><tr><th>Type</th><th>ID</th><th>EN docs</th><th>Stale</th><th>Missing</th></tr></thead>
+          <tbody>${typeRows}</tbody>
+        </table>
+      </div>`;
+    return c.html(renderLayout("Dashboard", html, project));
+  });
   app.get("/type/:id", (c) => {
     const typeId = c.req.param("id");
     const type = project.getType(typeId);
@@ -4746,7 +4895,7 @@ Export-static flags:
   --locale <code>...     Locales to export (default: all configured)
 
 Translate flags:
-  --type <id>            Content type (interactive picker in a TTY when omitted)
+  --type <id>            Content type, or comma-separated ids (interactive picker in a TTY when omitted)
   --preset <name>        Locale preset from config (interactive picker in a TTY)
   --locale <code>...     Target locale(s); overrides --preset
   --slug <en-slug>       Single English document
@@ -4838,7 +4987,8 @@ mode to use.
         contentType: selection.contentType,
         locales,
         enSlug: options.slug,
-        strategy: selection.strategy ?? "all"
+        strategy: selection.strategy ?? "all",
+        force: options.force
       });
       if (worklist.length === 0) {
         if (!options.dryRun) {