@mdxeditor/editor 0.10.1 → 0.11.0

package/package.json

@@ -9,23 +9,12 @@
   "private": false,
   "sideEffects": false,
   "type": "module",
-  "exports": {
-    ".": {
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs",
-      "types": "./dist/index.d.ts"
-    },
-    "./package.json": "./package.json",
-    "./style.css": "./dist/style.css"
-  },
-  "main": "dist/index.cjs",
-  "module": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "version": "0.10.1",
+  "version": "0.11.0",
   "description": "React component for rich text markdown editing",
   "scripts": {
     "build": "vite build",
     "build:docs:api": "./scripts/build_docs_api.sh",
+    "build:update-exports": "node ./scripts/generate-exports.js",
     "start": "LADLE=true ladle dev",
     "dev": "LADLE=true ladle dev",
     "typecheck": "tsc --noEmit",
@@ -48,6 +37,7 @@
   "dependencies": {
     "@codemirror/lang-markdown": "^6.1.1",
     "@codemirror/state": "^6.2.1",
+    "@codemirror/view": "6.15.3",
     "@codesandbox/sandpack-react": "^2.6.7",
     "@lexical/clipboard": "^0.11.1",
     "@lexical/code": "^0.11.1",
@@ -132,6 +122,7 @@
     "eslint-plugin-react-hooks": "^4.6.0",
     "express": "^4.18.2",
     "jsdom": "^22.1.0",
+    "micromark-util-types": "^1.1.0",
     "multer": "1.4.5-lts.1",
     "postcss": "^8.4.24",
     "postcss-extend": "^1.0.5",
@@ -159,7 +150,7 @@
   "engines": {
     "node": ">=16"
   },
-  "packageManager": "pnpm@8.3.0",
+  "packageManager": "npm@9.5.1",
   "repository": {
     "type": "git",
     "url": "https://github.com/mdx-editor/editor.git"
@@ -179,5 +170,246 @@
         "prerelease": true
       }
     ]
+  },
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./package.json": "./package.json",
+    "./style.css": "./dist/style.css",
+    "./MDXEditor": {
+      "types": "./dist/MDXEditor.d.ts",
+      "import": "./dist/MDXEditor.js",
+      "default": "./dist/MDXEditor.js"
+    },
+    "./directive-editors/AdmonitionDirectiveDescriptor": {
+      "types": "./dist/directive-editors/AdmonitionDirectiveDescriptor.d.ts",
+      "import": "./dist/directive-editors/AdmonitionDirectiveDescriptor.js",
+      "default": "./dist/directive-editors/AdmonitionDirectiveDescriptor.js"
+    },
+    "./directive-editors/GenericDirectiveEditor": {
+      "types": "./dist/directive-editors/GenericDirectiveEditor.d.ts",
+      "import": "./dist/directive-editors/GenericDirectiveEditor.js",
+      "default": "./dist/directive-editors/GenericDirectiveEditor.js"
+    },
+    "./jsx-editors/GenericJsxEditor": {
+      "types": "./dist/jsx-editors/GenericJsxEditor.d.ts",
+      "import": "./dist/jsx-editors/GenericJsxEditor.js",
+      "default": "./dist/jsx-editors/GenericJsxEditor.js"
+    },
+    "./plugins/core/PropertyPopover": {
+      "types": "./dist/plugins/core/PropertyPopover.d.ts",
+      "import": "./dist/plugins/core/PropertyPopover.js",
+      "default": "./dist/plugins/core/PropertyPopover.js"
+    },
+    "./plugins/core/NestedLexicalEditor": {
+      "types": "./dist/plugins/core/NestedLexicalEditor.d.ts",
+      "import": "./dist/plugins/core/NestedLexicalEditor.js",
+      "default": "./dist/plugins/core/NestedLexicalEditor.js"
+    },
+    "./plugins/codeblock": {
+      "types": "./dist/plugins/codeblock/index.d.ts",
+      "import": "./dist/plugins/codeblock/index.js",
+      "default": "./dist/plugins/codeblock/index.js"
+    },
+    "./plugins/codemirror": {
+      "types": "./dist/plugins/codemirror/index.d.ts",
+      "import": "./dist/plugins/codemirror/index.js",
+      "default": "./dist/plugins/codemirror/index.js"
+    },
+    "./plugins/core": {
+      "types": "./dist/plugins/core/index.d.ts",
+      "import": "./dist/plugins/core/index.js",
+      "default": "./dist/plugins/core/index.js"
+    },
+    "./plugins/diff-source": {
+      "types": "./dist/plugins/diff-source/index.d.ts",
+      "import": "./dist/plugins/diff-source/index.js",
+      "default": "./dist/plugins/diff-source/index.js"
+    },
+    "./plugins/directives": {
+      "types": "./dist/plugins/directives/index.d.ts",
+      "import": "./dist/plugins/directives/index.js",
+      "default": "./dist/plugins/directives/index.js"
+    },
+    "./plugins/frontmatter": {
+      "types": "./dist/plugins/frontmatter/index.d.ts",
+      "import": "./dist/plugins/frontmatter/index.js",
+      "default": "./dist/plugins/frontmatter/index.js"
+    },
+    "./plugins/headings": {
+      "types": "./dist/plugins/headings/index.d.ts",
+      "import": "./dist/plugins/headings/index.js",
+      "default": "./dist/plugins/headings/index.js"
+    },
+    "./plugins/image": {
+      "types": "./dist/plugins/image/index.d.ts",
+      "import": "./dist/plugins/image/index.js",
+      "default": "./dist/plugins/image/index.js"
+    },
+    "./plugins/jsx": {
+      "types": "./dist/plugins/jsx/index.d.ts",
+      "import": "./dist/plugins/jsx/index.js",
+      "default": "./dist/plugins/jsx/index.js"
+    },
+    "./plugins/link": {
+      "types": "./dist/plugins/link/index.d.ts",
+      "import": "./dist/plugins/link/index.js",
+      "default": "./dist/plugins/link/index.js"
+    },
+    "./plugins/link-dialog": {
+      "types": "./dist/plugins/link-dialog/index.d.ts",
+      "import": "./dist/plugins/link-dialog/index.js",
+      "default": "./dist/plugins/link-dialog/index.js"
+    },
+    "./plugins/lists": {
+      "types": "./dist/plugins/lists/index.d.ts",
+      "import": "./dist/plugins/lists/index.js",
+      "default": "./dist/plugins/lists/index.js"
+    },
+    "./plugins/markdown-shortcut": {
+      "types": "./dist/plugins/markdown-shortcut/index.d.ts",
+      "import": "./dist/plugins/markdown-shortcut/index.js",
+      "default": "./dist/plugins/markdown-shortcut/index.js"
+    },
+    "./plugins/quote": {
+      "types": "./dist/plugins/quote/index.d.ts",
+      "import": "./dist/plugins/quote/index.js",
+      "default": "./dist/plugins/quote/index.js"
+    },
+    "./plugins/sandpack": {
+      "types": "./dist/plugins/sandpack/index.d.ts",
+      "import": "./dist/plugins/sandpack/index.js",
+      "default": "./dist/plugins/sandpack/index.js"
+    },
+    "./plugins/table": {
+      "types": "./dist/plugins/table/index.d.ts",
+      "import": "./dist/plugins/table/index.js",
+      "default": "./dist/plugins/table/index.js"
+    },
+    "./plugins/thematic-break": {
+      "types": "./dist/plugins/thematic-break/index.d.ts",
+      "import": "./dist/plugins/thematic-break/index.js",
+      "default": "./dist/plugins/thematic-break/index.js"
+    },
+    "./plugins/toolbar": {
+      "types": "./dist/plugins/toolbar/index.d.ts",
+      "import": "./dist/plugins/toolbar/index.js",
+      "default": "./dist/plugins/toolbar/index.js"
+    },
+    "./plugins/toolbar/components/BlockTypeSelect": {
+      "types": "./dist/plugins/toolbar/components/BlockTypeSelect.d.ts",
+      "import": "./dist/plugins/toolbar/components/BlockTypeSelect.js",
+      "default": "./dist/plugins/toolbar/components/BlockTypeSelect.js"
+    },
+    "./plugins/toolbar/components/BoldItalicUnderlineToggles": {
+      "types": "./dist/plugins/toolbar/components/BoldItalicUnderlineToggles.d.ts",
+      "import": "./dist/plugins/toolbar/components/BoldItalicUnderlineToggles.js",
+      "default": "./dist/plugins/toolbar/components/BoldItalicUnderlineToggles.js"
+    },
+    "./plugins/toolbar/components/ChangeAdmonitionType": {
+      "types": "./dist/plugins/toolbar/components/ChangeAdmonitionType.d.ts",
+      "import": "./dist/plugins/toolbar/components/ChangeAdmonitionType.js",
+      "default": "./dist/plugins/toolbar/components/ChangeAdmonitionType.js"
+    },
+    "./plugins/toolbar/components/ChangeCodeMirrorLanguage": {
+      "types": "./dist/plugins/toolbar/components/ChangeCodeMirrorLanguage.d.ts",
+      "import": "./dist/plugins/toolbar/components/ChangeCodeMirrorLanguage.js",
+      "default": "./dist/plugins/toolbar/components/ChangeCodeMirrorLanguage.js"
+    },
+    "./plugins/toolbar/components/CodeToggle": {
+      "types": "./dist/plugins/toolbar/components/CodeToggle.d.ts",
+      "import": "./dist/plugins/toolbar/components/CodeToggle.js",
+      "default": "./dist/plugins/toolbar/components/CodeToggle.js"
+    },
+    "./plugins/toolbar/components/CreateLink": {
+      "types": "./dist/plugins/toolbar/components/CreateLink.d.ts",
+      "import": "./dist/plugins/toolbar/components/CreateLink.js",
+      "default": "./dist/plugins/toolbar/components/CreateLink.js"
+    },
+    "./plugins/toolbar/components/DiffSourceToggleWrapper": {
+      "types": "./dist/plugins/toolbar/components/DiffSourceToggleWrapper.d.ts",
+      "import": "./dist/plugins/toolbar/components/DiffSourceToggleWrapper.js",
+      "default": "./dist/plugins/toolbar/components/DiffSourceToggleWrapper.js"
+    },
+    "./plugins/toolbar/components/InsertAdmonition": {
+      "types": "./dist/plugins/toolbar/components/InsertAdmonition.d.ts",
+      "import": "./dist/plugins/toolbar/components/InsertAdmonition.js",
+      "default": "./dist/plugins/toolbar/components/InsertAdmonition.js"
+    },
+    "./plugins/toolbar/components/InsertCodeBlock": {
+      "types": "./dist/plugins/toolbar/components/InsertCodeBlock.d.ts",
+      "import": "./dist/plugins/toolbar/components/InsertCodeBlock.js",
+      "default": "./dist/plugins/toolbar/components/InsertCodeBlock.js"
+    },
+    "./plugins/toolbar/components/InsertFrontmatter": {
+      "types": "./dist/plugins/toolbar/components/InsertFrontmatter.d.ts",
+      "import": "./dist/plugins/toolbar/components/InsertFrontmatter.js",
+      "default": "./dist/plugins/toolbar/components/InsertFrontmatter.js"
+    },
+    "./plugins/toolbar/components/InsertImage": {
+      "types": "./dist/plugins/toolbar/components/InsertImage.d.ts",
+      "import": "./dist/plugins/toolbar/components/InsertImage.js",
+      "default": "./dist/plugins/toolbar/components/InsertImage.js"
+    },
+    "./plugins/toolbar/components/InsertSandpack": {
+      "types": "./dist/plugins/toolbar/components/InsertSandpack.d.ts",
+      "import": "./dist/plugins/toolbar/components/InsertSandpack.js",
+      "default": "./dist/plugins/toolbar/components/InsertSandpack.js"
+    },
+    "./plugins/toolbar/components/InsertTable": {
+      "types": "./dist/plugins/toolbar/components/InsertTable.d.ts",
+      "import": "./dist/plugins/toolbar/components/InsertTable.js",
+      "default": "./dist/plugins/toolbar/components/InsertTable.js"
+    },
+    "./plugins/toolbar/components/InsertThematicBreak": {
+      "types": "./dist/plugins/toolbar/components/InsertThematicBreak.d.ts",
+      "import": "./dist/plugins/toolbar/components/InsertThematicBreak.js",
+      "default": "./dist/plugins/toolbar/components/InsertThematicBreak.js"
+    },
+    "./plugins/toolbar/components/KitchenSinkToolbar": {
+      "types": "./dist/plugins/toolbar/components/KitchenSinkToolbar.d.ts",
+      "import": "./dist/plugins/toolbar/components/KitchenSinkToolbar.js",
+      "default": "./dist/plugins/toolbar/components/KitchenSinkToolbar.js"
+    },
+    "./plugins/toolbar/components/ListsToggle": {
+      "types": "./dist/plugins/toolbar/components/ListsToggle.d.ts",
+      "import": "./dist/plugins/toolbar/components/ListsToggle.js",
+      "default": "./dist/plugins/toolbar/components/ListsToggle.js"
+    },
+    "./plugins/toolbar/components/ShowSandpackInfo": {
+      "types": "./dist/plugins/toolbar/components/ShowSandpackInfo.d.ts",
+      "import": "./dist/plugins/toolbar/components/ShowSandpackInfo.js",
+      "default": "./dist/plugins/toolbar/components/ShowSandpackInfo.js"
+    },
+    "./plugins/toolbar/components/UndoRedo": {
+      "types": "./dist/plugins/toolbar/components/UndoRedo.d.ts",
+      "import": "./dist/plugins/toolbar/components/UndoRedo.js",
+      "default": "./dist/plugins/toolbar/components/UndoRedo.js"
+    },
+    "./plugins/toolbar/primitives/DialogButton": {
+      "types": "./dist/plugins/toolbar/primitives/DialogButton.d.ts",
+      "import": "./dist/plugins/toolbar/primitives/DialogButton.js",
+      "default": "./dist/plugins/toolbar/primitives/DialogButton.js"
+    },
+    "./plugins/toolbar/primitives/TooltipWrap": {
+      "types": "./dist/plugins/toolbar/primitives/TooltipWrap.d.ts",
+      "import": "./dist/plugins/toolbar/primitives/TooltipWrap.js",
+      "default": "./dist/plugins/toolbar/primitives/TooltipWrap.js"
+    },
+    "./plugins/toolbar/primitives/select": {
+      "types": "./dist/plugins/toolbar/primitives/select.d.ts",
+      "import": "./dist/plugins/toolbar/primitives/select.js",
+      "default": "./dist/plugins/toolbar/primitives/select.js"
+    },
+    "./plugins/toolbar/primitives/toolbar": {
+      "types": "./dist/plugins/toolbar/primitives/toolbar.d.ts",
+      "import": "./dist/plugins/toolbar/primitives/toolbar.js",
+      "default": "./dist/plugins/toolbar/primitives/toolbar.js"
+    }
   }
 }

