chore: optim

src/hooks/useData.ts

@@ -18,8 +18,6 @@ export default function useData(oData: any[]) {
 
   const opInit = (val: any[] = []) => {
     if (!val || !Array.isArray(val)) return;
-    console.log('«20» /src/hooks/useData.ts ~> ', val);
-
     const nData = val.map(i => ({ [safeKey]: v4(), ...i }));
     setData(nData);
   };

src/hooks/useEvent.ts

@@ -1,34 +0,0 @@
-import { invoke, path, http, fs, dialog } from '@tauri-apps/api';
-
-import useInit from '@/hooks/useInit';
-import useChatModel, { useCacheModel } from '@/hooks/useChatModel';
-import { GITHUB_PROMPTS_CSV_URL, chatRoot, genCmd } from '@/utils';
-
-export default function useEvent() {
-  const { modelSet } = useChatModel('sync_prompts');
-  const { modelCacheSet } = useCacheModel();
-  // Using `emit` and `listen` will be triggered multiple times in development mode.
-  // So here we use `eval` to call `__sync_prompt`
-  useInit(() => {
-    (window as any).__sync_prompts = async () => {
-      const res = await http.fetch(GITHUB_PROMPTS_CSV_URL, {
-        method: 'GET',
-        responseType: http.ResponseType.Text,
-      });
-      const data = (res.data || '') as string;
-      if (res.ok) {
-        const file = await path.join(await chatRoot(), 'cache_model', 'chatgpt_prompts.json');
-        const list: Record<string, string>[] = await invoke('parse_prompt', { data });
-        const fmtList = list.map(i => ({ ...i, cmd: i.cmd ? i.cmd : genCmd(i.act), enable: true, tags: ['chatgpt-prompts'] }));
-        await modelCacheSet(fmtList, file);
-        modelSet({
-          id: 'chatgpt_prompts',
-          last_updated: Date.now(),
-        });
-        dialog.message('ChatGPT Prompts data has been synchronized!');
-      } else {
-        dialog.message('ChatGPT Prompts data sync failed, please try again!');
-      }
-    }
-  })
-}

src/main.tsx

@@ -2,23 +2,15 @@ import { StrictMode, Suspense } from 'react';
 import { BrowserRouter } from 'react-router-dom';
 import ReactDOM from 'react-dom/client';
 
-import useEvent from '@/hooks/useEvent';
 import Layout from '@/layout';
 import './main.scss';
 
-const App = () => {
-  useEvent();
-  return (
-    <BrowserRouter>
-      <Layout/>
-    </BrowserRouter>
-  );
-}
-
 ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
   <StrictMode>
     <Suspense fallback={null}>
-      <App />
+      <BrowserRouter>
+        <Layout/>
+      </BrowserRouter>
     </Suspense>
   </StrictMode>
 );

src/utils.ts

@@ -20,10 +20,6 @@ export const chatModelPath = async (): Promise<string> => {
   return join(await chatRoot(), CHAT_MODEL_JSON);
 }
 
-// export const chatModelSyncPath = async (): Promise<string> => {
-//   return join(await chatRoot(), CHAT_MODEL_SYNC_JSON);
-// }
-
 export const chatPromptsPath = async (): Promise<string> => {
   return join(await chatRoot(), CHAT_PROMPTS_CSV);
 }
