@mirodan/ai-insight 0.1.3 → 0.1.5

package/dist/module.js

@@ -1,26 +1,26 @@
-import { addComponent as e, addServerHandler as t, createResolver as n, defineNuxtModule as r } from "@nuxt/kit";
+import { addComponent as e, addPlugin as t, addServerHandler as n, createResolver as r, defineNuxtModule as i } from "@nuxt/kit";
 //#region src/module.ts
-var i = r({
+var a = i({
 	meta: { name: "@mirodan/ai-insight" },
 	defaults: { endpoint: "https://api.mirodan.ai/v1/insight" },
-	setup(r, i) {
-		let a = n(import.meta.url);
-		i.options.runtimeConfig.aiInsight = {
+	setup(i, a) {
+		let o = r(import.meta.url);
+		a.options.runtimeConfig.aiInsight = {
 			key: "",
-			endpoint: r.endpoint
+			endpoint: i.endpoint
 		}, e({
 			name: "AiInsight",
-			filePath: a.resolve("./runtime/components/AiInsight.vue")
+			filePath: o.resolve("./runtime/components/AiInsight.vue")
 		}), e({
 			name: "AiInsightDialog",
-			filePath: a.resolve("./runtime/components/AiInsightDialog.vue")
-		}), t({
+			filePath: o.resolve("./runtime/components/AiInsightDialog.vue")
+		}), n({
 			route: "/api/ai-insight/proxy",
-			handler: a.resolve("./runtime/server/proxy.post.ts")
-		});
+			handler: o.resolve("./runtime/server/proxy.post.ts")
+		}), t(o.resolve("./runtime/plugins/i18n.ts"));
 	}
 });
 //#endregion
-export { i as default };
+export { a as default };
 
 //# sourceMappingURL=module.js.map

package/dist/module.js.map

@@ -1 +1 @@
-{"version":3,"file":"module.js","names":[],"sources":["../src/module.ts"],"sourcesContent":["import { defineNuxtModule, createResolver, addComponent, addServerHandler } from '@nuxt/kit'\n\nexport default defineNuxtModule({\n  meta: { name: '@mirodan/ai-insight' },\n  defaults: { endpoint: 'https://api.mirodan.ai/v1/insight' },\n  setup(options, nuxt) {\n    const resolver = createResolver(import.meta.url)\n\n    nuxt.options.runtimeConfig.aiInsight = {\n      key: '',\n      endpoint: options.endpoint\n    }\n\n    addComponent({\n      name: 'AiInsight',\n      filePath: resolver.resolve('./runtime/components/AiInsight.vue')\n    })\n\n    addComponent({\n      name: 'AiInsightDialog',\n      filePath: resolver.resolve('./runtime/components/AiInsightDialog.vue')\n    })\n\n    addServerHandler({\n      route: '/api/ai-insight/proxy',\n      handler: resolver.resolve('./runtime/server/proxy.post.ts')\n    })\n  }\n})\n"],"mappings":";;AAEA,IAAA,IAAe,EAAiB;CAC9B,MAAM,EAAE,MAAM,sBAAsB;CACpC,UAAU,EAAE,UAAU,oCAAoC;CAC1D,MAAM,GAAS,GAAM;EACnB,IAAM,IAAW,EAAe,YAAY,GAAG;EAiB/C,AAfA,EAAK,QAAQ,cAAc,YAAY;GACrC,KAAK;GACL,UAAU,EAAQ;EACpB,GAEA,EAAa;GACX,MAAM;GACN,UAAU,EAAS,QAAQ,oCAAoC;EACjE,CAAC,GAED,EAAa;GACX,MAAM;GACN,UAAU,EAAS,QAAQ,0CAA0C;EACvE,CAAC,GAED,EAAiB;GACf,OAAO;GACP,SAAS,EAAS,QAAQ,gCAAgC;EAC5D,CAAC;CACH;AACF,CAAC"}
+{"version":3,"file":"module.js","names":[],"sources":["../src/module.ts"],"sourcesContent":["import { defineNuxtModule, createResolver, addComponent, addServerHandler, addPlugin } from '@nuxt/kit'\n\nexport default defineNuxtModule({\n  meta: { name: '@mirodan/ai-insight' },\n  defaults: { endpoint: 'https://api.mirodan.ai/v1/insight' },\n  setup(options, nuxt) {\n    const resolver = createResolver(import.meta.url)\n\n    nuxt.options.runtimeConfig.aiInsight = {\n      key: '',\n      endpoint: options.endpoint\n    }\n\n    addComponent({\n      name: 'AiInsight',\n      filePath: resolver.resolve('./runtime/components/AiInsight.vue')\n    })\n\n    addComponent({\n      name: 'AiInsightDialog',\n      filePath: resolver.resolve('./runtime/components/AiInsightDialog.vue')\n    })\n\n    addServerHandler({\n      route: '/api/ai-insight/proxy',\n      handler: resolver.resolve('./runtime/server/proxy.post.ts')\n    })\n\n    addPlugin(resolver.resolve('./runtime/plugins/i18n.ts'))\n  }\n})\n"],"mappings":";;AAEA,IAAA,IAAe,EAAiB;CAC9B,MAAM,EAAE,MAAM,sBAAsB;CACpC,UAAU,EAAE,UAAU,oCAAoC;CAC1D,MAAM,GAAS,GAAM;EACnB,IAAM,IAAW,EAAe,YAAY,GAAG;EAsB/C,AApBA,EAAK,QAAQ,cAAc,YAAY;GACrC,KAAK;GACL,UAAU,EAAQ;EACpB,GAEA,EAAa;GACX,MAAM;GACN,UAAU,EAAS,QAAQ,oCAAoC;EACjE,CAAC,GAED,EAAa;GACX,MAAM;GACN,UAAU,EAAS,QAAQ,0CAA0C;EACvE,CAAC,GAED,EAAiB;GACf,OAAO;GACP,SAAS,EAAS,QAAQ,gCAAgC;EAC5D,CAAC,GAED,EAAU,EAAS,QAAQ,2BAA2B,CAAC;CACzD;AACF,CAAC"}

package/dist/runtime/components/AiInsight.vue

@@ -16,7 +16,7 @@ const dialogOpen = ref(false)
     <slot />
     <div
       v-if="!dialogOpen"
-      class="absolute z-10 flex items-center gap-1 rounded-md bg-muted px-2 py-1 text-xs text-muted-foreground cursor-pointer transition-opacity hover:opacity-80"
+      class="absolute z-10 flex items-center gap-1 rounded-md bg-muted px-2 py-1 text-xs text-muted cursor-pointer transition-opacity hover:opacity-80"
       :class="position === 'top' ? 'bottom-full left-1/2 -translate-x-1/2 mb-2' : 'top-full left-1/2 -translate-x-1/2 mt-2'"
       @click="dialogOpen = true"
     >

package/dist/runtime/components/AiInsightDialog.vue

@@ -1,7 +1,10 @@
 <script setup lang="ts">
 import { ref, watch, onMounted, nextTick } from 'vue'
 import { useDraggable } from '@vueuse/core'
-import { parseUIMessageStream } from '../../utils/parseUIMessageStream'
+import { useI18n } from 'vue-i18n'
+import { parseUIMessageStream } from '../utils/parseUIMessageStream'
+
+const { t, locale: i18nLocale } = useI18n()
 
 interface Props {
   open: boolean
@@ -62,7 +65,7 @@ async function loadInsight() {
   followUpMessages.value = []
   currentPrompt.value = ''
 
-  const locale = props.locale || navigator.language
+  const locale = props.locale || i18nLocale?.value || navigator.language
 
   try {
     const response = await fetch('/api/ai-insight/proxy', {
@@ -76,8 +79,15 @@ async function loadInsight() {
     })
 
     if (!response.ok) {
-      const text = await response.text()
-      throw new Error(text || `HTTP ${response.status}`)
+      let msg = t('aiInsight.requestError', { status: response.status })
+      try {
+        const json = await response.json()
+        msg = json.statusMessage || json.message || msg
+      } catch {
+        const text = await response.text().catch(() => '')
+        if (text) msg = text
+      }
+      throw new Error(msg)
     }
 
     let result = ''
@@ -86,7 +96,7 @@ async function loadInsight() {
       insight.value = result
     }
   } catch (e) {
-    errorMsg.value = e instanceof Error ? e.message : 'Unknown error'
+    errorMsg.value = e instanceof Error ? e.message : t('aiInsight.unknownError')
   } finally {
     loading.value = false
   }
@@ -123,16 +133,16 @@ watch(() => props.open, (val) => {
     <div
       v-if="open"
       ref="panelEl"
-      class="ai-insight-panel fixed z-50 flex flex-col rounded-lg border bg-background text-foreground shadow-xl"
+      class="ai-insight-panel fixed z-50 flex flex-col rounded-lg border border-default bg-default text-default text-sm shadow-xl"
       :class="{ 'cursor-grabbing select-none': isDragging, 'cursor-se-resize select-none': resizing }"
       :style="{ left: `${x}px`, top: `${y}px`, width: `${panelWidth}px`, height: `${panelHeight}px` }"
     >
       <div
         ref="headerEl"
-        class="flex cursor-grab items-center justify-between rounded-t-lg border-b px-4 py-3"
+        class="flex cursor-grab items-center justify-between rounded-t-lg border-b border-default px-4 py-3"
       >
         <h3 class="text-sm font-medium">
-          {{ title || 'AI Insight' }}
+          {{ title || t('aiInsight.title') }}
         </h3>
         <div class="flex items-center gap-1">
           <UButton
@@ -156,13 +166,13 @@ watch(() => props.open, (val) => {
         <div class="space-y-4">
           <div
             v-if="loading && !insight"
-            class="flex items-center gap-2 text-sm text-muted-foreground"
+            class="flex items-center gap-2 text-sm text-muted"
           >
             <UIcon
               name="i-lucide-loader-2"
               class="size-4 animate-spin"
             />
-            <span>Analyzing...</span>
+            <span>{{ t('aiInsight.analyzing') }}</span>
           </div>
 
           <div
@@ -185,7 +195,7 @@ watch(() => props.open, (val) => {
                   class="mt-2"
                   @click="refresh"
                 >
-                  Retry
+                  {{ t('aiInsight.retry') }}
                 </UButton>
               </div>
             </div>
@@ -200,46 +210,46 @@ watch(() => props.open, (val) => {
 
           <div
             v-else
-            class="text-sm text-muted-foreground"
+            class="text-sm text-muted"
           >
-            {{ loading ? 'Analyzing...' : 'No data available' }}
+            {{ loading ? t('aiInsight.analyzing') : t('aiInsight.noData') }}
           </div>
+        </div>
+      </div>
 
+      <div
+        v-if="insight && !loading"
+        class="shrink-0 border-t border-default px-4 py-3"
+      >
+        <div class="flex flex-col items-center space-y-2">
           <div
-            v-if="insight && !loading"
-            class="border-t pt-4"
+            v-for="(msg, i) in followUpMessages"
+            :key="i"
+            :class="msg.role === 'user' ? 'text-right self-end' : 'text-left self-start'"
           >
-            <div class="flex flex-col items-center space-y-3">
-              <div
-                v-for="(msg, i) in followUpMessages"
-                :key="i"
-                :class="msg.role === 'user' ? 'text-right self-end' : 'text-left self-start'"
-              >
-                <span
-                  class="inline-block rounded-lg px-3 py-2 text-sm"
-                  :class="msg.role === 'user' ? 'bg-primary text-primary-foreground' : 'bg-muted'"
-                >
-                  {{ msg.content }}
-                </span>
-              </div>
-              <UInput
-                v-model="followUpInput"
-                placeholder="Ask a follow-up..."
-                class="max-w-md w-full"
-                size="lg"
-                @keydown.enter="sendFollowUp"
-              >
-                <template #trailing>
-                  <UButton
-                    icon="i-lucide-send"
-                    size="xs"
-                    :disabled="!followUpInput.trim() || loading"
-                    @click="sendFollowUp"
-                  />
-                </template>
-              </UInput>
-            </div>
+            <span
+              class="inline-block rounded-lg px-3 py-1.5 text-sm"
+              :class="msg.role === 'user' ? 'bg-primary text-white' : 'bg-muted'"
+            >
+              {{ msg.content }}
+            </span>
           </div>
+          <UInput
+            v-model="followUpInput"
+            :placeholder="t('aiInsight.askQuestion')"
+            class="max-w-md w-full"
+            size="sm"
+            @keydown.enter="sendFollowUp"
+          >
+            <template #trailing>
+              <UButton
+                icon="i-lucide-send"
+                size="xs"
+                :disabled="!followUpInput.trim() || loading"
+                @click="sendFollowUp"
+              />
+            </template>
+          </UInput>
         </div>
       </div>
 
@@ -253,4 +263,8 @@ watch(() => props.open, (val) => {
 <style scoped>
 .ai-insight-panel { min-height: 200px; }
 .ai-insight-panel :deep(.prose) { word-break: break-word; }
+.ai-insight-panel :deep(.prose) h1 { font-size: 1rem; font-weight: 600; }
+.ai-insight-panel :deep(.prose) h2 { font-size: 0.9375rem; font-weight: 600; }
+.ai-insight-panel :deep(.prose) h3 { font-size: 0.875rem; font-weight: 600; }
+.ai-insight-panel :deep(.prose) h4 { font-size: 0.8125rem; font-weight: 600; }
 </style>

package/dist/runtime/i18n/messages.ts

@@ -0,0 +1,24 @@
+export const messages = {
+  ru: {
+    aiInsight: {
+      title: 'AI анализ',
+      analyzing: 'Анализирую данные...',
+      noData: 'Нет данных для анализа',
+      askQuestion: 'Задать вопрос ИИ...',
+      retry: 'Повторить',
+      requestError: 'Ошибка запроса ({status})',
+      unknownError: 'Неизвестная ошибка'
+    }
+  },
+  en: {
+    aiInsight: {
+      title: 'AI Analysis',
+      analyzing: 'Analyzing data...',
+      noData: 'No data to analyze',
+      askQuestion: 'Ask the AI...',
+      retry: 'Retry',
+      requestError: 'Request failed ({status})',
+      unknownError: 'Unknown error'
+    }
+  }
+}

package/dist/runtime/plugins/i18n.ts

@@ -0,0 +1,12 @@
+import { defineNuxtPlugin } from '#imports'
+import { messages } from '../i18n/messages'
+
+export default defineNuxtPlugin((nuxtApp) => {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  const i18n: any = nuxtApp.vueApp.config.globalProperties.$i18n
+  if (i18n?.mergeLocaleMessage) {
+    for (const [locale, msg] of Object.entries(messages)) {
+      i18n.mergeLocaleMessage(locale, msg)
+    }
+  }
+})

package/dist/runtime/server/_errors.js

@@ -0,0 +1,18 @@
+const messages = {
+  ru: {
+    CONFIG_ENDPOINT_MISSING: 'Не указан endpoint AI Insight',
+    CONFIG_KEY_MISSING: 'Не указан API-ключ AI Insight',
+    BACKEND_UNREACHABLE: 'Не удалось подключиться к AI Insight',
+    BACKEND_ERROR: 'Ошибка AI Insight'
+  },
+  en: {
+    CONFIG_ENDPOINT_MISSING: 'AI Insight endpoint is not configured',
+    CONFIG_KEY_MISSING: 'AI Insight API key is not configured',
+    BACKEND_UNREACHABLE: 'Failed to reach AI Insight backend',
+    BACKEND_ERROR: 'AI Insight error'
+  }
+}
+
+export function tError(key, lang) {
+  return messages[lang === 'en' ? 'en' : 'ru']?.[key] || key
+}

package/dist/runtime/server/proxy.post.ts

@@ -1,18 +1,55 @@
-import { defineEventHandler, readBody, setHeaders, useRuntimeConfig } from 'h3'
+import { tError } from './_errors.js'
 
 export default defineEventHandler(async (event) => {
   const config = useRuntimeConfig(event)
   const body = await readBody(event)
 
-  const response = await $fetch.raw(config.aiInsight.endpoint, {
-    method: 'POST',
-    headers: {
-      Authorization: `Bearer ${config.aiInsight.key}`,
-      'Content-Type': 'application/json'
-    },
-    body,
-    responseType: 'stream'
-  })
+  const endpoint = config.aiInsight.endpoint
+  const hasKey = !!config.aiInsight.key
+  const lang = getHeader(event, 'accept-language')?.slice(0, 2) || 'ru'
+
+  if (!endpoint) {
+    throw createError({ statusCode: 500, statusMessage: tError('CONFIG_ENDPOINT_MISSING', lang) })
+  }
+  if (!hasKey) {
+    throw createError({ statusCode: 500, statusMessage: tError('CONFIG_KEY_MISSING', lang) })
+  }
+
+  console.log('[ai-insight/proxy] →', endpoint, 'key:', hasKey ? 'yes' : 'NO KEY', 'data:', typeof body?.data, 'prompt:', body?.prompt?.slice(0, 80))
+
+  const origin = getHeader(event, 'origin') || getHeader(event, 'referer') || ''
+
+  let response
+  try {
+    response = await $fetch.raw(endpoint, {
+      method: 'POST',
+      headers: {
+        Authorization: `Bearer ${config.aiInsight.key}`,
+        'Content-Type': 'application/json',
+        ...(origin ? { Origin: origin } : {})
+      },
+      body,
+      responseType: 'stream',
+      ignoreResponseError: true
+    })
+  } catch (fetchErr) {
+    console.error('[ai-insight/proxy] fetch error:', fetchErr)
+    throw createError({ statusCode: 502, statusMessage: tError('BACKEND_UNREACHABLE', lang) })
+  }
+
+  console.log('[ai-insight/proxy] ←', response.status, response.statusText)
+
+  if (!response.ok) {
+    const text = await response.text().catch(() => '')
+    let detail
+    try {
+      const json = JSON.parse(text)
+      detail = json.message || json.statusMessage || text
+    } catch {
+      detail = text || response.statusText
+    }
+    throw createError({ statusCode: response.status, statusMessage: detail || tError('BACKEND_ERROR', lang) })
+  }
 
   setHeaders(event, {
     'Content-Type': 'text/event-stream',

package/dist/runtime/utils/parseUIMessageStream.ts

@@ -0,0 +1,29 @@
+export async function* parseUIMessageStream(response: Response) {
+  const reader = response.body!.getReader()
+  const decoder = new TextDecoder()
+  let buffer = ''
+
+  while (true) {
+    const { done, value } = await reader.read()
+    if (done) break
+
+    buffer += decoder.decode(value, { stream: true })
+    const lines = buffer.split('\n')
+    buffer = lines.pop() || ''
+
+    for (const line of lines) {
+      if (line.startsWith('data: ')) {
+        const data = line.slice(6).trim()
+        if (data === '[DONE]') return
+        try {
+          const chunk = JSON.parse(data)
+          if (chunk.type === 'text-delta' && chunk.delta != null) {
+            yield chunk.delta
+          }
+        } catch {
+          console.warn('[parseUIMessageStream] parse error:', data)
+        }
+      }
+    }
+  }
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mirodan/ai-insight",
-  "version": "0.1.3",
-  "description": "AI-powered insight tooltip component for Nuxt",
+  "version": "0.1.5",
+  "description": "AI-powered insight tooltip component for Mirodan",
   "type": "module",
   "main": "./dist/module.js",
   "types": "./dist/module.d.ts",
@@ -35,7 +35,8 @@
     "typescript": "^5.9.3",
     "typescript-eslint": "^8.65.0",
     "vite": "^8.2.0",
-    "vitest": "^3.1.2"
+    "vitest": "^3.1.2",
+    "vue-i18n": "^11.4.6"
   },
   "peerDependencies": {
     "@comark/nuxt": "^0.4.0",
@@ -44,6 +45,7 @@
     "@nuxt/ui": "^4.0.0",
     "nuxt": "^4.0.0",
     "tailwindcss": "^4.0.0",
-    "vue": "^3.0.0"
+    "vue": "^3.0.0",
+    "vue-i18n": "^11.0.0"
   }
 }