@mdxeditor/editor 0.9.0 → 0.10.0-alpha.2

package/dist/LeafDirectiveEditor-34ead530.js

@@ -1,59 +0,0 @@
-import React__default from "react";
-import { u as useEmitterValues, N as NestedEditorsContext } from "./index-ce0832cc.js";
-import "@lexical/react/LexicalComposer";
-import "@lexical/react/LexicalContentEditable";
-import "@lexical/react/LexicalErrorBoundary";
-import "@lexical/react/LexicalHorizontalRulePlugin";
-import "@lexical/react/LexicalLinkPlugin";
-import "@lexical/react/LexicalListPlugin";
-import "@lexical/react/LexicalRichTextPlugin";
-import "@lexical/react/LexicalTabIndentationPlugin";
-import "classnames";
-import "lexical";
-import "@lexical/code";
-import "@lexical/link";
-import "@lexical/list";
-import "@lexical/react/LexicalHorizontalRuleNode";
-import "@lexical/rich-text";
-import "mdast-util-directive";
-import "mdast-util-from-markdown";
-import "mdast-util-frontmatter";
-import "mdast-util-gfm-table";
-import "mdast-util-mdx";
-import "micromark-extension-directive";
-import "micromark-extension-frontmatter";
-import "micromark-extension-gfm-table";
-import "micromark-extension-mdxjs";
-import "@lexical/utils";
-import "@lexical/react/LexicalComposerContext";
-import "@lexical/selection";
-import "@lexical/react/LexicalHistoryPlugin";
-import "mdast-util-to-markdown";
-import "@radix-ui/react-popover";
-import "@radix-ui/react-tooltip";
-import "downshift";
-import "@lexical/markdown";
-import "@lexical/react/LexicalMarkdownShortcutPlugin";
-import "react-diff-view";
-import "unidiff";
-import "@radix-ui/react-toolbar";
-import "@radix-ui/react-select";
-import "@radix-ui/react-dialog";
-import "@lexical/react/LexicalNestedComposer";
-const LeafDirectiveEditor = ({ leafDirective, mdastNode, parentEditor }) => {
-  const [customLeafDirectiveEditors] = useEmitterValues("customLeafDirectiveEditors");
-  const Editor = React__default.useMemo(() => {
-    var _a;
-    return (_a = customLeafDirectiveEditors.find(({ testNode }) => testNode(mdastNode))) == null ? void 0 : _a.Editor;
-  }, [customLeafDirectiveEditors, mdastNode]);
-  if (Editor) {
-    return (
-      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-      /* @__PURE__ */ React__default.createElement(NestedEditorsContext.Provider, { value: { parentEditor, mdastNode, lexicalNode: leafDirective } }, /* @__PURE__ */ React__default.createElement(Editor, { mdastNode, parentEditor, leafDirective }))
-    );
-  }
-  return /* @__PURE__ */ React__default.createElement("pre", null, JSON.stringify(mdastNode, null, 2));
-};
-export {
-  LeafDirectiveEditor
-};

