@mdxeditor/editor 1.4.4 → 1.5.0

package/dist/plugins/diff-source/DiffViewer.js

@@ -13,6 +13,7 @@ const DiffViewer = () => {
 };
 const CmMergeView = ({ oldMarkdown, newMarkdown, onUpdate }) => {
   const cmMergeViewRef = React__default.useRef(null);
+  const [cmExtensions] = diffSourcePluginHooks.useEmitterValues("cmExtensions");
   const ref = React__default.useCallback(
     (el) => {
       var _a;
@@ -30,11 +31,12 @@ const CmMergeView = ({ oldMarkdown, newMarkdown, onUpdate }) => {
           gutter: true,
           a: {
             doc: oldMarkdown,
-            extensions: [...COMMON_STATE_CONFIG_EXTENSIONS, EditorState.readOnly.of(true)]
+            extensions: [...cmExtensions, ...COMMON_STATE_CONFIG_EXTENSIONS, EditorState.readOnly.of(true)]
           },
           b: {
             doc: newMarkdown,
             extensions: [
+              ...cmExtensions,
               ...COMMON_STATE_CONFIG_EXTENSIONS,
               EditorView.updateListener.of(({ state }) => {
                 const md = state.doc.toString();
@@ -48,7 +50,7 @@ const CmMergeView = ({ oldMarkdown, newMarkdown, onUpdate }) => {
         cmMergeViewRef.current = null;
       }
     },
-    [newMarkdown, oldMarkdown, onUpdate]
+    [newMarkdown, oldMarkdown, onUpdate, cmExtensions]
   );
   return /* @__PURE__ */ React__default.createElement("div", { ref });
 };

package/dist/plugins/diff-source/SourceEditor.js

@@ -9,6 +9,7 @@ import { corePluginHooks } from "../core/index.js";
 const COMMON_STATE_CONFIG_EXTENSIONS = [basicSetup, basicLight, markdown(), lineNumbers()];
 const SourceEditor = () => {
   const [markdown2, readOnly] = corePluginHooks.useEmitterValues("markdown", "readOnly");
+  const [cmExtensions] = diffSourcePluginHooks.useEmitterValues("cmExtensions");
   const updateMarkdown = diffSourcePluginHooks.usePublisher("markdownSourceEditorValue");
   const editorViewRef = React__default.useRef(null);
   const ref = React__default.useCallback(
@@ -16,6 +17,8 @@ const SourceEditor = () => {
       var _a;
       if (el !== null) {
         const extensions = [
+          // custom extensions should come first so that you can override the default extensions
+          ...cmExtensions,
           ...COMMON_STATE_CONFIG_EXTENSIONS,
           EditorView.updateListener.of(({ state }) => {
             updateMarkdown(state.doc.toString());
@@ -34,7 +37,7 @@ const SourceEditor = () => {
         editorViewRef.current = null;
       }
     },
-    [markdown2, readOnly, updateMarkdown]
+    [markdown2, readOnly, updateMarkdown, cmExtensions]
   );
   return /* @__PURE__ */ React__default.createElement("div", { ref, className: "cm-sourceView" });
 };

package/dist/plugins/diff-source/index.d.ts

@@ -11,6 +11,7 @@ import type { HistoryState } from '@lexical/history';
 import type { LexicalEditor, RangeSelection, Klass, LexicalNode, TextFormatType, ElementNode, DecoratorNode } from 'lexical';
 import type { SystemSpec, Realm, RealmNode, PluginConstructor, TypedRealm, ValueForKey, SystemKeys, ValuesForKeys, SystemDict } from '../../gurx';
 /// <reference types="react" />
+import { Extension } from '@codemirror/state';
 /** @internal */
 export type ViewMode = 'rich-text' | 'source' | 'diff';
 /** @internal */
@@ -128,7 +129,13 @@ export declare const diffSourceSystem: SystemSpec<[SystemSpec<[], (r: Realm) =>
     viewMode: RealmNode<ViewMode>;
     diffMarkdown: RealmNode<string>;
     markdownSourceEditorValue: RealmNode<string>;
+    cmExtensions: RealmNode<Extension[]>;
 }>;
+export interface DiffSourcePluginParams {
+    viewMode?: ViewMode;
+    diffMarkdown?: string;
+    codeMirrorExtensions?: Extension[];
+}
 export declare const 
 /** @internal */
 diffSourcePlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
@@ -245,16 +252,15 @@ diffSourcePlugin: PluginConstructor<SystemSpec<[SystemSpec<[], (r: Realm) => {
     viewMode: RealmNode<ViewMode>;
     diffMarkdown: RealmNode<string>;
     markdownSourceEditorValue: RealmNode<string>;
-}>, {
-    viewMode?: ViewMode | undefined;
-    diffMarkdown?: string | undefined;
-}>, 
+    cmExtensions: RealmNode<Extension[]>;
+}>, DiffSourcePluginParams>, 
 /** @internal */
 diffSourcePluginHooks: {
     useRealmContext: () => TypedRealm<{
         viewMode: RealmNode<ViewMode>;
         diffMarkdown: RealmNode<string>;
         markdownSourceEditorValue: RealmNode<string>;
+        cmExtensions: RealmNode<Extension[]>;
     } & {
         activeEditor: RealmNode<LexicalEditor | null>;
         inFocus: RealmNode<boolean>;
@@ -311,10 +317,11 @@ diffSourcePluginHooks: {
         insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
         onBlur: RealmNode<FocusEvent>;
     }>;
-    useEmitter: <K extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "onBlur" | "markdownSourceEditorValue" | "viewMode" | "diffMarkdown">(key: K, callback: (value: ValueForKey<{
+    useEmitter: <K extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "onBlur" | "markdownSourceEditorValue" | "viewMode" | "diffMarkdown" | "cmExtensions">(key: K, callback: (value: ValueForKey<{
         viewMode: RealmNode<ViewMode>;
         diffMarkdown: RealmNode<string>;
         markdownSourceEditorValue: RealmNode<string>;
+        cmExtensions: RealmNode<Extension[]>;
     } & {
         activeEditor: RealmNode<LexicalEditor | null>;
         inFocus: RealmNode<boolean>;
@@ -375,6 +382,7 @@ diffSourcePluginHooks: {
         viewMode: RealmNode<ViewMode>;
         diffMarkdown: RealmNode<string>;
         markdownSourceEditorValue: RealmNode<string>;
+        cmExtensions: RealmNode<Extension[]>;
     } & {
         activeEditor: RealmNode<LexicalEditor | null>;
         inFocus: RealmNode<boolean>;
@@ -434,6 +442,7 @@ diffSourcePluginHooks: {
         viewMode: RealmNode<ViewMode>;
         diffMarkdown: RealmNode<string>;
         markdownSourceEditorValue: RealmNode<string>;
+        cmExtensions: RealmNode<Extension[]>;
     } & {
         activeEditor: RealmNode<LexicalEditor | null>;
         inFocus: RealmNode<boolean>;
@@ -494,6 +503,7 @@ diffSourcePluginHooks: {
         viewMode: RealmNode<ViewMode>;
         diffMarkdown: RealmNode<string>;
         markdownSourceEditorValue: RealmNode<string>;
+        cmExtensions: RealmNode<Extension[]>;
     } & {
         activeEditor: RealmNode<LexicalEditor | null>;
         inFocus: RealmNode<boolean>;
@@ -550,10 +560,11 @@ diffSourcePluginHooks: {
         insertDecoratorNode: RealmNode<() => DecoratorNode<unknown>>;
         onBlur: RealmNode<FocusEvent>;
     }>) => void;
-    usePublisher: <K_2 extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "onBlur" | "markdownSourceEditorValue" | "viewMode" | "diffMarkdown">(key: K_2) => (value: ValueForKey<{
+    usePublisher: <K_2 extends "jsxComponentDescriptors" | "jsxIsAvailable" | "toMarkdownOptions" | "toMarkdownExtensions" | "mdastExtensions" | "syntaxExtensions" | "markdown" | "activeEditor" | "inFocus" | "historyState" | "currentSelection" | "initialRootEditorState" | "rootEditor" | "createRootEditorSubscription" | "createActiveEditorSubscription" | "importVisitors" | "usedLexicalNodes" | "addImportVisitor" | "addLexicalNode" | "addSyntaxExtension" | "addMdastExtension" | "addToMarkdownExtension" | "addExportVisitor" | "exportVisitors" | "initialMarkdown" | "setMarkdown" | "editorRootElementRef" | "contentEditableClassName" | "placeholder" | "autoFocus" | "readOnly" | "composerChildren" | "addComposerChild" | "topAreaChildren" | "addTopAreaChild" | "nestedEditorChildren" | "addNestedEditorChild" | "editorWrappers" | "addEditorWrapper" | "currentFormat" | "editorInFocus" | "applyFormat" | "currentBlockType" | "applyBlockType" | "convertSelectionToNode" | "insertDecoratorNode" | "onBlur" | "markdownSourceEditorValue" | "viewMode" | "diffMarkdown" | "cmExtensions">(key: K_2) => (value: ValueForKey<{
         viewMode: RealmNode<ViewMode>;
         diffMarkdown: RealmNode<string>;
         markdownSourceEditorValue: RealmNode<string>;
+        cmExtensions: RealmNode<Extension[]>;
     } & {
         activeEditor: RealmNode<LexicalEditor | null>;
         inFocus: RealmNode<boolean>;

package/dist/plugins/diff-source/index.js

@@ -6,6 +6,7 @@ const diffSourceSystem = system(
   (r, [{ markdown, setMarkdown }]) => {
     const diffMarkdown = r.node("");
     const markdownSourceEditorValue = r.node("");
+    const cmExtensions = r.node([]);
     r.link(markdown, markdownSourceEditorValue);
     const viewMode = r.node("rich-text");
     r.sub(
@@ -28,7 +29,7 @@ const diffSourceSystem = system(
         }
       }
     );
-    return { viewMode, diffMarkdown, markdownSourceEditorValue };
+    return { viewMode, diffMarkdown, markdownSourceEditorValue, cmExtensions };
   },
   [coreSystem]
 );
@@ -45,6 +46,7 @@ const [
   },
   init(r, params) {
     r.pubKey("diffMarkdown", (params == null ? void 0 : params.diffMarkdown) || "");
+    r.pubKey("cmExtensions", (params == null ? void 0 : params.codeMirrorExtensions) || []);
     r.pubKey("addEditorWrapper", DiffSourceWrapper);
   }
 });

package/package.json

@@ -9,7 +9,7 @@
   "private": false,
   "sideEffects": false,
   "type": "module",
-  "version": "1.4.4",
+  "version": "1.5.0",
   "description": "React component for rich text markdown editing",
   "scripts": {
     "build": "vite build",
@@ -110,6 +110,7 @@
     "@typescript-eslint/parser": "^6.7.2",
     "@vitejs/plugin-react": "^4.0.0",
     "autoprefixer": "^10.4.14",
+    "cm6-theme-basic-dark": "^0.2.0",
     "eslint": "^8.41.0",
     "eslint-config-prettier": "^8.8.0",
     "eslint-config-standard-with-typescript": "^39.1.0",