word-games-theme 2.9.0 → 2.9.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 3f65bcfb20e1866513c140faad2139f779b1c3cd1e4f5bb4accea4a342d70ec0
-  data.tar.gz: 2297d369885c957f6051007453184bc58eedd1c24d84e1be772a56c0892f3744
+  metadata.gz: e4d43ae91c1161c53a4feda7aa88e9913276f3229eeb5c0298ec6ab40f8f980b
+  data.tar.gz: 88ae5ae8fdb7cedf770f5eb22b092fd8c878232155caef6455a3bb8e7486d184
 SHA512:
-  metadata.gz: 16cd60ae33fa7891025f6a97ac86f7ac54b7f086c3254ad488eb65f1189afa1125bcbda066eb9cfef09ee875f57a895169dc8d46974470065572eb2a80ee07ba
-  data.tar.gz: da22d7da56cfe62cdd24bf3994b7d06940b55b9e7c4acffcfc604c4f84898ed967bf02e5c28974a376dbf02ed52d8f0f8f28d9ac021bde73aef243eb7f65f5fa
+  metadata.gz: c75ce8ba4304ae6754fb9cfe5ab7b78f8ac4d537bafa1b446f50abb8bab6e96d115eff73538d7d6b943e817fa7b70974ff70610bf0f624000bab5af09f4f16d4
+  data.tar.gz: 8a785b845d0dfb2575994637b71e8dab6ac551bac767ac737638e568cd12887e3affa10fd1552ce6573473c0cb30f4f648da5fd121a1b4a549d5015e0c132b4b

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

@@ -9,7 +9,7 @@
 
 <div class="fillterWrapper my-5 filterShow">
     <div class="startsWith">
-        <input class="filter_val" autocomplete="off" type="text" id="startsWith" placeholder="Starts with" value=""
+        <input class="filter_val textBoxes" autocomplete="off" type="text" id="startsWith" placeholder="Starts with" value=""
             name="prefix">
         <div class="filter-tooltip" data-tip="Find words that start with these letters(AB-&gt; Able)"
             id="Find words that start with these letters(AB-&gt; Able)">
@@ -17,14 +17,14 @@
         </div>
     </div>
     <div class="endsWith">
-        <input class="filter_val" autocomplete="off" type="text" id="endsWith" placeholder="Ends with" name="suffix">
+        <input class="filter_val textBoxes" autocomplete="off" type="text" id="endsWith" placeholder="Ends with" name="suffix">
         <div class="filter-tooltip" data-toggle="tooltip" data-placement="top"
             data-tip="Filter for words that ends with these letters" id="Filter for words that ends with these letters">
             <img width="30px" height="30px" src="/assets/images/questionmark.svg" alt="Question Mark" />
         </div>
     </div>
     <div class="wordLength same">
-        <input autocomplete="off" type="number" class="filter_val" id="wordLength" placeholder="Length" name="length"
+        <input autocomplete="off" type="number" class="filter_val textBoxes" id="wordLength" placeholder="Length" name="length"
             value="{{page.letter}}">
 
         <div class="filter-tooltip" data-toggle="tooltip" data-placement="top"
@@ -33,7 +33,7 @@
         </div>
     </div>
     <div class="inculdeWith">
-        <input class="filter_val" autocomplete="off" type="text" id="inculdeWith" placeholder="Include" value=""
+        <input class="filter_val textBoxes" autocomplete="off" type="text" id="inculdeWith" placeholder="Include" value=""
             name="include">
         <div class="filter-tooltip" data-toggle="tooltip" data-placement="top"
             data-tip="Only words that contain the letters you enter here"
@@ -42,7 +42,7 @@
         </div>
     </div>
     <div class="mustInclude">
-        <input class="filter_val" autocomplete="off" type="text" id="mustInclude" placeholder="Contains"
+        <input class="filter_val textBoxes" autocomplete="off" type="text" id="mustInclude" placeholder="Contains"
             name="contains">
         <div class="filter-tooltip" data-tip="Words that contain letters in this order(ab)"
             id="Words that contain letters in this order(ab)">
