make block position definable in the list of blocks #185

src/components/Editor.vue

@@ -102,9 +102,8 @@ export default {
   },
   beforeCreate() {
 
-    Object.keys(window.editor.blocks).forEach(key => {
-
-      const block = window.editor.blocks[key];
+    Object.keys(window.editor.blocks).forEach(index => {
+      const [key, block] = window.editor.blocks[index];
 
       if (block.extends && window.editor.blocks[block.extends]) {
         block.extends = window.editor.blocks[block.extends];

src/components/Plugins.js

@@ -1,10 +1,11 @@
 window.editor = {
-  blocks: {},
-  block(type, params) {
+  blocks: [],
+  block(type, params, position) {
     const defaults = {
       type: type,
       icon: "page",
     };
+    const positionMatch = /(after|before):(\S+)/.exec(position);
 
     // extend the params with the defaults
     params = {
@@ -21,6 +22,24 @@ window.editor = {
       placeholder: params.placeholder,
     };
 
-    this.blocks[type] = params;
+    // add block to blocks array
+    if (position && positionMatch !== null && this.blocks.findIndex(b => b[0] === positionMatch[2]) !== -1) {
+      // add after/before a given type if position parameter is given and sibling block isset
+      // find position of siblings type
+      let siblingsIndex = this.blocks.findIndex(b => b[0] === positionMatch[2]);
+
+      // add new block before/after sibling
+      switch (positionMatch[1]) {
+        case 'before':
+          this.blocks.splice(siblingsIndex, 0, [type,params])
+          break;
+        case 'after':
+        default:
+          this.blocks.splice(siblingsIndex + 1, 0, [type,params])
+      }
+    } else {
+      // add block add the end of blocks
+      this.blocks.push([type, params]);
+    }
   }
 };