fix(react-codemirror-merge): fix extensions props issue. (#455)

Author: jaywcjlove

core/tsconfig.json

@@ -1,9 +1,8 @@
 {
   "extends": "../tsconfig",
-  "include": ["src", ".kktrc.ts"],
+  "include": ["src"],
   "compilerOptions": {
     "outDir": "./cjs",
-    "baseUrl": ".",
-    "noEmit": false
+    "baseUrl": "."
   }
 }

merge/src/Modified.tsx

@@ -1,5 +1,5 @@
 import { useEffect } from 'react';
-import { EditorStateConfig, Extension } from '@codemirror/state';
+import { EditorStateConfig, Extension, StateEffect } from '@codemirror/state';
 import { getDefaultExtensions } from '@uiw/react-codemirror';
 import { useStore } from './store';
 
@@ -30,5 +30,11 @@ export const Modified = (props: ModifiedProps): JSX.Element | null => {
     }
   }, [props.value, props.selection, view]);
 
+  useEffect(() => {
+    if (view) {
+      view.b.dispatch({ effects: StateEffect.appendConfig.of([...defaultExtensions, ...extensions]) });
+    }
+  }, [extensions, view]);
+
   return null;
 };

merge/src/Original.tsx

@@ -1,5 +1,5 @@
 import { useEffect } from 'react';
-import { EditorStateConfig, Extension } from '@codemirror/state';
+import { EditorStateConfig, Extension, StateEffect } from '@codemirror/state';
 import { useStore } from './store';
 import { getDefaultExtensions } from '@uiw/react-codemirror';
 
@@ -30,5 +30,11 @@ export const Original = (props: OriginalProps): JSX.Element | null => {
     }
   }, [props.value, props.selection, view]);
 
+  useEffect(() => {
+    if (view) {
+      view.a.dispatch({ effects: StateEffect.appendConfig.of([...defaultExtensions, ...extensions]) });
+    }
+  }, [extensions, view]);
+
   return null;
 };

package.json

@@ -34,6 +34,6 @@
     "lint-staged": "~13.2.0",
     "prettier": "~2.8.0",
     "react-test-renderer": "~18.2.0",
-    "tsbb": "^4.1.1"
+    "tsbb": "^4.1.5"
   }
 }