decap-cms-widget-markdown 3.5.0 → 3.6.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "decap-cms-widget-markdown",
   "description": "Widget for editing markdown in Decap CMS.",
-  "version": "3.5.0",
+  "version": "3.6.1",
   "homepage": "https://www.decapcms.org/docs/widgets/#markdown",
   "repository": "https://github.com/decaporg/decap-cms/tree/main/packages/decap-cms-widget-markdown",
   "bugs": "https://github.com/decaporg/decap-cms/issues",
@@ -35,12 +35,13 @@
     "remark-slate": "^1.8.6",
     "remark-slate-transformer": "^0.7.4",
     "remark-stringify": "^6.0.4",
-    "slate": "^0.91.1",
+    "slate": "^0.118.1",
     "slate-base64-serializer": "^0.2.107",
-    "slate-history": "^0.93.0",
-    "slate-hyperscript": "^0.77.0",
-    "slate-plain-serializer": "^0.7.1",
-    "slate-react": "^0.91.2",
+    "slate-dom": "^0.118.1",
+    "slate-history": "^0.113.1",
+    "slate-hyperscript": "^0.100.0",
+    "slate-plain-serializer": "^0.7.3",
+    "slate-react": "^0.117.4",
     "slate-soft-break": "^0.9.0",
     "unified": "^9.2.0",
     "unist-builder": "^1.0.3",
@@ -62,5 +63,5 @@
     "commonmark": "^0.30.0",
     "commonmark-spec": "^0.30.0"
   },
-  "gitHead": "d3465f53b7f056ad5d872948a07eaa8e4ae63315"
+  "gitHead": "46c6646c68ead2cd982acb236d7aff0356f313ba"
 }

package/src/MarkdownControl/RawEditor.js

@@ -57,7 +57,7 @@ function RawEditor(props) {
   }
 
   return (
-    <Slate editor={editor} value={value} onChange={handleChange}>
+    <Slate editor={editor} value={value} initialValue={value} onChange={handleChange}>
       <RawEditorContainer>
         <EditorControlBar>
           <Toolbar

package/src/MarkdownControl/Toolbar.js

@@ -160,6 +160,16 @@ export default class Toolbar extends React.Component {
               disabled={disabled}
             />
           )}
+          {isVisible('strikethrough') && (
+            <ToolbarButton
+              type="strikethrough"
+              label={t('editor.editorWidgets.markdown.strikethrough')}
+              icon="strikethrough"
+              onClick={this.handleMarkClick}
+              isActive={hasMark('delete')}
+              disabled={disabled}
+            />
+          )}
           {isVisible('code') && (
             <ToolbarButton
               type="code"
@@ -271,7 +281,15 @@ export default class Toolbar extends React.Component {
             <ToolbarToggleLabel isActive={!rawMode} offPosition>
               {t('editor.editorWidgets.markdown.richText')}
             </ToolbarToggleLabel>
-            <StyledToggle active={rawMode} onChange={onToggleMode} />
+            <StyledToggle
+              active={rawMode}
+              onChange={onToggleMode}
+              aria-label={
+                rawMode
+                  ? t('editor.editorWidgets.markdown.toggleMode.rich')
+                  : t('editor.editorWidgets.markdown.toggleMode.markdown')
+              }
+            />
             <ToolbarToggleLabel isActive={rawMode}>
               {t('editor.editorWidgets.markdown.markdown')}
             </ToolbarToggleLabel>

package/src/MarkdownControl/VisualEditor.js

@@ -141,7 +141,8 @@ function Editor(props) {
 
   function handleMarkClick(format) {
     ReactEditor.focus(editor);
-    toggleMark(editor, format);
+    const markFormat = format === 'strikethrough' ? 'delete' : format;
+    toggleMark(editor, markFormat);
   }
 
   function handleBlockClick(format) {
@@ -222,7 +223,7 @@ function Editor(props) {
         position: relative;
       `}
     >
-      <Slate editor={editor} value={editorValue} onChange={handleChange}>
+      <Slate editor={editor} value={editorValue} initialValue={editorValue} onChange={handleChange}>
         <EditorControlBar>
           {
             <Toolbar

package/src/MarkdownControl/plugins/inlines/withInlines.js

@@ -1,7 +1,9 @@
+import { Element, Node, Transforms } from 'slate';
+
 import keyDown from './events/keyDown';
 
 function withInlines(editor) {
-  const { isInline, isVoid } = editor;
+  const { isInline, isVoid, normalizeNode } = editor;
 
   editor.isInline = element =>
     ['link', 'button', 'break', 'image'].includes(element.type) || isInline(element);
@@ -9,6 +11,22 @@ function withInlines(editor) {
   editor.isVoid = element =>
     ['break', 'image', 'thematic-break'].includes(element.type) || isVoid(element);
 
+  // Remove empty links (fixes #7640: hidden link remains when deleting linked text)
+  editor.normalizeNode = entry => {
+    const [node, path] = entry;
+
+    if (Element.isElement(node) && node.type === 'link') {
+      // Check if link is empty (no text content)
+      const text = Node.string(node);
+      if (text === '') {
+        Transforms.removeNodes(editor, { at: path });
+        return;
+      }
+    }
+
+    normalizeNode(entry);
+  };
+
   if (editor.keyDownHandlers === undefined) {
     editor.keyDownHandlers = [];
   }

package/src/schema.js

@@ -8,6 +8,7 @@ export default {
         enum: [
           'bold',
           'italic',
+          'strikethrough',
           'code',
           'link',
           'heading-one',