@moontra/moonui-pro 2.8.7 → 2.8.8

package/dist/index.mjs

@@ -50403,7 +50403,7 @@ function RichTextEditor({
     ] }) }) });
   }
   const [aiSettings, setAiSettings] = useState(() => {
-    if (persistAISettings) {
+    if (persistAISettings && typeof window !== "undefined") {
       try {
         const stored = localStorage.getItem("moonui-ai-settings");
         if (stored) {
@@ -51485,11 +51485,15 @@ function RichTextEditor({
                           gemini: "gemini-2.0-flash",
                           cohere: "command"
                         };
-                        setAiSettings({
+                        const newSettings = {
                           ...aiSettings,
                           provider: value,
                           model: defaultModels[value] || "gpt-3.5-turbo"
-                        });
+                        };
+                        setAiSettings(newSettings);
+                        if (persistAISettings) {
+                          localStorage.setItem("moonui-ai-settings", JSON.stringify(newSettings));
+                        }
                       },
                       children: [
                         /* @__PURE__ */ jsx(MoonUISelectTriggerPro, { children: /* @__PURE__ */ jsx(MoonUISelectValuePro, {}) }),
@@ -51511,7 +51515,10 @@ function RichTextEditor({
                       id: "apiKey",
                       type: "password",
                       value: aiSettings.apiKey,
-                      onChange: (e) => setAiSettings({ ...aiSettings, apiKey: e.target.value }),
+                      onChange: (e) => {
+                        const newSettings = { ...aiSettings, apiKey: e.target.value };
+                        setAiSettings(newSettings);
+                      },
                       placeholder: "sk-..."
                     }
                   )
@@ -51522,7 +51529,10 @@ function RichTextEditor({
                     MoonUISelectPro,
                     {
                       value: aiSettings.model,
-                      onValueChange: (value) => setAiSettings({ ...aiSettings, model: value }),
+                      onValueChange: (value) => {
+                        const newSettings = { ...aiSettings, model: value };
+                        setAiSettings(newSettings);
+                      },
                       children: [
                         /* @__PURE__ */ jsx(MoonUISelectTriggerPro, { children: /* @__PURE__ */ jsx(MoonUISelectValuePro, {}) }),
                         /* @__PURE__ */ jsxs(MoonUISelectContentPro, { children: [
@@ -51561,7 +51571,10 @@ function RichTextEditor({
                         max: "2",
                         step: "0.1",
                         value: aiSettings.temperature,
-                        onChange: (e) => setAiSettings({ ...aiSettings, temperature: parseFloat(e.target.value) })
+                        onChange: (e) => {
+                          const newSettings = { ...aiSettings, temperature: parseFloat(e.target.value) };
+                          setAiSettings(newSettings);
+                        }
                       }
                     )
                   ] }),
@@ -51575,7 +51588,10 @@ function RichTextEditor({
                         min: "1",
                         max: "4000",
                         value: aiSettings.maxTokens,
-                        onChange: (e) => setAiSettings({ ...aiSettings, maxTokens: parseInt(e.target.value) })
+                        onChange: (e) => {
+                          const newSettings = { ...aiSettings, maxTokens: parseInt(e.target.value) };
+                          setAiSettings(newSettings);
+                        }
                       }
                     )
                   ] })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moontra/moonui-pro",
-  "version": "2.8.7",
+  "version": "2.8.8",
   "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

@@ -111,11 +111,11 @@ import { createAIProvider, type AIProvider as AIProviderInterface } from '../../
 type AIProvider = 'openai' | 'anthropic' | 'gemini' | 'claude' | 'cohere'
 
 interface AISettingsType {
-  provider: AIProvider
-  apiKey?: string
-  model?: string
-  temperature?: number
-  maxTokens?: number
+  provider: 'openai' | 'claude' | 'gemini' | 'cohere'
+  apiKey: string
+  model: string
+  temperature: number
+  maxTokens: number
 }
 
 // Supported languages for translation
@@ -345,14 +345,14 @@ export function RichTextEditor({
 
   const [aiSettings, setAiSettings] = useState<AISettingsType>(() => {
     // Öncelik sırası: Props > LocalStorage > Varsayılan
-    if (persistAISettings) {
+    if (persistAISettings && typeof window !== 'undefined') {
       try {
         const stored = localStorage.getItem('moonui-ai-settings');
         if (stored) {
           const parsed = JSON.parse(stored);
           // Props'tan gelen değerler her zaman öncelikli
           return {
-            provider: aiConfig.provider || parsed.provider || 'openai',
+            provider: (aiConfig.provider || parsed.provider || 'openai') as 'openai' | 'claude' | 'gemini' | 'cohere',
             apiKey: aiConfig.apiKey || parsed.apiKey || '',
             model: aiConfig.model || parsed.model || 'gpt-3.5-turbo',
             temperature: aiConfig.temperature ?? parsed.temperature ?? 0.7,
@@ -366,7 +366,7 @@ export function RichTextEditor({
     
     // LocalStorage yoksa veya persist kapalıysa props/varsayılan değerleri kullan
     return {
-      provider: aiConfig.provider || 'openai',
+      provider: (aiConfig.provider || 'openai') as 'openai' | 'claude' | 'gemini' | 'cohere',
       apiKey: aiConfig.apiKey || '',
       model: aiConfig.model || 'gpt-3.5-turbo',
       temperature: aiConfig.temperature ?? 0.7,
@@ -1512,11 +1512,16 @@ export function RichTextEditor({
                             gemini: 'gemini-2.0-flash',
                             cohere: 'command'
                           };
-                          setAiSettings({ 
+                          const newSettings = { 
                             ...aiSettings, 
                             provider: value,
                             model: defaultModels[value] || 'gpt-3.5-turbo'
-                          });
+                          };
+                          setAiSettings(newSettings);
+                          // LocalStorage'a hemen kaydet
+                          if (persistAISettings) {
+                            localStorage.setItem('moonui-ai-settings', JSON.stringify(newSettings));
+                          }
                         }}
                       >
                         <SelectTrigger>
@@ -1536,7 +1541,10 @@ export function RichTextEditor({
                         id="apiKey"
                         type="password"
                         value={aiSettings.apiKey}
-                        onChange={(e) => setAiSettings({ ...aiSettings, apiKey: e.target.value })}
+                        onChange={(e) => {
+                          const newSettings = { ...aiSettings, apiKey: e.target.value };
+                          setAiSettings(newSettings);
+                        }}
                         placeholder="sk-..."
                       />
                     </div>
@@ -1544,7 +1552,10 @@ export function RichTextEditor({
                       <Label htmlFor="model">Model</Label>
                       <Select 
                         value={aiSettings.model} 
-                        onValueChange={(value) => setAiSettings({ ...aiSettings, model: value })}
+                        onValueChange={(value) => {
+                          const newSettings = { ...aiSettings, model: value };
+                          setAiSettings(newSettings);
+                        }}
                       >
                         <SelectTrigger>
                           <SelectValue />
@@ -1589,7 +1600,10 @@ export function RichTextEditor({
                           max="2"
                           step="0.1"
                           value={aiSettings.temperature}
-                          onChange={(e) => setAiSettings({ ...aiSettings, temperature: parseFloat(e.target.value) })}
+                          onChange={(e) => {
+                            const newSettings = { ...aiSettings, temperature: parseFloat(e.target.value) };
+                            setAiSettings(newSettings);
+                          }}
                         />
                       </div>
                       <div className="grid gap-2">
@@ -1600,7 +1614,10 @@ export function RichTextEditor({
                           min="1"
                           max="4000"
                           value={aiSettings.maxTokens}
-                          onChange={(e) => setAiSettings({ ...aiSettings, maxTokens: parseInt(e.target.value) })}
+                          onChange={(e) => {
+                            const newSettings = { ...aiSettings, maxTokens: parseInt(e.target.value) };
+                            setAiSettings(newSettings);
+                          }}
                         />
                       </div>
                     </div>