word-games-theme 2.8.2 → 2.8.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 17543ce741f1baf1603be070f547faa129ea0b2703492c0fa418cbea54fbd50a
-  data.tar.gz: d8b0b9bd3b601d0a247d0c12d138bbd42c9897cf4cb40992624c384f8b6b83ba
+  metadata.gz: a6367a031ec15597ddaa8085ad720bce6860d7a9ea82650404a08d72c491e6ae
+  data.tar.gz: 2735da574dbc2e932009f362a65ddc827619307db80a0aa0470214fbf2abdae1
 SHA512:
-  metadata.gz: 405d3f0bccfa8c5ba69aab5c1ef9e1c4208266a1a29f6e4f3425f5ebaa4578087d070c5cc5857fa446eaeb01b3818768003a9cf2f227c0391157ade011a05d5a
-  data.tar.gz: a41b7171d014c4c82036d7935f61c8000d5b3ac06f2b8b37aef9698bad619dc3aa2d502ba07154d599fe28eba85b5b8f39e8482f2bc0439ebea9be880f2326b5
+  metadata.gz: 3bc991a069dacebbca46afcd0ccf7d66b0be7db58fd2a359fa0479816f902bf70fa729b1e2da09a4835bdcbae8ea0abd70a4b22ba41baff4367659f43890119f
+  data.tar.gz: 16b9857eb15cc4827041514b6e3e39be00bef5dcd3e341958eefe06209bcc6d517412b2daa97397fb4e38114a1f0a1e70b5b87afa59434b52a57de28cda9c02d

data/_includes/wordgames/words-data/words-data.html

@@ -41,14 +41,13 @@
             </div>
             <div class="sortingFilters wrapper_dropDown  justify-content-end" style="gap:10px; display: none;">
 
-                {%- if page.letter == nil -%}
+               
                 <div class="letter-length">
                     <select class="form-select length-select">
                         <option selected="true" hidden>Letter Length</option>
                     </select>
                 </div>
-                {%- endif -%}
-
+            
                 <div id="sort-select">
                     <select class="form-select sort-select" id="select_dropDown">
                         <option selected="true" hidden id="alpha" value="alpha">Sort by</option>

data/_layouts/wordgames-home.html

@@ -87,10 +87,7 @@
 
     
     <script defer src="/assets/js/theme.js"></script>
-
-    {%- if site.noResultPage and page.letter-%}
-    <script defer src="/assets/js/xletter-home.js"></script>
-    {%- elsif site.noResultPage -%}
+    {%- if site.noResultPage -%}
     <script defer src="/assets/js/wordfinder-home.js"></script>
     {%- else -%}
     <script defer src="/assets/js/wordgames-home.js"></script>

data/assets/css/wordgames-result.css

@@ -4,6 +4,7 @@
 
 
 /* show more button */
