appscms-tools-theme 5.5.6 → 5.6.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 11a30c530b43ceeda373ab902544b171ebb7d38dc1e2856bb729e647478e9cba
-  data.tar.gz: eda228c7a0a43937a1f01d3387946160d59f2fb7e5a834949d6602ebfc17b9f3
+  metadata.gz: 762a50a4599b91e418dfdcf830c4a790a2283ba54755fb0de0a84723f38ac498
+  data.tar.gz: e5b5fde5a25d385a16599addd9e1ef95c60c62d2fe80f3100c8f727cf999ed1e
 SHA512:
-  metadata.gz: 98f120e9b376036ef0e66a822a8fe57424058fd351a0e0dcd3aa257e2ae656120337c1fbe2b2bd01021e912b334fbba3b5ac92ca51f9cc495e269c2603d95fdc
-  data.tar.gz: 3b38ef027545aaff62106eb741b2fdf1cb248be39c1be8f12103df23321b20f55408bdb657026a92fd4395f46aac6d60a345c59dfa086c5cda2b3205d2656706
+  metadata.gz: 283a39cdec6460736f73d4b2d9a82965948f99987a89c8a5c85a24637ce72c0c4d2cac91f03839c615a61f1f82e1449bc791d03eead6ba2023ee0f5cc7b6765a
+  data.tar.gz: b7d370f14de8ca2a903ad703000dfb46def07544745a40c0653f772071eeb89f0b7a57690e386d3cdb33ad4cdc3ebd51671e56d89ec2842f662faa06e920f749

data/assets/js/appscms-theme.js

@@ -168,265 +168,118 @@ if (processingBtn && buttonLoader) {
   }, { passive: true });
 }
 
