openvsx-webui-test 0.20.0-dev.0 → 0.20.0-dev.2

package/src/extension-registry-service.ts

@@ -15,7 +15,7 @@ import {
     LoginProviders, ScanResultJson, ScanCounts, ScanResultsResponse, ScanFilterOptions,
     FilesResponse, FileDecisionCountsJson, ScanDecisionRequest, ScanDecisionResponse,
     FileDecisionRequest, FileDecisionResponse, FileDecisionDeleteRequest, FileDecisionDeleteResponse,
-    Tier, TierList, Customer, CustomerList, UsageStatsList, LogPageableList, CustomerMembershipList,
+    Tier, TierList, Customer, CustomerList, UsageStatsList, LogPageableList, CustomerMembershipList, RateLimitToken,
 } from './extension-registry-types';
 import { createAbsoluteURL, addQuery } from './utils';
 import { sendRequest, ErrorResponse } from './server-request';
@@ -533,6 +533,9 @@ export interface AdminService {
     removeCustomerMember(abortController: AbortController, name: string, user: UserData): Promise<Readonly<SuccessResult | ErrorResult>>;
     getUsageStats(abortController: AbortController, customerName: string, date: Date): Promise<Readonly<UsageStatsList>>;
     getLogs(abortController: AbortController, page?: number, size?: number, period?: string): Promise<Readonly<LogPageableList>>;
+    getCustomerRateLimitTokens(abortController: AbortController, customerName: string): Promise<Readonly<RateLimitToken[]>>;
+    createCustomerRateLimitToken(abortController: AbortController, customerName: string, description: string): Promise<Readonly<RateLimitToken>>;
+    deleteCustomerRateLimitToken(abortController: AbortController, customerName: string, tokenId: number): Promise<Readonly<SuccessResult | ErrorResult>>;
 }
 
 export interface AdminServiceConstructor {
@@ -1065,6 +1068,51 @@ export class AdminServiceImpl implements AdminService {
             credentials: true
         }, false);
     }
