diff --git a/src/main.scss b/src/main.scss
index 8ac1c5b..cd4b9de 100644
--- a/src/main.scss
+++ b/src/main.scss
@@ -114,3 +114,25 @@ body,
cursor: pointer;
}
}
+
+.editor-task {
+ margin-bottom: 5px;
+ display: flex;
+ justify-content: space-between;
+
+ .ant-breadcrumb-link {
+ padding: 3px 5px;
+ transition: all 300ms ease;
+ border-radius: 4px;
+ &:hover {
+ color: rgba(0, 0, 0, 0.88);
+ background-color: rgba(0, 0, 0, 0.06);
+ cursor: pointer;
+ }
+ }
+
+ .editor-btn {
+ cursor: pointer;
+ margin-left: 5px;
+ }
+}
diff --git a/src/routes.tsx b/src/routes.tsx
index 9206c29..e310f19 100644
--- a/src/routes.tsx
+++ b/src/routes.tsx
@@ -14,6 +14,7 @@ import type { MenuProps } from 'antd';
import Settings from '@/view/settings';
import About from '@/view/about';
import Scripts from '@/view/scripts';
+import ScriptsEditor from '@/view/scripts/Editor';
import UserCustom from '@/view/prompts/UserCustom';
import SyncPrompts from '@/view/prompts/SyncPrompts';
import SyncCustom from '@/view/prompts/SyncCustom';
@@ -103,6 +104,11 @@ export const routes: Array
= [
icon: ,
},
},
+ {
+ path: '/scripts/:id',
+ element: ,
+ hideMenu: true,
+ },
{
path: '/about',
element: ,
diff --git a/src/utils.ts b/src/utils.ts
index 7bf47bb..45e5f9c 100644
--- a/src/utils.ts
+++ b/src/utils.ts
@@ -23,6 +23,10 @@ export const chatRoot = async () => {
return join(await homeDir(), '.chatgpt');
};
+export const scriptRoot = async () => {
+ return join(await chatRoot(), 'scripts');
+};
+
export const chatPromptPath = async (): Promise => {
return join(await chatRoot(), CHAT_PROMPT_JSON);
};
diff --git a/src/view/markdown/index.scss b/src/view/markdown/index.scss
deleted file mode 100644
index 964eb74..0000000
--- a/src/view/markdown/index.scss
+++ /dev/null
@@ -1,16 +0,0 @@
-.md-task {
- margin-bottom: 5px;
- display: flex;
- justify-content: space-between;
-
- .ant-breadcrumb-link {
- padding: 3px 5px;
- transition: all 300ms ease;
- border-radius: 4px;
- &:hover {
- color: rgba(0, 0, 0, 0.88);
- background-color: rgba(0, 0, 0, 0.06);
- cursor: pointer;
- }
- }
-}
diff --git a/src/view/markdown/index.tsx b/src/view/markdown/index.tsx
index 292c7e2..8ed5f5d 100644
--- a/src/view/markdown/index.tsx
+++ b/src/view/markdown/index.tsx
@@ -8,7 +8,6 @@ import { fs, shell } from '@tauri-apps/api';
import useInit from '@/hooks/useInit';
import SplitIcon from '@/icons/SplitIcon';
import { getPath } from '@/view/notes/config';
-import './index.scss';
const modeMap: any = {
0: 'split',
@@ -41,7 +40,7 @@ export default function Markdown() {
return (
<>
-
+
history.go(-1)}>
diff --git a/src/view/notes/config.tsx b/src/view/notes/config.tsx
index fa100ac..7e26367 100644
--- a/src/view/notes/config.tsx
+++ b/src/view/notes/config.tsx
@@ -67,5 +67,5 @@ const RenderPath = ({ row }: any) => {
};
export const getPath = async (row: any) => {
- return (await path.join(await chatRoot(), 'notes', row.id)) + `.${row.ext}`;
+ return await path.join(await chatRoot(), 'notes', `${row.id}.md`);
};
diff --git a/src/view/prompts/SyncPrompts/config.tsx b/src/view/prompts/SyncPrompts/config.tsx
index b6381de..0896e07 100644
--- a/src/view/prompts/SyncPrompts/config.tsx
+++ b/src/view/prompts/SyncPrompts/config.tsx
@@ -7,7 +7,6 @@ export const syncColumns = () => [
title: '/{cmd}',
dataIndex: 'cmd',
fixed: 'left',
- // width: 120,
key: 'cmd',
render: (_: string, row: Record) => (
/{genCmd(row.act)}
@@ -17,20 +16,17 @@ export const syncColumns = () => [
title: 'Act',
dataIndex: 'act',
key: 'act',
- // width: 200,
},
{
title: 'Tags',
dataIndex: 'tags',
key: 'tags',
- // width: 150,
- render: () => chatgpt-prompts,
+ render: () => built-in,
},
{
title: 'Enable',
dataIndex: 'enable',
key: 'enable',
- // width: 80,
render: (v: boolean = false, row: Record, action: Record) => (
action.setRecord({ ...row, enable: v }, 'enable')} />
),
@@ -40,7 +36,6 @@ export const syncColumns = () => [
title: 'Prompt',
dataIndex: 'prompt',
key: 'prompt',
- // width: 300,
render: (v: string) => {v},
},
];
diff --git a/src/view/prompts/SyncPrompts/index.tsx b/src/view/prompts/SyncPrompts/index.tsx
index d588374..7b9c957 100644
--- a/src/view/prompts/SyncPrompts/index.tsx
+++ b/src/view/prompts/SyncPrompts/index.tsx
@@ -12,7 +12,8 @@ import { fmtDate, chatRoot } from '@/utils';
import { syncColumns } from './config';
import './index.scss';
-const promptsURL = 'https://github.com/f/awesome-chatgpt-prompts/blob/main/prompts.csv';
+// const promptsURL = 'https://github.com/f/awesome-chatgpt-prompts/blob/main/prompts.csv';
+const promptsURL = 'https://raw.githubusercontent.com/f/awesome-chatgpt-prompts/main/prompts.csv';
export default function SyncPrompts() {
const { rowSelection, selectedRowIDs } = useTableRowSelection();
@@ -83,7 +84,7 @@ export default function SyncPrompts() {
-
+
{lastUpdated && (
diff --git a/src/view/prompts/SyncRecord/config.tsx b/src/view/prompts/SyncRecord/config.tsx
index 66ffd23..18a1dbe 100644
--- a/src/view/prompts/SyncRecord/config.tsx
+++ b/src/view/prompts/SyncRecord/config.tsx
@@ -7,7 +7,6 @@ export const syncColumns = () => [
title: '/{cmd}',
dataIndex: 'cmd',
fixed: 'left',
- // width: 120,
key: 'cmd',
render: (_: string, row: Record
) => (
/{row.cmd ? row.cmd : genCmd(row.act)}
@@ -17,13 +16,11 @@ export const syncColumns = () => [
title: 'Act',
dataIndex: 'act',
key: 'act',
- // width: 200,
},
{
title: 'Tags',
dataIndex: 'tags',
key: 'tags',
- // width: 150,
render: (v: string[]) => (
{v?.map((i) => (
@@ -36,7 +33,6 @@ export const syncColumns = () => [
title: 'Enable',
dataIndex: 'enable',
key: 'enable',
- // width: 80,
render: (v: boolean = false, row: Record, action: Record) => (
action.setRecord({ ...row, enable: v }, 'enable')} />
),
@@ -46,7 +42,6 @@ export const syncColumns = () => [
title: 'Prompt',
dataIndex: 'prompt',
key: 'prompt',
- // width: 300,
render: (v: string) => {v},
},
];
diff --git a/src/view/prompts/SyncRecord/index.tsx b/src/view/prompts/SyncRecord/index.tsx
index 260e83b..5f3c0ab 100644
--- a/src/view/prompts/SyncRecord/index.tsx
+++ b/src/view/prompts/SyncRecord/index.tsx
@@ -73,7 +73,7 @@ export default function SyncRecord() {
-
+
{state?.last_updated && (
diff --git a/src/view/prompts/UserCustom/Form.tsx b/src/view/prompts/UserCustom/Form.tsx
index 9d4e306..15b991b 100644
--- a/src/view/prompts/UserCustom/Form.tsx
+++ b/src/view/prompts/UserCustom/Form.tsx
@@ -45,12 +45,6 @@ const UserCustomForm: ForwardRefRenderFunction
=
>
-
-
-
-
-
-
=
>
+
+
+
+
+
+
);
};
diff --git a/src/view/scripts/Editor.tsx b/src/view/scripts/Editor.tsx
index 9546eea..401800e 100644
--- a/src/view/scripts/Editor.tsx
+++ b/src/view/scripts/Editor.tsx
@@ -1,32 +1,74 @@
-import { FC, useEffect, useState } from 'react';
+import { FC, useState } from 'react';
+import { useLocation } from 'react-router-dom';
import Editor from '@monaco-editor/react';
+import { Breadcrumb, Tag, Popconfirm } from 'antd';
+import { ArrowLeftOutlined } from '@ant-design/icons';
+import { fs, shell, dialog, process } from '@tauri-apps/api';
-interface MarkdownEditorProps {
- value?: string;
+import useInit from '@/hooks/useInit';
+import { getPath } from './config';
+
+interface ScriptEditorProps {
onChange?: (v: string) => void;
- mode?: string;
}
-const ScriptEditor: FC = ({
- value = 'console.log',
- onChange,
- mode = 'split',
-}) => {
- const [content, setContent] = useState(value);
+const ScriptEditor: FC = ({ onChange }) => {
+ const [filePath, setFilePath] = useState('');
+ const [source, setSource] = useState('// write your script here\n');
+ const location = useLocation();
+ const state = location?.state;
- useEffect(() => {
- setContent(value);
- onChange && onChange(value);
- }, [value]);
+ useInit(async () => {
+ const file = await getPath(state);
+ setFilePath(file);
+ setSource(await fs.readTextFile(file));
+ });
const handleEdit = (e: any) => {
- setContent(e);
+ setSource(e);
onChange && onChange(e);
};
+ const handleSave = async () => {
+ await fs.writeTextFile(filePath, source);
+ const isOk = await dialog.ask(
+ 'The script will take effect after the application is restarted. Do you want to restart now?',
+ {
+ title: 'Script saved successfully',
+ },
+ );
+
+ if (isOk) {
+ process.relaunch();
+ }
+ };
+
+ const handleReset = async () => {
+ setSource(await fs.readTextFile(filePath));
+ };
+
return (
-
+
+ history.go(-1)}>
+
+
+
+
+ Save
+
+
+ shell.open(filePath)}>{filePath}
+
+
({ name: i }))}
{...TABLE_PAGINATION}
+ pagination={false}
/>
- {/* {
- return {
- label: {i},
- key: i,
- children: ,
- }
- })}
- /> */}
- {/*
- {SCRIPTS.map((i) => {
- return (
- } key={i}>
-
-
- )
- })}
- */}
);
}