word-games-theme 3.2.8 → 3.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 900611bb28204da634f1165025f425f840de6edb5d29797dd82e0319b7104ba3
-  data.tar.gz: 0f8ddc00d1856577f7b4002feb303ad90d9d1ce763c0639214c1748b4c98cd85
+  metadata.gz: 303593070d80b64a5932a3e7c0df9452e8310db4cc1b3cf99859f4e64031aa69
+  data.tar.gz: '08b7c920e3c4bdbb16ccc72f7e36b51557c63f620b217dc6086561e929c76033'
 SHA512:
-  metadata.gz: 923014eea445e747a893542af0bd47ebac8add509bb2975fac87f6bf5046d17dfd878f210e24695d1502631192c8e24e3875d3966ae05cd431d642cd828bbd15
-  data.tar.gz: 5bfaa100c83aca7ab9ad2cad9f5480d431b703c8c6f4a857d34a66e1c5f293fde577576ecf7f0dd3d423ca91d5d5f5db6cafada0e4c41d9f048f7da62a81dfe6
+  metadata.gz: 1d7695f45979cbe6ea891c267d1685ff0f6c09601abf33987efdc77b0cb52130746669c645b14c1db59f6828ef0d7fed588f40daa8f83df837b624d576f6fe75
+  data.tar.gz: ee14c79d178c1ef005b22b7b34569bd5d59a37ca251ffead87226b24eed8560920d977303aefacffa641b9cf8fa57d35683b166e52edcd2d01d90428f475d23b

data/_includes/wordgames/advanced-filter/advanced-filter.html

@@ -20,7 +20,8 @@
         z-index: 1;
         max-height: 300px;
         height: auto;
-        overflow-y: scroll;
+        overflow-y: hidden;
+        overflow-x: auto;
         border-radius: 8px;
     }
 

data/_layouts/wordgames-home.html

