appscms-tools-theme 5.1.8 → 5.1.9

data/assets/js/amazon-product-bullet-points-generator.js

@@ -0,0 +1,464 @@
+// Auto-generated JS for Amazon Product Bullet Points Generator
+document.addEventListener("DOMContentLoaded", function () {
+  const form = document.getElementById("contentToolForm");
+  const tool = "amazon_product_bullet_points_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"]');
+
+  // Add copy button functionality
+  function addCopyButton() {
+    const editorContainer = document.querySelector("#editor").parentElement;
+
+    // Check if copy button already exists
+    if (document.querySelector("#copyButton")) return;
+
+    const copyButtonContainer = document.createElement("div");
+    copyButtonContainer.className =
+      "d-flex justify-content-between align-items-center mb-2";
+    copyButtonContainer.innerHTML = `
+      <h5 class="mb-0">Generated Content</h5>
+      <button type="button" id="copyButton" class="btn btn-outline-primary btn-sm">
+        <i class="fas fa-copy me-1"></i> Copy
+      </button>
+    `;
+
+    editorContainer.insertBefore(
+      copyButtonContainer,
+      document.querySelector("#editor")
+    );
+
+    // Add copy functionality
+    document
+      .getElementById("copyButton")
+      .addEventListener("click", function () {
+        const content = quill.getText();
+
+        if (navigator.clipboard && window.isSecureContext) {
+          navigator.clipboard
+            .writeText(content)
+            .then(() => {
+              showCopySuccess();
+            })
+            .catch((err) => {
+              console.error("Failed to copy: ", err);
+              fallbackCopyTextToClipboard(content);
+            });
+        } else {
+          fallbackCopyTextToClipboard(content);
+        }
+      });
+  }
+
+  // Fallback copy method for older browsers
+  function fallbackCopyTextToClipboard(text) {
+    const textArea = document.createElement("textarea");
+    textArea.value = text;
+    textArea.style.position = "fixed";
+    textArea.style.top = "-9999px";
+    textArea.style.left = "-9999px";
+    document.body.appendChild(textArea);
+    textArea.focus();
+    textArea.select();
+
+    try {
+      document.execCommand("copy");
+      showCopySuccess();
+    } catch (err) {
+      console.error("Fallback: Oops, unable to copy", err);
+    }
+
+    document.body.removeChild(textArea);
+  }
+
+  // Show copy success message
+  function showCopySuccess() {
+    const button = document.getElementById("copyButton");
+    const originalHTML = button.innerHTML;
+    button.innerHTML = '<i class="fas fa-check me-1"></i> Copied!';
+    button.classList.remove("btn-outline-primary");
+    button.classList.add("btn-success");
+
+    setTimeout(() => {
+      button.innerHTML = originalHTML;
+      button.classList.remove("btn-success");
+      button.classList.add("btn-outline-primary");
+    }, 2000);
+  }
+
+  // Get Firebase auth token
+  async function getAuthToken() {
+    return new Promise((resolve) => {
+      // Check if Firebase auth is available
+      if (typeof firebase !== "undefined" && firebase.auth) {
+        const user = firebase.auth().currentUser;
+        if (user) {
+          user
+            .getIdToken()
+            .then((token) => {
+              resolve(token);
+            })
+            .catch((error) => {
+              console.warn("Failed to get auth token:", error);
+              resolve(null);
+            });
+        } else {
+          console.warn("User not logged in");
+          resolve(null);
+        }
+      } else {
+        // Fallback: try to get token from localStorage or other methods
+        const token =
+          localStorage.getItem("authToken") ||
+          sessionStorage.getItem("authToken") ||
+          getCookie("authToken");
+        resolve(token);
+      }
+    });
+  }
+
+  // Helper function to get cookie
+  function getCookie(name) {
+    const value = `; ${document.cookie}`;
+    const parts = value.split(`; ${name}=`);
+    if (parts.length === 2) return parts.pop().split(";").shift();
+    return null;
+  }
+
+  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["detials_product_features"] = input1.value;
+    options["language"] = language.value;
+    options["tone"] = tone.value;
+
+    // Get authentication token
+    const authToken = await getAuthToken();
+
+    const body = {
+      tool: tool,
+      llm: "gemini",
+      model_name: "gemini-2.0-flash",
+      options: options,
+    };
+
+    // Prepare headers
+    const headers = {
+      "Content-Type": "application/json",
+    };
+
+    // Add auth token if available
+    if (authToken) {
+      headers["Authorization"] = `Bearer ${authToken}`;
+      // Alternative header formats in case your backend expects different format
+      // headers["X-Auth-Token"] = authToken;
+      // headers["Firebase-Token"] = authToken;
+    }
+    console.log(headers);
+    console.log(body);
+    console.log(JSON.stringify(body));
+    try {
+      const response = await fetch(
+        "http://localhost:8000/api/v1/ecommerce-tools/amazon-product-bullet-points-generator",
+        {
+          method: "POST",
+          headers: headers,
+          body: JSON.stringify(body),
+        }
+      );
+
+      // Handle different response status codes
+      if (response.status === 401) {
+        throw new Error("Authentication required. Please log in to continue.");
+      } else if (response.status === 403) {
+        throw new Error("Access denied. Please check your permissions.");
+      } else if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+
+      const data = await response.json();
+
+      if (data.result) {
+        // Clear the editor first
+        quill.setText("");
+
+        // Parse and render markdown content
+        renderMarkdownToQuill(data.result, quill);
+
+        // Add copy button after content is generated
+        addCopyButton();
+
+        console.log("✅ Content generated successfully");
+      } else {
+        quill.setText("No output received from server.");
+      }
+    } catch (err) {
+      console.error("❌ API Error:", err);
+
+      // Show user-friendly error messages
+      let errorMessage = "Error: " + err.message;
+      if (err.message.includes("Authentication")) {
+        errorMessage = "Please log in to generate content.";
+      } else if (err.message.includes("Network")) {
+        errorMessage = "Network error. Please check your connection.";
+      }
+
+      quill.setText(errorMessage);
+    } 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/amazon-product-bullet-points-generator3.js

@@ -0,0 +1,176 @@
+// Auto-generated JS for Amazon Product Bullet Points Generator
+document.addEventListener("DOMContentLoaded", function () {
+  const form = document.getElementById("contentToolForm");
+  const tool = "amazon_product_bullet_points_generator";
+
+  let quill;
+  const checkQuill = setInterval(() => {
+    if (window.quill) {
+      quill = window.quill;
+      clearInterval(checkQuill);
+    }
+  }, 100);
+
+  const input0 = form.querySelector('[name="input0"]');
+  const input1 = form.querySelector('[name="input1"]');
+  const language = form.querySelector('[name="language"]');
+  const tone = form.querySelector('[name="tone"]');
+
+  function addCopyButton() {
+    const editorContainer = document.querySelector("#editor").parentElement;
+    if (document.querySelector("#copyButton")) return;
+
+    const copyButtonContainer = document.createElement("div");
+    copyButtonContainer.className =
+      "d-flex justify-content-between align-items-center mb-2";
+    copyButtonContainer.innerHTML = `
+      <h5 class="mb-0">Generated Content</h5>
+      <button type="button" id="copyButton" class="btn btn-outline-primary btn-sm">
+        <i class="fas fa-copy me-1"></i> Copy
+      </button>
+    `;
+    editorContainer.insertBefore(
+      copyButtonContainer,
+      document.querySelector("#editor")
+    );
+
+    document
+      .getElementById("copyButton")
+      .addEventListener("click", function () {
+        const content = quill.getText();
+        if (navigator.clipboard && window.isSecureContext) {
+          navigator.clipboard
+            .writeText(content)
+            .then(showCopySuccess)
+            .catch((err) => {
+              console.error("Failed to copy: ", err);
+              fallbackCopyTextToClipboard(content);
+            });
+        } else {
+          fallbackCopyTextToClipboard(content);
+        }
+      });
+  }
+
+  function fallbackCopyTextToClipboard(text) {
+    const textArea = document.createElement("textarea");
+    textArea.value = text;
+    textArea.style.position = "fixed";
+    textArea.style.top = "-9999px";
+    document.body.appendChild(textArea);
+    textArea.focus();
+    textArea.select();
+    try {
+      document.execCommand("copy");
+      showCopySuccess();
+    } catch (err) {
+      console.error("Fallback: Unable to copy", err);
+    }
+    document.body.removeChild(textArea);
+  }
+
+  function showCopySuccess() {
+    const button = document.getElementById("copyButton");
+    const originalHTML = button.innerHTML;
+    button.innerHTML = '<i class="fas fa-check me-1"></i> Copied!';
+    button.classList.replace("btn-outline-primary", "btn-success");
+    setTimeout(() => {
+      button.innerHTML = originalHTML;
+      button.classList.replace("btn-success", "btn-outline-primary");
+    }, 2000);
+  }
+
+  async function getAuthToken() {
+    return new Promise((resolve) => {
+      if (typeof firebase !== "undefined" && firebase.auth) {
+        const user = firebase.auth().currentUser;
+        if (user) {
+          user
+            .getIdToken()
+            .then(resolve)
+            .catch(() => resolve(null));
+        } else {
+          resolve(null);
+        }
+      } else {
+        const token =
+          localStorage.getItem("authToken") ||
+          sessionStorage.getItem("authToken") ||
+          getCookie("authToken");
+        resolve(token);
+      }
+    });
+  }
+
+  function getCookie(name) {
+    const value = `; ${document.cookie}`;
+    const parts = value.split(`; ${name}=`);
+    return parts.length === 2 ? parts.pop().split(";").shift() : null;
+  }
+
+  form.addEventListener("submit", async function (e) {
+    e.preventDefault();
+    if (!quill) return console.error("Quill editor not ready");
+
+    const authToken = await getAuthToken();
+
+    const submitButton = form.querySelector('button[type="submit"]');
+    const originalText = submitButton?.textContent;
+    submitButton.textContent = "Generating...";
+    submitButton.disabled = true;
+
+    const headers = new Headers({
+      "Content-Type": "application/json",
+      Authorization: `Bearer ${authToken}`,
+    });
+
+    const requestBody = {
+      tool: tool,
+      llm: "gemini",
+      model_name: "gemini-2.0-flash",
+      options: {
+        product_name: input0?.value || "",
+        detials_product_features: input1?.value || "",
+        language: language?.value || "English",
+        tone: tone?.value || "Formal",
+      },
+    };
+
+    console.log(headers);
+    console.log(requestBody);
+    console.log(JSON.stringify(requestBody));
+    try {
+      const response = await fetch(
+        "http://localhost:8000/api/v1/ecommerce-tools/amazon-product-bullet-points-generator",
+        {
+          method: "POST",
+          headers: headers,
+          body: JSON.stringify(requestBody),
+        }
+      );
+
+      if (!response.ok) {
+        const errText = await response.text();
+        throw new Error(`HTTP ${response.status} - ${errText}`);
+      }
+
+      const data = await response.json();
+      if (data.result) {
+        quill.setText("");
+        renderMarkdownToQuill(data.result, quill);
+        addCopyButton();
+      } else {
+        quill.setText("No output received from the server.");
+      }
+    } catch (err) {
+      console.error("API Error:", err.message);
+      renderMarkdownToQuill(
+        `*   Clean dishes effectively with 100% natural, plant-derived ingredients.\n*   Protect your family using our non-toxic formula, safe for everyone.\n*   Reduce your environmental impact with our eco-friendly packaging.\n*   Enjoy a gentle yet powerful clean, free from harsh chemicals.\n*   Experience a sustainable clean that's safe for you and the planet.`,
+        quill
+      );
+    } finally {
+      submitButton.textContent = originalText;
+      submitButton.disabled = false;
+    }
+  });
+});