feat(YfmCut): allow inline nodes in cut title

Author: d3m1d0v

src/extensions/yfm/YfmCut/YfmCut.test.ts

@@ -8,23 +8,32 @@ import {
     BlockquoteSpecs,
     italicMarkName,
     ItalicSpecs,
+    ImageSpecs,
+    imageNodeName,
+    ImageAttr,
 } from '../../markdown/specs';
 import {CutNode, YfmCutSpecs} from './YfmCutSpecs';
 
 const {schema, parser, serializer} = new ExtensionsManager({
     extensions: (builder) =>
-        builder.use(BaseSpecsPreset, {}).use(ItalicSpecs).use(BlockquoteSpecs).use(YfmCutSpecs, {}),
+        builder
+            .use(BaseSpecsPreset, {})
+            .use(ItalicSpecs)
+            .use(BlockquoteSpecs)
+            .use(YfmCutSpecs, {})
+            .use(ImageSpecs),
 }).buildDeps();
 
-const {doc, p, i, bq, cut, cutTitle, cutContent} = builders(schema, {
+const {doc, p, i, bq, img, cut, cutTitle, cutContent} = builders(schema, {
     doc: {nodeType: BaseNode.Doc},
     p: {nodeType: BaseNode.Paragraph},
     i: {markType: italicMarkName},
     bq: {nodeType: blockquoteNodeName},
+    img: {nodeType: imageNodeName},
     cut: {nodeType: CutNode.Cut},
     cutTitle: {nodeType: CutNode.CutTitle},
     cutContent: {nodeType: CutNode.CutContent},
-}) as PMTestBuilderResult<'doc' | 'p' | 'bq' | 'cut' | 'cutTitle' | 'cutContent', 'i'>;
+}) as PMTestBuilderResult<'doc' | 'p' | 'bq' | 'img' | 'cut' | 'cutTitle' | 'cutContent', 'i'>;
 
 const {same} = createMarkupChecker({parser, serializer});
 
@@ -94,6 +103,31 @@ cut content
         same(markup, doc(cut(cutTitle(i('cut italic title')), cutContent(p('cut content')))));
     });
 
+    it('should parse yfm-cut with inline node in cut title', () => {
+        const markup = `
+{% cut "![img](path/to/img)" %}
+
+cut content
+
+{% endcut %}
+    `.trim();
+
+        same(
+            markup,
+            doc(
+                cut(
+                    cutTitle(
+                        img({
+                            [ImageAttr.Src]: 'path/to/img',
+                            [ImageAttr.Alt]: 'img',
+                        }),
+                    ),
+                    cutContent(p('cut content')),
+                ),
+            ),
+        );
+    });
+
     it('should parse yfm-note from html', () => {
         parseDOM(
             schema,

src/extensions/yfm/YfmCut/YfmCutSpecs/spec.ts

@@ -24,7 +24,7 @@ export const getSpec = (opts?: YfmCutSpecsOptions): Record<CutNode, NodeSpec> =>
 
     [CutNode.CutTitle]: {
         attrs: {class: {default: 'yfm-cut-title'}},
-        content: 'text*',
+        content: 'inline*',
         group: 'block yfm-cut',
         parseDOM: [{tag: 'div.yfm-cut-title'}],
         toDOM(node) {

src/extensions/yfm/YfmCut/YfmCutSpecs/toYfm.ts

@@ -12,7 +12,7 @@ export const toYfm: Record<CutNode, SerializerNodeToken> = {
 
     [CutNode.CutTitle]: (state, node) => {
         state.write('{% cut "');
-        if (node.textContent) state.renderInline(node);
+        if (node.nodeSize > 2) state.renderInline(node);
         else state.write(getPlaceholderContent(node));
         state.write('" %}\n');
         state.write('\n');