@meistrari/chat-nuxt 1.1.3 → 1.2.1

package/dist/runtime/composables/useConversations.js

@@ -1,11 +1,39 @@
 import * as Sentry from "@sentry/nuxt";
+function sortConversationsByUpdatedAt(conversations) {
+  return [...conversations].sort(
+    (a, b) => new Date(b.updatedAt).getTime() - new Date(a.updatedAt).getTime()
+  );
+}
+export function mergeFetchedConversations(fetchedConversations, localConversations, deletedConversationIds = [], locallyMutatedConversationIds = []) {
+  const deletedIds = new Set(deletedConversationIds);
+  const locallyMutatedIds = new Set(locallyMutatedConversationIds);
+  const mergedById = /* @__PURE__ */ new Map();
+  for (const conversation of fetchedConversations) {
+    if (!deletedIds.has(conversation.id)) {
+      mergedById.set(conversation.id, conversation);
+    }
+  }
+  for (const conversation of localConversations) {
+    if (!deletedIds.has(conversation.id)) {
+      if (!mergedById.has(conversation.id) || locallyMutatedIds.has(conversation.id)) {
+        mergedById.set(conversation.id, conversation);
+      }
+    }
+  }
+  return sortConversationsByUpdatedAt([...mergedById.values()]);
+}
 export function useConversations() {
   const chatApi = useChatApi();
   const embedConfig = useEmbedConfig();
+  const { activeOrganization } = useTelaApplicationAuth();
   const conversationBuckets = useState("conversations", () => ({}));
   const loadingBuckets = useState("conversations-loading", () => ({}));
   const errorBuckets = useState("conversations-error", () => ({}));
-  const workspaceScope = computed(() => embedConfig?.workspaceId.value.trim() || "default");
+  const fetchedBuckets = useState("conversations-fetched", () => ({}));
+  const mutationVersionBuckets = useState("conversations-mutation-version", () => ({}));
+  const deletedIdBuckets = useState("conversations-deleted-ids", () => ({}));
+  const mutatedIdBuckets = useState("conversations-mutated-ids", () => ({}));
+  const workspaceScope = computed(() => embedConfig?.workspaceId.value.trim() || activeOrganization.value?.id?.trim() || "default");
   const conversations = computed({
     get: () => conversationBuckets.value[workspaceScope.value] ?? [],
     set: (value) => {
@@ -15,6 +43,33 @@ export function useConversations() {
       };
     }
   });
+  const mutationVersion = computed({
+    get: () => mutationVersionBuckets.value[workspaceScope.value] ?? 0,
+    set: (value) => {
+      mutationVersionBuckets.value = {
+        ...mutationVersionBuckets.value,
+        [workspaceScope.value]: value
+      };
+    }
+  });
+  const deletedConversationIds = computed({
+    get: () => deletedIdBuckets.value[workspaceScope.value] ?? [],
+    set: (value) => {
+      deletedIdBuckets.value = {
+        ...deletedIdBuckets.value,
+        [workspaceScope.value]: value
+      };
+    }
+  });
+  const mutatedConversationIds = computed({
+    get: () => mutatedIdBuckets.value[workspaceScope.value] ?? [],
+    set: (value) => {
+      mutatedIdBuckets.value = {
+        ...mutatedIdBuckets.value,
+        [workspaceScope.value]: value
+      };
+    }
+  });
   const loading = computed({
     get: () => loadingBuckets.value[workspaceScope.value] ?? false,
     set: (value) => {
@@ -33,20 +88,69 @@ export function useConversations() {
       };
     }
   });
+  const hasFetched = computed({
+    get: () => fetchedBuckets.value[workspaceScope.value] ?? false,
+    set: (value) => {
+      fetchedBuckets.value = {
+        ...fetchedBuckets.value,
+        [workspaceScope.value]: value
+      };
+    }
+  });
+  function markMutated(id) {
+    mutationVersion.value = mutationVersion.value + 1;
+    if (id) {
+      mutatedConversationIds.value = [.../* @__PURE__ */ new Set([...mutatedConversationIds.value, id])];
+    }
+  }
+  function commitConversations(nextConversations, mutatedId) {
+    conversations.value = sortConversationsByUpdatedAt(nextConversations);
+    markMutated(mutatedId);
+  }
+  function addDeletedConversationId(id) {
+    deletedConversationIds.value = [.../* @__PURE__ */ new Set([...deletedConversationIds.value, id])];
+    markMutated();
+  }
+  function removeDeletedConversationId(id) {
+    deletedConversationIds.value = deletedConversationIds.value.filter((deletedId) => deletedId !== id);
+    markMutated();
+  }
+  function pruneDeletedConversationIds(serverConversations) {
+    const returnedIds = new Set(serverConversations.map((conversation) => conversation.id));
+    deletedConversationIds.value = deletedConversationIds.value.filter((id) => returnedIds.has(id));
+  }
   function cloneAppliedSettingsSnapshot(snapshot) {
     if (!snapshot)
       return null;
     return JSON.parse(JSON.stringify(snapshot));
   }
-  const fetchConversations = async () => {
+  const fetchConversations = async (options = {}) => {
+    if (loading.value || hasFetched.value && !options.force) {
+      return;
+    }
     loading.value = true;
     error.value = null;
+    const mutationVersionAtStart = mutationVersion.value;
     try {
       const data = await $fetch(
         chatApi.path("/conversations"),
         chatApi.withChatHeaders()
       );
-      conversations.value = data;
+      const visibleData = data.filter((conversation) => !deletedConversationIds.value.includes(conversation.id));
+      if (mutationVersion.value === mutationVersionAtStart) {
+        conversations.value = sortConversationsByUpdatedAt(visibleData);
+        mutatedConversationIds.value = [];
+      } else {
+        conversations.value = mergeFetchedConversations(
+          visibleData,
+          conversations.value,
+          deletedConversationIds.value,
+          mutatedConversationIds.value
+        );
+        mutatedConversationIds.value = [];
+      }
+      pruneDeletedConversationIds(data);
+      hasFetched.value = true;
     } catch (err) {
       const message = err instanceof Error ? err.message : "Erro ao carregar conversas";
       error.value = message;
@@ -65,7 +169,7 @@ export function useConversations() {
           body: options?.model ? { model: options.model } : void 0
         })
       );
-      conversations.value = [conversation, ...conversations.value];
+      commitConversations([conversation, ...conversations.value], conversation.id);
       return conversation;
     } catch (err) {
       const message = err instanceof Error ? err.message : "Erro ao criar conversa";
@@ -77,7 +181,8 @@ export function useConversations() {
     error.value = null;
     const statusToast = useStatusToast();
     const deletedConversation = conversations.value.find((c) => c.id === id);
-    conversations.value = conversations.value.filter((c) => c.id !== id);
+    addDeletedConversationId(id);
+    commitConversations(conversations.value.filter((c) => c.id !== id), id);
     try {
       await $fetch(
         chatApi.path(`/conversations/${id}`),
@@ -91,10 +196,9 @@ export function useConversations() {
       });
       return true;
     } catch (err) {
+      removeDeletedConversationId(id);
       if (deletedConversation) {
-        conversations.value = [...conversations.value, deletedConversation].sort(
-          (a, b) => new Date(b.updatedAt).getTime() - new Date(a.updatedAt).getTime()
-        );
+        commitConversations([...conversations.value, deletedConversation], deletedConversation.id);
       }
       const message = err instanceof Error ? err.message : "Erro ao deletar conversa";
       error.value = message;
@@ -122,9 +226,7 @@ export function useConversations() {
         createdAt: updated.createdAt,
         updatedAt: updated.updatedAt
       };
-      conversations.value = nextConversations.sort(
-        (a, b) => new Date(b.updatedAt).getTime() - new Date(a.updatedAt).getTime()
-      );
+      commitConversations(nextConversations, updated.id);
     }
   };
   const renameConversation = async (id, title) => {
@@ -161,7 +263,7 @@ export function useConversations() {
           method: "POST"
         })
       );
-      conversations.value = [duplicated, ...conversations.value];
+      commitConversations([duplicated, ...conversations.value], duplicated.id);
       statusToast.update({
         text: "Conversa duplicada",
         icon: "i-ph-check"

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

@@ -1,13 +1,18 @@
-import type { DeepReadonly, Ref } from 'vue';
+import type { DeepReadonly, MaybeRefOrGetter, Ref } from 'vue';
 import type { WorkspaceSettings } from './useWorkspaceSettings.js';
 export type EmbedConfig = {
     workspaceId: Ref<string>;
     workspaceSettings: Ref<DeepReadonly<WorkspaceSettings> | WorkspaceSettings | null | undefined>;
     hideSidebar: Ref<boolean>;
 };
-export declare function provideEmbedConfig(props: {
-    workspaceId: string;
-    workspaceSettings?: DeepReadonly<WorkspaceSettings> | WorkspaceSettings | null;
-    hideSidebar?: boolean;
-}): void;
+type EmbedConfigInput = {
+    workspaceId: MaybeRefOrGetter<string>;
+    workspaceSettings?: MaybeRefOrGetter<DeepReadonly<WorkspaceSettings> | WorkspaceSettings | null | undefined>;
+    hideSidebar?: MaybeRefOrGetter<boolean | undefined>;
+};
+type ProvideEmbedConfigOptions = {
+    syncGlobal?: boolean;
+};
+export declare function provideEmbedConfig(input: EmbedConfigInput, options?: ProvideEmbedConfigOptions): void;
 export declare function useEmbedConfig(): EmbedConfig | null;
+export {};

package/dist/runtime/composables/useEmbedConfig.js

@@ -1,11 +1,39 @@
 const EMBED_CONFIG_KEY = "embed-config";
-export function provideEmbedConfig(props) {
-  provide(EMBED_CONFIG_KEY, {
-    workspaceId: computed(() => props.workspaceId),
-    workspaceSettings: toRef(props, "workspaceSettings"),
-    hideSidebar: computed(() => props.hideSidebar ?? true)
-  });
+function useGlobalEmbedConfigState() {
+  return {
+    provided: useState("chat-embed-config-provided", () => false),
+    workspaceId: useState("chat-embed-config-workspace-id", () => ""),
+    workspaceSettings: useState("chat-embed-config-workspace-settings", () => void 0),
+    hideSidebar: useState("chat-embed-config-hide-sidebar", () => void 0)
+  };
+}
+export function provideEmbedConfig(input, options = {}) {
+  const config = {
+    workspaceId: computed(() => toValue(input.workspaceId)),
+    workspaceSettings: computed(() => toValue(input.workspaceSettings)),
+    hideSidebar: computed(() => toValue(input.hideSidebar) ?? true)
+  };
+  const globalConfig = useGlobalEmbedConfigState();
+  if (options.syncGlobal ?? true) {
+    watchEffect(() => {
+      globalConfig.provided.value = true;
+      globalConfig.workspaceId.value = config.workspaceId.value;
+      globalConfig.workspaceSettings.value = config.workspaceSettings.value;
+      globalConfig.hideSidebar.value = config.hideSidebar.value;
+    });
+  }
+  provide(EMBED_CONFIG_KEY, config);
 }
 export function useEmbedConfig() {
-  return inject(EMBED_CONFIG_KEY, null);
+  const injectedConfig = inject(EMBED_CONFIG_KEY, null);
+  if (injectedConfig)
+    return injectedConfig;
+  const globalConfig = useGlobalEmbedConfigState();
+  if (!globalConfig.provided.value)
+    return null;
+  return {
+    workspaceId: computed(() => globalConfig.workspaceId.value),
+    workspaceSettings: computed(() => globalConfig.workspaceSettings.value),
+    hideSidebar: computed(() => globalConfig.hideSidebar.value ?? true)
+  };
 }

package/dist/runtime/composables/useIDB.js

@@ -2,6 +2,8 @@ export function useIDB(options) {
   const { dbName = "tela", storeName, version } = options;
   let dbInstance = null;
   async function setup() {
+    if (!import.meta.client)
+      return null;
     if (dbInstance)
       return dbInstance;
     return new Promise((resolve, reject) => {
@@ -36,6 +38,8 @@ export function useIDB(options) {
   }
   async function withStore(mode, callback) {
     const db = await setup();
+    if (!db)
+      return null;
     return new Promise((resolve, reject) => {
       const transaction = db.transaction(storeName, mode);
       const store = transaction.objectStore(storeName);