spec-up-t 1.3.0 → 1.4.0

package/src/utils/regex-patterns.test.js

@@ -0,0 +1,281 @@
+/**
+ * @file regex-patterns.test.js
+ * @description Comprehensive test suite for centralized regex patterns
+ * 
+ * This test verifies that all regex patterns in the centralized module
+ * work correctly and maintain backwards compatibility.
+ * 
+ * @requires Jest testing framework
+ * @version 1.0.0
+ */
+
+const {
+  templateTags,
+  externalReferences,
+  escaping,
+  paths,
+  versions,
+  search,
+  gitignore,
+  whitespace,
+  urls,
+  utils
+} = require('./regex-patterns');
+
+// Tests for verifying all centralized regex patterns work correctly
+describe('Centralized Regex Patterns Test Suite', () => {
+  
+  // Tests for regex patterns that handle template tag markup
+  describe('Template Tags Patterns', () => {
+    
+    // Test: Can the system identify all types of template tag markup?
+    test('replacer pattern identifies template tags', () => {
+      const testCases = [
+        '[[def: term]]',
+        '[[insert:path/file]]',
+        '[[xref: spec, term, alias]]'
+      ];
+
+      testCases.forEach(testCase => {
+        // Reset regex state for global regex
+        templateTags.replacer.lastIndex = 0;
+        expect(templateTags.replacer.test(testCase)).toBe(true);
+      });
+    });
+
+    // Test: Can the system split comma-separated arguments correctly?
+    test('argsSeparator splits comma-separated values', () => {
+      const input = 'term, alias, extra';
+      const result = input.split(templateTags.argsSeparator);
+      expect(result).toEqual(['term', 'alias', 'extra']);
+    });
+
+    // Test: Can the system replace template variables with actual values?
+    test('variableInterpolation replaces template variables', () => {
+      const template = 'Hello ${name}, version ${version}';
+      const result = template.replace(templateTags.variableInterpolation, (match, p1) => {
+        const vars = { name: 'World', version: '1.0' };
+        return vars[p1.trim()] || match;
+      });
+      expect(result).toBe('Hello World, version 1.0');
+    });
+  });
+
+  // Tests for regex patterns that handle external specification references
+  describe('External References Patterns', () => {
+    
+    // Test: Can the system find all external reference markup in content?
+    test('allXTrefs finds external references', () => {
+      const content = 'Text with [[xref:spec,term]] and [[tref:spec2,term2]].';
+      const matches = content.match(externalReferences.allXTrefs);
+      expect(matches).toHaveLength(2);
+      expect(matches[0]).toBe('[[xref:spec,term]]');
+      expect(matches[1]).toBe('[[tref:spec2,term2]]');
+    });
+
+    // Test: Can the system distinguish between xref and tref reference types?
+    test('referenceType extracts xref/tref type', () => {
+      const xrefMatch = '[[xref:spec,term]]'.match(externalReferences.referenceType);
+      const trefMatch = '[[tref:spec,term]]'.match(externalReferences.referenceType);
+      
+      expect(xrefMatch[1]).toBe('xref');
+      expect(trefMatch[1]).toBe('tref');
+    });
+
+    // Test: Can the system extract specification names from tref markup?
+    test('trefSpecExtractor gets spec name from tref', () => {
+      const match = '[[tref:myspec,term]]'.match(externalReferences.trefSpecExtractor);
+      expect(match[1]).toBe('myspec');
+    });
+  });
+
+  // Tests for regex patterns that handle character escaping
+  describe('Escaping Patterns', () => {
+    
+    // Test: Can the system escape special regex characters properly?
+    test('specialChars can be used for escaping', () => {
+      const input = 'test.file+regex*chars';
+      const escaped = input.replace(escaping.specialChars, '\\$&');
+      expect(escaped).toContain('\\.');
+      expect(escaped).toContain('\\+');
+      expect(escaped).toContain('\\*');
+    });
+
+    // Test: Can the system match escaped placeholder patterns?
+    test('placeholderRegex matches escaped placeholders', () => {
+      const content = 'Text with __SPEC_UP_ESCAPED_TAG__ here';
+      expect(escaping.placeholderRegex.test(content)).toBe(true);
+    });
+  });
+
+  // Tests for regex patterns that handle file path operations
+  describe('Path Patterns', () => {
+    
+    // Test: Can the system remove trailing slashes from paths?
+    test('trailingSlash removes trailing slashes', () => {
+      const testCases = [
+        { input: 'path/to/dir/', expected: 'path/to/dir' },
+        { input: 'path/to/dir', expected: 'path/to/dir' }
+      ];
+
+      testCases.forEach(({ input, expected }) => {
+        const result = input.replace(paths.trailingSlash, '');
+        expect(result).toBe(expected);
+      });
+    });
+  });
+
+  // Tests for regex patterns that handle version directory naming
+  describe('Version Patterns', () => {
+    
+    // Test: Can the system identify valid version directory names?
+    test('pattern matches version directories', () => {
+      expect(versions.pattern.test('v1')).toBe(true);
+      expect(versions.pattern.test('v123')).toBe(true);
+      expect(versions.pattern.test('version1')).toBe(false);
+      expect(versions.pattern.test('1')).toBe(false);
+    });
+  });
+
+  // Tests for regex patterns that handle whitespace normalization
+  describe('Whitespace Patterns', () => {
+    
+    // Test: Can the system collapse multiple whitespace characters?
+    test('oneOrMore collapses multiple spaces', () => {
+      const input = 'text   with    spaces';
+      const result = input.replace(whitespace.oneOrMore, ' ');
+      expect(result).toBe('text with spaces');
+    });
+  });
+
+  // Tests for regex patterns that handle URL parsing
+  describe('URL Patterns', () => {
+    
+    // Test: Can the system extract base URLs from version URLs?
+    test('versionsBase extracts base URL', () => {
+      const testUrl = 'https://example.com/spec/versions/v1/';
+      const match = testUrl.match(urls.versionsBase);
+      expect(match[1]).toBe('https://example.com/spec');
+    });
+  });
+
+  // Tests for utility functions that help with regex operations
+  describe('Utility Functions', () => {
+    
+    // Test: Can the utility function escape regex special characters?
+    test('escapeRegexChars escapes special characters', () => {
+      const result = utils.escapeRegexChars('test.file');
+      expect(result).toBe('test\\.file');
+    });
+
+    // Test: Can the utility create regex patterns for external references?
+    test('createXTrefRegex creates working regex', () => {
+      const regex = utils.createXTrefRegex('spec1', 'term1');
+      regex.lastIndex = 0; // Reset state
+      expect(regex.test('[[xref: spec1, term1]]')).toBe(true);
+      regex.lastIndex = 0; // Reset state
+      expect(regex.test('[[tref: spec1, term1, alias]]')).toBe(true);
+    });
+
+    // Test: Can the utility convert gitignore patterns to working regex?
+    test('createGitignoreRegex converts globs to regex', () => {
+      const regex = utils.createGitignoreRegex('*.js');
+      expect(regex.test('file.js')).toBe(true);
+      expect(regex.test('file.txt')).toBe(false);
+    });
+  });
+
+  // Tests verifying patterns work together in realistic scenarios
+  describe('Pattern Integration Tests', () => {
+    
+    // Test: Do all patterns work correctly with realistic specification content?
+    test('processes realistic spec content', () => {
+      const specContent = `
+        # Test Specification
+        
+        This defines [[def: test-term]] and references [[xref: external-spec, external-term]].
+        
+        [[insert: sections/intro.md]]
+        
+        Version directory: v1
+      `;
+
+      // Test that patterns can find their respective content
+      expect(templateTags.replacer.test(specContent)).toBe(true);
+      expect(externalReferences.allXTrefs.test(specContent)).toBe(true);
+      expect(versions.pattern.test('v1')).toBe(true);
+    });
+
+    // Test: Do the patterns handle unusual or malformed input without errors?
+    test('handles edge cases gracefully', () => {
+      const edgeCases = [
+        '',
+        '[[]]',
+        '[[def:]]',
+        'no patterns here',
+        '[[def: term with unicode: tëst]]'
+      ];
+
+      edgeCases.forEach(testCase => {
+        // Should not throw errors
+        expect(() => templateTags.replacer.test(testCase)).not.toThrow();
+        expect(() => externalReferences.allXTrefs.test(testCase)).not.toThrow();
+        expect(() => utils.escapeRegexChars(testCase)).not.toThrow();
+      });
+    });
+  });
+
+  // Tests ensuring patterns perform well with large content
+  describe('Performance Validation', () => {
+    
+    // Test: Can the patterns process large amounts of content quickly?
+    test('handles large content efficiently', () => {
+      const largeContent = Array(1000).fill('[[def: term]] some text [[xref:spec,term]]').join(' ');
+      
+      const startTime = Date.now();
+      const matches = largeContent.match(templateTags.replacer);
+      const endTime = Date.now();
+      
+      expect(matches).toBeTruthy();
+      expect(endTime - startTime).toBeLessThan(100); // Should be fast
+    });
+  });
+
+  // Tests ensuring patterns maintain compatibility with existing content
+  describe('Backwards Compatibility Validation', () => {
+    
+    // Test: Do the patterns still work with all historical template tag formats?
+    test('template tag replacer works with all historical patterns', () => {
+      const historicalExamples = [
+        '[[def: simple-term]]',
+        '[[def: term-with-dashes, alias-with-dashes]]',
+        '[[xref: external-spec, external-term]]',
+        '[[tref: another-spec, another-term, custom-alias]]',
+        '[[insert: path/to/file.md]]'
+      ];
+
+      historicalExamples.forEach(example => {
+        // Reset regex state for global regex
+        templateTags.replacer.lastIndex = 0;
+        expect(templateTags.replacer.test(example)).toBe(true);
+      });
+    });
+
+    // Test: Do external reference patterns work with existing specification formats?
+    test('external reference patterns maintain format compatibility', () => {
+      const externalRefContent = `
+        This specification references [[xref: RFC7515, JSON Web Signature]].
+        It also uses [[tref: KERI, Key Event Receipt Infrastructure, KERI protocol]].
+        Multiple refs: [[xref: spec1, term1]] and [[tref: spec2, term2, alias2]].
+      `;
+
+      const matches = externalRefContent.match(externalReferences.allXTrefs);
+      expect(matches).toHaveLength(4);
+      
+      // Verify each match follows expected format
+      matches.forEach(match => {
+        expect(match).toMatch(/^\[\[(?:x|t)ref:\s*[^,\]]+(?:,\s*[^,\]]+)*\]\]$/);
+      });
+    });
+  });
+});

