From 027373993e0111c8157e61612ccc2d2792df5f8f Mon Sep 17 00:00:00 2001
From: liqingwei <liqingwei@shimo.im>
Date: Sat, 3 Jul 2021 16:27:42 +0800
Subject: [PATCH 1/4] refactor: use the editor to render the sharing page

---
 components/container/post-container.tsx | 133 +----------
 components/editor/edit-title.tsx        |   4 +-
 components/editor/editor.tsx            |   7 +-
 components/editor/main-editor.tsx       |  15 +-
 libs/web/state/editor.ts                |   2 +-
 pages/[id].tsx                          |   3 +-
 pages/api/file/[...file].ts             |  20 +-
 pages/share/[id].tsx                    |   6 +-
 tailwind.config.js                      |   3 +-
 yarn.lock                               | 305 +++++++++++++++++++-----
 10 files changed, 277 insertions(+), 221 deletions(-)

diff --git a/components/container/post-container.tsx b/components/container/post-container.tsx
index 34983c7e2..0828cd3db 100644
--- a/components/container/post-container.tsx
+++ b/components/container/post-container.tsx
@@ -1,21 +1,18 @@
 import { FC, useMemo } from 'react'
 // TODO: Maybe can custom
 import 'highlight.js/styles/zenburn.css'
-import { useEditorTheme } from 'components/editor/theme'
-import classNames from 'classnames'
-import useI18n from 'libs/web/hooks/use-i18n'
 import UIState from 'libs/web/state/ui'
 import InnerHTML from 'dangerously-set-html-content'
 import { NoteModel } from 'libs/shared/note'
 import pupa from 'pupa'
+import MainEditor from 'components/editor/main-editor'
+
+const MAX_WIDTH = 900
 
 export const PostContainer: FC<{
-  post?: string
   small?: boolean
   note?: NoteModel
-}> = ({ post = '', small = false, note }) => {
-  const { t } = useI18n()
-  const editorTheme = useEditorTheme()
+}> = ({ small = false, note }) => {
   const {
     settings: {
       settings: { injection },
@@ -29,134 +26,22 @@ export const PostContainer: FC<{
     })
   }, [injection, note])
 
