@zipify/wysiwyg 2.0.0-0 → 2.0.0-10

package/lib/extensions/core/__tests__/__snapshots__/NodeProcessor.test.js.snap

@@ -1,5 +1,34 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`apply mark should apply inline mark 1`] = `
+Object {
+  "content": Array [
+    Object {
+      "attrs": Object {
+        "line_height": null,
+      },
+      "content": Array [
+        Object {
+          "marks": Array [
+            Object {
+              "attrs": Object {
+                "strike_through": false,
+                "underline": true,
+              },
+              "type": "text_decoration",
+            },
+          ],
+          "text": "lorem ipsum",
+          "type": "text",
+        },
+      ],
+      "type": "paragraph",
+    },
+  ],
+  "type": "doc",
+}
+`;
+
 exports[`apply mark should apply mark to block 1`] = `
 Object {
   "content": Array [
@@ -28,6 +57,126 @@ Object {
 }
 `;
 
+exports[`apply mark should apply mark to list item 1`] = `
+Object {
+  "content": Array [
+    Object {
+      "attrs": Object {
+        "bullet": Object {
+          "type": "disc",
+        },
+      },
+      "content": Array [
+        Object {
+          "content": Array [
+            Object {
+              "attrs": Object {
+                "line_height": null,
+              },
+              "content": Array [
+                Object {
+                  "text": "lorem ipsum 1",
+                  "type": "text",
+                },
+              ],
+              "type": "paragraph",
+            },
+          ],
+          "marks": Array [
+            Object {
+              "attrs": Object {
+                "value": "700",
+              },
+              "type": "font_weight",
+            },
+          ],
+          "type": "listItem",
+        },
+        Object {
+          "content": Array [
+            Object {
+              "attrs": Object {
+                "line_height": null,
+              },
+              "content": Array [
+                Object {
+                  "text": "lorem ipsum 2",
+                  "type": "text",
+                },
+              ],
+              "type": "paragraph",
+            },
+          ],
+          "type": "listItem",
+        },
+      ],
+      "type": "list",
+    },
+  ],
+  "type": "doc",
+}
+`;
+
+exports[`apply mark should apply mark to paragraph 1`] = `
+Object {
+  "content": Array [
+    Object {
+      "attrs": Object {
+        "line_height": null,
+      },
+      "content": Array [
+        Object {
+          "text": "lorem ipsum",
+          "type": "text",
+        },
+      ],
+      "marks": Array [
+        Object {
+          "attrs": Object {
+            "value": "700",
+          },
+          "type": "font_weight",
+        },
+      ],
+      "type": "paragraph",
+    },
+  ],
+  "type": "doc",
+}
+`;
+
+exports[`apply mark should apply mark to part of text 1`] = `
+Object {
+  "content": Array [
+    Object {
+      "attrs": Object {
+        "line_height": null,
+      },
+      "content": Array [
+        Object {
+          "marks": Array [
+            Object {
+              "attrs": Object {
+                "value": "700",
+              },
+              "type": "font_weight",
+            },
+          ],
+          "text": "lorem",
+          "type": "text",
+        },
+        Object {
+          "text": " ipsum",
+          "type": "text",
+        },
+      ],
+      "type": "paragraph",
+    },
+  ],
+  "type": "doc",
+}
+`;
+
 exports[`apply mark should apply mark to word 1`] = `
 Object {
   "content": Array [
@@ -132,6 +281,106 @@ Object {
 }
 `;
 