@@ -52,7 +52,7 @@
     </div>
 
     <div class="exculdeWith">
-        <input class="filter_val" autocomplete="off" type="text" id="exculdeWith" placeholder="Exclude" value=""
+        <input class="filter_val textBoxes" autocomplete="off" type="text" id="exculdeWith" placeholder="Exclude" value=""
             name="exclude">
         <div class="filter-tooltip" data-toggle="tooltip" data-placement="top"
             data-tip="Only words that not contain the letters you enter here"

data/_includes/wordgames/search-box/search-box.html

@@ -7,7 +7,7 @@
                 <div class="txt-box-container" style="position: relative;">
                     <input type="text"
                         placeholder="{% if page.size > 15 %}Enter up to {{page.size}} letters?{% else %}Enter up to 15 letters?{% endif %}"
-                        class="txtBox" name="search"
+                        class="textBoxes txtBox" name="search"
                         maxlength="{% if page.size > 15 %}{{page.size}}{% else %}15?{% endif %}"
                         autocomplete="off" value="{{page.value}}">
                     <div class="letter-close-button">

data/assets/css/wordgames-home.css

@@ -125,10 +125,10 @@ input[type="number"] {
 
 @keyframes blinkBoxShadow {
   0% {
-    box-shadow: 0 0 5px 5px var(--primary-color);
+    box-shadow: 0 0 2px 2px var(--primary-color);
   }
   100% {
-    box-shadow: 0 0 8px 8px var(--primary-color);
+    box-shadow: 0 0 4px 4px var(--primary-color);
   }
 }
 

data/assets/js/wordfinder-home.js

@@ -1,11 +1,5 @@
 let txtBox = document.querySelector('.txtBox')
 txtBox.focus()
-
-
-
-txtBox.addEventListener("input",()=>{
-    txtBox.classList.add('blinkBoxShadow');
-})
 let letterCloseButton = document.querySelector('.letter-close-button')
 let startsWith = document.getElementById("startsWith");
 let mustInclude = document.getElementById("mustInclude");
@@ -17,6 +11,25 @@ let wordLength = document.getElementById("wordLength");
 const serachSection = document.querySelector(".serachSection");
 let rangeOfBlankTile = serachSection.dataset.range;
 
+
+
+const textBoxes = document.querySelectorAll('.textBoxes'); 
+textBoxes.forEach(txtBox => {
+    txtBox.addEventListener("input", () => {
+        if (txtBox.value !== '') {
+            txtBox.classList.add('blinkBoxShadow');
+        } else {
+            txtBox.classList.remove('blinkBoxShadow');
+        }
+    });
+
+    txtBox.addEventListener('blur', () => {
+        txtBox.classList.remove('blinkBoxShadow');
+    });
+});
+
+
+
 // // when typing on input
 txtBox.addEventListener('input', (e) => {
     if (e.target.value === "") {
@@ -63,7 +76,7 @@ Array.from(filterInputs).forEach((item) => {
             imgElement.src = "/assets/images/close-btn.svg"
             tooltipElement.style.setProperty('--tooltip-padding', '0');
             tooltipElement.style.setProperty('--tooltip-border-style', 'none');
-        }      
+        }
     })
 
     item.nextElementSibling.addEventListener("click", () => {
@@ -224,7 +237,7 @@ formElement.addEventListener("submit", function (e) {
             }
         }
     } else {
-       console.log("Please Enter Valid Letters.");
+        console.log("Please Enter Valid Letters.");
     }
 });
 // Now you can use the loadScript function with additional data

data/assets/js/wordleSolver.js

@@ -41,34 +41,313 @@ for (let e = 0; e < greyLetters.length; e++) {
   })
 }
 
