releasehx 0.1.1 → 0.2.0

data/lib/releasehx/rhyml/templates/embedded.css.liquid

@@ -0,0 +1,263 @@
+/* ReleaseHx Embedded CSS - {{ theme | capitalize }} Theme */
+
+/* CSS Custom Properties - Theme: {{ theme }} */
+:root {
+  {%- if theme == 'compact' %}
+  --release-spacing: 1.5rem;
+  --section-spacing: 1rem;
+  --item-spacing: 0.5rem;
+  --container-padding: 1rem;
+  --heading-margin: 0.75rem;
+  {%- elsif theme == 'detailed' %}
+  --release-spacing: 4rem;
+  --section-spacing: 3rem;
+  --item-spacing: 1.5rem;
+  --container-padding: 3rem;
+  --heading-margin: 2rem;
+  {%- else %}
+  --release-spacing: 3rem;
+  --section-spacing: 2.5rem;
+  --item-spacing: 1rem;
+  --container-padding: 2rem;
+  --heading-margin: 1.5rem;
+  {%- endif %}
+  
+  /* Light Theme Colors */
+  --primary-color: #0d6efd;
+  --success-color: #198754;
+  --info-color: #0dcaf0;
+  --warning-color: #ffc107;
+  --danger-color: #dc3545;
+  --light-bg: #f8f9fa;
+  --white-bg: #ffffff;
+  --text-color: #212529;
+  --text-muted: #6c757d;
+  --border-color: #dee2e6;
+  --border-radius: 0.375rem;
+  --shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
+  --shadow-hover: 0 2px 8px rgba(0, 0, 0, 0.1);
+}
+
+/* Dark Theme Colors */
+@media (prefers-color-scheme: dark) {
+  :root {
+    --primary-color: #6ea8fe;
+    --success-color: #75b798;
+    --info-color: #6edff6;
+    --warning-color: #ffda6a;
+    --danger-color: #ea868f;
+    --light-bg: #212529;
+    --white-bg: #2b3035;
+    --text-color: #ffffff;
+    --text-muted: #adb5bd;
+    --border-color: #495057;
+    --shadow: 0 1px 3px rgba(255, 255, 255, 0.1);
+    --shadow-hover: 0 2px 8px rgba(255, 255, 255, 0.15);
+  }
+}
+
+/* Manual Dark Theme Override */
+.dark-theme {
+  --primary-color: #6ea8fe;
+  --success-color: #75b798;
+  --info-color: #6edff6;
+  --warning-color: #ffda6a;
+  --danger-color: #ea868f;
+  --light-bg: #212529;
+  --white-bg: #2b3035;
+  --text-color: #ffffff;
+  --text-muted: #adb5bd;
+  --border-color: #495057;
+  --shadow: 0 1px 3px rgba(255, 255, 255, 0.1);
+  --shadow-hover: 0 2px 8px rgba(255, 255, 255, 0.15);
+}
+
+/* Base Styles */
+body {
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+  line-height: 1.6;
+  color: var(--text-color);
+  background-color: var(--light-bg);
+}
+
+/* Container and Layout */
+.release-history {
+  max-width: 1200px;
+  margin: 0 auto;
+  padding: var(--container-padding);
+}
+
+.release-section {
+  margin-bottom: var(--release-spacing);
+  padding: var(--container-padding);
+  background-color: var(--white-bg);
+  border-radius: var(--border-radius);
+  box-shadow: var(--shadow);
+}
+
+/* Section Styling */
+.changelog-section, .notes-section {
+  margin-bottom: var(--section-spacing);
+  padding: var(--container-padding);
+  border-radius: var(--border-radius);
+}
+
+.changelog-section {
+  border-left: 4px solid var(--success-color);
+  background-color: rgba(25, 135, 84, 0.02);
+}
+
+.notes-section {
+  border-left: 4px solid var(--info-color);
+  background-color: rgba(13, 202, 240, 0.02);
+}
+
+/* Release Notes */
+.release-note {
+  margin-bottom: var(--item-spacing);
+  transition: box-shadow 0.2s ease;
+  border: 1px solid var(--border-color);
+  border-radius: var(--border-radius);
+}
+
+.release-note:hover {
+  box-shadow: var(--shadow-hover);
+  border-color: var(--primary-color);
+}
+
+.card-header {
+  background-color: var(--light-bg);
+  border-bottom: 1px solid #dee2e6;
+  padding: 1rem 1.25rem;
+}
+
+.card-body {
+  padding: 1.25rem;
+}
+
+.card-footer {
+  background-color: var(--light-bg);
+  border-top: 1px solid #dee2e6;
+  padding: 0.75rem 1.25rem;
+}
+
+/* Changelog Entries */
+.change-entry {
+  margin-bottom: var(--item-spacing);
+  padding: 0.75rem 1rem;
+  border: 1px solid var(--border-color);
+  border-radius: var(--border-radius);
+  transition: all 0.15s ease;
+}
+
+.change-entry:hover {
+  background-color: var(--light-bg);
+  border-color: var(--primary-color);
+  transform: translateX(4px);
+}
+
+/* Typography */
+h1, h2, h3, h4, h5, h6 {
+  margin-bottom: var(--heading-margin);
+  line-height: 1.2;
+}
+
+{%- if theme == 'compact' %}
+h1 { font-size: 1.75rem; }
+h2 { font-size: 1.5rem; }
+h3 { font-size: 1.25rem; }
+{%- elsif theme == 'detailed' %}
+h1 { font-size: 3rem; }
+h2 { font-size: 2.5rem; }
+h3 { font-size: 2rem; }
+{%- endif %}
+
+/* Badges and Labels */
+.badge {
+  font-size: 0.75em;
+  padding: 0.35em 0.65em;
+  border-radius: 0.375rem;
+  font-weight: 600;
+}
+
+.badge-primary { background-color: var(--primary-color); color: white; }
+.badge-success { background-color: var(--success-color); color: white; }
+.badge-info { background-color: var(--info-color); color: white; }
+.badge-warning { background-color: var(--warning-color); color: black; }
+.badge-danger { background-color: var(--danger-color); color: white; }
+
+/* Metadata Display */
+.change-metadata {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+  align-items: center;
+}
+
+.metadata-item {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.25rem;
+}
+
+/* Links */
+a {
+  color: var(--primary-color);
+  text-decoration: none;
+}
+
+a:hover {
+  text-decoration: underline;
+}
+
+/* Responsive Design */
+@media (max-width: 768px) {
+  .release-history {
+    padding: 1rem;
+  }
+  
+  .release-section {
+    padding: 1.5rem;
+  }
+  
+  .change-entry {
+    padding: 0.5rem 0.75rem;
+  }
+  
+  {%- if theme == 'detailed' %}
+  h1 { font-size: 2rem; }
+  h2 { font-size: 1.75rem; }
+  h3 { font-size: 1.5rem; }
+  {%- endif %}
+}
+
+/* Print Styles */
+@media print {
+  body {
+    background: white;
+    color: black;
+  }
+  
+  .release-section {
+    box-shadow: none;
+    border: 1px solid var(--border-color);
+    break-inside: avoid;
+    page-break-inside: avoid;
+  }
+  
+  .release-note {
+    break-inside: avoid;
+    page-break-inside: avoid;
+  }
+  
+  a {
+    color: black;
+    text-decoration: none;
+  }
+  
+  a:after {
+    content: " (" attr(href) ")";
+    font-size: 0.8em;
+    color: #666;
+  }
+}

