@moontra/moonui-pro 2.8.12 → 2.8.14

package/dist/index.mjs

@@ -49963,31 +49963,31 @@ var GeminiProvider = class {
     return this.callGeminiAPI(prompt);
   }
   async rewrite(text) {
-    const prompt = `Rewrite the following text to make it clearer and more engaging while maintaining the same meaning. IMPORTANT: Respond in the SAME LANGUAGE as the input text. Only return the rewritten text, nothing else:
+    const prompt = `Rewrite this text to be clearer and more engaging. Respond in the same language:
 
 ${text}`;
     return this.callGeminiAPI(prompt);
   }
   async expand(text) {
-    const prompt = `Expand the following text with more details, examples, and explanations. IMPORTANT: Respond in the SAME LANGUAGE as the input text. Only return the expanded text, nothing else:
+    const prompt = `Expand this text with more details and examples. Respond in the same language:
 
 ${text}`;
     return this.callGeminiAPI(prompt);
   }
   async summarize(text) {
-    const prompt = `Summarize the following text concisely while keeping the main points. IMPORTANT: Respond in the SAME LANGUAGE as the input text. Only return the summary, nothing else:
+    const prompt = `Create a detailed summary including key points, arguments, and examples. Respond in the same language:
 
 ${text}`;
     return this.callGeminiAPI(prompt);
   }
   async fixGrammar(text) {
-    const prompt = `Fix any grammar and spelling errors in the following text. IMPORTANT: Respond in the SAME LANGUAGE as the input text. Only return the corrected text, nothing else:
+    const prompt = `Fix grammar and spelling errors. Respond in the same language:
 
 ${text}`;
     return this.callGeminiAPI(prompt);
   }
   async translate(text, targetLang) {
-    const prompt = `Translate the following text to ${targetLang}. Only return the translation, nothing else:
+    const prompt = `Translate to ${targetLang}:
 
 ${text}`;
     return this.callGeminiAPI(prompt);
@@ -50071,19 +50071,19 @@ var OpenAIProvider = class {
   }
   async rewrite(text) {
     return this.callOpenAI(
-      "You are a professional editor. Rewrite text to be clearer and more engaging. Always respond in the same language as the input text.",
+      "Rewrite to be clearer and more engaging. Same language as input.",
       text
     );
   }
   async expand(text) {
     return this.callOpenAI(
-      "You are a content writer. Expand the given text with more details and examples. Always respond in the same language as the input text.",
+      "Expand with more details and examples. Same language as input.",
       text
     );
   }
   async summarize(text) {
     return this.callOpenAI(
-      "You are a summarization expert. Create concise summaries. Always respond in the same language as the input text.",
+      "Create detailed summary with key points, arguments, and examples. Same language as input.",
       text
     );
   }
@@ -50179,7 +50179,7 @@ ${text}`);
 ${text}`);
   }
   async summarize(text) {
-    return this.callClaude(`Summarize this text concisely. IMPORTANT: Respond in the SAME LANGUAGE as the input text:
+    return this.callClaude(`Create detailed summary with key points, arguments, and examples. Same language as input:
 
 ${text}`);
   }