+let wordleSolverData = document.getElementById('wordleSolverData')
+greenLetters[0].focus()
+let wordleWordCount = document.querySelector('#wordleWordCount')
+let wordleSolvererrorMsg = document.querySelector('#wordleSolvererrorMsg')
+let wordlesolver_submit = document.getElementById('wordlesolver_submit')
+let newWordsLength = 0
+
+let errMessage = document.querySelector('.errMessage')
+let wrapper_div = document.querySelector('.wrapper_div')
+const params = new URLSearchParams(window.location.search)
+let spinner = document.querySelector('.spinner')
+
+let featureContainer = document.querySelector("#featureContainer")
+let howContainer = document.querySelector("#howContainer")
+let faqsContainer = document.querySelector("#faqsContainer")
+let infographicsContainer = document.querySelector("#infographicsContainer")
+let authorsLists = document.querySelector(".authors-list")
+
 function handleSubmit(e) {
   e.preventDefault()
+
+  if (featureContainer) {
+    featureContainer.remove()
+  }
+  if (howContainer) {
+    howContainer.remove()
+  }
+  if (faqsContainer) {
+    faqsContainer.remove()
+  }
+  if (infographicsContainer) {
+    infographicsContainer.remove()
+  }
+  if (authorsLists) {
+    authorsLists.remove()
+  }
+
+
+
+  document.querySelector(".refineSerach").style.display = "block"
+  const scrollingElement = (document.scrollingElement || document.body);
+  scrollingElement.scroll({ top: 515, behavior: 'smooth' });
+
+  let greenWithIndex = getIndexs('.greenWithIndex')
+
   let corretLettterArray = []
+  let getGreenLetters = []
   Array.from(greenLetters).map((item) => {
     if (!item.value) {
-      corretLettterArray.push(item.value.replace("", "_"))
+      corretLettterArray.push(item.value.replace("", "_").toLowerCase())
     } else {
-      corretLettterArray.push(item.value)
+      getGreenLetters.push(item.value.toLowerCase())
+      corretLettterArray.push(item.value.toLowerCase())
     }
   })
-  let includesLettterArray = []
+  let includesLettersArray = []
+  let getYellowLetters = []
   Array.from(yellowLetters).map((item) => {
     if (!item.value) {
-      includesLettterArray.push(item.value.replace("", "_"))
+      includesLettersArray.push(item.value.replace("", "_").toLowerCase())
     } else {
-      includesLettterArray.push(item.value)
+      getYellowLetters.push(item.value.toLowerCase())
+      includesLettersArray.push(item.value.toLowerCase())
     }
   })
-  let exculdesLettterArray = []
+  let excludesLettersArray = []
+  let getGreyLetters = []
   Array.from(greyLetters).map((item) => {
     if (!item.value) {
-      exculdesLettterArray.push(item.value.replace("", "_"))
+      excludesLettersArray.push(item.value.replace("", "_").toLowerCase())
     } else {
-      exculdesLettterArray.push(item.value)
+      getGreyLetters.push(item.value.toLowerCase())
+      excludesLettersArray.push(item.value.toLowerCase())
     }
   })
+  if (history.pushState) {
+    var newurl = window.location.protocol + "//" + window.location.host +
+      window.location.pathname + '?' + "correct" + "=" + corretLettterArray.join("")
+      + '&includes' + '=' + includesLettersArray.join("") + "&excludes" + '=' + excludesLettersArray.join("")
+    window.history.pushState({ path: newurl }, '', newurl);
+
+    const params = new URLSearchParams(window.location.search)
+    let correct = params.get('correct')
+    let includes = params.get('includes')
+    let excludes = params.get('excludes')
+
+    gtag('event', 'page_view', {
+      page_location: window.location.pathname + location.search,
+    })
+  }
+  wordleSolver(getGreenLetters, getYellowLetters, getGreyLetters, greenWithIndex)
+}
+if (params.size > 0) {
+  window.onload = function (e) {
+    handleSubmit(e);
+  }
+  let correct = params.get('correct').toLowerCase()
+  let includes = params.get('includes').toLowerCase()
+  let excludes = params.get('excludes').toLowerCase()
+  for (let g = 0; g < greenLetters.length; g++) {
+    const elem = greenLetters[g]
+    let values = correct.split("")
+    values.map((item, index) => {
+      if (Number(elem.dataset.id) === index) {
+        elem.value = item.replace("_", "")
+        if (elem.value != "") {
+          elem.classList.add('ws-fcs')
+        }
+      }
+    })
+    elem.addEventListener('input', (e) => {
+      e.target.value = e.target.value.replace(/[^a-zA-Z? ]/g, "")
+      if (e.target.value) {
+        e.target.classList.add('ws-fcs')
+      } else {
+        e.target.classList.remove('ws-fcs')
+      }
+    })
+  }
+  for (let y = 0; y < yellowLetters.length; y++) {
+    const elem = yellowLetters[y]
+    let values = includes.split("")
+    values.map((item, index) => {
+      if (Number(elem.dataset.id) === index) {
+        elem.value = item.replace("_", "")
+        if (elem.value != "") {
+          elem.classList.add('ws-fcs2')
+        }
+      }
+    })
+    elem.addEventListener('input', (e) => {
+      e.target.value = e.target.value.replace(/[^a-zA-Z? ]/g, "")
+      if (e.target.value) {
+        e.target.classList.add('ws-fcs2')
+      } else {
+        e.target.classList.remove('ws-fcs2')
+      }
+    })
+  }
+  for (let e = 0; e < greyLetters.length; e++) {
+    const elem = greyLetters[e]
+    let values = excludes.split("")
+    values.map((item, index) => {
+      if (Number(elem.dataset.id) === index) {
+        elem.value = item.replace("_", "")
+        if (elem.value != "") {
+          elem.classList.add('ws-fcs3')
+        }
+      }
+    })
+
+    elem.addEventListener('input', (e) => {
+      e.target.value = e.target.value.replace(/[^a-zA-Z? ]/g, "")
+      if (e.target.value) {
+        e.target.classList.add('ws-fcs3')
+      } else {
+        e.target.classList.remove('ws-fcs3')
+      }
+    })
+  }
 
-  window.location = `/${permalink}/result` + '?' + "correct" + "=" + corretLettterArray.join("")
-    + '&includes' + '=' + includesLettterArray.join("") + "&excludes" + '=' + exculdesLettterArray.join("")
 }
