@aleph-alpha/chat-kit 0.1.0 → 0.3.0

package/dist/useMessageHandler-Day_sdpQ.js

@@ -0,0 +1,193 @@
+import { reactive, ref, computed, readonly } from "vue";
+function generateId() {
+  return typeof crypto !== "undefined" && "randomUUID" in crypto ? crypto.randomUUID() : String(Date.now());
+}
+function createEmptyTree() {
+  return { nodes: {}, rootId: null };
+}
+function getLinearPath(tree) {
+  const { nodes, rootId } = tree;
+  if (!rootId || !nodes[rootId]) return [];
+  const path = [];
+  let current = rootId;
+  while (current !== null) {
+    const node = nodes[current];
+    if (!node) break;
+    const base = {
+      id: node.id,
+      role: node.role,
+      content: node.content,
+      createdAt: node.createdAt,
+      status: node.status
+    };
+    if (node.parentId !== null) {
+      const parent = nodes[node.parentId];
+      if (parent && parent.childrenIds.length > 1) {
+        base.siblingIds = [...parent.childrenIds];
+        base.siblingIndex = parent.childrenIds.indexOf(node.id);
+      }
+    }
+    path.push(base);
+    if (node.childrenIds.length === 0) break;
+    current = node.childrenIds[node.activeChildIndex];
+  }
+  return path;
+}
+function addNode(tree, node) {
+  tree.nodes[node.id] = node;
+  if (node.parentId !== null) {
+    const parent = tree.nodes[node.parentId];
+    if (parent && !parent.childrenIds.includes(node.id)) {
+      parent.childrenIds.push(node.id);
+      parent.activeChildIndex = parent.childrenIds.length - 1;
+    }
+  } else if (tree.rootId === null) {
+    tree.rootId = node.id;
+  }
+}
+function updateNode(tree, id, updates) {
+  const node = tree.nodes[id];
+  if (!node) return;
+  if (updates.content !== void 0) node.content = updates.content;
+  if (updates.status !== void 0) node.status = updates.status;
+  if (updates.role !== void 0) node.role = updates.role;
+}
+function updateNodeId(tree, oldId, newId) {
+  const node = tree.nodes[oldId];
+  if (!node) return;
+  delete tree.nodes[oldId];
+  node.id = newId;
+  tree.nodes[newId] = node;
+  if (node.parentId !== null) {
+    const parent = tree.nodes[node.parentId];
+    if (parent) {
+      const idx = parent.childrenIds.indexOf(oldId);
+      if (idx !== -1) parent.childrenIds[idx] = newId;
+    }
+  }
+  for (const childId of node.childrenIds) {
+    const child = tree.nodes[childId];
+    if (child) child.parentId = newId;
+  }
+  if (tree.rootId === oldId) tree.rootId = newId;
+}
+function navigate(tree, targetId) {
+  const node = tree.nodes[targetId];
+  if (!node || node.parentId === null) return;
+  const parent = tree.nodes[node.parentId];
+  if (!parent) return;
+  const idx = parent.childrenIds.indexOf(targetId);
+  if (idx === -1) return;
+  parent.activeChildIndex = idx;
+}
+const useMessageHandler = () => {
+  const tree = reactive(createEmptyTree());
+  const currentUserMessage = ref("");
+  const messages = computed(() => getLinearPath(tree));
+  const currentLeafId = computed(() => {
+    const list = messages.value;
+    return list.length > 0 ? list[list.length - 1].id : null;
+  });
+  function setCurrentUserMessage(text) {
+    currentUserMessage.value = text;
+  }
+  function clearCurrentUserMessage() {
+    currentUserMessage.value = "";
+  }
+  function commitUserMessage() {
+    const id = generateId();
+    const text = currentUserMessage.value.trim();
+    if (!text) throw new Error("No message");
+    const node = {
+      id,
+      parentId: currentLeafId.value,
+      childrenIds: [],
+      activeChildIndex: 0,
+      role: "user",
+      content: text,
+      status: "completed",
+      createdAt: /* @__PURE__ */ new Date()
+    };
+    addNode(tree, node);
+    clearCurrentUserMessage();
+    return {
+      id: node.id,
+      role: node.role,
+      content: node.content,
+      createdAt: node.createdAt,
+      status: node.status
+    };
+  }
+  function updateMessage(message) {
+    const existing = tree.nodes[message.id];
+    if (existing) {
+      updateNode(tree, message.id, {
+        content: message.content,
+        role: message.role,
+        status: message.status
+      });
+    } else {
+      const node = {
+        id: message.id,
+        parentId: currentLeafId.value,
+        childrenIds: [],
+        activeChildIndex: 0,
+        role: message.role,
+        content: message.content,
+        status: message.status,
+        createdAt: /* @__PURE__ */ new Date()
+      };
+      addNode(tree, node);
+    }
+  }
+  function getMessageById(id) {
+    const node = tree.nodes[id];
+    if (!node) return void 0;
+    return {
+      id: node.id,
+      role: node.role,
+      content: node.content,
+      createdAt: node.createdAt,
+      status: node.status
+    };
+  }
+  function getLastUserMessage() {
+    return messages.value.findLast((m) => m.role === "user");
+  }
+  function updateMessageId(oldId, newId) {
+    updateNodeId(tree, oldId, newId);
+  }
+  function clearMessages() {
+    Object.assign(tree, createEmptyTree());
+  }
+  function setTree(incoming) {
+    tree.nodes = incoming.nodes;
+    tree.rootId = incoming.rootId;
+  }
+  function addNode$1(node) {
+    addNode(tree, node);
+  }
+  function navigate$1(targetId) {
+    navigate(tree, targetId);
+  }
+  return {
+    messages,
+    currentUserMessage: readonly(currentUserMessage),
+    updateMessage,
+    setCurrentUserMessage,
+    getMessageById,
+    clearCurrentUserMessage,
+    commitUserMessage,
+    getLastUserMessage,
+    updateMessageId,
+    clearMessages,
+    currentLeafId,
+    tree: readonly(tree),
+    setTree,
+    addNode: addNode$1,
+    navigate: navigate$1
+  };
+};
+export {
+  useMessageHandler as u
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aleph-alpha/chat-kit",
-  "version": "0.1.0",
+  "version": "0.3.0",
   "description": "Chat kit package for building chat interfaces with Vue",
   "type": "module",
   "main": "./dist/index.js",
@@ -54,10 +54,16 @@
   "peerDependencies": {
     "@aleph-alpha/ui-library": "*",
     "pinia": "^3.0.0",
-    "vue": "^3.5.25"
+    "vue": "^3.5.27"
   },
   "dependencies": {
-    "@aleph-alpha/ui-library": "1.16.0"
+    "dompurify": "^3.3.2",
+    "rehype-stringify": "^10.0.1",
+    "remark-gfm": "^4.0.1",
+    "remark-parse": "^11.0.0",
+    "remark-rehype": "^11.1.2",
+    "unified": "^11.0.5",
+    "@aleph-alpha/ui-library": "1.20.0"
   },
   "devDependencies": {
     "@storybook/addon-a11y": "10.2.17",
@@ -65,20 +71,24 @@
     "@storybook/vue3-vite": "10.2.17",
     "@testing-library/jest-dom": "6.9.1",
     "@testing-library/vue": "8.1.0",
+    "@types/dompurify": "^3.2.0",
     "@types/node": "^25.1.0",
-    "@unocss/reset": "66.6.0",
+    "@unocss/preset-wind4": "^66.6.2",
+    "@unocss/reset": "^66.6.2",
     "@vitejs/plugin-vue": "^6.0.3",
     "@vue/test-utils": "^2.4.6",
     "jsdom": "^25.0.1",
-    "storybook": "10.2.17",
+    "storybook": "^10.2.17",
     "pinia": "^3.0.3",
     "typescript": "^5.9.3",
-    "unocss": "66.6.0",
+    "unocss": "^66.6.2",
+    "unocss-preset-animations": "^1.3.0",
+    "unocss-preset-shadcn": "^1.0.1",
     "vite": "7.3.1",
-    "vitest": "^4.0.18",
-    "vue": "^3.5.25",
+    "vitest": "4.0.15",
+    "vue": "^3.5.27",
     "vue-tsc": "^3.2.4",
-    "@aleph-alpha/config-css": "0.21.0"
+    "@aleph-alpha/config-css": "0.21.2"
   },
   "scripts": {
     "build": "vite build && vue-tsc --project tsconfig.build.json --declaration --emitDeclarationOnly --outDir dist",

package/dist/useChatKitLabels-Bi0szl2l.js

@@ -1,18 +0,0 @@
-import { provide, inject } from "vue";
-const defaultChatKitLabels = {
-  agentAvatarAlt: "Agent avatar",
-  inputPlaceholder: "Type a message..."
-};
-const CHAT_KIT_LABELS = /* @__PURE__ */ Symbol("chat-kit-labels");
-function provideChatKitLabels(labels) {
-  provide(CHAT_KIT_LABELS, { ...defaultChatKitLabels, ...labels });
-}
-function useChatKitLabels() {
-  return inject(CHAT_KIT_LABELS, defaultChatKitLabels);
-}
-export {
-  CHAT_KIT_LABELS as C,
-  defaultChatKitLabels as d,
-  provideChatKitLabels as p,
-  useChatKitLabels as u
-};

package/dist/useMessageHandler-BdcOcw0w.js

@@ -1,73 +0,0 @@
-import { ref, readonly } from "vue";
-function generateId() {
-  return typeof crypto !== "undefined" && "randomUUID" in crypto ? crypto.randomUUID() : String(Date.now());
-}
-function createMessage(input) {
-  return {
-    id: input.id,
-    role: input.role,
-    content: input.content,
-    createdAt: /* @__PURE__ */ new Date(),
-    status: input.status
-  };
-}
-const useMessageHandler = () => {
-  const messages = ref([]);
-  const currentUserMessage = ref("");
-  function setCurrentUserMessage(text) {
-    currentUserMessage.value = text;
-  }
-  function clearCurrentUserMessage() {
-    currentUserMessage.value = "";
-  }
-  function commitUserMessage() {
-    const id = generateId();
-    const text = currentUserMessage.value.trim();
-    if (!text) throw new Error("No message");
-    const msg = createMessage({ id, role: "user", content: text, status: "completed" });
-    messages.value.push(msg);
-    clearCurrentUserMessage();
-    return msg;
-  }
-  function updateMessage(message) {
-    const messageToUpdate = messages.value.find((m) => m.id === message.id);
-    if (messageToUpdate) {
-      messageToUpdate.content = message.content;
-      messageToUpdate.role = message.role;
-      messageToUpdate.status = message.status;
-    } else {
-      messages.value.push(createMessage(message));
-    }
-  }
-  function getMessageById(id) {
-    return messages.value.find((m) => m.id === id);
-  }
-  function setMessages(list) {
-    messages.value = list;
-  }
-  function removeMessage(id) {
-    messages.value = messages.value.filter((m) => m.id !== id);
-  }
-  function getLastUserMessage() {
-    return [...messages.value].reverse().find((m) => m.role === "user");
-  }
-  function clearMessages() {
-    messages.value = [];
-  }
-  return {
-    messages: readonly(messages),
-    currentUserMessage: readonly(currentUserMessage),
-    updateMessage,
-    setCurrentUserMessage,
-    getMessageById,
-    clearCurrentUserMessage,
-    commitUserMessage,
-    setMessages,
-    removeMessage,
-    getLastUserMessage,
-    clearMessages
-  };
-};
-export {
-  useMessageHandler as u
-};