package/dist/SandpackEditor-a999ca47.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@codesandbox/sandpack-react"),r=require("@lexical/react/LexicalComposerContext"),i=require("react"),a=require("./index-21fcefae.cjs"),t=require("./useCodeMirrorRef-6cb866bd.cjs");require("@lexical/react/LexicalComposer"),require("@lexical/react/LexicalContentEditable"),require("@lexical/react/LexicalErrorBoundary"),require("@lexical/react/LexicalHorizontalRulePlugin"),require("@lexical/react/LexicalLinkPlugin"),require("@lexical/react/LexicalListPlugin"),require("@lexical/react/LexicalRichTextPlugin"),require("@lexical/react/LexicalTabIndentationPlugin"),require("classnames"),require("lexical"),require("@lexical/code"),require("@lexical/link"),require("@lexical/list"),require("@lexical/react/LexicalHorizontalRuleNode"),require("@lexical/rich-text"),require("mdast-util-directive"),require("mdast-util-from-markdown"),require("mdast-util-frontmatter"),require("mdast-util-gfm-table"),require("mdast-util-mdx"),require("micromark-extension-directive"),require("micromark-extension-frontmatter"),require("micromark-extension-gfm-table"),require("micromark-extension-mdxjs"),require("@lexical/utils"),require("@lexical/selection"),require("@lexical/react/LexicalHistoryPlugin"),require("mdast-util-to-markdown"),require("@radix-ui/react-popover"),require("@radix-ui/react-tooltip"),require("downshift"),require("@lexical/markdown"),require("@lexical/react/LexicalMarkdownShortcutPlugin"),require("react-diff-view"),require("unidiff"),require("@radix-ui/react-toolbar"),require("@radix-ui/react-select"),require("@radix-ui/react-dialog"),require("@lexical/react/LexicalNestedComposer");const l=({onChange:r,snippetFileName:i})=>{const{sandpack:a}=e.useSandpack();return r(a.files[i].code),null};exports.SandpackEditor=({nodeKey:c,code:n,meta:u,onChange:o,focusEmitter:s})=>{const[d]=r.useLexicalComposerContext(),[x]=a.useEmitterValues("sandpackConfig"),m=t.useCodeMirrorRef(c,"sandpack","jsx"),q=a.usePublisher("activeEditorType");i.useEffect((()=>{s.subscribe((()=>{var e,r;null==(r=null==(e=null==m?void 0:m.current)?void 0:e.getCodemirror())||r.focus(),q({type:"sandpack",nodeKey:c})}))}),[s,m,q,c]);const p=i.useCallback((e=>{d.update((()=>{o(e)}))}),[o,d]),f=function(e,r){return r.presets.find((r=>r.meta===e))||r.presets.find((e=>e.name===r.defaultPreset))}(u,x);if(!f)throw new Error(`No sandpack preset found for meta: ${u}`);return i.createElement(e.SandpackProvider,{template:f.sandpackTemplate,theme:f.sandpackTheme,files:{[f.snippetFileName]:n,...Object.entries(f.files||{}).reduce(((e,[r,i])=>({...e,[r]:{code:i,readOnly:!0}})),{})},customSetup:{dependencies:f.dependencies}},i.createElement(e.SandpackLayout,null,i.createElement(e.SandpackCodeEditor,{showLineNumbers:!0,showInlineErrors:!0,ref:m}),i.createElement(e.SandpackPreview,null)),i.createElement(l,{onChange:p,snippetFileName:f.snippetFileName}))};

package/dist/SandpackEditor-b1e22784.js