+
+    async getCustomerRateLimitTokens(abortController: AbortController, customerName: string): Promise<Readonly<RateLimitToken[]>> {
+        return sendRequest({
+            abortController,
+            credentials: true,
+            endpoint: createAbsoluteURL([this.registry.serverUrl, 'admin', 'ratelimit', 'customers', customerName, 'tokens']),
+        }, false);
+    }
+
+    async createCustomerRateLimitToken(abortController: AbortController, customerName: string, description?: string): Promise<Readonly<RateLimitToken>> {
+        const csrfResponse = await this.registry.getCsrfToken(abortController);
+        const headers: Record<string, string> = {};
+        if (!isError(csrfResponse)) {
+            const csrfToken = csrfResponse as CsrfTokenJson;
+            headers[csrfToken.header] = csrfToken.value;
+        }
+
+        const url = createAbsoluteURL([this.registry.serverUrl, 'admin', 'ratelimit', 'customers', customerName, 'tokens']);
+        const endpoint = description !== undefined ? addQuery(url, [{ key: 'description', value: description }]) : url;
+        return sendRequest({
+            abortController,
+            method: 'POST',
+            credentials: true,
+            endpoint,
+            headers
+        }, false);
+    }
+
+    async deleteCustomerRateLimitToken(abortController: AbortController, customerName: string, tokenId: number): Promise<Readonly<SuccessResult | ErrorResult>> {
+        const csrfResponse = await this.registry.getCsrfToken(abortController);
+        const headers: Record<string, string> = {
+            'Content-Type': 'application/json;charset=UTF-8'
+        };
+        if (!isError(csrfResponse)) {
+            const csrfToken = csrfResponse as CsrfTokenJson;
+            headers[csrfToken.header] = csrfToken.value;
+        }
+        return sendRequest({
+            abortController,
+            method: 'DELETE',
+            credentials: true,
+            endpoint: createAbsoluteURL([this.registry.serverUrl, 'admin', 'ratelimit', 'customers', customerName, 'tokens', `${tokenId}`]),
+            headers
+        }, false);
+    }
 }
 
 export interface ExtensionFilter {

package/src/extension-registry-types.ts

@@ -467,6 +467,13 @@ export interface CustomerMembershipList {
     customerMemberships: CustomerMembership[];
 }
 
+export interface RateLimitToken {
+    id: number;
+    value?: string;
+    description?: string;
+    createdTimestamp: TimestampString;
+}
+
 export interface UsageStats {
     windowStart: number; // epoch seconds in UTC
     duration: number; // in seconds

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

@@ -119,24 +119,19 @@ interface AppBarProps extends MuiAppBarProps {
 
 const AppBar = styled(MuiAppBar, {
     shouldForwardProp: (prop) => prop !== 'open',
-})<AppBarProps>(({ theme }) => ({
+})<AppBarProps>(({ theme, open }) => ({
     transition: theme.transitions.create(['margin', 'width'], {
         easing: theme.transitions.easing.sharp,
         duration: theme.transitions.duration.leavingScreen,
     }),
-    variants: [
-        {
-            props: ({ open }) => open,
-            style: {
-                width: `calc(100% - ${drawerWidth}px)`,
-                marginLeft: `${drawerWidth}px`,
-                transition: theme.transitions.create(['margin', 'width'], {
-                    easing: theme.transitions.easing.easeOut,
-                    duration: theme.transitions.duration.enteringScreen,
-                }),
-            },
-        },
-    ],
+    ...(open && {
+        width: `calc(100% - ${drawerWidth}px)`,
+        marginLeft: `${drawerWidth}px`,
+        transition: theme.transitions.create(['margin', 'width'], {
+            easing: theme.transitions.easing.easeOut,
+            duration: theme.transitions.duration.enteringScreen,
+        }),
+    }),
 }));
 
 interface LinkRouterProps extends LinkProps {
@@ -178,7 +173,7 @@ const BreadcrumbsComponent = () => {
 
 const Main = styled('main', { shouldForwardProp: (prop) => prop !== 'open' })<{
     open?: boolean;
-}>(({ theme }) => ({
+}>(({ theme, open }) => ({
     flexGrow: 1,
     padding: theme.spacing(3),
     transition: theme.transitions.create('margin', {
@@ -186,18 +181,13 @@ const Main = styled('main', { shouldForwardProp: (prop) => prop !== 'open' })<{
         duration: theme.transitions.duration.leavingScreen,
     }),
     marginLeft: `-${drawerWidth}px`,
-    variants: [
-        {
-            props: ({ open }) => open,
-            style: {
-                transition: theme.transitions.create('margin', {
-                    easing: theme.transitions.easing.easeOut,
-                    duration: theme.transitions.duration.enteringScreen,
-                }),
-                marginLeft: 0,
-            },
-        },
-    ],
+    ...(open && {
+        transition: theme.transitions.create('margin', {
+            easing: theme.transitions.easing.easeOut,
+            duration: theme.transitions.duration.enteringScreen,
+        }),
+        marginLeft: 0,
+    }),
 }));
 
 export const AdminDashboard: FunctionComponent<AdminDashboardProps> = props => {

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

@@ -28,6 +28,7 @@ import { useAdminUsageStats } from '../usage-stats/use-usage-stats';
 import { GeneralDetails, UsageStats } from '../../../components/rate-limiting/customer';
 import { CustomerFormDialog } from './customer-form-dialog';
 import { CustomerMemberList } from './customer-member-list';
+import { CustomerTokenList } from './customer-token-list';
 
 const CustomerDetailsLoading: FC = () => (
     <Box sx={{ p: 3 }}>
@@ -115,6 +116,9 @@ export const CustomerDetails: FC = () => {
             <CustomerMemberList
                 customer={customer}
             />
+            <CustomerTokenList
+                customer={customer}
+            />
             <UsageStats usageStats={usageStats} customer={customer} startDate={startDate} onStartDateChange={setStartDate} />
         </Box>
 

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

@@ -0,0 +1,135 @@
+/******************************************************************************
+ * Copyright (c) 2026 Contributors to the Eclipse Foundation.
+ *
+ * See the NOTICE file(s) distributed with this work for additional
+ * information regarding copyright ownership.
+ *
+ * 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.
+ *
+ * SPDX-License-Identifier: EPL-2.0
+ *****************************************************************************/
+
+import { FunctionComponent, useEffect, useState, useContext, useRef } from 'react';
+import {
+    Box,
+    Typography,
+    Divider,
+    List,
+    ListItem,
+    ListItemText,
+    IconButton,
+    Paper,
+    Button,
+    type PaperProps
+} from '@mui/material';
+import DeleteIcon from '@mui/icons-material/Delete';
+import AddIcon from '@mui/icons-material/Add';
+import { MainContext } from '../../../context';
+import { Customer, isError, RateLimitToken } from '../../../extension-registry-types';
+import { GenerateTokenDialog } from '../../../components/generate-token-dialog';
+import { Timestamp } from "../../../components/timestamp";
+
+const sectionPaperProps: PaperProps = { elevation: 1, sx: { p: 3, mb: 3 } };
+
+export const CustomerTokenList: FunctionComponent<CustomerTokenListProps> = props => {
+    const { service, handleError } = useContext(MainContext);
+    const [tokens, setTokens] = useState<RateLimitToken[]>([]);
+    const [dialogOpen, setDialogOpen] = useState(false);
+    const abortController = useRef<AbortController>(new AbortController());
+
+    useEffect(() => {
+        fetchTokens();
+    }, [props.customer]);
+
+    useEffect(() => {
+        return () => {
+            abortController.current.abort();
+        };
+    }, []);
+
+    const fetchTokens = async () => {
+        try {
+            const result = await service.admin.getCustomerRateLimitTokens(abortController.current, props.customer.name);
+            setTokens([...result]);
+        } catch (err) {
+            handleError(err);
+        }
+    };
+
+    const handleGenerate = async (description: string): Promise<string> => {
+        const token = await service.admin.createCustomerRateLimitToken(abortController.current, props.customer.name, description);
+        await fetchTokens();
+        return token.value ?? '';
+    };
+
+    const handleDelete = async (tokenId: number) => {
+        try {
+            const result = await service.admin.deleteCustomerRateLimitToken(abortController.current, props.customer.name, tokenId);
+            if (isError(result)) {
+                throw result;
+            }
+            await fetchTokens();
+        } catch (err) {
+            handleError(err);
+        }
+    };
+
+    return <Paper {...sectionPaperProps}>
+        <Box
+            sx={{
+                display: 'flex',
+                justifyContent: 'space-between',
+                alignItems: 'center',
+                mb: 1,
+                flexDirection: { xs: 'column', sm: 'column', md: 'row', lg: 'row', xl: 'row' }
+            }}
+        >
+            <Typography variant='h6'>Tokens</Typography>
+            <Button size='small' startIcon={<AddIcon />} onClick={() => setDialogOpen(true)}>
+                Generate Token
+            </Button>
+        </Box>
+        <Divider sx={{ mb: 1 }} />
+        {tokens.length === 0 ? (
+            <Typography variant='body2' color='text.secondary' sx={{ py: 1 }}>
+                No rate limiting tokens for this customer.
+            </Typography>
+        ) : (
+            <List dense disablePadding>
+                {tokens.map(token => (
+                    <ListItem
+                        key={token.id}
+                        secondaryAction={
+                            <IconButton edge='end' size='small' color='error' onClick={() => handleDelete(token.id)} title='Delete token'>
+                                <DeleteIcon fontSize='small' />
+                            </IconButton>
+                        }
+                    >
+                        <ListItemText
+                            primary={
+                                <Typography sx={{ fontWeight: 'bold', overflow: 'hidden', textOverflow: 'ellipsis' }}>{token.description || 'N/A'}</Typography>
+                            }
+                            secondary={
+                                <Typography variant='body2'>Created: <Timestamp value={token.createdTimestamp}/></Typography>
+                            }
+                        />
+                    </ListItem>
+                ))}
+            </List>
+        )}
+
+        <GenerateTokenDialog
+            open={dialogOpen}
+            onClose={() => setDialogOpen(false)}
+            onGenerate={handleGenerate}
+            onError={handleError}
+            title='Generate token'
+        />
+    </Paper>;
+};
+
+export interface CustomerTokenListProps {
+    customer: Customer;
+}

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

@@ -13,6 +13,7 @@ import {
     Typography, Box, Theme, Container, Link, Avatar, Paper, Badge, SxProps, Tabs, Tab, Stack, useTheme, PaletteMode,
     decomposeColor
 } from '@mui/material';
+import { styled } from '@mui/material/styles';
 import { Link as RouteLink, useNavigate, useParams } from 'react-router-dom';
 import SaveAltIcon from '@mui/icons-material/SaveAlt';
 import VerifiedUserIcon from '@mui/icons-material/VerifiedUser';
@@ -29,7 +30,6 @@ import { ExtensionDetailOverview } from './extension-detail-overview';
 import { ExtensionDetailChanges } from './extension-detail-changes';
 import { ExtensionDetailReviews } from './extension-detail-reviews';
 import { ExtensionDetailRoutes } from './extension-detail-routes';
-import styled from '@mui/material/styles/styled';
 
 const alignVertically = {
     display: 'flex',

package/src/pages/user/generate-access-token-dialog.tsx

@@ -0,0 +1,49 @@
+/********************************************************************************
+ * Copyright (c) 2019 TypeFox and others
+ *
+ * This program and the accompanying materials are made available under the
+ * 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 { FunctionComponent, useContext, useRef, useState } from 'react';
+import { Button } from '@mui/material';
+import { GenerateTokenDialog } from '../../components/generate-token-dialog';
+import { isError } from '../../extension-registry-types';
+import { MainContext } from '../../context';
+
+export const GenerateAccessTokenDialog: FunctionComponent<GenerateTokenDialogProps> = props => {
+    const context = useContext(MainContext);
+    const abortController = useRef<AbortController>(new AbortController());
+    const [open, setOpen] = useState(false);
+
+    const handleGenerate = async (description: string): Promise<string> => {
+        if (!context.user) {
+            throw new Error('Not logged in');
+        }
+        const token = await context.service.createAccessToken(abortController.current, context.user, description);
+        if (isError(token)) {
+            throw token;
+        }
+
+        props.handleTokenGenerated();
+
+        return token.value!;
+    };
+
+    return <>
+        <Button variant='outlined' onClick={() => setOpen(true)}>Generate new token</Button>
+        <GenerateTokenDialog
+            open={open}
+            onClose={() => setOpen(false)}
+            onGenerate={handleGenerate}
+            onError={context.handleError}
+        />
+    </>;
+};
+
+export interface GenerateTokenDialogProps {
+    handleTokenGenerated: () => void;
+}

package/src/pages/user/user-settings-profile.tsx

@@ -10,10 +10,10 @@
 
 import { FunctionComponent, ReactNode, useContext } from 'react';
 import { Theme, Grid, Typography, Avatar } from '@mui/material';
+import { styled } from '@mui/material/styles';
 import { toLocalTime } from '../../utils';
 import { UserData } from '../../extension-registry-types';
 import { UserPublisherAgreement } from './user-publisher-agreement';
-import styled from '@mui/material/styles/styled';
 import { MainContext } from "../../context";
 
 const ProfileGrid = styled(Grid)(({ theme }: {theme: Theme}) => ({

package/src/pages/user/user-settings-tokens.tsx

@@ -10,14 +10,14 @@
 
 import { FunctionComponent, ReactNode, useContext, useEffect, useState, useRef } from 'react';
 import { Theme, Typography, Box, Paper, Button, Link, Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions } from '@mui/material';
+import { styled } from '@mui/material/styles';
 import { Link as RouteLink } from 'react-router-dom';
 import { DelayedLoadIndicator } from '../../components/delayed-load-indicator';
 import { Timestamp } from '../../components/timestamp';
 import { PersonalAccessToken } from '../../extension-registry-types';
 import { MainContext } from '../../context';
-import { GenerateTokenDialog } from './generate-token-dialog';
+import { GenerateAccessTokenDialog } from './generate-access-token-dialog';
 import { UserSettingsRoutes } from './user-settings-routes';
-import styled from '@mui/material/styles/styled';
 
 const link = ({ theme }: { theme: Theme }) => ({
     color: theme.palette.secondary.main,
@@ -105,7 +105,7 @@ export const UserSettingsTokens: FunctionComponent = () => {
             <Box alignItems='center' overflow='auto'>
                 <Typography sx={{ fontWeight: 'bold', overflow: 'hidden', textOverflow: 'ellipsis' }}>{token.description}</Typography>
                 <Typography variant='body2'>Created: <Timestamp value={token.createdTimestamp}/></Typography>
-                <Typography variant='body2'>Expires: {token.expiresTimestamp ? <Timestamp value={token.expiresTimestamp}/> : 'never'}</Typography>
+                <Typography variant='body2'>Expires: {token.expiresTimestamp ? <Timestamp value={token.expiresTimestamp} isFutureTime={true} /> : 'never'}</Typography>
                 <Typography variant='body2'>Accessed: {token.accessedTimestamp ? <Timestamp value={token.accessedTimestamp}/> : 'never'}</Typography>
             </Box>
             <Box display='flex' alignItems='center'>
@@ -159,7 +159,7 @@ export const UserSettingsTokens: FunctionComponent = () => {
                 }}
             >
                 <Box mr={1} mb={1}>
-                    <GenerateTokenDialog
+                    <GenerateAccessTokenDialog
                         handleTokenGenerated={handleTokenGenerated}
                     />
                 </Box>

package/src/utils.ts

@@ -52,22 +52,26 @@ export function toLocalTime(timestamp?: string): string | undefined {
     return new Intl.DateTimeFormat(undefined, options).format(date);
 }
 
-const msPerMinute = 60 * 1000;
+const msPerSecond = 1000;
+const msPerMinute = msPerSecond * 60;
 const msPerHour = msPerMinute * 60;
 const msPerDay = msPerHour * 24;
 const msPerMonth = msPerDay * 30.4;
 const msPerYear = msPerDay * 365;
-export function toRelativeTime(timestamp?: string): string | undefined {
+export function toRelativeTime(timestamp?: string, isFutureTime: boolean = false): string | undefined {
     if (!timestamp) {
         return undefined;
     }
     const date = new Date(timestamp);
     const elapsed = Date.now() - date.getTime();
 
-    if (elapsed < 0) {
+    if (isFutureTime) {
         const remaining = -elapsed;
-        if (remaining < msPerMinute) {
-            return 'now';
+        if (remaining < 0) {
+            return "now";
+        } else if (remaining < msPerMinute) {
+            const value = Math.round(remaining / msPerSecond);
+            return `in ${value} second${value !== 1 ? 's' : ''}`;
         } else if (remaining < msPerHour) {
             const value = Math.round(remaining / msPerMinute);
             return `in ${value} minute${value !== 1 ? 's' : ''}`;

package/lib/components/copy-to-clipboard.d.ts

@@ -1,21 +0,0 @@
-/********************************************************************************
- * Copyright (c) 2020 TypeFox and others
- *
- * This program and the accompanying materials are made available under the
- * 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 { FunctionComponent, ReactElement } from 'react';
-import { TooltipProps } from '@mui/material';
-export declare const CopyToClipboard: FunctionComponent<CopyToClipboardProps>;
-interface ChildProps {
-    copy: (content: any) => void;
-}
-export interface CopyToClipboardProps {
-    tooltipProps?: Partial<TooltipProps>;
-    children: (props: ChildProps) => ReactElement<any>;
-}
-export {};
-//# sourceMappingURL=copy-to-clipboard.d.ts.map

package/lib/components/copy-to-clipboard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"copy-to-clipboard.d.ts","sourceRoot":"","sources":["../../src/components/copy-to-clipboard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;kFAQkF;AAElF,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAY,MAAM,OAAO,CAAC;AAElE,OAAO,EAAW,YAAY,EAAE,MAAM,eAAe,CAAC;AAEtD,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,oBAAoB,CA0BnE,CAAC;AAEF,UAAU,UAAU;IAChB,IAAI,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,IAAI,CAAC;CAChC;AAED,MAAM,WAAW,oBAAoB;IACjC,YAAY,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IACrC,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,YAAY,CAAC,GAAG,CAAC,CAAC;CACtD"}

package/lib/components/copy-to-clipboard.js

@@ -1,25 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/********************************************************************************
- * Copyright (c) 2020 TypeFox and others
- *
- * This program and the accompanying materials are made available under the
- * 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 { useState } from 'react';
-import copy from 'clipboard-copy';
-import { Tooltip } from '@mui/material';
-export const CopyToClipboard = props => {
-    const [showTooltip, setTooltip] = useState(false);
-    const handleOnTooltipClose = () => {
-        setTooltip(false);
-    };
-    const onCopy = (content) => {
-        copy(content);
-        setTooltip(true);
-    };
-    return (_jsx(Tooltip, { open: showTooltip, title: 'Copied to clipboard!', leaveDelay: 1500, onClose: handleOnTooltipClose, disableHoverListener: true, ...props.tooltipProps ?? {}, children: props.children({ copy: onCopy }) }));
-};
-//# sourceMappingURL=copy-to-clipboard.js.map

package/lib/components/copy-to-clipboard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"copy-to-clipboard.js","sourceRoot":"","sources":["../../src/components/copy-to-clipboard.tsx"],"names":[],"mappings":";AAAA;;;;;;;;kFAQkF;AAElF,OAAO,EAAmC,QAAQ,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,IAAI,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAE,OAAO,EAAgB,MAAM,eAAe,CAAC;AAEtD,MAAM,CAAC,MAAM,eAAe,GAA4C,KAAK,CAAC,EAAE;IAC5E,MAAM,CAAC,WAAW,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAE3D,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAC9B,UAAU,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,CAAC,OAAa,EAAE,EAAE;QAC7B,IAAI,CAAC,OAAO,CAAC,CAAC;QACd,UAAU,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,OAAO,CACH,KAAC,OAAO,IACJ,IAAI,EAAE,WAAW,EACjB,KAAK,EAAE,sBAAsB,EAC7B,UAAU,EAAE,IAAI,EAChB,OAAO,EAAE,oBAAoB,EAC7B,oBAAoB,WAChB,KAAK,CAAC,YAAY,IAAI,EAAE,YAGxB,KAAK,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAsB,GAEnD,CACb,CAAC;AACN,CAAC,CAAC"}

package/lib/pages/user/generate-token-dialog.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"generate-token-dialog.d.ts","sourceRoot":"","sources":["../../../src/pages/user/generate-token-dialog.tsx"],"names":[],"mappings":"AAAA;;;;;;;;kFAQkF;AAElF,OAAO,EAAe,iBAAiB,EAA2C,MAAM,OAAO,CAAC;AAShG,eAAO,MAAM,mBAAmB,EAAE,iBAAiB,CAAC,wBAAwB,CAqI3E,CAAC;AAEF,MAAM,WAAW,wBAAwB;IACrC,oBAAoB,EAAE,MAAM,IAAI,CAAC;CACpC"}

package/lib/pages/user/generate-token-dialog.js

@@ -1,79 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-/********************************************************************************
- * Copyright (c) 2019 TypeFox and others
- *
- * This program and the accompanying materials are made available under the
- * 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 { useContext, useEffect, useState, useRef } from 'react';
-import { Button, Dialog, DialogTitle, DialogContent, DialogContentText, Box, TextField, DialogActions, Typography } from '@mui/material';
-import { ButtonWithProgress } from '../../components/button-with-progress';
-import { CopyToClipboard } from '../../components/copy-to-clipboard';
-import { isError } from '../../extension-registry-types';
-import { MainContext } from '../../context';
-const TOKEN_DESCRIPTION_SIZE = 255;
-export const GenerateTokenDialog = props => {
-    const [open, setOpen] = useState(false);
-    const [posted, setPosted] = useState(false);
-    const [description, setDescription] = useState('');
-    const [descriptionError, setDescriptionError] = useState();
-    const [token, setToken] = useState();
-    const context = useContext(MainContext);
-    const abortController = useRef(new AbortController());
-    useEffect(() => {
-        document.addEventListener('keydown', handleEnter);
-        return () => {
-            abortController.current.abort();
-            document.removeEventListener('keydown', handleEnter);
-        };
-    }, []);
-    const handleOpenDialog = () => {
-        setOpen(true);
-        setPosted(false);
-        setDescription('');
-        setToken(undefined);
-    };
-    const handleClose = () => setOpen(false);
-    const handleDescriptionChange = (event) => {
-        const description = event.target.value;
-        let descriptionError;
-        if (description.length > TOKEN_DESCRIPTION_SIZE) {
-            descriptionError = `The description must not be longer than ${TOKEN_DESCRIPTION_SIZE} characters.`;
-        }
-        setDescription(description);
-        setDescriptionError(descriptionError);
-    };
-    const handleGenerate = async () => {
-        if (!context.user) {
-            return;
-        }
-        setPosted(true);
-        try {
-            const token = await context.service.createAccessToken(abortController.current, context.user, description);
-            if (isError(token)) {
-                throw token;
-            }
-            setToken(token);
-            props.handleTokenGenerated();
-        }
-        catch (err) {
-            context.handleError(err);
-        }
-    };
-    const handleEnter = (e) => {
-        if (e.code === 'Enter' && open && !token) {
-            handleGenerate();
-        }
-    };
-    return _jsxs(_Fragment, { children: [_jsx(Button, { variant: 'outlined', onClick: handleOpenDialog, children: "Generate new token" }), _jsxs(Dialog, { open: open, onClose: handleClose, children: [_jsx(DialogTitle, { children: "Generate new token" }), _jsxs(DialogContent, { children: [_jsx(DialogContentText, { children: "Describe where you will use this token." }), _jsx(Box, { my: 2, children: _jsx(TextField, { disabled: Boolean(token), fullWidth: true, label: 'Token Description', error: Boolean(descriptionError), helperText: descriptionError, onChange: handleDescriptionChange }) }), _jsx(TextField, { disabled: !token, margin: 'dense', label: 'Generated Token...', fullWidth: true, multiline: true, variant: 'outlined', rows: 4, value: token ? token.value : '' }), token ?
-                                _jsx(Box, { children: _jsx(Typography, { sx: { color: 'red', fontWeight: 'bold' }, children: "Copy and paste this token to a safe place. It will not be displayed again." }) }) : null] }), _jsxs(DialogActions, { children: [token ?
-                                _jsx(CopyToClipboard, { tooltipProps: { placement: 'left' }, children: ({ copy }) => (_jsx(Button, { autoFocus: true, variant: 'contained', color: 'secondary', onClick: () => {
-                                            copy(token.value);
-                                            setTimeout(handleClose, 700);
-                                        }, children: "Copy" })) }) : null, _jsx(Button, { onClick: handleClose, color: 'secondary', children: token ? 'Close' : 'Cancel' }), !token ?
-                                _jsx(ButtonWithProgress, { autoFocus: true, sx: { ml: 1 }, error: Boolean(descriptionError), working: posted, onClick: handleGenerate, children: "Generate Token" }) : null] })] })] });
-};
-//# sourceMappingURL=generate-token-dialog.js.map

package/lib/pages/user/generate-token-dialog.js.map

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