package/dist/CodeBlockEditor-02116cba.js

@@ -1,79 +0,0 @@
-import { SandpackProvider, CodeEditor } from "@codesandbox/sandpack-react";
-import React__default from "react";
-import { u as useEmitterValues, a as usePublisher, s as styles } from "./index-1ab1a12e.js";
-import { u as useCodeMirrorRef } from "./useCodeMirrorRef-5356dfa5.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 CodeBlockEditor = ({ nodeKey, code, language, onChange, focusEmitter }) => {
-  const [activeEditor] = useEmitterValues("activeEditor");
-  const codeMirrorRef = useCodeMirrorRef(nodeKey, "codeblock", language);
-  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: "codeblock", nodeKey });
-    });
-  }, [focusEmitter, codeMirrorRef, setActiveEditorType, nodeKey]);
-  const wrappedOnChange = React__default.useCallback(
-    (code2) => {
-      activeEditor == null ? void 0 : activeEditor.update(() => {
-        onChange(code2);
-      });
-    },
-    [onChange, activeEditor]
-  );
-  return /* @__PURE__ */ React__default.createElement("div", { className: styles.sandpackWrapper }, /* @__PURE__ */ React__default.createElement(SandpackProvider, null, /* @__PURE__ */ React__default.createElement(
-    CodeEditor,
-    {
-      showLineNumbers: true,
-      initMode: "immediate",
-      key: language,
-      filePath: `file.${language || "txt"}`,
-      code,
-      onCodeUpdate: wrappedOnChange,
-      ref: codeMirrorRef
-    }
-  )));
-};
-export {
-  CodeBlockEditor
-};