-form.addEventListener('submit', handleSubmit)
+form.addEventListener('submit', handleSubmit)
+
+const wordleSolver = async (value, value2, value3, greenWithIndex) => {
+  try {
+    let result = ''
+    document.querySelector('#updateTxt').innerHTML = ''
+    spinner.classList.add('spinner-border')
+    wordleWordCount.innerHTML = 'Searching for best possible letters...'
+    let response = await fetch('/.netlify/functions/wordleSolver', {
+      method: 'POST',
+      body: JSON.stringify({
+        greenLetters: value,
+        yellowLetters: value2,
+        greyLetters: value3,
+        greenWithIndex: greenWithIndex,
+      }),
+    })
+    let data = await response.json()
+    data = data.slice(0, 1000)
+    document.querySelector('#updateTxt').innerHTML = 'Solve'
+    spinner.classList.remove('spinner-border')
+
+    let ok = true
+    if (data.length === 0) {
+      newWordsLength = ''
+      wordleSolverData.innerHTML = ''
+      wordleSolvererrorMsg.classList.add('alert-danger')
+      wordleSolvererrorMsg.innerHTML = 'Sorry!! No words found'
+      wordleWordCount.style.display = 'none'
+      // console.log(wordleWordCount)
+    } else {
+      wordleWordCount.style.display = 'block'
+      wordleSolverData.innerHTML = ''
+      wordleSolvererrorMsg.classList.remove('alert-danger')
+      wordleSolvererrorMsg.innerHTML = ''
+      newWordsLength = ''
+      newWordsLength += data.length
+      result = data.map((item) => {
+        if (item.length === 1) {
+          ok = false
+          newWordsLength = newWordsLength - 1
+        } else {
+          // console.log(newWordsLength);
+          let ScrabbleLetterScore = ScrabbleScore()
+          sum = 0
+          item = item.toLowerCase()
+          for (let i = 0; i < item.length; i++) {
+            sum += ScrabbleLetterScore[item[i]] || 0 // for unknown characters
+          }
+          return `
+          <a class="anchor__style" title="Lookup ${item} in Dictionary" target="_blank" href="/word-meaning?search=${item.toLowerCase()}">
+          <li>
+          ${item.toLowerCase()}
+          <span class="points" value="${sum}" style="position:relative; top:4px; font-size:12px"> ${sum}</span>
+          </li>
+          </a>
+          `
+        }
+      })
+      if (ok) {
+        wordleSolverData.innerHTML += `
+            <div class="allfiveletterswords wordlistContainer">
+                <div class="wordListHeading">
+                    <h3 class="lead">Solve wordle with these words</h3>
+                </div>
+                <div class="wordList">
+                    <ul class="ul list-unstyled">
+                     ${result.join('')}
+                    </ul>
+                </div>
+            </div>
+            `
+      }
+    }
+
+    if (newWordsLength === 0) {
+      console.log(true)
+      wordleSolvererrorMsg.classList.add('alert-danger')
+      wordleSolvererrorMsg.innerHTML = 'Sorry!! No words found'
+    } else {
+      wordleWordCount.innerHTML = `<strong>Found <span style="color:#20a815">${newWordsLength}</span> matching words for wordle</strong>`
+    }
+  } catch (error) {
+    console.log(error)
+  }
+}
+const getLetters = (object) => {
+  let letters = []
+  if (typeof object === 'string') {
+    object = document.querySelectorAll(object)
+  }
+  for (let item of object) {
+    if (item.value.trim().length === 1) {
+      letters.push(item.value.toLowerCase())
+    }
+  }
+  return letters
+}
+const getIndexs = (object) => {
+  let index = []
+  if (typeof object === 'string') {
+    object = document.querySelectorAll(object)
+  }
+  for (let item of object) {
+    if (item.value.trim().length === 1) {
+      index.push({
+        value: item.value.toLowerCase(),
+        index: item.dataset.id,
+      })
+    }
+  }
+  return index
+}
+document.querySelector(".refineSerach").addEventListener("click", () => {
+  const scrollingElement = (document.scrollingElement || document.body);
+  scrollingElement.scroll({ top: 0, behavior: 'smooth' });
+})
+const ScrabbleScore = () => {
+  let twl06_sowpods = {
+    a: 1,
+    e: 1,
+    i: 1,
+    o: 1,
+    u: 1,
+    l: 1,
+    n: 1,
+    r: 1,
+    s: 1,
+    t: 1,
+    d: 2,
+    g: 2,
+    b: 3,
+    c: 3,
+    m: 3,
+    p: 3,
+    f: 4,
+    h: 4,
+    v: 4,
+    w: 4,
+    y: 4,
+    k: 5,
+    j: 8,
+    x: 8,
+    q: 10,
+    z: 10,
+  }
+  return twl06_sowpods
+}