data/lib/releasehx/rhyml/templates/entry.adoc.liquid

@@ -1,4 +1,3 @@
-{%- embed metadata-entry.adoc.liquid -%}
 {%- assign frame = content_config.items.frame %}
 {%- assign summ  = change.summ %}
 {%- case frame %}
@@ -16,11 +15,9 @@
 {%- if frame == "ordered" %}
 [start={{ item_count }}]
 {%- endif %}
+[.change-entry]
 {{ bullet -}}
-{{ change.summ | trim }} +
-{%- if change_metadata != "" -%}
-{{ change_metadata | trim }}
-{%- endif %}
-{%- if change.note %}
-xref:note-{{ change.chid }}[icon:sticky-note[]NOTE]
+{{ change.summ | trim }}
+{%- if change.note %} +
+xref:note-{{ change.chid }}[NOTE]
 {%- endif %}

data/lib/releasehx/rhyml/templates/entry.html.liquid

@@ -1,4 +1,3 @@
-{%- embed metadata-entry.html.liquid -%}
 {%- assign frame = frame %}
 {%- case frame %}
 {%-   when "unordered" %}
@@ -10,29 +9,31 @@
 {%-     assign item_class = "list-group-item border-0 px-0" %}
 {%-     assign bullet = "" %}
 {%-   else %}
