openvsx-webui-test 0.20.0-dev.4 → 0.20.1-rc.0

package/lib/pages/user/user-settings-namespace-detail.js

@@ -14,7 +14,7 @@ import { Box, Button, Link, Paper, Grid, Typography } from '@mui/material';
 import { styled } from '@mui/material/styles';
 import WarningIcon from '@mui/icons-material/Warning';
 import { UserNamespaceExtensionListContainer } from './user-namespace-extension-list';
-import { AdminDashboardRoutes } from '../admin-dashboard/admin-routes';
+import { AdminDashboardRoutes } from '../admin-dashboard/admin-dashboard-routes';
 import { NamespaceChangeDialog } from '../admin-dashboard/namespace-change-dialog';
 import { UserNamespaceMemberList } from './user-namespace-member-list';
 import { UserNamespaceDetails } from './user-namespace-details';

package/lib/pages/user/user-settings-namespace-detail.js.map

@@ -1 +1 @@
-{"version":3,"file":"user-settings-namespace-detail.js","sourceRoot":"","sources":["../../../src/pages/user/user-settings-namespace-detail.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"user-settings-namespace-detail.js","sourceRoot":"","sources":["../../../src/pages/user/user-settings-namespace-detail.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "openvsx-webui-test",
-    "version": "0.20.0-dev.4",
+    "version": "0.20.1-rc.0",
     "description": "User interface for Eclipse Open VSX",
     "keywords": [
         "react",
@@ -107,6 +107,7 @@
         "express-rate-limit": "^7.4.0",
         "mocha": "^11.7.0",
         "rimraf": "^6.1.0",
+        "rollup-plugin-visualizer": "^7.0.1",
         "ts-mocha": "^11.1.0",
         "ts-node": "^10.9.2",
         "typescript": "^5.9.0",
@@ -125,6 +126,7 @@
         "watch:default": "yarn build:server && vite build --watch",
         "start:default": "node lib/default/server",
         "dev": "vite dev",
+        "preview": "vite preview",
         "link2server": "sh -c 'ln -sf $(realpath dist) ../server/build/resources/main/static'"
     },
     "packageManager": "yarn@4.9.1"

package/src/components/scan-admin/scan-card/scan-card-expanded-content.tsx

@@ -11,7 +11,7 @@
  * SPDX-License-Identifier: EPL-2.0
  ********************************************************************************/
 
-import { FC } from "react";
+import { FC } from 'react';
 import { Box, Typography, Collapse, Chip } from '@mui/material';
 import { useTheme, Theme } from '@mui/material/styles';
 import { ScanResult, Threat, ValidationFailure, CheckResult } from '../../../context/scan-admin';
@@ -63,7 +63,7 @@ const ThreatItem: FC<ThreatItemProps> = ({ threat }) => {
 /**
  * A single validation failure item in the expanded content.
  */
-const ValidationFailureItem: React.FC<ValidationFailureItemProps> = ({ failure }) => {
+const ValidationFailureItem: FC<ValidationFailureItemProps> = ({ failure }) => {
     const theme = useTheme();
     const isUnenforced = !failure.enforcedFlag;
 
@@ -119,7 +119,7 @@ const formatDuration = (ms: number | null): string | undefined => {
 /**
  * A single check result item showing what check was run and its outcome.
  */
-const CheckResultItem: React.FC<CheckResultItemProps> = ({ checkResult }) => {
+const CheckResultItem: FC<CheckResultItemProps> = ({ checkResult }) => {
     const theme = useTheme();
     const colors = getCheckResultColor(checkResult.result, theme);
     const isPassed = checkResult.result === 'PASSED';
@@ -182,7 +182,7 @@ const CheckResultItem: React.FC<CheckResultItemProps> = ({ checkResult }) => {
  * The expanded content section showing threats, validation failures, and check results.
  * Each item's enforcedFlag controls its individual striping effect.
  */
-export const ScanCardExpandedContent: React.FC<ScanCardExpandedContentProps> = ({ scan, expanded, onCollapseComplete }) => {
+export const ScanCardExpandedContent: FC<ScanCardExpandedContentProps> = ({ scan, expanded, onCollapseComplete }) => {
     const theme = useTheme();
     const hasThreats = scan.threats.length > 0;
     const hasValidationFailures = scan.validationFailures.length > 0;

package/src/components/scan-admin/scan-card/scan-card-header.tsx

@@ -32,7 +32,7 @@ import {
     getStatusColorSx,
 } from './utils';
 import { createRoute } from '../../../utils';
-import { AdminDashboardRoutes } from '../../../pages/admin-dashboard/admin-routes';
+import { AdminDashboardRoutes } from '../../../pages/admin-dashboard/admin-dashboard-routes';
 import { ExtensionDetailRoutes } from '../../../pages/extension-detail/extension-detail-routes';
 
 interface ScanCardHeaderProps {

package/src/components/scan-admin/scan-card/utils.ts

@@ -189,7 +189,7 @@ export const shouldShowExpandButton = (scan: ScanResult): boolean => {
 };
 
 export const hasDownload = (scan: ScanResult): boolean => {
-    return scan.status === 'PASSED' || scan.status === 'QUARANTINED';
+    return scan.status === 'PASSED' || scan.status === 'QUARANTINED' || scan.status === 'ERROR';
 };
 
 export const getFileName = (url?: string): string => {

package/src/default/menu-content.tsx

@@ -25,7 +25,7 @@ import { MainContext } from '../context';
 import SettingsIcon from '@mui/icons-material/Settings';
 import AdminPanelSettingsIcon from '@mui/icons-material/AdminPanelSettings';
 import LogoutIcon from '@mui/icons-material/Logout';
-import { AdminDashboardRoutes } from '../pages/admin-dashboard/admin-routes';
+import { AdminDashboardRoutes } from '../pages/admin-dashboard/admin-dashboard-routes';
 import { LogoutForm } from '../pages/user/logout';
 import { LoginComponent } from './login';
 

package/src/main.tsx

@@ -8,11 +8,10 @@
  * SPDX-License-Identifier: EPL-2.0
  ********************************************************************************/
 
-import { FunctionComponent, ReactNode, useEffect, useState, useRef } from 'react';
+import { FunctionComponent, ReactNode, useEffect, useState, useRef, lazy, Suspense } from 'react';
 import { CssBaseline } from '@mui/material';
 import { Route, Routes } from 'react-router-dom';
-import { AdminDashboard } from './pages/admin-dashboard/admin-dashboard';
-import { AdminDashboardRoutes } from './pages/admin-dashboard/admin-routes';
+import { AdminDashboardRoutes } from './pages/admin-dashboard/admin-dashboard-routes';
 import { ErrorDialog } from './components/error-dialog';
 import { handleError } from './utils';
 import { ExtensionRegistryService } from './extension-registry-service';
@@ -20,9 +19,11 @@ import { UserData, isError, ReportedError, isSuccess, LoginProviders } from './e
 import { MainContext } from './context';
 import { PageSettings } from './page-settings';
 import { ErrorResponse } from './server-request';
+import { OtherPages } from './other-pages';
 
 import '../src/main.css';
-import { OtherPages } from './other-pages';
+
+const AdminDashboard = lazy(() => import('./pages/admin-dashboard/admin-dashboard').then(m => ({ default: m.AdminDashboard })));
 
 export const Main: FunctionComponent<MainProps> = props => {
     const [user, setUser] = useState<UserData>();
@@ -98,8 +99,12 @@ export const Main: FunctionComponent<MainProps> = props => {
         return <>
             { MainHeadTagsComponent ? <MainHeadTagsComponent pageSettings={props.pageSettings}/> : null }
             <Routes>
-                <Route path={AdminDashboardRoutes.MAIN + '/*'} element={<AdminDashboard userLoading={userLoading} />} />
-                <Route path='*' element={ <OtherPages user={user} userLoading={userLoading} /> } />
+                <Route path={AdminDashboardRoutes.MAIN + '/*'} element={
+                    <Suspense fallback={null}>
+                        <AdminDashboard userLoading={userLoading} />
+                    </Suspense>
+                } />
+                <Route path='*' element={<OtherPages user={user} userLoading={userLoading} />} />
             </Routes>
             {
                 error ?

package/src/other-pages.tsx

@@ -11,25 +11,27 @@
  * SPDX-License-Identifier: EPL-2.0
  *****************************************************************************/
 
-import { FunctionComponent, useContext, useEffect, useState } from 'react';
+import { FunctionComponent, useContext, useEffect, useState, lazy, Suspense } from 'react';
 import { Routes, Route } from 'react-router-dom';
 import { AppBar, Box, Toolbar } from '@mui/material';
 import { styled, Theme } from '@mui/material/styles';
 import { Banner } from './components/banner';
 import { MainContext } from './context';
 import { HeaderMenu } from './header-menu';
-import { ExtensionListContainer } from './pages/extension-list/extension-list-container';
-import { ExtensionListRoutes } from "./pages/extension-list/extension-list-routes";
-import { UserSettings } from './pages/user/user-settings';
+import { ExtensionListRoutes } from './pages/extension-list/extension-list-routes';
 import { UserSettingsRoutes } from './pages/user/user-settings-routes';
-import { NamespaceDetail } from './pages/namespace-detail/namespace-detail';
 import { NamespaceDetailRoutes } from './pages/namespace-detail/namespace-detail-routes';
-import { ExtensionDetail } from './pages/extension-detail/extension-detail';
 import { ExtensionDetailRoutes } from './pages/extension-detail/extension-detail-routes';
 import { getCookieValueByKey, setCookie } from './utils';
 import { UserData } from './extension-registry-types';
+
+import { ExtensionDetail } from './pages/extension-detail/extension-detail';
+import { ExtensionListContainer } from './pages/extension-list/extension-list-container';
+import { NamespaceDetail } from './pages/namespace-detail/namespace-detail';
 import { NotFound } from './not-found';
 
+const UserSettings = lazy(() => import('./pages/user/user-settings').then(m => ({ default: m.UserSettings })));
+
 const ToolbarItem = styled(Box)({
     display: 'flex',
     alignItems: 'center'
@@ -122,16 +124,18 @@ export const OtherPages: FunctionComponent<OtherPagesProps> = (props) => {
                 : null
         }
         <Box pb={`${getContentPadding()}px`}>
-            <Routes>
-                <Route path={ExtensionListRoutes.MAIN} element={ <ExtensionListContainer /> } />
-                <Route path={UserSettingsRoutes.MAIN} element={<UserSettings userLoading={props.userLoading} />} />
-                <Route path={UserSettingsRoutes.DELETE_EXTENSION} element={<UserSettings userLoading={props.userLoading} />} />
-                <Route path={NamespaceDetailRoutes.MAIN} element={ <NamespaceDetail /> } />
-                <Route path={ExtensionDetailRoutes.MAIN} element={<ExtensionDetail />} />
-                <Route path={ExtensionDetailRoutes.MAIN_TARGET} element={<ExtensionDetail />} />
-                {AdditionalRoutes ?? null}
-                <Route path='*' element={<NotFound />} />
-            </Routes>
+            <Suspense fallback={null}>
+                <Routes>
+                    <Route path={ExtensionListRoutes.MAIN} element={ <ExtensionListContainer /> } />
+                    <Route path={UserSettingsRoutes.MAIN} element={<UserSettings userLoading={props.userLoading} />} />
+                    <Route path={UserSettingsRoutes.DELETE_EXTENSION} element={<UserSettings userLoading={props.userLoading} />} />
+                    <Route path={NamespaceDetailRoutes.MAIN} element={ <NamespaceDetail /> } />
+                    <Route path={ExtensionDetailRoutes.MAIN} element={<ExtensionDetail />} />
+                    <Route path={ExtensionDetailRoutes.MAIN_TARGET} element={<ExtensionDetail />} />
+                    {AdditionalRoutes ?? null}
+                    <Route path='*' element={<NotFound />} />
+                </Routes>
+            </Suspense>
         </Box>
         {
             FooterComponent ?

package/src/pages/admin-dashboard/{admin-routes.ts → admin-dashboard-routes.ts}

@@ -1,15 +1,12 @@
-/******************************************************************************
- * Copyright (c) 2026 Contributors to the Eclipse Foundation.
- *
- * See the NOTICE file(s) distributed with this work for additional
- * information regarding copyright ownership.
+/********************************************************************************
+ * Copyright (c) 2020 TypeFox and others
  *
  * This program and the accompanying materials are made available under the
- * terms of the Eclipse Public License 2.0 which is available at
- * https://www.eclipse.org/legal/epl-2.0.
+ * terms of the Eclipse Public License v. 2.0 which is available at
+ * http://www.eclipse.org/legal/epl-2.0.
  *
  * SPDX-License-Identifier: EPL-2.0
- *****************************************************************************/
+ ********************************************************************************/
 
 import { createRoute } from '../../utils';
 

package/src/pages/admin-dashboard/admin-dashboard.tsx

@@ -8,7 +8,7 @@
  * SPDX-License-Identifier: EPL-2.0
  ********************************************************************************/
 
-import { FunctionComponent, ReactNode, useContext, useState } from 'react';
+import { FunctionComponent, ReactNode, useContext, useState, lazy, Suspense } from 'react';
 import {
     Box,
     Container,
@@ -35,22 +35,24 @@ import PersonIcon from '@mui/icons-material/Person';
 import SecurityIcon from '@mui/icons-material/Security';
 import SpeedIcon from '@mui/icons-material/Speed';
 import StarIcon from '@mui/icons-material/Star';
-import { CustomerDetails } from './customers/customer-details';
-import { Customers } from './customers/customers';
 import { DrawerHeader } from '../../components/sidepanel/drawer-header';
 import { Sidepanel } from "../../components/sidepanel/sidepanel";
-import { ExtensionAdmin } from './extension-admin';
 import { LoginComponent } from "../../default/login";
-import { Logs } from './logs/logs';
 import { MainContext } from '../../context';
-import { NamespaceAdmin } from './namespace-admin';
 import { NavigationItem } from '../../components/sidepanel/navigation-item';
+import { AdminDashboardRoutes } from './admin-dashboard-routes';
+
+import { NamespaceAdmin } from './namespace-admin';
 import { PublisherAdmin } from './publisher-admin';
 import { ScanAdmin } from './scan-admin';
 import { Tiers } from './tiers/tiers';
-import { UsageStatsView } from './usage-stats/usage-stats';
+import { Customers } from './customers/customers';
+import { CustomerDetails } from './customers/customer-details';
+import { Logs } from './logs/logs';
 import { Welcome } from './welcome';
-import { AdminDashboardRoutes } from "./admin-routes";
+
+const ExtensionAdmin = lazy(() => import('./extension-admin').then(m => ({ default: m.ExtensionAdmin })));
+const UsageStatsView = lazy(() => import('./usage-stats/usage-stats').then(m => ({ default: m.UsageStatsView })));
 
 const Message: FunctionComponent<{message: string}> = ({ message }) => {
     return (<Box sx={{
@@ -270,21 +272,23 @@ export const AdminDashboard: FunctionComponent<AdminDashboardProps> = props => {
                         }}
                     >
                         <Container sx={{ pt: 2, pb: 4, px: 3 }} maxWidth='xl'>
-                            <Routes>
-                                <Route path='/namespaces' element={<NamespaceAdmin/>} />
-                                <Route path='/extensions' element={<ExtensionAdmin/>} />
-                                <Route path='/extensions/:namespace/:extension' element={<ExtensionAdmin/>} />
-                                <Route path='/publisher' element={<PublisherAdmin/>} />
-                                <Route path='/publisher/:publisher' element={<PublisherAdmin/>} />
-                                <Route path='/scans' element={<ScanAdmin/>} />
-                                <Route path='/tiers' element={<Tiers/>} />
-                                <Route path='/customers' element={<Customers/>} />
-                                <Route path='/customers/:customer' element={<CustomerDetails/>} />
-                                <Route path='/usage' element={<UsageStatsView/>} />
-                                <Route path='/usage/:customer' element={<UsageStatsView/>} />
-                                <Route path='/logs' element={<Logs/>} />
-                                <Route path='*' element={<Welcome/>} />
-                            </Routes>
+                            <Suspense fallback={null}>
+                                <Routes>
+                                    <Route path='/namespaces' element={<NamespaceAdmin/>} />
+                                    <Route path='/extensions' element={<ExtensionAdmin/>} />
+                                    <Route path='/extensions/:namespace/:extension' element={<ExtensionAdmin/>} />
+                                    <Route path='/publisher' element={<PublisherAdmin/>} />
+                                    <Route path='/publisher/:publisher' element={<PublisherAdmin/>} />
+                                    <Route path='/scans' element={<ScanAdmin/>} />
+                                    <Route path='/tiers' element={<Tiers/>} />
+                                    <Route path='/customers' element={<Customers/>} />
+                                    <Route path='/customers/:customer' element={<CustomerDetails/>} />
+                                    <Route path='/usage' element={<UsageStatsView/>} />
+                                    <Route path='/usage/:customer' element={<UsageStatsView/>} />
+                                    <Route path='/logs' element={<Logs/>} />
+                                    <Route path='*' element={<Welcome/>} />
+                                </Routes>
+                            </Suspense>
                         </Container>
                     </Box>
                 </Main>

package/src/pages/admin-dashboard/customers/customer-member-list.tsx

@@ -24,7 +24,7 @@ import {
     ListItemText, IconButton, type PaperProps, Paper
 } from '@mui/material';
 import { Link as RouterLink } from 'react-router-dom';
-import { AdminDashboardRoutes } from '../admin-routes';
+import { AdminDashboardRoutes } from '../admin-dashboard-routes';
 import { MainContext } from '../../../context';
 import { CustomerMembership, Customer, UserData, isError } from '../../../extension-registry-types';
 import { AddUserDialog } from '../../user/add-user-dialog';

package/src/pages/admin-dashboard/customers/customers.tsx

@@ -34,7 +34,7 @@ import { CustomerFormDialog } from "./customer-form-dialog";
 import { DeleteCustomerDialog } from "./delete-customer-dialog";
 import { createRoute, handleError } from "../../../utils";
 import { createMultiSelectFilterOperators, createArrayContainsFilterOperators } from "../components";
-import { AdminDashboardRoutes } from "../admin-routes";
+import { AdminDashboardRoutes } from "../admin-dashboard-routes";
 import { Link } from "react-router-dom";
 
 export const Customers: FC = () => {

package/src/pages/admin-dashboard/publisher-admin.tsx

@@ -16,7 +16,7 @@ import { MainContext } from '../../context';
 import { StyledInput } from './namespace-input';
 import { SearchListContainer } from './search-list-container';
 import { PublisherDetails } from './publisher-details';
-import { AdminDashboardRoutes } from './admin-routes';
+import { AdminDashboardRoutes } from './admin-dashboard-routes';
 
 // eslint-disable-next-line react-refresh/only-export-components
 export const UpdateContext = createContext({ handleUpdate: () => { } });

package/src/pages/admin-dashboard/usage-stats/usage-stats.tsx

@@ -17,7 +17,7 @@ import { useParams, useNavigate } from "react-router-dom";
 import { MainContext } from "../../../context";
 import type { Customer } from "../../../extension-registry-types";
 import { handleError } from "../../../utils";
-import { AdminDashboardRoutes } from "../admin-routes";
+import { AdminDashboardRoutes } from "../admin-dashboard-routes";
 import { SearchListContainer } from "../search-list-container";
 import { CustomerSearch } from "./usage-stats-search";
 import { UsageStatsChart } from "../../../components/rate-limiting/usage-stats/usage-stats-chart";

package/src/pages/admin-dashboard/welcome.tsx

@@ -12,7 +12,7 @@ import { FunctionComponent } from 'react';
 import { Typography, Grid, Paper } from '@mui/material';
 import { styled, Theme } from '@mui/material/styles';
 import { Link } from 'react-router-dom';
-import { AdminDashboardRoutes } from './admin-routes';
+import { AdminDashboardRoutes } from './admin-dashboard-routes';
 
 export const Welcome: FunctionComponent = props => {
     return <Grid container direction='column' spacing={2} sx={{ height: '100%' }}>

package/src/pages/extension-detail/extension-detail-changes.tsx

@@ -21,14 +21,10 @@ export const ExtensionDetailChanges: FunctionComponent<ExtensionDetailChangesPro
     const context = useContext(MainContext);
     const abortController = useRef<AbortController>(new AbortController());
 
-    useEffect(() => {
-        updateChanges();
-        return () => abortController.current.abort();
-    }, []);
-
     useEffect(() => {
         setLoading(true);
         updateChanges();
+        return () => abortController.current.abort();
     }, [props.extension.namespace, props.extension.name, props.extension.version]);
 
     const updateChanges = async (): Promise<void> => {

package/src/pages/extension-detail/extension-detail-overview.tsx

@@ -78,16 +78,10 @@ export const ExtensionDetailOverview: FunctionComponent<ExtensionDetailOverviewP
         </Grid>);
     }, [props.extension.downloads]);
 
-    useEffect(() => {
-        updateReadme();
-        return () => {
-            abortController.current.abort();
-        };
-    }, []);
-
     useEffect(() => {
         setLoading(true);
         updateReadme();
+        return () => abortController.current.abort();
     }, [props.extension.namespace, props.extension.name, props.extension.version]);
 
     const updateReadme = async (): Promise<void> => {

package/src/pages/extension-detail/extension-detail-routes.ts

@@ -18,12 +18,11 @@ export namespace ExtensionDetailRoutes {
         export const NAMESPACE = ':namespace';
         export const NAME = ':name';
         export const TARGET = `:target(${getTargetPlatforms().join('|')})`;
-        export const VERSION = ':version?';
     }
 
     export const ROOT = 'extension';
-    export const MAIN = createRoute([ROOT, Parameters.NAMESPACE, Parameters.NAME, Parameters.VERSION]);
-    export const MAIN_TARGET = createRoute([ROOT, Parameters.NAMESPACE, Parameters.NAME, Parameters.TARGET, Parameters.VERSION]);
+    export const MAIN = createRoute([ROOT, Parameters.NAMESPACE, Parameters.NAME, '*']);
+    export const MAIN_TARGET = createRoute([ROOT, Parameters.NAMESPACE, Parameters.NAME, Parameters.TARGET, '*']);
     export const LATEST = createRoute([ROOT, Parameters.NAMESPACE, Parameters.NAME]);
     export const LATEST_TARGET = createRoute([ROOT, Parameters.NAMESPACE, Parameters.NAME, Parameters.TARGET]);
     export const PRE_RELEASE = createRoute([ROOT, Parameters.NAMESPACE, Parameters.NAME, 'pre-release']);