mirror of
https://github.com/diced/zipline.git
synced 2025-12-25 04:15:41 -08:00
Compare commits
25 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
306b8812e2 | ||
|
|
06c57851e4 | ||
|
|
0063c97e01 | ||
|
|
cdf7af0283 | ||
|
|
1b4c8373ea | ||
|
|
585b737c5f | ||
|
|
b1cfed834c | ||
|
|
ccde532880 | ||
|
|
bc7a7a8c24 | ||
|
|
27ec3de3ac | ||
|
|
96c0a72178 | ||
|
|
dafbe647af | ||
|
|
b679239109 | ||
|
|
5de1293949 | ||
|
|
134ee7f38e | ||
|
|
0c365d6364 | ||
|
|
12ad45387a | ||
|
|
f6d62388fa | ||
|
|
e3fe4e4254 | ||
|
|
6dee11b4dc | ||
|
|
7126fd67c6 | ||
|
|
1c22ccfa20 | ||
|
|
ef12842a5e | ||
|
|
1089dcfc73 | ||
|
|
bbae2776f6 |
@@ -29,6 +29,7 @@ module.exports = {
|
||||
'linebreak-style': ['error', 'unix'],
|
||||
quotes: ['error', 'single'],
|
||||
semi: ['error', 'always'],
|
||||
'comma-dangle': ['error', 'never']
|
||||
'comma-dangle': ['error', 'never'],
|
||||
'nonblock-statement-body-position': ['error', 'beside']
|
||||
}
|
||||
};
|
||||
|
||||
@@ -30,7 +30,9 @@ Wondering how Zipline compares to other popular uploaders? We have done some ben
|
||||
- Fast (API)
|
||||
- Built with Next.js & React
|
||||
- Support for **multible database types** (*literally the only one that supports multiple dbs*, mongo soon)
|
||||
- Token protected uploading
|
||||
- MFA with Authy/Google Authenticator
|
||||
- Easy setup instructions on [docs](https://zipline.diced.wtf/docs)
|
||||
|
||||
# Installing
|
||||
[See how to install here](https://zipline.diced.wtf/docs/)
|
||||
|
||||
[See how to install here](https://zipline.diced.wtf/docs/)
|
||||
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "zipline-next",
|
||||
"version": "2.4.3",
|
||||
"version": "2.5.5",
|
||||
"private": true,
|
||||
"dependencies": {
|
||||
"@dicedtomato/colors": "^1.0.3",
|
||||
@@ -26,18 +26,21 @@
|
||||
"material-ui-dropzone": "^3.5.0",
|
||||
"next": "^9.5.4",
|
||||
"pg": "^8.4.1",
|
||||
"qrcode": "^1.4.4",
|
||||
"react": "^16.13.1",
|
||||
"react-dom": "^16.13.1",
|
||||
"react-helmet": "^6.1.0",
|
||||
"react-redux": "^7.2.1",
|
||||
"redux": "^4.0.5",
|
||||
"redux-persist": "^6.0.0",
|
||||
"speakeasy": "^2.0.0",
|
||||
"toml-patch": "^0.2.3",
|
||||
"typeorm": "^0.2.28"
|
||||
},
|
||||
"scripts": {
|
||||
"format": "prettier --write .",
|
||||
"lint": "eslint .",
|
||||
"lint:fix": "eslint . --fix",
|
||||
"dev": "ts-node src",
|
||||
"dev:verbose": "VERBOSE=true ts-node src",
|
||||
"build": "next build && tsc -p .",
|
||||
@@ -49,6 +52,7 @@
|
||||
"@types/crypto-js": "^3.1.47",
|
||||
"@types/mongodb": "^3.5.27",
|
||||
"@types/node": "^14.11.2",
|
||||
"@types/qrcode": "^1.3.5",
|
||||
"@types/react": "^16.9.49",
|
||||
"@types/react-redux": "^7.1.9",
|
||||
"@types/semver": "^7.3.4",
|
||||
|
||||
39
setup.js
39
setup.js
@@ -4,14 +4,14 @@ const { stringify } = require('toml-patch');
|
||||
const { writeFileSync } = require('fs');
|
||||
const { join } = require('path');
|
||||
|
||||
const createDockerCompose = (port) => {
|
||||
const createDockerCompose = (port, dir) => {
|
||||
return `version: "3"
|
||||
services:
|
||||
zipline:
|
||||
ports:
|
||||
- "${port}:${port}"
|
||||
volumes:
|
||||
- "${join(process.cwd(), 'uploads')}:/opt/zipline/uploads"
|
||||
- "${join(process.cwd(), dir)}:${join('/opt/zipline', dir)}"
|
||||
build: .
|
||||
tty: true`;
|
||||
};
|
||||
@@ -25,7 +25,14 @@ const base = {
|
||||
'https://github.githubassets.com/images/modules/open_graph/github-mark.png',
|
||||
color: '#128377'
|
||||
},
|
||||
core: { secret: 'my-secret', port: 3000, host: '127.0.0.1', theme: 'dark', secure: false },
|
||||
core: {
|
||||
secret: 'my-secret',
|
||||
port: 3000,
|
||||
host: '127.0.0.1',
|
||||
theme: 'dark',
|
||||
secure: false,
|
||||
mfa: false
|
||||
},
|
||||
uploader: {
|
||||
directory: './uploads',
|
||||
route: '/u',
|
||||
@@ -33,7 +40,7 @@ const base = {
|
||||
original: false,
|
||||
blacklisted: []
|
||||
},
|
||||
urls: { route: '/s', length: 4, vanity: false }
|
||||
urls: { route: '/go', length: 4, vanity: true }
|
||||
};
|
||||
|
||||
(async () => {
|
||||
@@ -90,6 +97,20 @@ const base = {
|
||||
type: 'number',
|
||||
name: 'port',
|
||||
message: 'Serve on Port'
|
||||
},
|
||||
{
|
||||
type: 'list',
|
||||
name: 'theme',
|
||||
message: 'Theme',
|
||||
choices: [
|
||||
{ name: 'Dark Theme (recomended)' },
|
||||
{ name: 'Light Theme (warning for eyes)' }
|
||||
]
|
||||
},
|
||||
{
|
||||
type: 'confirm',
|
||||
name: 'mfa',
|
||||
message: 'Enable MFA with Authy/Google Authenticator'
|
||||
}
|
||||
]);
|
||||
|
||||
@@ -136,10 +157,14 @@ const base = {
|
||||
urls: { ...base.urls, ...urls }
|
||||
};
|
||||
|
||||
writeFileSync('Zipline.toml', stringify(config));
|
||||
|
||||
if (docker.useDocker) {
|
||||
config.core.host = '0.0.0.0';
|
||||
console.log('Generating docker-compose.yml...');
|
||||
writeFileSync('docker-compose.yml', createDockerCompose(config.core.port));
|
||||
writeFileSync('docker-compose.yml', createDockerCompose(config.core.port, config.uploader.directory));
|
||||
console.log(
|
||||
'Head to https://zipline.diced.wtf/docs/docker to learn how to run with docker.'
|
||||
);
|
||||
}
|
||||
|
||||
writeFileSync('Zipline.toml', stringify(config));
|
||||
})();
|
||||
|
||||
@@ -6,6 +6,10 @@ import Button from '@material-ui/core/Button';
|
||||
import Card from '@material-ui/core/Card';
|
||||
import CardContent from '@material-ui/core/CardContent';
|
||||
import CardActions from '@material-ui/core/CardActions';
|
||||
import Dialog from '@material-ui/core/Dialog';
|
||||
import DialogActions from '@material-ui/core/DialogActions';
|
||||
import DialogContent from '@material-ui/core/DialogContent';
|
||||
import DialogTitle from '@material-ui/core/DialogTitle';
|
||||
import Snackbar from '@material-ui/core/Snackbar';
|
||||
import Alert from '@material-ui/lab/Alert';
|
||||
import makeStyles from '@material-ui/core/styles/makeStyles';
|
||||
@@ -26,8 +30,11 @@ export default function Login() {
|
||||
const classes = useStyles();
|
||||
const router = useRouter();
|
||||
const dispatch = useDispatch();
|
||||
const [error, setError] = useState(false);
|
||||
const [username, setUsername] = useState('');
|
||||
const [password, setPassword] = useState('');
|
||||
const [authOpen, setAuthOpen] = useState(false);
|
||||
const [token, setToken] = useState('');
|
||||
const [open, setOpen] = useState(false);
|
||||
|
||||
const handleClose = (event, reason) => {
|
||||
@@ -37,17 +44,48 @@ export default function Login() {
|
||||
|
||||
const handleLogin = async () => {
|
||||
const d = await (
|
||||
await fetch('/api/user/login', {
|
||||
await fetch('/api/user/verify-login', {
|
||||
method: 'POST',
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify({ username, password })
|
||||
})
|
||||
).json();
|
||||
if (!d.error) {
|
||||
dispatch({ type: UPDATE_USER, payload: d });
|
||||
if (d.mfa) {
|
||||
setAuthOpen(true);
|
||||
} else {
|
||||
const payload = await (
|
||||
await fetch('/api/user/login', {
|
||||
method: 'POST',
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify({ username, password })
|
||||
})
|
||||
).json();
|
||||
if (!payload.error) {
|
||||
dispatch({ type: UPDATE_USER, payload });
|
||||
dispatch({ type: LOGIN });
|
||||
router.push('/dash');
|
||||
}
|
||||
}
|
||||
} else setOpen(true);
|
||||
};
|
||||
|
||||
const tryChecking = async () => {
|
||||
const verified = await (
|
||||
await fetch(`/api/mfa/verify?token=${token}`, {
|
||||
method: 'POST',
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify({ username, password })
|
||||
})
|
||||
).json();
|
||||
if (!verified.passed) setError(true);
|
||||
else {
|
||||
setError(false);
|
||||
setAuthOpen(false);
|
||||
dispatch({ type: UPDATE_USER, payload: verified.user });
|
||||
dispatch({ type: LOGIN });
|
||||
router.push('/dash');
|
||||
} else setOpen(true);
|
||||
}
|
||||
};
|
||||
|
||||
return (
|
||||
@@ -65,6 +103,29 @@ export default function Login() {
|
||||
Could not login!
|
||||
</Alert>
|
||||
</Snackbar>
|
||||
<Dialog
|
||||
open={authOpen}
|
||||
onClose={() => setAuthOpen(false)}
|
||||
aria-labelledby='enable-mfa'
|
||||
aria-describedby='mfa-desc'
|
||||
>
|
||||
<DialogTitle id='enable-mfa'>2FA</DialogTitle>
|
||||
<DialogContent>
|
||||
<TextField
|
||||
label='Code'
|
||||
helperText={error ? 'Incorrect code' : ''}
|
||||
value={token}
|
||||
className={classes.field}
|
||||
onChange={e => setToken(e.target.value)}
|
||||
error={error}
|
||||
/>
|
||||
</DialogContent>
|
||||
<DialogActions>
|
||||
<Button color='primary' autoFocus onClick={tryChecking}>
|
||||
Check
|
||||
</Button>
|
||||
</DialogActions>
|
||||
</Dialog>
|
||||
<Card>
|
||||
<form>
|
||||
<CardContent>
|
||||
|
||||
@@ -3,14 +3,21 @@ import Typography from '@material-ui/core/Typography';
|
||||
import Card from '@material-ui/core/Card';
|
||||
import CardContent from '@material-ui/core/CardContent';
|
||||
import CardActions from '@material-ui/core/CardActions';
|
||||
import Dialog from '@material-ui/core/Dialog';
|
||||
import DialogActions from '@material-ui/core/DialogActions';
|
||||
import DialogContent from '@material-ui/core/DialogContent';
|
||||
import DialogContentText from '@material-ui/core/DialogContentText';
|
||||
import DialogTitle from '@material-ui/core/DialogTitle';
|
||||
import Button from '@material-ui/core/Button';
|
||||
import TextField from '@material-ui/core/TextField';
|
||||
import Snackbar from '@material-ui/core/Snackbar';
|
||||
import Grid from '@material-ui/core/Grid';
|
||||
import Alert from '@material-ui/lab/Alert';
|
||||
import { makeStyles } from '@material-ui/core';
|
||||
import { UPDATE_USER } from '../reducer';
|
||||
import { store } from '../store';
|
||||
import { useDispatch } from 'react-redux';
|
||||
import { Config } from '../lib/Config';
|
||||
|
||||
const useStyles = makeStyles({
|
||||
margin: {
|
||||
@@ -27,28 +34,76 @@ const useStyles = makeStyles({
|
||||
}
|
||||
});
|
||||
|
||||
export default function ManageUser() {
|
||||
export default function ManageUser({ config }: { config: Config }) {
|
||||
const classes = useStyles();
|
||||
const dispatch = useDispatch();
|
||||
const state = store.getState();
|
||||
const [alertOpen, setAlertOpen] = useState(false);
|
||||
const [mfaDialogOpen, setMfaDialogOpen] = useState(false);
|
||||
const [qrcode, setQRCode] = useState(null);
|
||||
const [username, setUsername] = useState(state.user.username);
|
||||
const [password, setPassword] = useState('');
|
||||
const [mfaToken, setMfaToken] = useState('');
|
||||
const [email, setEmail] = useState('');
|
||||
const [error, setError] = useState(false);
|
||||
|
||||
const handleUpdateUser = async () => {
|
||||
const d = await (
|
||||
await fetch('/api/user', {
|
||||
method: 'PATCH',
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify({ username, password: password.trim() === '' ? null : password, email })
|
||||
body: JSON.stringify({
|
||||
username,
|
||||
password: password.trim() === '' ? null : password,
|
||||
email
|
||||
})
|
||||
})
|
||||
).json();
|
||||
|
||||
if (!d.error) {
|
||||
dispatch({ type: UPDATE_USER, payload: d });
|
||||
setAlertOpen(true);
|
||||
}
|
||||
};
|
||||
|
||||
const disableMFA = async () => {
|
||||
await fetch('/api/mfa/disable');
|
||||
const d = await (await fetch('/api/user')).json();
|
||||
|
||||
if (!d.error) {
|
||||
dispatch({ type: UPDATE_USER, payload: d });
|
||||
setAlertOpen(true);
|
||||
}
|
||||
};
|
||||
const enableMFA = async () => {
|
||||
setMfaDialogOpen(true);
|
||||
const { dataURL } = await (await fetch('/api/mfa/qrcode')).json();
|
||||
setQRCode(dataURL);
|
||||
};
|
||||
const tryEnablingMfa = async () => {
|
||||
const verified = await (
|
||||
await fetch(`/api/mfa/verify?token=${mfaToken}`)
|
||||
).json();
|
||||
if (!verified) setError(true);
|
||||
else {
|
||||
setError(false);
|
||||
setMfaDialogOpen(false);
|
||||
setAlertOpen(true);
|
||||
const d = await (await fetch('/api/user')).json();
|
||||
|
||||
if (!d.error) {
|
||||
dispatch({ type: UPDATE_USER, payload: d });
|
||||
setAlertOpen(true);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
const disableMfaAndClose = async () => {
|
||||
const d = await (await fetch('/api/mfa/disable')).json();
|
||||
|
||||
if (!d.error) setMfaDialogOpen(false);
|
||||
};
|
||||
|
||||
return (
|
||||
<React.Fragment>
|
||||
<Snackbar
|
||||
@@ -64,6 +119,44 @@ export default function ManageUser() {
|
||||
Updated <b>{state.user.username}</b>
|
||||
</Alert>
|
||||
</Snackbar>
|
||||
<Dialog
|
||||
open={mfaDialogOpen}
|
||||
onClose={disableMfaAndClose}
|
||||
aria-labelledby='enable-mfa'
|
||||
aria-describedby='mfa-desc'
|
||||
>
|
||||
<DialogTitle id='enable-mfa'>Enable 2FA</DialogTitle>
|
||||
<DialogContent>
|
||||
<DialogContentText id='mfa-desc'>
|
||||
When enabling 2FA/MFA you can use <b>Authy</b> or{' '}
|
||||
<b>Google Authenticator</b> to authenticate before logging into
|
||||
Zipline.
|
||||
</DialogContentText>
|
||||
<Grid container spacing={2}>
|
||||
<Grid item xs={6}>
|
||||
<img src={qrcode} />
|
||||
</Grid>
|
||||
<Grid item xs={6}>
|
||||
<TextField
|
||||
label='Code'
|
||||
helperText='After scanning the QRCode, enter the authentication code here'
|
||||
value={mfaToken}
|
||||
className={classes.field}
|
||||
onChange={e => setMfaToken(e.target.value)}
|
||||
error={error}
|
||||
/>
|
||||
</Grid>
|
||||
</Grid>
|
||||
</DialogContent>
|
||||
<DialogActions>
|
||||
<Button color='primary' autoFocus onClick={disableMfaAndClose}>
|
||||
Disable
|
||||
</Button>
|
||||
<Button color='primary' autoFocus onClick={tryEnablingMfa}>
|
||||
Enable
|
||||
</Button>
|
||||
</DialogActions>
|
||||
</Dialog>
|
||||
<Card>
|
||||
<CardContent>
|
||||
<Typography color='textSecondary' variant='h4' gutterBottom>
|
||||
@@ -100,6 +193,15 @@ export default function ManageUser() {
|
||||
>
|
||||
Update
|
||||
</Button>
|
||||
{config.core.mfa ? (
|
||||
<Button
|
||||
className={classes.button}
|
||||
color='primary'
|
||||
onClick={state.user.secretMfaKey ? disableMFA : enableMFA}
|
||||
>
|
||||
{state.user.secretMfaKey ? 'Disable MFA' : 'Enable MFA'}
|
||||
</Button>
|
||||
) : null}
|
||||
</CardActions>
|
||||
</Card>
|
||||
</React.Fragment>
|
||||
|
||||
@@ -1,175 +1,21 @@
|
||||
import React from 'react';
|
||||
import AppBar from '@material-ui/core/AppBar';
|
||||
import Drawer from '@material-ui/core/Drawer';
|
||||
import Hidden from '@material-ui/core/Hidden';
|
||||
import IconButton from '@material-ui/core/IconButton';
|
||||
import List from '@material-ui/core/List';
|
||||
import ListItem from '@material-ui/core/ListItem';
|
||||
import Toolbar from '@material-ui/core/Toolbar';
|
||||
import Typography from '@material-ui/core/Typography';
|
||||
import Backdrop from '@material-ui/core/Backdrop';
|
||||
import CircularProgress from '@material-ui/core/CircularProgress';
|
||||
import Grid from '@material-ui/core/Grid';
|
||||
import MenuIcon from '@material-ui/icons/Menu';
|
||||
import Skeleton from '@material-ui/lab/Skeleton';
|
||||
import { makeStyles, useTheme } from '@material-ui/core/styles';
|
||||
import { makeStyles } from '@material-ui/core';
|
||||
|
||||
const useStyles = makeStyles(theme => ({
|
||||
root: {
|
||||
display: 'flex'
|
||||
},
|
||||
drawer: {
|
||||
[theme.breakpoints.up('sm')]: {
|
||||
width: 240,
|
||||
flexShrink: 0
|
||||
}
|
||||
},
|
||||
appBar: {
|
||||
[theme.breakpoints.up('sm')]: {
|
||||
width: 'calc(100%)',
|
||||
marginLeft: 240
|
||||
}
|
||||
},
|
||||
menuButton: {
|
||||
marginRight: theme.spacing(2),
|
||||
[theme.breakpoints.up('sm')]: {
|
||||
display: 'none'
|
||||
}
|
||||
},
|
||||
rightButton: {
|
||||
marginLeft: 'auto'
|
||||
},
|
||||
// necessary for content to be below app bar
|
||||
toolbar: theme.mixins.toolbar,
|
||||
drawerPaper: {
|
||||
width: 240
|
||||
},
|
||||
content: {
|
||||
flexGrow: 1,
|
||||
padding: theme.spacing(3)
|
||||
},
|
||||
fullWidth: {
|
||||
width: '100%'
|
||||
backdrop: {
|
||||
zIndex: theme.zIndex.drawer + 1,
|
||||
color: '#000'
|
||||
}
|
||||
}));
|
||||
|
||||
export default function UIPlaceholder() {
|
||||
const classes = useStyles();
|
||||
const theme = useTheme();
|
||||
const [mobileOpen, setMobileOpen] = React.useState(false);
|
||||
|
||||
const handleDrawerToggle = () => {
|
||||
setMobileOpen(!mobileOpen);
|
||||
};
|
||||
|
||||
const drawer = (
|
||||
<div>
|
||||
<Toolbar>
|
||||
<AppBar position='fixed' className={classes.appBar} elevation={0}>
|
||||
<Toolbar>
|
||||
<IconButton
|
||||
color='inherit'
|
||||
aria-label='open drawer'
|
||||
edge='start'
|
||||
onClick={handleDrawerToggle}
|
||||
className={classes.menuButton}
|
||||
>
|
||||
<MenuIcon />
|
||||
</IconButton>
|
||||
<Typography variant='h6' noWrap>
|
||||
Zipline
|
||||
</Typography>
|
||||
<div className={classes.rightButton}>
|
||||
<Skeleton animation='wave' className={classes.fullWidth} />
|
||||
</div>
|
||||
</Toolbar>
|
||||
</AppBar>
|
||||
</Toolbar>
|
||||
|
||||
<List>
|
||||
<ListItem button key='Home'>
|
||||
<Skeleton animation='wave' className={classes.fullWidth} />
|
||||
</ListItem>
|
||||
<ListItem button key='Statistics'>
|
||||
<Skeleton animation='wave' className={classes.fullWidth} />
|
||||
</ListItem>
|
||||
<ListItem button key='Images'>
|
||||
<Skeleton animation='wave' className={classes.fullWidth} />
|
||||
</ListItem>
|
||||
<ListItem button key='URLs'>
|
||||
<Skeleton animation='wave' className={classes.fullWidth} />
|
||||
</ListItem>
|
||||
</List>
|
||||
</div>
|
||||
);
|
||||
|
||||
const container =
|
||||
typeof window !== 'undefined' ? () => window.document.body : undefined;
|
||||
|
||||
return (
|
||||
<div className={classes.root}>
|
||||
<AppBar position='fixed' className={classes.appBar} elevation={0}>
|
||||
<Toolbar>
|
||||
<IconButton
|
||||
color='inherit'
|
||||
aria-label='open drawer'
|
||||
edge='start'
|
||||
onClick={handleDrawerToggle}
|
||||
className={classes.menuButton}
|
||||
>
|
||||
<MenuIcon />
|
||||
</IconButton>
|
||||
<Typography variant='h6' noWrap>
|
||||
Zipline
|
||||
</Typography>
|
||||
</Toolbar>
|
||||
</AppBar>
|
||||
<nav className={classes.drawer} aria-label='mailbox folders'>
|
||||
<Hidden smUp implementation='css'>
|
||||
<Drawer
|
||||
container={container}
|
||||
variant='temporary'
|
||||
anchor={theme.direction === 'rtl' ? 'right' : 'left'}
|
||||
open={mobileOpen}
|
||||
onClose={handleDrawerToggle}
|
||||
classes={{
|
||||
paper: classes.drawerPaper
|
||||
}}
|
||||
ModalProps={{
|
||||
keepMounted: true // Better open performance on mobile.
|
||||
}}
|
||||
>
|
||||
{drawer}
|
||||
</Drawer>
|
||||
</Hidden>
|
||||
<Hidden xsDown implementation='css'>
|
||||
<Drawer
|
||||
classes={{
|
||||
paper: classes.drawerPaper
|
||||
}}
|
||||
variant='permanent'
|
||||
open
|
||||
PaperProps={{ style: { border: 'none' } }}
|
||||
>
|
||||
{drawer}
|
||||
</Drawer>
|
||||
</Hidden>
|
||||
</nav>
|
||||
|
||||
<main className={classes.content}>
|
||||
<div className={classes.toolbar} />
|
||||
<Grid
|
||||
container
|
||||
spacing={0}
|
||||
direction='column'
|
||||
alignItems='center'
|
||||
justify='center'
|
||||
style={{ minHeight: '80vh' }}
|
||||
>
|
||||
<Grid item xs={3}>
|
||||
<CircularProgress size={100} />
|
||||
</Grid>
|
||||
</Grid>
|
||||
</main>
|
||||
</div>
|
||||
<Backdrop className={classes.backdrop} open={true}>
|
||||
<CircularProgress color='inherit' />
|
||||
</Backdrop>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -5,7 +5,6 @@ import dark from '../lib/themes/dark';
|
||||
import light from '../lib/themes/light';
|
||||
|
||||
export default function ZiplineTheming({ Component, pageProps, theme }) {
|
||||
console.log(theme);
|
||||
return (
|
||||
<ThemeProvider theme={theme == 'light' ? light : dark}>
|
||||
<CssBaseline />
|
||||
|
||||
67
src/index.ts
67
src/index.ts
@@ -12,27 +12,44 @@ import { Console } from './lib/logger';
|
||||
import { AddressInfo } from 'net';
|
||||
import { magenta, bold, green, reset, blue, red } from '@dicedtomato/colors';
|
||||
import { Configuration } from './lib/Config';
|
||||
import { UserController } from './lib/api/controllers/UserController';
|
||||
import { RootController } from './lib/api/controllers/RootController';
|
||||
import { UserController } from './lib/controllers/UserController';
|
||||
import { RootController } from './lib/controllers/RootController';
|
||||
import { join } from 'path';
|
||||
import { ImagesController } from './lib/api/controllers/ImagesController';
|
||||
import { URLSController } from './lib/api/controllers/URLSController';
|
||||
import { ImagesController } from './lib/controllers/ImagesController';
|
||||
import { URLSController } from './lib/controllers/URLSController';
|
||||
import { checkVersion } from './lib/Util';
|
||||
import { existsSync, readFileSync } from 'fs';
|
||||
import { Image } from './lib/entities/Image';
|
||||
import { User } from './lib/entities/User';
|
||||
import { Zipline } from './lib/entities/Zipline';
|
||||
import { URL } from './lib/entities/URL';
|
||||
import { MultiFactorController } from './lib/controllers/MultiFactorController';
|
||||
const dev = process.env.NODE_ENV !== 'production';
|
||||
|
||||
(async () => {
|
||||
if (await checkVersion())
|
||||
Console.logger('Zipline').info(
|
||||
'running an outdated version of zipline, please update soon!'
|
||||
);
|
||||
if (await checkVersion()) Console.logger('Zipline').info(
|
||||
'running an outdated version of zipline, please update soon!'
|
||||
);
|
||||
})();
|
||||
|
||||
console.log(`
|
||||
Console.logger(Configuration).verbose('searching for config...');
|
||||
const config = Configuration.readConfig();
|
||||
|
||||
if (!config) {
|
||||
Console.logger(Configuration).error(
|
||||
`could not find a Zipline.toml file in ${process.cwd()}`
|
||||
);
|
||||
process.exit(0);
|
||||
}
|
||||
|
||||
if (!config.core || !config.database) {
|
||||
Console.logger('Zipline').error(
|
||||
'configuration seems to be invalid, did you generate a config? https://zipline.diced.wtf/docs/auto'
|
||||
);
|
||||
process.exit(0);
|
||||
}
|
||||
|
||||
if (config.core.log) console.log(`
|
||||
${magenta(text('Zipline'))}
|
||||
|
||||
Version : ${blue(
|
||||
@@ -47,15 +64,6 @@ Mode : ${bold(dev ? red('dev') : green('production'))}
|
||||
Verbose : ${bold(process.env.VERBOSE ? red('yes') : green('no'))}
|
||||
`);
|
||||
|
||||
Console.logger(Configuration).verbose('searching for config...');
|
||||
const config = Configuration.readConfig();
|
||||
if (!config) {
|
||||
Console.logger(Configuration).error(
|
||||
`could not find a Zipline.toml file in ${process.cwd()}`
|
||||
);
|
||||
process.exit(0);
|
||||
}
|
||||
|
||||
const dir = config.uploader.directory ? config.uploader.directory : 'uploads';
|
||||
const path = dir.charAt(0) == '/' ? dir : join(process.cwd(), dir);
|
||||
|
||||
@@ -76,11 +84,10 @@ server.register(fastifyRateLimit, {
|
||||
global: false
|
||||
});
|
||||
|
||||
if (dev)
|
||||
server.get('/_next/*', async (req, reply) => {
|
||||
await handle(req.raw, reply.raw);
|
||||
return (reply.sent = true);
|
||||
});
|
||||
if (dev) server.get('/_next/*', async (req, reply) => {
|
||||
await handle(req.raw, reply.raw);
|
||||
return (reply.sent = true);
|
||||
});
|
||||
|
||||
server.all('/*', async (req, reply) => {
|
||||
await handle(req.raw, reply.raw);
|
||||
@@ -159,7 +166,8 @@ server.register(bootstrap, {
|
||||
UserController,
|
||||
RootController,
|
||||
ImagesController,
|
||||
URLSController
|
||||
URLSController,
|
||||
MultiFactorController
|
||||
]
|
||||
});
|
||||
|
||||
@@ -208,3 +216,14 @@ server.addHook('preHandler', async (req, reply) => {
|
||||
return (reply.sent = true);
|
||||
}
|
||||
});
|
||||
|
||||
server.addHook('onResponse', (req, res, done) => {
|
||||
if (!req.url.startsWith('/_next') && config.core.log) {
|
||||
const status =
|
||||
res.statusCode !== 200
|
||||
? bold(red(res.statusCode.toString()))
|
||||
: bold(green(res.statusCode.toString()));
|
||||
Console.logger('server').info(`${status} ${req.url} was accessed`);
|
||||
}
|
||||
done();
|
||||
});
|
||||
|
||||
@@ -2,7 +2,7 @@ import { readFileSync } from 'fs';
|
||||
import { resolve } from 'path';
|
||||
import { parse } from 'toml-patch';
|
||||
import { ConnectionOptions } from 'typeorm';
|
||||
import { WebhookHelper, WebhookType } from './Webhooks';
|
||||
import { Webhooks, WebhookType } from './Webhooks';
|
||||
|
||||
export interface Config {
|
||||
database: ConnectionOptions;
|
||||
@@ -48,6 +48,8 @@ export interface ConfigCore {
|
||||
blacklisted_ips?: string[];
|
||||
ratelimiter?: ConfigCoreRateLimiter;
|
||||
theme?: 'dark' | 'light';
|
||||
mfa?: boolean;
|
||||
log?: boolean;
|
||||
}
|
||||
|
||||
export interface ConfigWebhooks {
|
||||
@@ -77,8 +79,7 @@ export class Configuration {
|
||||
try {
|
||||
const data = readFileSync(resolve(process.cwd(), 'Zipline.toml'), 'utf8');
|
||||
const parsed = parse(data);
|
||||
if (parsed.webhooks)
|
||||
parsed.webhooks.events = WebhookHelper.convert(parsed.webhooks.events);
|
||||
if (parsed.webhooks) parsed.webhooks.events = Webhooks.convert(parsed.webhooks.events);
|
||||
return parsed;
|
||||
} catch (e) {
|
||||
return null;
|
||||
|
||||
@@ -6,6 +6,7 @@ import { compare } from 'semver';
|
||||
import { Zipline } from './entities/Zipline';
|
||||
import { readFileSync } from 'fs';
|
||||
import { join } from 'path';
|
||||
import { FastifyReply } from 'fastify';
|
||||
|
||||
const config = Configuration.readConfig();
|
||||
|
||||
@@ -14,8 +15,7 @@ export function createRandomId(
|
||||
charset = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'
|
||||
) {
|
||||
let result = '';
|
||||
for (let i = 0; i < length; i++)
|
||||
result += charset.charAt(Math.floor(Math.random() * charset.length));
|
||||
for (let i = 0; i < length; i++) result += charset.charAt(Math.floor(Math.random() * charset.length));
|
||||
return result;
|
||||
}
|
||||
|
||||
@@ -58,4 +58,11 @@ export async function checkVersion(): Promise<boolean> {
|
||||
const compared = compare(currentVersion, latestVersion);
|
||||
|
||||
return compared == 0 || compared == 1 ? false : true;
|
||||
}
|
||||
|
||||
export async function sendError(reply: FastifyReply, error: string) {
|
||||
return reply.code(400).send({
|
||||
code: 400,
|
||||
error
|
||||
});
|
||||
}
|
||||
5
src/lib/WebUtil.ts
Normal file
5
src/lib/WebUtil.ts
Normal file
@@ -0,0 +1,5 @@
|
||||
export function createURL(href: string, route: string, file: string): string {
|
||||
const t = new URL(href);
|
||||
t.pathname = `${route}/${file}`;
|
||||
return t.toString();
|
||||
}
|
||||
@@ -46,7 +46,7 @@ export type WebhookSendText =
|
||||
| 'user_delete'
|
||||
| 'user_edit';
|
||||
|
||||
export class WebhookHelper {
|
||||
export class Webhooks {
|
||||
public static convert(strings: WebhookSendText[]) {
|
||||
return strings.map(x => WebhookType[x.toUpperCase()]);
|
||||
}
|
||||
@@ -81,11 +81,11 @@ export class WebhookHelper {
|
||||
},
|
||||
body: JSON.stringify({
|
||||
username: config.webhooks.username,
|
||||
content: WebhookHelper.parseContent(content, data)
|
||||
content: Webhooks.parseContent(content, data)
|
||||
})
|
||||
});
|
||||
} catch (e) {
|
||||
Console.logger(WebhookHelper).error(e);
|
||||
Console.logger(Webhooks).error(e);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,7 +0,0 @@
|
||||
export class MissingBodyData extends Error {}
|
||||
export class LoginError extends Error {}
|
||||
export class NotAdministratorError extends Error {}
|
||||
export class UserExistsError extends Error {}
|
||||
export class UserNotFoundError extends Error {}
|
||||
export class UserCredentialsError extends Error {}
|
||||
export class AuthError extends Error {}
|
||||
@@ -9,12 +9,11 @@ import {
|
||||
DELETE
|
||||
} from 'fastify-decorators';
|
||||
import { Repository } from 'typeorm';
|
||||
import { Image } from '../../entities/Image';
|
||||
import { LoginError } from '../APIErrors';
|
||||
import { Configuration, ConfigWebhooks } from '../../Config';
|
||||
import { Console } from '../../logger';
|
||||
import { readBaseCookie } from '../../Util';
|
||||
import { WebhookHelper, WebhookType } from '../../Webhooks';
|
||||
import { Image } from '../entities/Image';
|
||||
import { Configuration, ConfigWebhooks } from '../Config';
|
||||
import { Console } from '../logger';
|
||||
import { readBaseCookie, sendError } from '../Util';
|
||||
import { Webhooks, WebhookType } from '../Webhooks';
|
||||
|
||||
const config = Configuration.readConfig();
|
||||
|
||||
@@ -24,11 +23,11 @@ export class ImagesController {
|
||||
private instance!: FastifyInstance;
|
||||
|
||||
private images: Repository<Image> = this.instance.orm.getRepository(Image);
|
||||
private webhooks: ConfigWebhooks = WebhookHelper.conf(config);
|
||||
private webhooks: ConfigWebhooks = Webhooks.conf(config);
|
||||
|
||||
@GET('/')
|
||||
async allImages(req: FastifyRequest, reply: FastifyReply) {
|
||||
if (!req.cookies.zipline) throw new LoginError('Not logged in.');
|
||||
if (!req.cookies.zipline) return sendError(reply, 'Not logged in.');
|
||||
|
||||
const images = await this.images.find({
|
||||
where: {
|
||||
@@ -44,7 +43,7 @@ export class ImagesController {
|
||||
req: FastifyRequest<{ Params: { id: string } }>,
|
||||
reply: FastifyReply
|
||||
) {
|
||||
if (!req.cookies.zipline) throw new LoginError('Not logged in.');
|
||||
if (!req.cookies.zipline) return sendError(reply, 'Not logged in.');
|
||||
|
||||
const image = await this.images.findOne({
|
||||
where: {
|
||||
@@ -53,24 +52,30 @@ export class ImagesController {
|
||||
}
|
||||
});
|
||||
|
||||
if (!image) throw new Error('No image');
|
||||
if (!image) return sendError(reply, 'No image');
|
||||
|
||||
this.images.delete({
|
||||
id: req.params.id
|
||||
});
|
||||
|
||||
const dir = config.uploader.directory ? config.uploader.directory : 'uploads';
|
||||
const path = join(dir.charAt(0) == '/' ? dir : join(process.cwd(), dir), image.file);
|
||||
const dir = config.uploader.directory
|
||||
? config.uploader.directory
|
||||
: 'uploads';
|
||||
const path = join(
|
||||
dir.charAt(0) == '/' ? dir : join(process.cwd(), dir),
|
||||
image.file
|
||||
);
|
||||
|
||||
try {
|
||||
unlinkSync(path);
|
||||
|
||||
Console.logger(Image).info(`image ${image.id} was deleted`);
|
||||
if (this.webhooks.events.includes(WebhookType.DELETE_IMAGE))
|
||||
WebhookHelper.sendWebhook(this.webhooks.upload.content, {
|
||||
image,
|
||||
host: `${config.core.secure ? 'https' : 'http'}://${req.hostname}${config.uploader.route}/`
|
||||
});
|
||||
if (this.webhooks.events.includes(WebhookType.DELETE_IMAGE)) Webhooks.sendWebhook(this.webhooks.upload.content, {
|
||||
image,
|
||||
host: `${config.core.secure ? 'https' : 'http'}://${req.hostname}${
|
||||
config.uploader.route
|
||||
}/`
|
||||
});
|
||||
|
||||
return reply.send(image);
|
||||
} catch (e) {
|
||||
@@ -81,7 +86,7 @@ export class ImagesController {
|
||||
|
||||
@GET('/recent')
|
||||
async recentImages(req: FastifyRequest, reply: FastifyReply) {
|
||||
if (!req.cookies.zipline) throw new LoginError('Not logged in.');
|
||||
if (!req.cookies.zipline) return sendError(reply, 'Not logged in.');
|
||||
|
||||
const images = await this.images.find({
|
||||
where: {
|
||||
@@ -94,7 +99,7 @@ export class ImagesController {
|
||||
|
||||
@GET('/chunk')
|
||||
async pages(req: FastifyRequest, reply: FastifyReply) {
|
||||
if (!req.cookies.zipline) throw new LoginError('Not logged in.');
|
||||
if (!req.cookies.zipline) return sendError(reply, 'Not logged in.');
|
||||
|
||||
const images = await this.images.find({
|
||||
where: {
|
||||
130
src/lib/controllers/MultiFactorController.ts
Normal file
130
src/lib/controllers/MultiFactorController.ts
Normal file
@@ -0,0 +1,130 @@
|
||||
import { FastifyReply, FastifyRequest, FastifyInstance } from 'fastify';
|
||||
import {
|
||||
Controller,
|
||||
GET,
|
||||
FastifyInstanceToken,
|
||||
Inject,
|
||||
POST
|
||||
} from 'fastify-decorators';
|
||||
import { Repository } from 'typeorm';
|
||||
import { User } from '../entities/User';
|
||||
import { totp, generateSecret, otpauthURL } from 'speakeasy';
|
||||
import { toDataURL } from 'qrcode';
|
||||
import {
|
||||
checkPassword,
|
||||
createBaseCookie,
|
||||
readBaseCookie,
|
||||
sendError
|
||||
} from '../Util';
|
||||
import { Console } from '../logger';
|
||||
import { WebhookType, Webhooks } from '../Webhooks';
|
||||
import { Configuration, ConfigWebhooks } from '../Config';
|
||||
|
||||
const config = Configuration.readConfig();
|
||||
|
||||
@Controller('/api/mfa')
|
||||
export class MultiFactorController {
|
||||
@Inject(FastifyInstanceToken)
|
||||
private instance!: FastifyInstance;
|
||||
|
||||
private users: Repository<User> = this.instance.orm.getRepository(User);
|
||||
private logger: Console = Console.logger(User);
|
||||
private webhooks: ConfigWebhooks = Webhooks.conf(config);
|
||||
|
||||
@GET('/qrcode')
|
||||
async qrcode(req: FastifyRequest, reply: FastifyReply) {
|
||||
if (!req.cookies.zipline) return sendError(reply, 'Not logged in.');
|
||||
let user = await this.users.findOne({
|
||||
where: {
|
||||
id: readBaseCookie(req.cookies.zipline)
|
||||
}
|
||||
});
|
||||
|
||||
if (!user.secretMfaKey) {
|
||||
const secret = generateSecret({
|
||||
issuer: 'Zipline',
|
||||
length: 128,
|
||||
name: user.username
|
||||
});
|
||||
user.secretMfaKey = secret.base32;
|
||||
user = await this.users.save(user);
|
||||
}
|
||||
|
||||
const dataURL = await toDataURL(
|
||||
otpauthURL({
|
||||
secret: user.secretMfaKey,
|
||||
label: user.email || 'none',
|
||||
issuer: 'Zipline',
|
||||
encoding: 'base32'
|
||||
})
|
||||
);
|
||||
|
||||
return reply.send({
|
||||
dataURL
|
||||
});
|
||||
}
|
||||
|
||||
@GET('/disable')
|
||||
async disable(req: FastifyRequest, reply: FastifyReply) {
|
||||
if (!req.cookies.zipline) return sendError(reply, 'Not logged in.');
|
||||
const user = await this.users.findOne({
|
||||
where: {
|
||||
id: readBaseCookie(req.cookies.zipline)
|
||||
}
|
||||
});
|
||||
|
||||
user.secretMfaKey = null;
|
||||
|
||||
this.users.save(user);
|
||||
|
||||
this.logger.info(`disabled mfa ${user.username} (${user.id})`);
|
||||
reply.send({ disabled: true });
|
||||
}
|
||||
|
||||
@POST('/verify')
|
||||
async verify(
|
||||
req: FastifyRequest<{
|
||||
Querystring: { token: string };
|
||||
Body: { username: string; password: string };
|
||||
}>,
|
||||
reply: FastifyReply
|
||||
) {
|
||||
if (req.cookies.zipline) return sendError(reply, 'Already logged in.');
|
||||
if (!req.body.username) return sendError(reply, 'Missing username.');
|
||||
if (!req.body.password) return sendError(reply, 'Missing uassword.');
|
||||
|
||||
const user = await this.users.findOne({
|
||||
where: {
|
||||
username: req.body.username
|
||||
}
|
||||
});
|
||||
|
||||
if (!user) return sendError(reply, `User "${req.body.username}" was not found.`);
|
||||
if (!checkPassword(req.body.password, user.password)) {
|
||||
this.logger.error(
|
||||
`${user.username} (${user.id}) tried to login but failed with mfa`
|
||||
);
|
||||
return sendError(reply, 'Wrong credentials!');
|
||||
}
|
||||
delete user.password;
|
||||
|
||||
const passed = totp.verify({
|
||||
encoding: 'base32',
|
||||
token: req.query.token,
|
||||
secret: user.secretMfaKey
|
||||
});
|
||||
|
||||
this.logger.verbose(`set cookie for ${user.username} (${user.id})`);
|
||||
reply.setCookie('zipline', createBaseCookie(user.id), {
|
||||
path: '/',
|
||||
maxAge: 1036800000
|
||||
});
|
||||
|
||||
this.logger.info(`${user.username} (${user.id}) logged in with mfa`);
|
||||
if (this.webhooks.events.includes(WebhookType.LOGIN)) Webhooks.sendWebhook(this.webhooks.login.content, {
|
||||
user
|
||||
});
|
||||
|
||||
return reply.send({ user, passed });
|
||||
}
|
||||
}
|
||||
@@ -12,16 +12,21 @@ import { join } from 'path';
|
||||
import { Repository } from 'typeorm';
|
||||
import { pipeline } from 'stream';
|
||||
import { promisify } from 'util';
|
||||
import { Image } from '../../entities/Image';
|
||||
import { User } from '../../entities/User';
|
||||
import { AuthError } from '../APIErrors';
|
||||
import { Configuration, ConfigWebhooks } from '../../Config';
|
||||
import { createRandomId, getFirst } from '../../Util';
|
||||
import { Console } from '../../logger';
|
||||
import { WebhookHelper, WebhookType } from '../../Webhooks';
|
||||
import { Image } from '../entities/Image';
|
||||
import { User } from '../entities/User';
|
||||
import { Configuration, ConfigWebhooks } from '../Config';
|
||||
import { createRandomId, getFirst, sendError } from '../Util';
|
||||
import { Console } from '../logger';
|
||||
import { Webhooks, WebhookType } from '../Webhooks';
|
||||
const pump = promisify(pipeline);
|
||||
|
||||
const config = Configuration.readConfig();
|
||||
if (!config.core || !config.database) {
|
||||
Console.logger('Zipline').error(
|
||||
'configuration seems to be invalid, did you generate a config? https://zipline.diced.wtf/docs/auto'
|
||||
);
|
||||
process.exit(0);
|
||||
}
|
||||
const rateLimiterConfig = config.core.ratelimiter
|
||||
? {
|
||||
config: {
|
||||
@@ -40,7 +45,7 @@ export class RootController {
|
||||
|
||||
private users: Repository<User> = this.instance.orm.getRepository(User);
|
||||
private images: Repository<Image> = this.instance.orm.getRepository(Image);
|
||||
private webhooks: ConfigWebhooks = WebhookHelper.conf(config);
|
||||
private webhooks: ConfigWebhooks = Webhooks.conf(config);
|
||||
private logger: Console = Console.logger(Image);
|
||||
|
||||
@GET('/first')
|
||||
@@ -56,7 +61,7 @@ export class RootController {
|
||||
|
||||
@GET('/users')
|
||||
async allUsers(req: FastifyRequest, reply: FastifyReply) {
|
||||
if (!req.cookies.zipline) throw new Error('Not logged in.');
|
||||
if (!req.cookies.zipline) return sendError(reply, 'Not logged in.');
|
||||
const users = await this.users.find();
|
||||
const final = [];
|
||||
|
||||
@@ -71,7 +76,7 @@ export class RootController {
|
||||
|
||||
@GET('/statistics')
|
||||
async stats(req: FastifyRequest, reply: FastifyReply) {
|
||||
if (!req.cookies.zipline) throw new Error('Not logged in.');
|
||||
if (!req.cookies.zipline) return sendError(reply, 'Not logged in.');
|
||||
|
||||
const images = await this.images.find();
|
||||
const users = await this.users.find();
|
||||
@@ -104,26 +109,23 @@ export class RootController {
|
||||
|
||||
@POST('/upload', rateLimiterConfig)
|
||||
async loginStatus(req: FastifyRequest, reply: FastifyReply) {
|
||||
if (!req.headers.authorization)
|
||||
return new AuthError('No authorization header!');
|
||||
if (!req.headers.authorization) return sendError(reply, 'No authorization header!');
|
||||
|
||||
const user = await this.users.findOne({
|
||||
where: {
|
||||
token: req.headers.authorization
|
||||
}
|
||||
});
|
||||
if (!user) return new AuthError('Incorrect token!');
|
||||
if (!user) return sendError(reply, 'Incorrect token!');
|
||||
|
||||
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
||||
//@ts-ignore stupid multipart types smh
|
||||
const data: Multipart = await req.file();
|
||||
|
||||
if (!existsSync(config.uploader.directory))
|
||||
mkdirSync(config.uploader.directory);
|
||||
if (!existsSync(config.uploader.directory)) mkdirSync(config.uploader.directory);
|
||||
|
||||
const ext = data.filename.split('.')[1];
|
||||
if (config.uploader.blacklisted.includes(ext))
|
||||
throw new Error('Blacklisted file extension!');
|
||||
if (config.uploader.blacklisted.includes(ext)) return sendError(reply, 'Blacklisted file extension!');
|
||||
|
||||
const fileName = config.uploader.original
|
||||
? data.filename.split('.')[0]
|
||||
@@ -146,13 +148,12 @@ export class RootController {
|
||||
config.uploader.rich_content_route
|
||||
? config.uploader.rich_content_route
|
||||
: config.uploader.route
|
||||
}/`;
|
||||
}/${fileName}.${ext}`;
|
||||
|
||||
if (this.webhooks.events.includes(WebhookType.UPLOAD))
|
||||
WebhookHelper.sendWebhook(this.webhooks.upload.content, {
|
||||
image,
|
||||
host
|
||||
});
|
||||
if (this.webhooks.events.includes(WebhookType.UPLOAD)) Webhooks.sendWebhook(this.webhooks.upload.content, {
|
||||
image,
|
||||
host
|
||||
});
|
||||
|
||||
reply.send(host);
|
||||
}
|
||||
@@ -8,13 +8,12 @@ import {
|
||||
POST
|
||||
} from 'fastify-decorators';
|
||||
import { Repository } from 'typeorm';
|
||||
import { URL } from '../../entities/URL';
|
||||
import { User } from '../../entities/User';
|
||||
import { LoginError } from '../APIErrors';
|
||||
import { Configuration, ConfigWebhooks } from '../../Config';
|
||||
import { Console } from '../../logger';
|
||||
import { createRandomId, readBaseCookie } from '../../Util';
|
||||
import { WebhookType, WebhookHelper } from '../../Webhooks';
|
||||
import { URL } from '../entities/URL';
|
||||
import { User } from '../entities/User';
|
||||
import { Configuration, ConfigWebhooks } from '../Config';
|
||||
import { Console } from '../logger';
|
||||
import { createRandomId, readBaseCookie, sendError } from '../Util';
|
||||
import { WebhookType, Webhooks } from '../Webhooks';
|
||||
|
||||
const config = Configuration.readConfig();
|
||||
|
||||
@@ -26,11 +25,11 @@ export class URLSController {
|
||||
private urls: Repository<URL> = this.instance.orm.getRepository(URL);
|
||||
private users: Repository<User> = this.instance.orm.getRepository(User);
|
||||
private logger: Console = Console.logger(URL);
|
||||
private webhooks: ConfigWebhooks = WebhookHelper.conf(config);
|
||||
private webhooks: ConfigWebhooks = Webhooks.conf(config);
|
||||
|
||||
@GET('/')
|
||||
async allURLS(req: FastifyRequest, reply: FastifyReply) {
|
||||
if (!req.cookies.zipline) throw new LoginError('Not logged in.');
|
||||
if (!req.cookies.zipline) return sendError(reply, 'Not logged in.');
|
||||
|
||||
const all = await this.urls.find({
|
||||
where: {
|
||||
@@ -46,7 +45,7 @@ export class URLSController {
|
||||
req: FastifyRequest<{ Params: { id: string } }>,
|
||||
reply: FastifyReply
|
||||
) {
|
||||
if (!req.cookies.zipline) throw new LoginError('Not logged in.');
|
||||
if (!req.cookies.zipline) return sendError(reply, 'Not logged in.');
|
||||
|
||||
const url = await this.urls.findOne({
|
||||
where: {
|
||||
@@ -55,7 +54,7 @@ export class URLSController {
|
||||
}
|
||||
});
|
||||
|
||||
if (!url) throw new Error('No url');
|
||||
if (!url) return sendError(reply, 'No url');
|
||||
|
||||
this.logger.verbose(`attempting to delete url ${url.id}`);
|
||||
this.urls.delete({
|
||||
@@ -63,11 +62,12 @@ export class URLSController {
|
||||
});
|
||||
|
||||
this.logger.info(`url ${url.id} was deleted`);
|
||||
if (this.webhooks.events.includes(WebhookType.DELETE_URL))
|
||||
WebhookHelper.sendWebhook(this.webhooks.delete_url.content, {
|
||||
url,
|
||||
host: `${config.core.secure ? 'https' : 'http'}://${req.hostname}${config.urls.route}/`
|
||||
});
|
||||
if (this.webhooks.events.includes(WebhookType.DELETE_URL)) Webhooks.sendWebhook(this.webhooks.delete_url.content, {
|
||||
url,
|
||||
host: `${config.core.secure ? 'https' : 'http'}://${req.hostname}${
|
||||
config.urls.route
|
||||
}/`
|
||||
});
|
||||
|
||||
return reply.send(url);
|
||||
}
|
||||
@@ -77,7 +77,7 @@ export class URLSController {
|
||||
req: FastifyRequest<{ Body: { vanity: string; url: string } }>,
|
||||
reply: FastifyReply
|
||||
) {
|
||||
if (!req.cookies.zipline) throw new LoginError('Not logged in.');
|
||||
if (!req.cookies.zipline) return sendError(reply, 'Not logged in.');
|
||||
|
||||
if (config.urls.vanity && req.body.vanity) {
|
||||
const existingVanity = await this.urls.findOne({
|
||||
@@ -85,7 +85,7 @@ export class URLSController {
|
||||
vanity: req.body.vanity
|
||||
}
|
||||
});
|
||||
if (existingVanity) throw new Error('There is an existing vanity!');
|
||||
if (existingVanity) return sendError(reply, 'There is an existing vanity!');
|
||||
}
|
||||
|
||||
const user = await this.users.findOne({
|
||||
@@ -94,7 +94,7 @@ export class URLSController {
|
||||
}
|
||||
});
|
||||
|
||||
if (!user) throw new LoginError('No user');
|
||||
if (!user) return sendError(reply, 'No user');
|
||||
|
||||
const id = createRandomId(config.urls.length);
|
||||
|
||||
@@ -104,11 +104,12 @@ export class URLSController {
|
||||
);
|
||||
|
||||
this.logger.info(`saved url ${url.id}`);
|
||||
if (this.webhooks.events.includes(WebhookType.SHORTEN))
|
||||
WebhookHelper.sendWebhook(this.webhooks.shorten.content, {
|
||||
url,
|
||||
host: `${config.core.secure ? 'https' : 'http'}://${req.hostname}${config.urls.route}/`
|
||||
});
|
||||
if (this.webhooks.events.includes(WebhookType.SHORTEN)) Webhooks.sendWebhook(this.webhooks.shorten.content, {
|
||||
url,
|
||||
host: `${config.core.secure ? 'https' : 'http'}://${req.hostname}${
|
||||
config.urls.route
|
||||
}/`
|
||||
});
|
||||
|
||||
return reply.send(url);
|
||||
}
|
||||
@@ -9,25 +9,21 @@ import {
|
||||
DELETE
|
||||
} from 'fastify-decorators';
|
||||
import { Repository } from 'typeorm';
|
||||
import { User } from '../../entities/User';
|
||||
import { Zipline } from '../../entities/Zipline';
|
||||
import {
|
||||
UserNotFoundError,
|
||||
MissingBodyData,
|
||||
LoginError,
|
||||
UserExistsError
|
||||
} from '../APIErrors';
|
||||
import { Configuration, ConfigWebhooks } from '../../Config';
|
||||
import { Console } from '../../logger';
|
||||
import { User } from '../entities/User';
|
||||
import { Image } from '../entities/Image';
|
||||
import { Zipline } from '../entities/Zipline';
|
||||
import { Configuration, ConfigWebhooks } from '../Config';
|
||||
import { Console } from '../logger';
|
||||
import {
|
||||
checkPassword,
|
||||
createBaseCookie,
|
||||
createToken,
|
||||
encryptPassword,
|
||||
getFirst,
|
||||
readBaseCookie
|
||||
} from '../../Util';
|
||||
import { WebhookType, WebhookHelper } from '../../Webhooks';
|
||||
readBaseCookie,
|
||||
sendError
|
||||
} from '../Util';
|
||||
import { WebhookType, Webhooks } from '../Webhooks';
|
||||
|
||||
const config = Configuration.readConfig();
|
||||
|
||||
@@ -37,8 +33,9 @@ export class UserController {
|
||||
private instance!: FastifyInstance;
|
||||
|
||||
private users: Repository<User> = this.instance.orm.getRepository(User);
|
||||
private images: Repository<Image> = this.instance.orm.getRepository(Image);
|
||||
private logger: Console = Console.logger(User);
|
||||
private webhooks: ConfigWebhooks = WebhookHelper.conf(config);
|
||||
private webhooks: ConfigWebhooks = Webhooks.conf(config);
|
||||
|
||||
@GET('/login-status')
|
||||
async loginStatus(req: FastifyRequest, reply: FastifyReply) {
|
||||
@@ -49,24 +46,50 @@ export class UserController {
|
||||
|
||||
@GET('/')
|
||||
async currentUser(req: FastifyRequest, reply: FastifyReply) {
|
||||
if (!req.cookies.zipline) throw new LoginError('Not logged in.');
|
||||
if (!req.cookies.zipline) return sendError(reply, 'Not logged in.');
|
||||
const user = await this.users.findOne({
|
||||
where: {
|
||||
id: readBaseCookie(req.cookies.zipline)
|
||||
}
|
||||
});
|
||||
// eslint-disable-next-line quotes
|
||||
if (!user) throw new UserExistsError("User doesn't exist");
|
||||
if (!user) return sendError(reply, "User doesn't exist");
|
||||
delete user.password;
|
||||
return reply.send(user);
|
||||
}
|
||||
|
||||
@GET('/stats')
|
||||
async stats(req: FastifyRequest, reply: FastifyReply) {
|
||||
if (!req.cookies.zipline) return sendError(reply, 'Not logged in.');
|
||||
const user = await this.users.findOne({
|
||||
where: {
|
||||
id: readBaseCookie(req.cookies.zipline)
|
||||
}
|
||||
});
|
||||
|
||||
const images = await this.images.find({
|
||||
where: {
|
||||
user: user.id
|
||||
}
|
||||
});
|
||||
|
||||
const totalViews = images.map(x => x.views).reduce((a, b) => Number(a) + Number(b), 0);
|
||||
|
||||
return reply.send({
|
||||
totalViews,
|
||||
images: images.length,
|
||||
averageViews: totalViews / images.length
|
||||
});
|
||||
}
|
||||
|
||||
@PATCH('/')
|
||||
async editUser(
|
||||
req: FastifyRequest<{ Body: { username: string; password: string, email: string; } }>,
|
||||
req: FastifyRequest<{
|
||||
Body: { username: string; password: string; email: string };
|
||||
}>,
|
||||
reply: FastifyReply
|
||||
) {
|
||||
if (!req.cookies.zipline) throw new LoginError('Not logged in.');
|
||||
if (!req.cookies.zipline) return sendError(reply, 'Not logged in.');
|
||||
|
||||
const user = await this.users.findOne({
|
||||
where: {
|
||||
@@ -74,7 +97,7 @@ export class UserController {
|
||||
}
|
||||
});
|
||||
// eslint-disable-next-line quotes
|
||||
if (!user) throw new UserExistsError("User doesn't exist");
|
||||
if (!user) return sendError(reply, "User doesn't exist");
|
||||
|
||||
this.logger.verbose(`attempting to save ${user.username} (${user.id})`);
|
||||
user.username = req.body.username;
|
||||
@@ -83,23 +106,22 @@ export class UserController {
|
||||
await this.users.save(user);
|
||||
|
||||
this.logger.info(`saved ${user.username} (${user.id})`);
|
||||
if (this.webhooks.events.includes(WebhookType.USER_EDIT))
|
||||
WebhookHelper.sendWebhook(this.webhooks.user_edit.content, {
|
||||
user
|
||||
});
|
||||
if (this.webhooks.events.includes(WebhookType.USER_EDIT)) Webhooks.sendWebhook(this.webhooks.user_edit.content, {
|
||||
user
|
||||
});
|
||||
|
||||
delete user.password;
|
||||
return reply.send(user);
|
||||
}
|
||||
|
||||
@POST('/login')
|
||||
async login(
|
||||
@POST('/verify-login')
|
||||
async verify(
|
||||
req: FastifyRequest<{ Body: { username: string; password: string } }>,
|
||||
reply: FastifyReply
|
||||
) {
|
||||
if (req.cookies.zipline) throw new LoginError('Already logged in.');
|
||||
if (!req.body.username) throw new MissingBodyData('Missing username.');
|
||||
if (!req.body.password) throw new MissingBodyData('Missing uassword.');
|
||||
if (req.cookies.zipline) return sendError(reply, 'Already logged in.');
|
||||
if (!req.body.username) return sendError(reply, 'Missing username.');
|
||||
if (!req.body.password) return sendError(reply, 'Missing uassword.');
|
||||
|
||||
const user = await this.users.findOne({
|
||||
where: {
|
||||
@@ -107,13 +129,40 @@ export class UserController {
|
||||
}
|
||||
});
|
||||
|
||||
if (!user)
|
||||
throw new UserNotFoundError(`User "${req.body.username}" was not found.`);
|
||||
if (!user) return sendError(reply, `User "${req.body.username}" was not found.`);
|
||||
if (!checkPassword(req.body.password, user.password)) {
|
||||
this.logger.error(
|
||||
`${user.username} (${user.id}) tried to verify their credentials but failed`
|
||||
);
|
||||
return sendError(reply, 'Wrong credentials!');
|
||||
}
|
||||
|
||||
reply.send({
|
||||
mfa: !!user.secretMfaKey
|
||||
});
|
||||
}
|
||||
|
||||
@POST('/login')
|
||||
async login(
|
||||
req: FastifyRequest<{ Body: { username: string; password: string } }>,
|
||||
reply: FastifyReply
|
||||
) {
|
||||
if (req.cookies.zipline) return sendError(reply, 'Already logged in.');
|
||||
if (!req.body.username) return sendError(reply, 'Missing username.');
|
||||
if (!req.body.password) return sendError(reply, 'Missing uassword.');
|
||||
|
||||
const user = await this.users.findOne({
|
||||
where: {
|
||||
username: req.body.username
|
||||
}
|
||||
});
|
||||
|
||||
if (!user) return sendError(reply, `User "${req.body.username}" was not found.`);
|
||||
if (!checkPassword(req.body.password, user.password)) {
|
||||
this.logger.error(
|
||||
`${user.username} (${user.id}) tried to login but failed`
|
||||
);
|
||||
throw new LoginError('Wrong credentials!');
|
||||
return sendError(reply, 'Wrong credentials!');
|
||||
}
|
||||
delete user.password;
|
||||
|
||||
@@ -124,17 +173,16 @@ export class UserController {
|
||||
});
|
||||
|
||||
this.logger.info(`${user.username} (${user.id}) logged in`);
|
||||
if (this.webhooks.events.includes(WebhookType.LOGIN))
|
||||
WebhookHelper.sendWebhook(this.webhooks.login.content, {
|
||||
user
|
||||
});
|
||||
if (this.webhooks.events.includes(WebhookType.LOGIN)) Webhooks.sendWebhook(this.webhooks.login.content, {
|
||||
user
|
||||
});
|
||||
|
||||
return reply.send(user);
|
||||
}
|
||||
|
||||
@POST('/logout')
|
||||
async logout(req: FastifyRequest, reply: FastifyReply) {
|
||||
if (!req.cookies.zipline) throw new LoginError('Not logged in.');
|
||||
if (!req.cookies.zipline) return sendError(reply, 'Not logged in.');
|
||||
try {
|
||||
reply.clearCookie('zipline', { path: '/' });
|
||||
return reply.send({ clearStore: true });
|
||||
@@ -145,7 +193,7 @@ export class UserController {
|
||||
|
||||
@POST('/reset-token')
|
||||
async resetToken(req: FastifyRequest, reply: FastifyReply) {
|
||||
if (!req.cookies.zipline) throw new LoginError('Not logged in.');
|
||||
if (!req.cookies.zipline) return sendError(reply, 'Not logged in.');
|
||||
|
||||
const user = await this.users.findOne({
|
||||
where: {
|
||||
@@ -153,7 +201,7 @@ export class UserController {
|
||||
}
|
||||
});
|
||||
|
||||
if (!user) throw new UserNotFoundError('User was not found.');
|
||||
if (!user) return sendError(reply, 'User was not found.');
|
||||
|
||||
this.logger.verbose(
|
||||
`attempting to reset token ${user.username} (${user.id})`
|
||||
@@ -162,10 +210,9 @@ export class UserController {
|
||||
await this.users.save(user);
|
||||
|
||||
this.logger.info(`reset token ${user.username} (${user.id})`);
|
||||
if (this.webhooks.events.includes(WebhookType.TOKEN_RESET))
|
||||
WebhookHelper.sendWebhook(this.webhooks.token_reset.content, {
|
||||
user
|
||||
});
|
||||
if (this.webhooks.events.includes(WebhookType.TOKEN_RESET)) Webhooks.sendWebhook(this.webhooks.token_reset.content, {
|
||||
user
|
||||
});
|
||||
|
||||
return reply.send({ updated: true });
|
||||
}
|
||||
@@ -177,13 +224,13 @@ export class UserController {
|
||||
}>,
|
||||
reply: FastifyReply
|
||||
) {
|
||||
if (!req.body.username) throw new MissingBodyData('Missing username.');
|
||||
if (!req.body.password) throw new MissingBodyData('Missing uassword.');
|
||||
if (!req.body.username) return sendError(reply, 'Missing username.');
|
||||
if (!req.body.password) return sendError(reply, 'Missing uassword.');
|
||||
|
||||
const existing = await this.users.findOne({
|
||||
where: { username: req.body.username }
|
||||
});
|
||||
if (existing) throw new UserExistsError('User exists already');
|
||||
if (existing) return sendError(reply, 'User exists already');
|
||||
|
||||
try {
|
||||
this.logger.verbose(`attempting to create ${req.body.username}`);
|
||||
@@ -196,26 +243,24 @@ export class UserController {
|
||||
)
|
||||
);
|
||||
this.logger.info(`created user ${user.username} (${user.id})`);
|
||||
if (this.webhooks.events.includes(WebhookType.CREATE_USER))
|
||||
WebhookHelper.sendWebhook(this.webhooks.create_user.content, {
|
||||
user
|
||||
});
|
||||
if (this.webhooks.events.includes(WebhookType.CREATE_USER)) Webhooks.sendWebhook(this.webhooks.create_user.content, {
|
||||
user
|
||||
});
|
||||
|
||||
const firstSetup = await getFirst(this.instance.orm);
|
||||
if (firstSetup)
|
||||
await this.instance.orm.getRepository(Zipline).update(
|
||||
{
|
||||
id: 'zipline'
|
||||
},
|
||||
{
|
||||
first: false
|
||||
}
|
||||
);
|
||||
if (firstSetup) await this.instance.orm.getRepository(Zipline).update(
|
||||
{
|
||||
id: 'zipline'
|
||||
},
|
||||
{
|
||||
first: false
|
||||
}
|
||||
);
|
||||
|
||||
delete user.password;
|
||||
return reply.send(user);
|
||||
} catch (e) {
|
||||
throw new Error(`Could not create user: ${e.message}`);
|
||||
return sendError(reply, `Could not create user: ${e.message}`);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -231,7 +276,7 @@ export class UserController {
|
||||
const existing = await this.users.findOne({
|
||||
where: { id: req.params.id }
|
||||
});
|
||||
if (!existing) throw new UserExistsError('User doesnt exist');
|
||||
if (!existing) return sendError(reply, 'User doesnt exist');
|
||||
|
||||
try {
|
||||
this.logger.verbose(
|
||||
@@ -240,17 +285,15 @@ export class UserController {
|
||||
await this.users.remove(existing);
|
||||
|
||||
this.logger.info(`deleted ${existing.username} (${existing.id})`);
|
||||
if (this.webhooks.events.includes(WebhookType.USER_DELETE))
|
||||
WebhookHelper.sendWebhook(this.webhooks.user_delete.content, {
|
||||
user: existing
|
||||
});
|
||||
if (this.webhooks.events.includes(WebhookType.USER_DELETE)) Webhooks.sendWebhook(this.webhooks.user_delete.content, {
|
||||
user: existing
|
||||
});
|
||||
|
||||
return reply.send({ ok: true });
|
||||
} catch (e) {
|
||||
throw new Error(`Could not delete user: ${e.message}`);
|
||||
return sendError(reply, `Could not delete user: ${e.message}`);
|
||||
}
|
||||
}
|
||||
|
||||
// @Hook('preValidation')
|
||||
// public async preValidation(req: FastifyRequest, reply: FastifyReply) {
|
||||
// // const adminRoutes = ['/api/user/create'];
|
||||
@@ -11,7 +11,7 @@ export class User {
|
||||
@Column('text')
|
||||
public password: string;
|
||||
|
||||
@Column('text', { default: null }) /* used for gravatar avatar! */
|
||||
@Column('text', { default: null }) /* used for gravatar avatar! */
|
||||
public email: string;
|
||||
|
||||
@Column('boolean', { default: false })
|
||||
@@ -20,6 +20,9 @@ export class User {
|
||||
@Column('text')
|
||||
public token: string;
|
||||
|
||||
@Column('simple-json', { default: null })
|
||||
public secretMfaKey: string;
|
||||
|
||||
public constructor(
|
||||
username: string,
|
||||
password: string,
|
||||
@@ -31,5 +34,6 @@ export class User {
|
||||
this.email = null;
|
||||
this.administrator = administrator;
|
||||
this.token = token;
|
||||
this.secretMfaKey = null;
|
||||
}
|
||||
}
|
||||
|
||||
56
src/pages/404.tsx
Normal file
56
src/pages/404.tsx
Normal file
@@ -0,0 +1,56 @@
|
||||
import React, { useEffect } from 'react';
|
||||
import Head from 'next/head';
|
||||
import Typography from '@material-ui/core/Typography';
|
||||
import CssBaseline from '@material-ui/core/CssBaseline';
|
||||
import Grid from '@material-ui/core/Grid';
|
||||
import { ThemeProvider } from '@material-ui/core/styles';
|
||||
import dark from '../lib/themes/dark';
|
||||
|
||||
export default function NotFound() {
|
||||
useEffect(() => {
|
||||
const jssStyles = document.querySelector('#jss-server-side');
|
||||
if (jssStyles) jssStyles.parentElement.removeChild(jssStyles);
|
||||
}, []);
|
||||
|
||||
const faces = ['◉_◉', 'ರ_ರ'];
|
||||
|
||||
return (
|
||||
<React.Fragment>
|
||||
<Head>
|
||||
<title>Not Found</title>
|
||||
<meta
|
||||
name='viewport'
|
||||
content='minimum-scale=1, initial-scale=1, width=device-width'
|
||||
/>
|
||||
<link
|
||||
rel='icon'
|
||||
type='image/png'
|
||||
href='https://twemoji.maxcdn.com/v/13.0.1/72x72/1f621.png'
|
||||
/>
|
||||
</Head>
|
||||
|
||||
<ThemeProvider theme={dark}>
|
||||
<CssBaseline />
|
||||
<Grid
|
||||
container
|
||||
spacing={0}
|
||||
direction='column'
|
||||
alignItems='center'
|
||||
justify='center'
|
||||
style={{ minHeight: '100vh' }}
|
||||
>
|
||||
<Grid item xs={6}>
|
||||
<Typography variant='h2'>
|
||||
<b>{faces[Math.floor(Math.random() * faces.length)]}</b>
|
||||
</Typography>
|
||||
</Grid>
|
||||
<Grid item xs={6}>
|
||||
<Typography variant='h4'>
|
||||
<b>Looks like you've hit a dead end...</b>
|
||||
</Typography>
|
||||
</Grid>
|
||||
</Grid>
|
||||
</ThemeProvider>
|
||||
</React.Fragment>
|
||||
);
|
||||
}
|
||||
@@ -5,9 +5,9 @@ import { Provider } from 'react-redux';
|
||||
import { PersistGate } from 'redux-persist/integration/react';
|
||||
import { store, persistor } from '../store';
|
||||
import ZiplineTheming from '../components/ZiplineTheming';
|
||||
import UIPlaceholder from '../components/UIPlaceholder';
|
||||
|
||||
|
||||
function MyApp({ Component, pageProps }) {
|
||||
function App({ Component, pageProps }) {
|
||||
const [theme, setTheme] = useState<'dark' | 'light'>('dark');
|
||||
useEffect(() => {
|
||||
const jssStyles = document.querySelector('#jss-server-side');
|
||||
@@ -19,7 +19,6 @@ function MyApp({ Component, pageProps }) {
|
||||
})();
|
||||
}, []);
|
||||
return (
|
||||
|
||||
<React.Fragment>
|
||||
<Head>
|
||||
<title>Zipline</title>
|
||||
@@ -30,17 +29,21 @@ function MyApp({ Component, pageProps }) {
|
||||
</Head>
|
||||
|
||||
<Provider store={store}>
|
||||
<PersistGate loading={<div>Loading...</div>} persistor={persistor}>
|
||||
<ZiplineTheming Component={Component} pageProps={pageProps} theme={theme} />
|
||||
<PersistGate loading={<UIPlaceholder />} persistor={persistor}>
|
||||
<ZiplineTheming
|
||||
Component={Component}
|
||||
pageProps={pageProps}
|
||||
theme={theme}
|
||||
/>
|
||||
</PersistGate>
|
||||
</Provider>
|
||||
</React.Fragment>
|
||||
);
|
||||
}
|
||||
|
||||
MyApp.propTypes = {
|
||||
App.propTypes = {
|
||||
Component: PropTypes.elementType.isRequired,
|
||||
pageProps: PropTypes.object.isRequired
|
||||
};
|
||||
|
||||
export default MyApp;
|
||||
export default App;
|
||||
@@ -12,6 +12,7 @@ import UI from '../components/UI';
|
||||
import UIPlaceholder from '../components/UIPlaceholder';
|
||||
import { makeStyles } from '@material-ui/core';
|
||||
import { store } from '../store';
|
||||
import { createURL } from '../lib/WebUtil';
|
||||
import { Configuration } from '../lib/Config';
|
||||
|
||||
const useStyles = makeStyles(theme => ({
|
||||
@@ -33,8 +34,8 @@ export default function Dashboard({ config }) {
|
||||
const router = useRouter();
|
||||
const state = store.getState();
|
||||
const [loading, setLoading] = React.useState(true);
|
||||
const [stats, setStats] = React.useState<{totalViews:number, averageViews:number, images: number}>(null);
|
||||
const [recentImages, setRecentImages] = React.useState([]);
|
||||
const [images, setImages] = React.useState([]);
|
||||
|
||||
if (typeof window === 'undefined') return <UIPlaceholder />;
|
||||
if (!state.loggedIn) router.push('/user/login');
|
||||
@@ -44,9 +45,9 @@ export default function Dashboard({ config }) {
|
||||
const recentImages = await (await fetch('/api/images/recent')).json();
|
||||
if (!recentImages.error) setRecentImages(recentImages);
|
||||
|
||||
const allImages = await (await fetch('/api/images')).json();
|
||||
if (!allImages.error) {
|
||||
setImages(allImages);
|
||||
const stats = await (await fetch('/api/user/stats')).json();
|
||||
if (!stats.error) {
|
||||
setStats(stats);
|
||||
setLoading(false);
|
||||
}
|
||||
})();
|
||||
@@ -59,17 +60,15 @@ export default function Dashboard({ config }) {
|
||||
</Backdrop>
|
||||
{!loading ? (
|
||||
<Paper elevation={3} className={classes.padding}>
|
||||
<Typography variant='h5'>
|
||||
Welcome back, {state.user.username}
|
||||
<Typography variant='h4'>
|
||||
Welcome back, {state.user.username}
|
||||
</Typography>
|
||||
<Typography color='textSecondary'>
|
||||
You have <b>{images.length}</b> images
|
||||
You have <b>{stats.images}</b> images, with <b>{stats.totalViews}</b> ({Math.round(stats.averageViews)}) collectively.
|
||||
</Typography>
|
||||
<Typography variant='h5'>Recent Images</Typography>
|
||||
<Grid container spacing={2}>
|
||||
{recentImages.map(d => {
|
||||
const t = new URL(window.location.href);
|
||||
t.pathname = `${config ? config.uploader.route : '/u'}/${d.file}`;
|
||||
return (
|
||||
<Grid item key={d.id} xs={12} sm={4}>
|
||||
<Card>
|
||||
@@ -77,7 +76,7 @@ export default function Dashboard({ config }) {
|
||||
<CardMedia
|
||||
component='img'
|
||||
height='140'
|
||||
image={t.toString()}
|
||||
image={createURL(window.location.href, config ? config.uploader.route : '/u', d.file)}
|
||||
/>
|
||||
</CardActionArea>
|
||||
</Card>
|
||||
|
||||
@@ -18,6 +18,7 @@ import { makeStyles } from '@material-ui/core';
|
||||
import { store } from '../../store';
|
||||
import { Image } from '../../lib/entities/Image';
|
||||
import { Configuration } from '../../lib/Config';
|
||||
import { createURL } from '../../lib/WebUtil';
|
||||
|
||||
const useStyles = makeStyles(theme => ({
|
||||
margin: {
|
||||
@@ -109,29 +110,25 @@ export default function Images({ config }) {
|
||||
{showPagination ? (
|
||||
<>
|
||||
<Grid container spacing={2}>
|
||||
{images.map(d => {
|
||||
const t = new URL(window.location.href);
|
||||
t.pathname = `${config ? config.uploader.route : '/u'}/${d.file}`;
|
||||
return (
|
||||
<Grid
|
||||
item
|
||||
xs={12}
|
||||
sm={6}
|
||||
key={d.id}
|
||||
onClick={e => setImageOpenPopover(e, d)}
|
||||
>
|
||||
<Card>
|
||||
<CardActionArea>
|
||||
<CardMedia
|
||||
component='img'
|
||||
height='140'
|
||||
image={t.toString()}
|
||||
/>
|
||||
</CardActionArea>
|
||||
</Card>
|
||||
</Grid>
|
||||
);
|
||||
})}
|
||||
{images.map(d => ((
|
||||
<Grid
|
||||
item
|
||||
xs={12}
|
||||
sm={4}
|
||||
key={d.id}
|
||||
onClick={e => setImageOpenPopover(e, d)}
|
||||
>
|
||||
<Card>
|
||||
<CardActionArea>
|
||||
<CardMedia
|
||||
component='img'
|
||||
height='140'
|
||||
image={createURL(window.location.href, config ? config.uploader.route : '/u', d.file)}
|
||||
/>
|
||||
</CardActionArea>
|
||||
</Card>
|
||||
</Grid>
|
||||
)))}
|
||||
</Grid>
|
||||
<Pagination count={chunks.length} onChange={changePage} />
|
||||
</>
|
||||
|
||||
@@ -1,3 +1,6 @@
|
||||
/* eslint-disable @typescript-eslint/ban-ts-comment */
|
||||
// @ts-nocheck
|
||||
|
||||
import React from 'react';
|
||||
import { useRouter } from 'next/router';
|
||||
import Typography from '@material-ui/core/Typography';
|
||||
@@ -32,6 +35,8 @@ export default function Upload() {
|
||||
const state = store.getState();
|
||||
const [files, setFiles] = React.useState<File[]>([]);
|
||||
const [alertOpen, setAlertOpen] = React.useState<boolean>(false);
|
||||
const [alertSev, setAlertSev] = React.useState('success');
|
||||
const [alertMsg, setAlertMsg] = React.useState('Uploaded Image!');
|
||||
|
||||
const handleFileUpload = async () => {
|
||||
const file = files[0];
|
||||
@@ -46,41 +51,57 @@ export default function Upload() {
|
||||
body
|
||||
});
|
||||
|
||||
if (res.ok) setAlertOpen(true);
|
||||
if (res.ok) {
|
||||
setAlertOpen(true);
|
||||
setAlertMsg('Uploaded Image!');
|
||||
setAlertSev('success');
|
||||
} else {
|
||||
const d = await res.json();
|
||||
setAlertOpen(true);
|
||||
setAlertMsg(`Couldn't upload: ${d.error}`);
|
||||
setAlertSev('error');
|
||||
}
|
||||
};
|
||||
|
||||
const snack = (
|
||||
<Snackbar
|
||||
anchorOrigin={{
|
||||
vertical: 'top',
|
||||
horizontal: 'center'
|
||||
}}
|
||||
open={alertOpen}
|
||||
autoHideDuration={6000}
|
||||
onClose={() => setAlertOpen(false)}
|
||||
>
|
||||
<Alert severity={alertSev} variant='filled'>
|
||||
{alertMsg}
|
||||
</Alert>
|
||||
</Snackbar>
|
||||
);
|
||||
|
||||
if (typeof window === 'undefined') return <UIPlaceholder />;
|
||||
if (!state.loggedIn) router.push('/user/login');
|
||||
else {
|
||||
return (
|
||||
<UI>
|
||||
<Snackbar
|
||||
anchorOrigin={{
|
||||
vertical: 'top',
|
||||
horizontal: 'center'
|
||||
}}
|
||||
open={alertOpen}
|
||||
autoHideDuration={6000}
|
||||
onClose={() => setAlertOpen(false)}
|
||||
>
|
||||
<Alert severity='success' variant='filled'>
|
||||
Uploaded image!
|
||||
</Alert>
|
||||
</Snackbar>
|
||||
<Paper elevation={3} className={classes.padding}>
|
||||
<Typography variant='h5'>
|
||||
Upload
|
||||
</Typography>
|
||||
<Box m={1}>
|
||||
<DropzoneArea
|
||||
acceptedFiles={['image/*']}
|
||||
dropzoneText={'Drag an image or click to upload an image.'}
|
||||
onChange={f => setFiles(f)}
|
||||
maxFileSize={1073741824} // 1gb in byte
|
||||
/>
|
||||
</Box>
|
||||
<Button onClick={handleFileUpload}>Submit</Button>
|
||||
</Paper>
|
||||
<>
|
||||
{snack}
|
||||
<Paper elevation={3} className={classes.padding}>
|
||||
<Typography variant='h5'>
|
||||
Upload
|
||||
</Typography>
|
||||
<Box m={1}>
|
||||
<DropzoneArea
|
||||
acceptedFiles={['image/*']}
|
||||
dropzoneText={'Drag an image or click to upload an image.'}
|
||||
onChange={f => setFiles(f)}
|
||||
filesLimit={1}
|
||||
maxFileSize={1073741824} // 1gb in byte
|
||||
/>
|
||||
</Box>
|
||||
<Button onClick={handleFileUpload}>Upload</Button>
|
||||
</Paper>
|
||||
</>
|
||||
</UI>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -1,4 +1,5 @@
|
||||
import React, { useEffect, useState } from 'react';
|
||||
import Link from 'next/link';
|
||||
import Typography from '@material-ui/core/Typography';
|
||||
import Backdrop from '@material-ui/core/Backdrop';
|
||||
import CircularProgress from '@material-ui/core/CircularProgress';
|
||||
@@ -23,9 +24,11 @@ import AddIcon from '@material-ui/icons/Add';
|
||||
import copy from 'copy-to-clipboard';
|
||||
import UI from '../../components/UI';
|
||||
import UIPlaceholder from '../../components/UIPlaceholder';
|
||||
import OpenInNewIcon from '@material-ui/icons/OpenInNew';
|
||||
import { makeStyles } from '@material-ui/core';
|
||||
import { URL as URLEntity } from '../../lib/entities/URL';
|
||||
import { Configuration } from '../../lib/Config';
|
||||
import { createURL } from '../../lib/WebUtil';
|
||||
|
||||
const useStyles = makeStyles(theme => ({
|
||||
margin: {
|
||||
@@ -157,41 +160,46 @@ export default function Urls({ config }) {
|
||||
<Typography variant='h5'>
|
||||
URLs
|
||||
<IconButton
|
||||
aria-label='Create User'
|
||||
aria-label='Create URL'
|
||||
onClick={() => setCreateOpen(true)}
|
||||
>
|
||||
<AddIcon />
|
||||
</IconButton>
|
||||
</Typography>
|
||||
<Grid container spacing={2}>
|
||||
{urls.length > 0 ? urls.map(u => {
|
||||
const url = new URL(window.location.href);
|
||||
url.pathname = `${config ? config.urls.route : '/go'}/${u.id}`;
|
||||
return (
|
||||
<Grid item xs={12} sm={4} key={u.id}>
|
||||
<Card elevation={3}>
|
||||
<CardHeader
|
||||
action={
|
||||
<div>
|
||||
<IconButton aria-label='Copy URL'>
|
||||
<FileCopyIcon
|
||||
onClick={() => copy(url.toString())}
|
||||
/>
|
||||
</IconButton>
|
||||
<IconButton
|
||||
aria-label='Delete Forever'
|
||||
onClick={() => deleteUrl(u)}
|
||||
>
|
||||
<DeleteForeverIcon />
|
||||
</IconButton>
|
||||
</div>
|
||||
}
|
||||
title={u.vanity ? u.vanity : u.id}
|
||||
/>
|
||||
</Card>
|
||||
</Grid>
|
||||
);
|
||||
}) : (
|
||||
{urls.length > 0 ? urls.map(u => ((
|
||||
<Grid item xs={12} sm={4} key={u.id}>
|
||||
<Card elevation={3}>
|
||||
<CardHeader
|
||||
action={
|
||||
<div>
|
||||
<IconButton aria-label='Copy URL'>
|
||||
<FileCopyIcon
|
||||
onClick={() => copy(createURL(window.location.href, config ? config.urls.route : '/go', u.vanity || u.id))}
|
||||
/>
|
||||
</IconButton>
|
||||
<Link href={u.url}>
|
||||
<a target='_blank'>
|
||||
<IconButton
|
||||
aria-label='Open URL in new Tab'
|
||||
>
|
||||
<OpenInNewIcon />
|
||||
</IconButton>
|
||||
</a>
|
||||
</Link>
|
||||
<IconButton
|
||||
aria-label='Delete Forever'
|
||||
onClick={() => deleteUrl(u)}
|
||||
>
|
||||
<DeleteForeverIcon />
|
||||
</IconButton>
|
||||
</div>
|
||||
}
|
||||
title={u.vanity ? u.vanity : u.id}
|
||||
/>
|
||||
</Card>
|
||||
</Grid>
|
||||
))) : (
|
||||
<Grid
|
||||
container
|
||||
spacing={0}
|
||||
|
||||
@@ -219,7 +219,7 @@ export default function Users() {
|
||||
}
|
||||
title={`${u.username} (${u.id})`}
|
||||
subheader={`${u.administrator ? 'Administrator' : 'User'
|
||||
}`}
|
||||
}`}
|
||||
/>
|
||||
</Card>
|
||||
</Grid>
|
||||
|
||||
@@ -4,8 +4,9 @@ import UI from '../../components/UI';
|
||||
import UIPlaceholder from '../../components/UIPlaceholder';
|
||||
import ManageUser from '../../components/ManageUser';
|
||||
import { store } from '../../store';
|
||||
import { Configuration } from '../../lib/Config';
|
||||
|
||||
export default function Manage() {
|
||||
export default function Manage({ config }) {
|
||||
const router = useRouter();
|
||||
const state = store.getState();
|
||||
|
||||
@@ -13,9 +14,14 @@ export default function Manage() {
|
||||
else {
|
||||
return (
|
||||
<UI>
|
||||
<ManageUser />
|
||||
<ManageUser config={config} />
|
||||
</UI>
|
||||
);
|
||||
}
|
||||
return <UIPlaceholder />;
|
||||
}
|
||||
|
||||
export async function getStaticProps() {
|
||||
const config = Configuration.readConfig();
|
||||
return { props: { config } };
|
||||
}
|
||||
|
||||
113
yarn.lock
113
yarn.lock
@@ -1316,6 +1316,13 @@
|
||||
resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.3.tgz#2ab0d5da2e5815f94b0b9d4b95d1e5f243ab2ca7"
|
||||
integrity sha512-KfRL3PuHmqQLOG+2tGpRO26Ctg+Cq1E01D2DMriKEATHgWLfeNDmq9e29Q9WIky0dQ3NPkd1mzYH8Lm936Z9qw==
|
||||
|
||||
"@types/qrcode@^1.3.5":
|
||||
version "1.3.5"
|
||||
resolved "https://registry.yarnpkg.com/@types/qrcode/-/qrcode-1.3.5.tgz#9c97cc2875f03e2b16a0d89856fc48414e380c38"
|
||||
integrity sha512-92QMnMb9m0ErBU20za5Eqtf4lzUcSkk5w/Cz30q5qod0lWHm2loztmFs2EnCY06yT51GY1+m/oFq2D8qVK2Bjg==
|
||||
dependencies:
|
||||
"@types/node" "*"
|
||||
|
||||
"@types/react-redux@^7.1.9":
|
||||
version "7.1.11"
|
||||
resolved "https://registry.yarnpkg.com/@types/react-redux/-/react-redux-7.1.11.tgz#a18e8ab3651e8e8cc94798934927937c66021217"
|
||||
@@ -1917,6 +1924,11 @@ balanced-match@^1.0.0:
|
||||
resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.0.tgz#89b4d199ab2bee49de164ea02b89ce462d71b767"
|
||||
integrity sha1-ibTRmasr7kneFk6gK4nORi1xt2c=
|
||||
|
||||
base32.js@0.0.1:
|
||||
version "0.0.1"
|
||||
resolved "https://registry.yarnpkg.com/base32.js/-/base32.js-0.0.1.tgz#d045736a57b1f6c139f0c7df42518a84e91bb2ba"
|
||||
integrity sha1-0EVzalex9sE58MffQlGKhOkbsro=
|
||||
|
||||
base64-js@^1.0.2, base64-js@^1.3.1:
|
||||
version "1.3.1"
|
||||
resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-1.3.1.tgz#58ece8cb75dd07e71ed08c736abc5fac4dbf8df1"
|
||||
@@ -2110,6 +2122,24 @@ bson@^1.1.4:
|
||||
resolved "https://registry.yarnpkg.com/bson/-/bson-1.1.5.tgz#2aaae98fcdf6750c0848b0cba1ddec3c73060a34"
|
||||
integrity sha512-kDuEzldR21lHciPQAIulLs1LZlCXdLziXI6Mb/TDkwXhb//UORJNPXgcRs2CuO4H0DcMkpfT3/ySsP3unoZjBg==
|
||||
|
||||
buffer-alloc-unsafe@^1.1.0:
|
||||
version "1.1.0"
|
||||
resolved "https://registry.yarnpkg.com/buffer-alloc-unsafe/-/buffer-alloc-unsafe-1.1.0.tgz#bd7dc26ae2972d0eda253be061dba992349c19f0"
|
||||
integrity sha512-TEM2iMIEQdJ2yjPJoSIsldnleVaAk1oW3DBVUykyOLsEsFmEc9kn+SFFPz+gl54KQNxlDnAwCXosOS9Okx2xAg==
|
||||
|
||||
buffer-alloc@^1.2.0:
|
||||
version "1.2.0"
|
||||
resolved "https://registry.yarnpkg.com/buffer-alloc/-/buffer-alloc-1.2.0.tgz#890dd90d923a873e08e10e5fd51a57e5b7cce0ec"
|
||||
integrity sha512-CFsHQgjtW1UChdXgbyJGtnm+O/uLQeZdtbDo8mfUgYXCHSM1wgrVxXm6bSyrUuErEb+4sYVGCzASBRot7zyrow==
|
||||
dependencies:
|
||||
buffer-alloc-unsafe "^1.1.0"
|
||||
buffer-fill "^1.0.0"
|
||||
|
||||
buffer-fill@^1.0.0:
|
||||
version "1.0.0"
|
||||
resolved "https://registry.yarnpkg.com/buffer-fill/-/buffer-fill-1.0.0.tgz#f8f78b76789888ef39f205cd637f68e702122b2c"
|
||||
integrity sha1-+PeLdniYiO858gXNY39o5wISKyw=
|
||||
|
||||
buffer-from@^1.0.0, buffer-from@^1.1.1:
|
||||
version "1.1.1"
|
||||
resolved "https://registry.yarnpkg.com/buffer-from/-/buffer-from-1.1.1.tgz#32713bc028f75c02fdb710d7c7bcec1f2c6070ef"
|
||||
@@ -2142,7 +2172,7 @@ buffer@^4.3.0:
|
||||
ieee754 "^1.1.4"
|
||||
isarray "^1.0.0"
|
||||
|
||||
buffer@^5.5.0:
|
||||
buffer@^5.4.3, buffer@^5.5.0:
|
||||
version "5.7.1"
|
||||
resolved "https://registry.yarnpkg.com/buffer/-/buffer-5.7.1.tgz#ba62e7c13133053582197160851a8f648e99eed0"
|
||||
integrity sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==
|
||||
@@ -2406,6 +2436,15 @@ cli-width@^3.0.0:
|
||||
resolved "https://registry.yarnpkg.com/cli-width/-/cli-width-3.0.0.tgz#a2f48437a2caa9a22436e794bf071ec9e61cedf6"
|
||||
integrity sha512-FxqpkPPwu1HjuN93Omfm4h8uIanXofW0RxVEW3k5RKx+mJJYSthzNhp32Kzxxy3YAEZ/Dc/EWN1vZRY0+kOhbw==
|
||||
|
||||
cliui@^5.0.0:
|
||||
version "5.0.0"
|
||||
resolved "https://registry.yarnpkg.com/cliui/-/cliui-5.0.0.tgz#deefcfdb2e800784aa34f46fa08e06851c7bbbc5"
|
||||
integrity sha512-PYeGSEmmHM6zvoef2w8TPzlrnNpXIjTipYK780YswmIP9vjxmd6Y2a3CB2Ks6/AU8NHjZugXvo8w3oWM2qnwXA==
|
||||
dependencies:
|
||||
string-width "^3.1.0"
|
||||
strip-ansi "^5.2.0"
|
||||
wrap-ansi "^5.1.0"
|
||||
|
||||
cliui@^6.0.0:
|
||||
version "6.0.0"
|
||||
resolved "https://registry.yarnpkg.com/cliui/-/cliui-6.0.0.tgz#511d702c0c4e41ca156d7d0e96021f23e13225b1"
|
||||
@@ -2889,6 +2928,11 @@ diffie-hellman@^5.0.0:
|
||||
miller-rabin "^4.0.0"
|
||||
randombytes "^2.0.0"
|
||||
|
||||
dijkstrajs@^1.0.1:
|
||||
version "1.0.1"
|
||||
resolved "https://registry.yarnpkg.com/dijkstrajs/-/dijkstrajs-1.0.1.tgz#d3cd81221e3ea40742cfcde556d4e99e98ddc71b"
|
||||
integrity sha1-082BIh4+pAdCz83lVtTpnpjdxxs=
|
||||
|
||||
dir-glob@^3.0.1:
|
||||
version "3.0.1"
|
||||
resolved "https://registry.yarnpkg.com/dir-glob/-/dir-glob-3.0.1.tgz#56dbf73d992a4a93ba1584f4534063fd2e41717f"
|
||||
@@ -4347,6 +4391,11 @@ isarray@1.0.0, isarray@^1.0.0, isarray@~1.0.0:
|
||||
resolved "https://registry.yarnpkg.com/isarray/-/isarray-1.0.0.tgz#bb935d48582cba168c06834957a54a3e07124f11"
|
||||
integrity sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=
|
||||
|
||||
isarray@^2.0.1:
|
||||
version "2.0.5"
|
||||
resolved "https://registry.yarnpkg.com/isarray/-/isarray-2.0.5.tgz#8af1e4c1221244cc62459faf38940d4e644a5723"
|
||||
integrity sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==
|
||||
|
||||
isexe@^2.0.0:
|
||||
version "2.0.0"
|
||||
resolved "https://registry.yarnpkg.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
|
||||
@@ -5576,6 +5625,11 @@ platform@1.3.3:
|
||||
resolved "https://registry.yarnpkg.com/platform/-/platform-1.3.3.tgz#646c77011899870b6a0903e75e997e8e51da7461"
|
||||
integrity sha1-ZGx3ARiZhwtqCQPnXpl+jlHadGE=
|
||||
|
||||
pngjs@^3.3.0:
|
||||
version "3.4.0"
|
||||
resolved "https://registry.yarnpkg.com/pngjs/-/pngjs-3.4.0.tgz#99ca7d725965fb655814eaf65f38f12bbdbf555f"
|
||||
integrity sha512-NCrCHhWmnQklfH4MtJMRjZ2a8c80qXeMlQMv2uVp9ISJMTt562SbGd6n2oq0PaPgKm7Z6pL9E2UlLIhC+SHL3w==
|
||||
|
||||
pnp-webpack-plugin@1.6.4:
|
||||
version "1.6.4"
|
||||
resolved "https://registry.yarnpkg.com/pnp-webpack-plugin/-/pnp-webpack-plugin-1.6.4.tgz#c9711ac4dc48a685dabafc86f8b6dd9f8df84149"
|
||||
@@ -5801,6 +5855,19 @@ punycode@^2.1.0:
|
||||
resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.1.1.tgz#b58b010ac40c22c5657616c8d2c2c02c7bf479ec"
|
||||
integrity sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==
|
||||
|
||||
qrcode@^1.4.4:
|
||||
version "1.4.4"
|
||||
resolved "https://registry.yarnpkg.com/qrcode/-/qrcode-1.4.4.tgz#f0c43568a7e7510a55efc3b88d9602f71963ea83"
|
||||
integrity sha512-oLzEC5+NKFou9P0bMj5+v6Z40evexeE29Z9cummZXZ9QXyMr3lphkURzxjXgPJC5azpxcshoDWV1xE46z+/c3Q==
|
||||
dependencies:
|
||||
buffer "^5.4.3"
|
||||
buffer-alloc "^1.2.0"
|
||||
buffer-from "^1.1.1"
|
||||
dijkstrajs "^1.0.1"
|
||||
isarray "^2.0.1"
|
||||
pngjs "^3.3.0"
|
||||
yargs "^13.2.4"
|
||||
|
||||
querystring-es3@^0.2.0:
|
||||
version "0.2.1"
|
||||
resolved "https://registry.yarnpkg.com/querystring-es3/-/querystring-es3-0.2.1.tgz#9ec61f79049875707d69414596fd907a4d711e73"
|
||||
@@ -6538,6 +6605,13 @@ sparse-bitfield@^3.0.3:
|
||||
dependencies:
|
||||
memory-pager "^1.0.2"
|
||||
|
||||
speakeasy@^2.0.0:
|
||||
version "2.0.0"
|
||||
resolved "https://registry.yarnpkg.com/speakeasy/-/speakeasy-2.0.0.tgz#85c91a071b09a5cb8642590d983566165f57613a"
|
||||
integrity sha1-hckaBxsJpcuGQlkNmDVmFl9XYTo=
|
||||
dependencies:
|
||||
base32.js "0.0.1"
|
||||
|
||||
split-string@^3.0.1, split-string@^3.0.2:
|
||||
version "3.1.0"
|
||||
resolved "https://registry.yarnpkg.com/split-string/-/split-string-3.1.0.tgz#7cb09dda3a86585705c64b39a6466038682e8fe2"
|
||||
@@ -6668,7 +6742,7 @@ string-width@^1.0.1:
|
||||
is-fullwidth-code-point "^2.0.0"
|
||||
strip-ansi "^4.0.0"
|
||||
|
||||
string-width@^3.0.0:
|
||||
string-width@^3.0.0, string-width@^3.1.0:
|
||||
version "3.1.0"
|
||||
resolved "https://registry.yarnpkg.com/string-width/-/string-width-3.1.0.tgz#22767be21b62af1081574306f69ac51b62203961"
|
||||
integrity sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==
|
||||
@@ -6749,7 +6823,7 @@ strip-ansi@^4.0.0:
|
||||
dependencies:
|
||||
ansi-regex "^3.0.0"
|
||||
|
||||
strip-ansi@^5.1.0:
|
||||
strip-ansi@^5.0.0, strip-ansi@^5.1.0, strip-ansi@^5.2.0:
|
||||
version "5.2.0"
|
||||
resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-5.2.0.tgz#8c9a536feb6afc962bdfa5b104a5091c1ad9c0ae"
|
||||
integrity sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==
|
||||
@@ -7364,6 +7438,15 @@ worker-farm@^1.7.0:
|
||||
dependencies:
|
||||
errno "~0.1.7"
|
||||
|
||||
wrap-ansi@^5.1.0:
|
||||
version "5.1.0"
|
||||
resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-5.1.0.tgz#1fd1f67235d5b6d0fee781056001bfb694c03b09"
|
||||
integrity sha512-QC1/iN/2/RPVJ5jYK8BGttj5z83LmSKmvbvrXPNCLZSEb32KKVDJDl/MOt2N01qU2H/FkzEa9PKto1BqDjtd7Q==
|
||||
dependencies:
|
||||
ansi-styles "^3.2.0"
|
||||
string-width "^3.0.0"
|
||||
strip-ansi "^5.0.0"
|
||||
|
||||
wrap-ansi@^6.2.0:
|
||||
version "6.2.0"
|
||||
resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-6.2.0.tgz#e9393ba07102e6c91a3b221478f0257cd2856e53"
|
||||
@@ -7441,6 +7524,14 @@ yargonaut@^1.1.2:
|
||||
figlet "^1.1.1"
|
||||
parent-require "^1.0.0"
|
||||
|
||||
yargs-parser@^13.1.2:
|
||||
version "13.1.2"
|
||||
resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-13.1.2.tgz#130f09702ebaeef2650d54ce6e3e5706f7a4fb38"
|
||||
integrity sha512-3lbsNRf/j+A4QuSZfDRA7HRSfWrzO0YjqTJd5kjAq37Zep1CEgaYmrH9Q3GwPiB9cHyd1Y1UwggGhJGoxipbzg==
|
||||
dependencies:
|
||||
camelcase "^5.0.0"
|
||||
decamelize "^1.2.0"
|
||||
|
||||
yargs-parser@^18.1.2:
|
||||
version "18.1.3"
|
||||
resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-18.1.3.tgz#be68c4975c6b2abf469236b0c870362fab09a7b0"
|
||||
@@ -7454,6 +7545,22 @@ yargs-parser@^20.2.2:
|
||||
resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-20.2.3.tgz#92419ba867b858c868acf8bae9bf74af0dd0ce26"
|
||||
integrity sha512-emOFRT9WVHw03QSvN5qor9QQT9+sw5vwxfYweivSMHTcAXPefwVae2FjO7JJjj8hCE4CzPOPeFM83VwT29HCww==
|
||||
|
||||
yargs@^13.2.4:
|
||||
version "13.3.2"
|
||||
resolved "https://registry.yarnpkg.com/yargs/-/yargs-13.3.2.tgz#ad7ffefec1aa59565ac915f82dccb38a9c31a2dd"
|
||||
integrity sha512-AX3Zw5iPruN5ie6xGRIDgqkT+ZhnRlZMLMHAs8tg7nRruy2Nb+i5o9bwghAogtM08q1dpr2LVoS8KSTMYpWXUw==
|
||||
dependencies:
|
||||
cliui "^5.0.0"
|
||||
find-up "^3.0.0"
|
||||
get-caller-file "^2.0.1"
|
||||
require-directory "^2.1.1"
|
||||
require-main-filename "^2.0.0"
|
||||
set-blocking "^2.0.0"
|
||||
string-width "^3.0.0"
|
||||
which-module "^2.0.0"
|
||||
y18n "^4.0.0"
|
||||
yargs-parser "^13.1.2"
|
||||
|
||||
yargs@^15.0.0:
|
||||
version "15.4.1"
|
||||
resolved "https://registry.yarnpkg.com/yargs/-/yargs-15.4.1.tgz#0d87a16de01aee9d8bec2bfbf74f67851730f4f8"
|
||||
|
||||
Reference in New Issue
Block a user