@@ -35,7 +31,9 @@ export const readJSON = async (path: string, opts: readJSONOpts = {}) => {
   const file = await join(isRoot ? '' : root, path);
 
   if (!await exists(file)) {
-    await createDir(await dirname(file), { recursive: true });
+    if (await dirname(file) !== root) {
+      await createDir(await dirname(file), { recursive: true });
+    }
     await writeTextFile(file, isList ? '[]' : JSON.stringify({
       name: 'ChatGPT',
       link: 'https://github.com/lencx/ChatGPT',

src/view/model/SyncCustom/Form.tsx

@@ -8,6 +8,7 @@ import useInit from '@/hooks/useInit';
 
 interface SyncFormProps {
   record?: Record<string|symbol, any> | null;
+  type: string;
 }
 
 const initFormValue = {
@@ -17,7 +18,8 @@ const initFormValue = {
   prompt: '',
 };
 
-const SyncForm: ForwardRefRenderFunction<FormProps, SyncFormProps> = ({ record }, ref) => {
+const SyncForm: ForwardRefRenderFunction<FormProps, SyncFormProps> = ({ record, type }, ref) => {
+  const isDisabled = type === 'edit';
   const [form] = Form.useForm();
   useImperativeHandle(ref, () => ({ form }));
   const [root, setRoot] = useState('');
@@ -34,7 +36,7 @@ const SyncForm: ForwardRefRenderFunction<FormProps, SyncFormProps> = ({ record }
 
   const pathOptions = (
     <Form.Item noStyle name="protocol" initialValue="https">
-      <Select>
+      <Select disabled={isDisabled}>
         <Select.Option value="local">{root}</Select.Option>
         <Select.Option value="http">http://</Select.Option>
         <Select.Option value="https">https://</Select.Option>
@@ -43,7 +45,7 @@ const SyncForm: ForwardRefRenderFunction<FormProps, SyncFormProps> = ({ record }
   );
   const extOptions = (
     <Form.Item noStyle name="ext" initialValue="json">
-      <Select>
+      <Select disabled={isDisabled}>
         <Select.Option value="csv">.csv</Select.Option>
         <Select.Option value="json">.json</Select.Option>
       </Select>
@@ -90,8 +92,13 @@ const SyncForm: ForwardRefRenderFunction<FormProps, SyncFormProps> = ({ record }
           label="PATH"
           name="path"
           rules={[{ required: true, message: 'Please input path!' }]}
-        >
-          <Input placeholder="YOUR_PATH" addonBefore={pathOptions} addonAfter={extOptions} {...DISABLE_AUTO_COMPLETE} />
+          >
+          <Input
+            placeholder="YOUR_PATH"
+            addonBefore={pathOptions}
+            addonAfter={extOptions}
+            {...DISABLE_AUTO_COMPLETE}
+          />
         </Form.Item>
         <Form.Item style={{ display: 'none' }} name="id" initialValue={v4().replace(/-/g, '')}><input /></Form.Item>
       </Form>

src/view/model/SyncCustom/config.tsx

@@ -34,7 +34,7 @@ export const syncColumns = () => [
     key: 'last_updated',
     width: 140,
     render: (v: number) => (
-      <div style={{ textAlign: 'center' }}>
+      <div>
         <HistoryOutlined style={{ marginRight: 5, color: v ? '#52c41a' : '#ff4d4f' }} />
         { v ? fmtDate(v) : ''}
       </div>
@@ -47,7 +47,15 @@ export const syncColumns = () => [
     render: (_: any, row: any, actions: any) => {
       return (
         <Space>
-          <a onClick={() => actions.setRecord(row, 'sync')}>Sync</a>
+          <Popconfirm
+            overlayStyle={{ width: 250 }}
+            title="Sync will overwrite the previous data, confirm to sync?"
+            onConfirm={() => actions.setRecord(row, 'sync')}
+            okText="Yes"
+            cancelText="No"
+          >
+            <a>Sync</a>
+          </Popconfirm>
           {row.last_updated && <Link to={`${row.id}`} state={row}>View</Link>}
           <a onClick={() => actions.setRecord(row, 'edit')}>Edit</a>
           <Popconfirm

src/view/model/SyncCustom/index.tsx

@@ -128,12 +128,12 @@ export default function SyncCustom() {
       <Modal
         open={isVisible}
         onCancel={hide}
-        title="Model PATH"
+        title="Sync PATH"
         onOk={handleOk}
         destroyOnClose
         maskClosable={false}
       >
-        <SyncForm ref={formRef} record={opInfo?.opRecord} />
+        <SyncForm ref={formRef} record={opInfo?.opRecord} type={opInfo.opType} />
       </Modal>
     </div>
   )

src/view/model/SyncPrompts/index.tsx

@@ -69,6 +69,16 @@ export default function SyncPrompts() {
   return (
     <div>
       <div className="chat-table-btns">
+        <Popconfirm
+          overlayStyle={{ width: 250 }}
+          title="Sync will overwrite the previous data, confirm to sync?"
+          placement="topLeft"
+          onConfirm={handleSync}
+          okText="Yes"
+          cancelText="No"
+        >
+          <Button type="primary">Sync</Button>
+        </Popconfirm>
         <div>
           {selectedItems.length > 0 && (
             <>
@@ -78,15 +88,6 @@ export default function SyncPrompts() {
             </>
           )}
         </div>
-        <Popconfirm
-          title={<span>Data sync will enable all prompts,<br/>are you sure you want to sync?</span>}
-          placement="topLeft"
-          onConfirm={handleSync}
-          okText="Yes"
-          cancelText="No"
-        >
-          <Button type="primary">Sync</Button>
-        </Popconfirm>
       </div>
       <div className="chat-table-tip">
         <div className="chat-sync-path">

src/view/model/SyncRecord/config.tsx

@@ -10,7 +10,7 @@ export const syncColumns = () => [
     // width: 120,
     key: 'cmd',
     render: (_: string, row: Record<string, string>) => (
-      <Tag color="#2a2a2a">/{genCmd(row.act)}</Tag>
+      <Tag color="#2a2a2a">/{row.cmd ? row.cmd : genCmd(row.act)}</Tag>
     ),
   },
   {