ss-support-widget 1.0.0

package/src/session-storage.ts

@@ -0,0 +1,7 @@
+export function saveThreadId(threadId: string) {
+  sessionStorage.setItem("threadId", threadId);
+}
+
+export function getThreadId() : string | null {
+  return sessionStorage.getItem("threadId");
+}

package/src/sse.ts

@@ -0,0 +1,55 @@
+import { MsgDelta } from "./MsgDelta";
+
+type StreamArgs = {
+  url: string;
+  token?: string;
+  clientId?: string;
+  threadId?: string;
+  body: string;
+  onDelta: (delta: MsgDelta) => void;
+};
+
+export async function streamChat(a: StreamArgs): Promise<void> {
+  const res = await fetch(a.url, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+      ...(a.token ? { Authorization: "Bearer " + a.token } : {}),
+      ...(a.clientId ? { "X-Client-Id": a.clientId } : {}),
+      ...(a.threadId ? { "X-Thread-Id": a.threadId } : {}),
+    },
+    body: JSON.stringify(a.body),
+  });
+
+  if (!res.ok) {
+    throw new Error("HTTP " + res.status);
+  }
+
+  if (!res.body) {
+    throw new Error("ReadableStream missing");
+  }
+
+  const reader = res.body.getReader();
+  const decoder = new TextDecoder("utf-8");
+  let buffer = "";
+
+  while (true) {
+    const { value, done } = await reader.read();
+    if (done) break;
+
+    buffer += decoder.decode(value, { stream: true });
+
+    let idx;
+    while ((idx = buffer.indexOf("\n")) !== -1) {
+      const line = buffer.slice(0, idx).trim();
+      buffer = buffer.slice(idx + 1);
+
+      if (!line) continue;
+
+      const obj = JSON.parse(line) as MsgDelta;
+      a.onDelta(obj);
+    }
+  }
+  
+  // a.onDelta({ id: "", threadId: "", text: decoder.decode() });
+}

package/tsconfig.json

@@ -0,0 +1,13 @@
+{
+  "compilerOptions": {
+    "target": "ES2019",
+    "lib": ["DOM", "ES2019"],
+    "jsx": "react-jsx",
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "strict": true,
+    "skipLibCheck": true,
+    "noEmit": true
+  },
+  "include": ["src"]
+}

package/vite.config.ts

@@ -0,0 +1,19 @@
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+
+export default defineConfig({
+  plugins: [react()],
+  build: {
+    lib: {
+      entry: "src/element.tsx",
+      name: "ChatBotWidget",
+      formats: ["iife"],
+      fileName: () => "chat-bot-widget.js",
+    },
+    rollupOptions: {
+      output: {
+        inlineDynamicImports: true,
+      },
+    },
+  },
+});