appscms-tools-theme 5.1.9 → 5.2.1

data/assets/js/product-description.js

@@ -1,299 +0,0 @@
-// Auto-generated JS for Product Description
-document.addEventListener("DOMContentLoaded", function () {
-  const form = document.getElementById("contentToolForm");
-  const tool = "product_description";
-  
-  // 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["input[0]"] = input0.value;
-      options["input[1]"] = 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("https://contentool-api.onrender.com/api/v1/ecommerce-tools/product-description", {
-        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);
-  }
-}