Upgrade dependencies

.github/workflows/release.yml

@@ -72,9 +72,6 @@ jobs:
         with:
           repo-token: ${{ secrets.GITHUB_TOKEN }}
 
-      - name: Run JS build
-        run: npm run build
-
       - name: Run lint
         run: npm run lint
 

packages/plugin-runtime-types/package.json

@@ -31,7 +31,7 @@
     "prepublishOnly": "npm run build"
   },
   "dependencies": {
-    "@types/node": "^22.5.4"
+    "@types/node": "^24.0.13"
   },
   "devDependencies": {
     "cpy-cli": "^5.0.0"

plugins/filter-xpath/package.json

@@ -10,7 +10,7 @@
     "lint": "tsc --noEmit"
   },
   "dependencies": {
-    "@xmldom/xmldom": "^0.8.10",
+    "@xmldom/xmldom": "^0.9.8",
     "xpath": "^0.0.34"
   }
 }

plugins/importer-openapi/package.json

@@ -14,6 +14,6 @@
     "yaml": "^2.4.2"
   },
   "devDependencies": {
-    "@types/openapi-to-postmanv2": "^3.2.4"
+    "@types/openapi-to-postmanv2": "^5.0.0"
   }
 }

plugins/template-function-response/package.json

@@ -12,7 +12,7 @@
   "dependencies": {
     "jsonpath-plus": "^10.3.0",
     "xpath": "^0.0.34",
-    "@xmldom/xmldom": "^0.8.10"
+    "@xmldom/xmldom": "^0.9.8"
   },
   "devDependencies": {
     "@types/jsonpath": "^0.2.4"

plugins/template-function-xml/package.json

@@ -10,7 +10,7 @@
     "lint": "tsc --noEmit"
   },
   "dependencies": {
-    "@xmldom/xmldom": "^0.8.10",
+    "@xmldom/xmldom": "^0.9.8",
     "xpath": "^0.0.34"
   }
 }

scripts/vendor-node.cjs

@@ -4,7 +4,7 @@ const Downloader = require('nodejs-file-downloader');
 const { rmSync, cpSync, mkdirSync, existsSync } = require('node:fs');
 const { execSync } = require('node:child_process');
 
-const NODE_VERSION = 'v22.9.0';
+const NODE_VERSION = 'v24.4.0';
 
 // `${process.platform}_${process.arch}`
 const MAC_ARM = 'darwin_arm64';

src-web/package.json

@@ -38,61 +38,59 @@
     "classnames": "^2.5.1",
     "cm6-graphql": "^0.2.1",
     "codemirror-json-schema": "0.6.1",
-    "date-fns": "^3.6.0",
+    "date-fns": "^4.1.0",
     "deep-equal": "^2.2.3",
     "eventemitter3": "^5.0.1",
-    "focus-trap-react": "^10.2.3",
+    "focus-trap-react": "^11.0.4",
     "format-graphql": "^1.5.0",
     "fuzzbunny": "^1.0.1",
     "hexy": "^0.3.5",
     "history": "^5.3.0",
     "js-md5": "^0.8.3",
-    "lucide-react": "^0.474.0",
+    "lucide-react": "^0.525.0",
     "mime": "^4.0.4",
     "motion": "^12.4.7",
     "nanoid": "^5.0.9",
     "papaparse": "^5.4.1",
     "parse-color": "^1.0.0",
-    "react": "^18.3.1",
+    "react": "^19.1.0",
     "react-colorful": "^5.6.1",
     "react-dnd": "^16.0.1",
     "react-dnd-html5-backend": "^16.0.1",
-    "react-dom": "^18.3.1",
+    "react-dom": "^19.1.0",
-    "react-helmet-async": "^2.0.5",
+    "react-markdown": "^10.1.0",
-    "react-markdown": "^9.0.1",
+    "react-pdf": "^10.0.1",
-    "react-pdf": "^9.1.0",
+    "react-use": "^17.6.0",
-    "react-use": "^17.5.1",
+    "remark-gfm": "^4.0.1",
-    "remark-gfm": "^4.0.0",
     "slugify": "^1.6.6",
