feat: add toast for no content

src/lib/imageGenerator.ts

@@ -63,54 +63,6 @@ function renderLatexToHtml(latex: string, fontSize: number): string {
   }
 }
 
-/**
- * Renders Markdown with LaTeX to HTML
- * For complex Markdown, we extract and render math blocks separately
- */
-function renderMarkdownToHtml(markdown: string, fontSize: number): string {
-  // Simple approach: extract LaTeX blocks and render them
-  // For full Markdown support, you'd use a Markdown parser
-  
-  let html = markdown;
-  
-  // Replace display math $$ ... $$
-  html = html.replace(/\$\$([\s\S]*?)\$\$/g, (_, latex) => {
-    try {
-      return `<div class="math-block">${katex.renderToString(latex.trim(), {
-        throwOnError: false,
-        displayMode: true,
-        output: 'html',
-        strict: false,
-      })}</div>`;
-    } catch {
-      return `<div class="math-block" style="color: red;">Error: ${latex}</div>`;
-    }
-  });
-  
-  // Replace inline math $ ... $
-  html = html.replace(/\$([^$\n]+)\$/g, (_, latex) => {
-    try {
-      return katex.renderToString(latex.trim(), {
-        throwOnError: false,
-        displayMode: false,
-        output: 'html',
-        strict: false,
-      });
-    } catch {
-      return `<span style="color: red;">Error: ${latex}</span>`;
-    }
-  });
-  
-  // Basic Markdown: newlines to <br>
-  html = html.replace(/\n/g, '<br>');
-  
-  return `
-    <div style="font-size: ${fontSize}px; line-height: 1.8; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;">
-      ${html}
-    </div>
-  `;
-}
-
 /**
  * Waits for all KaTeX fonts to be loaded
  */

src/lib/mockService.ts

@@ -93,16 +93,35 @@ Where:
     </mfrac>
   </mrow>
 </math>`,
-      mathml_word_content: `<m:oMath xmlns:m="http://schemas.openxmlformats.org/officeDocument/2006/math">
-  <m:f>
-    <m:num>
-      <m:r><m:t>-b ± √(b²-4ac)</m:t></m:r>
-    </m:num>
-    <m:den>
-      <m:r><m:t>2a</m:t></m:r>
-    </m:den>
-  </m:f>
-</m:oMath>`,
+      mml: `<mml:math xmlns:mml="http://www.w3.org/1998/Math/MathML" display="block">
+  <mml:mrow>
+    <mml:mi>x</mml:mi>
+    <mml:mo>=</mml:mo>
+    <mml:mfrac>
+      <mml:mrow>
+        <mml:mo>-</mml:mo>
+        <mml:mi>b</mml:mi>
+        <mml:mo>±</mml:mo>
+        <mml:msqrt>
+          <mml:mrow>
+            <mml:msup>
+              <mml:mi>b</mml:mi>
+              <mml:mn>2</mml:mn>
+            </mml:msup>
+            <mml:mo>-</mml:mo>
+            <mml:mn>4</mml:mn>
+            <mml:mi>a</mml:mi>
+            <mml:mi>c</mml:mi>
+          </mml:mrow>
+        </mml:msqrt>
+      </mml:mrow>
+      <mml:mrow>
+        <mml:mn>2</mml:mn>
+        <mml:mi>a</mml:mi>
+      </mml:mrow>
+    </mml:mfrac>
+  </mml:mrow>
+</mml:math>`,
       rendered_image_path: 'https://images.pexels.com/photos/3729557/pexels-photo-3729557.jpeg?auto=compress&cs=tinysrgb&w=800',
       created_at: new Date().toISOString(),
     };
@@ -161,7 +180,7 @@ Where:
       markdown_content: `# Analysis for ${filename}\n\nThis is a mock analysis result generated for the uploaded file.\n\n$$ E = mc^2 $$\n\nDetected content matches widely known physics formulas.`,
       latex_content: `\\documentclass{article}\n\\begin{document}\nSection{${filename}}\n\n\\[ E = mc^2 \\]\n\n\\end{document}`,
       mathml_content: `<math><mi>E</mi><mo>=</mo><mi>m</mi><msup><mi>c</mi><mn>2</mn></msup></math>`,
-      mathml_word_content: `<m:oMath><m:r><m:t>E=mc^2</m:t></m:r></m:oMath>`,
+      mml: `<mml:math xmlns:mml="http://www.w3.org/1998/Math/MathML"><mml:mi>E</mml:mi><mml:mo>=</mml:mo><mml:mi>m</mml:mi><mml:msup><mml:mi>c</mml:mi><mml:mn>2</mml:mn></mml:msup></mml:math>`,
       rendered_image_path: 'https://images.pexels.com/photos/3729557/pexels-photo-3729557.jpeg?auto=compress&cs=tinysrgb&w=800', // Placeholder
       created_at: new Date().toISOString(),
     };

