fix(schemaService); support array of parseRUles and style match of nodes marks

editors/editoria/src/Editoria.js

@@ -48,7 +48,7 @@ const Editoria = () => (
       autoFocus
       placeholder="Type Something..."
       fileUpload={file => renderImage(file)}
-      value="<p> hello <code> this is the code</code></p>"
+      value="<p> <span style='font-style:italic;'>test</span>hello <code> this is the code</code></p>"
       layout={EditoriaLayout}
       user={user}
     />

wax-prosemirror-core/src/Wax.js

@@ -43,6 +43,7 @@ class Wax extends Component {
     super(props);
     this.application = Application.create(props);
     const schema = this.application.getSchema();
+    console.log(schema);
     this.application.bootServices();
 
     const { value, onChange } = this.props;

wax-prosemirror-services/.gitignore

+# dependencies
+/node_modules
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+yarn.lock
+package-lock.json

wax-prosemirror-services/src/SchemaService/Mark.js

+import { isPlainObject } from "lodash";
 import ParseRule from "./ParseRule";
 import Middleware from "../lib/Middleware";
 
@@ -32,15 +33,23 @@ export default class Mark {
     Object.assign(this._attrs, value);
   }
 
-  set parseDOM(value) {
-    let parseRule = this._parseRules.find(
-      parseRule => parseRule.tag === value.tag
-    );
-    if (!parseRule) {
-      parseRule = new ParseRule(value);
-      this._parseRules.push(parseRule);
+  set parseDOM(parseDom) {
+    let values = parseDom;
+    if (isPlainObject(parseDom)) {
+      values = [parseDom];
     }
-    parseRule.addStack(value.getAttrs);
+    values.forEach(value => {
+      let parseRule = this._parseRules.find(parseRule => {
+        if (value.tag) return parseRule.tag === value.tag;
+        if (value.style) return parseRule.style === value.style;
+        return false;
+      });
+      if (!parseRule) {
+        parseRule = new ParseRule(value);
+        this._parseRules.push(parseRule);
+      }
+      parseRule.addStack(value.getAttrs);
+    });
   }
 
   toJSON() {

wax-prosemirror-services/src/SchemaService/Node.js

+import { isPlainObject } from "lodash";
 import ParseRule from "./ParseRule";
 import Middleware from "../lib/Middleware";
 
@@ -32,15 +33,23 @@ export default class Node {
     Object.assign(this._attrs, value);
   }
 
-  set parseDOM(value) {
-    let parseRule = this._parseRules.find(
-      parseRule => parseRule.tag === value.tag
-    );
-    if (!parseRule) {
-      parseRule = new ParseRule(value);
-      this._parseRules.push(parseRule);
+  set parseDOM(parseDom) {
+    let values = parseDom;
+    if (isPlainObject(parseDom)) {
+      values = [parseDom];
     }
-    parseRule.addStack(value.getAttrs);
+    values.forEach(value => {
+      let parseRule = this._parseRules.find(parseRule => {
+        if (value.tag) return parseRule.tag === value.tag;
+        if (value.style) return parseRule.style === value.style;
+        return false;
+      });
+      if (!parseRule) {
+        parseRule = new ParseRule(value);
+        this._parseRules.push(parseRule);
+      }
+      parseRule.addStack(value.getAttrs);
+    });
   }
 
   toJSON() {

wax-prosemirror-services/src/SchemaService/ParseRule.js

@@ -2,11 +2,13 @@ import { omit } from "lodash";
 import Middleware from "../lib/Middleware";
 
 export default class ParseRule {
-  tag = "";
+  tag = null;
+  style = null;
   exporter = null;
 
-  constructor({ getAttrs, tag }) {
+  constructor({ getAttrs, tag, style }) {
     this.tag = tag;
+    this.style = style;
     if (getAttrs) {
       this.exporter = new Middleware();
     }
@@ -20,7 +22,15 @@ export default class ParseRule {
   }
 
   parseSchema(exporter) {
-    const rule = { tag: this.tag };
+    let rule = {};
+    if (this.tag) {
+      rule = { tag: this.tag };
+    }
+
+    if (this.style) {
+      rule = { style: this.style };
+    }
+
     if (this.exporter) {
       rule.getAttrs = dom => {
         let hooks = {};