-    "uuid": "^10.0.0",
+    "uuid": "^11.1.0",
     "whatwg-mimetype": "^4.0.0",
     "xml-formatter": "^3.6.3",
     "yaml": "^2.6.1"
   },
   "devDependencies": {
-    "@lezer/generator": "^1.7.1",
+    "@lezer/generator": "^1.8.0",
     "@tailwindcss/nesting": "^0.0.0-insiders.565cd3e",
-    "@tanstack/router-plugin": "^1.91.1",
+    "@tanstack/router-plugin": "^1.127.5",
-    "@types/node": "^22.5.4",
+    "@types/node": "^24.0.13",
-    "@types/papaparse": "^5.3.14",
+    "@types/papaparse": "^5.3.16",
     "@types/parse-color": "^1.0.3",
-    "@types/parse-json": "^4.0.2",
+    "@types/react": "^19.1.8",
-    "@types/react": "^18.3.5",
+    "@types/react-dom": "^19.1.6",
-    "@types/react-dom": "^18.3.0",
     "@types/uuid": "^10.0.0",
     "@types/whatwg-mimetype": "^3.0.2",
-    "@vitejs/plugin-react": "^4.3.1",
+    "@vitejs/plugin-react": "^4.6.0",
-    "autoprefixer": "^10.4.20",
+    "autoprefixer": "^10.4.21",
     "decompress": "^4.2.1",
-    "eslint-plugin-react-refresh": "^0.4.16",
+    "eslint-plugin-react-refresh": "^0.4.20",
     "internal-ip": "^8.0.0",
-    "postcss": "^8.4.45",
+    "postcss": "^8.5.6",
-    "postcss-nesting": "^13.0.0",
+    "postcss-nesting": "^13.0.2",
-    "tailwindcss": "^3.4.10",
+    "tailwindcss": "^3.4.17",
-    "vite": "6.2.7",
+    "vite": "^7.0.4",
-    "vite-plugin-static-copy": "^2.2.0",
+    "vite-plugin-static-copy": "^3.1.1",
     "vite-plugin-svgr": "^4.3.0",
     "vite-plugin-top-level-await": "^1.5.0",
-    "vite-plugin-wasm": "^3.4.1"
+    "vite-plugin-wasm": "^3.5.0"
   }
 }

src-web/routeTree.gen.ts

@@ -8,95 +8,42 @@
 // You should NOT make any changes in this file as it will be overwritten.
 // Additionally, you should also exclude this file from your linter and/or formatter to prevent it from being checked or modified.
 
-// Import Routes
+import { Route as rootRouteImport } from './routes/__root'
+import { Route as IndexRouteImport } from './routes/index'
+import { Route as WorkspacesIndexRouteImport } from './routes/workspaces/index'
+import { Route as WorkspacesWorkspaceIdIndexRouteImport } from './routes/workspaces/$workspaceId/index'
+import { Route as WorkspacesWorkspaceIdSettingsRouteImport } from './routes/workspaces/$workspaceId/settings'
+import { Route as WorkspacesWorkspaceIdRequestsRequestIdRouteImport } from './routes/workspaces/$workspaceId/requests/$requestId'
 