src/lib/seoHelper.ts

@@ -0,0 +1,80 @@
+import { Language } from './translations';
+
+interface SEOContent {
+  title: string;
+  description: string;
+  keywords: string;
+}
+
+const seoContent: Record<Language, SEOContent> = {
+  zh: {
+    title: '⚡️ TexPixel - 公式识别工具',
+    description: '在线公式识别工具，支持印刷体和手写体数学公式识别，快速准确地将图片中的数学公式转换为可编辑文本。',
+    keywords: '公式识别,数学公式,OCR,手写公式识别,印刷体识别,AI识别,数学工具,免费,混合文字识别,texpixel,TexPixel',
+  },
+  en: {
+    title: '⚡️ TexPixel - Formula Recognition Tool',
+    description: 'Online formula recognition tool supporting printed and handwritten math formulas. Convert images to LaTeX, MathML, and Markdown quickly and accurately.',
+    keywords: 'formula recognition,math formula,OCR,handwriting recognition,latex,mathml,markdown,AI recognition,math tool,free,texpixel,TexPixel,document recognition',
+  },
+};
+
+/**
+ * Update document metadata based on current language
+ */
+export function updatePageMeta(language: Language): void {
+  const content = seoContent[language];
+  
+  // Update title
+  document.title = content.title;
+  
+  // Update HTML lang attribute
+  document.documentElement.lang = language === 'zh' ? 'zh-CN' : 'en';
+  
+  // Update meta description
+  const metaDescription = document.querySelector('meta[name="description"]');
+  if (metaDescription) {
+    metaDescription.setAttribute('content', content.description);
+  }
+  
+  // Update meta keywords
+  const metaKeywords = document.querySelector('meta[name="keywords"]');
+  if (metaKeywords) {
+    metaKeywords.setAttribute('content', content.keywords);
+  }
+  
+  // Update Open Graph meta tags
+  const ogTitle = document.querySelector('meta[property="og:title"]');
+  if (ogTitle) {
+    ogTitle.setAttribute('content', content.title);
+  }
+  
+  const ogDescription = document.querySelector('meta[property="og:description"]');
+  if (ogDescription) {
+    ogDescription.setAttribute('content', content.description);
+  }
+  
+  // Update Twitter Card meta tags
+  const twitterTitle = document.querySelector('meta[name="twitter:title"]');
+  if (twitterTitle) {
+    twitterTitle.setAttribute('content', content.title);
+  }
+  
+  const twitterDescription = document.querySelector('meta[name="twitter:description"]');
+  if (twitterDescription) {
+    twitterDescription.setAttribute('content', content.description);
+  }
+  
+  // Update og:locale
+  const ogLocale = document.querySelector('meta[property="og:locale"]');
+  if (ogLocale) {
+    ogLocale.setAttribute('content', language === 'zh' ? 'zh_CN' : 'en_US');
+  }
+}
+
+/**
+ * Get SEO content for a specific language
+ */
+export function getSEOContent(language: Language): SEOContent {
+  return seoContent[language];
+}

src/lib/supabase.ts

@@ -61,7 +61,7 @@ export type Database = {
           markdown_content: string | null;
           latex_content: string | null;
           mathml_content: string | null;
-          mathml_word_content: string | null;
+          mml: string | null;
           rendered_image_path: string | null;
           created_at: string;
         };
@@ -71,7 +71,7 @@ export type Database = {
           markdown_content?: string | null;
           latex_content?: string | null;
           mathml_content?: string | null;
-          mathml_word_content?: string | null;
+          mml?: string | null;
           rendered_image_path?: string | null;
           created_at?: string;
         };
@@ -81,7 +81,7 @@ export type Database = {
           markdown_content?: string | null;
           latex_content?: string | null;
           mathml_content?: string | null;
-          mathml_word_content?: string | null;
+          mml?: string | null;
           rendered_image_path?: string | null;
           created_at?: string;
         };

src/lib/translations.ts

@@ -70,6 +70,8 @@ export const translations = {
       },
       failed: 'Export failed, please try again',
       imageFailed: 'Failed to generate image',
+      noContent: 'Mixed text and formulas do not support LaTeX/MathML export. Please download DOCX format instead.',
+      noContentShort: 'Not supported for mixed content',
     },
     guide: {
       next: 'Next',
@@ -164,6 +166,8 @@ export const translations = {
       },
       failed: '导出失败，请重试',
       imageFailed: '生成图片失败',
+      noContent: '混合文字内容不支持 LaTeX/MathML 导出，请下载 DOCX 文件。',
+      noContentShort: '混合内容不支持',
     },
     guide: {
       next: '下一步',