Initial commit as of 2018-10-16

assets/js/blots/block.js

@@ -0,0 +1,174 @@
+import extend from 'extend';
+import Delta from 'quill-delta';
+import Parchment from 'parchment';
+import Break from './break';
+import Inline from './inline';
+import TextBlot from './text';
+
+
+const NEWLINE_LENGTH = 1;
+
+
+class BlockEmbed extends Parchment.Embed {
+  attach() {
+    super.attach();
+    this.attributes = new Parchment.Attributor.Store(this.domNode);
+  }
+
+  delta() {
+    return new Delta().insert(this.value(), extend(this.formats(), this.attributes.values()));
+  }
+
+  format(name, value) {
+    let attribute = Parchment.query(name, Parchment.Scope.BLOCK_ATTRIBUTE);
+    if (attribute != null) {
+      this.attributes.attribute(attribute, value);
+    }
+  }
+
+  formatAt(index, length, name, value) {
+    this.format(name, value);
+  }
+
+  insertAt(index, value, def) {
+    if (typeof value === 'string' && value.endsWith('\n')) {
+      let block = Parchment.create(Block.blotName);
+      this.parent.insertBefore(block, index === 0 ? this : this.next);
+      block.insertAt(0, value.slice(0, -1));
+    } else {
+      super.insertAt(index, value, def);
+    }
+  }
+}
+BlockEmbed.scope = Parchment.Scope.BLOCK_BLOT;
+// It is important for cursor behavior BlockEmbeds use tags that are block level elements
+
+
+class Block extends Parchment.Block {
+  constructor(domNode) {
+    super(domNode);
+    this.cache = {};
+  }
+
+  delta() {
+    if (this.cache.delta == null) {
+      this.cache.delta = this.descendants(Parchment.Leaf).reduce((delta, leaf) => {
+        if (leaf.length() === 0) {
+          return delta;
+        } else {
+          return delta.insert(leaf.value(), bubbleFormats(leaf));
+        }
+      }, new Delta()).insert('\n', bubbleFormats(this));
+    }
+    return this.cache.delta;
+  }
+
+  deleteAt(index, length) {
+    super.deleteAt(index, length);
+    this.cache = {};
+  }
+
+  formatAt(index, length, name, value) {
+    if (length <= 0) return;
+    if (Parchment.query(name, Parchment.Scope.BLOCK)) {
+      if (index + length === this.length()) {
+        this.format(name, value);
+      }
+    } else {
+      super.formatAt(index, Math.min(length, this.length() - index - 1), name, value);
+    }
+    this.cache = {};
+  }
+
+  insertAt(index, value, def) {
+    if (def != null) return super.insertAt(index, value, def);
+    if (value.length === 0) return;
+    let lines = value.split('\n');
+    let text = lines.shift();
+    if (text.length > 0) {
+      if (index < this.length() - 1 || this.children.tail == null) {
+        super.insertAt(Math.min(index, this.length() - 1), text);
+      } else {
+        this.children.tail.insertAt(this.children.tail.length(), text);
+      }
+      this.cache = {};
+    }
+    let block = this;
+    lines.reduce(function(index, line) {
+      block = block.split(index, true);
+      block.insertAt(0, line);
+      return line.length;
+    }, index + text.length);
+  }
+
+  insertBefore(blot, ref) {
+    let head = this.children.head;
+    super.insertBefore(blot, ref);
+    if (head instanceof Break) {
+      head.remove();
+    }
+    this.cache = {};
+  }
+
+  length() {
+    if (this.cache.length == null) {
+      this.cache.length = super.length() + NEWLINE_LENGTH;
+    }
+    return this.cache.length;
+  }
+
+  moveChildren(target, ref) {
+    super.moveChildren(target, ref);
+    this.cache = {};
+  }
+
+  optimize(context) {
+    super.optimize(context);
+    this.cache = {};
+  }
+
+  path(index) {
+    return super.path(index, true);
+  }
+
+  removeChild(child) {
+    super.removeChild(child);
+    this.cache = {};
+  }
+
+  split(index, force = false) {
+    if (force && (index === 0 || index >= this.length() - NEWLINE_LENGTH)) {
+      let clone = this.clone();
+      if (index === 0) {
+        this.parent.insertBefore(clone, this);
+        return this;
+      } else {
+        this.parent.insertBefore(clone, this.next);
+        return clone;
+      }
+    } else {
+      let next = super.split(index, force);
+      this.cache = {};
+      return next;
+    }
+  }
+}
+Block.blotName = 'block';
+Block.tagName = 'P';
+Block.defaultChild = 'break';
+Block.allowedChildren = [Inline, Parchment.Embed, TextBlot];
+
+
+function bubbleFormats(blot, formats = {}) {
+  if (blot == null) return formats;
+  if (typeof blot.formats === 'function') {
+    formats = extend(formats, blot.formats());
+  }
+  if (blot.parent == null || blot.parent.blotName == 'scroll' || blot.parent.statics.scope !== blot.statics.scope) {
+    return formats;
+  }
+  return bubbleFormats(blot.parent, formats);
+}
+
+
+export { bubbleFormats, BlockEmbed, Block as default };