@mdxeditor/editor 0.8.0 → 0.10.0-alpha.1

package/dist/plugins/quote/index.js

@@ -0,0 +1,26 @@
+import { coreSystem } from "../core/index.js";
+import { QuoteNode } from "@lexical/rich-text";
+import { MdastBlockQuoteVisitor } from "./MdastBlockQuoteVisitor.js";
+import { LexicalQuoteVisitor } from "./LexicalQuoteVisitor.js";
+import { realmPlugin } from "../../gurx/react.js";
+import { system } from "../../gurx/realmFactory.js";
+const [
+  /** @internal */
+  quotePlugin,
+  /** @internal */
+  quotePluginHooks
+] = realmPlugin({
+  id: "quote",
+  systemSpec: system(() => {
+    return {};
+  }, [coreSystem]),
+  init: (realm) => {
+    realm.pubKey("addImportVisitor", MdastBlockQuoteVisitor);
+    realm.pubKey("addLexicalNode", QuoteNode);
+    realm.pubKey("addExportVisitor", LexicalQuoteVisitor);
+  }
+});
+export {
+  quotePlugin,
+  quotePluginHooks
+};

package/dist/plugins/sandpack/SandpackEditor.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { SandpackPreset } from '.';
+import { CodeBlockEditorProps } from '../codeblock';
+export interface SandpackEditorProps extends CodeBlockEditorProps {
+    preset: SandpackPreset;
+}
+export declare const SandpackEditor: ({ nodeKey, code, focusEmitter, preset }: SandpackEditorProps) => React.JSX.Element;

package/dist/plugins/sandpack/SandpackEditor.js

@@ -0,0 +1,35 @@
+import React__default from "react";
+import { useCodeMirrorRef } from "./useCodeMirrorRef.js";
+import { SandpackProvider, SandpackLayout, SandpackCodeEditor, SandpackPreview, useSandpack } from "@codesandbox/sandpack-react";
+import { useCodeBlockEditorContext } from "../codeblock/CodeBlockNode.js";
+const CodeUpdateEmitter = ({ onChange, snippetFileName }) => {
+  const { sandpack } = useSandpack();
+  onChange(sandpack.files[snippetFileName].code);
+  return null;
+};
+const SandpackEditor = ({ nodeKey, code, focusEmitter, preset }) => {
+  const codeMirrorRef = useCodeMirrorRef(nodeKey, "sandpack", "jsx", focusEmitter);
+  const { setCode } = useCodeBlockEditorContext();
+  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: setCode, snippetFileName: preset.snippetFileName })
+  );
+};
+export {
+  SandpackEditor
+};