data/assets/js/wordleSolverResult.js

@@ -19,29 +19,6 @@ let includes = params.get('includes').toLowerCase()
 let excludes = params.get('excludes').toLowerCase()
 
 
-// let addMore = document.querySelector('#addMore')
-
-// addMore.addEventListener('click', (e) => {
-//   e.preventDefault()
-//   let div = document.createElement('div')
-//   div.classList.add('d-flex')
-//   div.classList.add('mt-2')
-
-//   for (let i = 20; i <= 24; i++) {
-//     let input = document.createElement('input')
-//     input.type = 'text'
-//     input.setAttribute('maxlength', '1')
-//     input.setAttribute('autocomplete', 'off')
-//     if (i <= 24) {
-//       input.setAttribute('tabIndex', i)
-//     }
-//     let classes = ['wordleSolver-field', 'greyLetters', 'form-control', 'px-5']
-//     input.classList.add(...classes)
-//     input.id = 'greyLetters'
-//     div.append(input)
-//     wrapper_div.append(div)
-//   }
-// })
 
 let spinner = document.querySelector('.spinner')
 const wordleSolver = async (value, value2, value3, greenWithIndex) => {

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: word-games-theme
 version: !ruby/object:Gem::Version
-  version: 2.9.0
+  version: 2.9.2
 platform: ruby
 authors:
 - manpreet-appscms
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-06-19 00:00:00.000000000 Z
+date: 2024-06-24 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll