appscms-tools-theme 5.1.7 → 5.1.9

data/assets/js/amazon-product-description-generator.js

@@ -0,0 +1,309 @@
+// Auto-generated JS for Amazon Product Description Generator
+document.addEventListener("DOMContentLoaded", function () {
+  const form = document.getElementById("contentToolForm");
+  const tool = "amazon_product_description_generator";
+
+  // Wait for Quill to be initialized
+  let quill;
+  const checkQuill = setInterval(() => {
+    if (window.quill) {
+      quill = window.quill;
+      clearInterval(checkQuill);
+    }
+  }, 100);
+
+  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();
+
+    // Check if Quill is available
+    if (!quill) {
+      console.error("Quill editor not found");
+      return;
+    }
+
+    // Show loading state
+    const submitButton = form.querySelector('button[type="submit"]');
+    const originalText = submitButton ? submitButton.textContent : "";
+    if (submitButton) {
+      submitButton.textContent = "Generating...";
+      submitButton.disabled = true;
+    }
+
+    const options = {};
+
+    options["product_name"] = input0.value;
+    options["key_features"] = input1.value;
+    options["language"] = language.value;
+    options["tone"] = tone.value;
+
+    const body = {
+      tool: tool,
+      llm: "gemini",
+      model_name: "gemini-2.0-flash",
+      options: options,
+    };
+
+    try {
+      const response = await fetch(
+        "http://localhost:8000/api/v1/ecommerce-tools/amazon-product-description-generator",
+        {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json",
+          },
+          body: JSON.stringify(body),
+        }
+      );
+
+      const data = await response.json();
+
+      if (data.result) {
+        // Clear the editor first
+        quill.setText("");
+
+        // Parse and render markdown content
+        renderMarkdownToQuill(data.result, quill);
+
+        console.log("✅ Content generated successfully");
+      } else {
+        quill.setText("No output received from server.");
+      }
+    } catch (err) {
+      console.error("❌ API Error:", err);
+      quill.setText("Error: " + err.message);
+    } finally {
+      // Reset button state
+      if (submitButton) {
+        submitButton.textContent = originalText;
+        submitButton.disabled = false;
+      }
+    }
+  });
+});
+
+// Function to render markdown content to Quill editor
+function renderMarkdownToQuill(markdownText, quill) {
+  // Clear editor
+  quill.setText("");
+
+  let index = 0;
+  const lines = markdownText.split("\n");
+
+  lines.forEach((line, lineIndex) => {
+    if (line.trim() === "") {
+      // Empty line - add line break
+      if (lineIndex < lines.length - 1) {
+        quill.insertText(index, "\n");
+        index += 1;
+      }
+      return;
+    }
+
+    // Handle different markdown patterns
+    if (line.startsWith("**") && line.endsWith("**") && line.length > 4) {
+      // Bold text (like **Product Title:** or **Key Features:**)
+      const text = line.replace(/^\*\*(.*?)\*\*$/, "$1");
+      quill.insertText(index, text, { bold: true });
+      index += text.length;
+    } else if (line.includes("**")) {
+      // Mixed bold and normal text (like **Product Title:** Coffee Mug)
+      const parts = line.split("**");
+      for (let i = 0; i < parts.length; i++) {
+        if (parts[i]) {
+          if (i % 2 === 1) {
+            // Odd index = bold text
+            quill.insertText(index, parts[i], { bold: true });
+            index += parts[i].length;
+          } else {
+            // Even index = normal text
+            quill.insertText(index, parts[i]);
+            index += parts[i].length;
+          }
+        }
+      }
+    } else if (line.startsWith("- ")) {
+      // Bullet points
+      const text = line.substring(2); // Remove '- '
+      quill.insertText(index, "• " + text);
+      index += text.length + 2;
+    } else if (line.match(/^\d+\.\s/)) {
+      // Numbered lists
+      const match = line.match(/^(\d+\.\s)(.*)$/);
+      if (match) {
+        const number = match[1];
+        const content = match[2];
+
+        // Insert number in bold
+        quill.insertText(index, number, { bold: true });
+        index += number.length;
+
+        // Insert content in normal text
+        quill.insertText(index, content);
+        index += content.length;
+      } else {
+        quill.insertText(index, line);
+        index += line.length;
+      }
+    } else if (line.startsWith("### ")) {
+      // Headers (H3)
+      const text = line.substring(4);
+      quill.insertText(index, text, { bold: true });
+      index += text.length;
+    } else if (line.startsWith("## ")) {
+      // Headers (H2)
+      const text = line.substring(3);
+      quill.insertText(index, text, { bold: true, size: "large" });
+      index += text.length;
+    } else if (line.startsWith("# ")) {
+      // Headers (H1)
+      const text = line.substring(2);
+      quill.insertText(index, text, { bold: true, size: "huge" });
+      index += text.length;
+    } else if (line.startsWith("*") && line.endsWith("*") && line.length > 2) {
+      // Italic text
+      const text = line.replace(/^\*(.*?)\*$/, "$1");
+      quill.insertText(index, text, { italic: true });
+      index += text.length;
+    } else {
+      // Normal text
+      quill.insertText(index, line);
+      index += line.length;
+    }
+
+    // Add line break if not the last line
+    if (lineIndex < lines.length - 1) {
+      quill.insertText(index, "\n");
+      index += 1;
+    }
+  });
+}
+
+// Alternative function using marked.js if available
+function renderMarkdownToQuillWithMarked(markdownText, quill) {
+  if (typeof marked !== "undefined") {
+    try {
+      // Convert markdown to HTML
+      const html = marked.parse(markdownText);
+
+      // Create a temporary div to parse HTML
+      const tempDiv = document.createElement("div");
+      tempDiv.innerHTML = html;
+
+      // Clear editor
+      quill.setText("");
+
+      let index = 0;
+
+      // Process each child element
+      tempDiv.childNodes.forEach((node) => {
+        if (node.nodeType === Node.TEXT_NODE) {
+          const text = node.textContent.trim();
+          if (text) {
+            quill.insertText(index, text);
+            index += text.length;
+          }
+        } else if (node.nodeType === Node.ELEMENT_NODE) {
+          switch (node.tagName.toLowerCase()) {
+            case "h1":
+              quill.insertText(index, node.textContent, {
+                bold: true,
+                size: "huge",
+              });
+              index += node.textContent.length;
+              break;
+            case "h2":
+              quill.insertText(index, node.textContent, {
+                bold: true,
+                size: "large",
+              });
+              index += node.textContent.length;
+              break;
+            case "h3":
+            case "h4":
+            case "h5":
+            case "h6":
+              quill.insertText(index, node.textContent, { bold: true });
+              index += node.textContent.length;
+              break;
+            case "strong":
+            case "b":
+              quill.insertText(index, node.textContent, { bold: true });
+              index += node.textContent.length;
+              break;
+            case "em":
+            case "i":
+              quill.insertText(index, node.textContent, { italic: true });
+              index += node.textContent.length;
+              break;
+            case "ul":
+              node.querySelectorAll("li").forEach((li) => {
+                quill.insertText(index, "• " + li.textContent + "\n");
+                index += li.textContent.length + 3;
+              });
+              break;
+            case "ol":
+              node.querySelectorAll("li").forEach((li, i) => {
+                const number = `${i + 1}. `;
+                quill.insertText(index, number, { bold: true });
+                index += number.length;
+                quill.insertText(index, li.textContent + "\n");
+                index += li.textContent.length + 1;
+              });
+              break;
+            case "p":
+              const pText = node.textContent.trim();
+              if (pText) {
+                quill.insertText(index, pText + "\n");
+                index += pText.length + 1;
+              }
+              break;
+            case "br":
+              quill.insertText(index, "\n");
+              index += 1;
+              break;
+            default:
+              const defaultText = node.textContent.trim();
+              if (defaultText) {
+                quill.insertText(index, defaultText);
+                index += defaultText.length;
+              }
+          }
+        }
+      });
+
+      // Add final formatting cleanup
+      if (index > 0) {
+        quill.insertText(index, "\n");
+      }
+    } catch (error) {
+      console.error("Error parsing markdown with marked.js:", error);
+      // Fallback to basic markdown parsing
+      renderMarkdownToQuill(markdownText, quill);
+    }
+  } else {
+    // Fallback to basic markdown parsing
+    renderMarkdownToQuill(markdownText, quill);
+  }
+}
+
+// Enhanced function that tries marked.js first, then falls back to basic parsing
+function renderContentToQuill(content, quill) {
+  // Try to detect if content is markdown
+  const hasMarkdownPatterns = /\*\*|\*|#{1,6}\s|^\s*[-*+]\s|^\s*\d+\.\s/m.test(
+    content
+  );
+
+  if (hasMarkdownPatterns && typeof marked !== "undefined") {
+    renderMarkdownToQuillWithMarked(content, quill);
+  } else if (hasMarkdownPatterns) {
+    renderMarkdownToQuill(content, quill);
+  } else {
+    // Plain text
+    quill.setText(content);
+  }
+}

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();
 }
-