package/dist/CodeBlockEditor-1c7b46dc.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@codesandbox/sandpack-react"),r=require("react"),i=require("./index-8217810f.cjs"),a=require("./useCodeMirrorRef-7055e7de.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.CodeBlockEditor=({nodeKey:t,code:l,language:c,onChange:u,focusEmitter:o})=>{const[n]=i.useEmitterValues("activeEditor"),d=a.useCodeMirrorRef(t,"codeblock",c),s=i.usePublisher("activeEditorType");r.useEffect((()=>{o.subscribe((()=>{var e,r;null==(r=null==(e=null==d?void 0:d.current)?void 0:e.getCodemirror())||r.focus(),s({type:"codeblock",nodeKey:t})}))}),[o,d,s,t]);const x=r.useCallback((e=>{null==n||n.update((()=>{u(e)}))}),[u,n]);return r.createElement("div",{className:i.styles.sandpackWrapper},r.createElement(e.SandpackProvider,null,r.createElement(e.CodeEditor,{showLineNumbers:!0,initMode:"immediate",key:c,filePath:`file.${c||"txt"}`,code:l,onCodeUpdate:x,ref:d})))};

package/dist/FrontmatterEditor-37a4c091.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("js-yaml"),t=require("react"),r=require("react-hook-form"),l=require("classnames"),a=require("./index-8217810f.cjs");function i(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const r in e)if("default"!==r){const l=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,l.get?l:{enumerable:!0,get:()=>e[r]})}return t.default=e,Object.freeze(t)}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("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");const n=i(t),c=e=>n.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"currentColor",viewBox:"0 0 24 24",...e},n.createElement("mask",{id:"a",width:24,height:24,x:0,y:0,maskUnits:"userSpaceOnUse",style:{maskType:"alpha"}},n.createElement("path",{d:"M0 0h24v24H0z"})),n.createElement("g",{mask:"url(#a)"},n.createElement("path",{d:"M10 17V7l5 5-5 5Z"}))),u=e=>n.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"currentColor",viewBox:"0 0 24 24",...e},n.createElement("mask",{id:"a",width:24,height:24,x:0,y:0,maskUnits:"userSpaceOnUse",style:{maskType:"alpha"}},n.createElement("path",{d:"M0 0h24v24H0z"})),n.createElement("g",{mask:"url(#a)"},n.createElement("path",{d:"m12 15-5-5h10l-5 5Z"}))),o=e=>n.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:20,height:20,fill:"currentColor",viewBox:"0 0 20 20",...e},n.createElement("mask",{id:"a",width:20,height:20,x:0,y:0,maskUnits:"userSpaceOnUse",style:{maskType:"alpha"}},n.createElement("path",{d:"M0 0h20v20H0z"})),n.createElement("g",{mask:"url(#a)"},n.createElement("path",{d:"M5 17V6.5H4V5h4V4h4v1h4v1.5h-1V17H5Zm1.5-1.5h7v-9h-7v9ZM8 14h1.5V8H8v6Zm2.5 0H12V8h-1.5v6Z"}))),m=t.forwardRef((({className:e,autofocusIfEmpty:r,...i},n)=>(i.autoFocus=Boolean(!i.value&&r),t.createElement("input",{className:l(a.styles.frontmatterInput,e),...i,ref:n}))));exports.FrontmatterEditor=({yaml:l,onChange:i})=>{const[n,s]=t.useState(!0),d=t.useMemo((()=>l?Object.entries(e.load(l)).map((([e,t])=>({key:e,value:t}))):[]),[l]),{register:x,control:h,watch:E}=r.useForm({defaultValues:{yamlConfig:d}}),{fields:f,append:p,remove:q}=r.useFieldArray({control:h,name:"yamlConfig"});return t.useEffect((()=>{const t=E((({yamlConfig:t})=>{const r=t.reduce(((e,{key:t,value:r})=>(t&&r&&(e[t]=r),e)),{});i(e.dump(r).trim())}));return()=>t.unsubscribe()}),[E,i]),t.createElement("div",{className:a.styles.frontmatterWrapper,"data-expanded":n,"data-editor-type":"frontmatter"},t.createElement("button",{className:a.styles.frontmatterToggleButton,onClick:e=>{e.preventDefault(),s((e=>!e))}},n?t.createElement(u,null):t.createElement(c,null),"Document frontmatter"),n&&t.createElement("form",null,t.createElement("table",{className:a.styles.frontmatterEditorTable},t.createElement("colgroup",null,t.createElement("col",null),t.createElement("col",null),t.createElement("col",null)),t.createElement("thead",null,t.createElement("tr",null,t.createElement("th",null,"Key"),t.createElement("th",null,"Value"),t.createElement("th",null))),t.createElement("tbody",null,f.map(((e,r)=>t.createElement("tr",{key:e.id},t.createElement("td",null,t.createElement(m,{...x(`yamlConfig.${r}.key`,{required:!0}),autofocusIfEmpty:!0})),t.createElement("td",null,t.createElement(m,{...x(`yamlConfig.${r}.value`,{required:!0})})),t.createElement("td",null,t.createElement("button",{type:"button",onClick:()=>q(r),className:a.styles.iconButton},t.createElement(o,null))))))),t.createElement("tfoot",null,t.createElement("tr",null,t.createElement("td",null,t.createElement("button",{className:a.styles.primaryButton,type:"button",onClick:()=>{p({key:"",value:""})}},"Add new key")))))))};

