@zipify/wysiwyg 2.0.0-0 → 2.0.0-2

package/lib/services/__tests__/NodeFactory.test.js

@@ -0,0 +1,124 @@
+import { NodeFactory } from '../NodeFactory';
+import { ListTypes, TextSettings } from '../../enums';
+
+describe('build node', () => {
+    test('should build doc node', () => {
+        expect(NodeFactory.doc([])).toMatchSnapshot();
+    });
+
+    test('should build list node with text items', () => {
+        const node = NodeFactory.list(ListTypes.DISC, [
+            'lorem ipsum 1',
+            'lorem ipsum 2'
+        ]);
+
+        expect(node).toMatchSnapshot();
+    });
+
+    test('should build list node with node items', () => {
+        const node = NodeFactory.list(ListTypes.DISC, [
+            NodeFactory.paragraph('lorem ipsum 1'),
+            NodeFactory.paragraph('lorem ipsum 2')
+        ]);
+
+        expect(node).toMatchSnapshot();
+    });
+
+    test('should build list node with custom list item nodes', () => {
+        const node = NodeFactory.list(ListTypes.DISC, [
+            NodeFactory.listItem(null, [
+                NodeFactory.mark(TextSettings.FONT_WEIGHT, { value: '700' })
+            ], 'lorem ipsum 1'),
+
+            NodeFactory.listItem(null, [
+                NodeFactory.mark(TextSettings.FONT_WEIGHT, { value: '700' })
+            ], 'lorem ipsum 2')
+        ]);
+
+        expect(node).toMatchSnapshot();
+    });
+
+    test('should build heading node', () => {
+        const node = NodeFactory.heading(1, 'lorem ipsum');
+
+        expect(node).toMatchSnapshot();
+    });
+
+    test('should build heading node with attrs', () => {
+        const node = NodeFactory.heading(1, { preset: { id: 'h1' } }, 'lorem ipsum');
+
+        expect(node).toMatchSnapshot();
+    });
+
+    test('should build heading node with marks', () => {
+        const node = NodeFactory.heading(1, null, [
+            NodeFactory.mark(TextSettings.FONT_WEIGHT, { value: '700' })
+        ], 'lorem ipsum');
+
+        expect(node).toMatchSnapshot();
+    });
+
+    test('should build heading with custom text node', () => {
+        const node = NodeFactory.heading(1, [
+            NodeFactory.text('lorem ipsum', [
+                NodeFactory.mark(TextSettings.FONT_WEIGHT, { value: '700' })
+            ])
+        ]);
+
+        expect(node).toMatchSnapshot();
+    });
+
+    test('should build paragraph node', () => {
+        const node = NodeFactory.paragraph('lorem ipsum');
+
+        expect(node).toMatchSnapshot();
+    });
+
+    test('should build paragraph node with attrs', () => {
+        const node = NodeFactory.paragraph({ preset: { id: 'regular-1' } }, 'lorem ipsum');
+
+        expect(node).toMatchSnapshot();
+    });
+
+    test('should build paragraph node with marks', () => {
+        const node = NodeFactory.paragraph(null, [
+            NodeFactory.mark(TextSettings.FONT_WEIGHT, { value: '700' })
+        ], 'lorem ipsum');
+
+        expect(node).toMatchSnapshot();
+    });
+
+    test('should build paragraph with custom text node', () => {
+        const node = NodeFactory.paragraph([
+            NodeFactory.text('lorem ipsum', [
+                NodeFactory.mark(TextSettings.FONT_WEIGHT, { value: '700' })
+            ])
+        ]);
+
+        expect(node).toMatchSnapshot();
+    });
+
+    test('should build text node', () => {
+        const node = NodeFactory.text('lorem ipsum');
+
+        expect(node).toMatchSnapshot();
+    });
+
+    test('should build text node with marks', () => {
+        const node = NodeFactory.text('lorem ipsum');
+
+        expect(node).toMatchSnapshot();
+    });
+
+    test('should build mark', () => {
+        const mark = NodeFactory.mark(TextSettings.FONT_WEIGHT, { value: '700' });
+
+        expect(mark).toMatchSnapshot();
+    });
+
+    test('should populate value to all devices', () => {
+        const value = NodeFactory.populateAllDevices('18');
+
+        expect(value).toMatchSnapshot();
+    });
+});