-{%-     assign list_class = "list-unstyled" %}
-{%-     assign item_class = "mb-2" %}
+{%-     assign list_class = "list-group" %}
+{%-     assign item_class = "list-group-item px-3 py-2" %}
 {%-     assign bullet = "" %}
 {%- endcase %}
 
 <div class="change-entry {{ item_class }}" id="entry-{{ change.chid }}">
-    <div class="d-flex align-items-start">
-        <div class="flex-grow-1">
-            <span class="change-summary">{{ bullet }}{{ change.summ | trim | pasterize }}</span>
-            {%- if change_metadata != "" -%}
-            <div class="change-metadata mt-1">
-                {{ change_metadata | trim }}
-            </div>
-            {%- endif %}
-        </div>
-        {%- if change.note %}
-        <div class="note-link">
-            <a href="#note-{{ change.chid }}" class="text-decoration-none">
-                <i class="fa fa-sticky-note-o"></i>
-                <small>NOTE</small>
-            </a>
-        </div>
-        {%- endif %}
+  <div class="d-flex align-items-start justify-content-between">
+    <div class="flex-grow-1">
+      <p class="change-summary mb-2">
+        <span class="text-body">{{ bullet }}{{ change.summ | trim | pasterize }}</span>
+      </p>
+      {%- if change_metadata != "" -%}
+      <div class="change-metadata">
+        {{ change_metadata | trim }}
+      </div>
+      {%- endif %}
+    </div>
+    {%- if change.note %}
+    <div class="note-link ms-3 ps-2 text-nowrap">
+      <a href="#note-{{ change.chid }}" class="badge bg-warning text-decoration-none" title="Has a release note">
+        <i class="fa fa-sticky-note-o"></i>
+        <small>NOTE</small>
+      </a>
     </div>
+    {%- endif %}
+  </div>
 </div>
 

data/lib/releasehx/rhyml/templates/entry.md.liquid

@@ -1,25 +1,18 @@
+<!-- .change-entry -->
 {%- embed metadata-entry.md.liquid -%}
-{%- assign frame = content_config.items.frame | default: "unordered" %}
-{%- assign summ = change.summ %}
+{%- assign frame = content_config.items.frame | default: 'unordered' %}
 {%- case frame %}
-{%-   when "unordered" %}
-{%-     assign bullet = "- " %}
-{%-   when "ordered" %}
-{%-     assign bullet = "1. " %}
-{%-   when "basic" %}
-{%-     assign bullet = "- " %}
-{%-   else %}
-{%-     assign bullet = "" %}
+  {%- when 'unordered' %}
+    {%- assign bullet = '- ' %}
+  {%- when 'ordered' %}
+    {%- assign bullet = '1. ' %}
+  {%- when 'basic' %}
+    {%- assign bullet = '- ' %}
+  {%- else %}
+    {%- assign bullet = '' %}
 {%- endcase %}
 
