npm - scribe-cms - Versions diffs - 0.0.16 → 0.0.17 - Mend

scribe-cms 0.0.16 → 0.0.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (20) hide show

package/dist/cli/index.cjs +144 -5
package/dist/cli/index.cjs.map +1 -1
package/dist/cli/index.js +144 -5
package/dist/cli/index.js.map +1 -1
package/dist/index.cjs +10 -3
package/dist/index.cjs.map +1 -1
package/dist/index.js +10 -3
package/dist/index.js.map +1 -1
package/dist/runtime.cjs.map +1 -1
package/dist/runtime.js.map +1 -1
package/dist/src/storage/translations.d.ts +8 -0
package/dist/src/storage/translations.d.ts.map +1 -1
package/dist/src/translate/worklist.d.ts +4 -1
package/dist/src/translate/worklist.d.ts.map +1 -1
package/dist/studio/server.cjs +141 -3
package/dist/studio/server.cjs.map +1 -1
package/dist/studio/server.d.ts.map +1 -1
package/dist/studio/server.js +141 -3
package/dist/studio/server.js.map +1 -1
package/package.json +1 -1

package/dist/cli/index.js CHANGED Viewed

@@ -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
           });
@@ -3928,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">
@@ -3990,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);
@@ -4757,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
@@ -4849,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) {