@hortonstudio/main 1.9.0 → 1.9.2

package/autoInit/accessibility.js

@@ -12,6 +12,27 @@ export function init() {
     cleanup.handlers.push({ element, event, handler, options });
   };
 
+  function setupBlogListCleanup() {
+    const wrappers = document.querySelectorAll('[data-site-blog="wrapper"]');
+
+    wrappers.forEach(wrapper => {
+      // Check if wrapper has the delete-if-no-list config
+      const shouldDelete = wrapper.getAttribute('data-site-blog-config') === 'delete-if-no-list';
+
+      if (!shouldDelete) {
+        return;
+      }
+
+      // Check if there's a descendant with data-site-blog="list"
+      const hasList = wrapper.querySelector('[data-site-blog="list"]') !== null;
+
+      // Delete wrapper if it doesn't have a list
+      if (!hasList) {
+        wrapper.remove();
+      }
+    });
+  }
+
   function setupGeneralAccessibility() {
     setupListAccessibility();
     setupRemoveListAccessibility();
@@ -24,6 +45,7 @@ export function init() {
     setupCustomValuesReplacement();
     setupClickForwarding(addHandler);
     setupTextSynchronization(addObserver);
+    setupBlogListCleanup();
   }
 
   function setupListAccessibility() {

package/autoInit/site-settings.js

@@ -0,0 +1,109 @@
+export function init() {
+  function setupSiteSettings() {
+    const wrapper = document.querySelector('[data-site-settings-element="wrapper"]');
+
+    if (!wrapper) {
+      return;
+    }
+
+    // Find all lists inside the wrapper
+    const lists = wrapper.querySelectorAll('[data-site-settings-element="list"]');
+
+    if (lists.length === 0) {
+      return;
+    }
+
+    // Collect all site settings data
+    const siteSettings = {};
+
+    lists.forEach(list => {
+      // Find all descendants with data-site-settings attribute
+      const settingElements = list.querySelectorAll('[data-site-settings]');
+
+      settingElements.forEach(element => {
+        const settingName = element.getAttribute('data-site-settings');
+        const settingValue = element.textContent.trim();
+
+        // Only store if both name and value exist (ignore empty elements like images)
+        if (settingName && settingValue) {
+          siteSettings[settingName] = settingValue;
+        }
+      });
+    });
+
+    // If no site settings found, exit early
+    if (Object.keys(siteSettings).length === 0) {
+      return;
+    }
+
+    // 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;
+            }
+          }
+          return NodeFilter.FILTER_SKIP;
+        }
+      }
+    );
+
+    const textNodes = [];
+    let node;
+    while (node = walker.nextNode()) {
+      textNodes.push(node);
+    }
+
+    // Replace text in collected nodes
+    textNodes.forEach(textNode => {
+      let newText = textNode.textContent;
+      let hasChanges = false;
+
+      for (const name in siteSettings) {
+        const placeholder = `{{${name}}}`;
+        if (newText.includes(placeholder)) {
+          newText = newText.replace(new RegExp(placeholder, 'g'), siteSettings[name]);
+          hasChanges = true;
+        }
+      }
+
+      if (hasChanges) {
+        textNode.textContent = newText;
+      }
+    });
+
+    // Replace link hrefs
+    const links = document.querySelectorAll('a[href]');
+    links.forEach(link => {
+      let href = link.getAttribute('href');
+      let hasChanges = false;
+
+      for (const name in siteSettings) {
+        const placeholder = `{{${name}}}`;
+        if (href.includes(placeholder)) {
+          href = href.replace(new RegExp(placeholder, 'g'), siteSettings[name]);
+          hasChanges = true;
+        }
+      }
+
+      if (hasChanges) {
+        link.setAttribute('href', href);
+      }
+    });
+  }
+
+  setupSiteSettings();
+
+  return {
+    result: "site-settings initialized",
+    destroy: () => {
+      // No cleanup needed - this module only modifies DOM during init
+    }
+  };
+}

package/index.js

@@ -32,6 +32,7 @@ const initializeHsMain = async () => {
     accessibility: () => import("./autoInit/accessibility.js"),
     counter: () => import("./autoInit/counter.js"),
     form: () => import("./autoInit/form.js"),
+    "site-settings": () => import("./autoInit/site-settings.js"),
   };
 
   let scripts = [
@@ -71,6 +72,7 @@ const initializeHsMain = async () => {
     accessibility: true,
     counter: true,
     form: true,
+    "site-settings": true,
     // Only include transition if no-transition attribute is NOT present
     ...(hasNoTransition ? {} : { transition: true }),
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hortonstudio/main",
-  "version": "1.9.0",
+  "version": "1.9.2",
   "description": "Animation and utility library for client websites",
   "main": "index.js",
   "type": "module",