@zipify/wysiwyg 1.0.0-dev.5 → 1.0.0-dev.50

package/lib/extensions/__tests__/__snapshots__/Link.test.js.snap

@@ -0,0 +1,225 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`apply link should apply link 1`] = `
+Object {
+  "content": Array [
+    Object {
+      "content": Array [
+        Object {
+          "marks": Array [
+            Object {
+              "attrs": Object {
+                "destination": "url",
+                "href": "/test",
+                "target": "_self",
+              },
+              "type": "link",
+            },
+          ],
+          "text": "Hello world link",
+          "type": "text",
+        },
+      ],
+      "type": "paragraph",
+    },
+  ],
+  "type": "doc",
+}
+`;
+
+exports[`apply link should apply link when no selected text 1`] = `
+Object {
+  "content": Array [
+    Object {
+      "content": Array [
+        Object {
+          "text": "Some ",
+          "type": "text",
+        },
+        Object {
+          "marks": Array [
+            Object {
+              "attrs": Object {
+                "destination": "url",
+                "href": "/test",
+                "target": "_self",
+              },
+              "type": "link",
+            },
+          ],
+          "text": "Hello world link",
+          "type": "text",
+        },
+        Object {
+          "text": " text",
+          "type": "text",
+        },
+      ],
+      "type": "paragraph",
+    },
+  ],
+  "type": "doc",
+}
+`;
+
+exports[`parse html should add default self target for links from html without target 1`] = `
+Object {
+  "content": Array [
+    Object {
+      "content": Array [
+        Object {
+          "marks": Array [
+            Object {
+              "attrs": Object {
+                "destination": "url",
+                "href": "https://hello.world",
+                "target": "_self",
+              },
+              "type": "link",
+            },
+          ],
+          "text": "Hello",
+          "type": "text",
+        },
+      ],
+      "type": "paragraph",
+    },
+  ],
+  "type": "doc",
+}
+`;
+
+exports[`parse html should parse block links from html 1`] = `
+Object {
+  "content": Array [
+    Object {
+      "content": Array [
+        Object {
+          "marks": Array [
+            Object {
+              "attrs": Object {
+                "destination": "block",
+                "href": 987654,
+                "target": "_blank",
+              },
+              "type": "link",
+            },
+          ],
+          "text": "Hello",
+          "type": "text",
+        },
+      ],
+      "type": "paragraph",
+    },
+  ],
+  "type": "doc",
+}
+`;
+
+exports[`parse html should parse link target 1`] = `
+Object {
+  "content": Array [
+    Object {
+      "content": Array [
+        Object {
+          "marks": Array [
+            Object {
+              "attrs": Object {
+                "destination": "url",
+                "href": "https://hello.world",
+                "target": "_blank",
+              },
+              "type": "link",
+            },
+          ],
+          "text": "Hello",
+          "type": "text",
+        },
+      ],
+      "type": "paragraph",
+    },
+  ],
+  "type": "doc",
+}
+`;
+
+exports[`parse html should parse not valid value 1`] = `
+Object {
+  "content": Array [
+    Object {
+      "content": Array [
+        Object {
+          "marks": Array [
+            Object {
+              "attrs": Object {
+                "destination": "url",
+                "href": "934238",
+                "target": "_self",
+              },
+              "type": "link",
+            },
+          ],
+          "text": "Hello",
+          "type": "text",
+        },
+      ],
+      "type": "paragraph",
+    },
+  ],
+  "type": "doc",
+}
+`;
+
+exports[`parse html should parse url links from html 1`] = `
+Object {
+  "content": Array [
+    Object {
+      "content": Array [
+        Object {
+          "marks": Array [
+            Object {
+              "attrs": Object {
+                "destination": "url",
+                "href": "https://hello.world",
+                "target": "_blank",
+              },
+              "type": "link",
+            },
+          ],
+          "text": "Hello",
+          "type": "text",
+        },
+      ],
+      "type": "paragraph",
+    },
+  ],
+  "type": "doc",
+}
+`;
+
+exports[`parse html should parse value for relative url 1`] = `
+Object {
+  "content": Array [
+    Object {
+      "content": Array [
+        Object {
+          "marks": Array [
+            Object {
+              "attrs": Object {
+                "destination": "url",
+                "href": "/hello-world",
+                "target": "_self",
+              },
+              "type": "link",
+            },
+          ],
+          "text": "Hello",
+          "type": "text",
+        },
+      ],
+      "type": "paragraph",
+    },
+  ],
+  "type": "doc",
+}
+`;

package/lib/extensions/__tests__/__snapshots__/StylePreset.test.js.snap

