chore!: Update editor to @notea/rich-markdown-editor

editor: I forked Outline's rich-markdown-editor and made a Notea version for it. Now more of the editor-related issues can be fixed.
prosemirror-model: Upgraded prosemirror-model to 1.16.1. I don't know why 1.17+ doesn't work (suspecting something with instanceof not working) so this is a hack.

Author: tecc

components/editor/editor.tsx

@@ -1,6 +1,6 @@
 import { FC, useEffect, useState } from 'react';
 import { use100vh } from 'react-div-100vh';
-import MarkdownEditor, { Props } from 'rich-markdown-editor';
+import MarkdownEditor, { Props } from '@notea/rich-markdown-editor';
 import { useEditorTheme } from './theme';
 import useMounted from 'libs/web/hooks/use-mounted';
 import Tooltip from './tooltip';

components/editor/embeds/index.tsx

@@ -1,6 +1,6 @@
 import CsrfTokenState from 'libs/web/state/csrf-token';
 import { useCallback } from 'react';
-import { Props } from 'rich-markdown-editor';
+import { Props } from '@notea/rich-markdown-editor';
 import { Bookmark } from './bookmark';
 import { Embed } from './embed';
 import { ReactComponentLike } from 'prop-types';

components/editor/extensions/bracket.ts

@@ -1,5 +1,5 @@
 import { InputRule } from 'prosemirror-inputrules';
-import Mark from 'rich-markdown-editor/dist/marks/Mark';
+import Mark from '@notea/rich-markdown-editor/dist/marks/Mark';
 
 export default class Bracket extends Mark {
     get name() {

components/editor/extensions/index.ts

@@ -1,4 +1,4 @@
-import { Extension } from 'rich-markdown-editor';
+import { Extension } from '@notea/rich-markdown-editor';
 import Bracket from './bracket';
 
 const extensions: Extension[] = [new Bracket()];

components/editor/theme.ts

@@ -1,6 +1,6 @@
 import { useTheme } from 'next-themes';
-import { theme } from 'rich-markdown-editor';
-import { light, dark } from 'rich-markdown-editor/dist/theme';
+import { theme } from '@notea/rich-markdown-editor';
+import { light, dark } from '@notea/rich-markdown-editor/dist/styles/theme';
 
 export const darkTheme: typeof theme = {
     ...dark,

libs/web/editor/link.ts

@@ -1,4 +1,4 @@
-import RichMarkdownEditor from 'rich-markdown-editor';
+import RichMarkdownEditor from '@notea/rich-markdown-editor';
 
 type Node = RichMarkdownEditor['view']['state']['doc'];
 

libs/web/state/editor.ts

@@ -15,7 +15,7 @@ import PortalState from 'libs/web/state/portal';
 import { NoteCacheItem } from 'libs/web/cache';
 import noteCache from 'libs/web/cache/note';
 import { createContainer } from 'unstated-next';
-import MarkdownEditor from 'rich-markdown-editor';
+import MarkdownEditor from '@notea/rich-markdown-editor';
 import { useDebouncedCallback } from 'use-debounce';
 import { ROOT_ID } from 'libs/shared/tree';
 import { has } from 'lodash';

libs/web/state/portal.ts

@@ -1,6 +1,6 @@
 import { NoteModel } from 'libs/shared/note';
 import { useState, useCallback } from 'react';
-import RichMarkdownEditor from 'rich-markdown-editor';
+import RichMarkdownEditor from '@notea/rich-markdown-editor';
 import { createContainer } from 'unstated-next';
 
 const useModalInstance = () => {

next.config.js

@@ -1,10 +1,11 @@
 const nextPWA = require('next-pwa');
 const cache = require('./scripts/cache');
 
+const developmentEnv = process.env.NODE_ENV === 'development';
 const withPWA = nextPWA({
     // target: process.env.NETLIFY ? 'serverless' : 'server',
     // mode: process.env.NODE_ENV ?? 'development',
-    disable: process.env.NODE_ENV === 'development',
+    disable: developmentEnv,
     dest: 'public',
     runtimeCaching: cache,
 });

package.json

@@ -30,7 +30,7 @@
         ]
     },
     "dependencies": {
-        "@atlaskit/tree": "^8.3.0",
+        "@atlaskit/tree": "^8.6.3",
         "@aws-sdk/client-s3": "^3.10.0",
         "@aws-sdk/s3-request-presigner": "^3.10.0",
         "@fontsource/noto-sans": "^4.5.10",
@@ -50,7 +50,7 @@
         "localforage": "^1.9.0",
         "lodash": "^4.17.21",
         "lzutf8": "^0.6.0",
-        "markdown-link-extractor": "^1.3.0",
+        "markdown-link-extractor": "^4.0.1",
         "md5": "^2.3.0",
         "minio": "^7.0.18",
         "nanoid": "^3.1.22",
@@ -71,7 +71,7 @@
         "react-split": "^2.0.9",
         "refractor": "^3.4.0",
         "remove-markdown": "^0.3.0",
-        "rich-markdown-editor": "11.17.4-0",
+        "@notea/rich-markdown-editor": "11.22.0",
         "rosetta": "^1.1.0",
         "styled-components": "^5.2.1",
         "ua-parser-js": "^0.7.24",
@@ -124,8 +124,8 @@
     "resolutions": {
         "lodash": "^4.17.21",
         "refractor": "^3.4.0",
-        "prosemirror-model": "1.9.1",
-        "@types/react": "17.0.39"
+        "@types/react": "17.0.39",
+        "prosemirror-model": "1.16.1"
     },
     "license": "MIT"
 }