milestone: publish alpha version (#637)

- document folder - full-text search - blob storage - basic edgeless support Co-authored-by: tzhangchi <terry.zhangchi@outlook.com> Co-authored-by: QiShaoXuan <qishaoxuan777@gmail.com> Co-authored-by: DiamondThree <diamond.shx@gmail.com> Co-authored-by: MingLiang Wang <mingliangwang0o0@gmail.com> Co-authored-by: JimmFly <yangjinfei001@gmail.com> Co-authored-by: Yifeng Wang <doodlewind@toeverything.info> Co-authored-by: Himself65 <himself65@outlook.com> Co-authored-by: lawvs <18554747+lawvs@users.noreply.github.com> Co-authored-by: Qi <474021214@qq.com>
2026-07-23 13:29:02 +08:00 · 2022-12-30 21:40:15 +08:00
parent cc790dcbc2
commit 6c2c7dcd48
296 changed files with 16139 additions and 2072 deletions
@@ -0,0 +1,111 @@
+import { Menu, MenuItem } from '@/ui/menu';
+import { IconButton } from '@/ui/button';
+import {
+  EdgelessIcon,
+  ExportIcon,
+  ExportToHtmlIcon,
+  ExportToMarkdownIcon,
+  FavouritedIcon,
+  FavouritesIcon,
+  MoreVerticalIcon,
+  PaperIcon,
+  TrashIcon,
+} from '@blocksuite/icons';
+import { useAppState } from '@/providers/app-state-provider';
+import { usePageHelper } from '@/hooks/use-page-helper';
+import { useConfirm } from '@/providers/confirm-provider';
+import useCurrentPageMeta from '@/hooks/use-current-page-meta';
+import { toast } from '@/ui/toast';
+
+const PopoverContent = () => {
+  const { editor } = useAppState();
+  const { toggleFavoritePage, toggleDeletePage } = usePageHelper();
+  const { changePageMode } = usePageHelper();
+  const { confirm } = useConfirm();
+  const {
+    mode = 'page',
+    id = '',
+    favorite = false,
+    title = '',
+  } = useCurrentPageMeta() || {};
+
+  return (
+    <>
+      <MenuItem
+        data-testid="editor-option-menu-favorite"
+        onClick={() => {
+          toggleFavoritePage(id);
+          toast(!favorite ? 'Removed to Favourites' : 'Added to Favourites');
+        }}
+        icon={favorite ? <FavouritedIcon /> : <FavouritesIcon />}
+      >
+        {favorite ? 'Remove' : 'Add'} to favourites
+      </MenuItem>
+      <MenuItem
+        icon={mode === 'page' ? <EdgelessIcon /> : <PaperIcon />}
+        data-testid="editor-option-menu-edgeless"
+        onClick={() => {
+          changePageMode(id, mode === 'page' ? 'edgeless' : 'page');
+        }}
+      >
+        Convert to {mode === 'page' ? 'Edgeless' : 'Page'}
+      </MenuItem>
+      <Menu
+        placement="left-start"
+        content={
+          <>
+            <MenuItem
+              onClick={() => {
+                editor && editor.contentParser.onExportHtml();
+              }}
+              icon={<ExportToHtmlIcon />}
+            >
+              Export to HTML
+            </MenuItem>
+            <MenuItem
+              onClick={() => {
+                editor && editor.contentParser.onExportMarkdown();
+              }}
+              icon={<ExportToMarkdownIcon />}
+            >
+              Export to Markdown
+            </MenuItem>
+          </>
+        }
+      >
+        <MenuItem icon={<ExportIcon />} isDir={true}>
+          Export
+        </MenuItem>
+      </Menu>
+      <MenuItem
+        data-testid="editor-option-menu-delete"
+        onClick={() => {
+          confirm({
+            title: 'Delete page?',
+            content: `${title || 'Untitled'} will be moved to Trash`,
+            confirmText: 'Delete',
+            confirmType: 'danger',
+          }).then(confirm => {
+            confirm && toggleDeletePage(id);
+            toast('Moved to Trash');
+          });
+        }}
+        icon={<TrashIcon />}
+      >
+        Delete
+      </MenuItem>
+    </>
+  );
+};
+
+export const EditorOptionMenu = () => {
+  return (
+    <Menu content={<PopoverContent />} placement="bottom-end">
+      <IconButton>
+        <MoreVerticalIcon />
+      </IconButton>
+    </Menu>
+  );
+};
+
+export default EditorOptionMenu;