Merge branch 'staging' into fix-path-selection

Author: AviAvni

.github/workflows/playwright.yml

@@ -0,0 +1,41 @@
+name: Playwright Tests
+on:
+  push:
+    branches: [ main, staging ]
+  pull_request:
+    branches: [ main, staging ]
+jobs:
+  test:
+    timeout-minutes: 60
+    runs-on: ubuntu-latest
+    services:
+      falkordb:
+        image: falkordb/falkordb:latest
+        ports:
+          - 6379:6379
+    steps:
+    - uses: actions/checkout@v4
+    - uses: actions/setup-node@v4
+      with:
+        node-version: lts/*
+    - name: Install dependencies
+      run: npm ci
+    - name: Install Playwright Browsers
+      run: npx playwright install --with-deps
+    - name: Set up environment variables and run tests
+      env:
+        FALKORDB_URL: ${{ secrets.FALKORDB_URL }}
+        OPENAI_API_KEY: ${{ secrets.OPENAI_API_KEY }}
+        SECRET_TOKEN: ${{ secrets.SECRET_TOKEN }}
+        NEXT_PUBLIC_MODE: UNLIMITED
+        BACKEND_URL: ${{ secrets.BACKEND_URL }}
+      run: |
+        npm install
+        npm run build
+        NEXTAUTH_SECRET=SECRET npm start & npx playwright test --reporter=dot,list
+    - uses: actions/upload-artifact@v4
+      if: ${{ !cancelled() }}
+      with:
+        name: playwright-report
+        path: playwright-report/
+        retention-days: 30

.gitignore

@@ -37,4 +37,9 @@ next-env.d.ts
 
 
 # vscode
-/.vscode/
+/.vscode/
+node_modules/
+/test-results/
+/playwright-report/
+/blob-report/
+/playwright/.cache/

app/api/repo/[graph]/[node]/route.ts

@@ -1,26 +1,5 @@
 import { NextRequest, NextResponse } from "next/server";
 
-export async function GET(request: NextRequest, { params }: { params: { graph: string, node: string } }) {
-
-    const nodeId = parseInt(params.node);
-    const graphId = params.graph;
-    try {
-
-        const result = await fetch(`${process.env.BACKEND_URL}/get_neighbors?repo=${graphId}&node_id=${nodeId}`, {
-            method: 'GET',
-            headers: {
-                "Authorization": process.env.SECRET_TOKEN!,
-            }
-        })
-
-        const json = await result.json()
-
-        return NextResponse.json({ result: json }, { status: 200 })
-    } catch (err) {
-        return NextResponse.json({ massage: (err as Error).message }, { status: 400 })
-    }
-}
-
 export async function POST(request: NextRequest, { params }: { params: { graph: string, node: string } }) {
 
     const nodeId = params.node;

app/api/repo/[graph]/neighbors/route.ts

@@ -0,0 +1,24 @@
+import { NextRequest, NextResponse } from "next/server";
+
+export async function POST(request: NextRequest, { params }: { params: { graph: string } }) {
+
+    const nodeIds = (await request.json()).nodeIds.map((id: string) => Number(id));
+    const graphId = params.graph;
+    
+    try {
+        const result = await fetch(`${process.env.BACKEND_URL}/get_neighbors`, {
+            method: 'POST',
+            body: JSON.stringify({ node_ids: nodeIds, repo: graphId }),
+            headers: {
+                "Content-Type": 'application/json',
+                "Authorization": process.env.SECRET_TOKEN!,
+            }
+        })
+
+        const json = await result.json()
+
+        return NextResponse.json({ result: json }, { status: 200 })
+    } catch (err) {
+        return NextResponse.json({ massage: (err as Error).message }, { status: 400 })
+    }
+}

app/components/Input.tsx

@@ -121,6 +121,7 @@ export default function Input({ value, onValueChange, handelSubmit, graph, icon,
     return (
         <div
             className={cn("w-[20dvw] relative pointer-events-none rounded-md gap-4", parentClassName)}
+            data-name='search-bar'
         >
             <input
                 ref={inputRef}
@@ -143,6 +144,7 @@ export default function Input({ value, onValueChange, handelSubmit, graph, icon,
                 <div
                     ref={containerRef}
                     className="z-10 w-full bg-white absolute flex flex-col pointer-events-auto border rounded-md max-h-[50dvh] overflow-y-auto overflow-x-hidden p-2 gap-2"
+                    data-name='search-bar-list'
                     style={{
                         top: (inputRef.current?.clientHeight || 0) + 16
                     }}
@@ -163,7 +165,6 @@ export default function Input({ value, onValueChange, handelSubmit, graph, icon,
                                     onMouseEnter={() => setSelectedOption(index)}
                                     onMouseLeave={() => setSelectedOption(-1)}
                                     onClick={() => {
-                                        debugger
                                         onValueChange({ name: option.properties.name, id: option.id })
                                         handelSubmit && handelSubmit(option)
                                         setOpen(false)

app/components/chat.tsx

@@ -466,7 +466,7 @@ export function Chat({ repo, path, setPath, graph, chartRef, selectedPathId, isP
 
     return (
         <div className="h-full flex flex-col justify-between px-6 pt-10 pb-4 gap-4">
-            <main ref={containerRef} className="relative grow flex flex-col overflow-y-auto gap-6 px-4">
+            <main data-name="main-chat" ref={containerRef} className="relative grow flex flex-col overflow-y-auto gap-6 px-4">
                 {
                     messages.length === 0 &&
                     <>
@@ -495,7 +495,7 @@ export function Chat({ repo, path, setPath, graph, chartRef, selectedPathId, isP
                 {
                     repo &&
                     <div className="flex gap-4 px-4">
-                        <button disabled={isSendMessage} className="p-4 border rounded-md hover:border-[#FF66B3] hover:bg-[#FFF0F7]" onClick={() => setTipOpen(prev => !prev)}>
+                        <button data-name="lightbulb" disabled={isSendMessage} className="p-4 border rounded-md hover:border-[#FF66B3] hover:bg-[#FFF0F7]" onClick={() => setTipOpen(prev => !prev)}>
                             <Lightbulb />
                         </button>
                         <form className="grow flex items-center border rounded-md pr-2" onSubmit={sendQuery}>