npm - @emeryld/rrroutes-export - Versions diffs - 1.0.15 → 1.0.16 - Mend

@emeryld/rrroutes-export 1.0.15 → 1.0.16

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 (7) hide show

package/dist/exportFinalizedLeaves.changelog.d.ts +1 -4
package/dist/index.cjs +13 -10
package/dist/index.cjs.map +1 -1
package/dist/index.mjs +13 -10
package/dist/index.mjs.map +1 -1
package/package.json +1 -1
package/tools/finalized-leaves-viewer.html +147 -20

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@emeryld/rrroutes-export",
   "description": "Finalized leaves export helpers and CLI for RRRoutes",
-  "version": "1.0.15",
+  "version": "1.0.16",
   "private": false,
   "type": "module",
   "main": "dist/index.cjs",

package/tools/finalized-leaves-viewer.html CHANGED Viewed

@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>RRRoutes Export Viewer</title>
+    <title>RRRoutes Leaves Viewer</title>
     <style>
       :root {
         --bg: #212121;
@@ -170,6 +170,10 @@
         color: var(--accent);
       }
+      .route-changelog-summary-gray {
+        color: #c6c6c6;
+      }
       .leaf-content {
         display: grid;
         gap: 4px;
@@ -358,6 +362,18 @@
         font-family: inherit;
       }
+      .changelog-lines {
+        display: grid;
+        gap: 10px;
+      }
+      .changelog-line-item {
+        border-top: 1px solid var(--border);
+        padding: 10px 2px;
+        display: grid;
+        gap: 4px;
+      }
       .schema-block {
         border-top: 1px solid var(--border);
         padding: 8px 0 2px;
@@ -472,7 +488,7 @@
   </head>
   <body>
     <div class="wrap">
-      <h1>RRRoutes Export Viewer</h1>
+      <h1 id="viewerHeading">RRRoutes Leaves Viewer</h1>
       <div class="card controls">
         <div class="primary-row">
           <label class="control-block">
@@ -746,6 +762,27 @@
         changelogSource: 'changelogSource',
       }