package/templates/template.html

@@ -6,6 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="description" content="${description}">
     <meta name="author" content="${author}">
+    <meta property="spec-up-t:github-repo-info" content="${githubRepoInfo}">
     <link rel="icon" href="${specFavicon}" type="image/x-icon">
     <meta name="generator" content="Spec-Up-T" />
     <title>${title}</title>
@@ -21,7 +22,7 @@
 <body features="${features}">
     <!-- Skip to content link for accessibility -->
     <a href="#content" class="screen-reader-text">Skip to content</a>
-    
+
     ${assetsSvg}
 
     <!-- Icons for hamburger menu, dark/light buttons  -->
@@ -108,12 +109,19 @@
             <path
                 d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z" />
         </symbol>
+        <symbol id="box-arrow-up-right" viewBox="0 0 16 16">
+            <path fill-rule="evenodd"
+                d="M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z" />
+            <path fill-rule="evenodd"
+                d="M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z" />
+        </symbol>
     </svg>
 
     <header id="header" class="navbar sticky-top p-0 shadow">
         <!-- Left-aligned elements -->
-        <button class="nav-link d-print-none px-3 d-md-none" type="button" data-bs-toggle="offcanvas" data-bs-target="#sidebarMenu"
-            aria-controls="sidebarMenu" aria-expanded="false" aria-label="Toggle navigation">
+        <button class="nav-link d-print-none px-3 d-md-none" type="button" data-bs-toggle="offcanvas"
+            data-bs-target="#sidebarMenu" aria-controls="sidebarMenu" aria-expanded="false"
+            aria-label="Toggle navigation">
             <svg class="bi">
                 <use xlink:href="#list" />
             </svg>
