@hortonstudio/main 1.9.11 → 1.9.20

package/{autoInit/accessibility/functions/pagination/pagination.js → src/modules/structure/functions/pagination/pagination.ts}

@@ -5,35 +5,55 @@
  * Supports infinite looping, responsive layouts, and accessibility.
  */
 
-export function init() {
+import { querySelectorAll, querySelector, getSelector, globalConfig, cssVariables } from '@utils';
+
+// Module-scoped config (set during init)
+let moduleConfig = null;
+
+export function init(config) {
+  // Store config at module scope for helper functions
+  moduleConfig = config;
+
   const cleanup = {
     observers: [],
-    handlers: []
+    handlers: [],
+    liveRegions: [],
   };
 
   // Initialize all pagination containers
   try {
-    document.querySelectorAll('[data-hs-pagination="wrapper"]')
-      .forEach(container => {
-        try {
-          const instance = initPaginationInstance(container, cleanup);
-          if (!instance) {
-            console.warn('[hs-pagination] Failed to initialize container', container);
-          }
-        } catch (error) {
-          console.error('[hs-pagination] Error initializing container:', error, container);
+    querySelectorAll(config, 'wrapper').forEach((container) => {
+      try {
+        const instance = initPaginationInstance(container, cleanup);
+        if (!instance) {
+          console.warn('[hs-pagination] Failed to initialize container', container);
         }
-      });
+      } catch (error) {
+        console.error('[hs-pagination] Error initializing container:', error, container);
+      }
+    });
   } catch (error) {
     console.error('[hs-pagination] Critical error during initialization:', error);
   }
 
   return {
-    result: "pagination initialized",
+    result: 'pagination initialized',
     destroy: () => {
       try {
+        // Remove all live regions
+        cleanup.liveRegions.forEach((liveRegion) => {
+          try {
+            if (liveRegion.parentNode) {
+              liveRegion.parentNode.removeChild(liveRegion);
+            }
+          } catch (error) {
+            console.error('[hs-pagination] Error removing live region:', error);
+          }
+        });
+        cleanup.liveRegions.length = 0;
+
         // Disconnect all observers
-        cleanup.observers.forEach(obs => {
+        cleanup.observers.forEach((obs) => {
           try {
             obs.disconnect();
           } catch (error) {
@@ -51,15 +71,18 @@ export function init() {
           }
         });
         cleanup.handlers.length = 0;
+
+        // Clear module config
+        moduleConfig = null;
       } catch (error) {
         console.error('[hs-pagination] Critical error during cleanup:', error);
       }
-    }
+    },
   };
 }
 
 function initPaginationInstance(container, cleanup) {
-  const list = container.querySelector('[data-hs-pagination="list"]');
+  const list = querySelector(moduleConfig, 'list', container);
   if (!list) {
     console.warn('[hs-pagination] Missing required element: data-hs-pagination="list"');
     return null;
@@ -69,9 +92,9 @@ function initPaginationInstance(container, cleanup) {
   if (!wrapper) return null;
 
   const elements = {
-    controls: container.querySelector('[data-hs-pagination="controls"]'),
-    counter: container.querySelector('[data-hs-pagination="counter"]'),
-    dotsWrap: container.querySelector('[data-hs-pagination="dots"]')
+    controls: querySelector(moduleConfig, 'controls', container),
+    counter: querySelector(moduleConfig, 'counter', container),
+    dotsWrap: querySelector(moduleConfig, 'dots', container),
   };
 
   // Early exit for infinite mode - no controls means no pagination
@@ -79,11 +102,13 @@ function initPaginationInstance(container, cleanup) {
     return { initialized: false };
   }
 
-  // Find next/previous buttons using data-site-clickable pattern
-  const nextClickable = container.querySelector('[data-hs-pagination="next"]');
-  const prevClickable = container.querySelector('[data-hs-pagination="previous"]');
-  const nextBtn = nextClickable?.children[0];
-  const prevBtn = prevClickable?.children[0];
+  // Find next/previous buttons using clickable pattern
+  const nextClickable = querySelector(moduleConfig, 'next', container);
+  const prevClickable = querySelector(moduleConfig, 'previous', container);
+
+  const clickableSelector = getSelector(globalConfig.clickable, 'button');
+  const nextBtn = nextClickable?.querySelector(clickableSelector) || nextClickable;
+  const prevBtn = prevClickable?.querySelector(clickableSelector) || prevClickable;
 
   if (!nextBtn || !prevBtn) {
     console.warn('[hs-pagination] Missing required navigation buttons');
@@ -103,11 +128,12 @@ function initPaginationInstance(container, cleanup) {
 
   // Parse configuration from new attributes
   const desktopItems = parseInt(elements.controls?.getAttribute('data-hs-pagination-show')) || 6;
-  const mobileItems = parseInt(elements.controls?.getAttribute('data-hs-pagination-show-mobile')) || desktopItems;
+  const mobileItems =
+    parseInt(elements.controls?.getAttribute('data-hs-pagination-show-mobile')) || desktopItems;
 
   const isMobileLayout = () => {
-    const breakpoint = getComputedStyle(list).getPropertyValue('--data-hs-break').trim().replace(/"/g, '');
-    return breakpoint === 'mobile';
+    const stateValue = getComputedStyle(list).getPropertyValue(cssVariables.state).trim();
+    return stateValue === globalConfig.cssVars.state.values.active;
   };
 
   const allItems = Array.from(list.children);
@@ -120,7 +146,7 @@ function initPaginationInstance(container, cleanup) {
     currentPage: 1,
     isAnimating: false,
     itemsPerPage: desktopItems,
-    dotTemplates: { active: null, inactive: null }
+    dotTemplates: { active: null, inactive: null },
   };
   let wrapperChildren = [];
 
@@ -129,8 +155,10 @@ function initPaginationInstance(container, cleanup) {
   liveRegion.className = 'sr-only';
   liveRegion.setAttribute('aria-live', 'assertive');
   liveRegion.setAttribute('aria-atomic', 'true');
-  liveRegion.style.cssText = 'position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden;';
+  liveRegion.style.cssText =
+    'position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden;';
   container.appendChild(liveRegion);
+  cleanup.liveRegions.push(liveRegion);
 
   const updateCounter = () => {
     if (elements.counter) {
@@ -140,7 +168,7 @@ function initPaginationInstance(container, cleanup) {
 
   const announcePageChange = () => {
     liveRegion.textContent = `Page ${state.currentPage} of ${state.totalPages}`;
-    setTimeout(() => liveRegion.textContent = '', 1000);
+    setTimeout(() => (liveRegion.textContent = ''), 1000);
   };
 
   const manageFocus = () => {
@@ -164,12 +192,16 @@ function initPaginationInstance(container, cleanup) {
     if (!existingDots.length) return;
 
     // Identify active and inactive templates
-    const activeDot = existingDots.find(dot => dot.classList.contains('is-active'));
-    const inactiveDot = existingDots.find(dot => !dot.classList.contains('is-active'));
+    const activeDot = existingDots.find((dot) => dot.classList.contains('is-active'));
+    const inactiveDot = existingDots.find((dot) => !dot.classList.contains('is-active'));
 
     // Store templates (use same template for both if only one exists)
-    state.dotTemplates.active = activeDot ? activeDot.cloneNode(true) : existingDots[0].cloneNode(true);
-    state.dotTemplates.inactive = inactiveDot ? inactiveDot.cloneNode(true) : existingDots[0].cloneNode(true);
+    state.dotTemplates.active = activeDot
+      ? activeDot.cloneNode(true)
+      : existingDots[0].cloneNode(true);
+    state.dotTemplates.inactive = inactiveDot
+      ? inactiveDot.cloneNode(true)
+      : existingDots[0].cloneNode(true);
 
     // Clear existing dots
     elements.dotsWrap.innerHTML = '';
@@ -180,7 +212,9 @@ function initPaginationInstance(container, cleanup) {
 
     // Create dots for each page
     for (let i = 1; i <= state.totalPages; i++) {
-      const dot = (i === 1 ? state.dotTemplates.active : state.dotTemplates.inactive).cloneNode(true);
+      const dot = (i === 1 ? state.dotTemplates.active : state.dotTemplates.inactive).cloneNode(
+        true
+      );
 
       // Add accessibility attributes
       dot.setAttribute('role', 'button');
@@ -244,11 +278,11 @@ function initPaginationInstance(container, cleanup) {
     }
 
     // Clean up previous page lists
-    Array.from(wrapper.children).forEach(child => {
+    Array.from(wrapper.children).forEach((child) => {
       if (child !== list) wrapper.removeChild(child);
     });
     list.innerHTML = '';
-    allItems.forEach(item => list.appendChild(item));
+    allItems.forEach((item) => list.appendChild(item));
 
     // Single page case
     if (state.totalPages <= 1) {
@@ -282,18 +316,20 @@ function initPaginationInstance(container, cleanup) {
       const pageList = list.cloneNode(false);
       const startIndex = page * state.itemsPerPage;
       const endIndex = Math.min(startIndex + state.itemsPerPage, totalItems);
-      allItems.slice(startIndex, endIndex).forEach(item => pageList.appendChild(item.cloneNode(true)));
+      allItems
+        .slice(startIndex, endIndex)
+        .forEach((item) => pageList.appendChild(item.cloneNode(true)));
       return pageList;
     });
 
     // Insert cloned pages for infinite loop
     wrapper.insertBefore(pageLists[pageLists.length - 1].cloneNode(true), list);
-    pageLists.slice(1).forEach(page => wrapper.appendChild(page));
+    pageLists.slice(1).forEach((page) => wrapper.appendChild(page));
     wrapper.appendChild(pageLists[0].cloneNode(true));
 
     // Populate original list with first page
     list.innerHTML = '';
-    Array.from(pageLists[0].children).forEach(item => list.appendChild(item));
+    Array.from(pageLists[0].children).forEach((item) => list.appendChild(item));
 
     Object.assign(state, { currentIndex: 1, currentPage: 1, isAnimating: false });
     wrapperChildren = Array.from(wrapper.children);
@@ -341,14 +377,14 @@ function initPaginationInstance(container, cleanup) {
 
     if (isMobileLayout() && elements.controls) {
       setTimeout(() => {
-        const controlsBottom = elements.controls.getBoundingClientRect().bottom + window.pageYOffset;
+        const controlsBottom =
+          elements.controls.getBoundingClientRect().bottom + window.pageYOffset;
         const clearance = 5 * 16; // 5rem in pixels
         const targetScrollPosition = controlsBottom - window.innerHeight + clearance;
         window.scrollTo({ top: targetScrollPosition, behavior: 'smooth' });
       }, 50);
     }
 
-    wrapper.style.transition = 'transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94)';
     wrapper.style.transform = `translateX(${-state.currentIndex * 100}%)`;
 
     let transitionTimeout = null;
@@ -356,7 +392,6 @@ function initPaginationInstance(container, cleanup) {
     const handleTransitionEnd = () => {
       clearTimeout(transitionTimeout);
       wrapper.removeEventListener('transitionend', handleTransitionEnd);
-      wrapper.style.transition = '';
 
       updateCounter();
       announcePageChange();
@@ -377,8 +412,12 @@ function initPaginationInstance(container, cleanup) {
     state.isAnimating = true;
     state.currentIndex += direction;
 
-    state.currentPage = state.currentIndex > state.totalPages ? 1 :
-                       state.currentIndex < 1 ? state.totalPages : state.currentIndex;
+    state.currentPage =
+      state.currentIndex > state.totalPages
+        ? 1
+        : state.currentIndex < 1
+          ? state.totalPages
+          : state.currentIndex;
 
     updateCounter();
     announcePageChange();
@@ -387,14 +426,14 @@ function initPaginationInstance(container, cleanup) {
 
     if (isMobileLayout() && elements.controls) {
       setTimeout(() => {
-        const controlsBottom = elements.controls.getBoundingClientRect().bottom + window.pageYOffset;
+        const controlsBottom =
+          elements.controls.getBoundingClientRect().bottom + window.pageYOffset;
         const clearance = 5 * 16; // 5rem in pixels
         const targetScrollPosition = controlsBottom - window.innerHeight + clearance;
         window.scrollTo({ top: targetScrollPosition, behavior: 'smooth' });
       }, 50);
     }
 
-    wrapper.style.transition = 'transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94)';
     wrapper.style.transform = `translateX(${-state.currentIndex * 100}%)`;
 
     let transitionTimeout = null;
@@ -402,16 +441,27 @@ function initPaginationInstance(container, cleanup) {
     const handleTransitionEnd = () => {
       clearTimeout(transitionTimeout);
       wrapper.removeEventListener('transitionend', handleTransitionEnd);
-      wrapper.style.transition = '';
 
       if (state.currentIndex > state.totalPages) {
         state.currentIndex = 1;
         state.currentPage = 1;
+        // Disable transition for instant jump
+        wrapper.style.transition = 'none';
         wrapper.style.transform = 'translateX(-100%)';
+        // Force reflow to apply the instant jump
+        wrapper.offsetHeight;
+        // Re-enable CSS transition
+        wrapper.style.transition = '';
       } else if (state.currentIndex < 1) {
         state.currentIndex = state.totalPages;
         state.currentPage = state.totalPages;
+        // Disable transition for instant jump
+        wrapper.style.transition = 'none';
         wrapper.style.transform = `translateX(${-state.totalPages * 100}%)`;
+        // Force reflow to apply the instant jump
+        wrapper.offsetHeight;
+        // Re-enable CSS transition
+        wrapper.style.transition = '';
       }
 
       updateCounter();
@@ -441,5 +491,3 @@ function initPaginationInstance(container, cleanup) {
 
   return { initialized: true };
 }
-
-export const version = "1.0.0";

package/{autoInit → src/modules/structure/functions}/site-settings/README.md

@@ -10,20 +10,20 @@ The site settings system collects dynamic values from designated elements and re
 
 ### **Required Elements**
 
-**Settings Wrapper** *(container for all settings lists)*
+**Settings Wrapper** _(container for all settings lists)_
 
-* data-site-settings-element="wrapper"
+- data-site-settings-element="wrapper"
 
-**Settings List** *(can have multiple lists inside wrapper)*
+**Settings List** _(can have multiple lists inside wrapper)_
 
-* data-site-settings-element="list"
+- data-site-settings-element="list"
 
-**Setting Element** *(individual setting with a name and value)*
+**Setting Element** _(individual setting with a name and value)_
 
-* data-site-settings="name"
-  * The attribute value is the placeholder name (e.g., "company", "email", "phone")
-  * The element's text content is used for text replacements
-  * The element's href attribute (if present) is used for link replacements
+- data-site-settings="name"
+  - The attribute value is the placeholder name (e.g., "company", "email", "phone")
+  - The element's text content is used for text replacements
+  - The element's href attribute (if present) is used for link replacements
 
 **Typical element layout:**
 
@@ -48,18 +48,20 @@ The site settings system collects dynamic values from designated elements and re
 ### **Text vs Href Behavior**
 
 **Text replacement** (in page content):
+
 - **First choice:** Use text value
 - **Fallback:** Use href value if no text
 
 **Href replacement** (in link attributes):
+
 - **With dedicated href:** Completely replace entire href (fixes Webflow prefix issue)
 - **Without dedicated href:** Normal placeholder replacement with text value
 
 ### **When It Runs**
 
-* Runs once on page load
-* Runs again on Barba.js page transitions (via `reinitialize()`)
-* No ongoing monitoring or event listeners
+- Runs once on page load
+- Runs again on Barba.js page transitions (via `reinitialize()`)
+- No ongoing monitoring or event listeners
 
 ---
 
@@ -67,11 +69,11 @@ The site settings system collects dynamic values from designated elements and re
 
 ### **Optional Hide Attribute**
 
-**Hide Element** *(removes content conditionally before extracting text)*
+**Hide Element** _(removes content conditionally before extracting text)_
 
-* data-site-settings-hide="class-name"
-  * Can specify multiple classes separated by spaces
-  * Element is removed if it has ANY of the specified classes
+- data-site-settings-hide="class-name"
+  - Can specify multiple classes separated by spaces
+  - Element is removed if it has ANY of the specified classes
 
 ### **Example Use Case**
 
@@ -150,6 +152,7 @@ For dynamic content where certain parts should be hidden based on CMS conditions
 ```
 
 **Result:**
+
 ```html
 <h1>Welcome to Compass Facilities</h1>
 <p>Contact us at info@compass.com or call (555) 123-4567</p>
@@ -170,6 +173,7 @@ For dynamic content where certain parts should be hidden based on CMS conditions
 ```
 
 **Result:**
+
 ```html
 <!-- Entire href replaced with dedicated href value -->
 <a href="mailto:info@compass.com">Email Us</a>
@@ -178,6 +182,7 @@ For dynamic content where certain parts should be hidden based on CMS conditions
 ```
 
 **Why this matters:** Webflow often adds `https://` prefix by default. Without complete href replacement:
+
 - `https://tel:+15551234567` ❌ (broken)
 - `tel:+15551234567` ✅ (works)
 
@@ -196,6 +201,7 @@ When setting has only text (no href), normal placeholder replacement occurs:
 ```
 
 **Result:**
+
 ```html
 <a href="https://compassfacilities.com">Visit Site</a>
 ```
@@ -234,13 +240,13 @@ All settings are collected regardless of which list they're in.
 
 ## **Key Attributes Summary**
 
-| Attribute | Purpose | Required On |
-| ----- | ----- | ----- |
-| `data-site-settings-element="wrapper"` | Settings container | Wrapper div |
-| `data-site-settings-element="list"` | Settings list | List div (at least one) |
-| `data-site-settings="name"` | Setting with name | Individual setting elements |
-| `href` attribute | Link URL for href replacement | Optional (on link settings) |
-| `data-site-settings-hide="class"` | Conditional hide | Optional (inside setting elements) |
+| Attribute                              | Purpose                       | Required On                        |
+| -------------------------------------- | ----------------------------- | ---------------------------------- |
+| `data-site-settings-element="wrapper"` | Settings container            | Wrapper div                        |
+| `data-site-settings-element="list"`    | Settings list                 | List div (at least one)            |
+| `data-site-settings="name"`            | Setting with name             | Individual setting elements        |
+| `href` attribute                       | Link URL for href replacement | Optional (on link settings)        |
+| `data-site-settings-hide="class"`      | Conditional hide              | Optional (inside setting elements) |
 
 ---
 
@@ -248,21 +254,23 @@ All settings are collected regardless of which list they're in.
 
 **Format:** `{{name}}`
 
-* Double curly braces
-* Name must match the `data-site-settings` attribute value exactly
-* Case-sensitive
-* Works in text content and link hrefs
+- Double curly braces
+- Name must match the `data-site-settings` attribute value exactly
+- Case-sensitive
+- Works in text content and link hrefs
 
 ---
 
 ## **Replacement Logic**
 
 ### **For Text Content (`{{name}}` in page text):**
+
 1. If setting has text value → use text
 2. If no text but has href value → use href
 3. If neither → skip replacement
 
 ### **For Link Hrefs (`{{name}}` in href attribute):**
+
 1. If setting has href value → **completely replace entire href**
 2. If no href but has text value → normal placeholder replacement
 3. If neither → skip replacement
@@ -272,6 +280,7 @@ All settings are collected regardless of which list they're in.
 ## **Common Use Cases**
 
 ### **Phone Number**
+
 ```html
 <!-- Setting with both formatted display and tel: link -->
 <a data-site-settings="phone" href="tel:+15551234567">(555) 123-4567</a>
@@ -286,6 +295,7 @@ All settings are collected regardless of which list they're in.
 ```
 
 ### **Email Address**
+
 ```html
 <!-- Setting -->
 <a data-site-settings="email" href="mailto:contact@example.com">contact@example.com</a>
@@ -300,6 +310,7 @@ All settings are collected regardless of which list they're in.
 ```
 
 ### **Social Media**
+
 ```html
 <!-- Setting -->
 <a data-site-settings="facebook" href="https://facebook.com/mypage">@mypage</a>
@@ -326,6 +337,25 @@ All settings are collected regardless of which list they're in.
 
 ---
 
+## **v2.0.0 Improvements**
+
+### **JSON Config System**
+
+- Added config.js with all attribute definitions
+- Future-proof: Easy to add aliases or change attribute patterns
+- Self-documenting: All supported attributes in one place
+
+### **Barba.js / SPA Compatibility**
+
+The site-settings system is fully compatible with Barba.js and other SPA frameworks:
+
+- Works on fresh page load and reinitialize
+- No destroy needed (one-time DOM operation)
+- Automatically replaces placeholders on new pages
+- Works like fresh page load on new DOM
+
+---
+
 ## **Common Issues**
 
 **Placeholder not replacing:**

package/{autoInit/site-settings/site-settings.js → src/modules/structure/functions/site-settings/site-settings.ts}

@@ -1,13 +1,15 @@
-export function init() {
+import { querySelector, querySelectorAll, getSelector } from '@utils';
+
+export function init(config) {
   function setupSiteSettings() {
-    const wrapper = document.querySelector('[data-site-settings-element="wrapper"]');
+    const wrapper = querySelector(config, 'wrapper');
 
     if (!wrapper) {
       return;
     }
 
     // Find all lists inside the wrapper
-    const lists = wrapper.querySelectorAll('[data-site-settings-element="list"]');
+    const lists = querySelectorAll(config, 'list', wrapper);
 
     if (lists.length === 0) {
       return;
@@ -16,26 +18,30 @@ export function init() {
     // Collect all site settings data
     const siteSettings = {};
 
-    lists.forEach(list => {
+    lists.forEach((list) => {
       // Find all descendants with data-site-settings attribute
-      const settingElements = list.querySelectorAll('[data-site-settings]');
+      const settingSelector = getSelector(config, 'setting');
+      const settingElements = list.querySelectorAll(settingSelector);
 
-      settingElements.forEach(element => {
+      settingElements.forEach((element) => {
         // Clone the element to avoid modifying the original DOM
         const clonedElement = element.cloneNode(true);
 
         // Find and remove elements with data-site-settings-hide that match their classes
-        const hideElements = clonedElement.querySelectorAll('[data-site-settings-hide]');
+        const hideSelector = getSelector(config, 'hide');
+        const hideElements = clonedElement.querySelectorAll(hideSelector);
 
-        hideElements.forEach(hideElement => {
-          const hideValue = hideElement.getAttribute('data-site-settings-hide');
+        hideElements.forEach((hideElement) => {
+          const hideAttr =
+            config.attributes.elements.hide.primary.match(/data-site-settings-hide/)[0];
+          const hideValue = hideElement.getAttribute(hideAttr);
 
           if (hideValue) {
             // Split by spaces to get all class names to check
-            const classesToHide = hideValue.split(' ').filter(c => c.trim());
+            const classesToHide = hideValue.split(' ').filter((c) => c.trim());
 
             // Check if element has any of the classes
-            const hasMatchingClass = classesToHide.some(className =>
+            const hasMatchingClass = classesToHide.some((className) =>
               hideElement.classList.contains(className)
             );
 
@@ -46,7 +52,9 @@ export function init() {
           }
         });
 
-        const settingName = element.getAttribute('data-site-settings');
+        const settingAttr =
+          config.attributes.elements.setting.primary.match(/data-site-settings/)[0];
+        const settingName = element.getAttribute(settingAttr);
         const settingText = clonedElement.textContent.trim();
         const settingHref = element.getAttribute('href');
 
@@ -54,7 +62,7 @@ export function init() {
         if (settingName && (settingText || settingHref)) {
           siteSettings[settingName] = {
             text: settingText || null,
-            href: settingHref || null
+            href: settingHref || null,
           };
         }
       });
@@ -66,31 +74,27 @@ export function init() {
     }
 
     // Replace text content efficiently using TreeWalker
-    const walker = document.createTreeWalker(
-      document.body,
-      NodeFilter.SHOW_TEXT,
-      {
-        acceptNode: (node) => {
-          // Check if any site setting names exist in the text content
-          const text = node.textContent;
-          for (const name in siteSettings) {
-            if (text.includes(`{{${name}}}`)) {
-              return NodeFilter.FILTER_ACCEPT;
-            }
+    const walker = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT, {
+      acceptNode: (node) => {
+        // Check if any site setting names exist in the text content
+        const text = node.textContent;
+        for (const name in siteSettings) {
+          if (text.includes(`{{${name}}}`)) {
+            return NodeFilter.FILTER_ACCEPT;
           }
-          return NodeFilter.FILTER_SKIP;
         }
-      }
-    );
+        return NodeFilter.FILTER_SKIP;
+      },
+    });
 
     const textNodes = [];
     let node;
-    while (node = walker.nextNode()) {
+    while ((node = walker.nextNode())) {
       textNodes.push(node);
     }
 
     // Replace text in collected nodes
-    textNodes.forEach(textNode => {
+    textNodes.forEach((textNode) => {
       let newText = textNode.textContent;
       let hasChanges = false;
 
@@ -114,7 +118,7 @@ export function init() {
 
     // Replace link hrefs
     const links = document.querySelectorAll('a[href]');
-    links.forEach(link => {
+    links.forEach((link) => {
       let href = link.getAttribute('href');
       let hasChanges = false;
 
@@ -146,9 +150,9 @@ export function init() {
   setupSiteSettings();
 
   return {
-    result: "site-settings initialized",
+    result: 'site-settings initialized',
     destroy: () => {
       // No cleanup needed - this module only modifies DOM during init
-    }
+    },
   };
 }