@@ -1,99 +0,0 @@
-import { SandpackProvider, SandpackLayout, SandpackCodeEditor, SandpackPreview, useSandpack } from "@codesandbox/sandpack-react";
-import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
-import React__default from "react";
-import { u as useEmitterValues, a as usePublisher } from "./index-ce0832cc.js";
-import { u as useCodeMirrorRef } from "./useCodeMirrorRef-177e9901.js";
-import "@lexical/react/LexicalComposer";
-import "@lexical/react/LexicalContentEditable";
-import "@lexical/react/LexicalErrorBoundary";
-import "@lexical/react/LexicalHorizontalRulePlugin";
-import "@lexical/react/LexicalLinkPlugin";
-import "@lexical/react/LexicalListPlugin";
-import "@lexical/react/LexicalRichTextPlugin";
-import "@lexical/react/LexicalTabIndentationPlugin";
-import "classnames";
-import "lexical";
-import "@lexical/code";
-import "@lexical/link";
-import "@lexical/list";
-import "@lexical/react/LexicalHorizontalRuleNode";
-import "@lexical/rich-text";
-import "mdast-util-directive";
-import "mdast-util-from-markdown";
-import "mdast-util-frontmatter";
-import "mdast-util-gfm-table";
-import "mdast-util-mdx";
-import "micromark-extension-directive";
-import "micromark-extension-frontmatter";
-import "micromark-extension-gfm-table";
-import "micromark-extension-mdxjs";
-import "@lexical/utils";
-import "@lexical/selection";
-import "@lexical/react/LexicalHistoryPlugin";
-import "mdast-util-to-markdown";
-import "@radix-ui/react-popover";
-import "@radix-ui/react-tooltip";
-import "downshift";
-import "@lexical/markdown";
-import "@lexical/react/LexicalMarkdownShortcutPlugin";
-import "react-diff-view";
-import "unidiff";
-import "@radix-ui/react-toolbar";
-import "@radix-ui/react-select";
-import "@radix-ui/react-dialog";
-import "@lexical/react/LexicalNestedComposer";
-const CodeUpdateEmitter = ({ onChange, snippetFileName }) => {
-  const { sandpack } = useSandpack();
-  onChange(sandpack.files[snippetFileName].code);
-  return null;
-};
-function getPresetOrDefault(meta, config) {
-  return config.presets.find((preset) => preset.meta === meta) || config.presets.find((preset) => preset.name === config.defaultPreset);
-}
-const SandpackEditor = ({ nodeKey, code, meta, onChange, focusEmitter }) => {
-  const [editor] = useLexicalComposerContext();
-  const [config] = useEmitterValues("sandpackConfig");
-  const codeMirrorRef = useCodeMirrorRef(nodeKey, "sandpack", "jsx");
-  const setActiveEditorType = usePublisher("activeEditorType");
-  React__default.useEffect(() => {
-    focusEmitter.subscribe(() => {
-      var _a, _b;
-      (_b = (_a = codeMirrorRef == null ? void 0 : codeMirrorRef.current) == null ? void 0 : _a.getCodemirror()) == null ? void 0 : _b.focus();
-      setActiveEditorType({ type: "sandpack", nodeKey });
-    });
-  }, [focusEmitter, codeMirrorRef, setActiveEditorType, nodeKey]);
-  const wrappedOnChange = React__default.useCallback(
-    (code2) => {
-      editor.update(() => {
-        onChange(code2);
-      });
-    },
-    [onChange, editor]
-  );
-  const preset = getPresetOrDefault(meta, config);
-  if (!preset) {
-    throw new Error(`No sandpack preset found for meta: ${meta}`);
-  }
-  return /* @__PURE__ */ React__default.createElement(
-    SandpackProvider,
-    {
-      template: preset.sandpackTemplate,
-      theme: preset.sandpackTheme,
-      files: {
-        [preset.snippetFileName]: code,
-        ...Object.entries(preset.files || {}).reduce(
-          (acc, [filePath, fileContents]) => ({ ...acc, ...{ [filePath]: { code: fileContents, readOnly: true } } }),
-          {}
-        )
-      },
-      customSetup: {
-        dependencies: preset.dependencies
-      }
-    },
-    /* @__PURE__ */ React__default.createElement(SandpackLayout, null, /* @__PURE__ */ React__default.createElement(SandpackCodeEditor, { showLineNumbers: true, showInlineErrors: true, ref: codeMirrorRef }), /* @__PURE__ */ React__default.createElement(SandpackPreview, null)),
-    /* @__PURE__ */ React__default.createElement(CodeUpdateEmitter, { onChange: wrappedOnChange, snippetFileName: preset.snippetFileName })
-  );
-};
-export {
-  SandpackEditor
-};

