add url compression

add a url compression for the selecting generators
HerrErde · Apr 4, 2024 · ee61499 · ee61499
1 parent 5a971a2
commit ee61499
Show file tree

Hide file tree

Showing 5 changed files with 117 additions and 59 deletions.
diff --git a/src/assets/js/generateUrl.js b/src/assets/js/generateUrl.js
@@ -0,0 +1,71 @@
+// JavaScript function to compress numbers for URL
+function compress(numbers) {
+  if (!numbers || numbers.length === 0) {
+    return [];
+  }
+
+  const compressed = [];
+  let start = (end = numbers[0]);
+
+  for (let i = 1; i < numbers.length; i++) {
+    const num = numbers[i];
+    if (num === end + 1) {
+      end += 1;
+    } else {
+      if (start === end) {
+        compressed.push(start.toString());
+      } else if (start === end - 1) {
+        compressed.push(start.toString());
+        compressed.push(end.toString());
+      } else {
+        compressed.push(`${start}-${end}`);
+      }
+      start = end = num;
+    }
+  }
+
+  // Append the last range or single number
+  if (start === end) {
+    compressed.push(start.toString());
+  } else if (start === end - 1) {
+    compressed.push(start.toString());
+    compressed.push(end.toString());
+  } else {
+    compressed.push(`${start}-${end}`);
+  }
+
+  return compressed;
+}
+
+// JavaScript function to generate URL with selected IDs and default selection
+function generateUrl(url) {
+  const checkboxes = document.querySelectorAll('.select-checkbox:checked');
+  const defaultCheckbox = document.querySelector(
+    '.default-select-checkbox:checked'
+  );
+
+  const ids = [];
+  checkboxes.forEach(function (checkbox) {
+    ids.push(parseInt(checkbox.value)); // Parse value as integer
+  });
+
+  const defaultId = defaultCheckbox ? parseInt(defaultCheckbox.value) : 1;
+
+  // Compress the IDs for URL
+  const compressedIds = compress(ids);
+
+  // Include selected default ID and compressed IDs in URL
+  const generatedUrl =
+    url + defaultId + '&items=' + JSON.stringify(compressedIds);
+  window.location.href = generatedUrl;
+}
+
+// JavaScript function to retrieve URL from the script tag and call generateUrl() function
+function generateUrlFunction() {
+  // Retrieve the URL from the script tag
+  var scriptTag = document.querySelector('script[src$="generateUrl.js"]');
+  var url = scriptTag.getAttribute('url');
+
+  // Call the generateUrl() function with the retrieved URL
+  generateUrl(url);
+}
diff --git a/src/generator/character.php b/src/generator/character.php
@@ -1,4 +1,21 @@
 <?php
