appscms-tools-theme 5.1.8 → 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/brand-name-generator.js

@@ -0,0 +1,127 @@
+// Auto-generated JS for Brand Name Generator
+document.addEventListener("DOMContentLoaded", function () {
+  const form = document.getElementById("contentToolForm");
+  const tool = "brand_name_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 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["input[0]"] = input0.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/name-and-title-tools/brand-name-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('');
+        
+        // Insert the content as plain text first
+        quill.insertText(0, data.result);
+        
+        // Format the content for better readability
+        const content = quill.getText();
+        quill.setText('');
+        
+        // Parse and format the content
+        const lines = content.split('\n');
+        let index = 0;
+        
+        lines.forEach((line, i) => {
+          if (line.trim()) {
+            // Check if line starts with a number (like "1. ", "2. ", etc.)
+            const isNumberedItem = /^\d+\./.test(line.trim());
+            
+            if (isNumberedItem) {
+              // Split the numbered item into number and content
+              const parts = line.trim().split(/^(\d+\.)\s*/);
+              if (parts.length >= 3) {
+                const number = parts[1];
+                const content = parts[2];
+                
+                // Insert number in bold
+                quill.insertText(index, number + ' ', { 'bold': true });
+                index += number.length + 1;
+                
+                // Insert content in normal text
+                quill.insertText(index, content);
+                index += content.length;
+              } else {
+                quill.insertText(index, line);
+                index += line.length;
+              }
+            } else {
+              // Regular text
+              quill.insertText(index, line);
+              index += line.length;
+            }
+            
+            // Add line break if not the last line
+            if (i < lines.length - 1) {
+              quill.insertText(index, '\n');
+              index += 1;
+            }
+          }
+        });
+        
+        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;
+      }
+    }
+  });
+});