fix: add missing frontend files and unignore vite.config.js

This commit is contained in:
wangxiaoji 2026-06-29 15:19:28 +08:00
parent 3fd1881e81
commit 094cdedef7
7 changed files with 27190 additions and 1 deletions

1
.gitignore vendored
View File

@ -10,7 +10,6 @@ upload
build
*.db-journal
logs
web/vite.config.js
web/dist
.env
one-api

33
web/src/pages/Drawing.jsx Normal file
View File

@ -0,0 +1,33 @@
/*
Copyright (C) 2025 QuantumNous
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as
published by the Free Software Foundation, either version 3 of the
License, or (at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU Affero General Public License for more details.
You should have received a copy of the GNU Affero General Public License
along with this program. If not, see <https://www.gnu.org/licenses/>.
For commercial licensing, please contact support@quantumnous.com
*/
import React from 'react';
import { Typography } from '@douyinfe/semi-ui';
import { useTranslation } from 'react-i18next';
const Drawing = () => {
const { t } = useTranslation();
return (
<div style={{ padding: 24 }}>
<Typography.Title heading={3}>{t('Drawing')}</Typography.Title>
</div>
);
};
export default Drawing;

View File

@ -0,0 +1,33 @@
/*
Copyright (C) 2025 QuantumNous
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as
published by the Free Software Foundation, either version 3 of the
License, or (at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU Affero General Public License for more details.
You should have received a copy of the GNU Affero General Public License
along with this program. If not, see <https://www.gnu.org/licenses/>.
For commercial licensing, please contact support@quantumnous.com
*/
import React from 'react';
import { Typography } from '@douyinfe/semi-ui';
import { useTranslation } from 'react-i18next';
const LuckyBag = () => {
const { t } = useTranslation();
return (
<div style={{ padding: 24 }}>
<Typography.Title heading={3}>{t('Lucky Bag')}</Typography.Title>
</div>
);
};
export default LuckyBag;

View File

@ -0,0 +1,33 @@
/*
Copyright (C) 2025 QuantumNous
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as
published by the Free Software Foundation, either version 3 of the
License, or (at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU Affero General Public License for more details.
You should have received a copy of the GNU Affero General Public License
along with this program. If not, see <https://www.gnu.org/licenses/>.
For commercial licensing, please contact support@quantumnous.com
*/
import React from 'react';
import { Typography } from '@douyinfe/semi-ui';
import { useTranslation } from 'react-i18next';
const ProfitDashboard = () => {
const { t } = useTranslation();
return (
<div style={{ padding: 24 }}>
<Typography.Title heading={3}>{t('Profit Dashboard')}</Typography.Title>
</div>
);
};
export default ProfitDashboard;

View File