-
-// if ("{{ site.navigationSearch }}" === "true") {
-//   // Fetch data directly from alllinks.json
-//   fetch("/alllinks.json")
-//     .then((response) => response.json())
-//     .then((data) => {
-//       // Check if the URL includes "/hi" to determine the language
-//       if (window.location.pathname.includes("/hi")) {
-//         window.fetchedData = data.featuredLinkshi; // Use Hindi data
-//       } else {
-//         window.fetchedData = data.featuredLinks; // Use English data
-//       }
-//     })
-//     .catch((error) => {
-//       console.error("Error fetching data:", error);
-//     });
-
-//   // Filter data based on search query
-//   function filterData(data, query) {
-//     return data.filter((item) =>
-//       item.name.toLowerCase().includes(query.toLowerCase())
-//     );
-//   }
-
-//   // Display filtered results
-//   function displayResults(results) {
-//     const resultsContainer = document.getElementById("results");
-//     resultsContainer.style.display = results.length ? "block" : "none";
-//     resultsContainer.innerHTML = results.length
-//       ? results
-//           .map(
-//             (result) =>
-//               `<div class="result-item"><a href="${result.url}" target="_blank">${result.name}</a></div>`
-//           )
-//           .join("")
-//       : "<p>No results found</p>";
-//   }
-
-//   function mobileDisplayResults(results) {
-//     const mobileResultsContainer = document.querySelector(
-//       ".mobile-searchbarResults"
-//     );
-//     mobileResultsContainer.style.display = results.length ? "block" : "none";
-//     mobileResultsContainer.innerHTML = results.length
-//       ? results
-//           .map(
-//             (result) =>
-//               `<div class="mobile-result-item"><a href="${result.url}" target="_blank">${result.name}</a></div>`
-//           )
-//           .join("")
-//       : "<p>No results found</p>";
-//   }
-
-//   // Handle search input
-//   const searchInput = document.querySelector(".search-input");
-
-//   searchInput.addEventListener("input", (event) => {
-//     const query = event.target.value;
-//     const data = window.fetchedData || [];
-//     const filteredResults = filterData(data, query);
-//     displayResults(filteredResults);
-
-//     gtag("event", "search", {
-//       event_category: "engagement",
-//       event_label: "Search Box",
-//       value: query,
-//     });
-//   });
-
-//   const mobileSearchInput = document.querySelector(".mobile-search-input");
-//   mobileSearchInput.addEventListener("input", (event) => {
-//     const query = event.target.value;
-//     const data = window.fetchedData || [];
-//     const filteredResults = filterData(data, query);
-//     mobileDisplayResults(filteredResults);
-
-//     gtag("event", "search", {
-//       event_category: "engagement",
-//       event_label: "Search Box",
-//       value: query,
-//     });
-//   });
-
-//   // Hide results when clicking outside search input and results container
-//   document.addEventListener("click", (event) => {
-//     const resultsContainer = document.getElementById("results");
-
-//     if (
-//       !searchInput.contains(event.target) &&
-//       !resultsContainer.contains(event.target)
-//     ) {
-//       resultsContainer.style.display = "none";
-//     }
-//     if (!window.location.pathname.includes("/hi")) {
-//       const mobileResultsContainer = document.querySelector(
-//         ".mobile-searchbarResults"
-//       );
-//       if (
-//         !mobileSearchInput.contains(event.target) &&
-//         !mobileResultsContainer.contains(event.target)
-//       ) {
-//         mobileResultsContainer.style.display = "none";
-//       }
-//     }
-//   });
-// }
-
 if ("{{ site.navigationSearch }}" === "true") {
-  // Define supported languages and their corresponding data keys
-  const SUPPORTED_LANGUAGES = {
-    de: 'featuredLinksde',
-    da: 'featuredLinksda',
-    es: 'featuredLinkses',
-    id: 'featuredLinksid',
-    it: 'featuredLinksit',
-    nl: 'featuredLinksnl',
-    pl: 'featuredLinkspl',
-    pt: 'featuredLinkspt',
-    sv: 'featuredLinkssv',
-    tr: 'featuredLinkstr',
-    vi: 'featuredLinksvi',
-    hi: 'featuredLinkshi',
-    fr: 'featuredLinksfr',
-  };
+  const SUPPORTED_LANGUAGES = [
+    'zh-tw', 'de', 'da', 'es', 'id', 'it', 'nl', 'pl', 'pt', 'sv', 'tr', 'vi', 'hi', 'fr', 'ar', 'ja', 'ko', 'ru', 'th', 'uk', 'zh'
+  ];
 
   // Helper function to get current language from URL
   function getCurrentLanguage() {
     const path = window.location.pathname;
-    return Object.keys(SUPPORTED_LANGUAGES).find(lang => 
-      path.includes(`/${lang}`)
-    ) || 'en';
+    for (const lang of SUPPORTED_LANGUAGES) {
+      if (path.includes(`/${lang}/`) || path.endsWith(`/${lang}`)) {
+        return lang;
+      }
+    }
+    return 'en';
   }
 
-  // Fetch data directly from alllinks.json
-  fetch("/alllinks.json")
-    .then((response) => response.json())
-    .then((data) => {
-      // Store all data globally
-      window.allData = data;
-      const currentLang = getCurrentLanguage();
-      // Set initial data based on current language
-      window.fetchedData = currentLang === 'en' 
-        ? data.featuredLinks 
-        : data[SUPPORTED_LANGUAGES[currentLang]];
-    })
-    .catch((error) => {
-      console.error("Error fetching data:", error);
-    });
-
   // Filter data based on search query
   function filterData(data, query) {
-    return data ? data.filter((item) =>
-      item.name.toLowerCase().includes(query.toLowerCase())
-    ) : [];
+    if (!Array.isArray(data)) return [];
+    const q = query.toLowerCase();
+    return data.filter((item) =>
+      item && item.name && item.name.toLowerCase().includes(q)
+    );
   }
 
   // Display filtered results
-  function displayResults(primaryResults, secondaryResults = [], container) {
+  function displayResults(results, container) {
     const resultsContainer = container || document.getElementById("results");
-    const currentLang = getCurrentLanguage();
-    
-    // Combine results, with primary results first
-    const combinedResults = [...primaryResults];
-    if (primaryResults.length < 4) {
-      // Only add secondary results if primary results are less than 4
-      secondaryResults.forEach(result => {
-        // Check if this result isn't already in primary results
-        if (!primaryResults.some(pr => pr.url === result.url)) {
-          combinedResults.push(result);
-        }
-      });
-    }
+    if (!resultsContainer) return;
 
-    resultsContainer.style.display = combinedResults.length ? "block" : "none";
-    
-    if (combinedResults.length === 0) {
+    resultsContainer.style.display = results.length ? "block" : "none";
+
+    if (results.length === 0) {
       resultsContainer.innerHTML = "<p>No results found</p>";
       return;
     }
 
-    // Get language display name for the indicator
-    const getLanguageDisplayName = () => {
-      try {
-        return new Intl.DisplayNames(['en'], { type: 'language' }).of('en');
-      } catch (e) {
-        return 'English';
-      }
-    };
-
-    // Display results with language indicators
-    resultsContainer.innerHTML = combinedResults
-      .map((result, index) => {
-        const isSecondary = index >= primaryResults.length;
+    resultsContainer.innerHTML = results
+      .map((result) => {
         return `
-          <div class="result-item ${isSecondary ? 'secondary-result' : ''}">
-            <a href="${result.url}" target="_blank">${result.name}</a>
-            ${isSecondary ? `<span class="language-indicator"></span>` : ''}
+          <div class="result-item">
+            <a href="${result.url}">${result.name}</a>
           </div>
         `;
       })
       .join("");
   }
 
-  function handleSearch(event, isDesktop = true) {
+  // Cache loaded language JSON files to prevent re-fetching on every keystroke
+  const langDataCache = {};
+
+  async function fetchLanguageFile(langCode) {
+    if (langDataCache[langCode]) {
+      return langDataCache[langCode];
+    }
+    const response = await fetch(`/search_data/home_tools_${langCode}.json`);
+    if (!response.ok) throw new Error(`Failed to load home_tools_${langCode}.json`);
+    const json = await response.json();
+    const dataArray = (json && Array.isArray(json.featuredLinks))
+      ? json.featuredLinks
+      : (Array.isArray(json) ? json : []);
+    langDataCache[langCode] = dataArray;
+    return dataArray;
+  }
+
+  async function handleSearch(event, isDesktop = true) {
     const query = event.target.value.trim();
-    const container = isDesktop ? 
-      document.getElementById("results") : 
+    const container = isDesktop ?
+      document.getElementById("results") :
       document.querySelector(".mobile-searchbarResults");
 
+    if (!container) return;
+
+    // Clear container and hide if input is empty
     if (!query) {
       container.style.display = "none";
       return;
     }
 
     const currentLang = getCurrentLanguage();
-    const currentLangData = currentLang === 'en' 
-      ? window.allData.featuredLinks 
-      : window.allData[SUPPORTED_LANGUAGES[currentLang]];
-
-    // First, search in current language data
-    const primaryResults = filterData(currentLangData, query);
-    
-    // If primary results are less than 4, also search in English data
-    const englishResults = primaryResults.length < 4 ? 
-      filterData(window.allData.featuredLinks, query) : 
-      [];
-
-    // Display results with current language first, then English if needed
-    displayResults(primaryResults, englishResults, container);
-
-    gtag("event", "search", {
-      event_category: "engagement",
-      event_label: "Search Box",
-      value: query,
-    });
-  }
 
-  // Set up desktop search
-  const searchInput = document.querySelector(".search-input");
-  searchInput.addEventListener("input", (event) => handleSearch(event, true));
-
-  // Set up mobile search
-  const mobileSearchInput = document.querySelector(".mobile-search-input");
-  mobileSearchInput.addEventListener("input", (event) => handleSearch(event, false));
+    try {
+      // Load ONLY the JSON file for the current language from missing_links/
+      const langData = await fetchLanguageFile(currentLang);
+      const results = filterData(langData, query);
 
-  // Hide results when clicking outside
-  document.addEventListener("click", (event) => {
-    const resultsContainer = document.getElementById("results");
-    const mobileResultsContainer = document.querySelector(".mobile-searchbarResults");
+      displayResults(results, container);
 
-    if (!searchInput.contains(event.target) && !resultsContainer.contains(event.target)) {
-      resultsContainer.style.display = "none";
+      if (typeof gtag === "function") {
+        gtag("event", "search", {
+          event_category: "engagement",
+          event_label: "Search Box",
+          value: query,
+        });
+      }
+    } catch (error) {
+      console.error("Error fetching language search data:", error);
     }
+  }
 
-    if (!mobileSearchInput.contains(event.target) && !mobileResultsContainer.contains(event.target)) {
-      mobileResultsContainer.style.display = "none";
-    }
-  });
+  const themeSearchInput = document.querySelector(".search-input");
+  if (themeSearchInput) {
+    themeSearchInput.addEventListener("input", (event) => handleSearch(event, true));
+  }
+
+  // Set up mobile search
+  const mobileSearchInput = document.querySelector(".mobile-search-input");
+  if (mobileSearchInput) {
+    mobileSearchInput.addEventListener("input", (event) => handleSearch(event, false));
+  }
 }
+
   document.addEventListener("DOMContentLoaded", function () {
     const scrollContainer = document.querySelector(".appscms-toolbar-list");
     const scrollLeft = document.querySelector(".scroll-left");

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: appscms-tools-theme
 version: !ruby/object:Gem::Version
-  version: 5.5.6
+  version: 5.6.1
 platform: ruby
 authors:
 - vivek-appscms
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2026-07-30 00:00:00.000000000 Z
+date: 2026-07-31 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll