asciidoctor-rhrev 1.2.2 → 1.3.0

package/antora-extension/antora-rhrev-asciidoc.js

@@ -210,10 +210,7 @@ function generateInitialReleaseHtml(doc) {
   
   const columnWidths = String(doc.getAttribute('rhrev-table-column-width') || '30,70').split(',').map(w => w.trim())
   const sectionLabel = doc.getAttribute('rhrev-localization-location') || 'Section'
-  const majorChangesText = doc.getAttribute('rhrev-localization-major-changes') || 'Major changes since'
-  const versionLabel = doc.getAttribute('version-label') || 'Revision'
-  const revnumber = doc.getAttribute('revnumber') || '1.0'
-  
+
   // Build table with frame/grid classes
   const frame = doc.getAttribute('rhrev-table-frame') || 'all'
   const grid = doc.getAttribute('rhrev-table-grid') || 'all'
@@ -250,13 +247,9 @@ function generateInitialReleaseHtml(doc) {
     html.push('</tr>')
   }
 
-  html.push('<tr class="rhrev-header">')
-  html.push(`<th class="tableblock halign-left valign-top">${sectionLabel}</th>`)
-  html.push(`<th class="tableblock halign-left valign-top"><strong>${majorChangesText} ${versionLabel} ${revnumber}</strong></th>`)
-  html.push('</tr>')
   html.push('<tr>')
-  html.push('<td>&nbsp;</td>')
-  html.push(`<td>${initialText}</td>`)
+  html.push(`<th class="tableblock halign-left valign-top">${sectionLabel}</th>`)
+  html.push(`<td class="tableblock halign-left valign-top">${initialText}</td>`)
   html.push('</tr>')
   html.push('</tbody>')
   html.push('</table>')
@@ -497,6 +490,46 @@ module.exports.register = function (registry, context = {}) {
     })
   })
   
+  // Tag blocks carrying the current revision attribute with the rhrev-changed
+  // role so the site stylesheet can draw an HTML change bar (right-side border).
+  // Enabled by rhrev-change-bars, mirroring the PDF backend; color/width/offset
+  // overrides are emitted as CSS custom properties. Side is always right in HTML.
+  registry.treeProcessor(function () {
+    const self = this
+
+    self.process(function (doc) {
+      if (!doc.hasAttribute('rhrev-change-bars')) return doc
+      const revnumber = doc.getAttribute('revnumber')
+      if (!revnumber) return doc
+      const prefix = doc.getAttribute('revhistoryprefix') || 'rhrev'
+      const changeAttr = prefix + String(revnumber).replace(/\./g, '-')
+      const contexts = ['section', 'floating_title', 'example', 'listing', 'table', 'image']
+
+      let tagged = false
+      doc.findBy((b) => contexts.includes(b.getContext())).forEach((block) => {
+        const attrs = block.getAttributes()
+        if (!attrs || attrs[changeAttr] === undefined) return
+        const role = attrs.role ? attrs.role + ' rhrev-changed' : 'rhrev-changed'
+        block.setAttribute('role', role)
+        tagged = true
+      })
+      if (!tagged) return doc
+
+      const overrides = []
+      const color = doc.getAttribute('rhrev-change-bars-color')
+      if (color) overrides.push(`--rhrev-change-bar-color: #${String(color).replace(/^#/, '')};`)
+      const width = doc.getAttribute('rhrev-change-bars-width')
+      if (width) overrides.push(`--rhrev-change-bar-width: ${width}px;`)
+      const offset = doc.getAttribute('rhrev-change-bars-offset')
+      if (offset) overrides.push(`--rhrev-change-bar-offset: ${offset}px;`)
+      if (overrides.length) {
+        const style = self.createBlock(doc, 'pass', `<style>:root { ${overrides.join(' ')} }</style>`)
+        doc.getBlocks().unshift(style)
+      }
+      return doc
+    })
+  })
+
   // Register treeprocessor for auto-injection
   registry.treeProcessor(function () {
     const self = this

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "asciidoctor-rhrev",
-  "version": "1.2.2",
+  "version": "1.3.0",
   "description": "Revision history block macro extension for Asciidoctor.js and Antora (HTML5 backend)",
   "main": "antora-extension/antora-rhrev-asciidoc.js",
   "scripts": {