package/lib/services/__tests__/__snapshots__/NodeFactory.test.js.snap

@@ -0,0 +1,326 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`build node should build doc node 1`] = `
+Object {
+  "content": Array [],
+  "type": "doc",
+}
+`;
+
+exports[`build node should build heading node 1`] = `
+Object {
+  "attrs": Object {
+    "level": 1,
+  },
+  "content": Array [
+    Object {
+      "text": "lorem ipsum",
+      "type": "text",
+    },
+  ],
+  "type": "heading",
+}
+`;
+
+exports[`build node should build heading node with attrs 1`] = `
+Object {
+  "attrs": Object {
+    "level": 1,
+    "preset": Object {
+      "id": "h1",
+    },
+  },
+  "content": Array [
+    Object {
+      "text": "lorem ipsum",
+      "type": "text",
+    },
+  ],
+  "type": "heading",
+}
+`;
+
+exports[`build node should build heading node with marks 1`] = `
+Object {
+  "attrs": Object {
+    "level": 1,
+  },
+  "content": Array [
+    Object {
+      "text": "lorem ipsum",
+      "type": "text",
+    },
+  ],
+  "marks": Array [
+    Object {
+      "attrs": Object {
+        "value": "700",
+      },
+      "type": "font_weight",
+    },
+  ],
+  "type": "heading",
+}
+`;
+
+exports[`build node should build heading with custom text node 1`] = `
+Object {
+  "attrs": Object {
+    "level": 1,
+  },
+  "content": Array [
+    Object {
+      "marks": Array [
+        Object {
+          "attrs": Object {
+            "value": "700",
+          },
+          "type": "font_weight",
+        },
+      ],
+      "text": "lorem ipsum",
+      "type": "text",
+    },
+  ],
+  "type": "heading",
+}
+`;
+
+exports[`build node should build list node with custom list item nodes 1`] = `
+Object {
+  "attrs": Object {
+    "bullet": Object {
+      "type": "disc",
+    },
+  },
+  "content": Array [
+    Object {
+      "content": Array [
+        Object {
+          "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 {
+          "content": Array [
+            Object {
+              "text": "lorem ipsum 2",
+              "type": "text",
+            },
+          ],
+          "type": "paragraph",
+        },
+      ],
+      "marks": Array [
+        Object {
+          "attrs": Object {
+            "value": "700",
+          },
+          "type": "font_weight",
+        },
+      ],
+      "type": "listItem",
+    },
+  ],
+  "type": "list",
+}
+`;
+
+exports[`build node should build list node with node items 1`] = `
+Object {
+  "attrs": Object {
+    "bullet": Object {
+      "type": "disc",
+    },
+  },
+  "content": Array [
+    Object {
+      "content": Array [
+        Object {
+          "content": Array [
+            Object {
+              "text": "lorem ipsum 1",
+              "type": "text",
+            },
+          ],
+          "type": "paragraph",
+        },
+      ],
+      "type": "listItem",
+    },
+    Object {
+      "content": Array [
+        Object {
+          "content": Array [
+            Object {
+              "text": "lorem ipsum 2",
+              "type": "text",
+            },
+          ],
+          "type": "paragraph",
+        },
+      ],
+      "type": "listItem",
+    },
+  ],
+  "type": "list",
+}
+`;
+
+exports[`build node should build list node with text items 1`] = `
+Object {
+  "attrs": Object {
+    "bullet": Object {
+      "type": "disc",
+    },
+  },
+  "content": Array [
+    Object {
+      "content": Array [
+        Object {
+          "content": Array [
+            Object {
+              "text": "lorem ipsum 1",
+              "type": "text",
+            },
+          ],
+          "type": "paragraph",
+        },
+      ],
+      "type": "listItem",
+    },
+    Object {
+      "content": Array [
+        Object {
+          "content": Array [
+            Object {
+              "text": "lorem ipsum 2",
+              "type": "text",
+            },
+          ],
+          "type": "paragraph",
+        },
+      ],
+      "type": "listItem",
+    },
+  ],
+  "type": "list",
+}
+`;
+
+exports[`build node should build mark 1`] = `
+Object {
+  "attrs": Object {
+    "value": "700",
+  },
+  "type": "font_weight",
+}
+`;
+
+exports[`build node should build paragraph node 1`] = `
+Object {
+  "content": Array [
+    Object {
+      "text": "lorem ipsum",
+      "type": "text",
+    },
+  ],
+  "type": "paragraph",
+}
+`;
+
+exports[`build node should build paragraph node with attrs 1`] = `
+Object {
+  "attrs": Object {
+    "preset": Object {
+      "id": "regular-1",
+    },
+  },
+  "content": Array [
+    Object {
+      "text": "lorem ipsum",
+      "type": "text",
+    },
+  ],
+  "type": "paragraph",
+}
+`;
+
+exports[`build node should build paragraph node with marks 1`] = `
+Object {
+  "content": Array [
+    Object {
+      "text": "lorem ipsum",
+      "type": "text",
+    },
+  ],
+  "marks": Array [
+    Object {
+      "attrs": Object {
+        "value": "700",
+      },
+      "type": "font_weight",
+    },
+  ],
+  "type": "paragraph",
+}
+`;
+
+exports[`build node should build paragraph with custom text node 1`] = `
+Object {
+  "content": Array [
+    Object {
+      "marks": Array [
+        Object {
+          "attrs": Object {
+            "value": "700",
+          },
+          "type": "font_weight",
+        },
+      ],
+      "text": "lorem ipsum",
+      "type": "text",
+    },
+  ],
+  "type": "paragraph",
+}
+`;
+
+exports[`build node should build text node 1`] = `
+Object {
+  "text": "lorem ipsum",
+  "type": "text",
+}
+`;
+
+exports[`build node should build text node with marks 1`] = `
+Object {
+  "text": "lorem ipsum",
+  "type": "text",
+}
+`;
+
+exports[`build node should populate value to all devices 1`] = `
+Object {
+  "desktop": "18",
+  "mobile": null,
+  "tablet": "18",
+}
+`;

