appscms-tools-theme 4.5.4 → 4.5.5

data/assets/js/devtools.js

@@ -1,82 +1,82 @@
-let input_editor, output_editor, data;
-output_editor = ace.edit("output_editor");
-output_editor.setReadOnly(true)
-output_editor.session.setMode("ace/mode/json");
-input_editor = ace.edit("input_editor");
-input_editor.session.setMode("ace/mode/json");
-let upload_div_inner = document.getElementById("upload_div_inner")
-let file_upload = document.getElementById("file_upload")
-let format_btn = document.getElementById("format_btn")
-let inputcopyButton = document.querySelector("#inputcopy");
-let outputcopyButton = document.querySelector("#outputcopy");
-let deleteEditorInputTxt = document.querySelector(".input_editor_bar .cross_icon");
-let deleteEditorOuputTxt = document.querySelector(".output_editor_bar .cross_icon");
-const siteName = file_upload.dataset.sitename
-let selectedFile
-
-upload_div_inner.onclick = function () {
-    document.querySelector("#file_upload").click();
-};
-file_upload.onchange = function (e) {
-    var input = e.target.files[0];
-    selectedFile = input
-    input_editor = ace.edit("input_editor");
-    input_editor.session.setMode("ace/mode/json");
-    var reader = new FileReader();
-    reader.onload = function () {
-        input_editor.setValue(reader.result);
-    }
-    reader.readAsText(input);
-};
-document.querySelector("#input_editor_bar .save_icon").onclick = function () {
-    file_saving_decision(1);
-};
-editorActions();
-function editorActions() {
-    deleteEditorInputTxt.onclick = function () {
-        input_editor.setValue("");
-    }
-    deleteEditorOuputTxt.onclick = function () {
-        output_editor.setValue("");
-    }
-    inputcopyButton.addEventListener("click", (e) => {
-        const el = document.createElement("textarea");
-        el.value = input_editor.getValue();
-        document.body.appendChild(el);
-        el.select();
-        document.execCommand("copy");
-        e.target.setAttribute('data-original-title', 'Copied !')
-    })
-    outputcopyButton.addEventListener("click", (e) => {
-        const el = document.createElement("textarea");
-        el.value = output_editor.getValue();
-        document.body.appendChild(el);
-        el.select();
-        document.execCommand("copy");
-        e.target.setAttribute('data-original-title', 'Copied !')
-    })
-}
-function file_saving_decision(flag) {
-    if (flag == 1) {
-        if (input_editor.getValue == "" || input_editor.getValue == undefined) {
-            return false;
-        } else {
-            file_download(input_editor.getValue(), "application/json", "json");
-        }
-    } else if (flag == 0) {
-        if (output_editor.getValue == "" || output_editor.getValue == undefined) {
-            return false;
-        } else {
-            file_download(output_editor.getValue(), "text/plain", "txt");
-        }
-    }
-}
-function file_download(code, mimetype, extension) {
-    var a = document.createElement("a");
-    var data = new Blob([code], {
-        type: mimetype,
-    });
-    a.href = window.URL.createObjectURL(data);
-    a.download = `${siteName}.` + extension;
-    a.click();
+let input_editor, output_editor, data;
+output_editor = ace.edit("output_editor");
+output_editor.setReadOnly(true)
+output_editor.session.setMode("ace/mode/json");
+input_editor = ace.edit("input_editor");
+input_editor.session.setMode("ace/mode/json");
+let upload_div_inner = document.getElementById("upload_div_inner")
+let file_upload = document.getElementById("file_upload")
+let format_btn = document.getElementById("format_btn")
+let inputcopyButton = document.querySelector("#inputcopy");
+let outputcopyButton = document.querySelector("#outputcopy");
+let deleteEditorInputTxt = document.querySelector(".input_editor_bar .cross_icon");
+let deleteEditorOuputTxt = document.querySelector(".output_editor_bar .cross_icon");
+const siteName = file_upload.dataset.sitename
+let selectedFile
+
+upload_div_inner.onclick = function () {
+    document.querySelector("#file_upload").click();
+};
+file_upload.onchange = function (e) {
+    var input = e.target.files[0];
+    selectedFile = input
+    input_editor = ace.edit("input_editor");
+    input_editor.session.setMode("ace/mode/json");
+    var reader = new FileReader();
+    reader.onload = function () {
+        input_editor.setValue(reader.result);
+    }
+    reader.readAsText(input);
+};
+document.querySelector("#input_editor_bar .save_icon").onclick = function () {
+    file_saving_decision(1);
+};
+editorActions();
+function editorActions() {
+    deleteEditorInputTxt.onclick = function () {
+        input_editor.setValue("");
+    }
+    deleteEditorOuputTxt.onclick = function () {
+        output_editor.setValue("");
+    }
+    inputcopyButton.addEventListener("click", (e) => {
+        const el = document.createElement("textarea");
+        el.value = input_editor.getValue();
+        document.body.appendChild(el);
+        el.select();
+        document.execCommand("copy");
+        e.target.setAttribute('data-original-title', 'Copied !')
+    })
+    outputcopyButton.addEventListener("click", (e) => {
+        const el = document.createElement("textarea");
+        el.value = output_editor.getValue();
+        document.body.appendChild(el);
+        el.select();
+        document.execCommand("copy");
+        e.target.setAttribute('data-original-title', 'Copied !')
+    })
+}
+function file_saving_decision(flag) {
+    if (flag == 1) {
+        if (input_editor.getValue == "" || input_editor.getValue == undefined) {
+            return false;
+        } else {
+            file_download(input_editor.getValue(), "application/json", "json");
+        }
+    } else if (flag == 0) {
+        if (output_editor.getValue == "" || output_editor.getValue == undefined) {
+            return false;
+        } else {
+            file_download(output_editor.getValue(), "text/plain", "txt");
+        }
+    }
+}
+function file_download(code, mimetype, extension) {
+    var a = document.createElement("a");
+    var data = new Blob([code], {
+        type: mimetype,
+    });
+    a.href = window.URL.createObjectURL(data);
+    a.download = `${siteName}.` + extension;
+    a.click();
 }

data/assets/js/sharePage.js

@@ -1,65 +1,65 @@
-document
-  .getElementsByClassName("close-share-modal")[0]
-  .addEventListener("click", function () {
-    document.getElementsByClassName("shareModal")[0].style.display = "none";
-  });
-
-document
-  .getElementsByClassName("facebook")[0]
-  .addEventListener("click", function () {
-    window.open(
-      "https://www.facebook.com/sharer/sharer.php?u=" +
-        encodeURIComponent(window.location.href)
-    );
-  });
-
-document
-  .getElementsByClassName("instagram")[0]
-  .addEventListener("click", function () {
-    window.open("https://www.instagram.com/");
-  });
-
-document
-  .getElementsByClassName("twitter")[0]
-  .addEventListener("click", function () {
-    window.open(
-      "https://twitter.com/share?url=" +
-        encodeURIComponent(window.location.href)
-    );
-  });
-
-document
-  .getElementsByClassName("whatsapp")[0]
-  .addEventListener("click", function () {
-    window.open(
-      "https://api.whatsapp.com/send?text=" +
-        encodeURIComponent(window.location.href)
-    );
-  });
-
-document
-  .getElementsByClassName("telegram")[0]
-  .addEventListener("click", function () {
-    window.open(
-      "https://telegram.me/share/url?url=" +
-        encodeURIComponent(window.location.href)
-    );
-  });
-
-document
-  .getElementsByClassName("pinterest")[0]
-  .addEventListener("click", function () {
-    window.open(
-      "https://pinterest.com/pin/create/button/?url=" +
-        encodeURIComponent(window.location.href)
-    );
-  });
-
-document
-  .getElementsByClassName("linkedin")[0]
-  .addEventListener("click", function () {
-    window.open(
-      "https://www.linkedin.com/shareArticle?mini=true&url=" +
-        encodeURIComponent(window.location.href)
-    );
-  });
+document
+  .getElementsByClassName("close-share-modal")[0]
+  .addEventListener("click", function () {
+    document.getElementsByClassName("shareModal")[0].style.display = "none";
+  });
+
+document
+  .getElementsByClassName("facebook")[0]
+  .addEventListener("click", function () {
+    window.open(
+      "https://www.facebook.com/sharer/sharer.php?u=" +
+        encodeURIComponent(window.location.href)
+    );
+  });
+
+document
+  .getElementsByClassName("instagram")[0]
+  .addEventListener("click", function () {
+    window.open("https://www.instagram.com/");
+  });
+
+document
+  .getElementsByClassName("twitter")[0]
+  .addEventListener("click", function () {
+    window.open(
+      "https://twitter.com/share?url=" +
+        encodeURIComponent(window.location.href)
+    );
+  });
+
+document
+  .getElementsByClassName("whatsapp")[0]
+  .addEventListener("click", function () {
+    window.open(
+      "https://api.whatsapp.com/send?text=" +
+        encodeURIComponent(window.location.href)
+    );
+  });
+
+document
+  .getElementsByClassName("telegram")[0]
+  .addEventListener("click", function () {
+    window.open(
+      "https://telegram.me/share/url?url=" +
+        encodeURIComponent(window.location.href)
+    );
+  });
+
+document
+  .getElementsByClassName("pinterest")[0]
+  .addEventListener("click", function () {
+    window.open(
+      "https://pinterest.com/pin/create/button/?url=" +
+        encodeURIComponent(window.location.href)
+    );
+  });
+
+document
+  .getElementsByClassName("linkedin")[0]
+  .addEventListener("click", function () {
+    window.open(
+      "https://www.linkedin.com/shareArticle?mini=true&url=" +
+        encodeURIComponent(window.location.href)
+    );
+  });

data/assets/js/usageTracking.js

@@ -1,143 +1,143 @@
-// Generate a unique ID for the user (if not already generated)
-const generateUserID = () => {
-  // Check if the user ID is already stored in cookies or local storage
-  const storedUserID = getStoredUserID();
-
-  if (storedUserID) {
-    return storedUserID;
-  }
-
-  // Example: Generating a random string
-  const characters =
-    "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
-  let id = "";
-  for (let i = 0; i < 10; i++) {
-    id += characters.charAt(Math.floor(Math.random() * characters.length));
-  }
-
-  // Store the generated user ID in cookies or local storage
-  storeUserID(id);
-
-  return id;
-};
-
-// Get the stored user ID from cookies or local storage
-const getStoredUserID = () => {
-  return localStorage.getItem("userID");
-};
-
-// Store the user ID in cookies or local storage
-const storeUserID = (userID) => {
-  localStorage.setItem("userID", userID);
-};
-
-// Get the current date in YYYY-MM-DD format
-const getCurrentDate = () => {
-  const today = new Date();
-  const year = today.getFullYear();
-  const month = String(today.getMonth() + 1).padStart(2, "0");
-  const day = String(today.getDate()).padStart(2, "0");
-  return `${year}-${month}-${day}`;
-};
-
-let userTrackingCountLimit = "20";
-const checkUsage = () => {
-  const today = new Date().toDateString();
-  const usageCount = getCookie("featureUsageCount");
-
-  if (usageCount) {
-    // User has already used the feature today
-    if (usageCount >= Number(userTrackingCountLimit)) {
-      showShareModal();
-    } else {
-      incrementUsageCount(usageCount);
-    }
-  } else {
-    // First usage of the day
-    setCookie("featureUsageCount", 1, getExpirationDate());
-  }
-  const userID = generateUserID();
-  try {
-    if ((usageCount + 1) % 5 === 0) {
-      gtag("event", `feature_used_${usageCount + 1}_times`, {
-        user_id: userID,
-        userID: userID,
-        feature: window.location.pathname + location.search,
-      });
-    }
-  } catch (error) {
-    console.log(error);
-  }
-
-  try {
-    gtag("event", "feature_used", {
-      user_id: userID,
-      userID: userID,
-      feature: window.location.pathname + location.search,
-    });
-  } catch (error) {
-    console.log(error);
-  }
-};
-const incrementUsageCount = (count) => {
-  const today = new Date().toDateString();
-
-  if (count >= Number(userTrackingCountLimit)) {
-    showShareModal();
-  } else {
-    count++;
-    setCookie("featureUsageCount", count, getExpirationDate());
-  }
-};
-
-const showShareModal = () => {
-  document.getElementById("shareModal").style.display = "block";
-};
-
-const handleShare = () => {
-  const usageCount = getCookie("featureUsageCount");
-  if (usageCount) {
-    setCookie("featureUsageCount", 0, getExpirationDate());
-  }
-  document.getElementById("shareModal").style.display = "none";
-  try {
-    const userID = generateUserID();
-    gtag("event", "feature_shared", {
-      user_id: userID,
-      userID: userID,
-      feature: window.location.pathname + location.search,
-    });
-  } catch (error) {
-    console.log(error);
-  }
-};
-
-const getCookie = (name) => {
-  const cookies = document.cookie.split(";");
-  for (let i = 0; i < cookies.length; i++) {
-    const cookie = cookies[i].trim();
-    if (cookie.indexOf(name + "=") === 0) {
-      return parseInt(cookie.substring((name + "=").length, cookie.length));
-    }
-  }
-  return null;
-};
-
-const setCookie = (name, value, expires) => {
-  document.cookie = `${name}=${value};expires=${expires};path=/`;
-};
-
-const getExpirationDate = () => {
-  const date = new Date();
-  date.setTime(date.getTime() + 24 * 60 * 60 * 1000); // 24 hours in milliseconds
-  return date.toUTCString();
-};
-const socialShare = document.querySelectorAll(".social-share");
-
-if (socialShare) {
-  Array.from(socialShare).map((item) => {
-    item.addEventListener("click", () => {
-      handleShare();
-    });
-  });
-}
+// Generate a unique ID for the user (if not already generated)
+const generateUserID = () => {
+  // Check if the user ID is already stored in cookies or local storage
+  const storedUserID = getStoredUserID();
+
+  if (storedUserID) {
+    return storedUserID;
+  }
+
+  // Example: Generating a random string
+  const characters =
+    "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+  let id = "";
+  for (let i = 0; i < 10; i++) {
+    id += characters.charAt(Math.floor(Math.random() * characters.length));
+  }
+
+  // Store the generated user ID in cookies or local storage
+  storeUserID(id);
+
+  return id;
+};
+
+// Get the stored user ID from cookies or local storage
+const getStoredUserID = () => {
+  return localStorage.getItem("userID");
+};
+
+// Store the user ID in cookies or local storage
+const storeUserID = (userID) => {
+  localStorage.setItem("userID", userID);
+};
+
+// Get the current date in YYYY-MM-DD format
+const getCurrentDate = () => {
+  const today = new Date();
+  const year = today.getFullYear();
+  const month = String(today.getMonth() + 1).padStart(2, "0");
+  const day = String(today.getDate()).padStart(2, "0");
+  return `${year}-${month}-${day}`;
+};
+
+let userTrackingCountLimit = "20";
+const checkUsage = () => {
+  const today = new Date().toDateString();
+  const usageCount = getCookie("featureUsageCount");
+
+  if (usageCount) {
+    // User has already used the feature today
+    if (usageCount >= Number(userTrackingCountLimit)) {
+      showShareModal();
+    } else {
+      incrementUsageCount(usageCount);
+    }
+  } else {
+    // First usage of the day
+    setCookie("featureUsageCount", 1, getExpirationDate());
+  }
+  const userID = generateUserID();
+  try {
+    if ((usageCount + 1) % 5 === 0) {
+      gtag("event", `feature_used_${usageCount + 1}_times`, {
+        user_id: userID,
+        userID: userID,
+        feature: window.location.pathname + location.search,
+      });
+    }
+  } catch (error) {
+    console.log(error);
+  }
+
+  try {
+    gtag("event", "feature_used", {
+      user_id: userID,
+      userID: userID,
+      feature: window.location.pathname + location.search,
+    });
+  } catch (error) {
+    console.log(error);
+  }
+};
+const incrementUsageCount = (count) => {
+  const today = new Date().toDateString();
+
+  if (count >= Number(userTrackingCountLimit)) {
+    showShareModal();
+  } else {
+    count++;
+    setCookie("featureUsageCount", count, getExpirationDate());
+  }
+};
+
+const showShareModal = () => {
+  document.getElementById("shareModal").style.display = "block";
+};
+
+const handleShare = () => {
+  const usageCount = getCookie("featureUsageCount");
+  if (usageCount) {
+    setCookie("featureUsageCount", 0, getExpirationDate());
+  }
+  document.getElementById("shareModal").style.display = "none";
+  try {
+    const userID = generateUserID();
+    gtag("event", "feature_shared", {
+      user_id: userID,
+      userID: userID,
+      feature: window.location.pathname + location.search,
+    });
+  } catch (error) {
+    console.log(error);
+  }
+};
+
+const getCookie = (name) => {
+  const cookies = document.cookie.split(";");
+  for (let i = 0; i < cookies.length; i++) {
+    const cookie = cookies[i].trim();
+    if (cookie.indexOf(name + "=") === 0) {
+      return parseInt(cookie.substring((name + "=").length, cookie.length));
+    }
+  }
+  return null;
+};
+
+const setCookie = (name, value, expires) => {
+  document.cookie = `${name}=${value};expires=${expires};path=/`;
+};
+
+const getExpirationDate = () => {
+  const date = new Date();
+  date.setTime(date.getTime() + 24 * 60 * 60 * 1000); // 24 hours in milliseconds
+  return date.toUTCString();
+};
+const socialShare = document.querySelectorAll(".social-share");
+
+if (socialShare) {
+  Array.from(socialShare).map((item) => {
+    item.addEventListener("click", () => {
+      handleShare();
+    });
+  });
+}

data/assets/js/usageTrackingEvents.js

@@ -1,6 +1,6 @@
-const inputBoxOfFeatureFile = document.querySelector("#inputbox");
-if (inputBoxOfFeatureFile) {
-  inputBoxOfFeatureFile.addEventListener("click", () => {
-    checkUsage();
-  });
-}
+const inputBoxOfFeatureFile = document.querySelector("#inputbox");
+if (inputBoxOfFeatureFile) {
+  inputBoxOfFeatureFile.addEventListener("click", () => {
+    checkUsage();
+  });
+}

data/assets/js/webvitals.js

@@ -1,5 +1,5 @@
-
-        webVitals.onCLS(console.log);
-        webVitals.onFID(console.log);
-        webVitals.onLCP(console.log);
+
+        webVitals.onCLS(console.log);
+        webVitals.onFID(console.log);
+        webVitals.onLCP(console.log);
         webVitals.onINP(console.log);

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: appscms-tools-theme
 version: !ruby/object:Gem::Version
-  version: 4.5.4
+  version: 4.5.5
 platform: ruby
 authors:
 - vivek-appscms
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-04-26 00:00:00.000000000 Z
+date: 2024-05-11 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -611,7 +611,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.3.26
+rubygems_version: 3.4.10
 signing_key:
 specification_version: 4
 summary: Appscms theme for all tools