-import { Route as rootRoute } from './routes/__root'
+const IndexRoute = IndexRouteImport.update({
-import { Route as IndexImport } from './routes/index'
-import { Route as WorkspacesIndexImport } from './routes/workspaces/index'
-import { Route as WorkspacesWorkspaceIdIndexImport } from './routes/workspaces/$workspaceId/index'
-import { Route as WorkspacesWorkspaceIdSettingsImport } from './routes/workspaces/$workspaceId/settings'
-import { Route as WorkspacesWorkspaceIdRequestsRequestIdImport } from './routes/workspaces/$workspaceId/requests/$requestId'
-
-// Create/Update Routes
-
-const IndexRoute = IndexImport.update({
   id: '/',
   path: '/',
-  getParentRoute: () => rootRoute,
+  getParentRoute: () => rootRouteImport,
 } as any)
-
+const WorkspacesIndexRoute = WorkspacesIndexRouteImport.update({
-const WorkspacesIndexRoute = WorkspacesIndexImport.update({
   id: '/workspaces/',
   path: '/workspaces/',
-  getParentRoute: () => rootRoute,
+  getParentRoute: () => rootRouteImport,
 } as any)
-
+const WorkspacesWorkspaceIdIndexRoute =
-const WorkspacesWorkspaceIdIndexRoute = WorkspacesWorkspaceIdIndexImport.update(
+  WorkspacesWorkspaceIdIndexRouteImport.update({
-  {
     id: '/workspaces/$workspaceId/',
     path: '/workspaces/$workspaceId/',
-    getParentRoute: () => rootRoute,
+    getParentRoute: () => rootRouteImport,
-  } as any,
+  } as any)
-)
-
 const WorkspacesWorkspaceIdSettingsRoute =
-  WorkspacesWorkspaceIdSettingsImport.update({
+  WorkspacesWorkspaceIdSettingsRouteImport.update({
     id: '/workspaces/$workspaceId/settings',
     path: '/workspaces/$workspaceId/settings',
-    getParentRoute: () => rootRoute,
+    getParentRoute: () => rootRouteImport,
   } as any)
-
 const WorkspacesWorkspaceIdRequestsRequestIdRoute =
-  WorkspacesWorkspaceIdRequestsRequestIdImport.update({
+  WorkspacesWorkspaceIdRequestsRequestIdRouteImport.update({
     id: '/workspaces/$workspaceId/requests/$requestId',
     path: '/workspaces/$workspaceId/requests/$requestId',
-    getParentRoute: () => rootRoute,
+    getParentRoute: () => rootRouteImport,
   } as any)
 
-// Populate the FileRoutesByPath interface
-
-declare module '@tanstack/react-router' {
-  interface FileRoutesByPath {
-    '/': {
-      id: '/'
-      path: '/'
-      fullPath: '/'
-      preLoaderRoute: typeof IndexImport
-      parentRoute: typeof rootRoute
-    }
-    '/workspaces/': {
-      id: '/workspaces/'
-      path: '/workspaces'
-      fullPath: '/workspaces'
-      preLoaderRoute: typeof WorkspacesIndexImport
-      parentRoute: typeof rootRoute
-    }
-    '/workspaces/$workspaceId/settings': {
-      id: '/workspaces/$workspaceId/settings'
-      path: '/workspaces/$workspaceId/settings'
-      fullPath: '/workspaces/$workspaceId/settings'
-      preLoaderRoute: typeof WorkspacesWorkspaceIdSettingsImport
-      parentRoute: typeof rootRoute
-    }
-    '/workspaces/$workspaceId/': {
-      id: '/workspaces/$workspaceId/'
-      path: '/workspaces/$workspaceId'
-      fullPath: '/workspaces/$workspaceId'
-      preLoaderRoute: typeof WorkspacesWorkspaceIdIndexImport
-      parentRoute: typeof rootRoute
-    }
-    '/workspaces/$workspaceId/requests/$requestId': {
-      id: '/workspaces/$workspaceId/requests/$requestId'
-      path: '/workspaces/$workspaceId/requests/$requestId'
-      fullPath: '/workspaces/$workspaceId/requests/$requestId'
-      preLoaderRoute: typeof WorkspacesWorkspaceIdRequestsRequestIdImport
-      parentRoute: typeof rootRoute
-    }
-  }
-}
-
-// Create and export the route tree
-
 export interface FileRoutesByFullPath {
   '/': typeof IndexRoute
   '/workspaces': typeof WorkspacesIndexRoute
@@ -104,7 +51,6 @@ export interface FileRoutesByFullPath {
   '/workspaces/$workspaceId': typeof WorkspacesWorkspaceIdIndexRoute
   '/workspaces/$workspaceId/requests/$requestId': typeof WorkspacesWorkspaceIdRequestsRequestIdRoute
 }
-
 export interface FileRoutesByTo {
   '/': typeof IndexRoute
   '/workspaces': typeof WorkspacesIndexRoute
@@ -112,16 +58,14 @@ export interface FileRoutesByTo {
   '/workspaces/$workspaceId': typeof WorkspacesWorkspaceIdIndexRoute
   '/workspaces/$workspaceId/requests/$requestId': typeof WorkspacesWorkspaceIdRequestsRequestIdRoute
 }
-
 export interface FileRoutesById {
-  __root__: typeof rootRoute
+  __root__: typeof rootRouteImport
   '/': typeof IndexRoute
   '/workspaces/': typeof WorkspacesIndexRoute
   '/workspaces/$workspaceId/settings': typeof WorkspacesWorkspaceIdSettingsRoute
   '/workspaces/$workspaceId/': typeof WorkspacesWorkspaceIdIndexRoute
   '/workspaces/$workspaceId/requests/$requestId': typeof WorkspacesWorkspaceIdRequestsRequestIdRoute
 }
-
 export interface FileRouteTypes {
   fileRoutesByFullPath: FileRoutesByFullPath
   fullPaths:
@@ -146,7 +90,6 @@ export interface FileRouteTypes {
     | '/workspaces/$workspaceId/requests/$requestId'
   fileRoutesById: FileRoutesById
 }
-
 export interface RootRouteChildren {
   IndexRoute: typeof IndexRoute
   WorkspacesIndexRoute: typeof WorkspacesIndexRoute
@@ -155,6 +98,46 @@ export interface RootRouteChildren {
   WorkspacesWorkspaceIdRequestsRequestIdRoute: typeof WorkspacesWorkspaceIdRequestsRequestIdRoute
 }
 
+declare module '@tanstack/react-router' {
+  interface FileRoutesByPath {
+    '/': {
+      id: '/'
+      path: '/'
+      fullPath: '/'
+      preLoaderRoute: typeof IndexRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/workspaces/': {
+      id: '/workspaces/'
+      path: '/workspaces'
+      fullPath: '/workspaces'
+      preLoaderRoute: typeof WorkspacesIndexRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/workspaces/$workspaceId/': {
+      id: '/workspaces/$workspaceId/'
+      path: '/workspaces/$workspaceId'
+      fullPath: '/workspaces/$workspaceId'
+      preLoaderRoute: typeof WorkspacesWorkspaceIdIndexRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/workspaces/$workspaceId/settings': {
+      id: '/workspaces/$workspaceId/settings'
+      path: '/workspaces/$workspaceId/settings'
+      fullPath: '/workspaces/$workspaceId/settings'
+      preLoaderRoute: typeof WorkspacesWorkspaceIdSettingsRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/workspaces/$workspaceId/requests/$requestId': {
+      id: '/workspaces/$workspaceId/requests/$requestId'
+      path: '/workspaces/$workspaceId/requests/$requestId'
+      fullPath: '/workspaces/$workspaceId/requests/$requestId'
+      preLoaderRoute: typeof WorkspacesWorkspaceIdRequestsRequestIdRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+  }
+}
+
 const rootRouteChildren: RootRouteChildren = {
   IndexRoute: IndexRoute,
   WorkspacesIndexRoute: WorkspacesIndexRoute,
@@ -163,39 +146,6 @@ const rootRouteChildren: RootRouteChildren = {
   WorkspacesWorkspaceIdRequestsRequestIdRoute:
     WorkspacesWorkspaceIdRequestsRequestIdRoute,
 }
-
+export const routeTree = rootRouteImport
-export const routeTree = rootRoute
   ._addFileChildren(rootRouteChildren)
   ._addFileTypes<FileRouteTypes>()
-
-/* ROUTE_MANIFEST_START
-{
-  "routes": {
-    "__root__": {
-      "filePath": "__root.tsx",
-      "children": [
-        "/",
-        "/workspaces/",
-        "/workspaces/$workspaceId/settings",
-        "/workspaces/$workspaceId/",
-        "/workspaces/$workspaceId/requests/$requestId"
-      ]
-    },
-    "/": {
-      "filePath": "index.tsx"
-    },
-    "/workspaces/": {
-      "filePath": "workspaces/index.tsx"
-    },
-    "/workspaces/$workspaceId/settings": {
-      "filePath": "workspaces/$workspaceId/settings.tsx"
-    },
-    "/workspaces/$workspaceId/": {
-      "filePath": "workspaces/$workspaceId/index.tsx"
-    },
-    "/workspaces/$workspaceId/requests/$requestId": {
-      "filePath": "workspaces/$workspaceId/requests/$requestId.tsx"
-    }
-  }
-}
-ROUTE_MANIFEST_END */

src-web/routes/__root.tsx

@@ -7,7 +7,6 @@ import { domAnimation, LazyMotion, MotionConfig } from 'motion/react';
 import React, { Suspense } from 'react';
 import { DndProvider } from 'react-dnd';
 import { HTML5Backend } from 'react-dnd-html5-backend';
-import { HelmetProvider } from 'react-helmet-async';
 import { Dialogs } from '../components/Dialogs';
 import { GlobalHooks } from '../components/GlobalHooks';
 import RouteError from '../components/RouteError';
@@ -26,16 +25,14 @@ function RouteComponent() {
       <QueryClientProvider client={queryClient}>
         <LazyMotion features={domAnimation}>
           <MotionConfig transition={{ duration: 0.1 }}>
-            <HelmetProvider>
+            <DndProvider backend={HTML5Backend}>
-              <DndProvider backend={HTML5Backend}>
+              <Suspense>
-                <Suspense>
+                <GlobalHooks />
-                  <GlobalHooks />
+                <Toasts />
-                  <Toasts />
+                <Dialogs />
-                  <Dialogs />
+                <Layout />
-                  <Layout />
+              </Suspense>
-                </Suspense>
+            </DndProvider>
-              </DndProvider>
-            </HelmetProvider>
           </MotionConfig>
         </LazyMotion>
       </QueryClientProvider>