Creating Base module and extracting placeholder rendering

src/js/parser/javascript/base.js

@@ -0,0 +1,41 @@
+export default {
+  render_label(container, text) {
+    var group = container.group();
+
+    group.rect().attr({
+      rx: 10,
+      ry: 10
+    });
+
+    group.text().attr({
+      text: text
+    });
+
+    return group;
+  },
+
+  position_label(group) {
+    var text = group.select('text'),
+        rect = group.select('rect'),
+        box = text.getBBox(),
+        margin = 5;
+
+    text.transform(Snap.matrix()
+      .translate(margin, box.height + margin));
+
+    rect.attr({
+      width: box.width + 2 * margin,
+      height: box.height + 2 * margin
+    });
+  },
+
+  render(container) {
+    container.attr({ 'class': 'placeholder' });
+
+    this.label = this.render_label(container, this.textValue);
+  },
+
+  position() {
+    this.position_label(this.label);
+  }
+};

src/js/parser/javascript/regexp.js

@@ -1,4 +1,7 @@
-export default {
+import _ from 'lodash';
+import Base from './base.js';
+
+export default _.extend({}, Base, {
   matches() {
     if (this.elements[1].regexp) {
       return [this.match].concat(this.elements[1].regexp.matches());
@@ -6,4 +9,4 @@ export default {
       return [this.match];
     }
   }
-};
+});

src/js/parser/javascript/root.js

@@ -1,30 +1,7 @@
-export default {
+import _ from 'lodash';
-  render(container) {
+import Base from './base.js';
-    container.attr({ 'class': 'placeholder' });
-
-    this.rect = container.rect().attr({
-      rx: 10,
-      ry: 10
-    });
-
-    this.text = container.text().attr({
-      text: this.textValue
-    });
-  },
-
-  position() {
-    var box = this.text.getBBox(),
-        margin = 5;
-
-    this.text.transform(Snap.matrix()
-      .translate(margin, box.height + margin));
-
-    this.rect.attr({
-      width: box.width + 2 * margin,
-      height: box.height + 2 * margin
-    });
-  },
 
+export default _.extend({}, Base, {
   flags() {
     var flags;
 
@@ -48,4 +25,4 @@ export default {
       return this;
     }
   }
-};
+});