@@ -122,7 +130,7 @@
         <a id="logo" href="${specLogoLink}">
             <img class="d-print-none m-1" src="${specLogo}" alt="" />
         </a>
-        
+
         <!-- Spacer to push the following elements to the right -->
         <div class="flex-grow-1"></div>
 
@@ -178,19 +186,19 @@
             </div>
 
             <!-- Container width toggle -->
-            <button id="container_toggle" title="Toggle wide/narrow layout" type="button" class="btn btn-sm btn-outline-secondary me-2">
+            <button id="container_toggle" title="Toggle wide/narrow layout" type="button"
+                class="btn btn-sm btn-outline-secondary me-2">
                 <span class="visually-hidden">Toggle wide/narrow layout</span>
                 <i class="bi bi-arrows-angle-expand"></i>
             </button>
 
             <!-- Font size -->
             <div class="adjust-font-size btn-group me-2" role="group">
-                <button title="Decrease font size" type="button"
-                    class="btn btn-outline-secondary m-0 border-end-0" id="decreaseBtn"><span
-                        class="visually-hidden">Decrease font size</span>
+                <button title="Decrease font size" type="button" class="btn btn-outline-secondary m-0 border-end-0"
+                    id="decreaseBtn"><span class="visually-hidden">Decrease font size</span>
                 </button>