+exports[`apply mark should remove paragraph mark on applying to list item 1`] = `
+Object {
+  "content": Array [
+    Object {
+      "attrs": Object {
+        "bullet": Object {
+          "type": "disc",
+        },
+      },
+      "content": Array [
+        Object {
+          "content": Array [
+            Object {
+              "attrs": Object {
+                "line_height": null,
+              },
+              "content": Array [
+                Object {
+                  "text": "lorem ipsum 1",
+                  "type": "text",
+                },
+              ],
+              "type": "paragraph",
+            },
+            Object {
+              "attrs": Object {
+                "line_height": null,
+              },
+              "content": Array [
+                Object {
+                  "text": "lorem ipsum 2",
+                  "type": "text",
+                },
+              ],
+              "type": "paragraph",
+            },
+          ],
+          "marks": Array [
+            Object {
+              "attrs": Object {
+                "value": "700",
+              },
+              "type": "font_weight",
+            },
+          ],
+          "type": "listItem",
+        },
+        Object {
+          "content": Array [
+            Object {
+              "attrs": Object {
+                "line_height": null,
+              },
+              "content": Array [
+                Object {
+                  "text": "lorem ipsum 3",
+                  "type": "text",
+                },
+              ],
+              "type": "paragraph",
+            },
+          ],
+          "type": "listItem",
+        },
+      ],
+      "type": "list",
+    },
+  ],
+  "type": "doc",
+}
+`;
+
+exports[`apply mark should remove text mark on applying to paragraph 1`] = `
+Object {
+  "content": Array [
+    Object {
+      "attrs": Object {
+        "line_height": null,
+      },
+      "content": Array [
+        Object {
+          "text": "lorem ipsum",
+          "type": "text",
+        },
+      ],
+      "marks": Array [
+        Object {
+          "attrs": Object {
+            "value": "700",
+          },
+          "type": "font_weight",
+        },
+      ],
+      "type": "paragraph",
+    },
+  ],
+  "type": "doc",
+}
+`;
+
 exports[`block attributes should set attributes 1`] = `
 Object {
   "content": Array [
@@ -223,3 +472,63 @@ Object {
   "type": "doc",
 }
 `;
+
+exports[`remove marks should remove block and text marks 1`] = `
+Object {
+  "content": Array [
+    Object {
+      "attrs": Object {
+        "line_height": null,
+      },
+      "content": Array [
+        Object {
+          "text": "lorem ipsum",
+          "type": "text",
+        },
+      ],
+      "type": "paragraph",
+    },
+  ],
+  "type": "doc",
+}
+`;
+
+exports[`remove marks should remove block marks 1`] = `
+Object {
+  "content": Array [
+    Object {
+      "attrs": Object {
+        "line_height": null,
+      },
+      "content": Array [
+        Object {
+          "text": "lorem ipsum",
+          "type": "text",
+        },
+      ],
+      "type": "paragraph",
+    },
+  ],
+  "type": "doc",
+}
+`;
+
+exports[`remove marks should remove text marks 1`] = `
+Object {
+  "content": Array [
+    Object {
+      "attrs": Object {
+        "line_height": null,
+      },
+      "content": Array [
+        Object {
+          "text": "lorem ipsum",
+          "type": "text",
+        },
+      ],
+      "type": "paragraph",
+    },
+  ],
+  "type": "doc",
+}
+`;

package/lib/extensions/core/__tests__/__snapshots__/TextProcessor.test.js.snap

@@ -9,36 +9,16 @@ Object {
       },
       "content": Array [
         Object {
-          "marks": Array [
-            Object {
-              "attrs": Object {
-                "value": "700",
-              },
-              "type": "font_weight",
-            },
-          ],
           "text": "hELLO world",
           "type": "text",
         },
       ],
