openvsx-webui-test 0.18.0-security.5 → 0.19.0-dev.1

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "openvsx-webui-test",
-    "version": "0.18.0-security.5",
+    "version": "0.19.0-dev.1",
     "description": "User interface for Eclipse Open VSX",
     "keywords": [
         "react",
@@ -35,15 +35,24 @@
     ],
     "main": "lib/index",
     "types": "lib/index",
+    "engines": {
+        "node": ">=22.0.0"
+    },
     "dependencies": {
+        "@babel/core": "^7.29.0",
         "@emotion/react": "^11.11.1",
         "@emotion/styled": "^11.11.0",
         "@mdit/plugin-alert": "^0.22.3",
         "@mui/base": "^5.0.0-beta.9",
         "@mui/icons-material": "^5.13.7",
         "@mui/material": "^5.13.7",
+        "@mui/system": "^5.15.15",
+        "@mui/x-charts": "^6.19",
+        "@mui/x-data-grid": "^7.29",
+        "@mui/x-date-pickers": "^6.20",
         "clipboard-copy": "^4.0.1",
         "clsx": "^1.2.1",
+        "date-fns": "^2.30.0",
         "dompurify": "^3.0.4",
         "fetch-retry": "^5.0.6",
         "lodash": "^4.17.21",
@@ -55,7 +64,7 @@
         "react-avatar-editor": "^13.0.0",
         "react-dom": "^18.2.0",
         "react-dropzone": "^14.2.3",
-        "react-helmet-async": "^1.3.0",
+        "react-helmet-async": "^2.0.5",
         "react-infinite-scroller": "^1.2.6",
         "react-router": "^6.30.3",
         "react-router-dom": "^6.30.3"
@@ -65,59 +74,56 @@
         "qs": "^6.14.1"
     },
     "devDependencies": {
-        "@babel/core": "^7.25.2",
-        "@eslint/eslintrc": "^3.2.0",
-        "@eslint/js": "^9.15.0",
+        "@eslint/eslintrc": "^3.3.3",
+        "@eslint/js": "^9.39.0",
         "@playwright/test": "^1.58.0",
-        "@stylistic/eslint-plugin": "^2.11.0",
-        "@types/babel__core": "^7",
+        "@stylistic/eslint-plugin": "^5.9.0",
         "@types/chai": "^4.3.5",
+        "@types/d3-scale": "^4.0",
+        "@types/d3-shape": "^3.1",
         "@types/dompurify": "^3.0.2",
         "@types/express": "^4.17.21",
         "@types/lodash": "^4.14.195",
-        "@types/markdown-it": "^14",
-        "@types/mocha": "^10.0.9",
-        "@types/node": "^20.4.0",
-        "@types/prop-types": "^15.7.5",
+        "@types/markdown-it": "^14.1.0",
+        "@types/mocha": "^10.0.0",
+        "@types/node": "^22.0.0",
+        "@types/prop-types": "^15.7.0",
         "@types/punycode": "^2.1.0",
-        "@types/react": "^18.2.14",
+        "@types/react": "^18.2.0",
         "@types/react-avatar-editor": "^13.0.0",
-        "@types/react-dom": "^18.2.6",
-        "@types/react-infinite-scroller": "^1.2.3",
-        "@types/react-router-dom": "^5.3.3",
-        "@types/react-transition-group": "^4.4.6",
-        "@typescript-eslint/eslint-plugin": "^8.15.0",
-        "@typescript-eslint/parser": "^8.15.0",
-        "chai": "^4.3.7",
-        "css-loader": "^6.8.1",
-        "eslint": "^9.15.0",
-        "eslint-plugin-react": "^7.37.2",
-        "express": "^4.21.2",
+        "@types/react-dom": "^18.2.0",
+        "@types/react-infinite-scroller": "^1.2.0",
+        "@types/react-router-dom": "^5.3.0",
+        "@types/react-transition-group": "^4.4.0",
+        "@typescript-eslint/eslint-plugin": "^8.56.0",
+        "@typescript-eslint/parser": "^8.56.0",
+        "@vitejs/plugin-react": "^5.1.0",
+        "chai": "^4.3.0",
+        "eslint": "^9.39.0",
+        "eslint-plugin-react": "^7.37.0",
+        "express": "^4.21.0",
         "express-rate-limit": "^7.4.0",
-        "mocha": "^11.7.5",
-        "rimraf": "^6.1.2",
-        "source-map-loader": "^4.0.1",
-        "style-loader": "^3.3.3",
+        "mocha": "^11.7.0",
+        "rimraf": "^6.1.0",
         "ts-mocha": "^11.1.0",
         "ts-node": "^10.9.2",
-        "typescript": "~5.1.6",
-        "webpack": "^5.88.1",
-        "webpack-cli": "^5.1.4"
+        "typescript": "^5.9.0",
+        "vite": "^7.3.0"
     },
     "scripts": {
-        "clean": "rimraf lib",
-        "build": "tsc -p ./tsconfig.json && tsc -p ./configs/server.tsconfig.json && yarn run lint",
+        "clean": "rimraf lib && rimraf dist",
+        "build": "yarn run clean && tsc -p ./configs/lib.tsconfig.json && yarn run lint",
         "test": "ts-mocha --project ./configs/test.tsconfig.json --config ./configs/mocharc.json",
         "smoke-tests": "playwright install && playwright test --config=./configs/playwright.config.ts",
-        "lint": "eslint -c ./configs/eslintrc.mjs src",
+        "lint": "eslint -c eslint.config.mjs src",
         "watch": "tsc -w -p ./tsconfig.json --preserveWatchOutput",
         "prepare": "yarn run clean && yarn run build",
-        "build:default": "webpack --config ./configs/webpack.config.js --mode production",
-        "watch:default": "webpack --config ./configs/webpack.config.js --mode development --watch --progress --color",
+        "build:server": "tsc -p ./configs/server.tsconfig.json",
+        "build:default": "yarn build:server && vite build",
+        "watch:default": "yarn build:server && vite build --watch",
         "start:default": "node lib/default/server",
-        "copy2server": "cp -rfv static ../server/src/dev/resources/",
-        "publish:next": "yarn npm publish --tag next",
-        "publish:latest": "yarn npm publish --tag latest"
+        "dev": "vite dev",
+        "link2server": "sh -c 'ln -sf $(realpath dist) ../server/build/resources/main/static'"
     },
     "packageManager": "yarn@4.9.1"
 }