package/dist/FrontmatterEditor-988a8fb6.js

@@ -1,118 +0,0 @@
-import YamlParser from "js-yaml";
-import * as React from "react";
-import React__default from "react";
-import { useForm, useFieldArray } from "react-hook-form";
-import classNames from "classnames";
-import { s as styles } from "./index-1ab1a12e.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 "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 SvgArrowRight = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "currentColor", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("mask", { id: "a", width: 24, height: 24, x: 0, y: 0, maskUnits: "userSpaceOnUse", style: {
-  maskType: "alpha"
-} }, /* @__PURE__ */ React.createElement("path", { d: "M0 0h24v24H0z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#a)" }, /* @__PURE__ */ React.createElement("path", { d: "M10 17V7l5 5-5 5Z" })));
-const ArrowRight = SvgArrowRight;
-const SvgArrowDropDown = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "currentColor", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("mask", { id: "a", width: 24, height: 24, x: 0, y: 0, maskUnits: "userSpaceOnUse", style: {
-  maskType: "alpha"
-} }, /* @__PURE__ */ React.createElement("path", { d: "M0 0h24v24H0z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#a)" }, /* @__PURE__ */ React.createElement("path", { d: "m12 15-5-5h10l-5 5Z" })));
-const ArrowDown = SvgArrowDropDown;
-const SvgDelete = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 20, height: 20, fill: "currentColor", viewBox: "0 0 20 20", ...props }, /* @__PURE__ */ React.createElement("mask", { id: "a", width: 20, height: 20, x: 0, y: 0, maskUnits: "userSpaceOnUse", style: {
-  maskType: "alpha"
-} }, /* @__PURE__ */ React.createElement("path", { d: "M0 0h20v20H0z" })), /* @__PURE__ */ React.createElement("g", { mask: "url(#a)" }, /* @__PURE__ */ React.createElement("path", { d: "M5 17V6.5H4V5h4V4h4v1h4v1.5h-1V17H5Zm1.5-1.5h7v-9h-7v9ZM8 14h1.5V8H8v6Zm2.5 0H12V8h-1.5v6Z" })));
-const DeleteIcon = SvgDelete;
-const FrontmatterEditor = ({ yaml, onChange }) => {
-  const [expanded, setExpanded] = React__default.useState(true);
-  const yamlConfig = React__default.useMemo(() => {
-    if (!yaml) {
-      return [];
-    }
-    return Object.entries(YamlParser.load(yaml)).map(([key, value]) => ({ key, value }));
-  }, [yaml]);
-  const { register, control, watch } = useForm({
-    defaultValues: {
-      yamlConfig
-    }
-  });
-  const { fields, append, remove } = useFieldArray({
-    control,
-    name: "yamlConfig"
-  });
-  React__default.useEffect(() => {
-    const subscription = watch(({ yamlConfig: yamlConfig2 }) => {
-      const yaml2 = yamlConfig2.reduce((acc, { key, value }) => {
-        if (key && value) {
-          acc[key] = value;
-        }
-        return acc;
-      }, {});
-      onChange(YamlParser.dump(yaml2).trim());
-    });
-    return () => subscription.unsubscribe();
-  }, [watch, onChange]);
-  return /* @__PURE__ */ React__default.createElement("div", { className: styles.frontmatterWrapper, "data-expanded": expanded, "data-editor-type": "frontmatter" }, /* @__PURE__ */ React__default.createElement(
-    "button",
-    {
-      className: styles.frontmatterToggleButton,
-      onClick: (e) => {
-        e.preventDefault();
-        setExpanded((v) => !v);
-      }
-    },
-    expanded ? /* @__PURE__ */ React__default.createElement(ArrowDown, null) : /* @__PURE__ */ React__default.createElement(ArrowRight, null),
-    "Document frontmatter"
-  ), expanded && /* @__PURE__ */ React__default.createElement("form", null, /* @__PURE__ */ React__default.createElement("table", { className: styles.frontmatterEditorTable }, /* @__PURE__ */ React__default.createElement("colgroup", null, /* @__PURE__ */ React__default.createElement("col", null), /* @__PURE__ */ React__default.createElement("col", null), /* @__PURE__ */ React__default.createElement("col", null)), /* @__PURE__ */ React__default.createElement("thead", null, /* @__PURE__ */ React__default.createElement("tr", null, /* @__PURE__ */ React__default.createElement("th", null, "Key"), /* @__PURE__ */ React__default.createElement("th", null, "Value"), /* @__PURE__ */ React__default.createElement("th", null))), /* @__PURE__ */ React__default.createElement("tbody", null, fields.map((item, index) => {
-    return /* @__PURE__ */ React__default.createElement("tr", { key: item.id }, /* @__PURE__ */ React__default.createElement("td", null, /* @__PURE__ */ React__default.createElement(TableInput, { ...register(`yamlConfig.${index}.key`, { required: true }), autofocusIfEmpty: true })), /* @__PURE__ */ React__default.createElement("td", null, /* @__PURE__ */ React__default.createElement(TableInput, { ...register(`yamlConfig.${index}.value`, { required: true }) })), /* @__PURE__ */ React__default.createElement("td", null, /* @__PURE__ */ React__default.createElement("button", { type: "button", onClick: () => remove(index), className: styles.iconButton }, /* @__PURE__ */ React__default.createElement(DeleteIcon, null))));
-  })), /* @__PURE__ */ React__default.createElement("tfoot", null, /* @__PURE__ */ React__default.createElement("tr", null, /* @__PURE__ */ React__default.createElement("td", null, /* @__PURE__ */ React__default.createElement(
-    "button",
-    {
-      className: styles.primaryButton,
-      type: "button",
-      onClick: () => {
-        append({ key: "", value: "" });
-      }
-    },
-    "Add new key"
-  )))))));
-};
-const TableInput = React__default.forwardRef(({ className, autofocusIfEmpty, ...props }, ref) => {
-  props.autoFocus = Boolean(!props.value && autofocusIfEmpty);
-  return /* @__PURE__ */ React__default.createElement("input", { className: classNames(styles.frontmatterInput, className), ...props, ref });
-});
-export {
-  FrontmatterEditor
-};

