init: the first public commit for AFFiNE

2026-08-04 19:11:57 +08:00 · 2022-07-22 15:49:21 +08:00
commit e3e3741393
1451 changed files with 108124 additions and 0 deletions
@@ -0,0 +1,140 @@
+import { useNavigate } from 'react-router-dom';
+import { useSettingFlags, type SettingFlags } from './use-setting-flags';
+import { copyToClipboard } from '@toeverything/utils';
+import {
+    duplicatePage,
+    getPageTitle,
+    exportHtml,
+    exportMarkdown,
+    importWorkspace,
+    exportWorkspace,
+    useWorkspaceAndPageId,
+    useReadingMode,
+} from './util';
+
+interface BaseSettingItem {
+    flag?: keyof SettingFlags;
+}
+
+interface SwitchItem extends BaseSettingItem {
+    name: string;
+    type: 'switch';
+    value: boolean;
+    onChange: (value: boolean) => void;
+}
+
+interface SeparatorItem extends BaseSettingItem {
+    type: 'separator';
+}
+
+interface ButtonItem extends BaseSettingItem {
+    name: string;
+    type: 'button';
+    onClick: () => void;
+}
+
+type SettingItem = SwitchItem | SeparatorItem | ButtonItem;
+
+const filterSettings = (settings: SettingItem[], flags: SettingFlags) => {
+    return settings
+        .filter(setting => {
+            if (!setting.flag) {
+                return true;
+            }
+            return flags[setting.flag];
+        })
+        .filter((setting, index, array) => {
+            if (setting.type === 'separator') {
+                if (
+                    // If the current is a separator, and the following is also a separator, delete the current one
+                    array[index + 1]?.type === 'separator' ||
+                    // If the current separator is the last one, delete the current one
+                    index === array.length - 1
+                ) {
+                    return false;
+                }
+            }
+            return true;
+        });
+};
+
+export const useSettings = (): SettingItem[] => {
+    const { workspaceId, pageId } = useWorkspaceAndPageId();
+    const navigate = useNavigate();
+    const settingFlags = useSettingFlags();
+    const { toggleReadingMode, readingMode } = useReadingMode();
+
+    const settings: SettingItem[] = [
+        {
+            type: 'switch',
+            name: 'Reading Mode',
+            value: readingMode,
+            onChange: () => {
+                toggleReadingMode();
+            },
+        },
+        {
+            type: 'separator',
+        },
+        {
+            type: 'button',
+            name: 'Duplicate Page',
+            onClick: async () => {
+                const newPageInfo = await duplicatePage({
+                    workspaceId,
+                    pageId,
+                });
+                navigate(`/${newPageInfo.workspaceId}/${newPageInfo.pageId}`);
+            },
+        },
+        {
+            type: 'button',
+            name: 'Copy Page Link',
+            onClick: () => copyToClipboard(window.location.href),
+        },
+        {
+            type: 'separator',
+        },
+        {
+            type: 'button',
+            name: 'Export As Markdown',
+            onClick: async () => {
+                const title = await getPageTitle({ workspaceId, pageId });
+                exportMarkdown({ workspaceId, rootBlockId: pageId, title });
+            },
+            flag: 'booleanExportMarkdown',
+        },
+        {
+            type: 'button',
+            name: 'Export As HTML',
+            onClick: async () => {
+                const title = await getPageTitle({ workspaceId, pageId });
+                exportHtml({ workspaceId, rootBlockId: pageId, title });
+            },
+            flag: 'booleanExportHtml',
+        },
+        {
+            type: 'button',
+            name: 'Export As PDF (Unsupported)',
+            onClick: () => console.log('Export As PDF'),
+            flag: 'booleanExportPdf',
+        },
+        {
+            type: 'separator',
+        },
+        {
+            type: 'button',
+            name: 'Import Workspace',
+            onClick: () => importWorkspace(workspaceId),
+            flag: 'booleanImportWorkspace',
+        },
+        {
+            type: 'button',
+            name: 'Export Workspace',
+            onClick: () => exportWorkspace(),
+            flag: 'booleanExportWorkspace',
+        },
+    ];
+
+    return filterSettings(settings, settingFlags);
+};