-  const articleClassName = useMemo(
-    () =>
-      classNames('prose mx-auto pb-10 prose-sm px-4 md:px-0', {
-        'md:prose-2xl': !small,
-      }),
-    [small]
-  )
+  const className = 'pt-10 px-6 m-auto max-w-full w-[900px]'
 
   return (
     <>
-      <article className={articleClassName}>
-        <header>
-          <h1 className="pt-10">{note?.title ?? t('Untitled')}</h1>
-        </header>
-        <main
-          dangerouslySetInnerHTML={{
-            __html: post,
-          }}
-        ></main>
-        <style jsx>{`
-          .prose :glboal(img) {
-            margin: auto;
-          }
-
-          .prose :glboal([title='left-50']) {
-            float: left;
-            width: 50%;
-            margin-right: 2em;
-            margin-bottom: 1em;
-            clear: initial;
-          }
-
-          .prose :glboal([title='right-50']) {
-            float: right;
-            width: 50%;
-            margin-left: 2em;
-            margin-bottom: 1em;
-            clear: initial;
-          }
-
-          .prose :glboal(figcaption) {
-            text-align: center;
-          }
-
-          .prose :global(.task-list-item) {
-            padding-left: 0;
-          }
-
-          .prose :global(.task-list-item::before) {
-            content: none;
-          }
-
-          .prose :global(.task-list-item label) {
-            margin-left: 6px;
-          }
-
-          .prose :global(.notice) {
-            display: flex;
-            align-items: center;
-            background: ${editorTheme.noticeInfoBackground};
-            color: ${editorTheme.noticeInfoText};
-            border-radius: 4px;
-            padding: 8px 16px;
-            margin: 8px 0;
-          }
-
-          .prose :global(.notice *) {
-            margin: 0;
-            color: currentColor;
-          }
-
-          .prose :global(.notice .icon) {
-            width: 1.5em;
-            height: 1.5em;
-            align-self: flex-start;
-            margin-right: 4px;
-            position: relative;
-            top: 1px;
-          }
-
-          .prose :global(.notice svg) {
-            width: 100%;
-            height: 100%;
-          }
-
-          .prose :global(.notice .content) {
-            flex-grow: 1;
-          }
-
-          .prose :global(.notice a) {
-            color: ${editorTheme.noticeInfoText};
-          }
-          .prose :global(.notice a:not(.heading-name)) {
-            text-decoration: underline;
-          }
-
-          .prose :global(.notice-tip) {
-            background: ${editorTheme.noticeTipBackground};
-            color: ${editorTheme.noticeTipText};
-          }
-
-          .prose :global(.notice-tip a) {
-            color: ${editorTheme.noticeTipText};
-          }
-          .prose :global(.notice-warning) {
-            background: ${editorTheme.noticeWarningBackground};
-            color: ${editorTheme.noticeWarningText};
-          }
-
-          .prose: global(.notice-warning a) {
-            color: ${editorTheme.noticeWarningText};
-          }
-
-          .prose :global(table *) {
-            margin: 0;
-          }
-        `}</style>
-      </article>
+      <MainEditor className={className} readOnly />
       {small ? null : (
         <>
           {injection ? (
             <InnerHTML
               id="snippet-injection"
-              className={articleClassName}
+              className={className}
+              style={{ width: MAX_WIDTH }}
               html={injectionHTML}
             />
           ) : null}
-          <footer className="text-gray-300 text-center my-20 text-sm">
+          <footer className="pb-10 text-gray-300 text-center my-20 text-sm">
             Built with{' '}
             <a
               href="https://cinwell.com/notea/"
diff --git a/components/editor/edit-title.tsx b/components/editor/edit-title.tsx
index 0652a1039..dc1c2e84d 100644
--- a/components/editor/edit-title.tsx
+++ b/components/editor/edit-title.tsx
@@ -5,7 +5,7 @@ import { useRouter } from 'next/router'
 import { FC, useCallback, KeyboardEvent, useRef, useMemo } from 'react'
 import EditorState from 'libs/web/state/editor'
 
-const EditTitle: FC = () => {
+const EditTitle: FC<{ readOnly?: boolean }> = ({ readOnly }) => {
   const { editorEl, onNoteChange, note } = EditorState.useContainer()
   const router = useRouter()
   const inputRef = useRef<HTMLTextAreaElement>(null)
@@ -29,13 +29,13 @@ const EditTitle: FC = () => {
   )
 
   const autoFocus = useMemo(() => has(router.query, 'new'), [router.query])
-
   const { t } = useI18n()
 
   return (
     <h1 className="text-3xl mb-8">
       <TextareaAutosize
         ref={inputRef}
+        readOnly={readOnly}
         className="outline-none w-full resize-none block bg-transparent"
         placeholder={t('New Page')}
         defaultValue={note?.title}
diff --git a/components/editor/editor.tsx b/components/editor/editor.tsx
index 8bed2facf..ed33afdfd 100644
--- a/components/editor/editor.tsx
+++ b/components/editor/editor.tsx
@@ -1,6 +1,6 @@
 import { FC, useCallback, useEffect, useMemo, useState } from 'react'
 import { use100vh } from 'react-div-100vh'
-import MarkdownEditor from 'rich-markdown-editor'
+import MarkdownEditor, { Props } from 'rich-markdown-editor'
 import { useEditorTheme } from './theme'
 import useMounted from 'libs/web/hooks/use-mounted'
 import useI18n from 'libs/web/hooks/use-i18n'
@@ -9,7 +9,9 @@ import extensions from './extensions'
 import EditorState from 'libs/web/state/editor'
 import { useToast } from 'libs/web/hooks/use-toast'
 
-const Editor: FC = () => {
+export type EditorProps = Pick<Props, 'readOnly'>
+
+const Editor: FC<EditorProps> = ({ readOnly }) => {
   const {
     onSearchLink,
     onCreateLink,
@@ -106,6 +108,7 @@ const Editor: FC = () => {
   return (
     <>
       <MarkdownEditor
+        readOnly={readOnly}
         id={note?.id}
         ref={editorEl}
         value={mounted ? note?.content : ''}
diff --git a/components/editor/main-editor.tsx b/components/editor/main-editor.tsx
index c171a2d12..e8cbb45c5 100644
--- a/components/editor/main-editor.tsx
+++ b/components/editor/main-editor.tsx
@@ -1,14 +1,19 @@
 import EditTitle from './edit-title'
-import Editor from './editor'
+import Editor, { EditorProps } from './editor'
 import Backlinks from './backlinks'
 import EditorState from 'libs/web/state/editor'
+import { FC } from 'react'
 
-const MainEditor = () => {
+const MainEditor: FC<
+  EditorProps & {
+    className?: string
+  }
+> = ({ className = 'pt-40 px-6 m-auto h-full max-w-prose', ...props }) => {
   return (
     <EditorState.Provider>
-      <article className="pt-40 px-6 m-auto h-full max-w-prose" dir="auto">
-        <EditTitle />
-        <Editor />
+      <article className={className}>
+        <EditTitle readOnly={props.readOnly} />
+        <Editor {...props} />
         <Backlinks />
       </article>
     </EditorState.Provider>
diff --git a/libs/web/state/editor.ts b/libs/web/state/editor.ts
index 0b8aa4062..e0a6eacd4 100644
--- a/libs/web/state/editor.ts
+++ b/libs/web/state/editor.ts
@@ -118,7 +118,7 @@ const useEditor = () => {
 
   const onHoverLink = useCallback(
     (event: MouseEvent | ReactMouseEvent) => {
-      if (!isBrowser) {
+      if (!isBrowser || editorEl.current?.props.readOnly) {
         return true
       }
       const link = event.target as HTMLLinkElement
diff --git a/pages/[id].tsx b/pages/[id].tsx
index 1cbd1b809..e5a94d310 100644
--- a/pages/[id].tsx
+++ b/pages/[id].tsx
@@ -19,7 +19,6 @@ export default function EditNotePage({
   pageMode,
   baseURL,
   isLoggedIn,
-  post,
 }: ServerProps) {
   if (isLoggedIn) {
     return (
@@ -31,7 +30,7 @@ export default function EditNotePage({
 
   return (
     <LayoutPublic tree={tree} note={note} pageMode={pageMode} baseURL={baseURL}>
-      <PostContainer note={note} post={post} />
+      <PostContainer note={note} />
     </LayoutPublic>
   )
 }
diff --git a/pages/api/file/[...file].ts b/pages/api/file/[...file].ts
index f4f88f20e..8576420a9 100644
--- a/pages/api/file/[...file].ts
+++ b/pages/api/file/[...file].ts
@@ -1,15 +1,12 @@
 import { api } from 'libs/server/connect'
-import { metaToJson } from 'libs/server/meta'
 import { isLoggedIn } from 'libs/server/middlewares/auth'
 import { useStore } from 'libs/server/middlewares/store'
-import { getPathFileByName, getPathNoteById } from 'libs/server/note-path'
+import { getPathFileByName } from 'libs/server/note-path'
 import { getEnv } from 'libs/shared/env'
-import { NOTE_SHARED } from 'libs/shared/meta'
 import { NOTE_ID_REGEXP } from 'libs/shared/note'
-import { strDecompress } from 'libs/shared/str'
 
 // On aliyun `X-Amz-Expires` must be less than 604800 seconds
-const expires = 604800 - 1
+const expires = 86400
 
 export default api()
   .use(useStore)
@@ -29,10 +26,9 @@ export default api()
      *   - fallback: From the sharing page [pass]
      */
     if (!isLoggedIn(req)) {
-      const meta = await req.state.store.getObjectMeta(objectPath)
-      let noteId = meta?.id ? strDecompress(meta?.id) : null
+      let noteId
 
-      if (!noteId && referer) {
+      if (referer) {
         const pathname = new URL(referer).pathname
         const m = pathname.match(new RegExp(`/(${NOTE_ID_REGEXP})$`))
 
@@ -42,14 +38,6 @@ export default api()
       if (!noteId) {
         return res.APIError.NOT_SUPPORTED.throw()
       }
-
-      const noteMeta = await req.state.store.getObjectMeta(
-        getPathNoteById(noteId)
-      )
-
-      if (metaToJson(noteMeta).shared !== NOTE_SHARED.PUBLIC) {
-        return res.APIError.NOT_SUPPORTED.throw()
-      }
     }
 
     res.setHeader(
diff --git a/pages/share/[id].tsx b/pages/share/[id].tsx
index c860c95db..d91b570be 100644
--- a/pages/share/[id].tsx
+++ b/pages/share/[id].tsx
@@ -5,7 +5,6 @@ import LayoutPublic from 'components/layout/layout-public'
 import { PostContainer } from 'components/container/post-container'
 import { ServerProps, ssr, SSRContext } from 'libs/server/connect'
 import { useSession } from 'libs/server/middlewares/session'
-import { applyPost } from 'libs/server/middlewares/post'
 import { applyReset } from 'libs/server/middlewares/reset'
 
 export default function SharePage({
@@ -13,11 +12,10 @@ export default function SharePage({
   note,
   pageMode,
   baseURL,
-  post,
 }: ServerProps) {
   return (
     <LayoutPublic tree={tree} note={note} pageMode={pageMode} baseURL={baseURL}>
-      <PostContainer note={note} post={post} />
+      <PostContainer note={note} />
     </LayoutPublic>
   )
 }
@@ -35,7 +33,7 @@ export const getServerSideProps = async (
     .use(applyReset)
     .use(applySettings)
     .use(applyUA)
-    .use(applyPost)
+    // .use(applyPost)
     .run(ctx.req, ctx.res)
 
   return {
diff --git a/tailwind.config.js b/tailwind.config.js
index 6fb76ba5e..77db7d95a 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,7 +1,8 @@
 const colors = require('tailwindcss/colors')
 
 module.exports = {
-  purge: false,
+  mode: 'jit',
+  purge: ['./pages/**/*.tsx', './components/**/*.tsx'],
   darkMode: 'class',
   theme: {
     colors: {
diff --git a/yarn.lock b/yarn.lock
index 321c0e4a6..464f834f9 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1941,6 +1941,13 @@
   dependencies:
     purgecss "^3.1.3"
 
+"@fullhuman/postcss-purgecss@^4.0.3":
+  version "4.0.3"
+  resolved "https://registry.yarnpkg.com/@fullhuman/postcss-purgecss/-/postcss-purgecss-4.0.3.tgz#55d71712ec1c7a88e0d1ba5f10ce7fb6aa05beb4"
+  integrity sha512-/EnQ9UDWGGqHkn1UKAwSgh+gJHPKmD+Z+5dQ4gWT4qq2NUyez3zqAfZNwFH3eSgmgO+wjTXfhlLchx2M9/K+7Q==
+  dependencies:
+    purgecss "^4.0.3"
+
 "@hapi/accept@5.0.2":
   version "5.0.2"
   resolved "https://registry.yarnpkg.com/@hapi/accept/-/accept-5.0.2.tgz#ab7043b037e68b722f93f376afb05e85c0699523"
@@ -2717,7 +2724,7 @@ ansi-styles@^4.0.0, ansi-styles@^4.1.0:
   dependencies:
     color-convert "^2.0.1"
 
-anymatch@~3.1.1:
+anymatch@~3.1.1, anymatch@~3.1.2:
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.2.tgz#c0557c096af32f106198f4f4e2a383537e378716"
   integrity sha512-P43ePfOAIupkguHUycrc4qJ9kz8ZiuOUijaETwX7THt0Y/GNK7v0aa8rY816xWjZ7rJdA5XdMcpVFTKMq+RvWg==
@@ -2725,6 +2732,11 @@ anymatch@~3.1.1:
     normalize-path "^3.0.0"
     picomatch "^2.0.4"
 
+arg@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/arg/-/arg-5.0.0.tgz#a20e2bb5710e82950a516b3f933fee5ed478be90"
+  integrity sha512-4P8Zm2H+BRS+c/xX1LrHw0qKpEhdlZjLCgWy+d78T9vqa2Z2SiD2wMrYuWIAFy5IZUD7nnNXroRttz+0RzlrzQ==
+
 argparse@^1.0.7:
   version "1.0.10"
   resolved "https://registry.yarnpkg.com/argparse/-/argparse-1.0.10.tgz#bcd6791ea5ae09725e17e5ad988134cd40b3d911"
@@ -2951,9 +2963,9 @@ babel-plugin-syntax-jsx@6.18.0, babel-plugin-syntax-jsx@^6.18.0:
   integrity sha1-CvMqmm4Tyno/1QaeYtew9Y0NiUY=
 
 balanced-match@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.0.tgz#89b4d199ab2bee49de164ea02b89ce462d71b767"
-  integrity sha1-ibTRmasr7kneFk6gK4nORi1xt2c=
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee"
+  integrity sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==
 
 base64-js@^1.0.2:
   version "1.5.1"
@@ -3171,7 +3183,7 @@ chalk@4.0.0:
     ansi-styles "^4.1.0"
     supports-color "^7.1.0"
 
-chalk@^4.0.0, chalk@^4.1.0:
+chalk@^4.0.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.0.tgz#4e14870a618d9e2edd97dd8345fd9d9dc315646a"
   integrity sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==
@@ -3179,6 +3191,14 @@ chalk@^4.0.0, chalk@^4.1.0:
     ansi-styles "^4.1.0"
     supports-color "^7.1.0"
 
+chalk@^4.1.0, chalk@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.1.tgz#c80b3fab28bf6371e6863325eee67e618b77e6ad"
+  integrity sha512-diHzdDKxcU+bAsUboHLPEDQiw0qEe0qd7SYUn3HgcFlWgbDcfLGswOHYeGrHKzG9z6UYf01d9VFMfZxPM1xZSg==
+  dependencies:
+    ansi-styles "^4.1.0"
+    supports-color "^7.1.0"
+
 character-entities-legacy@^1.0.0:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/character-entities-legacy/-/character-entities-legacy-1.1.4.tgz#94bc1845dce70a5bb9d2ecc748725661293d8fc1"
@@ -3214,6 +3234,21 @@ chokidar@3.5.1:
   optionalDependencies:
     fsevents "~2.3.1"
 
+chokidar@^3.5.2:
+  version "3.5.2"
+  resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.5.2.tgz#dba3976fcadb016f66fd365021d91600d01c1e75"
+  integrity sha512-ekGhOnNVPgT77r4K/U3GDhu+FQ2S8TnK/s2KbIGXi0SZWuwkZ2QNyfWdZW+TVfn84DpEP7rLeCt2UI6bJ8GwbQ==
+  dependencies:
+    anymatch "~3.1.2"
+    braces "~3.0.2"
+    glob-parent "~5.1.2"
+    is-binary-path "~2.1.0"
+    is-glob "~4.0.1"
+    normalize-path "~3.0.0"
+    readdirp "~3.6.0"
+  optionalDependencies:
+    fsevents "~2.3.2"
+
 cipher-base@^1.0.0, cipher-base@^1.0.1, cipher-base@^1.0.3:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/cipher-base/-/cipher-base-1.0.4.tgz#8760e4ecc272f4c363532f926d874aae2c1397de"
@@ -3679,9 +3714,9 @@ detective@^5.2.0:
     minimist "^1.1.1"
 
 didyoumean@^1.2.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/didyoumean/-/didyoumean-1.2.1.tgz#e92edfdada6537d484d73c0172fd1eba0c4976ff"
-  integrity sha1-6S7f2tplN9SE1zwBcv0eugxJdv8=
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/didyoumean/-/didyoumean-1.2.2.tgz#989346ffe9e839b4555ecf5666edea0d3e8ad037"
+  integrity sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==
 
 diffie-hellman@^5.0.0:
   version "5.0.3"
@@ -4157,6 +4192,17 @@ fast-glob@^3.1.1:
     micromatch "^4.0.2"
     picomatch "^2.2.1"
 
+fast-glob@^3.2.5:
+  version "3.2.6"
+  resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.2.6.tgz#434dd9529845176ea049acc9343e8282765c6e1a"
+  integrity sha512-GnLuqj/pvQ7pX8/L4J84nijv6sAnlwvSDpMkJi9i7nPmPxGtRPkBSStfvDW5l6nMdX9VWe+pkKWFTgD+vF2QSQ==
+  dependencies:
+    "@nodelib/fs.stat" "^2.0.2"
+    "@nodelib/fs.walk" "^1.2.3"
+    glob-parent "^5.1.2"
+    merge2 "^1.3.0"
+    micromatch "^4.0.4"
+
 fast-json-stable-stringify@^2.0.0, fast-json-stable-stringify@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz#874bf69c6f404c2b5d99c481341399fd55892633"
@@ -4268,6 +4314,15 @@ fraction.js@^4.0.13:
   resolved "https://registry.yarnpkg.com/fraction.js/-/fraction.js-4.0.13.tgz#3c1c315fa16b35c85fffa95725a36fa729c69dfe"
   integrity sha512-E1fz2Xs9ltlUp+qbiyx9wmt2n9dRzPsS11Jtdb8D2o+cC7wr9xkkKsVKJuBX0ST+LVS+LhLO+SbLJNtfWcJvXA==
 
+fs-extra@^10.0.0:
+  version "10.0.0"
+  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-10.0.0.tgz#9ff61b655dde53fb34a82df84bb214ce802e17c1"
+  integrity sha512-C5owb14u9eJwizKGdchcDUQeFtlSHHthBk8pbX9Vc1PFZrLombudjDnNns88aYslCyF6IY5SUw3Roz6xShcEIQ==
+  dependencies:
+    graceful-fs "^4.2.0"
+    jsonfile "^6.0.1"
+    universalify "^2.0.0"
+
 fs-extra@^9.0.1, fs-extra@^9.1.0:
   version "9.1.0"
   resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-9.1.0.tgz#5954460c764a8da2094ba3554bf839e6b9a7c86d"
@@ -4283,7 +4338,7 @@ fs.realpath@^1.0.0:
   resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
   integrity sha1-FQStJSMVjKpA20onh8sBQRmU6k8=
 
-fsevents@~2.3.1:
+fsevents@~2.3.1, fsevents@~2.3.2:
   version "2.3.2"
   resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.2.tgz#8a526f78b8fdf4623b709e0b975c52c24c02fd1a"
   integrity sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==
@@ -4340,19 +4395,38 @@ gettext-parser@^3.1.1:
     readable-stream "^3.2.0"
     safe-buffer "^5.1.2"
 
-glob-parent@^5.0.0, glob-parent@^5.1.0, glob-parent@~5.1.0:
+glob-parent@^5.0.0, glob-parent@^5.1.0, glob-parent@^5.1.2, glob-parent@~5.1.0, glob-parent@~5.1.2:
   version "5.1.2"
   resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.2.tgz#869832c58034fe68a4093c17dc15e8340d8401c4"
   integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
   dependencies:
     is-glob "^4.0.1"
 
+glob-parent@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-6.0.0.tgz#f851b59b388e788f3a44d63fab50382b2859c33c"
+  integrity sha512-Hdd4287VEJcZXUwv1l8a+vXC1GjOQqXe+VS30w/ypihpcnu9M1n3xeYeJu5CBpeEQj2nAab2xxz28GuA3vp4Ww==
+  dependencies:
+    is-glob "^4.0.1"
+
 glob-to-regexp@^0.4.1:
   version "0.4.1"
   resolved "https://registry.yarnpkg.com/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz#c75297087c851b9a578bd217dd59a92f59fe546e"
   integrity sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==
 
-glob@^7.0.0, glob@^7.0.3, glob@^7.1.1, glob@^7.1.2, glob@^7.1.3, glob@^7.1.6:
+glob@^7.0.0, glob@^7.1.2:
+  version "7.1.7"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.7.tgz#3b193e9233f01d42d0b3f78294bbeeb418f94a90"
+  integrity sha512-OvD9ENzPLbegENnYP5UUfJIirTg4+XwMWGaQfQTY0JenxNvvIKP3U3/tAQSPIu/lHxXYSZmpXlUHeqAIdKzBLQ==
+  dependencies:
+    fs.realpath "^1.0.0"
+    inflight "^1.0.4"
+    inherits "2"
+    minimatch "^3.0.4"
+    once "^1.3.0"
+    path-is-absolute "^1.0.0"
+
+glob@^7.0.3, glob@^7.1.1, glob@^7.1.3, glob@^7.1.6:
   version "7.1.6"
   resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.6.tgz#141f33b81a7c2492e125594307480c46679278a6"
   integrity sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==
@@ -4610,6 +4684,13 @@ immediate@~3.0.5:
   resolved "https://registry.yarnpkg.com/immediate/-/immediate-3.0.6.tgz#9db1dbd0faf8de6fbe0f5dd5e56bb606280de69b"
   integrity sha1-nbHb0Pr43m++D13V5Wu2BigN5ps=
 
+import-cwd@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/import-cwd/-/import-cwd-3.0.0.tgz#20845547718015126ea9b3676b7592fb8bd4cf92"
+  integrity sha512-4pnzH16plW+hgvRECbDWpQl3cqtvSofHWh44met7ESfZ8UZOWWddm8hEyDTqREJ9RbYHY8gi8DqmaelApoOGMg==
+  dependencies:
+    import-from "^3.0.0"
+
 import-fresh@^3.0.0, import-fresh@^3.2.1:
   version "3.3.0"
   resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.3.0.tgz#37162c25fcb9ebaa2e6e53d5b4d88ce17d9e0c2b"
@@ -4618,6 +4699,13 @@ import-fresh@^3.0.0, import-fresh@^3.2.1:
     parent-module "^1.0.0"
     resolve-from "^4.0.0"
 
+import-from@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/import-from/-/import-from-3.0.0.tgz#055cfec38cd5a27d8057ca51376d7d3bf0891966"
+  integrity sha512-CiuXOFFSzkU5x/CR0+z7T91Iht4CXgfCxVOFRhh2Zyhg5wOpWvvDLQUsWl+gcN+QscYBjez8hDCt85O7RLDttQ==
+  dependencies:
+    resolve-from "^5.0.0"
+
 imurmurhash@^0.1.4:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/imurmurhash/-/imurmurhash-0.1.4.tgz#9218b9b2b928a238b13dc4fb6b6d576f231453ea"
@@ -4635,11 +4723,6 @@ indent-string@^4.0.0:
   resolved "https://registry.yarnpkg.com/indent-string/-/indent-string-4.0.0.tgz#624f8f4497d619b2d9768531d58f4122854d7251"
   integrity sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==
 
-indexes-of@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/indexes-of/-/indexes-of-1.0.1.tgz#f30f716c8e2bd346c7b67d3df3915566a7c05607"
-  integrity sha1-8w9xbI4r00bHtn0985FVZqfAVgc=
-
 inflight@^1.0.4:
   version "1.0.6"
   resolved "https://registry.yarnpkg.com/inflight/-/inflight-1.0.6.tgz#49bd6331d7d02d0c09bc910a1075ba8165b56df9"
@@ -4739,14 +4822,7 @@ is-callable@^1.1.4, is-callable@^1.2.3:
   resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.2.3.tgz#8b1e0500b73a1d76c70487636f368e519de8db8e"
   integrity sha512-J1DcMe8UYTBSrKezuIUTUwjXsho29693unXM2YhJUTR2txK/eG47bvNa/wipPFmZFgr/N6f1GA66dv0mEyTIyQ==
 
-is-core-module@^2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.2.0.tgz#97037ef3d52224d85163f5597b2b63d9afed981a"
-  integrity sha512-XRAfAdyyY5F5cOXn7hYQDqh2Xmii+DEfIcQGxK/uNwMHhIkPWO0g8msXcbzLe+MpGoR951MlqM/2iIlU4vKDdQ==
-  dependencies:
-    has "^1.0.3"
-
-is-core-module@^2.4.0:
+is-core-module@^2.2.0, is-core-module@^2.4.0:
   version "2.4.0"
   resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.4.0.tgz#8e9fc8e15027b011418026e98f0e6f4d86305cc1"
   integrity sha512-6A2fkfq1rfeQZjxrZJGerpLCTHRNEBiSgnu0+obeJpEPZRUooHgsizvzv0ZjJwOz3iWIHdJtVWJ/tmPr3D21/A==
@@ -5115,6 +5191,11 @@ lie@3.1.1:
   dependencies:
     immediate "~3.0.5"
 
+lilconfig@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-2.0.3.tgz#68f3005e921dafbd2a2afb48379986aa6d2579fd"
+  integrity sha512-EHKqr/+ZvdKCifpNrJCKxBTgk5XupZA3y/aCPY9mxfgBzmgh93Mt/WqjjQ38oMxXuvDokaKiM3lAgvSH2sjtHg==
+
 lines-and-columns@^1.1.6:
   version "1.1.6"
   resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.1.6.tgz#1c00c743b433cd0a4e80758f7b64a57440d9ff00"
@@ -5263,6 +5344,11 @@ lodash.toarray@^4.4.0:
   resolved "https://registry.yarnpkg.com/lodash.toarray/-/lodash.toarray-4.4.0.tgz#24c4bfcd6b2fba38bfd0594db1179d8e9b656561"
   integrity sha1-JMS/zWsvuji/0FlNsRedjptlZWE=
 
+lodash.topath@^4.5.2:
+  version "4.5.2"
+  resolved "https://registry.yarnpkg.com/lodash.topath/-/lodash.topath-4.5.2.tgz#3616351f3bba61994a0931989660bd03254fd009"
+  integrity sha1-NhY1Hzu6YZlKCTGYlmC9AyVP0Ak=
+
 lodash.uniq@^4.5.0:
   version "4.5.0"
   resolved "https://registry.yarnpkg.com/lodash.uniq/-/lodash.uniq-4.5.0.tgz#d0225373aeb652adc1bc82e4945339a842754773"
@@ -5428,6 +5514,14 @@ micromatch@^4.0.2:
     braces "^3.0.1"
     picomatch "^2.0.5"
 
+micromatch@^4.0.4:
+  version "4.0.4"
+  resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.4.tgz#896d519dfe9db25fce94ceb7a500919bf881ebf9"
+  integrity sha512-pRmzw/XUcwXGpD9aI9q/0XOwLNygjETJ8y0ao0wdqprrzDa4YnxLcz7fQRZr8voh8V10kGhABbNcHVk5wHgWwg==
+  dependencies:
+    braces "^3.0.1"
+    picomatch "^2.2.3"
+
 miller-rabin@^4.0.0:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/miller-rabin/-/miller-rabin-4.0.1.tgz#f080351c865b0dc562a8462966daa53543c78a4d"
@@ -5500,10 +5594,10 @@ mkdirp@^0.5.1:
   dependencies:
     minimist "^1.2.5"
 
-modern-normalize@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/modern-normalize/-/modern-normalize-1.0.0.tgz#539d84a1e141338b01b346f3e27396d0ed17601e"
-  integrity sha512-1lM+BMLGuDfsdwf3rsgBSrxJwAZHFIrQ8YR61xIqdHo0uNKI9M52wNpHSrliZATJp51On6JD0AfRxd4YGSU0lw==
+modern-normalize@^1.0.0, modern-normalize@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/modern-normalize/-/modern-normalize-1.1.0.tgz#da8e80140d9221426bd4f725c6e11283d34f90b7"
+  integrity sha512-2lMlY1Yc1+CUy0gw4H95uNN7vjbpoED7NNRSBHE25nWfLBdmMzFCsPshlzbxHz+gYMcBEUN8V4pU16prcdPSgA==
 
 ms@2.0.0:
   version "2.0.0"
@@ -5520,16 +5614,16 @@ ms@^2.1.1:
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.3.tgz#574c8138ce1d2b5861f0b44579dbadd60c6615b2"
   integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
 
-nanoid@^3.1.20, nanoid@^3.1.23:
-  version "3.1.23"
-  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.1.23.tgz#f744086ce7c2bc47ee0a8472574d5c78e4183a81"
-  integrity sha512-FiB0kzdP0FFVGDKlRLEQ1BgDzU87dy5NnzjeW9YZNt+/c3+q82EQDUwniSAUxp/F0gFNI1ZhKU1FqYsMuqZVnw==
-
 nanoid@^3.1.22:
   version "3.1.22"
   resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.1.22.tgz#b35f8fb7d151990a8aebd5aa5015c03cf726f844"
   integrity sha512-/2ZUaJX2ANuLtTvqTlgqBQNJoQO398KyJgZloL0PZkC0dpysjncRUPsFe3DUPzz/y3h+u7C46np8RMuvF3jsSQ==
 
+nanoid@^3.1.23:
+  version "3.1.23"
+  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.1.23.tgz#f744086ce7c2bc47ee0a8472574d5c78e4183a81"
+  integrity sha512-FiB0kzdP0FFVGDKlRLEQ1BgDzU87dy5NnzjeW9YZNt+/c3+q82EQDUwniSAUxp/F0gFNI1ZhKU1FqYsMuqZVnw==
+
 native-url@0.3.4:
   version "0.3.4"
   resolved "https://registry.yarnpkg.com/native-url/-/native-url-0.3.4.tgz#29c943172aed86c63cee62c8c04db7f5756661f8"
@@ -5743,10 +5837,10 @@ object-assign@^4.0.1, object-assign@^4.1.1:
   resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
   integrity sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=
 
-object-hash@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/object-hash/-/object-hash-2.1.1.tgz#9447d0279b4fcf80cff3259bf66a1dc73afabe09"
-  integrity sha512-VOJmgmS+7wvXf8CjbQmimtCnEx3IAoLxI3fp2fbWehxrWBcAQFbk+vcwb6vzR0VZv/eNCJ/27j151ZTwqW/JeQ==
+object-hash@^2.1.1, object-hash@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/object-hash/-/object-hash-2.2.0.tgz#5ad518581eefc443bd763472b8ff2e9c2c0d54a5"
+  integrity sha512-gScRMn0bS5fH+IuwyIFgnh9zBdo4DV+6GhygmWM9HyNJSgS0hScp1f5vjtm7oIIOiT9trXrShAkLFSc2IqKNgw==
 
 object-inspect@^1.10.3, object-inspect@^1.9.0:
   version "1.10.3"
@@ -6028,9 +6122,9 @@ path-key@^3.0.0, path-key@^3.1.0:
   integrity sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==
 
 path-parse@^1.0.6:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.6.tgz#d62dbb5679405d72c4737ec58600e9ddcf06d24c"
-  integrity sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw==
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.7.tgz#fbc114b60ca42b30d9daf5858e4bd68bbedb6735"
+  integrity sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==
 
 path-type@^3.0.0:
   version "3.0.0"
@@ -6055,7 +6149,7 @@ pbkdf2@^3.0.3:
     safe-buffer "^5.0.1"
     sha.js "^2.4.8"
 
-picomatch@^2.0.4, picomatch@^2.2.1:
+picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.2.3:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.0.tgz#f1f061de8f6a4bf022892e2d128234fb98302972"
   integrity sha512-lY1Q/PiJGC2zOv/z391WOTD+Z02bCgsFfvxoXXf6h7kv9o+WmsmzYqrAwY63sNgOxE4xEdq0WyUnXfKeBrSvYw==
@@ -6169,21 +6263,28 @@ postcss-js@^3.0.3:
     camelcase-css "^2.0.1"
     postcss "^8.1.6"
 
-postcss-nested@^5.0.1:
-  version "5.0.3"
-  resolved "https://registry.yarnpkg.com/postcss-nested/-/postcss-nested-5.0.3.tgz#2f46d77a06fc98d9c22344fd097396f5431386db"
-  integrity sha512-R2LHPw+u5hFfDgJG748KpGbJyTv7Yr33/2tIMWxquYuHTd9EXu27PYnKi7BxMXLtzKC0a0WVsqHtd7qIluQu/g==
+postcss-load-config@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-3.1.0.tgz#d39c47091c4aec37f50272373a6a648ef5e97829"
+  integrity sha512-ipM8Ds01ZUophjDTQYSVP70slFSYg3T0/zyfII5vzhN6V57YSxMgG5syXuwi5VtS8wSf3iL30v0uBdoIVx4Q0g==
+  dependencies:
+    import-cwd "^3.0.0"
+    lilconfig "^2.0.3"
+    yaml "^1.10.2"
+
+postcss-nested@5.0.5, postcss-nested@^5.0.1:
+  version "5.0.5"
+  resolved "https://registry.yarnpkg.com/postcss-nested/-/postcss-nested-5.0.5.tgz#f0a107d33a9fab11d7637205f5321e27223e3603"
+  integrity sha512-GSRXYz5bccobpTzLQZXOnSOfKl6TwVr5CyAQJUPub4nuRJSOECK5AqurxVgmtxP48p0Kc/ndY/YyS1yqldX0Ew==
   dependencies:
     postcss-selector-parser "^6.0.4"
 
-postcss-selector-parser@^6.0.2, postcss-selector-parser@^6.0.4:
-  version "6.0.4"
-  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.4.tgz#56075a1380a04604c38b063ea7767a129af5c2b3"
-  integrity sha512-gjMeXBempyInaBqpp8gODmwZ52WaYsVOsfr4L4lDQ7n3ncD6mEyySiDtgzCT+NYC0mmeOLvtsF8iaEf0YT6dBw==
+postcss-selector-parser@^6.0.2, postcss-selector-parser@^6.0.4, postcss-selector-parser@^6.0.6:
+  version "6.0.6"
+  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.6.tgz#2c5bba8174ac2f6981ab631a42ab0ee54af332ea"
+  integrity sha512-9LXrvaaX3+mcv5xkg5kFwqSzSH1JIObIx51PrndZwlmznwXRfxMddDvo9gve3gVR8ZTKgoFDdWkbRFmEhT4PMg==
   dependencies:
     cssesc "^3.0.0"
-    indexes-of "^1.0.1"
-    uniq "^1.0.1"
     util-deprecate "^1.0.2"
 
 postcss-value-parser@^3.3.0:
@@ -6215,13 +6316,13 @@ postcss@^6.0.9:
     supports-color "^5.4.0"
 
 postcss@^8.1.6, postcss@^8.2.1:
-  version "8.2.6"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.2.6.tgz#5d69a974543b45f87e464bc4c3e392a97d6be9fe"
-  integrity sha512-xpB8qYxgPuly166AGlpRjUdEYtmOWx2iCwGmrv4vqZL9YPVviDVPZPRXxnXr6xPZOdxQ9lp3ZBFCRgWJ7LE3Sg==
+  version "8.3.5"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.3.5.tgz#982216b113412bc20a86289e91eb994952a5b709"
+  integrity sha512-NxTuJocUhYGsMiMFHDUkmjSKT3EdH4/WbGF6GCi1NDGk+vbcUTun4fpbOqaPtD8IIsztA2ilZm2DhYCuyN58gA==
   dependencies:
-    colorette "^1.2.1"
-    nanoid "^3.1.20"
-    source-map "^0.6.1"
+    colorette "^1.2.2"
+    nanoid "^3.1.23"
+    source-map-js "^0.6.2"
 
 postcss@^8.2.6:
   version "8.2.15"
@@ -6467,6 +6568,16 @@ purgecss@^3.1.3:
     postcss "^8.2.1"
     postcss-selector-parser "^6.0.2"
 
+purgecss@^4.0.3:
+  version "4.0.3"
+  resolved "https://registry.yarnpkg.com/purgecss/-/purgecss-4.0.3.tgz#8147b429f9c09db719e05d64908ea8b672913742"
+  integrity sha512-PYOIn5ibRIP34PBU9zohUcCI09c7drPJJtTDAc0Q6QlRz2/CHQ8ywGLdE7ZhxU2VTqB7p5wkvj5Qcm05Rz3Jmw==
+  dependencies:
+    commander "^6.0.0"
+    glob "^7.0.0"
+    postcss "^8.2.1"
+    postcss-selector-parser "^6.0.2"
+
 querystring-es3@0.2.1, querystring-es3@^0.2.0:
   version "0.2.1"
   resolved "https://registry.yarnpkg.com/querystring-es3/-/querystring-es3-0.2.1.tgz#9ec61f79049875707d69414596fd907a4d711e73"
@@ -6494,6 +6605,11 @@ queue@6.0.2:
   dependencies:
     inherits "~2.0.3"
 
+quick-lru@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/quick-lru/-/quick-lru-5.1.1.tgz#366493e6b3e42a3a6885e2e99d18f80fb7a8c932"
+  integrity sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==
+
 raf-schd@^4.0.0:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/raf-schd/-/raf-schd-4.0.2.tgz#bd44c708188f2e84c810bf55fcea9231bcaed8a0"
@@ -6684,6 +6800,13 @@ readdirp@~3.5.0:
   dependencies:
     picomatch "^2.2.1"
 
+readdirp@~3.6.0:
+  version "3.6.0"
+  resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-3.6.0.tgz#74a370bd857116e245b29cc97340cd431a02a6c7"
+  integrity sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==
+  dependencies:
+    picomatch "^2.2.1"
+
 reduce-css-calc@^2.1.8:
   version "2.1.8"
   resolved "https://registry.yarnpkg.com/reduce-css-calc/-/reduce-css-calc-2.1.8.tgz#7ef8761a28d614980dc0c982f772c93f7a99de03"
@@ -6800,6 +6923,11 @@ resolve-from@^4.0.0:
   resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6"
   integrity sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==
 
+resolve-from@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-5.0.0.tgz#c35225843df8f776df21c57557bc087e9dfdfc69"
+  integrity sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==
+
 resolve@^1.10.0, resolve@^1.13.1, resolve@^1.14.2, resolve@^1.18.1, resolve@^1.19.0, resolve@^1.20.0:
   version "1.20.0"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.20.0.tgz#629a013fb3f70755d6f0b7935cc1c2c5378b1975"
@@ -6866,7 +6994,7 @@ rimraf@^2.6.3:
   dependencies:
     glob "^7.1.3"
 
-rimraf@^3.0.2:
+rimraf@^3.0.0, rimraf@^3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-3.0.2.tgz#f1a5402ba6220ad52cc1282bac1ae3aa49fd061a"
   integrity sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==
@@ -7144,6 +7272,11 @@ source-list-map@^2.0.0:
   resolved "https://registry.yarnpkg.com/source-list-map/-/source-list-map-2.0.1.tgz#3993bd873bfc48479cca9ea3a547835c7c154b34"
   integrity sha512-qnQ7gVMxGNxsiL4lEuJwe/To8UnK7fAnmbGEEH8RpLouuKbeEm0lhbQVFIrNSuB+G7tVrAlVsZgETT5nljf+Iw==
 
+source-map-js@^0.6.2:
+  version "0.6.2"
+  resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-0.6.2.tgz#0bb5de631b41cfbda6cfba8bd05a80efdfd2385e"
+  integrity sha512-/3GptzWzu0+0MBQFrDKzw/DvvMTUORvgY6k6jd/VS6iCR4RDTKWH6v6WPwQoUO8667uQEf9Oe38DxAYWY5F/Ug==
+
 source-map-support@^0.5.16, source-map-support@~0.5.19:
   version "0.5.19"
   resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.19.tgz#a98b62f86dcaf4f67399648c085291ab9e8fed61"
@@ -7469,7 +7602,7 @@ table@^6.0.4:
     slice-ansi "^4.0.0"
     string-width "^4.2.0"
 
-tailwindcss@^2.0.0, tailwindcss@^2.0.3:
+tailwindcss@^2.0.0:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-2.0.3.tgz#f8d07797d1f89dc4b171673c26237b58783c2c86"
   integrity sha512-s8NEqdLBiVbbdL0a5XwTb8jKmIonOuI4RMENEcKLR61jw6SdKvBss7NWZzwCaD+ZIjlgmesv8tmrjXEp7C0eAQ==
@@ -7495,6 +7628,43 @@ tailwindcss@^2.0.0, tailwindcss@^2.0.3:
     reduce-css-calc "^2.1.8"
     resolve "^1.19.0"
 
+tailwindcss@^2.0.3:
+  version "2.2.4"
+  resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-2.2.4.tgz#6a2e259b1e26125aeaa7cdc479963fd217c308b0"
+  integrity sha512-OdBCPgazNNsknSP+JfrPzkay9aqKjhKtFhbhgxHgvEFdHy/GuRPo2SCJ4w1SFTN8H6FPI4m6qD/Jj20NWY1GkA==
+  dependencies:
+    "@fullhuman/postcss-purgecss" "^4.0.3"
+    arg "^5.0.0"
+    bytes "^3.0.0"
+    chalk "^4.1.1"
+    chokidar "^3.5.2"
+    color "^3.1.3"
+    cosmiconfig "^7.0.0"
+    detective "^5.2.0"
+    didyoumean "^1.2.1"
+    dlv "^1.1.3"
+    fast-glob "^3.2.5"
+    fs-extra "^10.0.0"
+    glob-parent "^6.0.0"
+    html-tags "^3.1.0"
+    is-glob "^4.0.1"
+    lodash "^4.17.21"
+    lodash.topath "^4.5.2"
+    modern-normalize "^1.1.0"
+    node-emoji "^1.8.1"
+    normalize-path "^3.0.0"
+    object-hash "^2.2.0"
+    postcss-js "^3.0.3"
+    postcss-load-config "^3.1.0"
+    postcss-nested "5.0.5"
+    postcss-selector-parser "^6.0.6"
+    postcss-value-parser "^4.1.0"
+    pretty-hrtime "^1.0.3"
+    quick-lru "^5.1.1"
+    reduce-css-calc "^2.1.8"
+    resolve "^1.20.0"
+    tmp "^0.2.1"
+
 temp-dir@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/temp-dir/-/temp-dir-2.0.0.tgz#bde92b05bdfeb1516e804c9c00ad45177f31321e"
@@ -7585,6 +7755,13 @@ tiny-warning@^1.0.2:
   resolved "https://registry.yarnpkg.com/tiny-warning/-/tiny-warning-1.0.3.tgz#94a30db453df4c643d0fd566060d60a875d84754"
   integrity sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA==
 
+tmp@^0.2.1:
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/tmp/-/tmp-0.2.1.tgz#8457fc3037dcf4719c251367a1af6500ee1ccf14"
+  integrity sha512-76SUhtfqR2Ijn+xllcI5P1oyannHNHByD80W1q447gU3mp9G9PSpGdWmjUOHRDPiHYacIk66W7ubDTuPF3BEtQ==
+  dependencies:
+    rimraf "^3.0.0"
+
 to-arraybuffer@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/to-arraybuffer/-/to-arraybuffer-1.0.1.tgz#7d229b1fcc637e466ca081180836a7aabff83f43"
@@ -7762,11 +7939,6 @@ unicode-property-aliases-ecmascript@^1.0.4:
   resolved "https://registry.yarnpkg.com/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-1.1.0.tgz#dd57a99f6207bedff4628abefb94c50db941c8f4"
   integrity sha512-PqSoPh/pWetQ2phoj5RLiaqIk4kCNwoV3CI+LfGmWLKI3rE3kl1h59XpX2BjgDrmbxD9ARtQobPGU1SguCYuQg==
 
-uniq@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/uniq/-/uniq-1.0.1.tgz#b31c5ae8254844a3a8281541ce2b04b865a734ff"
-  integrity sha1-sxxa6CVIRKOoKBVBzisEuGWnNP8=
-
 unique-string@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/unique-string/-/unique-string-2.0.0.tgz#39c6451f81afb2749de2b233e3f7c5e8843bd89d"
@@ -8186,6 +8358,11 @@ yaml@^1.10.0:
   resolved "https://registry.yarnpkg.com/yaml/-/yaml-1.10.0.tgz#3b593add944876077d4d683fee01081bd9fff31e"
   integrity sha512-yr2icI4glYaNG+KWONODapy2/jDdMSDnrONSjblABjD9B4Z5LgiircSt8m8sRZFNi08kG9Sm0uSHtEmP3zaEGg==
 
+yaml@^1.10.2:
+  version "1.10.2"
+  resolved "https://registry.yarnpkg.com/yaml/-/yaml-1.10.2.tgz#2301c5ffbf12b467de8da2333a459e29e7920e4b"
+  integrity sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==
+
 yocto-queue@^0.1.0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-0.1.0.tgz#0294eb3dee05028d31ee1a5fa2c556a6aaf10a1b"

From 9bb62c070f6b94a9955f12c02f187fc58cd626d6 Mon Sep 17 00:00:00 2001
From: liqingwei <liqingwei@shimo.im>
Date: Sat, 3 Jul 2021 16:44:52 +0800
Subject: [PATCH 2/4] refactor: update preview note

---
 components/container/post-container.tsx      |  2 +-
 components/editor/main-editor.tsx            | 14 +++-
 components/portal/preview-modal.tsx          | 16 +----
 libs/server/connect.ts                       |  1 -
 libs/server/middlewares/post.ts              | 19 -----
 libs/shared/markdown/notice-plugin.tsx       | 35 ---------
 libs/shared/markdown/parse-markdown-title.ts | 14 ----
 libs/shared/markdown/render.tsx              | 49 -------------
 libs/web/state/editor.ts                     |  5 +-
 package.json                                 |  6 --
 pages/[id].tsx                               |  2 -
 yarn.lock                                    | 75 +-------------------
 12 files changed, 20 insertions(+), 218 deletions(-)
 delete mode 100644 libs/server/middlewares/post.ts
 delete mode 100644 libs/shared/markdown/notice-plugin.tsx
 delete mode 100644 libs/shared/markdown/parse-markdown-title.ts
 delete mode 100644 libs/shared/markdown/render.tsx

diff --git a/components/container/post-container.tsx b/components/container/post-container.tsx
index 0828cd3db..38c178c1e 100644
--- a/components/container/post-container.tsx
+++ b/components/container/post-container.tsx
@@ -30,7 +30,7 @@ export const PostContainer: FC<{
 
   return (
     <>
-      <MainEditor className={className} readOnly />
+      <MainEditor small={small} note={note} className={className} readOnly />
       {small ? null : (
         <>
           {injection ? (
diff --git a/components/editor/main-editor.tsx b/components/editor/main-editor.tsx
index e8cbb45c5..7e744fff3 100644
--- a/components/editor/main-editor.tsx
+++ b/components/editor/main-editor.tsx
@@ -3,18 +3,26 @@ import Editor, { EditorProps } from './editor'
 import Backlinks from './backlinks'
 import EditorState from 'libs/web/state/editor'
 import { FC } from 'react'
+import { NoteModel } from 'libs/shared/note'
 
 const MainEditor: FC<
   EditorProps & {
+    note?: NoteModel
+    small?: boolean
     className?: string
   }
-> = ({ className = 'pt-40 px-6 m-auto h-full max-w-prose', ...props }) => {
+> = ({
+  className = 'pt-40 px-6 m-auto h-full max-w-prose',
+  note,
+  small,
+  ...props
+}) => {
   return (
-    <EditorState.Provider>
+    <EditorState.Provider initialState={note}>
       <article className={className}>
         <EditTitle readOnly={props.readOnly} />
         <Editor {...props} />
-        <Backlinks />
+        {!small && <Backlinks />}
       </article>
     </EditorState.Provider>
   )
diff --git a/components/portal/preview-modal.tsx b/components/portal/preview-modal.tsx
index 9545ef3d3..38c9d110c 100644
--- a/components/portal/preview-modal.tsx
+++ b/components/portal/preview-modal.tsx
@@ -1,18 +1,10 @@
-import React, {
-  FC,
-  useCallback,
-  useEffect,
-  useMemo,
-  useRef,
-  useState,
-} from 'react'
+import React, { FC, useCallback, useEffect, useRef, useState } from 'react'
 import { Paper, Popper, Fade } from '@material-ui/core'
 import PortalState from 'libs/web/state/portal'
 import { useRouter } from 'next/router'
 import { NoteCacheItem } from 'libs/web/cache'
 import useNoteAPI from 'libs/web/api/note'
 import { PostContainer } from 'components/container/post-container'
-import { renderMarkdown } from 'libs/shared/markdown/render'
 import IconButton from 'components/icon-button'
 import HotkeyTooltip from 'components/hotkey-tooltip'
 import useI18n from 'libs/web/hooks/use-i18n'
@@ -81,10 +73,6 @@ const PreviewModal: FC = () => {
     }
   }, [note?.id, router])
 
-  const post = useMemo(() => {
-    return renderMarkdown(note?.content ?? '')
-  }, [note?.content])
-
   useEffect(() => {
     setAnchor(null)
     close()
@@ -123,7 +111,7 @@ const PreviewModal: FC = () => {
               </HotkeyTooltip>
             </div>
             <div className="overflow-y-scroll h-full p-4">
-              <PostContainer small post={post} note={note}></PostContainer>
+              <PostContainer small note={note}></PostContainer>
             </div>
           </Paper>
         </Fade>
diff --git a/libs/server/connect.ts b/libs/server/connect.ts
index 6f45b4c94..cf7373026 100644
--- a/libs/server/connect.ts
+++ b/libs/server/connect.ts
@@ -36,7 +36,6 @@ export interface ServerProps {
   tree?: TreeModel
   ua?: UserAgentType
   disablePassword: boolean
-  post: string
 }
 
 export type ApiRequest = NextApiRequest & {
diff --git a/libs/server/middlewares/post.ts b/libs/server/middlewares/post.ts
deleted file mode 100644
index 4b0147fb5..000000000
--- a/libs/server/middlewares/post.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { SSRMiddleware } from '../connect'
-import { renderMarkdown } from 'libs/shared/markdown/render'
-
-export const applyPost: SSRMiddleware = async (req, _res, next) => {
-  req.props = {
-    ...req.props,
-    post: renderMarkdown(req.props.note?.content ?? ''),
-  }
-
-  next()
-}
-
-export const applyPostWithAuth: SSRMiddleware = async (req, res, next) => {
-  if (req.props.isLoggedIn) {
-    return next()
-  }
-
-  return applyPost(req, res, next)
-}
diff --git a/libs/shared/markdown/notice-plugin.tsx b/libs/shared/markdown/notice-plugin.tsx
deleted file mode 100644
index b5c9fe017..000000000
--- a/libs/shared/markdown/notice-plugin.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import MarkdownIt from 'markdown-it'
-import customFence from 'markdown-it-container'
-import ReactDOMServer from 'react-dom/server'
-import { WarningIcon, InfoIcon, StarredIcon } from 'outline-icons'
-
-export default function notice(md: MarkdownIt) {
-  return customFence(md, 'notice', {
-    marker: ':',
-    validate: () => true,
-    render: function (tokens, idx) {
-      const { info } = tokens[idx]
-      let icon
-
-      if (info === 'tip') {
-        icon = <StarredIcon color="currentColor" />
-      } else if (info === 'warning') {
-        icon = <WarningIcon color="currentColor" />
-      } else {
-        icon = <InfoIcon color="currentColor" />
-      }
-
-      if (tokens[idx].nesting === 1) {
-        // opening tag
-        return `<div class="notice notice-${md.utils.escapeHtml(
-          info
-        )}">\n${ReactDOMServer.renderToString(
-          <div className="icon">{icon}</div>
-        )}<div class="content">`
-      } else {
-        // closing tag
-        return '</div></div>\n'
-      }
-    },
-  })
-}
diff --git a/libs/shared/markdown/parse-markdown-title.ts b/libs/shared/markdown/parse-markdown-title.ts
deleted file mode 100644
index 7f0671461..000000000
--- a/libs/shared/markdown/parse-markdown-title.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-/**
- * @todo parse underlined header
- */
-export const parseMarkdownTitle = (markdown: string) => {
-  const matches = markdown.match(/^#[^#][\s]*(.+?)#*?$/m)
-
-  if (matches && matches.length) {
-    return {
-      content: markdown.replace(matches[0], ''),
-      title: matches[1],
-    }
-  }
-  return { content: markdown, title: '' }
-}
diff --git a/libs/shared/markdown/render.tsx b/libs/shared/markdown/render.tsx
deleted file mode 100644
index 1dd4c94ae..000000000
--- a/libs/shared/markdown/render.tsx
+++ /dev/null
@@ -1,49 +0,0 @@
-import markdownit from 'markdown-it'
-import markPlugin from 'rich-markdown-editor/dist/lib/markdown/mark'
-import embedsPlugin from 'rich-markdown-editor/dist/lib/markdown/embeds'
-import breakPlugin from 'rich-markdown-editor/dist/lib/markdown/breaks'
-import tablesPlugin from 'rich-markdown-editor/dist/lib/markdown/tables'
-import noticesPlugin from './notice-plugin'
-import underlinesPlugin from 'rich-markdown-editor/dist/lib/markdown/underlines'
-import hljs from 'highlight.js'
-
-function highlight(str: string, lang: string) {
-  if (lang && hljs.getLanguage(lang)) {
-    try {
-      return hljs.highlight(str, { language: lang }).value
-    } catch (_) {
-      // nothing
-    }
-  }
-
-  return '' // use external default escaping
-}
-
-export function renderMarkdown(src: string) {
-  src = src.replace(/\\\n/g, '\n')
-
-  const html = markdownit('default', {
-    breaks: false,
-    html: false,
-    linkify: true,
-    highlight,
-  })
-    .use(embedsPlugin([]))
-    .use(breakPlugin)
-    .use(markPlugin({ delim: '==', mark: 'highlight' }))
-    .use(markPlugin({ delim: '!!', mark: 'placeholder' }))
-    .use(underlinesPlugin)
-    .use(tablesPlugin)
-    .use(noticesPlugin)
-    .use(require('markdown-it-task-checkbox'), {
-      disabled: true,
-    })
-    .use(require('markdown-it-implicit-figures'), {
-      figcaption: true,
-      dataType: true,
-    })
-    .render(src)
-    .trim()
-
-  return html
-}
diff --git a/libs/web/state/editor.ts b/libs/web/state/editor.ts
index e0a6eacd4..271b10bac 100644
--- a/libs/web/state/editor.ts
+++ b/libs/web/state/editor.ts
@@ -36,13 +36,14 @@ const onSearchLink = async (keyword: string) => {
   }))
 }
 
-const useEditor = () => {
+const useEditor = (initNote: NoteModel) => {
   const {
     createNoteWithTitle,
     updateNote,
     createNote,
-    note,
+    note: noteProp,
   } = NoteState.useContainer()
+  const note = initNote ?? noteProp
   const {
     ua: { isBrowser },
   } = UIState.useContainer()
diff --git a/package.json b/package.json
index 6f2bdcdcf..c8b787241 100644
--- a/package.json
+++ b/package.json
@@ -44,10 +44,6 @@
     "localforage": "^1.9.0",
     "lodash": "^4.17.21",
     "lzutf8": "^0.6.0",
-    "markdown-it": "^12.0.6",
-    "markdown-it-container": "^3.0.0",
-    "markdown-it-implicit-figures": "^0.10.0",
-    "markdown-it-task-checkbox": "^1.0.6",
     "markdown-link-extractor": "^1.3.0",
     "md5": "^2.3.0",
     "minio": "^7.0.18",
@@ -81,8 +77,6 @@
     "@types/classnames": "^2.2.11",
     "@types/formidable": "^1.0.32",
     "@types/lodash": "^4.14.168",
-    "@types/markdown-it": "^12.0.1",
-    "@types/markdown-it-container": "^2.0.3",
     "@types/md5": "^2.3.0",
     "@types/minio": "^7.0.7",
     "@types/node": "^12.12.21",
diff --git a/pages/[id].tsx b/pages/[id].tsx
index e5a94d310..80e03858e 100644
--- a/pages/[id].tsx
+++ b/pages/[id].tsx
@@ -9,7 +9,6 @@ import { PostContainer } from 'components/container/post-container'
 import { applyCsrf } from 'libs/server/middlewares/csrf'
 import { ssr, SSRContext, ServerProps } from 'libs/server/connect'
 import { applyUA } from 'libs/server/middlewares/ua'
-import { applyPostWithAuth } from 'libs/server/middlewares/post'
 import { isNoteLink } from 'libs/shared/note'
 import { applyReset } from 'libs/server/middlewares/reset'
 
@@ -55,7 +54,6 @@ export const getServerSideProps = async (
     .use(applySettings)
     .use(applyCsrf)
     .use(applyUA)
-    .use(applyPostWithAuth)
     .run(ctx.req, ctx.res)
 
   return {
diff --git a/yarn.lock b/yarn.lock
index 464f834f9..4609d6ce6 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2285,11 +2285,6 @@
   dependencies:
     "@types/unist" "*"
 
-"@types/highlight.js@^9.7.0":
-  version "9.12.4"
-  resolved "https://registry.yarnpkg.com/@types/highlight.js/-/highlight.js-9.12.4.tgz#8c3496bd1b50cc04aeefd691140aa571d4dbfa34"
-  integrity sha512-t2szdkwmg2JJyuCM20e8kR2X59WCE5Zkl4bzm1u1Oukjm79zpbiAv+QjnwLnuuV0WHEcX2NgUItu0pAMKuOPww==
-
 "@types/json-schema@^7.0.3", "@types/json-schema@^7.0.5", "@types/json-schema@^7.0.6":
   version "7.0.7"
   resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.7.tgz#98a993516c859eb0d5c4c8f098317a9ea68db9ad"
@@ -2300,32 +2295,11 @@
   resolved "https://registry.yarnpkg.com/@types/json5/-/json5-0.0.29.tgz#ee28707ae94e11d2b827bcbe5270bcea7f3e71ee"
   integrity sha1-7ihweulOEdK4J7y+UnC86n8+ce4=
 
-"@types/linkify-it@*":
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/@types/linkify-it/-/linkify-it-3.0.1.tgz#4d26a9efe3aa2caf829234ec5a39580fc88b6001"
-  integrity sha512-pQv3Sygwxxh6jYQzXaiyWDAHevJqWtqDUv6t11Sa9CPGiXny66II7Pl6PR8QO5OVysD6HYOkHMeBgIjLnk9SkQ==
-
 "@types/lodash@^4.14.168":
   version "4.14.168"
   resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.14.168.tgz#fe24632e79b7ade3f132891afff86caa5e5ce008"
   integrity sha512-oVfRvqHV/V6D1yifJbVRU3TMp8OT6o6BG+U9MkwuJ3U8/CsDHvalRpsxBqivn71ztOFZBTfJMvETbqHiaNSj7Q==
 
-"@types/markdown-it-container@^2.0.3":
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/@types/markdown-it-container/-/markdown-it-container-2.0.3.tgz#436de4c019d7d71b60f759037fd4d03611569eb8"
-  integrity sha512-ouJluaEGWV7clX7NVMRjkQfS/a11hFXDG1U04l8vrS1P2UgAFPlgMpk1rAPgK0MWU1NhcBYWVW7w/SpgePLs0A==
-  dependencies:
-    "@types/markdown-it" "*"
-
-"@types/markdown-it@*", "@types/markdown-it@^12.0.1":
-  version "12.0.1"
-  resolved "https://registry.yarnpkg.com/@types/markdown-it/-/markdown-it-12.0.1.tgz#8391e19fea4796ff863edda55800c7e669beb358"
-  integrity sha512-mHfT8j/XkPb1uLEfs0/C3se6nd+webC2kcqcy8tgcVr0GDEONv/xaQzAN+aQvkxQXk/jC0Q6mPS+0xhFwRF35g==
-  dependencies:
-    "@types/highlight.js" "^9.7.0"
-    "@types/linkify-it" "*"
-    "@types/mdurl" "*"
-
 "@types/md5@^2.3.0":
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/@types/md5/-/md5-2.3.0.tgz#3b6a623091160f4dc75be3173e25f2110dc3fa1f"
@@ -2333,11 +2307,6 @@
   dependencies:
     "@types/node" "*"
 
-"@types/mdurl@*":
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/@types/mdurl/-/mdurl-1.0.2.tgz#e2ce9d83a613bacf284c7be7d491945e39e1f8e9"
-  integrity sha512-eC4U9MlIcu2q0KQmXszyn5Akca/0jrQmwDRgpAMJai7qBWq4amIQhZyNau4VYGtCeALvW1/NtjzJJ567aZxfKA==
-
 "@types/minimatch@*":
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/@types/minimatch/-/minimatch-3.0.3.tgz#3dca0e3f33b200fc7d1139c0cd96c1268cadfd9d"
@@ -2744,11 +2713,6 @@ argparse@^1.0.7:
   dependencies:
     sprintf-js "~1.0.2"
 
-argparse@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/argparse/-/argparse-2.0.1.tgz#246f50f3ca78a3240f6c997e8a9bd1eac49e4b38"
-  integrity sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==
-
 aria-query@^4.2.2:
   version "4.2.2"
   resolved "https://registry.yarnpkg.com/aria-query/-/aria-query-4.2.2.tgz#0d2ca6c9aceb56b8977e9fed6aed7e15bbd2f83b"
@@ -3840,11 +3804,6 @@ entities@~2.0.0:
   resolved "https://registry.yarnpkg.com/entities/-/entities-2.0.3.tgz#5c487e5742ab93c15abb5da22759b8590ec03b7f"
   integrity sha512-MyoZ0jgnLvB2X3Lg5HqpFmn1kybDiIfEQmKzTb5apr51Rb+T3KdmMiqa70T+bhGnyv7bQ6WMj2QMHpGMmlrUYQ==
 
-entities@~2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/entities/-/entities-2.1.0.tgz#992d3129cf7df6870b96c57858c249a120f8b8b5"
-  integrity sha512-hCx1oky9PFrJ611mf0ifBLBRW8lUUVRlFolb5gWRfIELabBlbp9xZvrqZLZAs+NxFnbfQoeGd8wDkygjg7U85w==
-
 error-ex@^1.3.1:
   version "1.3.2"
   resolved "https://registry.yarnpkg.com/error-ex/-/error-ex-1.3.2.tgz#b4ac40648107fdcdcfae242f428bea8a14d4f1bf"
@@ -5208,13 +5167,6 @@ linkify-it@^2.0.0:
   dependencies:
     uc.micro "^1.0.1"
 
-linkify-it@^3.0.1:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/linkify-it/-/linkify-it-3.0.2.tgz#f55eeb8bc1d3ae754049e124ab3bb56d97797fb8"
-  integrity sha512-gDBO4aHNZS6coiZCKVhSNh43F9ioIL4JwRjLZPkoLIY4yZFwg264Y5lu2x6rb1Js42Gh6Yqm2f6L2AJcnkzinQ==
-  dependencies:
-    uc.micro "^1.0.1"
-
 lint-staged@^10.5.4:
   version "10.5.4"
   resolved "https://registry.yarnpkg.com/lint-staged/-/lint-staged-10.5.4.tgz#cd153b5f0987d2371fc1d2847a409a2fe705b665"
@@ -5424,16 +5376,6 @@ markdown-it-container@^3.0.0:
   resolved "https://registry.yarnpkg.com/markdown-it-container/-/markdown-it-container-3.0.0.tgz#1d19b06040a020f9a827577bb7dbf67aa5de9a5b"
   integrity sha512-y6oKTq4BB9OQuY/KLfk/O3ysFhB3IMYoIWhGJEidXt1NQFocFK2sA2t0NYZAMyMShAGL6x5OPIbrmXPIqaN9rw==
 
-markdown-it-implicit-figures@^0.10.0:
-  version "0.10.0"
-  resolved "https://registry.yarnpkg.com/markdown-it-implicit-figures/-/markdown-it-implicit-figures-0.10.0.tgz#0e75e80b846da1e3117a3fc6d6b013d0cc3f2a8c"
-  integrity sha512-1TWr6+apyoJvRa4Z7eIolZdeajZCRBcc1ckVXon7XwdL8MfydIWsHnZOS5zRrpUNX5b0/O9giWcmuItSkleK5A==
-
-markdown-it-task-checkbox@^1.0.6:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/markdown-it-task-checkbox/-/markdown-it-task-checkbox-1.0.6.tgz#9ebd7b6382e99162264605bc580f2ac118be4242"
-  integrity sha512-7pxkHuvqTOu3iwVGmDPeYjQg+AIS9VQxzyLP9JCg9lBjgPAJXGEkChK6A2iFuj3tS0GV3HG2u5AMNhcQqwxpJw==
-
 markdown-it@^10.0.0:
   version "10.0.0"
   resolved "https://registry.yarnpkg.com/markdown-it/-/markdown-it-10.0.0.tgz#abfc64f141b1722d663402044e43927f1f50a8dc"
@@ -5445,17 +5387,6 @@ markdown-it@^10.0.0:
     mdurl "^1.0.1"
     uc.micro "^1.0.5"
 
-markdown-it@^12.0.6:
-  version "12.0.6"
-  resolved "https://registry.yarnpkg.com/markdown-it/-/markdown-it-12.0.6.tgz#adcc8e5fe020af292ccbdf161fe84f1961516138"
-  integrity sha512-qv3sVLl4lMT96LLtR7xeRJX11OUFjsaD5oVat2/SNBIb21bJXwal2+SklcRbTwGwqWpWH/HRtYavOoJE+seL8w==
-  dependencies:
-    argparse "^2.0.1"
-    entities "~2.1.0"
-    linkify-it "^3.0.1"
-    mdurl "^1.0.1"
-    uc.micro "^1.0.5"
-
 markdown-link-extractor@^1.3.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/markdown-link-extractor/-/markdown-link-extractor-1.3.0.tgz#a11954f683134f23edecd74ba35ae7bf7ad3d874"
@@ -5464,9 +5395,9 @@ markdown-link-extractor@^1.3.0:
     marked "^2.0.5"
 
 marked@^2.0.5:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/marked/-/marked-2.0.6.tgz#c3ab1403b9b70f26acd92590fc272eb1718e778c"
-  integrity sha512-S2mYj0FzTQa0dLddssqwRVW4EOJOVJ355Xm2Vcbm+LU7GQRGWvwbO5K87OaPSOux2AwTSgtPPaXmc8sDPrhn2A==
+  version "2.1.3"
+  resolved "https://registry.yarnpkg.com/marked/-/marked-2.1.3.tgz#bd017cef6431724fd4b27e0657f5ceb14bff3753"
+  integrity sha512-/Q+7MGzaETqifOMWYEA7HVMaZb4XbcRfaOzcSsHZEith83KGlvaSG33u0SKu89Mj5h+T8V2hM+8O45Qc5XTgwA==
 
 md5.js@^1.3.4:
   version "1.3.5"

From d0336ab14a6248a77e52a50a90bb50455a71e2bc Mon Sep 17 00:00:00 2001
From: liqingwei <liqingwei@shimo.im>
Date: Sat, 3 Jul 2021 16:48:30 +0800
Subject: [PATCH 3/4] fix: build error

---
 libs/web/state/editor.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/libs/web/state/editor.ts b/libs/web/state/editor.ts
index 271b10bac..f0b862aa4 100644
--- a/libs/web/state/editor.ts
+++ b/libs/web/state/editor.ts
@@ -36,7 +36,7 @@ const onSearchLink = async (keyword: string) => {
   }))
 }
 
-const useEditor = (initNote: NoteModel) => {
+const useEditor = (initNote?: NoteModel) => {
   const {
     createNoteWithTitle,
     updateNote,

From ae9e47fc570f45cddde4b71a0da1f9b2be1cb2f7 Mon Sep 17 00:00:00 2001
From: liqingwei <liqingwei@shimo.im>
Date: Sat, 3 Jul 2021 16:55:00 +0800
Subject: [PATCH 4/4] fix: build error

---
 libs/shared/markdown/parse-markdown-title.ts | 14 ++++++++++++++
 1 file changed, 14 insertions(+)
 create mode 100644 libs/shared/markdown/parse-markdown-title.ts

diff --git a/libs/shared/markdown/parse-markdown-title.ts b/libs/shared/markdown/parse-markdown-title.ts
new file mode 100644
index 000000000..7f0671461
--- /dev/null
+++ b/libs/shared/markdown/parse-markdown-title.ts
@@ -0,0 +1,14 @@
+/**
+ * @todo parse underlined header
+ */
+export const parseMarkdownTitle = (markdown: string) => {
+  const matches = markdown.match(/^#[^#][\s]*(.+?)#*?$/m)
+
+  if (matches && matches.length) {
+    return {
+      content: markdown.replace(matches[0], ''),
+      title: matches[1],
+    }
+  }
+  return { content: markdown, title: '' }
+}