package/src/components/banner.tsx

@@ -8,7 +8,7 @@
  * SPDX-License-Identifier: EPL-2.0
  ********************************************************************************/
 
-import React, { FunctionComponent, PropsWithChildren } from 'react';
+import { FunctionComponent, PropsWithChildren } from 'react';
 import { Paper, Grid, Button, Collapse } from '@mui/material';
 
 export const Banner: FunctionComponent<PropsWithChildren<BannerProps>> = props => {

package/src/components/button-with-progress.tsx

@@ -8,7 +8,7 @@
  * SPDX-License-Identifier: EPL-2.0
  ********************************************************************************/
 
-import React, { FunctionComponent, MouseEventHandler, PropsWithChildren } from 'react';
+import { FunctionComponent, MouseEventHandler, PropsWithChildren } from 'react';
 import { Box, Button, CircularProgress, SxProps, Theme } from '@mui/material';
 
 export const ButtonWithProgress: FunctionComponent<PropsWithChildren<ButtonWithProgressProps>> = props => {

package/src/components/copy-to-clipboard.tsx

@@ -7,7 +7,8 @@
  *
  * SPDX-License-Identifier: EPL-2.0
  ********************************************************************************/
-import React, { FunctionComponent, ReactElement, useState } from 'react';
+
+import { FunctionComponent, ReactElement, useState } from 'react';
 import copy from 'clipboard-copy';
 import { Tooltip, TooltipProps } from '@mui/material';
 

package/src/components/delayed-load-indicator.tsx

@@ -8,7 +8,7 @@
  * SPDX-License-Identifier: EPL-2.0
  ********************************************************************************/
 
-import React, { FunctionComponent, useState, useRef, useEffect } from 'react';
+import { FunctionComponent, useState, useRef, useEffect } from 'react';
 import { LinearProgress } from "@mui/material";
 
 export const DelayedLoadIndicator: FunctionComponent<DelayedLoadIndicatorProps> = props => {
@@ -34,7 +34,7 @@ export const DelayedLoadIndicator: FunctionComponent<DelayedLoadIndicatorProps>
         tryClearTimeout();
         if (props.loading) {
             setWaiting(true);
-            timeout.current = setTimeout(() => setWaiting(false), props.delay ?? 200);
+            timeout.current = window.setTimeout(() => setWaiting(false), props.delay ?? 200);
         }
     };
 

package/src/components/error-dialog.tsx

@@ -8,7 +8,7 @@
  * SPDX-License-Identifier: EPL-2.0
  ********************************************************************************/
 
-import React, { FunctionComponent, ReactNode, useContext, useEffect } from 'react';
+import { FunctionComponent, ReactNode, useContext, useEffect } from 'react';
 import { Dialog, DialogTitle, DialogContent, Button, DialogContentText, DialogActions, Box, Link } from '@mui/material';
 import { MainContext } from '../context';
 import { styled, Theme } from '@mui/material/styles';

package/src/components/hover-popover.tsx

@@ -8,7 +8,7 @@
  * SPDX-License-Identifier: EPL-2.0
  ********************************************************************************/
 
-import React, { FunctionComponent, PropsWithChildren, ReactNode, useState } from 'react';
+import { FunctionComponent, PropsWithChildren, ReactNode, useState } from 'react';
 import { Popover } from "@mui/material";
 
 export const HoverPopover: FunctionComponent<PropsWithChildren<HoverPopoverProps>> = props => {

package/src/components/info-dialog.tsx

@@ -8,7 +8,7 @@
  * SPDX-License-Identifier: EPL-2.0
  ********************************************************************************/
 
-import React, { FunctionComponent, useEffect } from 'react';
+import { FunctionComponent, useEffect } from 'react';
 import { Dialog, DialogTitle, DialogContent, Button, DialogContentText, DialogActions } from '@mui/material';
 
 export const InfoDialog: FunctionComponent<InfoDialogProps> = props => {

package/src/components/sanitized-markdown.tsx

@@ -8,7 +8,7 @@
  * SPDX-License-Identifier: EPL-2.0
  ********************************************************************************/
 
-import React, { FunctionComponent, useEffect } from 'react';
+import { FunctionComponent, useEffect } from 'react';
 import MarkdownIt from 'markdown-it';
 import * as MarkdownItAnchor from 'markdown-it-anchor';
 import { alert } from '@mdit/plugin-alert';

package/src/components/scan-admin/common/auto-refresh.tsx

@@ -11,7 +11,7 @@
  * SPDX-License-Identifier: EPL-2.0
  ********************************************************************************/
 
-import React, { FunctionComponent } from 'react';
+import { FunctionComponent } from 'react';
 import { Box, Typography, Switch } from '@mui/material';
 import { formatDateTime } from './utils';
 

package/src/components/scan-admin/common/conditional-tooltip.tsx

@@ -11,9 +11,9 @@
  * SPDX-License-Identifier: EPL-2.0
  ********************************************************************************/
 
-import React, { FunctionComponent, useRef, useState, useEffect } from 'react';
+import type { ReactElement } from 'react';
+import { FunctionComponent, useRef, useState, useEffect, cloneElement } from 'react';
 import { Tooltip, TooltipProps } from '@mui/material';
-
 interface ConditionalTooltipProps extends Omit<TooltipProps, 'title'> {
     title: string;
 }
@@ -66,7 +66,7 @@ export const ConditionalTooltip: FunctionComponent<ConditionalTooltipProps> = ({
             }}
             {...tooltipProps}
         >
-            {React.cloneElement(children as React.ReactElement, {
+            {cloneElement(children as ReactElement, {
                 ref: textRef,
             })}
         </Tooltip>

package/src/components/scan-admin/common/file-table.tsx

@@ -11,7 +11,7 @@
  * SPDX-License-Identifier: EPL-2.0
  ********************************************************************************/
 
-import React, { FunctionComponent, useState } from 'react';
+import { FunctionComponent, useState } from 'react';
 import {
     Table,
     TableBody,

package/src/components/scan-admin/common/tab-panel.tsx

@@ -11,7 +11,7 @@
  * SPDX-License-Identifier: EPL-2.0
  ********************************************************************************/
 
-import React, { FunctionComponent, ReactNode } from 'react';
+import { FunctionComponent, ReactNode } from 'react';
 import { Box } from '@mui/material';
 
 interface TabPanelProps {

package/src/components/scan-admin/dialogs/file-dialog.tsx

@@ -11,7 +11,7 @@
  * SPDX-License-Identifier: EPL-2.0
  ********************************************************************************/
 
-import React, { FunctionComponent } from 'react';
+import { FunctionComponent } from 'react';
 import { Dialog, DialogTitle, DialogContent, DialogActions, Button, Typography, List, ListItem, ListItemText, Box } from '@mui/material';
 import { useDialogs } from '../../../hooks/scan-admin';
 import { useTheme } from '@mui/material/styles';

package/src/components/scan-admin/dialogs/quarantine-dialog.tsx

@@ -11,7 +11,7 @@
  * SPDX-License-Identifier: EPL-2.0
  ********************************************************************************/
 
-import React, { FunctionComponent, useMemo } from 'react';
+import { FunctionComponent, useMemo } from 'react';
 import { Dialog, DialogTitle, DialogContent, DialogActions, Button, Typography, List, ListItem, ListItemText, Box, Tooltip } from '@mui/material';
 import { Info as InfoIcon } from '@mui/icons-material';
 import { useDialogs } from '../../../hooks/scan-admin';