appscms-tools-theme 5.1.8 → 5.1.9

data/assets/js/product-description.js

@@ -0,0 +1,299 @@
+// 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);
+  }
+}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: appscms-tools-theme
 version: !ruby/object:Gem::Version
-  version: 5.1.8
+  version: 5.1.9
 platform: ruby
 authors:
 - vivek-appscms
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-07-14 00:00:00.000000000 Z
+date: 2025-07-24 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -63,6 +63,11 @@ files:
 - README.md
 - _data/.DS_Store
 - _data/about/en/about.json
+- _data/aitools/en/ai-article-writer.json
+- _data/aitools/en/amazon-product-bullet-points-generator.json
+- _data/aitools/en/amazon-product-description-generator.json
+- _data/aitools/en/brand-name-generator.json
+- _data/aitools/en/product-description.json
 - _data/blog/alertbar.yml
 - _data/blog/authors.yml
 - _data/blog/blog.yml
@@ -121,6 +126,11 @@ files:
 - _includes/Usp/usp.html
 - _includes/adblocker.html
 - _includes/adsense/adsense.html
+- _includes/aitools/ai-article-writer.html
+- _includes/aitools/amazon-product-bullet-points-generator.html
+- _includes/aitools/amazon-product-description-generator.html
+- _includes/aitools/brand-name-generator.html
+- _includes/aitools/product-description.html
 - _includes/alternates/alternates.html
 - _includes/appscms/.DS_Store
 - _includes/appscms/category-tabs/category-tabs.html
@@ -237,6 +247,7 @@ files:
 - _layouts/calculator.html
 - _layouts/categories.html
 - _layouts/contactUs.html
+- _layouts/content-tool-ai copy 2.html
 - _layouts/content-tool-ai copy.html
 - _layouts/content-tool-ai-2.html
 - _layouts/content-tool-ai.html
@@ -551,6 +562,10 @@ files:
 - assets/js/TopScroll.js
 - assets/js/adBlocker.js
 - assets/js/ads.js
+- assets/js/ai-article-writer.js
+- assets/js/amazon-product-bullet-points-generator.js
+- assets/js/amazon-product-bullet-points-generator3.js
+- assets/js/amazon-product-description-generator.js
 - assets/js/append-div.js
 - assets/js/appscms-infographics.js
 - assets/js/appscms-login.js
@@ -559,6 +574,7 @@ files:
 - assets/js/appscms-theme.js
 - assets/js/batch.js
 - assets/js/blog-topic-ideas.js
+- assets/js/brand-name-generator.js
 - assets/js/calculator-tooltip.js
 - assets/js/devtools.js
 - assets/js/face-api.js
@@ -604,6 +620,7 @@ files:
 - assets/js/partytown/partytown-sw.js
 - assets/js/perspective.min.js
 - assets/js/photo-effects.json
+- assets/js/product-description.js
 - assets/js/redirectResult.js
 - assets/js/sharePage.js
 - assets/js/testing-batch.js