@@ -50475,6 +50475,10 @@ function RichTextEditor({
   const [previewContent, setPreviewContent] = useState("");
   const [previewAction, setPreviewAction] = useState("");
   const [previewOriginalText, setPreviewOriginalText] = useState("");
+  const [wordCount, setWordCount] = useState(0);
+  const [characterCount, setCharacterCount] = useState(0);
+  const [tokensUsed, setTokensUsed] = useState(0);
+  const [lastAIResponse, setLastAIResponse] = useState(null);
   useEffect(() => {
     return () => {
       if (typingIntervalRef.current) {
@@ -50500,6 +50504,28 @@ function RichTextEditor({
     const modalActions = ["expand", "summarize", "ideas", "continue"];
     return modalActions.includes(action);
   };
+  const countWords = (text) => {
+    return text.trim().split(/\s+/).filter((word) => word.length > 0).length;
+  };
+  const countCharacters = (text) => {
+    return text.length;
+  };
+  const estimateTokens = (text) => {
+    return Math.ceil(text.length / 4);
+  };
+  const optimizeTextForAI = (text, action) => {
+    const maxTokens = 2e3;
+    const estimatedTokens = estimateTokens(text);
+    if (estimatedTokens <= maxTokens) {
+      return text;
+    }
+    if (action === "summarize") {
+      const maxChars2 = maxTokens * 4;
+      return text.substring(0, maxChars2) + "...";
+    }
+    const maxChars = maxTokens * 4 / 2;
+    return text.substring(0, maxChars) + "...";
+  };
   const applyAIContentToEditor = (content, replaceSelection = true) => {
     if (!editor)
       return;
@@ -50514,7 +50540,7 @@ function RichTextEditor({
       }
     }
     let currentIndex = 0;
-    const typeSpeed = 30;
+    const typeSpeed = 5;
     const typeNextChar = () => {
       if (currentIndex < content.length && isTypingRef.current) {
         const nextChar = content[currentIndex];
@@ -50734,6 +50760,26 @@ function RichTextEditor({
     },
     immediatelyRender: false
   });
+  useEffect(() => {
+    if (editor) {
+      const text = editor.getText();
+      setWordCount(countWords(text));
+      setCharacterCount(countCharacters(text));
+    }
+  }, [editor?.state.doc.content]);
+  useEffect(() => {
+    if (editor) {
+      const updateStats = () => {
+        const text = editor.getText();
+        setWordCount(countWords(text));
+        setCharacterCount(countCharacters(text));
+      };
+      editor.on("update", updateStats);
+      return () => {
+        editor.off("update", updateStats);
+      };
+    }
+  }, [editor]);
   const callAI = async (action, text, targetLanguage) => {
     if (!aiSettings.apiKey) {
       toast({
@@ -50750,47 +50796,64 @@ function RichTextEditor({
       if (!provider) {
         throw new Error("Failed to initialize AI provider");
       }
+      const optimizedText = optimizeTextForAI(text, action);
+      const inputTokens = estimateTokens(optimizedText);
+      if (optimizedText !== text) {
+        toast({
+          title: "Text optimized",
+          description: `Long text was shortened to ${inputTokens} tokens for better efficiency.`
+        });
+      }
       let response;
       switch (action) {
         case "rewrite":
-          response = await provider.rewrite(text);
+          response = await provider.rewrite(optimizedText);
           break;
         case "expand":
-          response = await provider.expand(text);
+          response = await provider.expand(optimizedText);
           break;
         case "summarize":
-          response = await provider.summarize(text);
+          response = await provider.summarize(optimizedText);
           break;
         case "fix":
-          response = await provider.fixGrammar(text);
+          response = await provider.fixGrammar(optimizedText);
           break;
         case "translate":
-          response = await provider.translate(text, targetLanguage || "English");
+          response = await provider.translate(optimizedText, targetLanguage || "English");
           break;
         case "tone_professional":
-          response = await provider.changeTone(text, "professional");
+          response = await provider.changeTone(optimizedText, "professional");
           break;
         case "tone_casual":
-          response = await provider.changeTone(text, "casual");
+          response = await provider.changeTone(optimizedText, "casual");
           break;
         case "tone_friendly":
-          response = await provider.changeTone(text, "friendly");
+          response = await provider.changeTone(optimizedText, "friendly");
           break;
         case "tone_formal":
-          response = await provider.changeTone(text, "formal");
+          response = await provider.changeTone(optimizedText, "formal");
           break;
         case "continue":
-          response = await provider.continueWriting(text);
+          response = await provider.continueWriting(optimizedText);
           break;
         case "improve":
-          response = await provider.improveWriting(text);
+          response = await provider.improveWriting(optimizedText);
           break;
         case "ideas":
-          response = await provider.generateIdeas(text);
+          response = await provider.generateIdeas(optimizedText);
           break;
         default:
-          response = await provider.complete(text);
-      }
+          response = await provider.complete(optimizedText);
+      }
+      const outputTokens = estimateTokens(response);
+      const totalTokens = inputTokens + outputTokens;
+      setTokensUsed((prev) => prev + totalTokens);
+      setLastAIResponse({
+        action,
+        tokens: totalTokens,
+        model: aiSettings.model,
+        timestamp: /* @__PURE__ */ new Date()
+      });
       return response;
     } catch (error) {
       toast({
@@ -50808,10 +50871,12 @@ function RichTextEditor({
       return;
     const selection = editor.state.selection;
     const selectedText = editor.state.doc.textBetween(selection.from, selection.to, " ");
-    if (!selectedText && action !== "complete") {
+    const fullText = editor.getText();
+    const textToProcess = selectedText || fullText;
+    if (!textToProcess && action !== "complete") {
       toast({
-        title: "No text selected",
-        description: "Please select some text first.",
+        title: "No content available",
+        description: "Please write some text first.",
         variant: "destructive"
       });
       return;
@@ -50823,13 +50888,13 @@ function RichTextEditor({
       duration: 6e4
       // Long duration
     });
-    const result = await callAI(action, selectedText || editor.getText(), targetLanguage);
+    const result = await callAI(action, textToProcess, targetLanguage);
     processingToast.dismiss();
     if (result) {
       if (shouldUseModal(action)) {
         setPreviewContent(result);
         setPreviewAction(action);
-        setPreviewOriginalText(selectedText || editor.getText());
+        setPreviewOriginalText(textToProcess);
         setIsAiPreviewOpen(true);
       } else {
         applyAIContentToEditor(result, !!selectedText);
@@ -52069,7 +52134,51 @@ function RichTextEditor({
           )
         ] })
       }
-    )
+    ),
+    /* @__PURE__ */ jsx("div", { className: "border-t bg-gray-50 dark:bg-gray-900 px-4 py-2", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-6", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx(FileText, { className: "w-3 h-3" }),
+          /* @__PURE__ */ jsxs("span", { children: [
+            wordCount,
+            " words, ",
+            characterCount,
+            " characters"
+          ] })
+        ] }),
+        lastAIResponse && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx(Wand2, { className: "w-3 h-3 text-purple-600 dark:text-purple-400" }),
+          /* @__PURE__ */ jsxs("span", { children: [
+            "Last: ",
+            lastAIResponse.action,
+            " | ",
+            lastAIResponse.tokens,
+            " tokens | ",
+            lastAIResponse.model
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+        tokensUsed > 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx(Zap, { className: "w-3 h-3 text-orange-500" }),
+          /* @__PURE__ */ jsxs("span", { className: "font-medium", children: [
+            tokensUsed.toLocaleString(),
+            " tokens used"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx("div", { className: cn(
+            "w-2 h-2 rounded-full",
+            aiSettings.apiKey ? "bg-green-500" : "bg-red-500"
+          ) }),
+          /* @__PURE__ */ jsxs("span", { className: "capitalize", children: [
+            aiSettings.provider,
+            " ",
+            aiSettings.apiKey ? "connected" : "disconnected"
+          ] })
+        ] })
+      ] })
+    ] }) })
   ] });
 }
 var MemoryCache = class {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moontra/moonui-pro",
-  "version": "2.8.12",
+  "version": "2.8.14",
   "description": "Premium React components for MoonUI - Advanced UI library with 50+ pro components including performance, interactive, and gesture components",
   "type": "module",
   "main": "dist/index.mjs",

package/src/components/rich-text-editor/index.tsx

@@ -449,6 +449,17 @@ export function RichTextEditor({
   const [previewAction, setPreviewAction] = useState('');
   const [previewOriginalText, setPreviewOriginalText] = useState('');
   
+  // Statistics states
+  const [wordCount, setWordCount] = useState(0);
+  const [characterCount, setCharacterCount] = useState(0);
+  const [tokensUsed, setTokensUsed] = useState(0);
+  const [lastAIResponse, setLastAIResponse] = useState<{
+    action: string;
+    tokens: number;
+    model: string;
+    timestamp: Date;
+  } | null>(null);
+  
   // Clean up typewriter effect on unmount
   useEffect(() => {
     return () => {
@@ -480,6 +491,41 @@ export function RichTextEditor({
     return modalActions.includes(action);
   };
   
+  // Utility functions for statistics
+  const countWords = (text: string): number => {
+    return text.trim().split(/\s+/).filter(word => word.length > 0).length;
+  };
+  
+  const countCharacters = (text: string): number => {
+    return text.length;
+  };
+  
+  // Approximate token count (rough estimation: 1 token ≈ 4 characters)
+  const estimateTokens = (text: string): number => {
+    return Math.ceil(text.length / 4);
+  };
+  
+  // Optimize text for token efficiency
+  const optimizeTextForAI = (text: string, action: string): string => {
+    const maxTokens = 2000; // Safe limit for most providers
+    const estimatedTokens = estimateTokens(text);
+    
+    if (estimatedTokens <= maxTokens) {
+      return text;
+    }
+    
+    // For summarize, we can use more text since output will be shorter
+    if (action === 'summarize') {
+      const maxChars = maxTokens * 4;
+      return text.substring(0, maxChars) + '...';
+    }
+    
+    // For other actions, limit to smaller chunks
+    const maxChars = (maxTokens * 4) / 2;
+    return text.substring(0, maxChars) + '...';
+  };
+  
+  
   // Apply AI content to editor with typewriter effect
   const applyAIContentToEditor = (content: string, replaceSelection: boolean = true) => {
     if (!editor) return;
@@ -498,7 +544,7 @@ export function RichTextEditor({
     }
     
     let currentIndex = 0;
-    const typeSpeed = 30; // ms per character
+    const typeSpeed = 5; // ms per character - much faster for better UX
     
     const typeNextChar = () => {
       if (currentIndex < content.length && isTypingRef.current) {
@@ -732,6 +778,31 @@ export function RichTextEditor({
     immediatelyRender: false,
   });
 
+  // Update statistics when editor content changes
+  useEffect(() => {
+    if (editor) {
+      const text = editor.getText();
+      setWordCount(countWords(text));
+      setCharacterCount(countCharacters(text));
+    }
+  }, [editor?.state.doc.content]);
+  
+  // Listen to editor updates
+  useEffect(() => {
+    if (editor) {
+      const updateStats = () => {
+        const text = editor.getText();
+        setWordCount(countWords(text));
+        setCharacterCount(countCharacters(text));
+      };
+      
+      editor.on('update', updateStats);
+      return () => {
+        editor.off('update', updateStats);
+      };
+    }
+  }, [editor]);
+
   // AI işlevleri
   const callAI = async (action: string, text: string, targetLanguage?: string) => {
     if (!aiSettings.apiKey) {
@@ -745,55 +816,82 @@ export function RichTextEditor({
     }
 
     setIsProcessing(true);
+    const startTime = Date.now();
+    
     try {
       const provider = getAIProvider(aiSettings);
       if (!provider) {
         throw new Error('Failed to initialize AI provider');
       }
       
+      // Optimize text for better token efficiency
+      const optimizedText = optimizeTextForAI(text, action);
+      const inputTokens = estimateTokens(optimizedText);
+      
+      // Show warning if text was truncated
+      if (optimizedText !== text) {
+        toast({
+          title: "Text optimized",
+          description: `Long text was shortened to ${inputTokens} tokens for better efficiency.`,
+        });
+      }
+      
       let response: string;
       
       switch (action) {
         case 'rewrite':
-          response = await provider.rewrite(text);
+          response = await provider.rewrite(optimizedText);
           break;
         case 'expand':
-          response = await provider.expand(text);
+          response = await provider.expand(optimizedText);
           break;
         case 'summarize':
-          response = await provider.summarize(text);
+          response = await provider.summarize(optimizedText);
           break;
         case 'fix':
-          response = await provider.fixGrammar(text);
+          response = await provider.fixGrammar(optimizedText);
           break;
         case 'translate':
-          response = await provider.translate(text, targetLanguage || 'English');
+          response = await provider.translate(optimizedText, targetLanguage || 'English');
           break;
         case 'tone_professional':
-          response = await provider.changeTone(text, 'professional');
+          response = await provider.changeTone(optimizedText, 'professional');
           break;
         case 'tone_casual':
-          response = await provider.changeTone(text, 'casual');
+          response = await provider.changeTone(optimizedText, 'casual');
           break;
         case 'tone_friendly':
-          response = await provider.changeTone(text, 'friendly');
+          response = await provider.changeTone(optimizedText, 'friendly');
           break;
         case 'tone_formal':
-          response = await provider.changeTone(text, 'formal');
+          response = await provider.changeTone(optimizedText, 'formal');
           break;
         case 'continue':
-          response = await provider.continueWriting(text);
+          response = await provider.continueWriting(optimizedText);
           break;
         case 'improve':
-          response = await provider.improveWriting(text);
+          response = await provider.improveWriting(optimizedText);
           break;
         case 'ideas':
-          response = await provider.generateIdeas(text);
+          response = await provider.generateIdeas(optimizedText);
           break;
         default:
-          response = await provider.complete(text);
+          response = await provider.complete(optimizedText);
       }
       
+      // Estimate output tokens and total usage
+      const outputTokens = estimateTokens(response);
+      const totalTokens = inputTokens + outputTokens;
+      
+      // Update token usage statistics
+      setTokensUsed(prev => prev + totalTokens);
+      setLastAIResponse({
+        action,
+        tokens: totalTokens,
+        model: aiSettings.model,
+        timestamp: new Date()
+      });
+      
       return response;
     } catch (error) {
       toast({
@@ -812,11 +910,15 @@ export function RichTextEditor({
     
     const selection = editor.state.selection;
     const selectedText = editor.state.doc.textBetween(selection.from, selection.to, ' ');
+    const fullText = editor.getText();
+    
+    // If no text is selected, use the full editor content as prompt
+    const textToProcess = selectedText || fullText;
     
-    if (!selectedText && action !== 'complete') {
+    if (!textToProcess && action !== 'complete') {
       toast({
-        title: "No text selected",
-        description: "Please select some text first.",
+        title: "No content available",
+        description: "Please write some text first.",
         variant: "destructive",
       });
       return;
@@ -832,7 +934,7 @@ export function RichTextEditor({
       duration: 60000, // Long duration
     });
 
-    const result = await callAI(action, selectedText || editor.getText(), targetLanguage);
+    const result = await callAI(action, textToProcess, targetLanguage);
     
     // Dismiss processing toast
     processingToast.dismiss();
@@ -843,7 +945,7 @@ export function RichTextEditor({
         // Open preview modal instead of directly applying
         setPreviewContent(result);
         setPreviewAction(action);
-        setPreviewOriginalText(selectedText || editor.getText());
+        setPreviewOriginalText(textToProcess);
         setIsAiPreviewOpen(true);
       } else {
         // Apply directly with typewriter effect (for rewrite, fix grammar, tone changes, etc.)
@@ -2173,6 +2275,48 @@ export function RichTextEditor({
           </>
         )}
       </div>
+      
+      {/* Statistics Bar */}
+      <div className="border-t bg-gray-50 dark:bg-gray-900 px-4 py-2">
+        <div className="flex items-center justify-between text-xs text-muted-foreground">
+          <div className="flex items-center gap-6">
+            <div className="flex items-center gap-1">
+              <FileText className="w-3 h-3" />
+              <span>{wordCount} words, {characterCount} characters</span>
+            </div>
+            
+            {lastAIResponse && (
+              <div className="flex items-center gap-1">
+                <Wand2 className="w-3 h-3 text-purple-600 dark:text-purple-400" />
+                <span>
+                  Last: {lastAIResponse.action} | {lastAIResponse.tokens} tokens | {lastAIResponse.model}
+                </span>
+              </div>
+            )}
+          </div>
+          
+          <div className="flex items-center gap-4">
+            {tokensUsed > 0 && (
+              <div className="flex items-center gap-1">
+                <Zap className="w-3 h-3 text-orange-500" />
+                <span className="font-medium">
+                  {tokensUsed.toLocaleString()} tokens used
+                </span>
+              </div>
+            )}
+            
+            <div className="flex items-center gap-1">
+              <div className={cn(
+                "w-2 h-2 rounded-full",
+                aiSettings.apiKey ? "bg-green-500" : "bg-red-500"
+              )} />
+              <span className="capitalize">
+                {aiSettings.provider} {aiSettings.apiKey ? "connected" : "disconnected"}
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
     </div>
   );
 }

package/src/lib/ai-providers.ts

@@ -94,27 +94,27 @@ export class GeminiProvider implements AIProvider {
   }
 
   async rewrite(text: string): Promise<string> {
-    const prompt = `Rewrite the following text to make it clearer and more engaging while maintaining the same meaning. IMPORTANT: Respond in the SAME LANGUAGE as the input text. Only return the rewritten text, nothing else:\n\n${text}`;
+    const prompt = `Rewrite this text to be clearer and more engaging. Respond in the same language:\n\n${text}`;
     return this.callGeminiAPI(prompt);
   }
 
   async expand(text: string): Promise<string> {
-    const prompt = `Expand the following text with more details, examples, and explanations. IMPORTANT: Respond in the SAME LANGUAGE as the input text. Only return the expanded text, nothing else:\n\n${text}`;
+    const prompt = `Expand this text with more details and examples. Respond in the same language:\n\n${text}`;
     return this.callGeminiAPI(prompt);
   }
 
   async summarize(text: string): Promise<string> {
-    const prompt = `Summarize the following text concisely while keeping the main points. IMPORTANT: Respond in the SAME LANGUAGE as the input text. Only return the summary, nothing else:\n\n${text}`;
+    const prompt = `Create a detailed summary including key points, arguments, and examples. Respond in the same language:\n\n${text}`;
     return this.callGeminiAPI(prompt);
   }
 
   async fixGrammar(text: string): Promise<string> {
-    const prompt = `Fix any grammar and spelling errors in the following text. IMPORTANT: Respond in the SAME LANGUAGE as the input text. Only return the corrected text, nothing else:\n\n${text}`;
+    const prompt = `Fix grammar and spelling errors. Respond in the same language:\n\n${text}`;
     return this.callGeminiAPI(prompt);
   }
 
   async translate(text: string, targetLang: string): Promise<string> {
-    const prompt = `Translate the following text to ${targetLang}. Only return the translation, nothing else:\n\n${text}`;
+    const prompt = `Translate to ${targetLang}:\n\n${text}`;
     return this.callGeminiAPI(prompt);
   }
 
@@ -204,21 +204,21 @@ export class OpenAIProvider implements AIProvider {
 
   async rewrite(text: string): Promise<string> {
     return this.callOpenAI(
-      'You are a professional editor. Rewrite text to be clearer and more engaging. Always respond in the same language as the input text.',
+      'Rewrite to be clearer and more engaging. Same language as input.',
       text
     );
   }
 
   async expand(text: string): Promise<string> {
     return this.callOpenAI(
-      'You are a content writer. Expand the given text with more details and examples. Always respond in the same language as the input text.',
+      'Expand with more details and examples. Same language as input.',
       text
     );
   }
 
   async summarize(text: string): Promise<string> {
     return this.callOpenAI(
-      'You are a summarization expert. Create concise summaries. Always respond in the same language as the input text.',
+      'Create detailed summary with key points, arguments, and examples. Same language as input.',
       text
     );
   }
@@ -327,7 +327,7 @@ export class ClaudeProvider implements AIProvider {
   }
 
   async summarize(text: string): Promise<string> {
-    return this.callClaude(`Summarize this text concisely. IMPORTANT: Respond in the SAME LANGUAGE as the input text:\n\n${text}`);
+    return this.callClaude(`Create detailed summary with key points, arguments, and examples. Same language as input:\n\n${text}`);
   }
 
   async fixGrammar(text: string): Promise<string> {