ultimate-jekyll-manager 0.0.196 → 0.0.198

package/dist/assets/js/pages/status/index.js

@@ -4,6 +4,7 @@
 
 // Libraries
 import { FormManager } from '__main_assets__/js/libs/form-manager.js';
+import fetch from 'wonderful-fetch';
 
 let webManager = null;
 
@@ -21,6 +22,7 @@ export default (Manager) => {
     initializeSubscribeForm();
     initializeTooltips();
     initializeRefreshTimer();
+    initializeBuildInfo();
 
     // Fetch status data (if configured)
     fetchStatusData();
@@ -41,6 +43,14 @@ const config = {
     incidentsList: '#incidents-list',
     incidentsEmpty: '#incidents-empty',
     subscribeForm: '#status-subscribe-form',
+    buildInfoLoading: '#build-info-loading',
+    buildInfoContent: '#build-info-content',
+    buildInfoError: '#build-info-error',
+    buildTime: '#build-time',
+    buildTimeAgo: '#build-time-ago',
+    buildEnvironment: '#build-environment',
+    buildPackages: '#build-packages',
+    buildRepo: '#build-repo',
   },
   // Maps status levels to Bootstrap bg-* classes
   statusClasses: {
@@ -234,6 +244,148 @@ function initializeRefreshTimer() {
   }, 1000);
 }
 
