appscms-tools-theme 5.1.6 → 5.1.8

data/assets/js/appscms-login.js

@@ -1,5 +1,6 @@
 ---
 ---
+
 const profileButton = document.getElementById("profileButton");
 const userModal = document.getElementById("userModal");
 let isModalOpen = false;
@@ -39,7 +40,6 @@ const closeModalBtn = document.querySelector(".close-modal-btn");
 function openModal() {
   if (modalOverlayy && sideModal) {
     modalOverlayy.style.display = "block";
-    // Slight delay for the overlay to appear before the modal slides in
     setTimeout(() => {
       sideModal.style.right = "0";
     }, 50);
@@ -50,7 +50,6 @@ function openModal() {
 function closeModal() {
   if (sideModal && modalOverlayy) {
     sideModal.style.right = "-90%";
-    // Wait for the animation to complete before hiding the overlay
     setTimeout(() => {
       modalOverlayy.style.display = "none";
     }, 300);
@@ -70,7 +69,6 @@ if (modalOverlayy) {
   modalOverlayy.addEventListener("click", closeModal);
 }
 
-// Prevent closing when clicking inside the modal
 if (sideModal) {
   sideModal.addEventListener("click", function (event) {
     event.stopPropagation();
@@ -89,35 +87,25 @@ let firebaseConfig;
 
 async function loadFirebaseConfig() {
   try {
-    // Try to get config from Netlify function
     const hostname = window.location.hostname;
-    const port = window.location.port;
-
     let baseUrl = "";
 
-    // Development environment detection
     if (hostname === "localhost" || hostname === "127.0.0.1") {
-      // When running locally, we need to specify which port the Netlify Functions are running on
-      // Default Netlify CLI functions port is 8888, but could be 9000 or custom
-      baseUrl = "http://localhost:9000"; // Adjust this if your Netlify Functions are on a different port
+      baseUrl = "http://localhost:9000";
     }
 
-    // Make the request to the Netlify function with credentials included
-
     const response = await fetch(
-      `http://localhost:9000/.netlify/functions/get-firebase-config`
+      `${baseUrl}/.netlify/functions/get-firebase-config`
     );
 
     if (response.ok) {
       firebaseConfig = await response.json();
 
-      // Check if we got all required config fields
       if (
         firebaseConfig.apiKey &&
         firebaseConfig.authDomain &&
         firebaseConfig.projectId
       ) {
-        // Initialize Firebase with the config
         if (typeof firebase !== "undefined") {
           initializeFirebase();
         } else {
@@ -138,7 +126,6 @@ async function loadFirebaseConfig() {
 function initializeFirebase() {
   if (!firebase.apps.length) {
     firebase.initializeApp(firebaseConfig);
-
     setupAuthListeners();
   }
 }
@@ -150,9 +137,7 @@ function setupAuthListeners() {
     .getRedirectResult()
     .then((result) => {
       if (result && result.user) {
-        // Twitter or other redirect login was successful
-        // Auth state observer will handle the UI update
-      } else if (result) {
+        // Successful redirect login
       }
     })
     .catch((error) => {
@@ -162,14 +147,12 @@ function setupAuthListeners() {
       }
     });
 
-  // DOM Elements
   const loginForm = document.getElementById("loginForm");
   const signupForm = document.getElementById("signupForm");
   const forgotPasswordForm = document.getElementById("forgotPasswordForm");
   const userAvatar = document.getElementById("userAvatar");
   const profileUserAvatar = document.querySelector(".profile-user-avatar");
 
-  // Switch between login and signup
   const showSignupBtn = document.getElementById("showSignup");
   if (showSignupBtn) {
     showSignupBtn.addEventListener("click", (e) => {
@@ -190,7 +173,6 @@ function setupAuthListeners() {
     });
   }
 
-  // Show forgot password form
   const forgotPasswordBtn = document.getElementById("forgotPassword");
   if (forgotPasswordBtn) {
     forgotPasswordBtn.addEventListener("click", (e) => {
@@ -200,7 +182,6 @@ function setupAuthListeners() {
     });
   }
 
-  // Back to login from forgot password
   const backToLoginBtn = document.getElementById("backToLogin");
   if (backToLoginBtn) {
     backToLoginBtn.addEventListener("click", () => {
@@ -211,7 +192,6 @@ function setupAuthListeners() {
     });
   }
 
-  // Handle reset password form submission
   const resetPasswordForm = document.getElementById("resetPasswordForm");
   if (resetPasswordForm) {
     resetPasswordForm.addEventListener("submit", (e) => {
@@ -221,7 +201,6 @@ function setupAuthListeners() {
 
       const email = resetEmail.value;
 
-      // This is the correct way to set up redirects - Firebase will handle adding the continueUrl internally
       const actionCodeSettings = {
         url: "https://pdftoolkit-develop.netlify.app/",
         handleCodeInApp: false,
@@ -230,7 +209,6 @@ function setupAuthListeners() {
       auth
         .sendPasswordResetEmail(email, actionCodeSettings)
         .then(() => {
-          // Show success message
           const resetSuccess = document.getElementById("resetSuccess");
           if (resetSuccess) resetSuccess.style.display = "block";
           resetPasswordForm.reset();
@@ -241,7 +219,6 @@ function setupAuthListeners() {
     });
   }
 
-  // Toggle password visibility
   const toggleLoginPassword = document.getElementById("toggleLoginPassword");
   if (toggleLoginPassword) {
     toggleLoginPassword.addEventListener("click", () => {
@@ -264,7 +241,6 @@ function setupAuthListeners() {
     });
   }
 
-  // Email/Password Login
   const emailLoginForm = document.getElementById("emailLoginForm");
   if (emailLoginForm) {
     emailLoginForm.addEventListener("submit", (e) => {
@@ -273,22 +249,15 @@ function setupAuthListeners() {
       const loginPassword = document.getElementById("loginPassword");
       if (!loginEmail || !loginPassword) return;
 
-      const email = loginEmail.value;
-      const password = loginPassword.value;
-
       auth
-        .signInWithEmailAndPassword(email, password)
-        .then((userCredential) => {
-          // Signed in
-          const user = userCredential.user;
-        })
+        .signInWithEmailAndPassword(loginEmail.value, loginPassword.value)
+        .then(() => {})
         .catch((error) => {
           alert(`Login error: ${error.message}`);
         });
     });
   }
 
-  // Email/Password Signup
   const emailSignupForm = document.getElementById("emailSignupForm");
   if (emailSignupForm) {
     emailSignupForm.addEventListener("submit", (e) => {
@@ -297,29 +266,22 @@ function setupAuthListeners() {
       const signupPassword = document.getElementById("signupPassword");
       if (!signupEmail || !signupPassword) return;
 
-      const email = signupEmail.value;
-      const password = signupPassword.value;
-
       auth
-        .createUserWithEmailAndPassword(email, password)
-        .then((userCredential) => {
-          // Signed up
-          const user = userCredential.user;
-        })
+        .createUserWithEmailAndPassword(signupEmail.value, signupPassword.value)
+        .then(() => {})
         .catch((error) => {
           alert(`Signup error: ${error.message}`);
         });
     });
   }
 
-  // Google Login
   const googleLoginBtn = document.getElementById("googleLogin");
   if (googleLoginBtn) {
     googleLoginBtn.addEventListener("click", () => {
       const provider = new firebase.auth.GoogleAuthProvider();
       auth
         .signInWithPopup(provider)
-        .then((result) => {})
+        .then(() => {})
         .catch((error) => {
           alert(`Google login error: ${error.message}`);
         });
@@ -332,24 +294,22 @@ function setupAuthListeners() {
       const provider = new firebase.auth.GoogleAuthProvider();
       auth
         .signInWithPopup(provider)
-        .then((result) => {})
+        .then(() => {})
         .catch((error) => {
           alert(`Google signup error: ${error.message}`);
         });
     });
   }
 
-  // Facebook Login
   const facebookLoginBtn = document.getElementById("facebookLogin");
   if (facebookLoginBtn) {
     facebookLoginBtn.addEventListener("click", () => {
       const provider = new firebase.auth.FacebookAuthProvider();
       provider.addScope("email");
 
-      // Try popup instead of redirect for Facebook
       auth
         .signInWithPopup(provider)
-        .then((result) => {})
+        .then(() => {})
         .catch((error) => {
           console.error("Facebook login error:", error);
           alert(`Facebook login error: ${error.message}`);
@@ -357,40 +317,30 @@ function setupAuthListeners() {
     });
   }
 
-  // Twitter Login - Try using popup method first
   const twitterLoginBtn = document.getElementById("twitterLogin");
   if (twitterLoginBtn) {
     twitterLoginBtn.addEventListener("click", () => {
       const provider = new firebase.auth.TwitterAuthProvider();
-
-      try {
-        // Try popup method first as it provides better error feedback
-        auth
-          .signInWithPopup(provider)
-          .then((result) => {})
-          .catch((error) => {
-            console.error("Twitter popup error:", error);
-
-            // If popup fails, fallback to redirect
-            if (
-              error.code === "auth/popup-blocked" ||
-              error.code === "auth/popup-closed-by-user"
-            ) {
-              auth.signInWithRedirect(provider).catch((redirectError) => {
-                console.error("Twitter redirect error:", redirectError);
-                alert(`Twitter login error: ${redirectError.message}`);
-              });
-            } else {
-              alert(`Twitter login error: ${error.message}`);
-            }
-          });
-      } catch (e) {
-        console.error("Exception during Twitter login:", e);
-      }
+      auth
+        .signInWithPopup(provider)
+        .then(() => {})
+        .catch((error) => {
+          console.error("Twitter popup error:", error);
+          if (
+            error.code === "auth/popup-blocked" ||
+            error.code === "auth/popup-closed-by-user"
+          ) {
+            auth.signInWithRedirect(provider).catch((redirectError) => {
+              console.error("Twitter redirect error:", redirectError);
+              alert(`Twitter login error: ${redirectError.message}`);
+            });
+          } else {
+            alert(`Twitter login error: ${error.message}`);
+          }
+        });
     });
   }
 
-  // Logout
   const logoutBtn = document.getElementById("logoutBtn");
   if (logoutBtn) {
     logoutBtn.addEventListener("click", () => {
@@ -409,7 +359,6 @@ function setupAuthListeners() {
     });
   }
 
-  // Auth state observer
   auth.onAuthStateChanged((user) => {
     if (user) {
       const email = user.email || "No email available";
@@ -419,7 +368,6 @@ function setupAuthListeners() {
       let displayName =
         user.displayName || (user.email ? user.email.split("@")[0] : "User");
 
-      // Special handling for Twitter users who might not have email
       if (
         user.providerData[0].providerId === "twitter.com" &&
         !user.displayName
@@ -442,7 +390,6 @@ function setupAuthListeners() {
       const loginModalButton = document.querySelector(".login-modal-button");
       if (loginModalButton) loginModalButton.style.display = "none";
 
-      // Set initials for avatar
       const initials = displayName
         .split(" ")
         .map((n) => n[0])
@@ -465,12 +412,14 @@ function setupAuthListeners() {
         const userProfileSection = document.querySelector(
           ".user-profile-section"
         );
-        if (userProfileSection) userProfileSection.style.display = "flex";
+        if (userProfileSection)
+          userProfileSection.style.display = "flex";
 
         const profileLoginContainer = document.querySelector(
           ".profile-login-container"
         );
-        if (profileLoginContainer) profileLoginContainer.style.display = "none";
+        if (profileLoginContainer)
+          profileLoginContainer.style.display = "none";
 
         const avatarLarge = document.querySelector(".avatar-large");
         if (avatarLarge) avatarLarge.textContent = initials;
@@ -488,55 +437,6 @@ function setupAuthListeners() {
       if (forgotPasswordForm) forgotPasswordForm.style.display = "none";
     }
   });
-  const OPERATION_LIMIT = "{{ site.OPERATION_LIMIT }}"; // Set based on site config
-const STORAGE_KEY = "user_operations";
-
-function getOperationCount() {
-    const storedCount = localStorage.getItem(STORAGE_KEY);
-    return storedCount ? parseInt(storedCount, 10) : 0;
-}
-
-function incrementOperationCount() {
-    let currentCount = getOperationCount();
-    
-    if (currentCount >= OPERATION_LIMIT) {
-        showSignupPopup();
-        return false; // Prevent further uploads
-    }
-
-    localStorage.setItem(STORAGE_KEY, currentCount + 1);
-    return true;
-}
-
-function showSignupPopup() {
-    auth.onAuthStateChanged((user) => {
-        if (user) {
-            console.log(user);
-        }
-        else{
-            openModal()
-            document.querySelector('.close-modal-btn').style.display="none"
-        }
-    })
-   
-}
-
-function hideSignupPopup() {
-   closeModal()
-}
-
-
-
-// Attach event listener to all file inputs
-document.querySelectorAll("input[type='file']").forEach(input => {
-    input.addEventListener("change", function () {
-        if (incrementOperationCount()) {
-            console.log("File uploaded in:", this);
-        } else {
-            this.value = ""; // Reset the input field
-        }
-    });
-});
 }
 
 // Initialize the app
@@ -545,4 +445,3 @@ if (document.readyState === "loading") {
 } else {
   loadFirebaseConfig();
 }
-

data/assets/js/blog-topic-ideas.js

@@ -0,0 +1,57 @@
+// Auto-generated JS for Blog Topic Ideas
+document.addEventListener("DOMContentLoaded", function () {
+  const form = document.getElementById("contentToolForm");
+  const editor = document.querySelector("#editor .ql-editor");
+
+  const tool = "blog-topic-ideas";
+
+    let input0 = form.querySelector('[name="input0"]');
+    let language = form.querySelector('[name="language"]');
+    let tone = form.querySelector('[name="tone"]');
+
+  form.addEventListener("submit", async function (e) {
+    e.preventDefault();
+
+    const formData = new FormData(form);
+    const options = {};
+    let inputIndex = 0;
+
+    for (const [key, value] of formData.entries()) {
+      if (key === "language" || key === "tone") {
+        options[key] = value;
+      } else {
+        options[`input[${inputIndex}]`] = value;
+        inputIndex++;
+      }
+    }
+
+    const body = {
+      tool: tool,
+      llm: "gemini",
+      model_name: "gemini-2.0-flash",
+      options: options
+    };
+
+    try {
+      const response = await fetch(`http://localhost:8000/api/v1/name-and-title-tools/${tool}`, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify(body)
+      });
+
+      const data = await response.json();
+
+      if (data.output && editor) {
+        editor.innerHTML += "<p>" + data.output + "</p>";
+      } else {
+        editor.innerHTML += "<p><em>No output received from server.</em></p>";
+      }
+
+    } catch (err) {
+      console.error("❌ API Error:", err);
+      editor.innerHTML += "<p style='color:red;'>Error: " + err.message + "</p>";
+    }
+  });
+});

data/assets/js/human-written-blog-post.js

@@ -0,0 +1,57 @@
+// Auto-generated JS for Human Written Blog Post
+document.addEventListener("DOMContentLoaded", function () {
+  const form = document.getElementById("contentToolForm");
+  const editor = document.querySelector("#editor .ql-editor");
+
+  const tool = "human-written-blog-post";
+
+    let input0 = form.querySelector('[name="input0"]');
+    let language = form.querySelector('[name="language"]');
+    let tone = form.querySelector('[name="tone"]');
+
+  form.addEventListener("submit", async function (e) {
+    e.preventDefault();
+
+    const formData = new FormData(form);
+    const options = {};
+    let inputIndex = 0;
+
+    for (const [key, value] of formData.entries()) {
+      if (key === "language" || key === "tone") {
+        options[key] = value;
+      } else {
+        options[`input[${inputIndex}]`] = value;
+        inputIndex++;
+      }
+    }
+
+    const body = {
+      tool: tool,
+      llm: "gemini",
+      model_name: "gemini-2.0-flash",
+      options: options
+    };
+
+    try {
+      const response = await fetch(`http://localhost:8000/api/v1/name-and-title-tools/${tool}`, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify(body)
+      });
+
+      const data = await response.json();
+
+      if (data.output && editor) {
+        editor.innerHTML += "<p>" + data.output + "</p>";
+      } else {
+        editor.innerHTML += "<p><em>No output received from server.</em></p>";
+      }
+
+    } catch (err) {
+      console.error("❌ API Error:", err);
+      editor.innerHTML += "<p style='color:red;'>Error: " + err.message + "</p>";
+    }
+  });
+});

data/assets/js/instagram-caption.js

@@ -0,0 +1,57 @@
+// Auto-generated JS for Instagram Caption
+document.addEventListener("DOMContentLoaded", function () {
+  const form = document.getElementById("contentToolForm");
+  const editor = document.querySelector("#editor .ql-editor");
+
+  const tool = "instagram-caption";
+
+    let input0 = form.querySelector('[name="input0"]');
+    let language = form.querySelector('[name="language"]');
+    let tone = form.querySelector('[name="tone"]');
+
+  form.addEventListener("submit", async function (e) {
+    e.preventDefault();
+
+    const formData = new FormData(form);
+    const options = {};
+    let inputIndex = 0;
+
+    for (const [key, value] of formData.entries()) {
+      if (key === "language" || key === "tone") {
+        options[key] = value;
+      } else {
+        options[`input[${inputIndex}]`] = value;
+        inputIndex++;
+      }
+    }
+
+    const body = {
+      tool: tool,
+      llm: "gemini",
+      model_name: "gemini-2.0-flash",
+      options: options
+    };
+
+    try {
+      const response = await fetch(`http://localhost:8000/api/v1/name-and-title-tools/${tool}`, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify(body)
+      });
+
+      const data = await response.json();
+
+      if (data.output && editor) {
+        editor.innerHTML += "<p>" + data.output + "</p>";
+      } else {
+        editor.innerHTML += "<p><em>No output received from server.</em></p>";
+      }
+
+    } catch (err) {
+      console.error("❌ API Error:", err);
+      editor.innerHTML += "<p style='color:red;'>Error: " + err.message + "</p>";
+    }
+  });
+});

data/assets/js/instagram-hashtag-generator.js

@@ -0,0 +1,10 @@
+// JS for Instagram Hashtag Generator
+document.addEventListener("DOMContentLoaded", function () {
+  let input0 = document.querySelector('[name="input0"]');
+let input1 = document.querySelector('[name="input1"]');
+let input2 = document.querySelector('[name="input2"]');
+let language = document.querySelector('[name="language"]');
+let tone = document.querySelector('[name="tone"]');
+
+  // Add event listeners or processing logic here
+});

data/assets/js/instagram-name-generator.js

@@ -0,0 +1,61 @@
+// Auto-generated JS for Instagram Name Generator
+document.addEventListener("DOMContentLoaded", function () {
+  const form = document.getElementById("contentToolForm");
+  const editor = document.querySelector("#editor .ql-editor");
+
+  const tool = "instagram-name-generator";
+
+  let input0 = form.querySelector('[name="input0"]');
+  let input1 = form.querySelector('[name="input1"]');
+  let language = form.querySelector('[name="language"]');
+  let tone = form.querySelector('[name="tone"]');
+
+  form.addEventListener("submit", async function (e) {
+    e.preventDefault();
+
+    const formData = new FormData(form);
+    const options = {};
+    let inputIndex = 0;
+
+    for (const [key, value] of formData.entries()) {
+      if (key === "language" || key === "tone") {
+        options[key] = value;
+      } else {
+        options[`input[${inputIndex}]`] = value;
+        inputIndex++;
+      }
+    }
+
+    const body = {
+      tool: tool,
+      llm: "gemini",
+      model_name: "gemini-2.0-flash",
+      options: options,
+    };
+
+    try {
+      const response = await fetch(
+        `http://localhost:8000/api/v1/social-media-tools/${tool}`,
+        {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json",
+          },
+          body: JSON.stringify(body),
+        }
+      );
+
+      const data = await response.json();
+
+      if (data.output && editor) {
+        editor.innerHTML += "<p>" + data.output + "</p>";
+      } else {
+        editor.innerHTML += "<p><em>No output received from server.</em></p>";
+      }
+    } catch (err) {
+      console.error("❌ API Error:", err);
+      editor.innerHTML +=
+        "<p style='color:red;'>Error: " + err.message + "</p>";
+    }
+  });
+});

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: appscms-tools-theme
 version: !ruby/object:Gem::Version
-  version: 5.1.6
+  version: 5.1.8
 platform: ruby
 authors:
 - vivek-appscms
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-06-28 00:00:00.000000000 Z
+date: 2025-07-14 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -101,6 +101,7 @@ files:
 - _data/home/de/da.json
 - _data/home/de/de.json
 - _data/home/en/en.json
+- _data/home/en/ens.json
 - _data/home/en/photoeffects.json
 - _data/home/en/posters.json
 - _data/home/hi/hi.json
@@ -236,6 +237,8 @@ files:
 - _layouts/calculator.html
 - _layouts/categories.html
 - _layouts/contactUs.html
+- _layouts/content-tool-ai copy.html
+- _layouts/content-tool-ai-2.html
 - _layouts/content-tool-ai.html
 - _layouts/contenttool-feature.html
 - _layouts/contenttool-home.html
@@ -555,6 +558,7 @@ files:
 - assets/js/appscms-search.js
 - assets/js/appscms-theme.js
 - assets/js/batch.js
+- assets/js/blog-topic-ideas.js
 - assets/js/calculator-tooltip.js
 - assets/js/devtools.js
 - assets/js/face-api.js
@@ -564,6 +568,10 @@ files:
 - assets/js/frame.js
 - assets/js/googledrive.js
 - assets/js/homeResult.js
+- assets/js/human-written-blog-post.js
+- assets/js/instagram-caption.js
+- assets/js/instagram-hashtag-generator.js
+- assets/js/instagram-name-generator.js
 - assets/js/manifest.json
 - assets/js/models/age_gender_model-shard1
 - assets/js/models/age_gender_model-weights_manifest.json