jekyll-theme-centos 2.52.0.beta.57 → 2.52.0.beta.59

data/assets/js/base/copyvalue.js

@@ -1,187 +1,71 @@
 // Copy Value Component
-// Provides copy-to-clipboard functionality with visual feedback
-// Safely handles escaped and unescaped values, HTML entities, and special characters
-// ARMORED IMPLEMENTATION: Handles any value passed via data-copy-value attribute
+// Provides copy-to-clipboard functionality with visual feedback.
 
 (function () {
 class CopyButtonHandler {
   constructor (button, config = {}) {
     this.button = button
-    this.originalTitle = this.button.getAttribute('data-bs-title') || this.button.getAttribute('aria-label') || this.button.getAttribute('title')
-    this.originalSvgHTML = this.button.innerHTML
+    this.originalTitle = button.getAttribute('data-bs-title') || button.getAttribute('aria-label') || button.getAttribute('title')
     this.resetDelay = config.resetDelay || 2000
     this.checkmarkPath = config.checkmarkPath || 'M434.8 70.1c14.3 10.4 17.5 30.4 7.1 44.7l-256 352c-5.5 7.6-14 12.3-23.4 13.1s-18.5-2.7-25.1-9.3l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l101.5 101.5 234-321.7c10.4-14.3 30.4-17.5 44.7-7.1z'
     this.checkmarkViewbox = config.checkmarkViewbox || '0 0 448 512'
     this.successMessage = config.successMessage || 'Copied!'
+    this.originalIcon = this._captureIcon()
 
-    this.button.addEventListener('click', (e) => this.handleClick(e))
+    button.addEventListener('click', (e) => this.handleClick(e))
   }
 
-  handleClick (e) {
-    e.preventDefault()
-
-    // ARMOR: Retrieve the attribute value (may be escaped or unescaped)
-    let rawValue = this.button.getAttribute('data-copy-value')
-
-    // ARMOR: If attribute appears truncated or incomplete, try HTML extraction fallback
-    const appearsTruncated = !rawValue ||
-      rawValue.endsWith('=') ||
-      rawValue.match(/^[a-zA-Z-]+$/) ||
-      (rawValue.length < 5 && rawValue.includes(' '))
-
-    if (appearsTruncated) {
-      const extractedValue = this.extractDataCopyValueFromHTML()
-      if (extractedValue && extractedValue.length > (rawValue?.length || 0)) {
-        rawValue = extractedValue
-      }
+  _captureIcon () {
+    const svg = this.button.querySelector('svg')
+    if (svg) {
+      const path = svg.querySelector('path')
+      return { mode: 'svg', viewBox: svg.getAttribute('viewBox'), pathD: path ? path.getAttribute('d') : null }
     }
-
-    // Defensive check: ensure we have a value to copy
-    if (!rawValue) {
-      console.warn('No copy value found in data-copy-value attribute', this.button)
-      return
+    const iconEl = this.button.querySelector('[class*="fa-"]')
+    if (iconEl) {
+      return { mode: 'css', className: iconEl.className }
     }
+    return null
+  }
 
-    // ARMOR: Auto-detect and handle both escaped and unescaped values
-    const finalValue = this.normalizeAttributeValue(rawValue)
+  handleClick (e) {
+    e.preventDefault()
 
-    const svg = this.button.querySelector('svg')
+    const value = this.button.getAttribute('data-copy-value')
 
-    if (!svg) {
-      console.error('Icon SVG not found in button', this.button)
+    if (!value) {
+      console.warn('No copy value found in data-copy-value attribute', this.button)
       return
     }
 
-    // ARMOR: Use trim() to remove accidental whitespace
-    navigator.clipboard.writeText(finalValue.trim())
-      .then(() => this.showSuccess(svg))
+    navigator.clipboard.writeText(value.trim())
+      .then(() => this.showSuccess())
       .catch((err) => {
-        console.error('Failed to copy value:', finalValue, 'Error:', err)
+        console.error('Failed to copy value:', value, 'Error:', err)
       })
   }
 
-  extractDataCopyValueFromHTML () {
-    // ARMOR: Extract data-copy-value from raw HTML string
-    try {
-      const outerHTML = this.button.outerHTML
-
-      const patterns = [
-        /data-copy-value="([^"]*)"/,
-        /data-copy-value='([^']*)'/,
-        /data-copy-value="((?:[^"\\]|\\.*)*)"/,
-        /data-copy-value="([^"]*(?:&quot;[^"]*)*?)"/,
-        /data-copy-value=["']?([^"\s>]+?)["'\s>]/,
-        /data-copy-value="([^"]*(?:[^"]*?)?)"/
-      ]
-
-      for (const pattern of patterns) {
-        const match = outerHTML.match(pattern)
-        if (match && match[1] && match[1].length > 0) {
-          if (!match[1].startsWith('data-') && !match[1].startsWith('class') && !match[1].startsWith('id')) {
-            return match[1]
-          }
-        }
-      }
-
-      const attrIndex = outerHTML.indexOf('data-copy-value')
-      if (attrIndex !== -1) {
-        const afterAttr = outerHTML.substring(attrIndex + 15).trim()
-
-        if (afterAttr.startsWith('=')) {
-          const afterEquals = afterAttr.substring(1).trim()
-          const quoteChar = afterEquals[0]
-
-          if (quoteChar === '"' || quoteChar === "'") {
-            let endIndex = 1
-            let escaped = false
-
-            for (; endIndex < afterEquals.length; endIndex++) {
-              const char = afterEquals[endIndex]
-
-              if (escaped) {
-                escaped = false
-                continue
-              }
-
-              if (char === '\\') {
-                escaped = true
-                continue
-              }
-
-              if (char === quoteChar) {
-                return afterEquals.substring(1, endIndex)
-              }
-            }
-          }
-        }
-      }
-
-      return null
-    } catch (err) {
-      console.warn('Failed to extract data-copy-value from HTML:', err)
-      return null
-    }
-  }
-
-  normalizeAttributeValue (text) {
-    // ARMOR: Smart normalization for escaped and unescaped values
-    if (!text) {
-      return text
-    }
-
-    const hasHTMLEntities = /&(?:quot|apos|amp|lt|gt|#34|#39|#47|#60|#62|#x22|#x27|#x2[Ff]|#x3[Cc]|#x3[Ee]);/.test(text)
-
-    if (hasHTMLEntities) {
-      return this.decodeHTMLEntities(text)
-    }
-
-    const hasUnescapedQuotes = /"(?![>\s])|'(?![>\s])/.test(text.trim())
-    const hasUnescapedSpecialChars = /[<>]/.test(text)
-
-    if (hasUnescapedQuotes || hasUnescapedSpecialChars) {
-      return text
-    }
-
-    return text
-  }
-
-  decodeHTMLEntities (text) {
-    // ARMOR: Comprehensively decode HTML entities
-    const textarea = document.createElement('textarea')
-    textarea.innerHTML = text
-    let decoded = textarea.value
-
-    decoded = decoded
-      .replace(/&quot;/gi, '"')
-      .replace(/&#34;/gi, '"')
-      .replace(/&#x22;/gi, '"')
-      .replace(/&#39;/gi, "'")
-      .replace(/&apos;/gi, "'")
-      .replace(/&#x27;/gi, "'")
-      .replace(/&#x2[Ff];/g, '/')
-      .replace(/&#47;/g, '/')
-      .replace(/&lt;/gi, '<')
-      .replace(/&#60;/gi, '<')
-      .replace(/&#x3[Cc];/g, '<')
-      .replace(/&gt;/gi, '>')
-      .replace(/&#62;/gi, '>')
-      .replace(/&#x3[Ee];/g, '>')
-      .replace(/&amp;/gi, '&')
-
-    return decoded
-  }
-
-  showSuccess (svg) {
-    this.changeToCheckmark(svg)
+  showSuccess () {
+    this.changeToCheckmark()
     this.updateTooltip(this.successMessage)
-    setTimeout(() => this.reset(svg), this.resetDelay)
+    setTimeout(() => this.reset(), this.resetDelay)
   }
 
-  changeToCheckmark (svg) {
-    const path = svg.querySelector('path')
-    if (path) {
-      svg.setAttribute('viewBox', this.checkmarkViewbox)
-      path.setAttribute('d', this.checkmarkPath)
+  changeToCheckmark () {
+    if (!this.originalIcon) return
+
+    if (this.originalIcon.mode === 'svg') {
+      const svg = this.button.querySelector('svg')
+      if (svg) {
+        svg.setAttribute('viewBox', this.checkmarkViewbox)
+        const path = svg.querySelector('path')
+        if (path) path.setAttribute('d', this.checkmarkPath)
+      }
+    } else {
+      // CSS/webfont mode: fa-check only exists in Solid style — force fa-solid
+      // regardless of the original style prefix to avoid a missing-glyph box.
+      const iconEl = this.button.querySelector('[class*="fa-"]')
+      if (iconEl) iconEl.className = 'fa-solid fa-check'
     }
   }
 
@@ -205,44 +89,44 @@ class CopyButtonHandler {
     }
   }
 
-  reset (svg) {
-    this.button.innerHTML = this.originalSvgHTML
+  reset () {
+    if (this.originalIcon) {
+      if (this.originalIcon.mode === 'svg') {
+        const svg = this.button.querySelector('svg')
+        if (svg) {
+          svg.setAttribute('viewBox', this.originalIcon.viewBox)
+          const path = svg.querySelector('path')
+          if (path && this.originalIcon.pathD) path.setAttribute('d', this.originalIcon.pathD)
+        }
+      } else {
+        const iconEl = this.button.querySelector('[class*="fa-"]')
+        if (iconEl) iconEl.className = this.originalIcon.className
+      }
+    }
+
     this.updateTooltip(this.originalTitle)
 
     try {
       const tooltip = bootstrap.Tooltip.getInstance(this.button)
-      if (tooltip) {
-        tooltip.hide()
-      }
+      if (tooltip) tooltip.hide()
     } catch (err) {
       console.warn('Bootstrap Tooltip unavailable or error hiding tooltip:', err)
     }
   }
 }
 
-// Initialize all copy buttons when DOM is ready
 document.addEventListener('DOMContentLoaded', function () {
-  // Get configuration from script's data attributes
   const scriptElement = document.getElementById('centos-copyvalue')
   const config = {}
 
   if (scriptElement) {
-    if (scriptElement.dataset.resetDelay) {
-      config.resetDelay = parseInt(scriptElement.dataset.resetDelay, 10)
-    }
-    if (scriptElement.dataset.checkmarkPath) {
-      config.checkmarkPath = scriptElement.dataset.checkmarkPath
-    }
-    if (scriptElement.dataset.checkmarkViewbox) {
-      config.checkmarkViewbox = scriptElement.dataset.checkmarkViewbox
-    }
-    if (scriptElement.dataset.successMessage) {
-      config.successMessage = scriptElement.dataset.successMessage
-    }
+    if (scriptElement.dataset.resetDelay) config.resetDelay = parseInt(scriptElement.dataset.resetDelay, 10)
+    if (scriptElement.dataset.checkmarkPath) config.checkmarkPath = scriptElement.dataset.checkmarkPath
+    if (scriptElement.dataset.checkmarkViewbox) config.checkmarkViewbox = scriptElement.dataset.checkmarkViewbox
+    if (scriptElement.dataset.successMessage) config.successMessage = scriptElement.dataset.successMessage
   }
 
-  const copyButtons = document.querySelectorAll('.copy-btn')
-  copyButtons.forEach(button => {
+  document.querySelectorAll('.copy-btn').forEach(button => {
     try {
       new CopyButtonHandler(button, config)
     } catch (err) {

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-centos
 version: !ruby/object:Gem::Version
-  version: 2.52.0.beta.57
+  version: 2.52.0.beta.59
 platform: ruby
 authors:
 - ReleaseBot
@@ -488,83 +488,44 @@ files:
 - assets/img/anaconda-symbolic.svg
 - assets/img/anaconda.svg
 - assets/img/base/centos-colors.gpl
-- assets/img/base/example-ogp-image.png
 - assets/img/base/example-ogp-image.svg
-- assets/img/base/example-sponsors-design.png
 - assets/img/base/example-sponsors-design.svg
-- assets/img/base/example-sponsors-logo-1.png
 - assets/img/base/example-sponsors-logo-1.svg
-- assets/img/base/example-sponsors-logo-2.png
 - assets/img/base/example-sponsors-logo-2.svg
-- assets/img/base/example-sponsors-logo-3.png
 - assets/img/base/example-sponsors-logo-3.svg
-- assets/img/base/example-sponsors-logo-4.png
 - assets/img/base/example-sponsors-logo-4.svg
-- assets/img/base/example-sponsors-logo-5.png
 - assets/img/base/example-sponsors-logo-5.svg
-- assets/img/base/example-sponsors-logo-6.png
 - assets/img/base/example-sponsors-logo-6.svg
-- assets/img/base/example-sponsors-logo-7.png
 - assets/img/base/example-sponsors-logo-7.svg
-- assets/img/base/example-sponsors-logo-8.png
 - assets/img/base/example-sponsors-logo-8.svg
-- assets/img/base/page-layout-default.png
 - assets/img/base/page-layout-default.svg
-- assets/img/base/page-with-alert.png
 - assets/img/base/page-with-alert.svg
-- assets/img/base/page-with-announcement.png
 - assets/img/base/page-with-announcement.svg
-- assets/img/base/page-with-artwork.png
 - assets/img/base/page-with-artwork.svg
-- assets/img/base/page-with-backtotop.png
 - assets/img/base/page-with-backtotop.svg
-- assets/img/base/page-with-bits.png
 - assets/img/base/page-with-bits.svg
-- assets/img/base/page-with-breadcrumb.png
 - assets/img/base/page-with-breadcrumb.svg
-- assets/img/base/page-with-breakingnews.png
 - assets/img/base/page-with-breakingnews.svg
-- assets/img/base/page-with-color.png
 - assets/img/base/page-with-color.svg
-- assets/img/base/page-with-copyright.png
 - assets/img/base/page-with-copyright.svg
-- assets/img/base/page-with-copyvalue.png
 - assets/img/base/page-with-copyvalue.svg
-- assets/img/base/page-with-datatable.png
 - assets/img/base/page-with-datatable.svg
-- assets/img/base/page-with-event.png
 - assets/img/base/page-with-event.svg
-- assets/img/base/page-with-fontawesome.png
 - assets/img/base/page-with-fontawesome.svg
-- assets/img/base/page-with-footer.png
 - assets/img/base/page-with-footer.svg
-- assets/img/base/page-with-heading.png
 - assets/img/base/page-with-heading.svg
-- assets/img/base/page-with-highlight.png
 - assets/img/base/page-with-highlight.svg
-- assets/img/base/page-with-link.png
 - assets/img/base/page-with-link.svg
-- assets/img/base/page-with-locales.png
 - assets/img/base/page-with-locales.svg
-- assets/img/base/page-with-navbar.png
 - assets/img/base/page-with-navbar.svg
-- assets/img/base/page-with-navindex.png
 - assets/img/base/page-with-navindex.svg
-- assets/img/base/page-with-ogp.png
 - assets/img/base/page-with-ogp.svg
-- assets/img/base/page-with-project.png
 - assets/img/base/page-with-project.svg
-- assets/img/base/page-with-shortcut.png
 - assets/img/base/page-with-shortcut.svg
-- assets/img/base/page-with-social.png
 - assets/img/base/page-with-social.svg
-- assets/img/base/page-with-sponsors.png
 - assets/img/base/page-with-sponsors.svg
-- assets/img/base/page-with-title.png
 - assets/img/base/page-with-title.svg
-- assets/img/base/page-with-toc.png
 - assets/img/base/page-with-toc.svg
-- assets/img/base/screenshot-1200x600.png
 - assets/img/base/screenshot-1200x600.svg
 - assets/img/centos-dynamicmsg-logo.svg
 - assets/img/centos-dynamicmsg-type.svg