+// Initialize build info section
+async function initializeBuildInfo() {
+  const $loading = document.querySelector(config.selectors.buildInfoLoading);
+  const $content = document.querySelector(config.selectors.buildInfoContent);
+  const $error = document.querySelector(config.selectors.buildInfoError);
+
+  if (!$loading || !$content) {
+    return;
+  }
+
+  try {
+    // Fetch build.json
+    const data = await fetch(`${window.location.origin}/build.json`, {
+      response: 'json',
+    });
+
+    console.log('Build info data:', data);
+
+    // Normalize the data structure
+    const buildData = {
+      timestamp: data.timestamp || null,
+      environment: data.environment || (data.serving ? 'development' : 'production'),
+      packages: data.packages || null,
+      repo: data.repo || null,
+    };
+
+    // Test older dates
+    // buildData.timestamp = Date.now() - 1000 * 60 * 60 * 24 * 7;
+
+    displayBuildInfo(buildData);
+    $loading.classList.add('d-none');
+    $content.classList.remove('d-none');
+  } catch (error) {
+    console.error('Failed to load build info:', error);
+    $loading.classList.add('d-none');
+    if ($error) {
+      $error.classList.remove('d-none');
+    }
+  }
+}
+
+// Display build information
+function displayBuildInfo(data) {
+  const $time = document.querySelector(config.selectors.buildTime);
+  const $timeAgo = document.querySelector(config.selectors.buildTimeAgo);
+  const $environment = document.querySelector(config.selectors.buildEnvironment);
+  const $packages = document.querySelector(config.selectors.buildPackages);
+  const $repo = document.querySelector(config.selectors.buildRepo);
+
+  // Build time
+  if ($time && data.timestamp) {
+    const buildDate = new Date(data.timestamp);
+    $time.textContent = buildDate.toLocaleString('en-US', {
+      weekday: 'short',
+      year: 'numeric',
+      month: 'short',
+      day: 'numeric',
+      hour: 'numeric',
+      minute: '2-digit',
+      hour12: true,
+    });
+  }
+
+  // Time ago (and keep it updated every second)
+  if ($timeAgo && data.timestamp) {
+    updateTimeAgo($timeAgo, data.timestamp);
+    setInterval(() => updateTimeAgo($timeAgo, data.timestamp), 1000);
+  }
+
+  // Environment
+  if ($environment && data.environment) {
+    const envText = data.environment.charAt(0).toUpperCase() + data.environment.slice(1);
+    const envClass = data.environment === 'production' ? 'text-success' : 'text-warning';
+    $environment.innerHTML = `<span class="${envClass}">${escapeHtml(envText)}</span>`;
+  }
+
+  // Packages
+  if ($packages && data.packages) {
+    const packageBadges = Object.entries(data.packages)
+      .map(([name, version]) => {
+        return `<span class="badge bg-body-secondary text-body fw-normal">${escapeHtml(name)}: <span class="fw-semibold">${escapeHtml(version)}</span></span>`;
+      })
+      .join('');
+    $packages.innerHTML = packageBadges;
+  }
+
+  // Repository
+  if ($repo && data.repo) {
+    const repoUrl = `https://github.com/${data.repo.user}/${data.repo.name}`;
+    $repo.innerHTML = `<a href="${repoUrl}" target="_blank" rel="noopener noreferrer" class="text-decoration-none">${escapeHtml(data.repo.user)}/${escapeHtml(data.repo.name)}</a>`;
+  }
+}
+
+// Update relative time display
+function updateTimeAgo($element, timestamp) {
+  const buildDate = new Date(timestamp);
+  const now = new Date();
+  const diffMs = now - buildDate;
+  const totalSeconds = Math.floor(diffMs / 1000);
+
+  if (totalSeconds <= 0) {
+    $element.textContent = 'Just now';
+    return;
+  }
+
+  // Calculate each unit
+  const years = Math.floor(totalSeconds / (365 * 24 * 60 * 60));
+  const months = Math.floor((totalSeconds % (365 * 24 * 60 * 60)) / (30 * 24 * 60 * 60));
+  const days = Math.floor((totalSeconds % (30 * 24 * 60 * 60)) / (24 * 60 * 60));
+  const hours = Math.floor((totalSeconds % (24 * 60 * 60)) / (60 * 60));
+  const minutes = Math.floor((totalSeconds % (60 * 60)) / 60);
+  const seconds = totalSeconds % 60;
+
+  // Build parts - once we start, include all remaining units
+  const parts = [];
+  let started = false;
+
+  if (years > 0) {
+    parts.push(`${years}y`);
+    started = true;
+  }
+  if (started || months > 0) {
+    parts.push(`${months}mo`);
+    started = true;
+  }
+  if (started || days > 0) {
+    parts.push(`${days}d`);
+    started = true;
+  }
+  if (started || hours > 0) {
+    parts.push(`${hours}h`);
+    started = true;
+  }
+  if (started || minutes > 0) {
+    parts.push(`${minutes}m`);
+    started = true;
+  }
+  parts.push(`${seconds}s`);
+
+  $element.textContent = parts.join(' ') + ' ago';
+}
+
 // Fetch status data from API (if configured)
 function fetchStatusData() {
   // Check if there's a status API endpoint configured

package/dist/defaults/Gemfile

@@ -34,7 +34,7 @@ gem "wdm", "~> 0.1.0" if Gem.win_platform?
 gem "logger"
 
 # Parallel processing for faster builds
-gem 'parallel'
+# gem 'parallel'
 
 # Fix x86_64 / arm64e error
 # /Users/ian/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/redcarpet-3.6.0/lib/redcarpet.rb:1:in `require': dlopen(/Users/ian/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/redcarpet-3.6.0/lib/redcarpet.bundle, 0x0009): tried: '/Users/ian/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/redcarpet-3.6.0/lib/redcarpet.bundle' (mach-o file, but is an incompatible architecture (have (x86_64), need (arm64e))) - /Users/ian/.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/redcarpet-3.6.0/lib/redcarpet.bundle (LoadError)

package/dist/defaults/dist/_layouts/themes/classy/frontend/pages/status.html

@@ -58,6 +58,10 @@ incidents:
   empty_message: "No incidents reported"
   show_history_link: "Show incident history"
   history_url: null  # Optional: Link to full incident history
+
+# Build Info Section
+build_info:
+  headline: "Build information"
 ---
 
 <!-- Hero Section with Status Banner -->
@@ -275,6 +279,95 @@ incidents:
   </div>
 </section>
 
+<!-- Build Info Section -->
+<section class="py-5">
+  <div class="container">
+    <div class="row justify-content-center">
+      <div class="col-lg-10">
+        <h2 class="h4 mb-4" data-lazy="@class animation-slide-up">{{ page.resolved.build_info.headline }}</h2>
+
+        <div id="build-info" class="card border-0 bg-body-tertiary" data-lazy="@class animation-slide-up">
+          <div class="card-body p-4">
+            <!-- Loading state -->
+            <div id="build-info-loading" class="text-center text-muted py-3">
+              <div class="spinner-border spinner-border-sm me-2" role="status">
+                <span class="visually-hidden">Loading...</span>
+              </div>
+              Loading build information...
+            </div>
+
+            <!-- Content (hidden until loaded) -->
+            <div id="build-info-content" class="d-none">
+              <div class="row g-4">
+                <!-- Build Time -->
+                <div class="col-md-6">
+                  <div class="d-flex align-items-start gap-3">
+                    <div class="avatar avatar-sm bg-primary bg-opacity-10 rounded-circle d-flex align-items-center justify-content-center flex-shrink-0">
+                      {% uj_icon "clock", "text-primary" %}
+                    </div>
+                    <div>
+                      <div class="text-muted small mb-1">Last Build</div>
+                      <div id="build-time" class="fw-semibold">—</div>
+                      <div id="build-time-ago" class="text-muted small">—</div>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- Environment -->
+                <div class="col-md-6">
+                  <div class="d-flex align-items-start gap-3">
+                    <div class="avatar avatar-sm bg-info bg-opacity-10 rounded-circle d-flex align-items-center justify-content-center flex-shrink-0">
+                      {% uj_icon "server", "text-info" %}
+                    </div>
+                    <div>
+                      <div class="text-muted small mb-1">Environment</div>
+                      <div id="build-environment" class="fw-semibold">—</div>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- Packages -->
+                <div class="col-12">
+                  <div class="d-flex align-items-start gap-3">
+                    <div class="avatar avatar-sm bg-success bg-opacity-10 rounded-circle d-flex align-items-center justify-content-center flex-shrink-0">
+                      {% uj_icon "box", "text-success" %}
+                    </div>
+                    <div class="flex-grow-1">
+                      <div class="text-muted small mb-2">Package Versions</div>
+                      <div id="build-packages" class="d-flex flex-wrap gap-2">
+                        <!-- Package badges will be inserted here -->
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- Repository -->
+                <div class="col-12">
+                  <div class="d-flex align-items-start gap-3">
+                    <div class="avatar avatar-sm bg-secondary bg-opacity-10 rounded-circle d-flex align-items-center justify-content-center flex-shrink-0">
+                      {% uj_icon "code-branch", "text-secondary" %}
+                    </div>
+                    <div>
+                      <div class="text-muted small mb-1">Repository</div>
+                      <div id="build-repo" class="fw-semibold">—</div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+
+            <!-- Error state -->
+            <div id="build-info-error" class="d-none text-center text-muted py-3">
+              {% uj_icon "circle-exclamation", "fs-3 mb-2 text-warning opacity-75" %}
+              <p class="mb-0">Unable to load build information</p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+
 <!-- Footer Links -->
 <section class="py-5 pt-1">
   <div class="container">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ultimate-jekyll-manager",
-  "version": "0.0.196",
+  "version": "0.0.198",
   "description": "Ultimate Jekyll dependency manager",
   "main": "dist/index.js",
   "exports": {