Alpha

.github/workflows/node.js.yml

@@ -26,3 +26,15 @@ jobs:
       - run: npm run types
       - run: npm run lint
       - run: npm run build
+
+      - run: |
+          name=$(echo -n "${{ matrix.node-version }}" | tr -cd '[[:alnum:]]')
+          echo "ARTIFACT_NAME=$name" >> $GITHUB_ENV
+
+      - name: Upload artifacts
+        uses: actions/upload-artifact@v4
+
+        with:
+          name: refact-chat-js-${{ env.ARTIFACT_NAME }}
+          if-no-files-found: ignore
+          path: ./dist

.storybook/preview.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import type { Preview } from "@storybook/react";
 import "@radix-ui/themes/styles.css";
-import { Theme } from "@radix-ui/themes";
+import { Theme } from "../src/components/Theme";
 
 const preview: Preview = {
   parameters: {
@@ -16,7 +16,7 @@ const preview: Preview = {
   },
   decorators: [
     (Page) => (
-      <Theme>
+      <Theme accentColor="gray">
         <Page />
       </Theme>
     ),

package.json

@@ -1,6 +1,6 @@
 {
   "name": "refact-chat-js",
-  "version": "1.0.1-alpha.1",
+  "version": "1.0.1-alpha.4",
   "type": "module",
   "license": "BSD-3-Clause",
   "files": [

src/components/ChatContent/ChatContent.tsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useImperativeHandle } from "react";
 import { ChatMessages, isChatContextFileMessage } from "../../services/refact";
-import { Markdown, MarkdownProps } from "../Markdown";
+import { MarkdownProps } from "../Markdown";
 import { UserInput } from "./UserInput";
 import { ScrollArea } from "../ScrollArea";
 import { Spinner } from "../Spinner";
@@ -82,12 +82,9 @@ export const ChatContent = React.forwardRef<HTMLDivElement, ChatContentProps>(
                   {text}
                 </AssistantInput>
               );
-              // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-            } else if (role === "system") {
+            } else {
               return null;
               // return <SystemInput key={index}>{text}</SystemInput>;
-            } else {
-              return <Markdown key={index}>{text}</Markdown>;
             }
           })}
           {isWaiting && <Spinner />}

src/components/FIMDebug/SymoblList.tsx

@@ -25,7 +25,8 @@ const SymbolText: React.FC<{
       >
         {withIcon ? (
           <>
-            🔎 <TruncateLeft className={styles.symbol}>{children}</TruncateLeft>
+            🔎&nbsp;
+            <TruncateLeft className={styles.symbol}>{children}</TruncateLeft>
           </>
         ) : (
           children

src/components/FileList/FileList.tsx

@@ -19,7 +19,7 @@ export const FileList: React.FC<FileListProps> = ({ files }) => {
             title={file.file_content}
             className={styles.file}
           >
-            📎 <TruncateLeft>{name}</TruncateLeft>
+            📎&nbsp;<TruncateLeft>{name}</TruncateLeft>
           </Text>
         );
       })}

src/hooks/useEventBusForChat/index.ts

@@ -75,17 +75,19 @@ function formatChatResponse(
       return acc.concat([[cur.delta.role, cur.delta.content]]);
     }
 
-    if (acc.length === 0) {
+    if (acc.length === 0 && cur.delta.role) {
       return acc.concat([[cur.delta.role, cur.delta.content]]);
     }
 
     const lastMessage = acc[acc.length - 1];
     if (lastMessage[0] === "assistant") {
       const last = acc.slice(0, -1);
       const currentMessage = lastMessage[1];
-      return last.concat([
-        [cur.delta.role, currentMessage + cur.delta.content],
-      ]);
+      return last.concat([["assistant", currentMessage + cur.delta.content]]);
+    }
+
+    if (cur.delta.role === null) {
+      return acc;
     }
 
     return acc.concat([[cur.delta.role, cur.delta.content]]);

src/services/refact.ts

@@ -62,11 +62,11 @@ export function isChatContextFileMessage(
 }
 
 interface BaseDelta {
-  role: ChatRole;
+  role: ChatRole | null;
 }
 
 interface AssistantDelta extends BaseDelta {
-  role: "assistant";
+  role: "assistant" | null;
   content: string;
 }
 interface ChatContextFileDelta extends BaseDelta {