mirror of
https://github.com/FranP-code/ChatGPT.git
synced 2025-10-13 00:13:25 +00:00
chore: settings
This commit is contained in:
lencx
8
src/routes.tsx
vendored
8
src/routes.tsx
vendored
@@ -11,7 +11,7 @@ import {
|
|||||||
} from '@ant-design/icons';
|
} from '@ant-design/icons';
|
||||||
import type { MenuProps } from 'antd';
|
import type { MenuProps } from 'antd';
|
||||||
|
|
||||||
import General from '@/view/General';
|
import Settings from '@/view/settings';
|
||||||
import Awesome from '@/view/awesome';
|
import Awesome from '@/view/awesome';
|
||||||
import UserCustom from '@/view/model/UserCustom';
|
import UserCustom from '@/view/model/UserCustom';
|
||||||
import SyncPrompts from '@/view/model/SyncPrompts';
|
import SyncPrompts from '@/view/model/SyncPrompts';
|
||||||
@@ -104,10 +104,10 @@ export const routes: Array<ChatRouteObject> = [
|
|||||||
},
|
},
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
path: '/general',
|
path: '/settings',
|
||||||
element: <General />,
|
element: <Settings />,
|
||||||
meta: {
|
meta: {
|
||||||
label: 'General',
|
label: 'Settings',
|
||||||
icon: <SettingOutlined />,
|
icon: <SettingOutlined />,
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|||||||
176
src/view/General.tsx
vendored
176
src/view/General.tsx
vendored
@@ -1,176 +0,0 @@
|
|||||||
import { useEffect, useState } from 'react';
|
|
||||||
import { Form, Radio, Switch, Input, Button, Space, message, Tooltip } from 'antd';
|
|
||||||
import { QuestionCircleOutlined } from '@ant-design/icons';
|
|
||||||
import { invoke } from '@tauri-apps/api';
|
|
||||||
import { platform } from '@tauri-apps/api/os';
|
|
||||||
import { ask } from '@tauri-apps/api/dialog';
|
|
||||||
import { relaunch } from '@tauri-apps/api/process';
|
|
||||||
import { clone, omit, isEqual } from 'lodash';
|
|
||||||
|
|
||||||
import useInit from '@/hooks/useInit';
|
|
||||||
import FilePath from '@/components/FilePath';
|
|
||||||
import { DISABLE_AUTO_COMPLETE, CHAT_CONF_JSON } from '@/utils';
|
|
||||||
|
|
||||||
const AutoUpdateLabel = () => {
|
|
||||||
return (
|
|
||||||
<span>
|
|
||||||
Auto Update <Tooltip title={(
|
|
||||||
<div>
|
|
||||||
<div>Auto Update Policy</div>
|
|
||||||
<span><strong>Prompt</strong>: prompt to install</span><br/>
|
|
||||||
<span><strong>Silent</strong>: install silently</span><br/>
|
|
||||||
{/*<span><strong>Disable</strong>: disable auto update</span><br/>*/}
|
|
||||||
</div>
|
|
||||||
)}><QuestionCircleOutlined style={{ color: '#1677ff' }} /></Tooltip>
|
|
||||||
</span>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
|
|
||||||
const OriginLabel = ({ url }: { url: string }) => {
|
|
||||||
return (
|
|
||||||
<span>
|
|
||||||
Switch Origin <Tooltip title={`Default: ${url}`}><QuestionCircleOutlined style={{ color: '#1677ff' }} /></Tooltip>
|
|
||||||
</span>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
|
|
||||||
const PopupSearchLabel = () => {
|
|
||||||
return (
|
|
||||||
<span>
|
|
||||||
Pop-up Search
|
|
||||||
{' '}
|
|
||||||
<Tooltip title={(
|
|
||||||
<div>
|
|
||||||
<div style={{ marginBottom: 10 }}>Generate images according to the content: Select the ChatGPT content with the mouse, no more than 400 characters. the <b>DALL·E 2</b> button appears, and click to jump (Note: because the search content filled by the script cannot trigger the event directly, you need to enter a space in the input box to make the button clickable).</div>
|
|
||||||
<div>The application is built using Tauri, and due to its security restrictions, some of the action buttons will not work, so we recommend going to your browser.</div>
|
|
||||||
</div>
|
|
||||||
)}><QuestionCircleOutlined style={{ color: '#1677ff' }} /></Tooltip>
|
|
||||||
</span>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
|
|
||||||
const GlobalShortcutLabel = () => {
|
|
||||||
return (
|
|
||||||
<div>
|
|
||||||
Global Shortcut
|
|
||||||
{' '}
|
|
||||||
<Tooltip title={(
|
|
||||||
<div>
|
|
||||||
<div>Shortcut definition, modifiers and key separated by "+" e.g. CmdOrControl+Q</div>
|
|
||||||
<div style={{ margin: '10px 0'}}>If empty, the shortcut is disabled.</div>
|
|
||||||
<a href="https://tauri.app/v1/api/js/globalshortcut" target="_blank">https://tauri.app/v1/api/js/globalshortcut</a>
|
|
||||||
</div>
|
|
||||||
)}>
|
|
||||||
<QuestionCircleOutlined style={{ color: '#1677ff' }} />
|
|
||||||
</Tooltip>
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
|
|
||||||
export default function General() {
|
|
||||||
const [form] = Form.useForm();
|
|
||||||
const [platformInfo, setPlatform] = useState<string>('');
|
|
||||||
const [chatConf, setChatConf] = useState<any>(null);
|
|
||||||
|
|
||||||
useInit(async () => {
|
|
||||||
setPlatform(await platform());
|
|
||||||
const chatData = await invoke('get_chat_conf');
|
|
||||||
setChatConf(chatData);
|
|
||||||
});
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
form.setFieldsValue(clone(chatConf));
|
|
||||||
}, [chatConf])
|
|
||||||
|
|
||||||
const onCancel = () => {
|
|
||||||
form.setFieldsValue(chatConf);
|
|
||||||
};
|
|
||||||
|
|
||||||
const onReset = async () => {
|
|
||||||
const chatData = await invoke('reset_chat_conf');
|
|
||||||
setChatConf(chatData);
|
|
||||||
const isOk = await ask(`Configuration reset successfully, whether to restart?`, {
|
|
||||||
title: 'ChatGPT Preferences'
|
|
||||||
});
|
|
||||||
if (isOk) {
|
|
||||||
relaunch();
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
message.success('Configuration reset successfully');
|
|
||||||
};
|
|
||||||
|
|
||||||
const onFinish = async (values: any) => {
|
|
||||||
if (!isEqual(omit(chatConf, ['default_origin']), values)) {
|
|
||||||
await invoke('form_confirm', { data: values, label: 'main' });
|
|
||||||
const isOk = await ask(`Configuration saved successfully, whether to restart?`, {
|
|
||||||
title: 'ChatGPT Preferences'
|
|
||||||
});
|
|
||||||
if (isOk) {
|
|
||||||
relaunch();
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
message.success('Configuration saved successfully');
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
<FilePath paths={CHAT_CONF_JSON} />
|
|
||||||
<Form
|
|
||||||
form={form}
|
|
||||||
style={{ maxWidth: 500 }}
|
|
||||||
onFinish={onFinish}
|
|
||||||
labelCol={{ span: 8 }}
|
|
||||||
wrapperCol={{ span: 15, offset: 1 }}
|
|
||||||
>
|
|
||||||
<Form.Item label="Stay On Top" name="stay_on_top" valuePropName="checked">
|
|
||||||
<Switch />
|
|
||||||
</Form.Item>
|
|
||||||
{platformInfo === 'darwin' && (
|
|
||||||
<Form.Item label="Titlebar" name="titlebar" valuePropName="checked">
|
|
||||||
<Switch />
|
|
||||||
</Form.Item>
|
|
||||||
)}
|
|
||||||
<Form.Item label={<PopupSearchLabel />} name="popup_search" valuePropName="checked">
|
|
||||||
<Switch />
|
|
||||||
</Form.Item>
|
|
||||||
<Form.Item label="Theme" name="theme">
|
|
||||||
<Radio.Group>
|
|
||||||
<Radio value="Light">Light</Radio>
|
|
||||||
<Radio value="Dark">Dark</Radio>
|
|
||||||
{["darwin", "windows"].includes(platformInfo) && (
|
|
||||||
<Radio value="System">System</Radio>
|
|
||||||
)}
|
|
||||||
</Radio.Group>
|
|
||||||
</Form.Item>
|
|
||||||
<Form.Item label={<AutoUpdateLabel />} name="auto_update">
|
|
||||||
<Radio.Group>
|
|
||||||
<Radio value="Prompt">Prompt</Radio>
|
|
||||||
<Radio value="Silent">Silent</Radio>
|
|
||||||
{/*<Radio value="Disable">Disable</Radio>*/}
|
|
||||||
</Radio.Group>
|
|
||||||
</Form.Item>
|
|
||||||
<Form.Item label={<GlobalShortcutLabel />} name="global_shortcut">
|
|
||||||
<Input placeholder="CmdOrCtrl+Shift+O" {...DISABLE_AUTO_COMPLETE} />
|
|
||||||
</Form.Item>
|
|
||||||
<Form.Item label={<OriginLabel url={chatConf?.default_origin} />} name="origin">
|
|
||||||
<Input placeholder="https://chat.openai.com" {...DISABLE_AUTO_COMPLETE} />
|
|
||||||
</Form.Item>
|
|
||||||
<Form.Item label="User Agent (Window)" name="ua_window">
|
|
||||||
<Input.TextArea autoSize={{ minRows: 4, maxRows: 4 }} {...DISABLE_AUTO_COMPLETE} placeholder="Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/108.0.0.0 Safari/537.36" />
|
|
||||||
</Form.Item>
|
|
||||||
<Form.Item label="User Agent (SystemTray)" name="ua_tray">
|
|
||||||
<Input.TextArea autoSize={{ minRows: 4, maxRows: 4 }} {...DISABLE_AUTO_COMPLETE} placeholder="Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/108.0.0.0 Safari/537.36" />
|
|
||||||
</Form.Item>
|
|
||||||
<Form.Item>
|
|
||||||
<Space size={20}>
|
|
||||||
<Button onClick={onCancel}>Cancel</Button>
|
|
||||||
<Button type="primary" htmlType="submit">Submit</Button>
|
|
||||||
<Button type="dashed" onClick={onReset}>Reset to defaults</Button>
|
|
||||||
</Space>
|
|
||||||
|
|
||||||
</Form.Item>
|
|
||||||
</Form>
|
|
||||||
</>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
82
src/view/settings/General.tsx
vendored
Normal file
82
src/view/settings/General.tsx
vendored
Normal file
@@ -0,0 +1,82 @@
|
|||||||
|
import { useState } from 'react';
|
||||||
|
import { Form, Radio, Switch, Input, Tooltip } from 'antd';
|
||||||
|
import { QuestionCircleOutlined } from '@ant-design/icons';
|
||||||
|
import { platform } from '@tauri-apps/api/os';
|
||||||
|
|
||||||
|
import useInit from '@/hooks/useInit';
|
||||||
|
import { DISABLE_AUTO_COMPLETE } from '@/utils';
|
||||||
|
|
||||||
|
const AutoUpdateLabel = () => {
|
||||||
|
return (
|
||||||
|
<span>
|
||||||
|
Auto Update
|
||||||
|
{' '}
|
||||||
|
<Tooltip title={(
|
||||||
|
<div>
|
||||||
|
<div>Auto Update Policy</div>
|
||||||
|
<div><strong>Prompt</strong>: prompt to install</div>
|
||||||
|
<div><strong>Silent</strong>: install silently</div>
|
||||||
|
{/* <div><strong>Disable</strong>: disable auto update</div> */}
|
||||||
|
</div>
|
||||||
|
)}><QuestionCircleOutlined style={{ color: '#1677ff' }} /></Tooltip>
|
||||||
|
</span>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
const GlobalShortcutLabel = () => {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
Global Shortcut
|
||||||
|
{' '}
|
||||||
|
<Tooltip title={(
|
||||||
|
<div>
|
||||||
|
<div>Shortcut definition, modifiers and key separated by "+" e.g. CmdOrControl+Q</div>
|
||||||
|
<div style={{ margin: '10px 0'}}>If empty, the shortcut is disabled.</div>
|
||||||
|
<a href="https://tauri.app/v1/api/js/globalshortcut" target="_blank">https://tauri.app/v1/api/js/globalshortcut</a>
|
||||||
|
</div>
|
||||||
|
)}>
|
||||||
|
<QuestionCircleOutlined style={{ color: '#1677ff' }} />
|
||||||
|
</Tooltip>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function General() {
|
||||||
|
const [platformInfo, setPlatform] = useState('');
|
||||||
|
|
||||||
|
useInit(async () => {
|
||||||
|
setPlatform(await platform());
|
||||||
|
});
|
||||||
|
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<Form.Item label="Stay On Top" name="stay_on_top" valuePropName="checked">
|
||||||
|
<Switch />
|
||||||
|
</Form.Item>
|
||||||
|
{platformInfo === 'darwin' && (
|
||||||
|
<Form.Item label="Titlebar" name="titlebar" valuePropName="checked">
|
||||||
|
<Switch />
|
||||||
|
</Form.Item>
|
||||||
|
)}
|
||||||
|
<Form.Item label="Theme" name="theme">
|
||||||
|
<Radio.Group>
|
||||||
|
<Radio value="Light">Light</Radio>
|
||||||
|
<Radio value="Dark">Dark</Radio>
|
||||||
|
{["darwin", "windows"].includes(platformInfo) && (
|
||||||
|
<Radio value="System">System</Radio>
|
||||||
|
)}
|
||||||
|
</Radio.Group>
|
||||||
|
</Form.Item>
|
||||||
|
<Form.Item label={<AutoUpdateLabel />} name="auto_update">
|
||||||
|
<Radio.Group>
|
||||||
|
<Radio value="Prompt">Prompt</Radio>
|
||||||
|
<Radio value="Silent">Silent</Radio>
|
||||||
|
{/*<Radio value="Disable">Disable</Radio>*/}
|
||||||
|
</Radio.Group>
|
||||||
|
</Form.Item>
|
||||||
|
<Form.Item label={<GlobalShortcutLabel />} name="global_shortcut">
|
||||||
|
<Input placeholder="CmdOrCtrl+Shift+O" {...DISABLE_AUTO_COMPLETE} />
|
||||||
|
</Form.Item>
|
||||||
|
</>
|
||||||
|
)
|
||||||
|
}
|
||||||
53
src/view/settings/MainWindow.tsx
vendored
Normal file
53
src/view/settings/MainWindow.tsx
vendored
Normal file
@@ -0,0 +1,53 @@
|
|||||||
|
import { useState } from 'react';
|
||||||
|
import { Form, Switch, Input, Tooltip } from 'antd';
|
||||||
|
import { QuestionCircleOutlined } from '@ant-design/icons';
|
||||||
|
import { invoke } from '@tauri-apps/api';
|
||||||
|
|
||||||
|
import useInit from '@/hooks/useInit';
|
||||||
|
import { DISABLE_AUTO_COMPLETE } from '@/utils';
|
||||||
|
|
||||||
|
const OriginLabel = ({ url }: { url: string }) => {
|
||||||
|
return (
|
||||||
|
<span>
|
||||||
|
Switch Origin <Tooltip title={`Default: ${url}`}><QuestionCircleOutlined style={{ color: '#1677ff' }} /></Tooltip>
|
||||||
|
</span>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
const PopupSearchLabel = () => {
|
||||||
|
return (
|
||||||
|
<span>
|
||||||
|
Pop-up Search
|
||||||
|
{' '}
|
||||||
|
<Tooltip title={(
|
||||||
|
<div>
|
||||||
|
<div style={{ marginBottom: 10 }}>Generate images according to the content: Select the ChatGPT content with the mouse, no more than 400 characters. the <b>DALL·E 2</b> button appears, and click to jump (Note: because the search content filled by the script cannot trigger the event directly, you need to enter a space in the input box to make the button clickable).</div>
|
||||||
|
<div>The application is built using Tauri, and due to its security restrictions, some of the action buttons will not work, so we recommend going to your browser.</div>
|
||||||
|
</div>
|
||||||
|
)}><QuestionCircleOutlined style={{ color: '#1677ff' }} /></Tooltip>
|
||||||
|
</span>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function General() {
|
||||||
|
const [chatConf, setChatConf] = useState<any>(null);
|
||||||
|
|
||||||
|
useInit(async () => {
|
||||||
|
const chatData = await invoke('get_chat_conf');
|
||||||
|
setChatConf(chatData);
|
||||||
|
});
|
||||||
|
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<Form.Item label={<PopupSearchLabel />} name="popup_search" valuePropName="checked">
|
||||||
|
<Switch />
|
||||||
|
</Form.Item>
|
||||||
|
<Form.Item label={<OriginLabel url={chatConf?.default_origin} />} name="origin">
|
||||||
|
<Input placeholder="https://chat.openai.com" {...DISABLE_AUTO_COMPLETE} />
|
||||||
|
</Form.Item>
|
||||||
|
<Form.Item label="User Agent (Main)" name="ua_window">
|
||||||
|
<Input.TextArea autoSize={{ minRows: 4, maxRows: 4 }} {...DISABLE_AUTO_COMPLETE} placeholder="Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/108.0.0.0 Safari/537.36" />
|
||||||
|
</Form.Item>
|
||||||
|
</>
|
||||||
|
)
|
||||||
|
}
|
||||||
16
src/view/settings/TrayWindow.tsx
vendored
Normal file
16
src/view/settings/TrayWindow.tsx
vendored
Normal file
@@ -0,0 +1,16 @@
|
|||||||
|
import { Form, Switch, Input } from 'antd';
|
||||||
|
|
||||||
|
import { DISABLE_AUTO_COMPLETE } from '@/utils';
|
||||||
|
|
||||||
|
export default function General() {
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<Form.Item label="Enable SystemTray" name="tray" valuePropName="checked">
|
||||||
|
<Switch />
|
||||||
|
</Form.Item>
|
||||||
|
<Form.Item label="User Agent (SystemTray)" name="ua_tray">
|
||||||
|
<Input.TextArea autoSize={{ minRows: 4, maxRows: 4 }} {...DISABLE_AUTO_COMPLETE} placeholder="Mozilla/5.0 (iPhone; CPU iPhone OS 16_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.0 Mobile/15E148 Safari/604.1" />
|
||||||
|
</Form.Item>
|
||||||
|
</>
|
||||||
|
)
|
||||||
|
}
|
||||||
85
src/view/settings/index.tsx
vendored
Normal file
85
src/view/settings/index.tsx
vendored
Normal file
@@ -0,0 +1,85 @@
|
|||||||
|
import { useEffect, useState } from 'react';
|
||||||
|
import { Form, Tabs, Space, Button, message } from 'antd';
|
||||||
|
import { invoke, dialog, process } from '@tauri-apps/api';
|
||||||
|
import { clone, omit, isEqual } from 'lodash';
|
||||||
|
|
||||||
|
import useInit from '@/hooks/useInit';
|
||||||
|
import FilePath from '@/components/FilePath';
|
||||||
|
import { CHAT_CONF_JSON } from '@/utils';
|
||||||
|
import General from './General';
|
||||||
|
import MainWindow from './MainWindow';
|
||||||
|
import TrayWindow from './TrayWindow';
|
||||||
|
|
||||||
|
export default function Settings() {
|
||||||
|
const [form] = Form.useForm();
|
||||||
|
const [chatConf, setChatConf] = useState<any>(null);
|
||||||
|
|
||||||
|
useInit(async () => {
|
||||||
|
const chatData = await invoke('get_chat_conf');
|
||||||
|
setChatConf(chatData);
|
||||||
|
});
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
form.setFieldsValue(clone(chatConf));
|
||||||
|
}, [chatConf])
|
||||||
|
|
||||||
|
const onCancel = () => {
|
||||||
|
form.setFieldsValue(chatConf);
|
||||||
|
};
|
||||||
|
|
||||||
|
const onReset = async () => {
|
||||||
|
const chatData = await invoke('reset_chat_conf');
|
||||||
|
setChatConf(chatData);
|
||||||
|
const isOk = await dialog.ask(`Configuration reset successfully, whether to restart?`, {
|
||||||
|
title: 'ChatGPT Preferences'
|
||||||
|
});
|
||||||
|
if (isOk) {
|
||||||
|
process.relaunch();
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
message.success('Configuration reset successfully');
|
||||||
|
};
|
||||||
|
|
||||||
|
const onFinish = async (values: any) => {
|
||||||
|
if (!isEqual(omit(chatConf, ['default_origin']), values)) {
|
||||||
|
await invoke('form_confirm', { data: values, label: 'main' });
|
||||||
|
const isOk = await dialog.ask(`Configuration saved successfully, whether to restart?`, {
|
||||||
|
title: 'ChatGPT Preferences'
|
||||||
|
});
|
||||||
|
if (isOk) {
|
||||||
|
process.relaunch();
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
message.success('Configuration saved successfully');
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<FilePath paths={CHAT_CONF_JSON} />
|
||||||
|
<Form
|
||||||
|
form={form}
|
||||||
|
style={{ maxWidth: 500 }}
|
||||||
|
onFinish={onFinish}
|
||||||
|
labelCol={{ span: 8 }}
|
||||||
|
wrapperCol={{ span: 15, offset: 1 }}
|
||||||
|
>
|
||||||
|
<Tabs
|
||||||
|
items={[
|
||||||
|
{ label: 'General', key: 'general', children: <General /> },
|
||||||
|
{ label: 'Main Window', key: 'main_window', children: <MainWindow /> },
|
||||||
|
{ label: 'SystemTray Window', key: 'tray_window', children: <TrayWindow /> },
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<Form.Item>
|
||||||
|
<Space size={20}>
|
||||||
|
<Button onClick={onCancel}>Cancel</Button>
|
||||||
|
<Button type="primary" htmlType="submit">Submit</Button>
|
||||||
|
<Button type="dashed" onClick={onReset}>Reset to defaults</Button>
|
||||||
|
</Space>
|
||||||
|
</Form.Item>
|
||||||
|
</Form>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user