@ -0,0 +1,155 @@
/*
Copyright (C) 2025 QuantumNous
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as
published by the Free Software Foundation, either version 3 of the
License, or (at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU Affero General Public License for more details.
You should have received a copy of the GNU Affero General Public License
along with this program. If not, see <https://www.gnu.org/licenses/>.
For commercial licensing, please contact support@quantumnous.com
*/
import React, { useEffect, useState, useRef } from 'react';
import { Button, Col, Form, Row, Spin, Typography } from '@douyinfe/semi-ui';
import {
compareObjects,
API,
showError,
showSuccess,
showWarning,
} from '../../../helpers';
import { useTranslation } from 'react-i18next';
export default function SettingsAntiAbuse() {
const { t } = useTranslation();
const [loading, setLoading] = useState(false);
const [inputs, setInputs] = useState({
'anti_abuse_setting.enabled': false,
'anti_abuse_setting.max_requests_per_minute': 60,
'anti_abuse_setting.max_requests_per_hour': 1000,
'anti_abuse_setting.max_requests_per_day': 10000,
});
const refForm = useRef();
const [inputsRow, setInputsRow] = useState(inputs);
function handleFieldChange(fieldName) {
return (value) => {
setInputs((inputs) => ({ ...inputs, [fieldName]: value }));
};
}
function onSubmit() {
const updateArray = compareObjects(inputs, inputsRow);
if (!updateArray.length) return showWarning(t('You haven\'t made any changes'));
const requestQueue = updateArray.map((item) => {
let value = '';
if (typeof inputs[item.key] === 'boolean') {
value = String(inputs[item.key]);
} else {
value = String(inputs[item.key]);
}
return API.put('/api/option/', {
key: item.key,
value,
});
});
setLoading(true);
Promise.all(requestQueue)
.then((res) => {
if (requestQueue.length === 1) {
if (res.includes(undefined)) return;
} else if (requestQueue.length > 1) {
if (res.includes(undefined))
return showError(t('Partial save failed, please retry'));
}
showSuccess(t('Saved successfully'));
})
.catch(() => {
showError(t('Save failed, please retry'));
})
.finally(() => {
setLoading(false);
});
}
useEffect(() => {
setInputsRow(structuredClone(inputs));
refForm.current.setValues(inputs);
}, []);
return (
<>
<Spin spinning={loading}>
<Form
values={inputs}
getFormApi={(formAPI) => (refForm.current = formAPI)}
style={{ marginBottom: 15 }}
>
<Form.Section text={t('Anti-Abuse Settings')}>
<Typography.Text
type='tertiary'
style={{ marginBottom: 16, display: 'block' }}
>
{t('Configure rate limiting and anti-abuse protection')}
</Typography.Text>
<Row gutter={16}>
<Col xs={24} sm={12} md={8} lg={8} xl={8}>
<Form.Switch
field={'anti_abuse_setting.enabled'}
label={t('Enable Anti-Abuse')}
size='default'
checkedText='|'
uncheckedText='O'
onChange={handleFieldChange('anti_abuse_setting.enabled')}
/>
</Col>
<Col xs={24} sm={12} md={8} lg={8} xl={8}>
<Form.InputNumber
field={'anti_abuse_setting.max_requests_per_minute'}
label={t('Max Requests/Minute')}
placeholder={t('Maximum requests per minute')}
onChange={handleFieldChange('anti_abuse_setting.max_requests_per_minute')}
min={0}
disabled={!inputs['anti_abuse_setting.enabled']}
/>
</Col>
<Col xs={24} sm={12} md={8} lg={8} xl={8}>
<Form.InputNumber
field={'anti_abuse_setting.max_requests_per_hour'}
label={t('Max Requests/Hour')}
placeholder={t('Maximum requests per hour')}
onChange={handleFieldChange('anti_abuse_setting.max_requests_per_hour')}
min={0}
disabled={!inputs['anti_abuse_setting.enabled']}
/>
</Col>
<Col xs={24} sm={12} md={8} lg={8} xl={8}>
<Form.InputNumber
field={'anti_abuse_setting.max_requests_per_day'}
label={t('Max Requests/Day')}
placeholder={t('Maximum requests per day')}
onChange={handleFieldChange('anti_abuse_setting.max_requests_per_day')}
min={0}
disabled={!inputs['anti_abuse_setting.enabled']}
/>
</Col>
</Row>
<Row>
<Button size='default' onClick={onSubmit}>
{t('Save Anti-Abuse Settings')}
</Button>
</Row>
</Form.Section>
</Form>
</Spin>
</>
);
}

26855
web/src/semi.css vendored Normal file

File diff suppressed because it is too large Load Diff

81
web/vite.config.js vendored Normal file
View File

@ -0,0 +1,81 @@
import react from '@vitejs/plugin-react';
import { defineConfig, transformWithEsbuild } from 'vite';
import pkg from '@douyinfe/vite-plugin-semi';
import path from 'path';
const { vitePluginSemi } = pkg;
export default defineConfig({
resolve: {
alias: {
'@': path.resolve(__dirname, './src'),
},
},
plugins: [
{
name: 'treat-js-files-as-jsx',
async transform(code, id) {
if (!/src\/.*\.js$/.test(id)) {
return null;
}
return transformWithEsbuild(code, id, {
loader: 'jsx',
jsx: 'automatic',
});
},
},
react(),
vitePluginSemi({
cssLayer: true,
}),
],
optimizeDeps: {
force: true,
esbuildOptions: {
loader: {
'.js': 'jsx',
'.json': 'json',
},
},
},
build: {
rollupOptions: {
output: {
manualChunks: {
'react-core': ['react', 'react-dom', 'react-router-dom'],
'semi-ui': ['@douyinfe/semi-icons', '@douyinfe/semi-ui'],
tools: ['axios', 'history', 'marked'],
'react-components': [
'react-dropzone',
'react-fireworks',
'react-telegram-login',
'react-toastify',
'react-turnstile',
],
i18n: [
'i18next',
'react-i18next',
'i18next-browser-languagedetector',
],
},
},
},
},
server: {
host: '0.0.0.0',
proxy: {
'/api': {
target: 'http://localhost:3000',
changeOrigin: true,
},
'/mj': {
target: 'http://localhost:3000',
changeOrigin: true,
},
'/pg': {
target: 'http://localhost:3000',
changeOrigin: true,
},
},
},
});