package/lib/services/index.js

@@ -1,6 +1,6 @@
 export { JsonSerializer } from './JsonSerializer';
 export { Storage } from './Storage';
 export { FavoriteColors } from './FavoriteColors';
-export { ContentNormalizer } from './ContentNormalizer';
+export { ContentNormalizer } from './normalizer';
 export { ContextWindow } from './ContextWidnow';
 export { NodeFactory } from './NodeFactory';

package/lib/services/normalizer/BaseNormalizer.js

@@ -0,0 +1,11 @@
+export class BaseNormalizer {
+    content;
+
+    constructor({ content }) {
+        this.content = content;
+    }
+
+    normalize() {
+        throw new Error('Implement abstract method');
+    }
+}

package/lib/services/normalizer/ContentNormalizer.js

@@ -0,0 +1,24 @@
+import { BrowserDomParser } from './BrowserDomParser';
+import { HtmlNormalizer } from './HtmlNormalizer';
+import { JsonNormalizer } from './JsonNormalizer';
+
+export class ContentNormalizer {
+    static build(content, options = {}) {
+        return typeof content === 'string' ? this.#buildHtml(content, options) : this.#buildJson(content);
+    }
+
+    static #buildHtml(content, options) {
+        return new HtmlNormalizer({
+            content,
+            parser: options.parser || new BrowserDomParser()
+        });
+    }
+
+    static #buildJson(content) {
+        return new JsonNormalizer({ content });
+    }
+
+    static normalize(content, options = {}) {
+        return ContentNormalizer.build(content, options).normalize();
+    }
+}