-      "type": "paragraph",
-    },
-  ],
-  "type": "doc",
-}
-`;
-
-exports[`transform text should transform selected text 1`] = `
-Object {
-  "content": Array [
-    Object {
-      "attrs": Object {
-        "alignment": null,
-      },
-      "content": Array [
+      "marks": Array [
         Object {
-          "text": "hELLO world",
-          "type": "text",
+          "attrs": Object {
+            "value": "700",
+          },
+          "type": "font_weight",
         },
       ],
       "type": "paragraph",
@@ -48,7 +28,7 @@ Object {
 }
 `;
 
-exports[`unset marks should reset all marks 1`] = `
+exports[`transform text should transform selected text 1`] = `
 Object {
   "content": Array [
     Object {
@@ -57,7 +37,7 @@ Object {
       },
       "content": Array [
         Object {
-          "text": "hello world",
+          "text": "hELLO world",
           "type": "text",
         },
       ],

package/lib/extensions/core/steps/AddNodeMarkStep.js

@@ -2,6 +2,12 @@ import { Step, StepResult } from 'prosemirror-transform';
 import { Slice, Fragment } from 'prosemirror-model';
 import { RemoveNodeMarkStep } from './RemoveNodeMarkStep';
 
+/**
+ * Copy&Paste from the latest version prosemirror-transform
+ * Can be replaced to built-in commands when tiptap update dependencies
+ *
+ * Original file: https://github.com/ProseMirror/prosemirror-transform/blob/e659a51eacb6eab66be992ea86b9bf70881d7c5d/src/mark_step.ts#L131
+ */
 export class AddNodeMarkStep extends Step {
     static fromJSON(schema, json) {
         if (typeof json.pos != 'number') {

package/lib/extensions/core/steps/AttrStep.js

@@ -0,0 +1,60 @@
+import { Step, StepResult, StepMap } from 'prosemirror-transform';
+import { Fragment, Slice } from 'prosemirror-model';
+
+/**
+ * Copy&Paste from the latest version prosemirror-transform
+ * Can be replaced to built-in commands when tiptap update dependencies
+ *
+ * Original file: https://github.com/ProseMirror/prosemirror-transform/blob/9ee7c0806f38180bae0e60d7d84af4fd9ee44f26/src/attr_step.ts#L6
+ */
+export class AttrStep extends Step {
+    static fromJSON(schema, json) {
+        if (typeof json.pos != 'number' || typeof json.attr != 'string') {
+            throw new RangeError('Invalid input for AttrStep.fromJSON');
+        }
+        return new AttrStep(json.pos, json.attr, json.value);
+    }
+
+    constructor(pos, attr, value) {
+        super();
+        this.pos = pos;
+        this.attr = attr;
+        this.value = value;
+    }
+
+    apply(doc) {
+        const node = doc.nodeAt(this.pos);
+
+        if (!node) return StepResult.fail('No node at attribute step\'s position');
+
+        const attrs = Object.create(null);
+
+        for (let name in node.attrs) attrs[name] = node.attrs[name];
+        attrs[this.attr] = this.value;
+
+        const updated = node.type.create(attrs, null, node.marks);
+        const slice = new Slice(Fragment.from(updated), 0, node.isLeaf ? 0 : 1);
+
+        return StepResult.fromReplace(doc, this.pos, this.pos + 1, slice);
+    }
+
+    getMap() {
+        return StepMap.empty;
+    }
+
+    invert(doc) {
+        return new AttrStep(this.pos, this.attr, doc.nodeAt(this.pos).attrs[this.attr]);
+    }
+
+    map(mapping) {
+        let pos = mapping.mapResult(this.pos, 1);
+
+        return pos.deletedAfter ? null : new AttrStep(pos.pos, this.attr, this.value);
+    }
+
+    toJSON() {
+        return { stepType: 'attr', pos: this.pos, attr: this.attr, value: this.value };
+    }
+}
+
+Step.jsonID('attr', AttrStep);

package/lib/extensions/core/steps/RemoveNodeMarkStep.js

@@ -2,6 +2,12 @@ import { Step, StepResult } from 'prosemirror-transform';
 import { Slice, Fragment } from 'prosemirror-model';
 import { AddNodeMarkStep } from './AddNodeMarkStep';
 
+/**
+ * Copy&Paste from the latest version prosemirror-transform
+ * Can be replaced to built-in commands when tiptap update dependencies
+ *
+ * Original file: https://github.com/ProseMirror/prosemirror-transform/blob/e659a51eacb6eab66be992ea86b9bf70881d7c5d/src/mark_step.ts#L183
+ */
 export class RemoveNodeMarkStep extends Step {
     static fromJSON(schema, json) {
         if (typeof json.pos != 'number') {

package/lib/extensions/core/steps/index.js

@@ -1,2 +1,3 @@
 export { AddNodeMarkStep } from './AddNodeMarkStep';
 export { RemoveNodeMarkStep } from './RemoveNodeMarkStep';
+export { AttrStep } from './AttrStep';

package/lib/extensions/list/List.js

@@ -1,14 +1,15 @@
 import { Node, wrappingInputRule } from '@tiptap/vue-2';
 import { computed, unref } from 'vue';
-import { createCommand } from '../../utils';
-import { ListTypes, NodeTypes } from '../../enums';
+import { copyMark, createCommand } from '../../utils';
+import { ListTypes, MarkGroups, NodeTypes, TextSettings } from '../../enums';
+import { AddNodeMarkStep, RemoveNodeMarkStep } from '../core/steps';
 import { ListItem } from './ListItem';
 
 export const List = Node.create({
     name: NodeTypes.LIST,
     content: `${NodeTypes.LIST_ITEM}+`,
     group: 'block list',
-    marks: 'settings',
+    marks: MarkGroups.SETTINGS,
 
     addExtensions: () => [
         ListItem
@@ -79,21 +80,81 @@ export const List = Node.create({
 
                 // Remove List
                 if (currentType === type) {
-                    commands.applyDefaultPreset();
+                    commands.removeList();
                     return;
                 }
 
-                return chain().applyDefaultPreset()._addList(type).run();
-            }),
-
-            _addList: createCommand(({ chain }, type) => {
                 return chain()
+                    .applyDefaultPreset()
                     .toggleList(NodeTypes.LIST, NodeTypes.LIST_ITEM)
                     .setBlockAttributes('bullet', { type })
+                    .command(({ commands, tr }) => commands._bubbleListItemMarks(tr))
                     .run();
             }),
 
-            removeList: createCommand(({ commands }) => {
+            _bubbleListItemMarks: createCommand((_, tr) => {
+                const { doc, selection } = tr;
+                const from = selection.$from.start();
+                const to = selection.$to.end();
+
+                function canBubbleMark(node, childMark) {
+                    if (TextSettings.inlineMarks.includes(childMark.type)) return false;
+                    if (childMark.type.isInSet(node.marks)) return false;
+
+                    for (const child of node.content.content) {
+                        if (!child.childCount) continue;
+                        if (!child.marks) return false;
+                        if (!childMark.isInSet(child.marks)) return false;
+                    }
+
+                    return true;
+                }
+
+                doc.nodesBetween(from, to, (node, position) => {
+                    if (node.type.name === NodeTypes.LIST) return;
+                    if (node.type.name !== NodeTypes.LIST_ITEM) return false;
+
+                    const bubbled = [];
+
+                    node.forEach((child) => {
+                        for (const childMark of child.marks) {
+                            if (childMark.isInSet(bubbled)) {
+                                tr.step(new RemoveNodeMarkStep(position + 1, childMark));
+                                continue;
+                            }
+
+                            if (canBubbleMark(node, childMark)) {
+                                tr.step(new RemoveNodeMarkStep(position + 1, childMark));
+                                tr.step(new AddNodeMarkStep(position, copyMark(childMark)));
+                                bubbled.push(childMark);
+                            }
+                        }
+                    });
+
+                    return false;
+                });
+            }),
+
+            removeList: createCommand(({ commands, state }) => {
+                const { tr, doc, selection } = state;
+                const from = selection.$from.start();
+                const to = selection.$to.end();
+
+                doc.nodesBetween(from, to, (node, position, parent) => {
+                    if ([NodeTypes.LIST, NodeTypes.LIST_ITEM].includes(node.type.name)) return;
+                    if (parent.type.name !== NodeTypes.LIST_ITEM) return false;
+
+                    const addingMarks = parent.marks.filter(function (mark) {
+                        return !mark.type.isInSet(node.marks);
+                    });
+
+                    for (const mark of addingMarks) {
+                        tr.step(new AddNodeMarkStep(position, copyMark(mark)));
+                    }
+
+                    return false;
+                });
+
                 commands.liftListItem(NodeTypes.LIST_ITEM);
             })
         };

package/lib/extensions/list/ListItem.js

@@ -1,9 +1,9 @@
 import Base from '@tiptap/extension-list-item';
-import { NodeTypes } from '../../enums';
+import { MarkGroups, NodeTypes } from '../../enums';
 
 export const ListItem = Base.extend({
     name: NodeTypes.LIST_ITEM,
-    marks: 'settings',
+    marks: MarkGroups.SETTINGS,
 
     addOptions: () => ({
         HTMLAttributes: { class: 'zw-style' }