Dependency(deps): Bump react-resizable-panels from 3.0.6 to 4.0.2 (#16)

* Dependency(deps): Bump react-resizable-panels from 3.0.6 to 4.0.2

Bumps [react-resizable-panels](https://github.com/bvaughn/react-resizable-panels) from 3.0.6 to 4.0.2.
- [Release notes](https://github.com/bvaughn/react-resizable-panels/releases)
- [Changelog](https://github.com/bvaughn/react-resizable-panels/blob/main/CHANGELOG.md)
- [Commits](bvaughn/react-resizable-panels@3.0.6...4.0.2)

---
updated-dependencies:
- dependency-name: react-resizable-panels
  dependency-version: 4.0.2
  dependency-type: direct:production
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <support@github.com>

* Update react resizeable

* Update middleware.ts -> proxy.ts

---------

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Dominik Fuchß <dominik.fuchss@kit.edu>

Author: dependabot[bot]

package-lock.json

@@ -18,7 +18,7 @@
     "react": "^19.2.3",
     "react-dom": "^19.2.1",
     "react-icons": "^5.5.0",
-    "react-resizable-panels": "^3.0.6",
+    "react-resizable-panels": "^4.0.7",
     "uuid": "^13.0.0"
   },
   "devDependencies": {

package.json

@@ -6,7 +6,7 @@ import {TraceLinkType} from "@/components/dataTypes/TraceLinkTypes";
 import FullScreenResultDialog from "@/components/traceLinksResultViewer/FullScreenResult";
 import {SearchResultMessage} from "@/components/traceLinksResultViewer/SearchResultMessage";
 import ResultPanel from "@/components/traceLinksResultViewer/ResultPanel";
-import {PanelGroup, PanelResizeHandle} from "react-resizable-panels";
+import {Group, Separator} from "react-resizable-panels";
 
 interface ResultDisplayProps {
     id: string;
@@ -22,7 +22,7 @@ export function ResultDisplay({id, traceLinkType, displayOptions}: ResultDisplay
         <div className="bg-white z-1 relative h-full">
 
             {/*panel*/}
-            <PanelGroup direction="horizontal" className="h-full">
+            <Group orientation="horizontal" className="h-full">
                 {panelsToRender.map((resultViewOption, index) => (
                     <React.Fragment key={index}>
                         <ResultPanel
@@ -33,10 +33,10 @@ export function ResultDisplay({id, traceLinkType, displayOptions}: ResultDisplay
                             id={id}
                             traceLinkType={traceLinkType}
                         />
-                        {index !== panelsToRender.length - 1 && <PanelResizeHandle className="w-0.5 bg-gruen"/>}
+                        {index !== panelsToRender.length - 1 && <Separator className="w-0.5 bg-gruen"/>}
                     </React.Fragment>
                 ))}
-            </PanelGroup>
+            </Group>
 
             <FullScreenResultDialog
                 selectedView={selectedDialogView}

src/components/traceLinksResultViewer/ResultDisplay.tsx

@@ -1,12 +1,12 @@
 import type {NextRequest} from 'next/server';
 import {NextResponse} from 'next/server';
 
-// the middleware will run for any request to /api/*
+// Run for any /api/* request
 export const config = {
     matcher: '/api/:path*',
 };
 
-export function middleware(request: NextRequest) {
+export function proxy(request: NextRequest) {
     const targetApiUrlString = request.headers.get('X-Target-API');
 
     if (!targetApiUrlString) {
@@ -32,4 +32,4 @@ export function middleware(request: NextRequest) {
             headers: request.headers,
         },
     });
-}
+}

src/middleware.ts src/proxy.tssrc/middleware.ts renamed to src/proxy.ts

@@ -1,7 +1,11 @@
 {
   "compilerOptions": {
     "target": "ES2017",
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
@@ -11,17 +15,27 @@
     "moduleResolution": "bundler",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "jsx": "preserve",
+    "jsx": "react-jsx",
     "incremental": true,
     "plugins": [
       {
         "name": "next"
       }
     ],
     "paths": {
-      "@/*": ["./src/*"]
+      "@/*": [
+        "./src/*"
+      ]
     }
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
-  "exclude": ["node_modules"]
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    ".next/dev/types/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
 }