-{%- if frame == "basic" %}
-
-{{ bullet }}{{ change.summ | trim }}{% if change_metadata != "" %} ({{ change_metadata | trim | replace: " | ", ", " }}){% endif %}{% if change.note and change.note != "" %} [NOTE](#note-{{ change.chid }}){% endif %}
-{%- elsif frame == "paragraph" %}
-
-{{ change.summ | trim }}{% if change_metadata != "" %} ({{ change_metadata | trim }}){% endif %}{% if change.note and change.note != "" %} [NOTE](#note-{{ change.chid }}){% endif %}
-{%- else %}
-
-{{ bullet }}{{ change.summ | trim }}{% if change_metadata != "" %} ({{ change_metadata | trim }}){% endif %}{% if change.note and change.note != "" %} [NOTE](#note-{{ change.chid }}){% endif %}
-{%- endif %}
-
+{{ bullet -}}
+{{- change.summ | trim }}
+{%- if change_metadata != '' %} {{ change_metadata | trim }}{%- endif -%}
+{%- if change.note and change.note != '' %} [📝](#note-{{ change.chid }}){%- endif -%}

data/lib/releasehx/rhyml/templates/head-parser.liquid

@@ -13,6 +13,10 @@
 {%-      assign tplt_extn = "html" %}
 {%-      assign show_frontmatter = config.modes.html_frontmatter %}
 {%-      assign format_frontmatter = config.history.html_frontmatter %}
+{%-      comment %} Force frontmatter off when HTML is wrapped (full HTML structure) {%- endcomment %}
+{%-      if config.modes.html_wrap == true %}
+{%-        assign show_frontmatter = false %}
+{%-      endif %}
 {%-  endcase %}
 {%-  assign header_level = config.history.htag | replace: "h", "" | plus: 0 %}
 {%-  assign dflt_next_header_level = header_level | plus: 1 %}
@@ -27,8 +31,8 @@
 
 {%-  assign group_kinds_list = "tag,type,part" | split: "," %}
 
-{%- if show_frontmatter %}
+{%- if show_frontmatter -%}
 {{ format_frontmatter | render: vars -}}
-{%- endif %}
+{%- endif -%}
 
 {%- include header.liquid format=format level=header_level text=history_header %}

data/lib/releasehx/rhyml/templates/header.liquid

@@ -2,7 +2,18 @@
 {%- assign level = include.level %}
 {%- assign format = include.format %}
 {%- if format == "html" %}
-<h{{ level }}>{{ text }}</h{{ level }}>
+{%- case level %}
+{%- when 1 %}
+<h{{ level }} class="display-5 fw-bold mb-4">{{ text }}</h{{ level }}>
+{%- when 2 %}
+<h{{ level }} class="h2 fw-bold border-bottom pb-3 mb-3">{{ text }}</h{{ level }}>
+{%- when 3 %}
+<h{{ level }} class="h3 fw-bold text-primary mt-4 mb-2">{{ text }}</h{{ level }}>
+{%- when 4 %}
+<h{{ level }} class="h4 fw-semibold mt-3 mb-2">{{ text }}</h{{ level }}>
+{%- else %}
+<h{{ level }} class="fw-semibold mt-2 mb-2">{{ text }}</h{{ level }}>
+{%- endcase %}
 {%- else %}
 {%-   if format == "asciidoc" %}
 {%-     assign header_char = "=" %}
@@ -12,6 +23,4 @@
 {%-   capture header_chars %}
 {%-     for i in (1..level) %}{{ header_char }}{% endfor %}
 {%-   endcapture %}
-{{ header_chars }} {{ text }}
-
-{%- endif %}
+{{ header_chars }} {{ text }}{%- endif %}

data/lib/releasehx/rhyml/templates/history.html.liquid

@@ -1,51 +1,170 @@
 {%  raw %}
-{%- if config.modes.wrapped != false -%}
+{%- if config.modes.html_wrap != false -%}
 <!DOCTYPE html>
 <html lang="en">
 <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>{{ config.history.head | default: "Release History" }}</title>
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
-    <style>
-        .release-section { margin-bottom: 3rem; }
-        .changelog-section, .notes-section { margin-bottom: 2.5rem; }
-        .release-note { margin-bottom: 1.5rem; }
-        .meta-icon { margin-right: 0.25rem; }
-        .meta-label { margin-right: 0.5rem; }
-        .change-entry { margin-bottom: 1rem; }
-        .change-metadata { font-size: 0.9rem; color: #6c757d; }
-        .note-link { margin-left: 0.5rem; }
-        .git-link, .issue-link { margin-left: 0.25rem; }
-    </style>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta name="description" content="Release history and changelog">
+  <title>{{ config.history.head | default: "Release History" }}</title>
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+  <style>
+    :root {
+      --release-spacing: 3rem;
+      --section-spacing: 2.5rem;
+      --item-spacing: 1rem;
+    }
+    
+    body {
+      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+      background-color: #f8f9fa;
+    }
+    
+    .release-history {
+      max-width: 1200px;
+      margin: 0 auto;
+    }
+    
+    .release-section {
+      margin-bottom: var(--release-spacing);
+      padding: 2rem;
+      background-color: white;
+      border-radius: 0.375rem;
+      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
+    }
+    
+    .changelog-section, .notes-section {
+      margin-bottom: var(--section-spacing);
+    }
+    
+    .changelog-section {
+      border-left: 4px solid #198754;
+    }
+    
+    .notes-section {
+      border-left: 4px solid #0dcaf0;
+    }
+    
+    .release-note {
+      margin-bottom: var(--item-spacing);
+      transition: box-shadow 0.2s ease;
+    }
+    
+    .release-note:hover {
+      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+    }
+    
+    .change-entry {
+      margin-bottom: var(--item-spacing);
+      padding: 0.75rem 0;
+      transition: background-color 0.15s ease;
+    }
+    
+    .change-entry:hover {
+      background-color: #f8f9fa;
+      border-radius: 0.25rem;
+      padding: 0.75rem 0.5rem;
+    }
+    
+    .change-summary {
+      color: #212529;
+      line-height: 1.5;
+    }
+    
+    .change-metadata {
+      font-size: 0.875rem;
+      margin-top: 0.5rem;
+      display: flex;
+      flex-wrap: wrap;
+      gap: 0.5rem;
+    }
+    
+    .meta-icon {
+      margin-right: 0.25rem;
+      opacity: 0.7;
+    }
+    
+    .meta-label, .meta-link {
+      margin-right: 0.25rem;
+      display: inline-block;
+    }
+    
+    .note-link {
+      margin-left: 0.5rem;
+      flex-shrink: 0;
+    }
+    
+    .issue-link, .git-link, .docs-link, .user-link {
+      font-size: 0.8rem;
+      text-decoration: none;
+      padding: 0.25rem 0.5rem;
+      border-radius: 0.25rem;
+      white-space: nowrap;
+    }
+    
+    /* Print styles */
+    @media print {
+      body {
+        background-color: white;
+      }
+      
+      .release-section {
+        page-break-inside: avoid;
+        box-shadow: none;
+        border: 1px solid #dee2e6;
+      }
+      
+      .release-note {
+        page-break-inside: avoid;
+      }
+      
+      .change-entry:hover {
+        background-color: white;
+      }
+      
+      a[href]:after {
+        content: " (" attr(href) ")";
+        font-size: 0.75rem;
+        color: #6c757d;
+      }
+    }
+  </style>
 </head>
-<body class="container py-4">
+<body>
+  <div class="container-lg py-5">
 {%- endif -%}
 
 {%- if config.modes.html_frontmatter -%}
 {%-   assign frontmatter = config.history.html_frontmatter | render: vars -%}
 {%-   if frontmatter and frontmatter != "" -%}
-<!-- {{ frontmatter }} -->
+    <!-- {{ frontmatter }} -->
 {%-   endif -%}
 {%- endif -%}
 
-<div class="release-history">
-    <h1 class="mb-4">{{ config.history.head | render: vars | default: "Release History" }}</h1>
+    <article class="release-history">
+      <header class="mb-5">
+        <h1 class="display-4 fw-bold mb-2">{{ config.history.head | render: vars | default: "Release History" }}</h1>
+        <p class="lead text-muted">Complete history of releases, changes, and improvements</p>
+      </header>
 
-    {%- for release in var.releases %}
-    {%-   assign config  = var.config %}
-    {%-   assign release = var.release %}
-    {%-   assign changes = var.changes %}
-    {%-   assign sorted  = var.sorted -%}
-    {%-   include release.html.liquid
-           release=release
-           config=config
-           level=2 %}
-    {%- endfor %}
-</div>
+      <main>
+{%- for release in var.releases %}
+{%-   assign config  = var.config %}
+{%-   assign release = var.release %}
+{%-   assign changes = var.changes %}
+{%-   assign sorted  = var.sorted -%}
+{%-   include release.html.liquid
+         release=release
+         config=config
+         level=2 %}
+{%- endfor %}
+      </main>
+    </article>
 
-{%- if config.modes.wrapped != false -%}
+  </div>
+
+{%- if config.modes.html_wrap != false -%}
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
 </body>
 </html>