@@ -18,7 +18,7 @@
 <style>
     .main-header {
         margin: 0px !important;
-        background-image: radial-gradient(#e4e4f4 2px, transparent 2px);
+        /* background-image: radial-gradient(#e4e4f4 2px, transparent 2px); */
         background-size: 25px 25px;
         background-color: unset !important;
     }
@@ -28,7 +28,7 @@
     .main-header {
         padding-bottom: 35vh;
         margin: 0px !important;
-        background-image: radial-gradient(#e4e4f4 2px, transparent 2px);
+        /* background-image: radial-gradient(#e4e4f4 2px, transparent 2px); */
         background-size: 25px 25px;
         background-color: unset !important;
     }

data/assets/js/scrabbleDictonary.js

@@ -6,15 +6,79 @@ let defintions = document.querySelector("#Defintions")
 let txtBox = document.querySelector('.txtBox')
 txtBox.value = serachValue
 
-defintions.innerHTML  = `Defintion(s) for ${serachValue}`
+defintions.innerHTML = `Defintion(s) for ${serachValue}`
+
+
+const makeSynonymsClickable = (text) => {
+  const synonymsMatch = text.match(/Synonyms:\s*(.+?)(?:\.|$)/i);
+
+  if (synonymsMatch) {
+    const synonymsPart = synonymsMatch[1];
+    const synonyms = synonymsPart.split(',').map(s => {
+      // Clean the synonym text - remove HTML tags and extra characters
+      return s.trim()
+        .replace(/<[^>]*>/g, '') // Remove HTML tags
+        .replace(/&[^;]*;/g, '') // Remove HTML entities
+        .replace(/[^\w\s-]/g, '') // Keep only letters, numbers, spaces, hyphens
+        .trim();
+    }).filter(s => s.length > 0); // Remove empty strings
+
+    // Create clean links
+    const linkedSynonyms = synonyms.map(synonym => {
+      const cleanSynonym = synonym.replace(/\s+/g, '_'); // Replace spaces with underscores
+      return `<a href="?search=${encodeURIComponent(cleanSynonym)}" class="synonym-link">${synonym}</a>`;
+    }).join(', ');
+
+    return text.replace(synonymsMatch[0], `Synonyms: ${linkedSynonyms}`);
+  }
+
+  return text;
+}
+
+function createResultCard(entry, index) {
+  const synonymsHTML = entry.synonyms.length > 0
+    ? entry.synonyms.map(syn =>
+      `<span class="synonym-tag" onclick="searchForWord('${syn}')">${syn}</span>`
+    ).join("")
+    : '<span style="color: #999; font-style: italic;">No synonyms available</span>';
+
+  return `
+    <div class="result-card" style="animation-delay: ${index * 0.1}s">
+      <div class="word-title">
+        ${entry.word}
+        <span class="pos-tag">${entry.partOfSpeech || 'unknown'}</span>
+      </div>
+      
+      <div class="definition-section">
+        <div class="definition-text">
+          ${entry.definition || 'No definition available'}
+        </div>
+      </div>
+      
+      <div class="synonyms-section">
+        <div class="section-title">
+          🔗 Synonyms ${entry.synonymCount > 0 ? `(${entry.synonymCount})` : ''}:
+        </div>
+        <div class="synonyms-container">
+          ${synonymsHTML}
+        </div>
+      </div>
+      
+      <div class="synset-info">
+        <strong>Synset ID:</strong> ${entry.synsetId} | 
+        <strong>Entry ID:</strong> ${entry.id}
+      </div>
+    </div>
+  `;
+}
 
-// DICTONARY
 const fetchMeaning = async (serachValue) => {
   try {
     let resMeaning = await fetch(`/.netlify/functions/wordMeaning?search=${serachValue}`)
     let getDef = await resMeaning.text()
 
-    if (getDef && resMeaning.status == 200) {
+    const hasData = getDef && resMeaning.status == 200 && getDef.trim() !== '' && getDef.trim().replace(/^"(.*)"$/, "$1") !== "&&&";
+    if (hasData) {
       let removeQuote = getDef.replaceAll(`"`, ``);
       let arr = removeQuote.split("&");
       let cols1 = null;
@@ -39,7 +103,7 @@ const fetchMeaning = async (serachValue) => {
           let temp = document.createElement("li");
           temp.setAttribute("class", "list-group-item my-2");
           temp.style.display = "list-item";
-          temp.innerHTML = cols1[i];
+          temp.innerHTML = makeSynonymsClickable(cols1[i]);
           oList.appendChild(temp);
         }
         noun.appendChild(oList);
@@ -55,7 +119,7 @@ const fetchMeaning = async (serachValue) => {
           let temp = document.createElement("li");
           temp.setAttribute("class", "list-group-item my-2");
           temp.style.display = "list-item";
-          temp.innerHTML = cols2[i];
+          temp.innerHTML = makeSynonymsClickable(cols2[i]);
           oList.appendChild(temp);
         }
         verb.appendChild(oList);
@@ -71,7 +135,7 @@ const fetchMeaning = async (serachValue) => {
           let temp = document.createElement("li");
           temp.setAttribute("class", "list-group-item my-2");
           temp.style.display = "list-item";
-          temp.innerHTML = cols3[i];
+          temp.innerHTML = makeSynonymsClickable(cols3[i]);
           oList.appendChild(temp);
         }
         adj.appendChild(oList);
@@ -87,7 +151,7 @@ const fetchMeaning = async (serachValue) => {
           let temp = document.createElement("li");
           temp.setAttribute("class", "list-group-item my-2");
           temp.style.display = "list-item";
-          temp.innerHTML = cols4[i];
+          temp.innerHTML = makeSynonymsClickable(cols4[i]);
           oList.appendChild(temp);
         }
         adv.appendChild(oList);
@@ -96,6 +160,136 @@ const fetchMeaning = async (serachValue) => {
       document.getElementById("loaderMeaning").style.display = "none";
       document.getElementById("loaderMeaning1").style.display = "none";
     } else {
+      // OEWN fallback inline
+      try {
+        const response = await fetch("/assets/js/oewn_dictionary.json");
+        if (response.ok) {
+          const dictionaryData = await response.json();
+          const query = serachValue.toLowerCase().trim();
+          const exactMatches = dictionaryData.filter(entry =>
+            entry.word.toLowerCase() === query
+          );
+
+          if (exactMatches.length > 0) {
+            // Convert OEWN data to your format
+            let nounDefs = [];
+            let verbDefs = [];
+            let adjDefs = [];
+            let advDefs = [];
+
+            exactMatches.forEach(entry => {
+              const pos = entry.partOfSpeech?.toLowerCase() || 'noun';
+              let labeledDefinition = '';
+              
+              // Add meaning label
+              if (entry.definition) {
+                labeledDefinition += `<strong style="color: #2d3748;">Meaning:</strong> ${entry.definition}`;
+              }
+              
+              // Add synonyms label if available  
+              if (entry.synonyms && entry.synonyms.length > 0) {
+                const synonymLinks = entry.synonyms.map(syn => 
+                  `<a href="?search=${encodeURIComponent(syn)}" style="color: #007bff; text-decoration: underline;">${syn}</a>`
+                ).join(', ');
+                
+                if (labeledDefinition) labeledDefinition += '<br><br>';
+                labeledDefinition += `<strong style="color: #2d3748;">Synonyms:</strong> ${synonymLinks}`;
+              }
+              
+              switch(pos) {
+                case 'noun': case 'n':
+                  nounDefs.push(labeledDefinition);
+                  break;
+                case 'verb': case 'v':
+                  verbDefs.push(labeledDefinition);
+                  break;
+                case 'adjective': case 'adj': case 'a':
+                  adjDefs.push(labeledDefinition);
+                  break;
+                case 'adverb': case 'adv': case 'r':
+                  advDefs.push(labeledDefinition);
+                  break;
+                default:
+                  nounDefs.push(labeledDefinition);
+              }})
+
+            // Process OEWN data using your existing logic
+            if (nounDefs.length > 0) {
+              let noun = document.getElementById("noun");
+              let oList = document.createElement("ol");
+              oList.setAttribute("class", "list-group list-group-numbered");
+              for (let i = 0; i < nounDefs.length; i++) {
+                let temp = document.createElement("li");
+                temp.setAttribute("class", "list-group-item my-2");
+                temp.style.display = "list-item";
+                temp.innerHTML = makeSynonymsClickable(nounDefs[i]);
+                oList.appendChild(temp);
+              }
+              noun.appendChild(oList);
+              noun.style.display = "inherit";
+            }
+
+            if (verbDefs.length > 0) {
+              let verb = document.getElementById("verb");
+              let oList = document.createElement("ol");
+              oList.setAttribute("class", "list-group list-group-numbered");
+              for (let i = 0; i < verbDefs.length; i++) {
+                let temp = document.createElement("li");
+                temp.setAttribute("class", "list-group-item my-2");
+                temp.style.display = "list-item";
+                temp.innerHTML = makeSynonymsClickable(verbDefs[i]);
+                oList.appendChild(temp);
+              }
+              verb.appendChild(oList);
+              verb.style.display = "inherit";
+            }
+
+            if (adjDefs.length > 0) {
+              let adj = document.getElementById("adj");
+              let oList = document.createElement("ol");
+              oList.setAttribute("class", "list-group list-group-numbered");
+              for (let i = 0; i < adjDefs.length; i++) {
+                let temp = document.createElement("li");
+                temp.setAttribute("class", "list-group-item my-2");
+                temp.style.display = "list-item";
+                temp.innerHTML = makeSynonymsClickable(adjDefs[i]);
+                oList.appendChild(temp);
+              }
+              adj.appendChild(oList);
+              adj.style.display = "inherit";
+            }
+
+            if (advDefs.length > 0) {
+              let adv = document.getElementById("adv");
+              let oList = document.createElement("ol");
+              oList.setAttribute("class", "list-group list-group-numbered");
+              for (let i = 0; i < advDefs.length; i++) {
+                let temp = document.createElement("li");
+                temp.setAttribute("class", "list-group-item my-2");
+                temp.style.display = "list-item";
+                temp.innerHTML = makeSynonymsClickable(advDefs[i]);
+                oList.appendChild(temp);
+              }
+              adv.appendChild(oList);
+              adv.style.display = "inherit";
+            }
+
+            // Show fallback indicator
+            const indicator = document.createElement('div');
+            indicator.innerHTML = ``;
+            const defintions = document.querySelector("#Defintions");
+            if (defintions) defintions.parentNode.insertBefore(indicator, defintions.nextElementSibling);
+
+            document.getElementById("loaderMeaning").style.display = "none";
+            document.getElementById("loaderMeaning1").style.display = "none";
+            return; // Exit successfully
+          }
+        }
+      } catch (oewnError) {
+        console.log("OEWN fallback failed:", oewnError);
+      }
+
+      // Show error if both primary and OEWN fail
       document.getElementById("loaderMeaning").style.display = "none";
       document.getElementById("loaderMeaning1").style.display = "none";
       document.getElementById("err").style.display = "block";

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: word-games-theme
 version: !ruby/object:Gem::Version
-  version: 3.2.8
+  version: 3.3.0
 platform: ruby
 authors:
 - manpreet-appscms
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-02-18 00:00:00.000000000 Z
+date: 2025-09-17 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll