@mdxeditor/editor
Advanced tools
Comparing version 2.20.6 to 3.0.0-alpha.1
@@ -19,4 +19,4 @@ import "./styles/globals.css.js"; | ||
import { insertSandpack$, sandpackConfig$, sandpackPlugin } from "./plugins/sandpack/index.js"; | ||
import { codeBlockLanguages$, codeMirrorPlugin, codeMirrorTheme$, insertCodeMirror$ } from "./plugins/codemirror/index.js"; | ||
import { CodeMirrorEditor } from "./plugins/codemirror/CodeMirrorEditor.js"; | ||
import { codeBlockLanguages$, codeMirrorAutoLoadLanguageSupport$, codeMirrorExtensions$, codeMirrorPlugin, insertCodeMirror$ } from "./plugins/codemirror/index.js"; | ||
import { COMMON_STATE_CONFIG_EXTENSIONS, CodeMirrorEditor } from "./plugins/codemirror/CodeMirrorEditor.js"; | ||
import { appendCodeBlockEditorDescriptor$, codeBlockPlugin, defaultCodeBlockLanguage$, insertCodeBlock$ } from "./plugins/codeblock/index.js"; | ||
@@ -89,2 +89,3 @@ import { directivesPlugin, insertDirective$ } from "./plugins/directives/index.js"; | ||
CAN_USE_DOM, | ||
COMMON_STATE_CONFIG_EXTENSIONS, | ||
ChangeAdmonitionType, | ||
@@ -170,4 +171,5 @@ ChangeCodeMirrorLanguage, | ||
codeBlockPlugin, | ||
codeMirrorAutoLoadLanguageSupport$, | ||
codeMirrorExtensions$, | ||
codeMirrorPlugin, | ||
codeMirrorTheme$, | ||
compose, | ||
@@ -174,0 +176,0 @@ composerChildren$, |
@@ -100,29 +100,26 @@ var __defProp = Object.defineProperty; | ||
const CodeBlockEditorContextProvider = ({ parentEditor, lexicalNode, children }) => { | ||
return /* @__PURE__ */ React__default.createElement( | ||
CodeBlockEditorContext.Provider, | ||
{ | ||
value: { | ||
lexicalNode, | ||
setCode: (code) => { | ||
parentEditor.update(() => { | ||
lexicalNode.setCode(code); | ||
setTimeout(() => { | ||
parentEditor.dispatchCommand(NESTED_EDITOR_UPDATED_COMMAND, void 0); | ||
}, 0); | ||
}); | ||
}, | ||
setLanguage: (language) => { | ||
parentEditor.update(() => { | ||
lexicalNode.setLanguage(language); | ||
}); | ||
}, | ||
setMeta: (meta) => { | ||
parentEditor.update(() => { | ||
lexicalNode.setMeta(meta); | ||
}); | ||
} | ||
const contextValue = React__default.useMemo(() => { | ||
return { | ||
lexicalNode, | ||
setCode: (code) => { | ||
parentEditor.update(() => { | ||
lexicalNode.setCode(code); | ||
setTimeout(() => { | ||
parentEditor.dispatchCommand(NESTED_EDITOR_UPDATED_COMMAND, void 0); | ||
}, 0); | ||
}); | ||
}, | ||
setLanguage: (language) => { | ||
parentEditor.update(() => { | ||
lexicalNode.setLanguage(language); | ||
}); | ||
}, | ||
setMeta: (meta) => { | ||
parentEditor.update(() => { | ||
lexicalNode.setMeta(meta); | ||
}); | ||
} | ||
}, | ||
children | ||
); | ||
}; | ||
}, [lexicalNode, parentEditor]); | ||
return /* @__PURE__ */ React__default.createElement(CodeBlockEditorContext.Provider, { value: contextValue }, children); | ||
}; | ||
@@ -129,0 +126,0 @@ function useCodeBlockEditorContext() { |
@@ -1,2 +0,1 @@ | ||
import { SandpackProvider, CodeEditor } from "@codesandbox/sandpack-react"; | ||
import React__default from "react"; | ||
@@ -6,19 +5,66 @@ import styles from "../../styles/ui.module.css.js"; | ||
import { readOnly$ } from "../core/index.js"; | ||
import { useCellValues } from "@mdxeditor/gurx"; | ||
import { EditorState } from "@codemirror/state"; | ||
import { lineNumbers, EditorView } from "@codemirror/view"; | ||
import { basicLight } from "cm6-theme-basic-light"; | ||
import { basicSetup } from "codemirror"; | ||
import { languages } from "@codemirror/language-data"; | ||
import { useCodeMirrorRef } from "../sandpack/useCodeMirrorRef.js"; | ||
import { useCellValues } from "@mdxeditor/gurx"; | ||
import { codeMirrorTheme$ } from "./index.js"; | ||
import { codeMirrorExtensions$ } from "./index.js"; | ||
const COMMON_STATE_CONFIG_EXTENSIONS = []; | ||
const CodeMirrorEditor = ({ language, nodeKey, code, focusEmitter }) => { | ||
const codeMirrorRef = useCodeMirrorRef(nodeKey, "codeblock", "jsx", focusEmitter); | ||
const [readOnly, theme] = useCellValues(readOnly$, codeMirrorTheme$); | ||
const [readOnly, codeMirrorExtensions] = useCellValues(readOnly$, codeMirrorExtensions$); | ||
const codeMirrorRef = useCodeMirrorRef(nodeKey, "codeblock", language, focusEmitter); | ||
const { setCode } = useCodeBlockEditorContext(); | ||
const editorViewRef = React__default.useRef(null); | ||
const elRef = React__default.useRef(null); | ||
const setCodeRef = React__default.useRef(setCode); | ||
setCodeRef.current = setCode; | ||
codeMirrorRef.current = { | ||
getCodemirror: () => editorViewRef.current | ||
}; | ||
React__default.useEffect(() => { | ||
var _a, _b; | ||
(_b = (_a = codeMirrorRef.current) == null ? void 0 : _a.getCodemirror()) == null ? void 0 : _b.dom.addEventListener("paste", (e) => { | ||
e.stopPropagation(); | ||
}); | ||
}, [codeMirrorRef, language]); | ||
void (async () => { | ||
const extensions = [ | ||
...codeMirrorExtensions, | ||
basicSetup, | ||
basicLight, | ||
lineNumbers(), | ||
EditorView.lineWrapping, | ||
EditorView.updateListener.of(({ state }) => { | ||
setCodeRef.current(state.doc.toString()); | ||
}) | ||
]; | ||
if (readOnly) { | ||
extensions.push(EditorState.readOnly.of(true)); | ||
} | ||
if (language !== "") { | ||
const languageData = languages.find((l) => { | ||
return l.name === language || l.alias.includes(language) || l.extensions.includes(language); | ||
}); | ||
if (languageData) { | ||
try { | ||
const languageSupport = await languageData.load(); | ||
extensions.push(languageSupport.extension); | ||
} catch (e) { | ||
console.warn("failed to load language support for", language); | ||
} | ||
} | ||
} | ||
elRef.current.innerHTML = ""; | ||
editorViewRef.current = new EditorView({ | ||
parent: elRef.current, | ||
state: EditorState.create({ doc: code, extensions }) | ||
}); | ||
})(); | ||
return () => { | ||
var _a; | ||
(_a = editorViewRef.current) == null ? void 0 : _a.destroy(); | ||
editorViewRef.current = null; | ||
}; | ||
}, [readOnly, language]); | ||
return /* @__PURE__ */ React__default.createElement( | ||
"div", | ||
{ | ||
className: styles.sandpackWrapper, | ||
className: styles.codeMirrorWrapper, | ||
onKeyDown: (e) => { | ||
@@ -28,19 +74,8 @@ e.stopPropagation(); | ||
}, | ||
/* @__PURE__ */ React__default.createElement(SandpackProvider, { theme }, /* @__PURE__ */ React__default.createElement( | ||
CodeEditor, | ||
{ | ||
readOnly, | ||
showLineNumbers: true, | ||
initMode: "immediate", | ||
key: language, | ||
filePath: `file.${language || "txt"}`, | ||
code, | ||
onCodeUpdate: setCode, | ||
ref: codeMirrorRef | ||
} | ||
)) | ||
/* @__PURE__ */ React__default.createElement("div", { ref: elRef }) | ||
); | ||
}; | ||
export { | ||
COMMON_STATE_CONFIG_EXTENSIONS, | ||
CodeMirrorEditor | ||
}; |
@@ -27,3 +27,4 @@ import { realmPlugin } from "../../RealmWithPlugins.js"; | ||
}); | ||
const codeMirrorTheme$ = Cell("auto"); | ||
const codeMirrorExtensions$ = Cell([]); | ||
const codeMirrorAutoLoadLanguageSupport$ = Cell(true); | ||
const codeMirrorPlugin = realmPlugin({ | ||
@@ -33,3 +34,4 @@ update(r, params) { | ||
[codeBlockLanguages$]: params == null ? void 0 : params.codeBlockLanguages, | ||
[codeMirrorTheme$]: (params == null ? void 0 : params.theme) || "auto" | ||
[codeMirrorExtensions$]: (params == null ? void 0 : params.codeMirrorExtensions) || [], | ||
[codeMirrorAutoLoadLanguageSupport$]: (params == null ? void 0 : params.autoLoadLanguageSupport) ?? true | ||
}); | ||
@@ -40,4 +42,5 @@ }, | ||
[codeBlockLanguages$]: params == null ? void 0 : params.codeBlockLanguages, | ||
[codeMirrorTheme$]: (params == null ? void 0 : params.theme) || "auto", | ||
[appendCodeBlockEditorDescriptor$]: buildCodeBlockDescriptor((params == null ? void 0 : params.codeBlockLanguages) || {}) | ||
[codeMirrorExtensions$]: (params == null ? void 0 : params.codeMirrorExtensions) || [], | ||
[appendCodeBlockEditorDescriptor$]: buildCodeBlockDescriptor((params == null ? void 0 : params.codeBlockLanguages) || {}), | ||
[codeMirrorAutoLoadLanguageSupport$]: (params == null ? void 0 : params.autoLoadLanguageSupport) ?? true | ||
}); | ||
@@ -57,5 +60,6 @@ } | ||
codeBlockLanguages$, | ||
codeMirrorAutoLoadLanguageSupport$, | ||
codeMirrorExtensions$, | ||
codeMirrorPlugin, | ||
codeMirrorTheme$, | ||
insertCodeMirror$ | ||
}; |
@@ -79,3 +79,3 @@ import { $getNodeByKey, $createParagraphNode } from "lexical"; | ||
(_d = (_c = codeMirror == null ? void 0 : codeMirror.getCodemirror()) == null ? void 0 : _c.contentDOM) == null ? void 0 : _d.addEventListener("keydown", onKeyDownHandler); | ||
}, 100); | ||
}, 300); | ||
return () => { | ||
@@ -82,0 +82,0 @@ var _a, _b; |
@@ -1,105 +0,105 @@ | ||
const editorRoot = "_editorRoot_13kqw_38"; | ||
const editorWrapper = "_editorWrapper_13kqw_139"; | ||
const nestedListItem = "_nestedListItem_13kqw_141"; | ||
const toolbarRoot = "_toolbarRoot_13kqw_145"; | ||
const readOnlyToolbarRoot = "_readOnlyToolbarRoot_13kqw_168"; | ||
const toolbarModeSwitch = "_toolbarModeSwitch_13kqw_177"; | ||
const toolbarToggleItem = "_toolbarToggleItem_13kqw_187"; | ||
const toolbarGroupOfGroups = "_toolbarGroupOfGroups_13kqw_198"; | ||
const toolbarToggleSingleGroup = "_toolbarToggleSingleGroup_13kqw_203"; | ||
const toolbarButton = "_toolbarButton_13kqw_218"; | ||
const activeToolbarButton = "_activeToolbarButton_13kqw_250"; | ||
const toolbarNodeKindSelectContainer = "_toolbarNodeKindSelectContainer_13kqw_258"; | ||
const toolbarButtonDropdownContainer = "_toolbarButtonDropdownContainer_13kqw_259"; | ||
const toolbarCodeBlockLanguageSelectContent = "_toolbarCodeBlockLanguageSelectContent_13kqw_260"; | ||
const selectContainer = "_selectContainer_13kqw_261"; | ||
const selectItem = "_selectItem_13kqw_274"; | ||
const toolbarNodeKindSelectTrigger = "_toolbarNodeKindSelectTrigger_13kqw_279"; | ||
const toolbarButtonSelectTrigger = "_toolbarButtonSelectTrigger_13kqw_280"; | ||
const selectTrigger = "_selectTrigger_13kqw_281"; | ||
const toolbarCodeBlockLanguageSelectTrigger = "_toolbarCodeBlockLanguageSelectTrigger_13kqw_315"; | ||
const toolbarNodeKindSelectItem = "_toolbarNodeKindSelectItem_13kqw_320"; | ||
const toolbarNodeKindSelectDropdownArrow = "_toolbarNodeKindSelectDropdownArrow_13kqw_345"; | ||
const selectDropdownArrow = "_selectDropdownArrow_13kqw_346"; | ||
const contentEditable = "_contentEditable_13kqw_352"; | ||
const sandpackWrapper = "_sandpackWrapper_13kqw_364"; | ||
const frontmatterWrapper = "_frontmatterWrapper_13kqw_368"; | ||
const frontmatterToggleButton = "_frontmatterToggleButton_13kqw_378"; | ||
const propertyPanelTitle = "_propertyPanelTitle_13kqw_386"; | ||
const propertyEditorTable = "_propertyEditorTable_13kqw_394"; | ||
const iconButton = "_iconButton_13kqw_412"; | ||
const readOnlyColumnCell = "_readOnlyColumnCell_13kqw_417"; | ||
const propertyEditorLabelCell = "_propertyEditorLabelCell_13kqw_422"; | ||
const buttonsFooter = "_buttonsFooter_13kqw_430"; | ||
const propertyEditorInput = "_propertyEditorInput_13kqw_436"; | ||
const primaryButton = "_primaryButton_13kqw_460"; | ||
const secondaryButton = "_secondaryButton_13kqw_461"; | ||
const smallButton = "_smallButton_13kqw_476"; | ||
const dialogForm = "_dialogForm_13kqw_488"; | ||
const linkDialogEditForm = "_linkDialogEditForm_13kqw_494"; | ||
const linkDialogInputContainer = "_linkDialogInputContainer_13kqw_502"; | ||
const linkDialogInputWrapper = "_linkDialogInputWrapper_13kqw_508"; | ||
const linkDialogInput = "_linkDialogInput_13kqw_502"; | ||
const dialogInput = "_dialogInput_13kqw_529"; | ||
const linkDialogAnchor = "_linkDialogAnchor_13kqw_540"; | ||
const linkDialogPopoverContent = "_linkDialogPopoverContent_13kqw_554"; | ||
const tableColumnEditorPopoverContent = "_tableColumnEditorPopoverContent_13kqw_555"; | ||
const dialogContent = "_dialogContent_13kqw_556"; | ||
const largeDialogContent = "_largeDialogContent_13kqw_568"; | ||
const dialogTitle = "_dialogTitle_13kqw_578"; | ||
const dialogCloseButton = "_dialogCloseButton_13kqw_584"; | ||
const popoverContent = "_popoverContent_13kqw_591"; | ||
const popoverArrow = "_popoverArrow_13kqw_603"; | ||
const linkDialogPreviewAnchor = "_linkDialogPreviewAnchor_13kqw_607"; | ||
const tooltipTrigger = "_tooltipTrigger_13kqw_630"; | ||
const tooltipContent = "_tooltipContent_13kqw_634"; | ||
const actionButton = "_actionButton_13kqw_648"; | ||
const primaryActionButton = "_primaryActionButton_13kqw_654"; | ||
const tableEditor = "_tableEditor_13kqw_664"; | ||
const toolCell = "_toolCell_13kqw_675"; | ||
const tableColumnEditorTrigger = "_tableColumnEditorTrigger_13kqw_694"; | ||
const tableRowEditorTrigger = "_tableRowEditorTrigger_13kqw_695"; | ||
const addRowButton = "_addRowButton_13kqw_696"; | ||
const addColumnButton = "_addColumnButton_13kqw_697"; | ||
const tableColumnEditorToolbar = "_tableColumnEditorToolbar_13kqw_738"; | ||
const toggleGroupRoot = "_toggleGroupRoot_13kqw_752"; | ||
const tableToolsColumn = "_tableToolsColumn_13kqw_770"; | ||
const leftAlignedCell = "_leftAlignedCell_13kqw_779"; | ||
const rightAlignedCell = "_rightAlignedCell_13kqw_783"; | ||
const centeredCell = "_centeredCell_13kqw_787"; | ||
const dialogOverlay = "_dialogOverlay_13kqw_820"; | ||
const overlayShow = "_overlayShow_13kqw_1"; | ||
const contentShow = "_contentShow_13kqw_1"; | ||
const focusedImage = "_focusedImage_13kqw_867"; | ||
const imageWrapper = "_imageWrapper_13kqw_871"; | ||
const editImageButton = "_editImageButton_13kqw_884"; | ||
const inlineEditor = "_inlineEditor_13kqw_896"; | ||
const blockEditor = "_blockEditor_13kqw_905"; | ||
const nestedEditor = "_nestedEditor_13kqw_914"; | ||
const genericComponentName = "_genericComponentName_13kqw_933"; | ||
const diffSourceToggle = "_diffSourceToggle_13kqw_939"; | ||
const selectWithLabel = "_selectWithLabel_13kqw_953"; | ||
const toolbarTitleMode = "_toolbarTitleMode_13kqw_968"; | ||
const imageControlWrapperResizing = "_imageControlWrapperResizing_13kqw_974"; | ||
const imageResizer = "_imageResizer_13kqw_978"; | ||
const imageResizerN = "_imageResizerN_13kqw_987"; | ||
const imageResizerNe = "_imageResizerNe_13kqw_993"; | ||
const imageResizerE = "_imageResizerE_13kqw_999"; | ||
const imageResizerSe = "_imageResizerSe_13kqw_1005"; | ||
const imageResizerS = "_imageResizerS_13kqw_1005"; | ||
const imageResizerSw = "_imageResizerSw_13kqw_1017"; | ||
const imageResizerW = "_imageResizerW_13kqw_1023"; | ||
const imageResizerNw = "_imageResizerNw_13kqw_1029"; | ||
const placeholder = "_placeholder_13kqw_1035"; | ||
const rootContentEditableWrapper = "_rootContentEditableWrapper_13kqw_1048"; | ||
const downshiftContainer = "_downshiftContainer_13kqw_1054"; | ||
const downshiftInputWrapper = "_downshiftInputWrapper_13kqw_1060"; | ||
const downshiftInput = "_downshiftInput_13kqw_1060"; | ||
const downshiftAutocompleteContainer = "_downshiftAutocompleteContainer_13kqw_1091"; | ||
const textInput = "_textInput_13kqw_1137"; | ||
const multiFieldForm = "_multiFieldForm_13kqw_1145"; | ||
const formField = "_formField_13kqw_1151"; | ||
const markdownParseError = "_markdownParseError_13kqw_1162"; | ||
const popupContainer = "_popupContainer_13kqw_1171"; | ||
const inputSizer = "_inputSizer_13kqw_1176"; | ||
const editorRoot = "_editorRoot_r5eta_38"; | ||
const editorWrapper = "_editorWrapper_r5eta_139"; | ||
const nestedListItem = "_nestedListItem_r5eta_141"; | ||
const toolbarRoot = "_toolbarRoot_r5eta_145"; | ||
const readOnlyToolbarRoot = "_readOnlyToolbarRoot_r5eta_168"; | ||
const toolbarModeSwitch = "_toolbarModeSwitch_r5eta_177"; | ||
const toolbarToggleItem = "_toolbarToggleItem_r5eta_187"; | ||
const toolbarGroupOfGroups = "_toolbarGroupOfGroups_r5eta_198"; | ||
const toolbarToggleSingleGroup = "_toolbarToggleSingleGroup_r5eta_203"; | ||
const toolbarButton = "_toolbarButton_r5eta_218"; | ||
const activeToolbarButton = "_activeToolbarButton_r5eta_250"; | ||
const toolbarNodeKindSelectContainer = "_toolbarNodeKindSelectContainer_r5eta_258"; | ||
const toolbarButtonDropdownContainer = "_toolbarButtonDropdownContainer_r5eta_259"; | ||
const toolbarCodeBlockLanguageSelectContent = "_toolbarCodeBlockLanguageSelectContent_r5eta_260"; | ||
const selectContainer = "_selectContainer_r5eta_261"; | ||
const selectItem = "_selectItem_r5eta_274"; | ||
const toolbarNodeKindSelectTrigger = "_toolbarNodeKindSelectTrigger_r5eta_279"; | ||
const toolbarButtonSelectTrigger = "_toolbarButtonSelectTrigger_r5eta_280"; | ||
const selectTrigger = "_selectTrigger_r5eta_281"; | ||
const toolbarCodeBlockLanguageSelectTrigger = "_toolbarCodeBlockLanguageSelectTrigger_r5eta_315"; | ||
const toolbarNodeKindSelectItem = "_toolbarNodeKindSelectItem_r5eta_320"; | ||
const toolbarNodeKindSelectDropdownArrow = "_toolbarNodeKindSelectDropdownArrow_r5eta_345"; | ||
const selectDropdownArrow = "_selectDropdownArrow_r5eta_346"; | ||
const contentEditable = "_contentEditable_r5eta_352"; | ||
const codeMirrorWrapper = "_codeMirrorWrapper_r5eta_364"; | ||
const frontmatterWrapper = "_frontmatterWrapper_r5eta_372"; | ||
const frontmatterToggleButton = "_frontmatterToggleButton_r5eta_382"; | ||
const propertyPanelTitle = "_propertyPanelTitle_r5eta_390"; | ||
const propertyEditorTable = "_propertyEditorTable_r5eta_398"; | ||
const iconButton = "_iconButton_r5eta_416"; | ||
const readOnlyColumnCell = "_readOnlyColumnCell_r5eta_421"; | ||
const propertyEditorLabelCell = "_propertyEditorLabelCell_r5eta_426"; | ||
const buttonsFooter = "_buttonsFooter_r5eta_434"; | ||
const propertyEditorInput = "_propertyEditorInput_r5eta_440"; | ||
const primaryButton = "_primaryButton_r5eta_464"; | ||
const secondaryButton = "_secondaryButton_r5eta_465"; | ||
const smallButton = "_smallButton_r5eta_480"; | ||
const dialogForm = "_dialogForm_r5eta_492"; | ||
const linkDialogEditForm = "_linkDialogEditForm_r5eta_498"; | ||
const linkDialogInputContainer = "_linkDialogInputContainer_r5eta_506"; | ||
const linkDialogInputWrapper = "_linkDialogInputWrapper_r5eta_512"; | ||
const linkDialogInput = "_linkDialogInput_r5eta_506"; | ||
const dialogInput = "_dialogInput_r5eta_533"; | ||
const linkDialogAnchor = "_linkDialogAnchor_r5eta_544"; | ||
const linkDialogPopoverContent = "_linkDialogPopoverContent_r5eta_558"; | ||
const tableColumnEditorPopoverContent = "_tableColumnEditorPopoverContent_r5eta_559"; | ||
const dialogContent = "_dialogContent_r5eta_560"; | ||
const largeDialogContent = "_largeDialogContent_r5eta_572"; | ||
const dialogTitle = "_dialogTitle_r5eta_582"; | ||
const dialogCloseButton = "_dialogCloseButton_r5eta_588"; | ||
const popoverContent = "_popoverContent_r5eta_595"; | ||
const popoverArrow = "_popoverArrow_r5eta_607"; | ||
const linkDialogPreviewAnchor = "_linkDialogPreviewAnchor_r5eta_611"; | ||
const tooltipTrigger = "_tooltipTrigger_r5eta_634"; | ||
const tooltipContent = "_tooltipContent_r5eta_638"; | ||
const actionButton = "_actionButton_r5eta_652"; | ||
const primaryActionButton = "_primaryActionButton_r5eta_658"; | ||
const tableEditor = "_tableEditor_r5eta_668"; | ||
const toolCell = "_toolCell_r5eta_679"; | ||
const tableColumnEditorTrigger = "_tableColumnEditorTrigger_r5eta_698"; | ||
const tableRowEditorTrigger = "_tableRowEditorTrigger_r5eta_699"; | ||
const addRowButton = "_addRowButton_r5eta_700"; | ||
const addColumnButton = "_addColumnButton_r5eta_701"; | ||
const tableColumnEditorToolbar = "_tableColumnEditorToolbar_r5eta_742"; | ||
const toggleGroupRoot = "_toggleGroupRoot_r5eta_756"; | ||
const tableToolsColumn = "_tableToolsColumn_r5eta_774"; | ||
const leftAlignedCell = "_leftAlignedCell_r5eta_783"; | ||
const rightAlignedCell = "_rightAlignedCell_r5eta_787"; | ||
const centeredCell = "_centeredCell_r5eta_791"; | ||
const dialogOverlay = "_dialogOverlay_r5eta_824"; | ||
const overlayShow = "_overlayShow_r5eta_1"; | ||
const contentShow = "_contentShow_r5eta_1"; | ||
const focusedImage = "_focusedImage_r5eta_871"; | ||
const imageWrapper = "_imageWrapper_r5eta_875"; | ||
const editImageButton = "_editImageButton_r5eta_888"; | ||
const inlineEditor = "_inlineEditor_r5eta_900"; | ||
const blockEditor = "_blockEditor_r5eta_909"; | ||
const nestedEditor = "_nestedEditor_r5eta_918"; | ||
const genericComponentName = "_genericComponentName_r5eta_937"; | ||
const diffSourceToggle = "_diffSourceToggle_r5eta_943"; | ||
const selectWithLabel = "_selectWithLabel_r5eta_957"; | ||
const toolbarTitleMode = "_toolbarTitleMode_r5eta_972"; | ||
const imageControlWrapperResizing = "_imageControlWrapperResizing_r5eta_978"; | ||
const imageResizer = "_imageResizer_r5eta_982"; | ||
const imageResizerN = "_imageResizerN_r5eta_991"; | ||
const imageResizerNe = "_imageResizerNe_r5eta_997"; | ||
const imageResizerE = "_imageResizerE_r5eta_1003"; | ||
const imageResizerSe = "_imageResizerSe_r5eta_1009"; | ||
const imageResizerS = "_imageResizerS_r5eta_1009"; | ||
const imageResizerSw = "_imageResizerSw_r5eta_1021"; | ||
const imageResizerW = "_imageResizerW_r5eta_1027"; | ||
const imageResizerNw = "_imageResizerNw_r5eta_1033"; | ||
const placeholder = "_placeholder_r5eta_1039"; | ||
const rootContentEditableWrapper = "_rootContentEditableWrapper_r5eta_1052"; | ||
const downshiftContainer = "_downshiftContainer_r5eta_1058"; | ||
const downshiftInputWrapper = "_downshiftInputWrapper_r5eta_1064"; | ||
const downshiftInput = "_downshiftInput_r5eta_1064"; | ||
const downshiftAutocompleteContainer = "_downshiftAutocompleteContainer_r5eta_1095"; | ||
const textInput = "_textInput_r5eta_1141"; | ||
const multiFieldForm = "_multiFieldForm_r5eta_1149"; | ||
const formField = "_formField_r5eta_1155"; | ||
const markdownParseError = "_markdownParseError_r5eta_1166"; | ||
const popupContainer = "_popupContainer_r5eta_1175"; | ||
const inputSizer = "_inputSizer_r5eta_1180"; | ||
const styles = { | ||
@@ -130,3 +130,3 @@ editorRoot, | ||
contentEditable, | ||
sandpackWrapper, | ||
codeMirrorWrapper, | ||
frontmatterWrapper, | ||
@@ -220,2 +220,3 @@ frontmatterToggleButton, | ||
centeredCell, | ||
codeMirrorWrapper, | ||
contentEditable, | ||
@@ -285,3 +286,2 @@ contentShow, | ||
rootContentEditableWrapper, | ||
sandpackWrapper, | ||
secondaryButton, | ||
@@ -288,0 +288,0 @@ selectContainer, |
@@ -14,3 +14,3 @@ { | ||
"type": "module", | ||
"version": "2.20.6", | ||
"version": "3.0.0-alpha.1", | ||
"description": "React component for rich text markdown editing", | ||
@@ -41,2 +41,3 @@ "scripts": { | ||
"@codemirror/lang-markdown": "^6.2.3", | ||
"@codemirror/language-data": "^6.5.1", | ||
"@codemirror/merge": "^6.4.0", | ||
@@ -43,0 +44,0 @@ "@codemirror/state": "^6.4.0", |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
No v1
QualityPackage is not semver >=1. This means it is not stable and does not support ^ ranges.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
515158
13431
52
1
+ Added@codemirror/lang-angular@0.1.3(transitive)
+ Added@codemirror/lang-cpp@6.0.2(transitive)
+ Added@codemirror/lang-go@6.0.1(transitive)
+ Added@codemirror/lang-java@6.0.1(transitive)
+ Added@codemirror/lang-json@6.0.1(transitive)
+ Added@codemirror/lang-less@6.0.2(transitive)
+ Added@codemirror/lang-liquid@6.2.1(transitive)
+ Added@codemirror/lang-php@6.0.1(transitive)
+ Added@codemirror/lang-python@6.1.6(transitive)
+ Added@codemirror/lang-rust@6.0.1(transitive)
+ Added@codemirror/lang-sass@6.0.2(transitive)
+ Added@codemirror/lang-sql@6.7.1(transitive)
+ Added@codemirror/lang-vue@0.1.3(transitive)
+ Added@codemirror/lang-wast@6.0.2(transitive)
+ Added@codemirror/lang-xml@6.1.0(transitive)
+ Added@codemirror/lang-yaml@6.1.1(transitive)
+ Added@codemirror/language-data@6.5.1(transitive)
+ Added@codemirror/legacy-modes@6.4.1(transitive)
+ Added@lezer/cpp@1.1.2(transitive)
+ Added@lezer/go@1.0.0(transitive)
+ Added@lezer/java@1.1.2(transitive)
+ Added@lezer/json@1.0.2(transitive)
+ Added@lezer/php@1.0.2(transitive)
+ Added@lezer/python@1.1.14(transitive)
+ Added@lezer/rust@1.0.2(transitive)
+ Added@lezer/sass@1.0.6(transitive)
+ Added@lezer/xml@1.0.5(transitive)
+ Added@lezer/yaml@1.0.3(transitive)