@moontra/moonui-pro 2.8.13 → 2.8.15

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 the following text to make it clearer, more engaging, and better structured while maintaining the original meaning. 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, specific examples, explanations, and supporting information while keeping the same structure and tone. Respond in the same language:
 
 ${text}`;
     return this.callGeminiAPI(prompt);
   }
   async summarize(text) {
-    const prompt = `Create a comprehensive and detailed summary of the following text. Include all key points, important details, main arguments, and significant examples. The summary should be thorough enough to understand the full context and meaning of the original text, not just a brief overview. IMPORTANT: Respond in the SAME LANGUAGE as the input text. Only return the detailed summary, nothing else:
+    const prompt = `Create a comprehensive summary that captures all key points, main arguments, important details, and significant examples from the text. The summary should be thorough enough to understand the core message. 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 the text to be clearer, more engaging, and better structured while maintaining the original meaning. Respond in the same language as the 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 the text with more details, specific examples, explanations, and supporting information while keeping the same structure and tone. Respond in the same language as the input.",
       text
     );
   }
   async summarize(text) {
     return this.callOpenAI(
-      "You are a summarization expert. Create comprehensive and detailed summaries that include all key points, important details, main arguments, and significant examples. The summary should be thorough enough to understand the full context and meaning of the original text, not just a brief overview. Always respond in the same language as the input text.",
+      "Create a comprehensive summary that captures all key points, main arguments, important details, and significant examples. The summary should be thorough enough to understand the core message. Respond in the same language as the input.",
       text
     );
   }
@@ -50174,12 +50174,12 @@ IMPORTANT: Respond in the SAME LANGUAGE as the input text.`);
 ${text}`);
   }
   async expand(text) {
-    return this.callClaude(`Expand this text with more details. IMPORTANT: Respond in the SAME LANGUAGE as the input text:
+    return this.callClaude(`Expand this text with more details, specific examples, explanations, and supporting information while keeping the same structure and tone. Respond in the same language as the input:
 
 ${text}`);
   }
   async summarize(text) {
-    return this.callClaude(`Create a comprehensive and detailed summary of the following text. Include all key points, important details, main arguments, and significant examples. The summary should be thorough enough to understand the full context and meaning of the original text, not just a brief overview. IMPORTANT: Respond in the SAME LANGUAGE as the input text:
+    return this.callClaude(`Create a comprehensive summary that captures all key points, main arguments, important details, and significant examples. The summary should be thorough enough to understand the core message. Respond in the same language as the 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;
@@ -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({
@@ -52071,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.13",
+  "version": "2.8.15",
   "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;
@@ -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({
@@ -2177,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 the following text to make it clearer, more engaging, and better structured while maintaining the original meaning. 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, specific examples, explanations, and supporting information while keeping the same structure and tone. Respond in the same language:\n\n${text}`;
     return this.callGeminiAPI(prompt);
   }
 
   async summarize(text: string): Promise<string> {
-    const prompt = `Create a comprehensive and detailed summary of the following text. Include all key points, important details, main arguments, and significant examples. The summary should be thorough enough to understand the full context and meaning of the original text, not just a brief overview. IMPORTANT: Respond in the SAME LANGUAGE as the input text. Only return the detailed summary, nothing else:\n\n${text}`;
+    const prompt = `Create a comprehensive summary that captures all key points, main arguments, important details, and significant examples from the text. The summary should be thorough enough to understand the core message. 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 the text to be clearer, more engaging, and better structured while maintaining the original meaning. Respond in the same language as the 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 the text with more details, specific examples, explanations, and supporting information while keeping the same structure and tone. Respond in the same language as the input.',
       text
     );
   }
 
   async summarize(text: string): Promise<string> {
     return this.callOpenAI(
-      'You are a summarization expert. Create comprehensive and detailed summaries that include all key points, important details, main arguments, and significant examples. The summary should be thorough enough to understand the full context and meaning of the original text, not just a brief overview. Always respond in the same language as the input text.',
+      'Create a comprehensive summary that captures all key points, main arguments, important details, and significant examples. The summary should be thorough enough to understand the core message. Respond in the same language as the input.',
       text
     );
   }
@@ -323,11 +323,11 @@ export class ClaudeProvider implements AIProvider {
   }
 
   async expand(text: string): Promise<string> {
-    return this.callClaude(`Expand this text with more details. IMPORTANT: Respond in the SAME LANGUAGE as the input text:\n\n${text}`);
+    return this.callClaude(`Expand this text with more details, specific examples, explanations, and supporting information while keeping the same structure and tone. Respond in the same language as the input:\n\n${text}`);
   }
 
   async summarize(text: string): Promise<string> {
-    return this.callClaude(`Create a comprehensive and detailed summary of the following text. Include all key points, important details, main arguments, and significant examples. The summary should be thorough enough to understand the full context and meaning of the original text, not just a brief overview. IMPORTANT: Respond in the SAME LANGUAGE as the input text:\n\n${text}`);
+    return this.callClaude(`Create a comprehensive summary that captures all key points, main arguments, important details, and significant examples. The summary should be thorough enough to understand the core message. Respond in the same language as the input:\n\n${text}`);
   }
 
   async fixGrammar(text: string): Promise<string> {