+// Function to decompress the compressed data
+function decompress($compressed)
+{
+    $decompressed = [];
+
+    foreach ($compressed as $item) {
+        if (strpos($item, '-') !== false) {
+            list($start, $end) = array_map('intval', explode('-', $item));
+            $decompressed = array_merge($decompressed, range($start, $end));
+        } else {
+            $decompressed[] = intval($item);
+        }
+    }
+
+    return $decompressed;
+}
+
 // Function to get the ID from the json file based on item number
 function getItemId($itemNumber, $jsonArray)
 {
@@ -17,7 +34,10 @@ function getItemId($itemNumber, $jsonArray)
 
 // Extract the "select" number and the items from the URL parameters
 $selectNumber = isset($_GET['select']) ? $_GET['select'] : null;
-$items = isset($_GET['items']) ? json_decode($_GET['items']) : [];
+$compressedItems = isset($_GET['items']) ? json_decode($_GET['items']) : [];
+
+// Decompress the items
+$items = decompress($compressedItems);
 
 // Initialize an array to store the IDs
 $itemIds = [];

diff --git a/src/generator/hoverboard.php b/src/generator/hoverboard.php
@@ -1,4 +1,21 @@
 <?php
+// Function to decompress the compressed data
+function decompress($compressed)
+{
+    $decompressed = [];
+
+    foreach ($compressed as $item) {
+        if (strpos($item, '-') !== false) {
+            list($start, $end) = array_map('intval', explode('-', $item));
+            $decompressed = array_merge($decompressed, range($start, $end));
+        } else {
+            $decompressed[] = intval($item);
+        }
+    }
+
+    return $decompressed;
+}
+
 // Function to get the ID from the json file based on item number
 function getItemId($itemNumber, $jsonArray)
 {
@@ -17,7 +34,10 @@ function getItemId($itemNumber, $jsonArray)
 
 // Extract the "select" number and the items from the URL parameters
 $selectNumber = isset($_GET['select']) ? $_GET['select'] : null;
-$items = isset($_GET['items']) ? json_decode($_GET['items']) : [];
+$compressedItems = isset($_GET['items']) ? json_decode($_GET['items']) : [];
+
+// Decompress the items
+$items = decompress($compressedItems);
 
 // Initialize an array to store the IDs
 $itemIds = [];

diff --git a/src/page/character.php b/src/page/character.php
@@ -56,40 +56,13 @@
       ?>
     </fieldset>
     <div id="filteredItems"></div>
-    <input type="button" class="btn btn-success" value="Generate URL" onclick="generateUrl()">
+    <input type="button" class="btn btn-success" value="Generate URL" onclick="generateUrlFunction()">
   </form>
 
   <script src="../assets/js/search.js"></script>
   <script src="../assets/js/generate.js"></script>
 
-  <script>
-    // JavaScript function to generate URL with selected IDs and default selection
-    function generateUrl() {
-      var checkboxes = document.querySelectorAll('.select-checkbox:checked');
-      var defaultCheckbox = document.querySelector(
-        '.default-select-checkbox:checked'
-      );
-
-      var ids = [];
-      checkboxes.forEach(function (checkbox) {
-        ids.push(parseInt(checkbox.value)); // Parse value as integer
-      });
-
-      var defaultId = 1;
-      if (defaultCheckbox) {
-        defaultId = parseInt(defaultCheckbox.value);
-      }
-
-      // Include selected default ID in URL
-      var url =
-        '../generator/character.php?select=' +
-        defaultId +
-        '&items=' +
-        JSON.stringify(ids);
-      window.location.href = url;
-    }
-  </script>
-
+  <script src="../assets/js/generateUrl.js" url="../generator/character.php?select="></script>
 
   <?php require "../require/footer.php"; ?>
 

diff --git a/src/page/hoverboard.php b/src/page/hoverboard.php
@@ -56,39 +56,13 @@
       ?>
     </fieldset>
     <div id="filteredItems"></div>
-    <input type="button" class="btn btn-success" value="Generate URL" onclick="generateUrl()">
+    <input type="button" class="btn btn-success" value="Generate URL" onclick="generateUrlFunction()">
   </form>
 
   <script src="../assets/js/search.js"></script>
   <script src="../assets/js/generate.js"></script>
 
-  <script>
-    // JavaScript function to generate URL with selected IDs and default selection
-    function generateUrl() {
-      var checkboxes = document.querySelectorAll('.select-checkbox:checked');
-      var defaultCheckbox = document.querySelector(
-        '.default-select-checkbox:checked'
-      );
-
-      var ids = [];
-      checkboxes.forEach(function (checkbox) {
-        ids.push(parseInt(checkbox.value)); // Parse value as integer
-      });
-
-      var defaultId = 1;
-      if (defaultCheckbox) {
-        defaultId = parseInt(defaultCheckbox.value);
-      }
-
-      // Include selected default ID in URL
-      var url =
-        '../generator/hoverboard.php?select=' +
-        defaultId +
-        '&items=' +
-        JSON.stringify(ids);
-      window.location.href = url;
-    }
-  </script>
+  <script src="../assets/js/generateUrl.js" url="../generator/hoverboard.php?select="></script>
 
   <?php require "../require/footer.php"; ?>