@meistrari/chat-nuxt 1.2.1 → 1.2.3

package/README.md

@@ -86,22 +86,13 @@ Set `chatNuxt.validateConfig` to `'warn'` to report missing server config during
 
 ```vue
 <!-- app.vue -->
-<script setup lang="ts">
-import { setDefaultMathOptions } from 'markstream-vue'
-import 'markstream-vue/index.css'
-import '@meistrari/chat-nuxt/assets/css/markstream.css'
-import '@meistrari/chat-nuxt/assets/css/code-theme.css'
-
-setDefaultMathOptions({ strictDelimiters: true })
-</script>
-
 <template>
     <NuxtPage />
     <AppStatusToast />
 </template>
 ```
 
-`AppStatusToast` is auto-registered by the module — it shows connection/error notifications.
+`AppStatusToast`, Markstream styles, code block styles, and math delimiter defaults are auto-registered by the module.
 
 ### 4. Use it
 

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@meistrari/chat-nuxt",
   "configKey": "chatNuxt",
-  "version": "1.2.1",
+  "version": "1.2.3",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "unknown"

package/dist/module.mjs

@@ -1,7 +1,7 @@
 import { existsSync, readFileSync, mkdirSync, symlinkSync } from 'node:fs';
 import { createRequire } from 'node:module';
 import { join, dirname } from 'node:path';