+
 .showmore_btn {
   background: black;
   padding: 1rem 2rem;
@@ -11,6 +12,8 @@
   color: #fff;
   font-size: 15px;
   border: none;
+  position: relative;
+  z-index: 9999;
 }
 .points{
   position:relative; top:4px; font-size:12px
@@ -348,6 +351,7 @@ input:-webkit-autofill:active {
   color: #fff;
 }
 
+
 .wordListHeading>h3 {
   font-size: 20px;
   font-weight: 600;

data/assets/css/wordsInCertainPosition.css

@@ -68,22 +68,28 @@ small {
     color: #fff;
 }
 
-.letterswords {
-    background-color: white !important;
-    width: 75%;
-    margin: 15px auto;
-    height: auto;
-    box-shadow: 0 0 2px rgb(0 0 0 / 20%);
-    /* margin: 10px 0; */
-    border-radius: 15px;
+.wordList {
+    padding: 15px;
+    display: inline-flex;
+    width: 100%;
+    flex-wrap: wrap;
 }
 
-.letterswords>.wordListHeading {
-    background: gray;
-    padding: 10px 0px 5px 25px;
-    color: #fff;
-    border-top-right-radius: 15px;
-    border-top-left-radius: 15px;
+.wordList .anchor__style {
+    color: #000 !important;
+    font-size: 15px;
+    text-decoration: none !important;
+    font-weight: 600;
+    list-style: none;
+    padding: 8px;
+    background: #f8f9fa;
+    border-radius: 5px;
+    margin: 6px 6px;
+    width: auto;
+    /* min-width: 100px; */
+    text-align: center;
+    border: solid 1px var(--black-color);
+    box-shadow: 2px 2px 1px 0px var(--black-color);
 }
 
 .wordListHeading>.lead {
@@ -92,7 +98,7 @@ small {
 
 #certain_pos_count {
     font-size: 16px;
-    width: 75%;
+    /* width: 75%; */
     margin: 10px auto;
 }
 
@@ -101,9 +107,6 @@ small {
     width: 75%;
 }
 
-.certainWordsList {
-    padding: 15px;
-}
 
 .certainWordsList>ul {
     display: inline-flex;
@@ -122,12 +125,6 @@ small {
     text-align: center;
 }
 
-.certainWordsList .anchor__style {
-    color: #000 !important;
-    font-size: 15px;
-    text-decoration: none !important;
-    font-weight: 600;
-}
 
 .tab_link_wrapper {
     position: sticky !important;
@@ -140,6 +137,7 @@ small {
     background: #f8f9fa;
     border-radius: 40px;
     padding: 8px;
+    border: 2px solid var(--black-color);
     /* white-space: wrap; */
 }
 
@@ -173,7 +171,7 @@ small {
     padding: 3px;
     border: none;
     position: absolute;
-    top: 15px;
+    top: 15px !important;
     right: 43px;
 }
 
@@ -185,7 +183,7 @@ small {
     padding: 3px;
     border: none;
     position: absolute;
-    top: 15px;
+    top: 15px !important;
     left: 43px;
 }
 
@@ -199,6 +197,10 @@ small {
         font-size: 13px;
     }
 
+    .tab_link_wrapper .tab_link{
+        font-size: 14px !important;
+    }
+
     .allfiveletterswords,
     #certain_pos_count,
     .letterswords {

data/assets/js/wordfinder.js

@@ -37,6 +37,22 @@ let theSelect = document.getElementById("select_dropDown");
 let sortingFilter = document.querySelector("#select_dropDown");
 const sortup = document.querySelector(".sortup-icon");
 let bool = false;
+
+
+// const serachSection = document.querySelector(".serachSection")
+const letterLen = serachSection.dataset.letter
+const ablank = serachSection.dataset.ablank
+
+if (ablank) {
+    if (!serachValue.includes("?")) {
+        if (serachValue.length <= letterLen || serachValue.length >= letterLen) {
+            serachValue = serachValue + '?'
+            txtBox.value = serachValue
+        }
+    }
+}
+
+
 sortup.addEventListener("click", () => {
     if (bool) {
         theSelect.size = 0;
@@ -75,8 +91,11 @@ let authorsLists = document.querySelector(".authors-list")
 let serachBtn = document.querySelector(".serachBtn")
 let searchBtnContainer = document.querySelector(".search-btn-container")
 
+let home_page_search_result = document.querySelector("#home_page_search_result")
+let homePageSearchResult = `/?search=${serachValue}&dictionary=Dictionary&prefix=&contains=&suffix=&exculde=&inculde=&length=`;
+
 // getWords define...
-const worker = new Worker('./assets/js/wordfinder-worker.js');
+const worker = new Worker('/assets/js/wordfinder-worker.js');
 const getData = async (serachValue) => {
     try {
         document.querySelector(".main-header").style.background = "#fff"
@@ -301,6 +320,14 @@ function getWords(data) {
                             lengthSelect.add(option);
                             lengthSelect.style.display = "block"
                         }
+
+
+                        if(letterLen){
+                            home_page_search_result.href = homePageSearchResult
+                            home_page_search_result.innerHTML = `See words of any length with letters ${serachValue.split("")}`
+                        }
+                      
+                  
                         main.innerHTML += `
                     <div class="allGroupWords wordlistContainer" id="alpha_${i}">
                         <h3 class="wordListHeading lead">${i} Letter Words</h3>

data/assets/js/words-in-certain-positions.js

@@ -14,6 +14,8 @@ let tab_link_wrapper = document.querySelector(".tab_link_wrapper")
 tab_link_wrapper.style.marginTop = "1rem"
 tab_link_wrapper.style.display = "none"
 
+
+const worker = new Worker('/assets/js/words-in-certain-positions-worker.js');
 const wordsInCertainPos = async (letters, lettersWithIndex, wordLength) => {
   let maxLength = Math.max.apply(null, wordLength);
   // maxLength = maxLength + 1
@@ -22,101 +24,61 @@ const wordsInCertainPos = async (letters, lettersWithIndex, wordLength) => {
     document.querySelector('#searchData').innerHTML = ''
     spinner.classList.add('spinner-border')
     certain_pos_count.innerHTML = 'Finding words  in certain position...'
-    let response = await fetch('/.netlify/functions/wordsInCertainPositions', {
+
+    worker.postMessage({
+      type: "api",
       method: 'POST',
-      body: JSON.stringify({
-        greenLetters: letters,
-        greenWithIndex: lettersWithIndex,
-      }),
-    })
-    let data = await response.json()
-    console.log(data);
-
-    if (data.length == 0) {
-      errMessage.innerHTML = 'Sorry!! No words found'
-      errMessage.classList.add('alert-danger')
-      errMessage.style.display = 'block'
-      document.querySelector('#searchData').innerHTML = 'Search'
-      spinner.classList.remove('spinner-border')
-      certain_pos_words_data.innerHTML = ""
-      tab_container.innerHTML = ""
-      certain_pos_count.innerHTML = ""
-      newWordsLength = 0
-    }
-    else {
-      errMessage.innerHTML = ''
-      errMessage.classList.remove('alert-danger')
-      data = data.slice(0, 1500)
-      document.querySelector('#searchData').innerHTML = 'Search'
-      spinner.classList.remove('spinner-border')
-      certain_pos_words_data.innerHTML = ""
-      tab_container.innerHTML = ""
-      newWordsLength = 0
-
-
-      let ok = true
-
-      for (let i = maxLength; i <= 15; i++) {
-        let newdata = data.filter((item) => item.length === i)
-        if (newdata.length === 0) {
-          certain_pos_words_data.innerHTML += ''
-        } else {
-          newWordsLength += newdata.length
-          certain_pos_error_msg.classList.remove('alert-danger')
-          certain_pos_error_msg.innerHTML = ''
-          const result = newdata.map((item) => {
-            if (item.length === 1) {
-              ok = false
-              newWordsLength = newWordsLength - 1
-            } else {
-              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}
-          <span class="points" value="${sum}" style="position:relative; top:4px; font-size:12px"> ${sum}</span>
-            </li></a>`
-            }
-          })
-          if (ok) {
-            tab_link_wrapper.style.display = "inline-flex"
-            tab_container.innerHTML += `
-          <input type="button" id="Tab_${i}" onclick="Filtering(${i})" value="${i} Letter"
-          class="tab_link  cursorPointer" />
-          `
-            let tabs = document.getElementsByClassName('tab_link')
-            tabs[0] ? tabs[0].classList.add('active-tab') : ''
-            certain_pos_words_data.innerHTML += `
-          <div class="letterswords wordlistContainer" id="alpha_${i}">
-              <div class="wordListHeading">
-                  <h3 class="lead">List of ${i} letter words that contain letters ${letters}</h3>
-              </div>
-              <div class="certainWordsList">
-                  <ul class="ul list-unstyled">
-                   ${result.join('')}
-                  </ul>
+      endpoint: `/.netlify/functions/wordsInCertainPositions`,
+      greenLetters: letters,
+      greenWithIndex: lettersWithIndex
+    });
+
+    worker.onmessage = async (event) => {
+      let { data, i, newWordsLength, result, ok } = event.data
+
+      if (data.length !== 0) {
+        certain_pos_error_msg.innerHTML = ''
+        certain_pos_error_msg.classList.remove('alert-danger')
+        document.querySelector('#searchData').innerHTML = 'Search'
+        spinner.classList.remove('spinner-border')
+        if (ok) {
+          tab_link_wrapper.style.display = "inline-flex"
+          tab_container.innerHTML += `
+              <input type="button" id="Tab_${i}" onclick="Filtering(${i})" value="${i} Letter"
+              class="tab_link  cursorPointer" />
+              `
+          let tabs = document.getElementsByClassName('tab_link')
+          tabs[0] ? tabs[0].classList.add('active-tab') : ''
+
+          certain_pos_words_data.innerHTML += `
+              <div class="allGroupWords letterswords wordlistContainer" id="alpha_${i}">
+                  <div class="wordListHeading">
+                      <h3 class="lead">List of ${i} letter words that contain letters ${letters}</h3>
+                  </div>
+                  <div class="certainWordsList">
+                      <div class="wordList ul list-unstyled">
+                       ${result.join('')}
+                      </div>
+                  </div>
               </div>
-          </div>
-          `
-          }
+              `
         }
       }
       if (newWordsLength === 0) {
+        document.querySelector('#searchData').innerHTML = 'Search'
+        spinner.classList.remove('spinner-border')
+        certain_pos_words_data.innerHTML = ""
+        tab_container.innerHTML = ""
         certain_pos_count.innerHTML = ""
+        newWordsLength = 0
+        tab_link_wrapper.style.display = "none"
         certain_pos_error_msg.classList.add('alert-danger')
         certain_pos_error_msg.innerHTML = 'Sorry!! No words found'
       } else {
         certain_pos_count.innerHTML = `<strong>Found <span>${newWordsLength}</span> 
-      words matching your search criteria </strong>`
+          words matching your search criteria </strong>`
       }
 
-
-
-
-
     }
   } catch (error) {
     console.log(error)
@@ -129,7 +91,6 @@ for (let g = 0; g < greenLetters.length; g++) {
     e.target.value = e.target.value.replace(/[^a-zA-Z? ]/g, "")
   })
 }
-
 const getLetters = (object) => {
   let letters = []
   if (typeof object === 'string') {
@@ -175,10 +136,70 @@ function handleSubmit(e) {
   let letters = getLetters('.greenLetters')
   let lettersWithIndex = getIndexs('.greenWithIndex')
   let wordLength = getLength('.greenWithIndex')
-
   wordsInCertainPos(letters, lettersWithIndex, wordLength)
 }
 form.addEventListener('submit', handleSubmit)
+
+
+// Scrabble Point Array
+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
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 // handling of filter on scroll
 window.onscroll = function () {
@@ -269,35 +290,4 @@ function scroll_Left() {
 function scroll_Right() {
   tab_container.scrollLeft -= 130
 }
-// Scrabble Point Array
-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/xletter-result.js

@@ -6,6 +6,8 @@ let errorMsg = document.querySelector('.errorMsg')
 let wordCount = document.querySelector('.wordCount')
 let main = document.querySelector('.main')
 
+console.log(letterLen);
+
 const params = new URLSearchParams(window.location.search)
 let serachValue = params.get('search').toLowerCase()
 let prefixValue = params.get('prefix')

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: word-games-theme
 version: !ruby/object:Gem::Version
-  version: 2.8.2
+  version: 2.8.3
 platform: ruby
 authors:
 - manpreet-appscms
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-05-10 00:00:00.000000000 Z
+date: 2024-05-17 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll