@riebeckite/plugin-diff 0.0.16 → 0.0.17

package/dist/index.js

@@ -1,5 +1,6 @@
 // index.ts
 import {
+  appendContentBodySlot,
   createClientEntry,
   createStyleAsset,
   definePlugin
@@ -73,13 +74,14 @@ function renderDiffHistory(input) {
   const history = input.revisions;
   const selected = input.selected;
   const payloadPath = input.payloadPath;
+  if (history.length === 0 || !selected) return "";
   return `<section class="rr-diff-history" data-rr-diff-history>
   <details class="rr-diff-history__panel">
   <summary class="rr-diff-history__header">
     <h2 class="rr-diff-history__title">History</h2>
     <span class="rr-diff-history__header-meta"><span class="rr-diff-history__count">${history.length} changes</span><span class="rr-diff-history__toggle-label rr-diff-history__toggle-label--open">Collapse</span><span class="rr-diff-history__toggle-label rr-diff-history__toggle-label--closed">Expand</span><span class="rr-diff-history__toggle" aria-hidden="true"><svg class="rr-diff-history__toggle-icon" viewBox="0 0 16 16" width="16" height="16" focusable="false"><path d="M5.2 3.4 10.8 8l-5.6 4.6" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8"/></svg></span></span>
   </summary>
-   ${history.length === 0 || !selected ? renderEmptyState() : renderContent(history, selected)}
+    ${renderContent(history, selected)}
   </details>
    ${payloadPath ? `<script type="application/json" data-rr-diff-history-data>${JSON.stringify({ path: payloadPath }).replace(/</g, "\\u003c")}</script>` : ""}
 </section>`;
@@ -92,9 +94,6 @@ function renderContent(history, selected) {
     ${renderDiffViewer({ history, selected })}
   </div>`;
 }
-function renderEmptyState() {
-  return `<p class="rr-diff-history__empty">No Git history is available for this article.</p>`;
-}
 function renderRevisionButton(revision, selected) {
   return `<li class="rr-diff-history__item">
     <button class="rr-diff-history__commit" type="button" data-rr-diff-select="${escapeHtml(revision.hash)}" aria-pressed="${selected}">
@@ -391,39 +390,49 @@ function diff(options = {}) {
   let api;
   return definePlugin({
     name: "diff",
+    order: 200,
     processedContentCache: {
-      version: "diff-v2",
+      version: "diff-v3",
       dependencyMode: "unsafe"
     },
     options,
     assets: ui.enabled === false ? [] : [createStyleAsset("diff")],
     clientEntries: ui.enabled === false ? [] : [createClientEntry("diff", "initDiffHistory")],
-    onPostProcessed: async (context) => {
+    onManifestCreated: async (context) => {
       if (ui.enabled === false) return;
       api ??= createPostDiffApi({
         ...options,
         cwd: options.cwd ?? context.config?.content.directory
       });
-      const filePath = resolvePostFilePath(context);
-      const history = (await api.getHistory(filePath)).slice(
-        0,
-        ui.maxRevisions
-      );
-      const revisions = await getMarkdownRevisions(api, filePath, history);
-      const selected = await api.getCurrentDiff(filePath);
-      const payloadPath = revisions.length > 0 ? diffPayloadPath(context.slug) : void 0;
-      if (payloadPath) {
+      for (const entry of context.manifest.discoverableEntries) {
+        const filePath = resolvePostFilePath({
+          slug: entry.slug,
+          contentIndex: context.contentIndex
+        });
+        const history = (await api.getHistory(filePath)).slice(
+          0,
+          ui.maxRevisions
+        );
+        const revisions = await getMarkdownRevisions(api, filePath, history);
+        if (revisions.length === 0) continue;
+        const selected = await api.getCurrentDiff(filePath);
+        if (!selected) continue;
+        const payloadPath = diffPayloadPath(entry.slug);
         context.output.emit({
           path: payloadPath,
           content: JSON.stringify({ revisions }).replace(/</g, "\\u003c"),
-          dependencies: [{ type: "content", slug: context.slug }]
+          dependencies: [{ type: "content", slug: entry.slug }]
         });
+        appendContentBodySlot(
+          entry,
+          "article.footer",
+          renderDiffHistory({
+            revisions,
+            selected,
+            payloadPath: `/${payloadPath}`
+          })
+        );
       }
-      context.content.html += renderDiffHistory({
-        revisions,
-        selected,
-        payloadPath: payloadPath ? `/${payloadPath}` : void 0
-      });
     }
   });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@riebeckite/plugin-diff",
-  "version": "0.0.16",
+  "version": "0.0.17",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./dist/index.js",
@@ -21,12 +21,12 @@
     "./style.css": "./style.css"
   },
   "dependencies": {
-    "@riebeckite/core": "0.0.16"
+    "@riebeckite/core": "0.0.17"
   },
   "devDependencies": {
     "@types/node": "^24.5.2",
     "tsx": "^4.22.4",
-    "@riebeckite/test": "0.0.16"
+    "@riebeckite/test": "0.0.17"
   },
   "publishConfig": {
     "access": "public"

package/style.css

@@ -1,5 +1,5 @@
 .rr-diff-history {
-  margin-block: 4rem 2rem;
+  margin-block-start: var(--rb-space-6, 3rem);
   border-block-start: 1px solid
     var(--rb-color-border, color-mix(in srgb, currentColor 18%, transparent));
   padding-block-start: 1.5rem;
@@ -277,15 +277,6 @@
   background: color-mix(in srgb, currentColor 2%, transparent);
 }
 
-.rr-diff-history__empty {
-  margin: 0;
-  color: var(
-    --rb-color-muted,
-    color-mix(in srgb, currentColor 62%, transparent)
-  );
-  font-size: 0.9375rem;
-}
-
 @media (max-width: 720px) {
   .rr-diff-history__layout {
     grid-template-columns: 1fr;
@@ -298,6 +289,16 @@
   }
 
   .rr-diff-history__header {
-    align-items: flex-start;
+    align-items: center;
+    flex-wrap: nowrap;
+  }
+
+  .rr-diff-history__title {
+    min-width: 0;
+  }
+
+  .rr-diff-history__header-meta {
+    flex: none;
+    white-space: nowrap;
   }
 }