-import { defineNuxtModule, createResolver, addImportsDir, addComponent, addComponentsDir } from 'nuxt/kit';
+import { defineNuxtModule, createResolver, addPlugin, addImportsDir, addComponent, addComponentsDir } from 'nuxt/kit';
 
 const localRequire = createRequire(import.meta.url);
 const runtimeAliasPackages = [
@@ -260,6 +260,15 @@ const module$1 = defineNuxtModule({
     rc.public = rc.public || {};
     rc.public.agentApiUrl = rc.public.agentApiUrl || process.env.AGENT_API_URL || "";
     validateRuntimeConfig(rc, options.validateConfig ?? false);
+    nuxt.options.css = nuxt.options.css || [];
+    nuxt.options.css.push(
+      _chatNuxtRequire.resolve("markstream-vue/index.css"),
+      join(runtimeDir, "assets/css/markstream.css"),
+      join(runtimeDir, "assets/css/code-theme.css")
+    );
+    addPlugin({
+      src: join(runtimeDir, "plugins/markstream")
+    });
     addImportsDir(join(runtimeDir, "composables"));
     addImportsDir(join(runtimeDir, "utils"));
     addComponent({

package/dist/runtime/composables/useChat.js

@@ -1,6 +1,6 @@
 import * as Sentry from "@sentry/nuxt";
 import { exportConversationToMarkdown } from "../utils/export-conversation.js";
-import { addFilesToConversation } from "./useConversationFiles.js";
+import { useConversationFileActions } from "./useConversationFiles.js";
 function getStepKey(step) {
   if (typeof step === "string") {
     return `text:${step.slice(0, 100)}`;
@@ -146,6 +146,7 @@ export function useChat() {
   const chatApi = useChatApi();
   const embedConfig = useEmbedConfig();
   const { user: authUser, activeOrganization } = useTelaApplicationAuth();
+  const { addFilesToConversation } = useConversationFileActions();
   const chatScope = computed(() => embedConfig?.workspaceId.value.trim() || activeOrganization.value?.id?.trim() || "default");
   const currentConversationBuckets = useState("chat-current-conversation", () => ({}));
   const messageBuckets = useState("chat-messages", () => ({}));

package/dist/runtime/composables/useConversationFiles.d.ts

@@ -1,5 +1,8 @@
 import type { MessageFile, MessageRole } from '../types/chat.js';
 export declare function addFilesToConversation(conversationId: string, newFiles: MessageFile[], messageId: string, messageRole: MessageRole): void;
+export declare function useConversationFileActions(): {
+    addFilesToConversation: (conversationId: string, newFiles: MessageFile[], messageId: string, messageRole: MessageRole) => void;
+};
 export declare function useConversationFiles(conversationId: Ref<string | null | undefined>): {
     files: any;
     total: any;

package/dist/runtime/composables/useConversationFiles.js

@@ -1,9 +1,13 @@
 import { generateFileId } from "../utils/file.js";
-const sharedFiles = useState("conversationFiles", () => ({}));
-const sharedLoading = useState("conversationFilesLoading", () => ({}));
-const sharedError = useState("conversationFilesError", () => ({}));
-export function addFilesToConversation(conversationId, newFiles, messageId, messageRole) {
-  const current = sharedFiles.value[conversationId] ?? [];
+function useConversationFilesState() {
+  return {
+    files: useState("conversationFiles", () => ({})),
+    loading: useState("conversationFilesLoading", () => ({})),
+    error: useState("conversationFilesError", () => ({}))
+  };
+}
+function addFilesToConversationState(state, conversationId, newFiles, messageId, messageRole) {
+  const current = state.files.value[conversationId] ?? [];
   const filesToAdd = newFiles.filter((f) => !current.some((existing) => existing.url === f.url)).map((f) => ({
     id: generateFileId(f.url),
     url: f.url,
@@ -16,26 +20,36 @@ export function addFilesToConversation(conversationId, newFiles, messageId, mess
     size: f.size
   }));
   if (filesToAdd.length > 0) {
-    sharedFiles.value = {
-      ...sharedFiles.value,
+    state.files.value = {
+      ...state.files.value,
       [conversationId]: [...filesToAdd, ...current]
     };
   }
 }
+export function addFilesToConversation(conversationId, newFiles, messageId, messageRole) {
+  addFilesToConversationState(useConversationFilesState(), conversationId, newFiles, messageId, messageRole);
+}
+export function useConversationFileActions() {
+  const state = useConversationFilesState();
+  return {
+    addFilesToConversation: (conversationId, newFiles, messageId, messageRole) => addFilesToConversationState(state, conversationId, newFiles, messageId, messageRole)
+  };
+}
 export function useConversationFiles(conversationId) {
   const chatApi = useChatApi();
+  const state = useConversationFilesState();
   const files = computed(() => {
     const id = conversationId.value;
-    return id ? sharedFiles.value[id] ?? [] : [];
+    return id ? state.files.value[id] ?? [] : [];
   });
   const total = computed(() => files.value.length);
   const loading = computed(() => {
     const id = conversationId.value;
-    return id ? sharedLoading.value[id] ?? false : false;
+    return id ? state.loading.value[id] ?? false : false;
   });
   const error = computed(() => {
     const id = conversationId.value;
-    return id ? sharedError.value[id] ?? null : null;
+    return id ? state.error.value[id] ?? null : null;
   });
   let currentFetchId = 0;
   async function fetchFiles() {
@@ -43,27 +57,27 @@ export function useConversationFiles(conversationId) {
     if (!id)
       return;
     const fetchId = ++currentFetchId;
-    sharedLoading.value = { ...sharedLoading.value, [id]: true };
-    sharedError.value = { ...sharedError.value, [id]: null };
+    state.loading.value = { ...state.loading.value, [id]: true };
+    state.error.value = { ...state.error.value, [id]: null };
     try {
       const response = await $fetch(
         chatApi.path(`/conversations/${id}/files`),
         chatApi.withChatHeaders()
       );
       if (fetchId === currentFetchId) {
-        sharedFiles.value = { ...sharedFiles.value, [id]: response.files };
+        state.files.value = { ...state.files.value, [id]: response.files };
       }
     } catch (err) {
       if (fetchId === currentFetchId) {
-        sharedError.value = {
-          ...sharedError.value,
+        state.error.value = {
+          ...state.error.value,
           [id]: err instanceof Error ? err.message : "Falha ao buscar arquivos"
         };
-        sharedFiles.value = { ...sharedFiles.value, [id]: [] };
+        state.files.value = { ...state.files.value, [id]: [] };
       }
     } finally {
       if (fetchId === currentFetchId) {
-        sharedLoading.value = { ...sharedLoading.value, [id]: false };
+        state.loading.value = { ...state.loading.value, [id]: false };
       }
     }
   }

package/dist/runtime/composables/useKnowledgeSources.js

@@ -1,5 +1,5 @@
-const knowledgeSources = useState("knowledgeSources", () => []);
 export function useKnowledgeSources() {
+  const knowledgeSources = useState("knowledgeSources", () => []);
   function setKnowledgeSources(sources) {
     knowledgeSources.value = sources ?? [];
   }

package/dist/runtime/composables/useMediaCache.js

@@ -1,11 +1,16 @@
-const mediaCache = useIDB({
-  storeName: "vault-media-cache",
-  version: 2
-});
+let mediaCache = null;
+function getMediaCache() {
+  mediaCache ??= useIDB({
+    storeName: "vault-media-cache",
+    version: 2
+  });
+  return mediaCache;
+}
 export function useMediaCache() {
+  const mediaCache2 = getMediaCache();
   async function getCached(cacheKey) {
     try {
-      const cachedData = await mediaCache.get(cacheKey);
+      const cachedData = await mediaCache2.get(cacheKey);
       if (cachedData)
         return cachedData;
       return null;
@@ -15,13 +20,13 @@ export function useMediaCache() {
   }
   async function setCache(cacheKey, base64) {
     try {
-      await mediaCache.set(cacheKey, base64);
+      await mediaCache2.set(cacheKey, base64);
     } catch {
     }
   }
   async function removeFromCache(cacheKey) {
     try {
-      await mediaCache.remove(cacheKey);
+      await mediaCache2.remove(cacheKey);
     } catch {
     }
   }

package/dist/runtime/plugins/markstream.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/runtime/plugins/markstream.js

@@ -0,0 +1,5 @@
+import { defineNuxtPlugin } from "#app";
+import { setDefaultMathOptions } from "markstream-vue";
+export default defineNuxtPlugin(() => {
+  setDefaultMathOptions({ strictDelimiters: true });
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meistrari/chat-nuxt",
-  "version": "1.2.1",
+  "version": "1.2.3",
   "type": "module",
   "exports": {
     ".": {