-                <button title="Increase font size" type="button"
-                    class="btn btn-outline-secondary m-0 border-start-0" id="increaseBtn">
+                <button title="Increase font size" type="button" class="btn btn-outline-secondary m-0 border-start-0"
+                    id="increaseBtn">
                     <span class="visually-hidden">Increase font size</span>
                 </button>
             </div>
@@ -209,8 +217,10 @@
                     </div>
                     <div id="toc" class="offcanvas-body d-md-flex flex-column p-0 pt-lg-3 overflow-y-auto">
                         ${toc}
-                        <a class="powered-by mx-auto p-2" href="https://github.com/trustoverip/spec-up-t"
-                            target="_blank" rel="noopener">Powered By Spec-Up-T</a>
+                        <div class="spec-footer mt-3">
+                            <a class="mx-auto p-2" href="https://github.com/trustoverip/spec-up-t"
+                                target="_blank" rel="noopener">Powered By Spec-Up-T</a>
+                        </div>
                     </div>
                 </div>
             </div>
@@ -244,21 +254,46 @@
         </div>
         <div class="offcanvas-body p-0">
             <a target="_blank" rel="noopener" class="btn btn-menu-item m-0 mb-1 border-start-0 border-end-0"
-                href="https://blockchainbird.github.io/spec-up-t-website/docs/user-interface-overview/specification/#explanation-of-the-buttons-in-the-specification">Help</a>
-            <button class="button-token-input btn btn-menu-item m-0 mb-1 border-start-0 border-end-0" type="button" aria-label="Enter GitHub Token">
+                href="https://trustoverip.github.io/spec-up-t-website/docs/user-interface-overview/specification/#explanation-of-the-buttons-in-the-specification">Help</a>
+            <button class="button-token-input btn btn-menu-item m-0 mb-1 border-start-0 border-end-0" type="button"
+                aria-label="Enter GitHub Token">
                 Enter GitHub Token
             </button>
-            <button id="repo_issues" issue-count animate class="btn btn-menu-item m-0 mb-1 border-start-0 border-end-0" type="button"
-                data-bs-toggle="offcanvas" data-bs-target="#offcanvasIssues" aria-controls="offcanvasIssues">
+            <button id="repo_issues" issue-count animate class="btn btn-menu-item m-0 mb-1 border-start-0 border-end-0"
+                type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasIssues"
+                aria-controls="offcanvasIssues">
                 Issues
             </button>
-            <!-- href added via JS -->
-            <a id="snapshotLink" class="btn btn-menu-item m-0 mb-1 border-start-0 border-end-0" href="#">Snapshots</a>
             <hr>
-            <p class="ps-3 pe-3">External specifications:</p>
-            ${externalSpecsList}
+            <div class="ps-3 pe-3">
+                <p class="mb-2 fw-bold">Repository Information:</p>
+                <div id="github-repo-info" class="small text-muted">
+                    <div class="d-flex align-items-center mb-1">
+                        <i class="bi bi-person-circle me-2"></i>
+                        <span>Account: <span id="repo-account">Loading...</span></span>
+                    </div>
+                    <div class="d-flex align-items-center mb-1">
+                        <i class="bi bi-git me-2"></i>
+                        <span>Repository: <span id="repo-name">Loading...</span></span>
+                    </div>
+                    <div class="d-flex align-items-center mb-2">
+                        <i class="bi bi-tree me-2"></i>
+                        <span>Branch: <span id="repo-branch">Loading...</span></span>
+                    </div>
+                    <a id="repo-url" href="#" target="_blank" rel="noopener"
+                        class="btn btn-sm btn-outline-secondary ms-0">
+                        <i class="bi bi-github me-1"></i>
+                        View on GitHub
+                    </a>
+                </div>
+            </div>
+            <hr>
+            <div class="ps-3 pe-3">
+                <p class="mb-2 fw-bold">External Specifications:</p>
+                ${externalSpecsList}
+            </div>
             <hr>
