@mdxeditor/editor 0.9.0 → 0.10.0-alpha.1

package/dist/plugins/codeblock/index.js

@@ -0,0 +1,73 @@
+import { CodeBlockVisitor } from "./CodeBlockVisitor.js";
+import { MdastCodeVisitor } from "./MdastCodeVisitor.js";
+import { coreSystem } from "../core/index.js";
+import { $createCodeBlockNode, CodeBlockNode } from "./CodeBlockNode.js";
+import { useCodeBlockEditorContext } from "./CodeBlockNode.js";
+import { system } from "../../gurx/realmFactory.js";
+import { realmPlugin } from "../../gurx/react.js";
+const codeBlockSystem = system(
+  (r, [{ insertDecoratorNode }]) => {
+    const codeBlockEditorDescriptors = r.node([]);
+    const appendCodeBlockEditorDescriptor = r.node();
+    const insertCodeBlock = r.node();
+    const defaultCodeBlockLanguage = r.node("");
+    r.link(
+      r.pipe(
+        insertCodeBlock,
+        r.o.withLatestFrom(defaultCodeBlockLanguage),
+        r.o.map(
+          ([payload, defaultCodeBlockLanguage2]) => () => $createCodeBlockNode({ language: defaultCodeBlockLanguage2, ...payload })
+        )
+      ),
+      insertDecoratorNode
+    );
+    r.link(
+      r.pipe(
+        appendCodeBlockEditorDescriptor,
+        r.o.withLatestFrom(codeBlockEditorDescriptors),
+        r.o.map(([newValue, values]) => {
+          if (values.includes(newValue)) {
+            return values;
+          }
+          return [...values, newValue];
+        })
+      ),
+      codeBlockEditorDescriptors
+    );
+    return {
+      codeBlockEditorDescriptors,
+      defaultCodeBlockLanguage,
+      appendCodeBlockEditorDescriptor,
+      insertCodeBlock
+    };
+  },
+  [coreSystem]
+);
+const [
+  /**
+   * @internal
+   */
+  codeBlockPlugin,
+  /**
+   * @internal
+   */
+  codeBlockPluginHooks
+] = realmPlugin({
+  id: "codeblock",
+  systemSpec: codeBlockSystem,
+  applyParamsToSystem(realm, params) {
+    realm.pubKey("defaultCodeBlockLanguage", (params == null ? void 0 : params.defaultCodeBlockLanguage) || "");
+  },
+  init: (realm, params) => {
+    realm.pubKey("codeBlockEditorDescriptors", (params == null ? void 0 : params.codeBlockEditorDescriptors) || []);
+    realm.pubKey("addImportVisitor", MdastCodeVisitor);
+    realm.pubKey("addLexicalNode", CodeBlockNode);
+    realm.pubKey("addExportVisitor", CodeBlockVisitor);
+  }
+});
+export {
+  codeBlockPlugin,
+  codeBlockPluginHooks,
+  codeBlockSystem,
+  useCodeBlockEditorContext
+};

package/dist/plugins/codemirror/CodeMirrorEditor.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { CodeBlockEditorProps } from '../codeblock';
+export declare const CodeMirrorEditor: ({ language, nodeKey, code, focusEmitter }: CodeBlockEditorProps) => React.JSX.Element;

package/dist/plugins/codemirror/CodeMirrorEditor.js

@@ -0,0 +1,33 @@
+import React__default from "react";
+import { useCodeMirrorRef } from "../sandpack/useCodeMirrorRef.js";
+import { SandpackProvider, CodeEditor } from "@codesandbox/sandpack-react";
+import { useCodeBlockEditorContext } from "../codeblock/CodeBlockNode.js";
+import styles from "../../styles/ui.module.css.js";
+const CodeMirrorEditor = ({ language, nodeKey, code, focusEmitter }) => {
+  const codeMirrorRef = useCodeMirrorRef(nodeKey, "codeblock", "jsx", focusEmitter);
+  const { setCode } = useCodeBlockEditorContext();
+  return /* @__PURE__ */ React__default.createElement(
+    "div",
+    {
+      className: styles.sandpackWrapper,
+      onKeyDown: (e) => {
+        e.stopPropagation();
+      }
+    },
+    /* @__PURE__ */ React__default.createElement(SandpackProvider, null, /* @__PURE__ */ React__default.createElement(
+      CodeEditor,
+      {
+        showLineNumbers: true,
+        initMode: "immediate",
+        key: language,
+        filePath: `file.${language || "txt"}`,
+        code,
+        onCodeUpdate: setCode,
+        ref: codeMirrorRef
+      }
+    ))
+  );
+};
+export {
+  CodeMirrorEditor
+};