package/dist/SourceEditor-0c46ec47.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@codemirror/lang-markdown"),r=require("@codesandbox/sandpack-react"),i=require("react"),a=require("./index-21fcefae.cjs");require("@lexical/react/LexicalComposer"),require("@lexical/react/LexicalContentEditable"),require("@lexical/react/LexicalErrorBoundary"),require("@lexical/react/LexicalHorizontalRulePlugin"),require("@lexical/react/LexicalLinkPlugin"),require("@lexical/react/LexicalListPlugin"),require("@lexical/react/LexicalRichTextPlugin"),require("@lexical/react/LexicalTabIndentationPlugin"),require("classnames"),require("lexical"),require("@lexical/code"),require("@lexical/link"),require("@lexical/list"),require("@lexical/react/LexicalHorizontalRuleNode"),require("@lexical/rich-text"),require("mdast-util-directive"),require("mdast-util-from-markdown"),require("mdast-util-frontmatter"),require("mdast-util-gfm-table"),require("mdast-util-mdx"),require("micromark-extension-directive"),require("micromark-extension-frontmatter"),require("micromark-extension-gfm-table"),require("micromark-extension-mdxjs"),require("@lexical/utils"),require("@lexical/react/LexicalComposerContext"),require("@lexical/selection"),require("@lexical/react/LexicalHistoryPlugin"),require("mdast-util-to-markdown"),require("@radix-ui/react-popover"),require("@radix-ui/react-tooltip"),require("downshift"),require("@lexical/markdown"),require("@lexical/react/LexicalMarkdownShortcutPlugin"),require("react-diff-view"),require("unidiff"),require("@radix-ui/react-toolbar"),require("@radix-ui/react-select"),require("@radix-ui/react-dialog"),require("@lexical/react/LexicalNestedComposer");exports.SourceEditor=()=>{const[l]=a.useEmitterValues("markdownSourceFromEditor"),t=a.usePublisher("markdownSourceFromEditor"),u=i.useRef(null);return i.createElement("div",null,i.createElement(i.Suspense,{fallback:null},i.createElement(r.SandpackProvider,null,i.createElement(r.CodeEditor,{showLineNumbers:!0,additionalLanguages:[{name:"markdown",extensions:["md"],language:e.markdown()}],initMode:"lazy",filePath:"file.md",code:l,onCodeUpdate:t,ref:u}))))};

package/dist/SourceEditor-e509d0a5.js

@@ -1,64 +0,0 @@
-import { markdown } from "@codemirror/lang-markdown";
-import { SandpackProvider, CodeEditor } from "@codesandbox/sandpack-react";
-import React__default from "react";
-import { u as useEmitterValues, a as usePublisher } from "./index-ce0832cc.js";
-import "@lexical/react/LexicalComposer";
-import "@lexical/react/LexicalContentEditable";
-import "@lexical/react/LexicalErrorBoundary";
-import "@lexical/react/LexicalHorizontalRulePlugin";
-import "@lexical/react/LexicalLinkPlugin";
-import "@lexical/react/LexicalListPlugin";
-import "@lexical/react/LexicalRichTextPlugin";
-import "@lexical/react/LexicalTabIndentationPlugin";
-import "classnames";
-import "lexical";
-import "@lexical/code";
-import "@lexical/link";
-import "@lexical/list";
-import "@lexical/react/LexicalHorizontalRuleNode";
-import "@lexical/rich-text";
-import "mdast-util-directive";
-import "mdast-util-from-markdown";
-import "mdast-util-frontmatter";
-import "mdast-util-gfm-table";
-import "mdast-util-mdx";
-import "micromark-extension-directive";
-import "micromark-extension-frontmatter";
-import "micromark-extension-gfm-table";
-import "micromark-extension-mdxjs";
-import "@lexical/utils";
-import "@lexical/react/LexicalComposerContext";
-import "@lexical/selection";
-import "@lexical/react/LexicalHistoryPlugin";
-import "mdast-util-to-markdown";
-import "@radix-ui/react-popover";
-import "@radix-ui/react-tooltip";
-import "downshift";
-import "@lexical/markdown";
-import "@lexical/react/LexicalMarkdownShortcutPlugin";
-import "react-diff-view";
-import "unidiff";
-import "@radix-ui/react-toolbar";
-import "@radix-ui/react-select";
-import "@radix-ui/react-dialog";
-import "@lexical/react/LexicalNestedComposer";
-const SourceEditor = () => {
-  const [markdown$1] = useEmitterValues("markdownSourceFromEditor");
-  const updateMarkdown = usePublisher("markdownSourceFromEditor");
-  const codeMirrorRef = React__default.useRef(null);
-  return /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(React__default.Suspense, { fallback: null }, /* @__PURE__ */ React__default.createElement(SandpackProvider, null, /* @__PURE__ */ React__default.createElement(
-    CodeEditor,
-    {
-      showLineNumbers: true,
-      additionalLanguages: [{ name: "markdown", extensions: ["md"], language: markdown() }],
-      initMode: "lazy",
-      filePath: `file.md`,
-      code: markdown$1,
-      onCodeUpdate: updateMarkdown,
-      ref: codeMirrorRef
-    }
-  ))));
-};
-export {
-  SourceEditor
-};