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]);
+ }
  }
 };