-            <p id="w3c-state">W3C Recommendation, ${currentDate}</p>
+            <p class="ps-3 pe-3" id="w3c-state">W3C Recommendation, ${currentDate}</p>
         </div>
     </div>
 

package/assets/js/create-alphabet-index.js

@@ -1,60 +0,0 @@
-/**
- * @file This file creates an alphabet index for the terms
- * @author Kor Dwarshuis
- * @version 0.0.1
- * @since 2024-09-19
- */
-function createAlphabetIndex() {
-    // Check if the terms and definitions list exists
-    // If it doesn't exist, exit the function
-    // This prevents errors when the script is run on pages without the terms and definitions list
-    // and ensures that the script only runs when necessary
-    const termsListElement = document.querySelector(".terms-and-definitions-list");
-    const dtElements = termsListElement ? termsListElement.querySelectorAll("dt") : [];
-    
-    if (dtElements.length === 0) {
-        return;
-    }
-    
-    const terminologySectionUtilityContainer = document.getElementById("terminology-section-utility-container");
-    const alphabetIndex = {};
-
-    dtElements.forEach(dt => {
-        const span = dt.querySelector("span");
-        if (span?.id) {
-            const termId = span.id;
-            const firstChar = termId.charAt(termId.indexOf("term:") + 5).toUpperCase();
-            if (!alphabetIndex[firstChar]) {
-                alphabetIndex[firstChar] = span.id;
-            }
-        }
-    });
-
-    const alphabetIndexContainer = document.createElement("div");
-    alphabetIndexContainer.className = "alphabet-index-container";
-
-    // Create number of terms element
-    const numberOfTerms = document.createElement("p");
-    numberOfTerms.className = "number-of-terms";
-    numberOfTerms.textContent = `– There are ${dtElements.length} terms –`;
-
-    terminologySectionUtilityContainer.appendChild(numberOfTerms);
-
-    /*
-        The key advantage of localeCompare over simple comparison operators (<, >) is that it:
-        - Properly handles language-specific sorting rules (via locale settings)
-        - Correctly compares strings containing special characters or accents
-        - Can be configured to be case-insensitive
-    */
-    Object.keys(alphabetIndex).sort((a, b) => a.toLowerCase().localeCompare(b.toLowerCase())).forEach(char => {
-        const link = document.createElement("a");
-        link.href = `#${alphabetIndex[char]}`;
-        link.textContent = char;
-        alphabetIndexContainer.appendChild(link);
-    });
-    terminologySectionUtilityContainer.appendChild(alphabetIndexContainer);
-}
-
-document.addEventListener("DOMContentLoaded", function () {
-    createAlphabetIndex();
-});

package/assets/js/hide-show-utility-container.js

@@ -1,16 +0,0 @@
-function hideShowUtilityContainer() {
-   // Check if the terms and definitions list exists
-   // If it doesn't exist, exit the function
-   // This prevents errors when the script is run on pages without the terms and definitions list
-   // and ensures that the script only runs when necessary
-   const termsListElement = document.querySelector(".terms-and-definitions-list");
-   const dtElements = termsListElement ? termsListElement.querySelectorAll("dt") : [];
-
-   if (dtElements.length === 0) {
-      document.getElementById("terminology-section-utility-container")?.remove();
-   }
-}
-
-document.addEventListener("DOMContentLoaded", function () {
-   hideShowUtilityContainer();
-});

package/assets/js/index.js