package/dist/ImageEditor-524159e9.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("@lexical/react/LexicalComposerContext"),t=require("@lexical/react/useLexicalNodeSelection"),i=require("@lexical/utils"),l=require("lexical"),a=require("./index-8217810f.cjs"),c=require("classnames");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("@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/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 u=new Set;function n({title:r,className:t,imageRef:i,src:l}){return function(e){if(!u.has(e))throw new Promise((r=>{const t=new Image;t.src=e,t.onload=()=>{u.add(e),r(null)}}))}(l),e.createElement("img",{className:t||void 0,src:l,title:r,ref:i,draggable:"false"})}exports.ImageEditor=function({src:u,title:o,nodeKey:s}){const m=e.useRef(null),d=e.useRef(null),[x,g,q]=t.useLexicalNodeSelection(s),[C]=r.useLexicalComposerContext(),[f,N]=e.useState(null),M=e.useRef(null),O=e.useCallback((e=>{if(x&&l.$isNodeSelection(l.$getSelection())){e.preventDefault();const r=l.$getNodeByKey(s);a.$isImageNode(r)&&r.remove()}return!1}),[x,s]),L=e.useCallback((e=>{const r=l.$getSelection(),t=d.current;return!(!x||!l.$isNodeSelection(r)||1!==r.getNodes().length||null===t||t===document.activeElement)&&(e.preventDefault(),t.focus(),!0)}),[x]),R=e.useCallback((e=>d.current===e.target&&(l.$setSelection(null),C.update((()=>{g(!0);const e=C.getRootElement();null!==e&&e.focus()})),!0)),[C,g]);e.useEffect((()=>{let e=!0;const r=i.mergeRegister(C.registerUpdateListener((({editorState:r})=>{e&&N(r.read((()=>l.$getSelection())))})),C.registerCommand(l.SELECTION_CHANGE_COMMAND,((e,r)=>(M.current=r,!1)),l.COMMAND_PRIORITY_LOW),C.registerCommand(l.CLICK_COMMAND,(e=>{const r=e;return r.target===m.current&&(r.shiftKey?g(!x):(q(),g(!0)),!0)}),l.COMMAND_PRIORITY_LOW),C.registerCommand(l.DRAGSTART_COMMAND,(e=>e.target===m.current&&(e.preventDefault(),!0)),l.COMMAND_PRIORITY_LOW),C.registerCommand(l.KEY_DELETE_COMMAND,O,l.COMMAND_PRIORITY_LOW),C.registerCommand(l.KEY_BACKSPACE_COMMAND,O,l.COMMAND_PRIORITY_LOW),C.registerCommand(l.KEY_ENTER_COMMAND,L,l.COMMAND_PRIORITY_LOW),C.registerCommand(l.KEY_ESCAPE_COMMAND,R,l.COMMAND_PRIORITY_LOW));return()=>{e=!1,r()}}),[q,C,x,s,O,L,R,g]);const E=l.$isNodeSelection(f),_=x;return e.createElement(e.Suspense,{fallback:null},e.createElement(e.Fragment,null,e.createElement("div",{draggable:E,className:a.styles.imageWrapper,"data-editor-block-type":"image"},e.createElement(n,{className:c({[a.styles.focusedImage]:_}),src:u,title:o||"",imageRef:m}))))};