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>

packages/app/src/components/shortcuts-modal/config.ts

@@ -6,6 +6,7 @@ export const macKeyboardShortcuts = {
   Underline: '⌘+U',
   Strikethrough: '⌘+⇧+S',
   'Inline code': ' ⌘+E',
+  'Code block': '⌘+⌥+C',
   Link: '⌘+K',
   'Body text': '⌘+⌥+0',
   'Heading 1': '⌘+⌥+1',
@@ -23,7 +24,9 @@ export const macMarkdownShortcuts = {
   Italic: '*Text* ',
   Underline: '~Text~ ',
   Strikethrough: '~~Text~~ ',
+  Divider: '***',
   'Inline code': '`Text` ',
+  'Code block': '``` Space',
   'Heading 1': '# Text',
   'Heading 2': '## Text',
   'Heading 3': '### Text',
@@ -40,6 +43,7 @@ export const windowsKeyboardShortcuts = {
   Underline: 'Ctrl+U',
   Strikethrough: 'Ctrl+Shift+S',
   'Inline code': ' Ctrl+E',
+  'Code block': 'Ctrl+Alt+C',
   Link: 'Ctrl+K',
   'Body text': 'Ctrl+Shift+0',
   'Heading 1': 'Ctrl+Shift+1',
@@ -57,6 +61,7 @@ export const winMarkdownShortcuts = {
   Underline: '~Text~ ',
   Strikethrough: '~~Text~~ ',
   'Inline code': '`Text` ',
+  'Code block': '``` Text',
   'Heading 1': '# Text',
   'Heading 2': '## Text',
   'Heading 3': '### Text',

packages/app/src/components/shortcuts-modal/index.tsx

@@ -6,7 +6,6 @@ import {
   StyledShortcutsModal,
   StyledSubTitle,
   StyledTitle,
-  CloseButton,
 } from './style';
 import {
   macKeyboardShortcuts,
@@ -14,15 +13,16 @@ import {
   windowsKeyboardShortcuts,
   winMarkdownShortcuts,
 } from '@/components/shortcuts-modal/config';
-import CloseIcon from '@mui/icons-material/Close';
 import Slide from '@mui/material/Slide';
+import { ModalCloseButton } from '@/ui/modal';
+import { getUaHelper } from '@/utils';
 type ModalProps = {
   open: boolean;
   onClose: () => void;
 };
 
 const isMac = () => {
-  return /macintosh|mac os x/i.test(navigator.userAgent);
+  return getUaHelper().isMacOs;
 };
 
 export const ShortcutsModal = ({ open, onClose }: ModalProps) => {
@@ -42,13 +42,15 @@ export const ShortcutsModal = ({ open, onClose }: ModalProps) => {
               Shortcuts
             </StyledTitle>
 
-            <CloseButton
+            <ModalCloseButton
+              top={6}
+              right={6}
+              size={[24, 24]}
+              iconSize={[15, 15]}
               onClick={() => {
                 onClose();
               }}
-            >
-              <CloseIcon />
-            </CloseButton>
+            />
           </StyledModalHeader>
           <StyledSubTitle style={{ marginTop: 0 }}>
             Keyboard Shortcuts

packages/app/src/components/shortcuts-modal/style.ts

@@ -38,7 +38,7 @@ export const StyledSubTitle = styled.div(({ theme }) => ({
   marginTop: '28px',
   padding: '0 16px',
 }));
-export const StyledModalHeader = styled.div(({ theme }) => ({
+export const StyledModalHeader = styled.div(() => ({
   ...displayFlex('space-between', 'center'),
   paddingTop: '8px 4px 0 4px',
   width: '100%',
@@ -57,22 +57,3 @@ export const StyledListItem = styled.div(({ theme }) => ({
   fontSize: theme.font.sm,
   padding: '0 16px',
 }));
-
-export const CloseButton = styled('div')(({ theme }) => {
-  return {
-    width: '24px',
-    height: '24px',
-    borderRadius: '5px',
-    color: theme.colors.iconColor,
-    cursor: 'pointer',
-    ...displayFlex('center', 'center'),
-    svg: {
-      width: '15px',
-      height: '15px',
-    },
-    ':hover': {
-      background: theme.colors.hoverBackground,
-      color: theme.colors.primaryColor,
-    },
-  };
-});