@@ -349,7 +349,9 @@ Object {
             Object {
               "attrs": Object {
                 "alignment": null,
-                "preset": null,
+                "preset": Object {
+                  "id": "regular-1",
+                },
               },
               "content": Array [
                 Object {
@@ -385,7 +387,9 @@ Object {
             Object {
               "attrs": Object {
                 "alignment": null,
-                "preset": null,
+                "preset": Object {
+                  "id": "regular-1",
+                },
               },
               "content": Array [
                 Object {

package/lib/extensions/__tests__/__snapshots__/TextDecoration.test.js.snap

@@ -225,6 +225,36 @@ Object {
 }
 `;
 
+exports[`parsing html should get both from rendered view 1`] = `
+Object {
+  "content": Array [
+    Object {
+      "content": Array [
+        Object {
+          "marks": Array [
+            Object {
+              "attrs": Object {
+                "strike_through": true,
+                "underline": true,
+              },
+              "type": "text_decoration",
+            },
+          ],
+          "text": "lorem",
+          "type": "text",
+        },
+        Object {
+          "text": " ipsum",
+          "type": "text",
+        },
+      ],
+      "type": "paragraph",
+    },
+  ],
+  "type": "doc",
+}
+`;
+
 exports[`parsing html should get both from text 1`] = `
 Object {
   "content": Array [
@@ -255,6 +285,36 @@ Object {
 }
 `;
 
+exports[`parsing html should get both from text with property shorthand 1`] = `
+Object {
+  "content": Array [
+    Object {
+      "content": Array [
+        Object {
+          "marks": Array [
+            Object {
+              "attrs": Object {
+                "strike_through": true,
+                "underline": true,
+              },
+              "type": "text_decoration",
+            },
+          ],
+          "text": "lorem",
+          "type": "text",
+        },
+        Object {
+          "text": " ipsum",
+          "type": "text",
+        },
+      ],
+      "type": "paragraph",
+    },
+  ],
+  "type": "doc",
+}
+`;
+
 exports[`parsing html should get strike through from paragraph 1`] = `
 Object {
   "content": Array [
@@ -281,6 +341,36 @@ Object {
 }
 `;
 
+exports[`parsing html should get strike through from rendered view 1`] = `
+Object {
+  "content": Array [
+    Object {
+      "content": Array [
+        Object {
+          "marks": Array [
+            Object {
+              "attrs": Object {
+                "strike_through": true,
+                "underline": false,
+              },
+              "type": "text_decoration",
+            },
+          ],
+          "text": "lorem",
+          "type": "text",
+        },
+        Object {
+          "text": " ipsum",
+          "type": "text",
+        },
+      ],
+      "type": "paragraph",
+    },
+  ],
+  "type": "doc",
+}
+`;
+
 exports[`parsing html should get strike through from text 1`] = `
 Object {
   "content": Array [
@@ -337,6 +427,36 @@ Object {
 }
 `;
 
+exports[`parsing html should get underline from rendered view 1`] = `
+Object {
+  "content": Array [
+    Object {
+      "content": Array [
+        Object {
+          "marks": Array [
+            Object {
+              "attrs": Object {
+                "strike_through": false,
+                "underline": true,
+              },
+              "type": "text_decoration",
+            },
+          ],
+          "text": "lorem",
+          "type": "text",
+        },
+        Object {
+          "text": " ipsum",
+          "type": "text",
+        },
+      ],
+      "type": "paragraph",
+    },
+  ],
+  "type": "doc",
+}
+`;
+
 exports[`parsing html should get underline from text 1`] = `
 Object {
   "content": Array [
@@ -406,8 +526,68 @@ Object {
 }
 `;
 
-exports[`rendering should render both 1`] = `"<p class=\\"zw-style\\"><span style=\\"--zw-text-decoration: underline line-through;\\" class=\\"zw-style\\">hello world</span></p>"`;
+exports[`parsing html should parse strike through from tag 1`] = `
+Object {
+  "content": Array [
+    Object {
+      "content": Array [
+        Object {
+          "marks": Array [
+            Object {
+              "attrs": Object {
+                "strike_through": true,
+                "underline": false,
+              },
+              "type": "text_decoration",
+            },
+          ],
+          "text": "lorem",
+          "type": "text",
+        },
+        Object {
+          "text": " ipsum",
+          "type": "text",
+        },
+      ],
+      "type": "paragraph",
+    },
+  ],
+  "type": "doc",
+}
+`;
+
+exports[`parsing html should parse underline from tag 1`] = `
+Object {
+  "content": Array [
+    Object {
+      "content": Array [
+        Object {
+          "marks": Array [
+            Object {
+              "attrs": Object {
+                "strike_through": false,
+                "underline": true,
+              },
+              "type": "text_decoration",
+            },
+          ],
+          "text": "lorem",
+          "type": "text",
+        },
+        Object {
+          "text": " ipsum",
+          "type": "text",
+        },
+      ],
+      "type": "paragraph",
+    },
+  ],
+  "type": "doc",
+}
+`;
+
+exports[`rendering should render both 1`] = `"<p class=\\"zw-style\\"><span style=\\"--zw-text-decoration:underline line-through;\\" class=\\"zw-style\\">hello world</span></p>"`;
 
-exports[`rendering should render strike through only 1`] = `"<p class=\\"zw-style\\"><span style=\\"--zw-text-decoration: line-through;\\" class=\\"zw-style\\">hello world</span></p>"`;
+exports[`rendering should render strike through only 1`] = `"<p class=\\"zw-style\\"><span style=\\"--zw-text-decoration:line-through;\\" class=\\"zw-style\\">hello world</span></p>"`;
 
-exports[`rendering should render underline only 1`] = `"<p class=\\"zw-style\\"><span style=\\"--zw-text-decoration: underline;\\" class=\\"zw-style\\">hello world</span></p>"`;
+exports[`rendering should render underline only 1`] = `"<p class=\\"zw-style\\"><span style=\\"--zw-text-decoration:underline;\\" class=\\"zw-style\\">hello world</span></p>"`;

package/lib/extensions/core/CopyPasteProcessor.js

@@ -0,0 +1,10 @@
+import { Extension } from '@tiptap/vue-2';
+import { PastePlugin } from './plugins';
+
+export const CopyPasteProcessor = Extension.create({
+    name: 'copy_paste_processor',
+
+    addProseMirrorPlugins() {
+        return [PastePlugin.create()];
+    }
+});

package/lib/extensions/core/NodeProcessor.js

@@ -1,5 +1,5 @@
 import { Extension } from '@tiptap/vue-2';
-import { computed } from '@vue/composition-api';
+import { computed } from 'vue';
 import { createCommand } from '../../utils';
 import { NodeTypes } from '../../enums';
 

package/lib/extensions/core/TextProcessor.js

@@ -17,6 +17,16 @@ export const TextProcessor = Extension.create({
 
     addCommands() {
         return {
+            getSelectedText: createCommand(({ state }) => {
+                const { from, to } = state.selection;
+
+                return state.doc.textBetween(from, to, ' ');
+            }),
+
+            unsetMarks: createCommand(({ commands }, marks) => {
+                marks.forEach((mark) => commands.unsetMark(mark));
+            }),
+
             transformText: createCommand(({ state }, transform) => {
                 const { selection } = state.tr;
 

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

@@ -1,8 +1,8 @@
 import { Editor, Extension } from '@tiptap/vue-2';
 import { NodeFactory } from '../../../__tests__/utils';
-import { CORE_EXTENSIONS } from '../index';
 import { NodeTypes } from '../../../enums';
 import { ContentNormalizer } from '../../../services';
+import { buildCoreExtensions } from '../index';
 
 const LineHeight = Extension.create({
     name: 'line_height',
@@ -21,11 +21,9 @@ const LineHeight = Extension.create({
 });
 
 function createEditor({ content }) {
-    const normalizer = new ContentNormalizer();
-
     return new Editor({
-        content: normalizer.normalize(content),
-        extensions: CORE_EXTENSIONS.concat(LineHeight) // Included to core extensions
+        content: ContentNormalizer.normalize(content),
+        extensions: buildCoreExtensions().concat(LineHeight) // Included to core extensions
     });
 }
 

package/lib/extensions/core/__tests__/SelectionProcessor.test.js

@@ -1,19 +1,17 @@
 import { Editor } from '@tiptap/vue-2';
-import { CORE_EXTENSIONS } from '../index';
 import { NodeFactory } from '../../../__tests__/utils';
 import { ContentNormalizer } from '../../../services';
+import { buildCoreExtensions } from '../index';
 
 function createEditor() {
-    const normalizer = new ContentNormalizer();
-
     const content = NodeFactory.doc([
         NodeFactory.paragraph('Lorem ipsum dolor sit amet'),
         NodeFactory.paragraph('consectetur adipisicing elit')
     ]);
 
     return new Editor({
-        content: normalizer.normalize(content),
-        extensions: CORE_EXTENSIONS // included to core
+        content: ContentNormalizer.normalize(content),
+        extensions: buildCoreExtensions() // included to core
     });
 }