+      const VIEWER_MODE = {
+        leaves: 'leaves',
+        bundle: 'bundle',
+        changelog: 'changelog',
+      }
+      const VIEWER_MODE_META = {
+        [VIEWER_MODE.leaves]: {
+          title: 'RRRoutes Leaves Viewer',
+          heading: 'RRRoutes Leaves Viewer',
+        },
+        [VIEWER_MODE.bundle]: {
+          title: 'RRRoutes Bundle Viewer',
+          heading: 'RRRoutes Bundle Viewer',
+        },
+        [VIEWER_MODE.changelog]: {
+          title: 'RRRoutes Changelog Viewer',
+          heading: 'RRRoutes Changelog Viewer',
+        },
+      }
       const TAB_CONFIG = {
         [VIEW_IDS.leaves]: {
           fieldDefs: SEARCH_FIELDS,
@@ -767,6 +804,7 @@
         changelogPayload: null,
         leaves: [],
         activeTab: VIEW_IDS.leaves,
+        viewerMode: VIEWER_MODE.leaves,
         availableTabs: new Set([VIEW_IDS.leaves]),
         selectedFieldIdsByTab: {
           [VIEW_IDS.leaves]: new Set(TAB_CONFIG[VIEW_IDS.leaves].defaultSelected),
@@ -791,6 +829,7 @@
       const resetFiltersBtn = document.getElementById('resetFilters')
       const statusEl = document.getElementById('status')
       const resultsEl = document.getElementById('results')
+      const viewerHeadingEl = document.getElementById('viewerHeading')
       const controlsEl = document.querySelector('.controls')
       const tabLeavesBtn = document.getElementById('tabLeaves')
       const tabChangelogBtn = document.getElementById('tabChangelog')
@@ -799,6 +838,19 @@
       const URL_PARAM_KEY = 'filters'
       let isHydratingFromUrl = false
+      function resolveViewerMode(payload) {
+        if (isBundlePayload(payload)) return VIEWER_MODE.bundle
+        if (isChangelogPayload(payload)) return VIEWER_MODE.changelog
+        if (payload && Array.isArray(payload.leaves)) return VIEWER_MODE.leaves
+        return VIEWER_MODE.leaves
+      }
+      function applyViewerModeMeta() {
+        const meta = VIEWER_MODE_META[state.viewerMode] || VIEWER_MODE_META[VIEWER_MODE.leaves]
+        document.title = meta.title
+        if (viewerHeadingEl) viewerHeadingEl.textContent = meta.heading
+      }
       function escapeHtml(value) {
         return String(value)
           .replace(/&/g, '&amp;')
@@ -1442,6 +1494,9 @@
             '',
             `Route Changelog (${routeHistory.length} event${routeHistory.length === 1 ? '' : 's'})`,
           )
+          if (state.viewerMode === VIEWER_MODE.bundle) {
+            routeChangelogSummary.classList.add('route-changelog-summary-gray')
+          }
           routeChangelogDetails.appendChild(routeChangelogSummary)
           const routeChangelogBody = el('div', 'leaf-content')
@@ -1559,6 +1614,47 @@
         return card
       }
+      function buildCommitMetaLine(event, commitBySha) {
+        const commit = commitBySha.get(event.commitSha)
+        const commitDateTime = formatCommitDateTime(commit?.authorDate)
+        return [
+          event.commitSha.slice(0, 12),
+          commitDateTime,
+          commit?.authorName || null,
+          commit?.subject || null,
+        ]
+          .filter(Boolean)
+          .join(' - ')
+      }
+      function renderChangelogEventLines(event, commitBySha, contextLabel) {
+        const row = el('div', 'changelog-line-item')
+        row.appendChild(el('div', 'meta', buildCommitMetaLine(event, commitBySha)))
+        row.appendChild(el('div', 'mono', `${contextLabel} (${event.type})`))
+        if (Array.isArray(event.schemaDiff) && event.schemaDiff.length > 0) {
+          event.schemaDiff.forEach((delta) => {
+            const line = formatSchemaDiffLine(delta)
+            if (!line) return
+            row.appendChild(el('div', 'meta mono', line))
+          })
+        }
+        if (Array.isArray(event.cfgDiff) && event.cfgDiff.length > 0) {
+          event.cfgDiff.forEach((diff) => {
+            const line = formatCfgDiffLine(diff)
+            if (!line) return
+            row.appendChild(el('div', 'meta mono', line))
+          })
+        }
+        if (Array.isArray(event.impactedRoutes) && event.impactedRoutes.length > 0) {
+          row.appendChild(
+            el('div', 'meta mono', `impacted routes: ${event.impactedRoutes.join(', ')}`),
+          )
+        }
+        return row
+      }
       function buildChronologicalEvents(payload) {
         if (!payload) return []
         const commitBySha = new Map((payload.commits || []).map((commit) => [commit.sha, commit]))
@@ -1687,24 +1783,52 @@
           const commitBySha = new Map(
             (state.changelogPayload?.commits || []).map((commit) => [commit.sha, commit]),
           )
-          renderCollection(
-            filtered,
-            (item) => {
-              const details = el('details', 'leaf')
-              const title =
-                state.activeTab === VIEW_IDS.changelog
-                  ? `${item.eventKind === 'route' ? `Route: ${item.routeKey}` : `Source: ${item.displayName || item.sourceObjectId}`} (${item.event.type})`
-                  : `${item.displayName} (${item.events.length})`
-              details.appendChild(el('summary', '', title))
-              if (state.activeTab === VIEW_IDS.changelog) {
-                details.appendChild(renderEventCard(item.event, commitBySha))
-              } else {
-                item.events.forEach((event) => details.appendChild(renderEventCard(event, commitBySha)))
-              }
-              return details
-            },
-            'No matches.',
-          )
+          if (state.viewerMode === VIEWER_MODE.changelog) {
+            renderCollection(
+              filtered,
+              (item) => {
+                if (state.activeTab === VIEW_IDS.changelog) {
+                  const contextLabel =
+                    item.eventKind === 'route'
+                      ? `Route: ${item.routeKey}`
+                      : `Source: ${item.displayName || item.sourceObjectId}`
+                  return renderChangelogEventLines(item.event, commitBySha, contextLabel)
+                }
+                const lines = el('div', 'changelog-lines')
+                ;(item.events || []).forEach((event) => {
+                  lines.appendChild(
+                    renderChangelogEventLines(
+                      event,
+                      commitBySha,
+                      `Source: ${item.displayName || item.sourceId}`,
+                    ),
+                  )
+                })
+                return lines
+              },
+              'No matches.',
+            )
+          } else {
+            renderCollection(
+              filtered,
+              (item) => {
+                const details = el('details', 'leaf')
+                const title =
+                  state.activeTab === VIEW_IDS.changelog
+                    ? `${item.eventKind === 'route' ? `Route: ${item.routeKey}` : `Source: ${item.displayName || item.sourceObjectId}`} (${item.event.type})`
+                    : `${item.displayName} (${item.events.length})`
+                details.appendChild(el('summary', '', title))
+                if (state.activeTab === VIEW_IDS.changelog) {
+                  details.appendChild(renderEventCard(item.event, commitBySha))
+                } else {
+                  item.events.forEach((event) => details.appendChild(renderEventCard(event, commitBySha)))
+                }
+                return details
+              },
+              'No matches.',
+            )
+          }
         }
         syncFilterStateToUrl()
       }
@@ -1949,6 +2073,8 @@
       }
       function applyLoadedPayload(payload) {
+        state.viewerMode = resolveViewerMode(payload)
+        applyViewerModeMeta()
         state.payload = payload
         state.availableTabs = new Set()
         state.leavesPayload = null
@@ -2052,6 +2178,7 @@
       renderFieldChips()
       hydrateFilterStateFromUrl()
       initializeFromBakedPayload()
+      applyViewerModeMeta()
       renderResults()
     </script>
   </body>