@@ -1,87 +0,0 @@
-
-(function(){
-
-/* GitHub Issues */
-
- let source = specConfig.source;
-  if (source) {
-    if (source.host === 'github') {
-      fetch(`https://api.github.com/repos/${ source.account + '/' + source.repo }/issues`)
-        .then(response => response.json())
-        .then(issues => {
-          let count = issues.length;
-          document.querySelectorAll('[issue-count]').forEach(node => {
-            node.setAttribute('issue-count', count)
-          });
-          repo_issue_list.innerHTML = issues.map(issue => {
-            return `<li class="repo-issue">
-              <detail-box>
-                <section>${md.render(issue.body || '')}</section>
-                <header class="repo-issue-title">
-                  <span class="repo-issue-number">${issue.number}</span>
-                  <span class="repo-issue-link">
-                    <a href="${issue.html_url}" target="_blank">${issue.title}</a>
-                  </span>
-                  <span detail-box-toggle></span>
-                </header>
-              </detail-box>
-            </li>`
-          }).join('');
-          Prism.highlightAllUnder(repo_issue_list);
-        })
-    }
-  }
-
-/* Mermaid Diagrams */
-
-mermaid.initialize({
-  startOnLoad: true,
-  theme: 'neutral'
-});
-
-/* Charts */
-
-document.querySelectorAll('.chartjs').forEach(chart => {
-  new Chart(chart, JSON.parse(chart.textContent));
-});
-
-/* Tooltips */
-let tipMap = new WeakMap();
-delegateEvent('pointerover', '.term-reference, .spec-reference', (e, anchor) => {
-  const id = anchor.getAttribute('data-local-href') || anchor.getAttribute('href') || '';
-  let term = document.getElementById(id.replace('#', ''));
-  if (!term || tipMap.has(anchor)) return;
-  let container = term.closest('dt, td:first-child');
-  if (!container) return;
-  let tip = {
-    allowHTML: true,
-    inlinePositioning: true
-  };
-  switch (container.tagName) {
-    case 'DT':
-      tip.content = container.nextElementSibling.textContent;
-      break;
-    case 'TD':
-      let table = container.closest('table');
-      let tds = Array.from(container.closest('tr').children);
-          tds.shift();
-      if (table) {
-        let headings = Array.from(table.querySelectorAll('thead th'));
-            headings.shift();
-        if (headings.length) {
-          tip.content = `
-            <header>${container.textContent}</header>
-            <table>
-              ${headings.map((th, i) => {
-                return `<tr><td>${th.textContent}:</td><td>${tds[i] ? tds[i].textContent : ''}</td></tr>`
-              }).join('')}
-            </table>`;
-        }
-      }
-      break;
-  }
-
-  if (tip.content) tipMap.set(anchor, tippy(anchor, tip));
-}, { passive: true });
-
-})();

package/assets/js/pdf-download.js

@@ -1,46 +0,0 @@
-/**
- * @author Kor Dwarshuis
- * @contact kor@dwarshuis.com
- * @created 2024-09-07
- * @description This script adds a button next to the search bar that allows users to download the page as a PDF.
- */
-
-function pdfDownload() {
-   fetch('./index.pdf', { method: 'HEAD' })
-      .then(response => {
-         if (response.ok) {
-            let buttonPdfDownload = document.createElement("a");
-            buttonPdfDownload.classList.add("button-pdf-download");
-            buttonPdfDownload.classList.add("btn", "d-block", "btn-sm", "btn-outline-secondary");
-            buttonPdfDownload.target = "_blank";
-            buttonPdfDownload.rel = "noopener noreferrer";
-            buttonPdfDownload.href = "./index.pdf";
-            buttonPdfDownload.title = "Download this page as a PDF";
-            
-            // Add PDF icon with transparent fill and text for better visual representation
-            buttonPdfDownload.innerHTML = `
-               <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.5" class="me-1" viewBox="0 0 16 16">
-                  <path d="M4 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.5L9.5 0H4zm0 1h5v4h4v9a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zm7 4h-1V2l3 3h-2z"/>
-                  <path d="M6.5 10.5a.5.5 0 0 1-.5-.5V7.5a.5.5 0 0 1 .5-.5H8a.5.5 0 0 1 .5.5V10a.5.5 0 0 1-.5.5H6.5z"/>
-               </svg>
-            `;
-            
-            // Add additional styling directly to the button
-            buttonPdfDownload.style.display = "inline-flex";
-            buttonPdfDownload.style.alignItems = "center";
-            buttonPdfDownload.style.justifyContent = "center";
-            
-            document.querySelector('.service-menu').prepend(buttonPdfDownload);
-         } else {
-            console.log('PDF file does not exist. No PDF download button will be added.');
-         }
-      })
-      .catch(error => {
-         console.error('Error checking PDF file:', error);
-      });
-
-}
-
-document.addEventListener("DOMContentLoaded", function () {
-   pdfDownload();
-});