mobiledoc to load
+
+ This mobiledoc will be loaded into the editor.
+ You can change it and see the editor reload with the new contents.
+ (If there is a JSON syntax error it will be ignored; if there is a parser
+ error the editor may stop responding.)
+
+ Select a preloaded mobiledoc here:
+
+
-
+
editor
++ The live-editing surface. Changes here are serialized to mobiledoc + format and displayed to the right. +
serialized mobiledoc
++ When the editor updates, it prints its serialized mobiledoc here. +
rendered mobiledoc
++ This is the output of using the runtime (client-side) + mobiledoc-dom-renderer + on the serialized mobiledoc. +
, etc
- if (MARKUP_SECTION_TAG_NAMES.indexOf(tagName) !== -1) {
- section = postBuilder.generateSection(tagName, readAttributes(sectionElement));
- var node = sectionElement.firstChild;
- while (node) {
- parseMarkers(section, postBuilder, node);
- node = node.nextSibling;
- }
- // , etc
- } else {
- if (previousSection && previousSection.isGenerated) {
- section = previousSection;
- } else {
- section = postBuilder.generateSection('P', {}, true);
- }
- parseMarkers(section, postBuilder, sectionElement);
- }
- break;
- case TEXT_NODE:
- if (previousSection && previousSection.isGenerated) {
- section = previousSection;
- } else {
- section = postBuilder.generateSection('P', {}, true);
- }
- parseMarkers(section, postBuilder, sectionElement);
- break;
- }
- return section;
- },
- parse: function parse(postElement) {
- var post = this.postBuilder.generatePost();
- var i, l, section, previousSection, sectionElement;
- // FIXME: Instead of storing isGenerated on sections, and passing
- // the previous section to the parser, we could instead do a two-pass
- // parse. The first pass identifies sections and gathers a list of
- // dom nodes that can be parsed for markers, the second pass parses
- // for markers.
- for (i = 0, l = postElement.childNodes.length; i < l; i++) {
- sectionElement = postElement.childNodes[i];
- if (!isEmptyTextNode(sectionElement)) {
- section = this.parseSection(previousSection, sectionElement);
- if (section !== previousSection) {
- post.appendSection(section);
- previousSection = section;
- }
- }
- }
- return post;
- }
- };
-
- exports['default'] = NewHTMLParser;
-});
-define('content-kit-compiler/post-builder', ['exports', 'content-kit-compiler/models/post'], function (exports, _contentKitCompilerModelsPost) {
- 'use strict';
-
- exports.generateBuilder = generateBuilder;
-
- var builder = {
- generatePost: function generatePost() {
- return new _contentKitCompilerModelsPost['default']();
- },
- generateSection: function generateSection(tagName, attributes, isGenerated) {
- var section = {
- type: 'markupSection',
- tagName: tagName,
- markers: []
- };
- if (attributes && attributes.length) {
- section.attributes = attributes;
- }
- if (isGenerated) {
- section.isGenerated = !!isGenerated;
- }
- return section;
- },
- // open: Array
- // close: Integer
- // value: String
- generateMarker: function generateMarker(open, close, value) {
- return {
- type: 'marker',
- open: open,
- close: close,
- value: value
- };
- },
- generateMarkerType: function generateMarkerType(tagName, attributes) {
- if (attributes) {
- // FIXME: This could also be cached
- return {
- type: 'markerType',
- tagName: tagName,
- attributes: attributes
- };
- }
- var markerType = this._markerTypeCache[tagName];
- if (!markerType) {
- this._markerTypeCache[tagName] = markerType = {
- type: 'markerType',
- tagName: tagName
- };
- }
- return markerType;
- }
- };
-
- function reset(builder) {
- builder._markerTypeCache = {};
- }
-
- function generateBuilder() {
- reset(builder);
- return builder;
- }
-});
-define('content-kit-compiler/renderers/card-renderer', ['exports'], function (exports) {
- /**
- * @class CardRenderer
- * @constructor
- */
- 'use strict';
-
- function CardRenderer(cards) {
- this.cards = cards;
- }
-
- /**
- * @method render
- * @param model a card model
- * @return String html
- */
- CardRenderer.prototype.render = function (model) {
- var render = this.cards[model.attributes.name];
- return '' + render(model.attributes.payload) + '';
- };
-
- exports['default'] = CardRenderer;
-});
-define('content-kit-compiler/renderers/html-element-renderer', ['exports', 'content-kit-utils'], function (exports, _contentKitUtils) {
- 'use strict';
-
- /**
- * Builds an opening html tag. i.e. ''
- */
- function createOpeningTag(tagName, attributes, selfClosing) {
- var tag = '<' + tagName;
- for (var attr in attributes) {
- if (attributes.hasOwnProperty(attr)) {
- tag += ' ' + attr + '="' + attributes[attr] + '"';
- }
- }
- if (selfClosing) {
- tag += '/';
- }
- tag += '>';
- return tag;
- }
-
- /**
- * Builds a closing html tag. i.e. ''
- */
- function createCloseTag(tagName) {
- return '';
- }
-
- /**
- * @class HTMLElementRenderer
- * @constructor
- */
- function HTMLElementRenderer(options) {
- options = options || {};
- this.type = options.type;
- this.markupTypes = options.markupTypes;
- }
-
- /**
- * @method render
- * @param model a block model
- * @return String html
- * Renders a block model into a HTML string.
- */
- HTMLElementRenderer.prototype.render = function (model) {
- var html = '';
- var type = this.type;
- var tagName = type.tag;
- var selfClosing = type.selfClosing;
-
- if (tagName) {
- html += createOpeningTag(tagName, model.attributes, selfClosing);
- }
- if (!selfClosing) {
- html += this.renderMarkup(model.value, model.markup);
- if (tagName) {
- html += createCloseTag(tagName);
- }
- }
- return html;
- };
-
- /**
- * @method renderMarkup
- * @param text plain text to apply markup to
- * @param markup an array of markup models
- * @return String html
- * Renders a markup model into a HTML string.
- */
- HTMLElementRenderer.prototype.renderMarkup = function (text, markups) {
- var parsedTagsIndexes = [];
- var len = markups && markups.length,
- i;
-
- for (i = 0; i < len; i++) {
- var markup = markups[i],
- markupMeta = this.markupTypes.findById(markup.type),
- tagName = markupMeta.tag,
- selfClosing = markupMeta.selfClosing,
- start = markup.start,
- end = markup.end,
- openTag = createOpeningTag(tagName, markup.attributes, selfClosing),
- parsedTagLengthAtIndex = parsedTagsIndexes[start] || 0,
- parsedTagLengthBeforeIndex = (0, _contentKitUtils.sumSparseArray)(parsedTagsIndexes.slice(0, start + 1));
-
- text = (0, _contentKitUtils.injectIntoString)(text, openTag, start + parsedTagLengthBeforeIndex);
- parsedTagsIndexes[start] = parsedTagLengthAtIndex + openTag.length;
-
- if (!selfClosing) {
- var closeTag = createCloseTag(tagName);
- parsedTagLengthAtIndex = parsedTagsIndexes[end] || 0;
- parsedTagLengthBeforeIndex = (0, _contentKitUtils.sumSparseArray)(parsedTagsIndexes.slice(0, end));
- text = (0, _contentKitUtils.injectIntoString)(text, closeTag, end + parsedTagLengthBeforeIndex);
- parsedTagsIndexes[end] = parsedTagLengthAtIndex + closeTag.length;
- }
- }
-
- return text;
- };
-
- exports['default'] = HTMLElementRenderer;
-});
-define('content-kit-compiler/renderers/html-embed-renderer', ['exports'], function (exports) {
- /**
- * @class HTMLEmbedRenderer
- * @constructor
- */
- 'use strict';
-
- function HTMLEmbedRenderer() {}
-
- /**
- * @method render
- * @param model a block model
- * @return String html
- */
- HTMLEmbedRenderer.prototype.render = function (model) {
- var attrs = model.attributes;
- return attrs && attrs.html || '';
- };
-
- exports['default'] = HTMLEmbedRenderer;
-});
-define('content-kit-compiler/renderers/html-renderer', ['exports', 'content-kit-compiler/types/type', 'content-kit-compiler/renderers/html-element-renderer', 'content-kit-compiler/renderers/html-embed-renderer', 'content-kit-compiler/renderers/card-renderer', 'content-kit-compiler/types/default-types', 'content-kit-utils'], function (exports, _contentKitCompilerTypesType, _contentKitCompilerRenderersHtmlElementRenderer, _contentKitCompilerRenderersHtmlEmbedRenderer, _contentKitCompilerRenderersCardRenderer, _contentKitCompilerTypesDefaultTypes, _contentKitUtils) {
- 'use strict';
-
- /**
- * @class HTMLRenderer
- * @constructor
- */
- function HTMLRenderer(options) {
- var defaults = {
- blockTypes: _contentKitCompilerTypesDefaultTypes.DefaultBlockTypeSet,
- markupTypes: _contentKitCompilerTypesDefaultTypes.DefaultMarkupTypeSet,
- typeRenderers: {},
- cards: {}
- };
- (0, _contentKitUtils.mergeWithOptions)(this, defaults, options);
- }
-
- /**
- * @method rendererFor
- * @param block
- * @returns renderer
- * Returns an instance of a renderer for supplied block model
- */
- HTMLRenderer.prototype.rendererFor = function (block) {
- var type = this.blockTypes.findById(block.type);
- if (type === _contentKitCompilerTypesType['default'].EMBED) {
- return new _contentKitCompilerRenderersHtmlEmbedRenderer['default']();
- }
- if (type === _contentKitCompilerTypesType['default'].CARD) {
- return new _contentKitCompilerRenderersCardRenderer['default'](this.cards);
- }
- return new _contentKitCompilerRenderersHtmlElementRenderer['default']({ type: type, markupTypes: this.markupTypes });
- };
-
- /**
- * @method render
- * @param model
- * @return String html
- */
- HTMLRenderer.prototype.render = function (model) {
- var html = '';
- var len = model && model.length;
- var i, blockHtml;
-
- for (i = 0; i < len; i++) {
- // this is renderModel, not only blocks!!
- blockHtml = this.renderBlock(model[i]);
- if (blockHtml) {
- html += blockHtml;
- }
- }
-
- return html;
- };
-
- /**
- * @method renderBlock
- * @param block
- * @return String html
- */
- HTMLRenderer.prototype.renderBlock = function (block) {
- var renderer = this.rendererFor(block);
- var renderHook = this.typeRenderers[block.type];
- return renderHook ? renderHook.call(renderer, block) : renderer.render(block);
- };
-
- exports['default'] = HTMLRenderer;
-});
-define('content-kit-compiler/runtime/renderers/dom', ['exports'], function (exports) {
- /**
- * runtime DOM renderer
- * renders a mobiledoc to DOM
- *
- * input: mobiledoc
- * output: DOM
- */
-
- 'use strict';
-
- var _slicedToArray = (function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i['return']) _i['return'](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError('Invalid attempt to destructure non-iterable instance'); } }; })();
-
- var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
-
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }
-
- var utils = {
- createElement: function createElement(tagName) {
- return document.createElement(tagName);
- },
- appendChild: function appendChild(target, child) {
- target.appendChild(child);
- },
- createTextNode: function createTextNode(text) {
- return document.createTextNode(text);
- }
- };
-
- function createElementFromMarkerType(_ref) {
- var _ref2 = _slicedToArray(_ref, 2);
-
- var tagName = _ref2[0];
- var attributes = _ref2[1];
-
- var element = utils.createElement(tagName);
- attributes = attributes || [];
-
- for (var i = 0, l = attributes.length; i < l; i = i + 2) {
- var _attributes$i = _slicedToArray(attributes[i], 2);
-
- var propName = _attributes$i[0];
- var propValue = _attributes$i[1];
-
- element.setAttribute(propName, propValue);
- }
- return element;
- }
-
- var DOMRenderer = (function () {
- function DOMRenderer() {
- _classCallCheck(this, DOMRenderer);
-
- // FIXME Perhaps the render() should specify its target instead of
- // creating one here.
- this.root = utils.createElement('div');
- }
-
- _createClass(DOMRenderer, [{
- key: 'render',
-
- /**
- * @return DOMNode
- */
- value: function render(mobiledoc) {
- var _this = this;
-
- var _mobiledoc = _slicedToArray(mobiledoc, 2);
-
- var markerTypes = _mobiledoc[0];
- var sections = _mobiledoc[1];
-
- this.markerTypes = markerTypes;
-
- sections.forEach(function (section) {
- return _this.renderSection(section);
- });
-
- return this.root;
- }
- }, {
- key: 'renderSection',
- value: function renderSection(section) {
- var _section = _slicedToArray(section, 1);
-
- var type = _section[0];
-
- switch (type) {
- case 1:
- var rendered = this.renderParagraphSection(section);
- utils.appendChild(this.root, rendered);
- break;
- default:
- throw new Error('Unimplement renderer for type ' + type);
- }
- }
- }, {
- key: 'renderParagraphSection',
- value: function renderParagraphSection(_ref3) {
- var _ref32 = _slicedToArray(_ref3, 3);
-
- var type = _ref32[0];
- var tagName = _ref32[1];
- var markers = _ref32[2];
-
- var element = utils.createElement(tagName);
- var elements = [element];
- var currentElement = element;
-
- for (var i = 0, l = markers.length; i < l; i++) {
- var marker = markers[i];
-
- var _marker = _slicedToArray(marker, 3);
-
- var openTypes = _marker[0];
- var closeTypes = _marker[1];
- var text = _marker[2];
-
- for (var j = 0, m = openTypes.length; j < m; j++) {
- var markerType = this.markerTypes[openTypes[j]];
- var openedElement = createElementFromMarkerType(markerType);
- utils.appendChild(currentElement, openedElement);
- elements.push(openedElement);
- currentElement = openedElement;
- }
-
- utils.appendChild(currentElement, utils.createTextNode(text));
-
- for (var j = 0, m = closeTypes; j < m; j++) {
- elements.pop();
- currentElement = elements[elements.length - 1];
- }
- }
-
- return element;
- }
- }]);
-
- return DOMRenderer;
- })();
-
- exports['default'] = DOMRenderer;
-});
-define('content-kit-compiler/types/default-types', ['exports', 'content-kit-compiler/types/type-set', 'content-kit-compiler/types/type'], function (exports, _contentKitCompilerTypesTypeSet, _contentKitCompilerTypesType) {
- 'use strict';
-
- /**
- * Default supported block types
- */
- var DefaultBlockTypeSet = new _contentKitCompilerTypesTypeSet['default']([new _contentKitCompilerTypesType['default']({ tag: 'p', name: 'paragraph' }), new _contentKitCompilerTypesType['default']({ tag: 'h2', name: 'heading' }), new _contentKitCompilerTypesType['default']({ tag: 'h3', name: 'subheading' }), new _contentKitCompilerTypesType['default']({ tag: 'img', name: 'image', isTextType: false }), new _contentKitCompilerTypesType['default']({ tag: 'blockquote', name: 'quote' }), new _contentKitCompilerTypesType['default']({ tag: 'ul', name: 'list' }), new _contentKitCompilerTypesType['default']({ tag: 'ol', name: 'ordered list' }), new _contentKitCompilerTypesType['default']({ name: 'embed', isTextType: false }), new _contentKitCompilerTypesType['default']({ name: 'card' })]);
-
- /**
- * Default supported markup types
- */
- var DefaultMarkupTypeSet = new _contentKitCompilerTypesTypeSet['default']([new _contentKitCompilerTypesType['default']({ tag: 'strong', name: 'bold', mappedTags: ['b'] }), new _contentKitCompilerTypesType['default']({ tag: 'em', name: 'italic', mappedTags: ['i'] }), new _contentKitCompilerTypesType['default']({ tag: 'u', name: 'underline' }), new _contentKitCompilerTypesType['default']({ tag: 'a', name: 'link' }), new _contentKitCompilerTypesType['default']({ tag: 'br', name: 'break' }), new _contentKitCompilerTypesType['default']({ tag: 'li', name: 'list item' }), new _contentKitCompilerTypesType['default']({ tag: 'sub', name: 'subscript' }), new _contentKitCompilerTypesType['default']({ tag: 'sup', name: 'superscript' })]);
-
- exports.DefaultBlockTypeSet = DefaultBlockTypeSet;
- exports.DefaultMarkupTypeSet = DefaultMarkupTypeSet;
-});
-define('content-kit-compiler/types/type-set', ['exports', 'content-kit-compiler/types/type'], function (exports, _contentKitCompilerTypesType) {
- 'use strict';
-
- /**
- * @class TypeSet
- * @private
- * @constructor
- * A Set of Types
- */
- function TypeSet(types) {
- var len = types && types.length,
- i;
-
- this._autoId = 1; // Auto-increment id counter
- this.idLookup = {}; // Hash cache for finding by id
- this.tagLookup = {}; // Hash cache for finding by tag
-
- for (i = 0; i < len; i++) {
- this.addType(types[i]);
- }
- }
-
- TypeSet.prototype = {
- /**
- * Adds a type to the set
- */
- addType: function addType(type) {
- if (type instanceof _contentKitCompilerTypesType['default']) {
- this[type.name] = type;
- if (type.id === undefined) {
- type.id = this._autoId++;
- }
- this.idLookup[type.id] = type;
- if (type.tag) {
- this.tagLookup[type.tag] = type;
- if (type.mappedTags) {
- for (var i = 0, len = type.mappedTags.length; i < len; i++) {
- this.tagLookup[type.mappedTags[i]] = type;
- }
- }
- }
- return type;
- }
- },
-
- /**
- * Returns type info for a given Node
- */
- findByNode: function findByNode(node) {
- if (node) {
- return this.findByTag(node.tagName);
- }
- },
- /**
- * Returns type info for a given tag
- */
- findByTag: function findByTag(tag) {
- if (tag) {
- return this.tagLookup[tag.toLowerCase()];
- }
- },
- /**
- * Returns type info for a given id
- */
- findById: function findById(id) {
- return this.idLookup[id];
- }
- };
-
- exports['default'] = TypeSet;
-});
-define('content-kit-compiler/types/type', ['exports', 'content-kit-utils'], function (exports, _contentKitUtils) {
- 'use strict';
-
- /**
- * @class Type
- * @constructor
- * Contains meta info about a node type (id, name, tag, etc).
- */
- function Type(options) {
- if (options) {
- this.name = (0, _contentKitUtils.underscore)(options.name || options.tag).toUpperCase();
- this.isTextType = options.isTextType !== undefined ? options.isTextType : true;
-
- if (options.id !== undefined) {
- this.id = options.id;
- }
- if (options.tag) {
- this.tag = options.tag.toLowerCase();
- this.selfClosing = /^(br|img|hr|meta|link|embed)$/i.test(this.tag);
- if (options.mappedTags) {
- this.mappedTags = options.mappedTags;
- }
- }
-
- // Register the type as constant
- Type[this.name] = this;
- }
- }
-
- exports['default'] = Type;
-});
-define('content-kit-compiler/utils/element-map', ['exports'], function (exports) {
- // start at one to make the falsy semantics easier
- 'use strict';
-
- var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
-
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }
-
- var uuidGenerator = 1;
-
- var ElementMap = (function () {
- function ElementMap() {
- _classCallCheck(this, ElementMap);
-
- this._map = {};
- }
-
- _createClass(ElementMap, [{
- key: 'set',
- value: function set(key, value) {
- var uuid = key._uuid;
- if (!uuid) {
- key._uuid = uuid = '' + uuidGenerator++;
- }
- this._map[uuid] = value;
- }
- }, {
- key: 'get',
- value: function get(key) {
- if (key._uuid) {
- return this._map[key._uuid];
- }
- return null;
- }
- }, {
- key: 'remove',
- value: function remove(key) {
- if (!key._uuid) {
- throw new Error('tried to fetch a value for an element not seen before');
- }
- delete this._map[key._uuid];
- }
- }]);
-
- return ElementMap;
- })();
-
- exports['default'] = ElementMap;
-});
-define("content-kit-editor/commands/base", ["exports"], function (exports) {
- "use strict";
-
- function Command(options) {
- options = options || {};
- var command = this;
- var name = options.name;
- var prompt = options.prompt;
- command.name = name;
- command.button = options.button || name;
- if (prompt) {
- command.prompt = prompt;
- }
- }
-
- Command.prototype.exec = function () {};
-
- exports["default"] = Command;
-});
-define('content-kit-editor/commands/bold', ['exports', 'content-kit-editor/commands/text-format', 'content-kit-editor/utils/selection-utils', 'content-kit-utils', 'content-kit-compiler'], function (exports, _contentKitEditorCommandsTextFormat, _contentKitEditorUtilsSelectionUtils, _contentKitUtils, _contentKitCompiler) {
- 'use strict';
-
- var RegExpHeadingTag = /^(h1|h2|h3|h4|h5|h6)$/i;
-
- function BoldCommand() {
- _contentKitEditorCommandsTextFormat['default'].call(this, {
- name: 'bold',
- tag: _contentKitCompiler.Type.BOLD.tag,
- mappedTags: _contentKitCompiler.Type.BOLD.mappedTags,
- button: ''
- });
- }
- (0, _contentKitUtils.inherit)(BoldCommand, _contentKitEditorCommandsTextFormat['default']);
-
- BoldCommand.prototype.exec = function () {
- // Don't allow executing bold command on heading tags
- if (!RegExpHeadingTag.test((0, _contentKitEditorUtilsSelectionUtils.getSelectionBlockTagName)())) {
- BoldCommand._super.prototype.exec.call(this);
- }
- };
-
- exports['default'] = BoldCommand;
-});
-define('content-kit-editor/commands/card', ['exports', 'content-kit-editor/commands/base', 'content-kit-utils', 'content-kit-compiler'], function (exports, _contentKitEditorCommandsBase, _contentKitUtils, _contentKitCompiler) {
- 'use strict';
-
- function injectCardBlock(cardName, cardPayload, editor, index) {
- // FIXME: Do we change the block model internal representation here?
- var cardBlock = _contentKitCompiler.BlockModel.createWithType(_contentKitCompiler.Type.CARD, {
- attributes: {
- name: cardName,
- payload: cardPayload
- }
- });
- editor.replaceBlock(cardBlock, index);
- }
-
- function CardCommand() {
- _contentKitEditorCommandsBase['default'].call(this, {
- name: 'card',
- button: 'CA'
- });
- }
- (0, _contentKitUtils.inherit)(CardCommand, _contentKitEditorCommandsBase['default']);
-
- CardCommand.prototype = {
- exec: function exec() {
- CardCommand._super.prototype.exec.call(this);
- var editor = this.editorContext;
- var currentEditingIndex = editor.getCurrentBlockIndex();
-
- var cardName = 'pick-color';
- var cardPayload = { options: ['red', 'blue'] };
- injectCardBlock(cardName, cardPayload, editor, currentEditingIndex);
- editor.renderBlockAt(currentEditingIndex, true);
- }
- };
-
- exports['default'] = CardCommand;
-});
-define('content-kit-editor/commands/format-block', ['exports', 'content-kit-editor/commands/text-format', 'content-kit-editor/utils/selection-utils', 'content-kit-utils', 'content-kit-compiler'], function (exports, _contentKitEditorCommandsTextFormat, _contentKitEditorUtilsSelectionUtils, _contentKitUtils, _contentKitCompiler) {
- 'use strict';
-
- function FormatBlockCommand(options) {
- options = options || {};
- options.action = 'formatBlock';
- _contentKitEditorCommandsTextFormat['default'].call(this, options);
- }
- (0, _contentKitUtils.inherit)(FormatBlockCommand, _contentKitEditorCommandsTextFormat['default']);
-
- FormatBlockCommand.prototype.exec = function () {
- var tag = this.tag;
- // Brackets neccessary for certain browsers
- var value = '<' + tag + '>';
- var blockElement = (0, _contentKitEditorUtilsSelectionUtils.getSelectionBlockElement)();
- // Allow block commands to be toggled back to a text block
- if (tag === blockElement.tagName.toLowerCase()) {
- value = _contentKitCompiler.Type.PARAGRAPH.tag;
- } else {
- // Flattens the selection before applying the block format.
- // Otherwise, undesirable nested blocks can occur.
- // TODO: would love to be able to remove this
- var flatNode = _contentKitCompiler.doc.createTextNode(blockElement.textContent);
- blockElement.parentNode.insertBefore(flatNode, blockElement);
- blockElement.parentNode.removeChild(blockElement);
- (0, _contentKitEditorUtilsSelectionUtils.selectNode)(flatNode);
- }
-
- FormatBlockCommand._super.prototype.exec.call(this, value);
- };
-
- exports['default'] = FormatBlockCommand;
-});
-define('content-kit-editor/commands/heading', ['exports', 'content-kit-editor/commands/format-block', 'content-kit-utils', 'content-kit-compiler'], function (exports, _contentKitEditorCommandsFormatBlock, _contentKitUtils, _contentKitCompiler) {
- 'use strict';
-
- function HeadingCommand() {
- _contentKitEditorCommandsFormatBlock['default'].call(this, {
- name: 'heading',
- tag: _contentKitCompiler.Type.HEADING.tag,
- button: '1'
- });
- }
- (0, _contentKitUtils.inherit)(HeadingCommand, _contentKitEditorCommandsFormatBlock['default']);
-
- exports['default'] = HeadingCommand;
-});
-define('content-kit-editor/commands/image', ['exports', 'content-kit-editor/commands/base', 'content-kit-editor/views/message', 'content-kit-compiler', 'content-kit-editor/utils/compat', 'content-kit-utils', 'content-kit-editor/utils/http-utils'], function (exports, _contentKitEditorCommandsBase, _contentKitEditorViewsMessage, _contentKitCompiler, _contentKitEditorUtilsCompat, _contentKitUtils, _contentKitEditorUtilsHttpUtils) {
- 'use strict';
-
- function createFileInput(command) {
- var fileInput = _contentKitEditorUtilsCompat.doc.createElement('input');
- fileInput.type = 'file';
- fileInput.accept = 'image/*';
- fileInput.className = 'ck-file-input';
- fileInput.addEventListener('change', function (e) {
- command.handleFile(e);
- });
- return fileInput;
- }
-
- function injectImageBlock(src, editor, index) {
- var imageModel = _contentKitCompiler.BlockModel.createWithType(_contentKitCompiler.Type.IMAGE, { attributes: { src: src } });
- editor.replaceBlock(imageModel, index);
- }
-
- function renderFromFile(file, editor, index) {
- if (file && _contentKitEditorUtilsCompat.win.FileReader) {
- var reader = new FileReader();
- reader.onload = function (e) {
- var base64Src = e.target.result;
- injectImageBlock(base64Src, editor, index);
- editor.renderBlockAt(index, true);
- };
- reader.readAsDataURL(file);
- }
- }
-
- function ImageCommand(options) {
- _contentKitEditorCommandsBase['default'].call(this, {
- name: 'image',
- button: ''
- });
- this.uploader = new _contentKitEditorUtilsHttpUtils.FileUploader({ url: options.serviceUrl, maxFileSize: 5000000 });
- }
- (0, _contentKitUtils.inherit)(ImageCommand, _contentKitEditorCommandsBase['default']);
-
- ImageCommand.prototype = {
- exec: function exec() {
- ImageCommand._super.prototype.exec.call(this);
- var fileInput = this.fileInput;
- if (!fileInput) {
- fileInput = this.fileInput = createFileInput(this);
- _contentKitEditorUtilsCompat.doc.body.appendChild(fileInput);
- }
- fileInput.dispatchEvent(new MouseEvent('click', { bubbles: false }));
- },
- handleFile: function handleFile(e) {
- var fileInput = e.target;
- var file = fileInput.files && fileInput.files[0];
- var editor = this.editorContext;
- var embedIntent = this.embedIntent;
- var currentEditingIndex = editor.getCurrentBlockIndex();
-
- embedIntent.showLoading();
- renderFromFile(file, editor, currentEditingIndex); // render image immediately client-side
- this.uploader.upload({
- fileInput: fileInput,
- complete: function complete(response, error) {
- embedIntent.hideLoading();
- if (error || !response || !response.url) {
- setTimeout(function () {
- editor.removeBlockAt(currentEditingIndex);
- editor.syncVisual();
- }, 1000);
- return new _contentKitEditorViewsMessage['default']().showError(error.message || 'Error uploading image');
- }
- injectImageBlock(response.url, editor, currentEditingIndex);
- }
- });
- fileInput.value = null; // reset file input
- }
- };
-
- exports['default'] = ImageCommand;
-});
-define('content-kit-editor/commands/italic', ['exports', 'content-kit-editor/commands/text-format', 'content-kit-utils', 'content-kit-compiler'], function (exports, _contentKitEditorCommandsTextFormat, _contentKitUtils, _contentKitCompiler) {
- 'use strict';
-
- function ItalicCommand() {
- _contentKitEditorCommandsTextFormat['default'].call(this, {
- name: 'italic',
- tag: _contentKitCompiler.Type.ITALIC.tag,
- mappedTags: _contentKitCompiler.Type.ITALIC.mappedTags,
- button: ''
- });
- }
- (0, _contentKitUtils.inherit)(ItalicCommand, _contentKitEditorCommandsTextFormat['default']);
-
- exports['default'] = ItalicCommand;
-});
-define('content-kit-editor/commands/link', ['exports', 'content-kit-editor/commands/text-format', 'content-kit-editor/views/prompt', 'content-kit-editor/utils/selection-utils', 'content-kit-utils', 'content-kit-compiler'], function (exports, _contentKitEditorCommandsTextFormat, _contentKitEditorViewsPrompt, _contentKitEditorUtilsSelectionUtils, _contentKitUtils, _contentKitCompiler) {
- 'use strict';
-
- var RegExpHttp = /^https?:\/\//i;
-
- function LinkCommand() {
- _contentKitEditorCommandsTextFormat['default'].call(this, {
- name: 'link',
- tag: _contentKitCompiler.Type.LINK.tag,
- action: 'createLink',
- removeAction: 'unlink',
- button: '',
- prompt: new _contentKitEditorViewsPrompt['default']({
- command: this,
- placeholder: 'Enter a url, press return...'
- })
- });
- }
- (0, _contentKitUtils.inherit)(LinkCommand, _contentKitEditorCommandsTextFormat['default']);
-
- LinkCommand.prototype.exec = function (url) {
- if (!url) {
- return LinkCommand._super.prototype.unexec.call(this);
- }
-
- if (this.tag === (0, _contentKitEditorUtilsSelectionUtils.getSelectionTagName)()) {
- this.unexec();
- } else {
- if (!RegExpHttp.test(url)) {
- url = 'http://' + url;
- }
- LinkCommand._super.prototype.exec.call(this, url);
- }
- };
-
- exports['default'] = LinkCommand;
-});
-define('content-kit-editor/commands/list', ['exports', 'content-kit-editor/commands/text-format', 'content-kit-editor/utils/selection-utils', 'content-kit-utils', 'content-kit-compiler', 'content-kit-editor/utils/compat'], function (exports, _contentKitEditorCommandsTextFormat, _contentKitEditorUtilsSelectionUtils, _contentKitUtils, _contentKitCompiler, _contentKitEditorUtilsCompat) {
- 'use strict';
-
- function ListCommand(options) {
- _contentKitEditorCommandsTextFormat['default'].call(this, options);
- }
- (0, _contentKitUtils.inherit)(ListCommand, _contentKitEditorCommandsTextFormat['default']);
-
- ListCommand.prototype.exec = function () {
- ListCommand._super.prototype.exec.call(this);
-
- // After creation, lists need to be unwrapped
- // TODO: eventually can remove this when direct model manipulation is ready
- var listElement = (0, _contentKitEditorUtilsSelectionUtils.getSelectionBlockElement)();
- var wrapperNode = listElement.parentNode;
- if (wrapperNode.firstChild === listElement) {
- var editorNode = wrapperNode.parentNode;
- editorNode.insertBefore(listElement, wrapperNode);
- editorNode.removeChild(wrapperNode);
- (0, _contentKitEditorUtilsSelectionUtils.selectNode)(listElement);
- }
- };
-
- ListCommand.prototype.checkAutoFormat = function (node) {
- // Creates unordered lists when node starts with '- '
- // or ordered list if node starts with '1. '
- var regex = this.autoFormatRegex,
- text;
- if (node && regex) {
- text = node.textContent;
- if (_contentKitCompiler.Type.LIST_ITEM.tag !== (0, _contentKitEditorUtilsSelectionUtils.getSelectionTagName)() && regex.test(text)) {
- this.exec();
- _contentKitEditorUtilsCompat.win.getSelection().anchorNode.textContent = text.replace(regex, '');
- return true;
- }
- }
- return false;
- };
-
- exports['default'] = ListCommand;
-});
-define('content-kit-editor/commands/oembed', ['exports', 'content-kit-editor/commands/base', 'content-kit-editor/views/prompt', 'content-kit-editor/views/message', 'content-kit-compiler', 'content-kit-utils', 'content-kit-editor/utils/http-utils', 'content-kit-editor/utils/compat'], function (exports, _contentKitEditorCommandsBase, _contentKitEditorViewsPrompt, _contentKitEditorViewsMessage, _contentKitCompiler, _contentKitUtils, _contentKitEditorUtilsHttpUtils, _contentKitEditorUtilsCompat) {
- 'use strict';
-
- function loadTwitterWidgets(element) {
- if (_contentKitEditorUtilsCompat.win.twttr) {
- _contentKitEditorUtilsCompat.win.twttr.widgets.load(element);
- } else {
- var script = _contentKitCompiler.doc.createElement('script');
- script.async = true;
- script.src = 'http://platform.twitter.com/widgets.js';
- _contentKitCompiler.doc.head.appendChild(script);
- }
- }
-
- function OEmbedCommand(options) {
- _contentKitEditorCommandsBase['default'].call(this, {
- name: 'embed',
- button: '',
- prompt: new _contentKitEditorViewsPrompt['default']({
- command: this,
- placeholder: 'Paste a YouTube or Twitter url...'
- })
- });
-
- this.embedService = new _contentKitEditorUtilsHttpUtils.OEmbedder({ url: options.serviceUrl });
- }
- (0, _contentKitUtils.inherit)(OEmbedCommand, _contentKitEditorCommandsBase['default']);
-
- OEmbedCommand.prototype.exec = function (url) {
- var command = this;
- var editorContext = command.editorContext;
- var embedIntent = command.embedIntent;
- var index = editorContext.getCurrentBlockIndex();
-
- embedIntent.showLoading();
- this.embedService.fetch({
- url: url,
- complete: function complete(response, error) {
- embedIntent.hideLoading();
- if (error) {
- var errorMsg = error;
- if (error.target && error.target.status === 0) {
- errorMsg = 'Error: could not connect to embed service.';
- } else if (typeof error !== 'string') {
- errorMsg = 'Error: unexpected embed error.';
- }
- new _contentKitEditorViewsMessage['default']().showError(errorMsg);
- embedIntent.show();
- } else if (response.error_message) {
- new _contentKitEditorViewsMessage['default']().showError(response.error_message);
- embedIntent.show();
- } else {
- var embedModel = new _contentKitCompiler.EmbedModel(response);
- editorContext.insertBlock(embedModel, index);
- editorContext.renderBlockAt(index);
- if (embedModel.attributes.provider_name.toLowerCase() === 'twitter') {
- loadTwitterWidgets(editorContext.element);
- }
- }
- }
- });
- };
-
- exports['default'] = OEmbedCommand;
-});
-define('content-kit-editor/commands/ordered-list', ['exports', 'content-kit-editor/commands/list', 'content-kit-utils', 'content-kit-compiler'], function (exports, _contentKitEditorCommandsList, _contentKitUtils, _contentKitCompiler) {
- 'use strict';
-
- function OrderedListCommand() {
- _contentKitEditorCommandsList['default'].call(this, {
- name: 'ordered list',
- tag: _contentKitCompiler.Type.ORDERED_LIST.tag,
- action: 'insertOrderedList'
- });
- }
- (0, _contentKitUtils.inherit)(OrderedListCommand, _contentKitEditorCommandsList['default']);
-
- OrderedListCommand.prototype.autoFormatRegex = /^1\.\s/;
-
- exports['default'] = OrderedListCommand;
-});
-define('content-kit-editor/commands/quote', ['exports', 'content-kit-editor/commands/format-block', 'content-kit-utils', 'content-kit-compiler'], function (exports, _contentKitEditorCommandsFormatBlock, _contentKitUtils, _contentKitCompiler) {
- 'use strict';
-
- function QuoteCommand() {
- _contentKitEditorCommandsFormatBlock['default'].call(this, {
- name: 'quote',
- tag: _contentKitCompiler.Type.QUOTE.tag,
- button: ''
- });
- }
- (0, _contentKitUtils.inherit)(QuoteCommand, _contentKitEditorCommandsFormatBlock['default']);
-
- exports['default'] = QuoteCommand;
-});
-define('content-kit-editor/commands/subheading', ['exports', 'content-kit-editor/commands/format-block', 'content-kit-utils', 'content-kit-compiler'], function (exports, _contentKitEditorCommandsFormatBlock, _contentKitUtils, _contentKitCompiler) {
- 'use strict';
-
- function SubheadingCommand() {
- _contentKitEditorCommandsFormatBlock['default'].call(this, {
- name: 'subheading',
- tag: _contentKitCompiler.Type.SUBHEADING.tag,
- button: '2'
- });
- }
- (0, _contentKitUtils.inherit)(SubheadingCommand, _contentKitEditorCommandsFormatBlock['default']);
-
- exports['default'] = SubheadingCommand;
-});
-define('content-kit-editor/commands/text-format', ['exports', 'content-kit-editor/commands/base', 'content-kit-utils', 'content-kit-compiler'], function (exports, _contentKitEditorCommandsBase, _contentKitUtils, _contentKitCompiler) {
- 'use strict';
-
- function TextFormatCommand(options) {
- options = options || {};
- _contentKitEditorCommandsBase['default'].call(this, options);
- this.tag = options.tag;
- this.mappedTags = options.mappedTags || [];
- this.mappedTags.push(this.tag);
- this.action = options.action || this.name;
- this.removeAction = options.removeAction || this.action;
- }
- (0, _contentKitUtils.inherit)(TextFormatCommand, _contentKitEditorCommandsBase['default']);
-
- TextFormatCommand.prototype = {
- exec: function exec(value) {
- _contentKitCompiler.doc.execCommand(this.action, false, value || null);
- },
- unexec: function unexec(value) {
- _contentKitCompiler.doc.execCommand(this.removeAction, false, value || null);
- }
- };
-
- exports['default'] = TextFormatCommand;
-});
-define('content-kit-editor/commands/unordered-list', ['exports', 'content-kit-editor/commands/list', 'content-kit-utils', 'content-kit-compiler'], function (exports, _contentKitEditorCommandsList, _contentKitUtils, _contentKitCompiler) {
- 'use strict';
+ exports['default'] = TextFormatCommand;
+});
+define('content-kit-editor/commands/unordered-list', ['exports', 'content-kit-editor/commands/list', 'content-kit-utils'], function (exports, _contentKitEditorCommandsList, _contentKitUtils) {
+ 'use strict';
function UnorderedListCommand() {
_contentKitEditorCommandsList['default'].call(this, {
name: 'list',
- tag: _contentKitCompiler.Type.LIST.tag,
+ tag: 'ul',
action: 'insertUnorderedList'
});
}
@@ -2088,47 +646,7 @@ define('content-kit-editor/commands/unordered-list', ['exports', 'content-kit-ed
exports['default'] = UnorderedListCommand;
});
-define('content-kit-editor/editor/editor-factory', ['exports', 'content-kit-editor/editor/editor'], function (exports, _contentKitEditorEditorEditor) {
- 'use strict';
-
- /**
- * @class EditorFactory
- * @private
- * `EditorFactory` is publically exposed as `Editor`
- * It takes an `element` param which can be a css selector, Node, or NodeList
- * and sets up indiviual `Editor` instances
- */
- function EditorFactory(element, options) {
- var editors = [];
- var elements, elementsLen, i;
-
- if (!element) {
- return new _contentKitEditorEditorEditor['default'](element, options);
- }
-
- if (typeof element === 'string') {
- elements = document.querySelectorAll(element);
- } else if (element && element.length) {
- elements = element;
- } else if (element) {
- elements = [element];
- }
-
- if (elements) {
- elementsLen = elements.length;
- for (i = 0; i < elementsLen; i++) {
- editors.push(new _contentKitEditorEditorEditor['default'](elements[i], options));
- }
- }
-
- return editors.length > 1 ? editors : editors[0];
- }
-
- EditorFactory.prototype = _contentKitEditorEditorEditor['default'].prototype;
-
- exports['default'] = EditorFactory;
-});
-define('content-kit-editor/editor/editor', ['exports', 'content-kit-editor/renderers/new-dom-renderer', 'content-kit-editor/views/text-format-toolbar', 'content-kit-editor/views/tooltip', 'content-kit-editor/views/embed-intent', 'content-kit-editor/commands/bold', 'content-kit-editor/commands/italic', 'content-kit-editor/commands/link', 'content-kit-editor/commands/quote', 'content-kit-editor/commands/heading', 'content-kit-editor/commands/subheading', 'content-kit-editor/commands/unordered-list', 'content-kit-editor/commands/ordered-list', 'content-kit-editor/commands/image', 'content-kit-editor/commands/oembed', 'content-kit-editor/commands/card', 'content-kit-editor/utils/keycodes', 'content-kit-editor/utils/selection-utils', 'content-kit-editor/utils/event-emitter', 'content-kit-compiler', 'content-kit-utils', 'content-kit-editor/utils/compat', 'content-kit-editor/utils/dom-utils', 'content-kit-editor/renderers/new-serializer'], function (exports, _contentKitEditorRenderersNewDomRenderer, _contentKitEditorViewsTextFormatToolbar, _contentKitEditorViewsTooltip, _contentKitEditorViewsEmbedIntent, _contentKitEditorCommandsBold, _contentKitEditorCommandsItalic, _contentKitEditorCommandsLink, _contentKitEditorCommandsQuote, _contentKitEditorCommandsHeading, _contentKitEditorCommandsSubheading, _contentKitEditorCommandsUnorderedList, _contentKitEditorCommandsOrderedList, _contentKitEditorCommandsImage, _contentKitEditorCommandsOembed, _contentKitEditorCommandsCard, _contentKitEditorUtilsKeycodes, _contentKitEditorUtilsSelectionUtils, _contentKitEditorUtilsEventEmitter, _contentKitCompiler, _contentKitUtils, _contentKitEditorUtilsCompat, _contentKitEditorUtilsDomUtils, _contentKitEditorRenderersNewSerializer) {
+define('content-kit-editor/editor/editor', ['exports', 'content-kit-editor/views/text-format-toolbar', 'content-kit-editor/views/tooltip', 'content-kit-editor/views/embed-intent', 'content-kit-editor/commands/bold', 'content-kit-editor/commands/italic', 'content-kit-editor/commands/link', 'content-kit-editor/commands/quote', 'content-kit-editor/commands/heading', 'content-kit-editor/commands/subheading', 'content-kit-editor/commands/unordered-list', 'content-kit-editor/commands/ordered-list', 'content-kit-editor/commands/image', 'content-kit-editor/commands/oembed', 'content-kit-editor/commands/card', 'content-kit-editor/utils/keycodes', 'content-kit-editor/utils/selection-utils', 'content-kit-editor/utils/event-emitter', 'content-kit-editor/parsers/mobiledoc', 'content-kit-editor/parsers/dom', 'content-kit-editor/renderers/editor-dom', 'content-kit-editor/renderers/mobiledoc', 'content-kit-utils', 'content-kit-editor/utils/dom-utils'], function (exports, _contentKitEditorViewsTextFormatToolbar, _contentKitEditorViewsTooltip, _contentKitEditorViewsEmbedIntent, _contentKitEditorCommandsBold, _contentKitEditorCommandsItalic, _contentKitEditorCommandsLink, _contentKitEditorCommandsQuote, _contentKitEditorCommandsHeading, _contentKitEditorCommandsSubheading, _contentKitEditorCommandsUnorderedList, _contentKitEditorCommandsOrderedList, _contentKitEditorCommandsImage, _contentKitEditorCommandsOembed, _contentKitEditorCommandsCard, _contentKitEditorUtilsKeycodes, _contentKitEditorUtilsSelectionUtils, _contentKitEditorUtilsEventEmitter, _contentKitEditorParsersMobiledoc, _contentKitEditorParsersDom, _contentKitEditorRenderersEditorDom, _contentKitEditorRenderersMobiledoc, _contentKitUtils, _contentKitEditorUtilsDomUtils) {
'use strict';
function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) arr2[i] = arr[i]; return arr2; } else { return Array.from(arr); } }
@@ -2139,13 +657,12 @@ define('content-kit-editor/editor/editor', ['exports', 'content-kit-editor/rende
placeholder: 'Write here...',
spellcheck: true,
autofocus: true,
- model: null,
+ post: null,
serverHost: '',
- stickyToolbar: !!('ontouchstart' in _contentKitEditorUtilsCompat.win),
+ stickyToolbar: !!('ontouchstart' in window),
textFormatCommands: [new _contentKitEditorCommandsBold['default'](), new _contentKitEditorCommandsItalic['default'](), new _contentKitEditorCommandsLink['default'](), new _contentKitEditorCommandsQuote['default'](), new _contentKitEditorCommandsHeading['default'](), new _contentKitEditorCommandsSubheading['default']()],
embedCommands: [new _contentKitEditorCommandsImage['default']({ serviceUrl: '/upload' }), new _contentKitEditorCommandsOembed['default']({ serviceUrl: '/embed' }), new _contentKitEditorCommandsCard['default']()],
autoTypingCommands: [new _contentKitEditorCommandsUnorderedList['default'](), new _contentKitEditorCommandsOrderedList['default']()],
- compiler: null,
cards: {},
mobiledoc: null
};
@@ -2163,7 +680,7 @@ define('content-kit-editor/editor/editor', ['exports', 'content-kit-editor/rende
// Assure there is always a supported block tag, and not empty text nodes or divs.
// On a carrage return, make sure to always generate a 'p' tag
if (!(0, _contentKitEditorUtilsSelectionUtils.getSelectionBlockElement)() || !editor.element.textContent || !e.shiftKey && e.which === _contentKitEditorUtilsKeycodes['default'].ENTER || e.ctrlKey && e.which === _contentKitEditorUtilsKeycodes['default'].M) {
- _contentKitEditorUtilsCompat.doc.execCommand('formatBlock', false, _contentKitCompiler.Type.PARAGRAPH.tag);
+ document.execCommand('formatBlock', false, 'p');
} //else if (e.which === Keycodes.BKSP) {
// TODO: Need to rerender when backspacing 2 blocks together
//var cursorIndex = editor.getCursorIndexInCurrentBlock();
@@ -2177,9 +694,9 @@ define('content-kit-editor/editor/editor', ['exports', 'content-kit-editor/rende
editor.addEventListener(editor.element, 'paste', function (e) {
var data = e.clipboardData;
var pastedHTML = data && data.getData && data.getData('text/html');
- var sanitizedHTML = pastedHTML && editor.compiler.rerender(pastedHTML);
+ var sanitizedHTML = pastedHTML && editor._renderer.rerender(pastedHTML);
if (sanitizedHTML) {
- _contentKitEditorUtilsCompat.doc.execCommand('insertHTML', false, sanitizedHTML);
+ document.execCommand('insertHTML', false, sanitizedHTML);
editor.syncVisual();
}
e.preventDefault();
@@ -2195,7 +712,7 @@ define('content-kit-editor/editor/editor', ['exports', 'content-kit-editor/rende
var selection, i;
if (count) {
- selection = _contentKitEditorUtilsCompat.win.getSelection();
+ selection = window.getSelection();
for (i = 0; i < count; i++) {
if (commands[i].checkAutoFormat(selection.anchorNode)) {
e.stopPropagation();
@@ -2208,10 +725,10 @@ define('content-kit-editor/editor/editor', ['exports', 'content-kit-editor/rende
function bindDragAndDrop(editor) {
// TODO. For now, just prevent redirect when dropping something on the page
- editor.addEventListener(_contentKitEditorUtilsCompat.win, 'dragover', function (e) {
+ editor.addEventListener(window, 'dragover', function (e) {
e.preventDefault(); // prevents showing cursor where to drop
});
- editor.addEventListener(_contentKitEditorUtilsCompat.win, 'drop', function (e) {
+ editor.addEventListener(window, 'drop', function (e) {
e.preventDefault(); // prevent page from redirecting
});
}
@@ -2227,12 +744,12 @@ define('content-kit-editor/editor/editor', ['exports', 'content-kit-editor/rende
}
}
- function getNonTextBlocks(blockTypeSet, model) {
+ function getNonTextBlocks(blockTypeSet, post) {
var blocks = [];
- var len = model.length;
+ var len = post.length;
var i, block, type;
for (i = 0; i < len; i++) {
- block = model[i];
+ block = post[i];
type = blockTypeSet.findById(block && block.type);
if (type && !type.isTextType) {
blocks.push(block);
@@ -2267,13 +784,8 @@ define('content-kit-editor/editor/editor', ['exports', 'content-kit-editor/rende
// FIXME: This should merge onto this.options
(0, _contentKitUtils.mergeWithOptions)(this, defaults, options);
- if (!this.compiler) {
- this.compiler = new _contentKitCompiler.Compiler({
- // outputs models with type names, i.e. 'BOLD', for easier debugging
- includeTypeNames: true,
- renderer: new _contentKitEditorRenderersNewDomRenderer['default'](window.document, this.cards)
- });
- }
+ this._renderer = new _contentKitEditorRenderersEditorDom['default'](window.document, this.cards);
+ this._parser = new _contentKitEditorParsersDom['default']();
this.applyClassName();
this.applyPlaceholder();
@@ -2308,7 +820,7 @@ define('content-kit-editor/editor/editor', ['exports', 'content-kit-editor/rende
this.linkTooltips = new _contentKitEditorViewsTooltip['default']({
rootElement: element,
- showForTag: _contentKitCompiler.Type.LINK.tag
+ showForTag: 'a'
});
if (this.autofocus) {
@@ -2326,24 +838,24 @@ define('content-kit-editor/editor/editor', ['exports', 'content-kit-editor/rende
this._elementListeners.push([context, eventName, callback]);
},
- loadModel: function loadModel(model) {
- this.model = model;
+ loadModel: function loadModel(post) {
+ this.post = post;
this.syncVisual();
this.trigger('update');
},
parseModelFromDOM: function parseModelFromDOM(element) {
- this.model = this.compiler.parse(element);
+ this.post = this._parser.parse(element);
this.trigger('update');
},
parseModelFromMobiledoc: function parseModelFromMobiledoc(mobiledoc) {
- this.model = new _contentKitCompiler.MobiledocParser().parse(mobiledoc);
+ this.post = new _contentKitEditorParsersMobiledoc['default']().parse(mobiledoc);
this.trigger('update');
},
syncVisual: function syncVisual() {
- this.compiler.render(this.model, this.element);
+ this._renderer.render(this.post, this.element);
},
getCurrentBlockIndex: function getCurrentBlockIndex() {
@@ -2361,24 +873,25 @@ define('content-kit-editor/editor/editor', ['exports', 'content-kit-editor/rende
},
insertBlock: function insertBlock(block, index) {
- this.model.splice(index, 0, block);
+ this.post.splice(index, 0, block);
this.trigger('update');
},
removeBlockAt: function removeBlockAt(index) {
- this.model.splice(index, 1);
+ this.post.splice(index, 1);
this.trigger('update');
},
replaceBlock: function replaceBlock(block, index) {
- this.model[index] = block;
+ this.post[index] = block;
this.trigger('update');
},
renderBlockAt: function renderBlockAt(index, replace) {
- var modelAtIndex = this.model[index];
+ throw new Error('Unimplemented');
+ var modelAtIndex = this.post[index];
var html = this.compiler.render([modelAtIndex]);
- var dom = _contentKitEditorUtilsCompat.doc.createElement('div');
+ var dom = document.createElement('div');
dom.innerHTML = html;
var newEl = dom.firstChild;
newEl.dataset.modelIndex = index;
@@ -2391,7 +904,8 @@ define('content-kit-editor/editor/editor', ['exports', 'content-kit-editor/rende
},
syncContentEditableBlocks: function syncContentEditableBlocks() {
- var nonTextBlocks = getNonTextBlocks(this.compiler.blockTypes, this.model);
+ throw new Error('Unimplemented');
+ var nonTextBlocks = getNonTextBlocks(this.compiler.blockTypes, this.post);
var blockElements = (0, _contentKitUtils.toArray)(this.element.children);
var len = blockElements.length;
var updatedModel = [];
@@ -2399,7 +913,7 @@ define('content-kit-editor/editor/editor', ['exports', 'content-kit-editor/rende
for (i = 0; i < len; i++) {
blockEl = blockElements[i];
if (blockEl.isContentEditable) {
- updatedModel.push(this.compiler.parser.serializeBlockNode(blockEl));
+ updatedModel.push(this._parser.serializeBlockNode(blockEl));
} else {
if (blockEl.dataset.modelIndex) {
block = this.model[blockEl.dataset.modelIndex];
@@ -2409,7 +923,7 @@ define('content-kit-editor/editor/editor', ['exports', 'content-kit-editor/rende
}
}
}
- this.model = updatedModel;
+ this.post = updatedModel;
this.trigger('update');
},
@@ -2440,15 +954,15 @@ define('content-kit-editor/editor/editor', ['exports', 'content-kit-editor/rende
var newSections = [];
var previousSection = undefined;
forEachChildNode(this.element, function (node) {
- var section = _this2.model.getElementSection(node);
+ var section = _this2.post.getElementSection(node);
if (!section) {
- section = _this2.compiler.parseSection(previousSection, node);
- _this2.model.setSectionElement(section, node);
+ section = _this2._parser.parseSection(previousSection, node);
+ _this2.post.setSectionElement(section, node);
newSections.push(section);
if (previousSection) {
- _this2.model.insertSectionAfter(section, previousSection);
+ _this2.post.insertSectionAfter(section, previousSection);
} else {
- _this2.model.prependSection(section);
+ _this2.post.prependSection(section);
}
}
// may cause duplicates to be included
@@ -2458,10 +972,10 @@ define('content-kit-editor/editor/editor', ['exports', 'content-kit-editor/rende
// remove deleted nodes
var i = undefined;
- for (i = this.model.sections.length - 1; i >= 0; i--) {
- var section = this.model.sections[i];
+ for (i = this.post.sections.length - 1; i >= 0; i--) {
+ var section = this.post.sections[i];
if (sectionsInDOM.indexOf(section) === -1) {
- this.model.removeSection(section);
+ this.post.removeSection(section);
}
}
@@ -2471,7 +985,7 @@ define('content-kit-editor/editor/editor', ['exports', 'content-kit-editor/rende
// user presses enter (or pastes a newline)
var firstSection = sectionsWithCursor[0];
if (firstSection) {
- var _previousSection = this.model.getPreviousSection(firstSection);
+ var _previousSection = this.post.getPreviousSection(firstSection);
if (_previousSection) {
sectionsWithCursor.unshift(_previousSection);
}
@@ -2491,162 +1005,469 @@ define('content-kit-editor/editor/editor', ['exports', 'content-kit-editor/rende
return null;
}
- var range = selection.getRangeAt(0);
-
- var startElement = range.startContainer;
- var endElement = range.endContainer;
+ var range = selection.getRangeAt(0);
+
+ var startElement = range.startContainer;
+ var endElement = range.endContainer;
+
+ var getElementSection = function getElementSection(e) {
+ return _this3.post.getElementSection(e);
+ };
+
+ var _detectParentNode = (0, _contentKitEditorUtilsDomUtils.detectParentNode)(startElement, getElementSection);
+
+ var startSection = _detectParentNode.result;
+
+ var _detectParentNode2 = (0, _contentKitEditorUtilsDomUtils.detectParentNode)(endElement, getElementSection);
+
+ var endSection = _detectParentNode2.result;
+
+ var startIndex = this.post.sections.indexOf(startSection),
+ endIndex = this.post.sections.indexOf(endSection);
+
+ return this.post.sections.slice(startIndex, endIndex + 1);
+ },
+
+ reparseSection: function reparseSection(section) {
+ var sectionElement = this.post.getSectionElement(section);
+ var previousSection = this.post.getPreviousSection(section);
+
+ var newSection = this._parser.parseSection(previousSection, sectionElement);
+ this.post.replaceSection(section, newSection);
+ this.post.setSectionElement(newSection, sectionElement);
+
+ this.trigger('update');
+ },
+
+ serialize: function serialize() {
+ return _contentKitEditorRenderersMobiledoc['default'].render(this.post);
+ },
+
+ removeAllEventListeners: function removeAllEventListeners() {
+ this._elementListeners.forEach(function (_ref) {
+ var _ref2 = _toArray(_ref);
+
+ var context = _ref2[0];
+
+ var args = _ref2.slice(1);
+
+ context.removeEventListener.apply(context, _toConsumableArray(args));
+ });
+ },
+
+ destroy: function destroy() {
+ this.removeAllEventListeners();
+ }
+
+ });
+
+ exports['default'] = Editor;
+});
+define('content-kit-editor', ['exports', 'content-kit-editor/editor/editor', 'content-kit-editor/runtime/renderers/mobiledoc-dom'], function (exports, _contentKitEditorEditorEditor, _contentKitEditorRuntimeRenderersMobiledocDom) {
+ 'use strict';
+
+ exports.registerGlobal = registerGlobal;
+
+ var Runtime = {
+ DOMRenderer: _contentKitEditorRuntimeRenderersMobiledocDom['default']
+ };
+
+ var ContentKit = {
+ Editor: _contentKitEditorEditorEditor['default'], Runtime: Runtime
+ };
+
+ function registerGlobal(global) {
+ global.ContentKit = ContentKit;
+ }
+
+ exports.Editor = _contentKitEditorEditorEditor['default'];
+ exports['default'] = ContentKit;
+});
+define('content-kit-editor/models/post', ['exports', 'content-kit-editor/utils/element-map'], function (exports, _contentKitEditorUtilsElementMap) {
+ 'use strict';
+
+ var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
+
+ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }
+
+ // FIXME: making sections a linked-list would greatly improve this
+
+ var Post = (function () {
+ function Post() {
+ _classCallCheck(this, Post);
+
+ this.type = 'post';
+ this.sections = [];
+ this.sectionElementMap = new _contentKitEditorUtilsElementMap['default']();
+ }
+
+ _createClass(Post, [{
+ key: 'appendSection',
+ value: function appendSection(section) {
+ this.sections.push(section);
+ }
+ }, {
+ key: 'prependSection',
+ value: function prependSection(section) {
+ this.sections.unshift(section);
+ }
+ }, {
+ key: 'replaceSection',
+ value: function replaceSection(section, newSection) {
+ this.insertSectionAfter(newSection, section);
+ this.removeSection(section);
+ }
+ }, {
+ key: 'insertSectionAfter',
+ value: function insertSectionAfter(section, previousSection) {
+ var i, l;
+ for (i = 0, l = this.sections.length; i < l; i++) {
+ if (this.sections[i] === previousSection) {
+ this.sections.splice(i + 1, 0, section);
+ return;
+ }
+ }
+ throw new Error('Previous section was not found in post.sections');
+ }
+ }, {
+ key: 'setSectionElement',
+ value: function setSectionElement(section, element) {
+ section.element = element;
+ this.sectionElementMap.set(element, section);
+ }
+ }, {
+ key: 'getSectionElement',
+ value: function getSectionElement(section) {
+ return section && section.element;
+ }
+ }, {
+ key: 'getElementSection',
+ value: function getElementSection(element) {
+ return this.sectionElementMap.get(element);
+ }
+ }, {
+ key: 'removeSection',
+ value: function removeSection(section) {
+ this.sectionElementMap.remove(section.element);
+ var i, l;
+ for (i = 0, l = this.sections.length; i < l; i++) {
+ if (this.sections[i] === section) {
+ this.sections.splice(i, 1);
+ return;
+ }
+ }
+ }
+ }, {
+ key: 'getPreviousSection',
+ value: function getPreviousSection(section) {
+ var i, l;
+ if (this.sections[0] !== section) {
+ for (i = 1, l = this.sections.length; i < l; i++) {
+ if (this.sections[i] === section) {
+ return this.sections[i - 1];
+ }
+ }
+ }
+ }
+ }]);
+
+ return Post;
+ })();
+
+ exports['default'] = Post;
+});
+define('content-kit-editor/parsers/dom', ['exports', 'content-kit-editor/utils/post-builder', 'content-kit-utils'], function (exports, _contentKitEditorUtilsPostBuilder, _contentKitUtils) {
+ 'use strict';
+
+ var ELEMENT_NODE = 1;
+ var TEXT_NODE = 3;
+
+ var MARKUP_SECTION_TAG_NAMES = ['P', 'H3', 'H2', 'H1', 'BLOCKQUOTE', 'UL', 'IMG', 'OL'];
+
+ var ALLOWED_ATTRIBUTES = ['href', 'rel', 'src'];
+
+ function isEmptyTextNode(node) {
+ return node.nodeType === TEXT_NODE && (0, _contentKitUtils.trim)(node.textContent) === '';
+ }
+
+ // FIXME: should probably always return an array
+ function readAttributes(node) {
+ var attributes = null;
+ if (node.hasAttributes()) {
+ attributes = [];
+ var i, l;
+ for (i = 0, l = node.attributes.length; i < l; i++) {
+ if (ALLOWED_ATTRIBUTES.indexOf(node.attributes[i].name) !== -1) {
+ attributes.push(node.attributes[i].name);
+ attributes.push(node.attributes[i].value);
+ }
+ }
+ if (attributes.length === 0) {
+ return null;
+ }
+ }
+ return attributes;
+ }
+
+ var VALID_MARKER_ELEMENTS = ['B', 'I', 'STRONG', 'EM', 'A'];
- var getElementSection = function getElementSection(e) {
- return _this3.model.getElementSection(e);
- };
+ function isValidMarkerElement(element) {
+ return VALID_MARKER_ELEMENTS.indexOf(element.tagName) !== -1;
+ }
- var _detectParentNode = (0, _contentKitEditorUtilsDomUtils.detectParentNode)(startElement, getElementSection);
+ function parseMarkers(section, postBuilder, topNode) {
+ var markerTypes = [];
+ var text = null;
+ var currentNode = topNode;
+ while (currentNode) {
+ switch (currentNode.nodeType) {
+ case ELEMENT_NODE:
+ if (isValidMarkerElement(currentNode)) {
+ markerTypes.push(postBuilder.generateMarkerType(currentNode.tagName, readAttributes(currentNode)));
+ }
+ break;
+ case TEXT_NODE:
+ text = (text || '') + currentNode.textContent;
+ break;
+ }
- var startSection = _detectParentNode.result;
+ if (currentNode.firstChild) {
+ if (isValidMarkerElement(currentNode) && text !== null) {
+ section.markers.push(postBuilder.generateMarker(markerTypes, 0, text));
+ markerTypes = [];
+ text = null;
+ }
+ currentNode = currentNode.firstChild;
+ } else if (currentNode.nextSibling) {
+ if (currentNode === topNode) {
+ section.markers.push(postBuilder.generateMarker(markerTypes, markerTypes.length, text));
+ break;
+ } else {
+ currentNode = currentNode.nextSibling;
+ if (currentNode.nodeType === ELEMENT_NODE && isValidMarkerElement(currentNode) && text !== null) {
+ section.markers.push(postBuilder.generateMarker(markerTypes, 0, text));
+ markerTypes = [];
+ text = null;
+ }
+ }
+ } else {
+ var toClose = 0;
+ while (currentNode && !currentNode.nextSibling && currentNode !== topNode) {
+ currentNode = currentNode.parentNode;
+ if (isValidMarkerElement(currentNode)) {
+ toClose++;
+ }
+ }
- var _detectParentNode2 = (0, _contentKitEditorUtilsDomUtils.detectParentNode)(endElement, getElementSection);
+ section.markers.push(postBuilder.generateMarker(markerTypes, toClose, text));
+ markerTypes = [];
+ text = null;
- var endSection = _detectParentNode2.result;
+ if (currentNode === topNode) {
+ break;
+ } else {
+ currentNode = currentNode.nextSibling;
+ if (currentNode === topNode) {
+ break;
+ }
+ }
+ }
+ }
+ }
- var startIndex = this.model.sections.indexOf(startSection),
- endIndex = this.model.sections.indexOf(endSection);
+ function NewHTMLParser() {
+ this.postBuilder = (0, _contentKitEditorUtilsPostBuilder.generateBuilder)();
+ }
- return this.model.sections.slice(startIndex, endIndex + 1);
+ NewHTMLParser.prototype = {
+ parseSection: function parseSection(previousSection, sectionElement) {
+ var postBuilder = this.postBuilder;
+ var section;
+ switch (sectionElement.nodeType) {
+ case ELEMENT_NODE:
+ var tagName = sectionElement.tagName;
+ //
, etc
+ if (MARKUP_SECTION_TAG_NAMES.indexOf(tagName) !== -1) {
+ section = postBuilder.generateSection(tagName, readAttributes(sectionElement));
+ var node = sectionElement.firstChild;
+ while (node) {
+ parseMarkers(section, postBuilder, node);
+ node = node.nextSibling;
+ }
+ // , etc
+ } else {
+ if (previousSection && previousSection.isGenerated) {
+ section = previousSection;
+ } else {
+ section = postBuilder.generateSection('P', {}, true);
+ }
+ parseMarkers(section, postBuilder, sectionElement);
+ }
+ break;
+ case TEXT_NODE:
+ if (previousSection && previousSection.isGenerated) {
+ section = previousSection;
+ } else {
+ section = postBuilder.generateSection('P', {}, true);
+ }
+ parseMarkers(section, postBuilder, sectionElement);
+ break;
+ }
+ return section;
},
+ parse: function parse(postElement) {
+ var post = this.postBuilder.generatePost();
+ var i, l, section, previousSection, sectionElement;
+ // FIXME: Instead of storing isGenerated on sections, and passing
+ // the previous section to the parser, we could instead do a two-pass
+ // parse. The first pass identifies sections and gathers a list of
+ // dom nodes that can be parsed for markers, the second pass parses
+ // for markers.
+ for (i = 0, l = postElement.childNodes.length; i < l; i++) {
+ sectionElement = postElement.childNodes[i];
+ if (!isEmptyTextNode(sectionElement)) {
+ section = this.parseSection(previousSection, sectionElement);
+ if (section !== previousSection) {
+ post.appendSection(section);
+ previousSection = section;
+ }
+ }
+ }
+ return post;
+ }
+ };
- reparseSection: function reparseSection(section) {
- var sectionElement = this.model.getSectionElement(section);
- var previousSection = this.model.getPreviousSection(section);
+ exports['default'] = NewHTMLParser;
+});
+define('content-kit-editor/parsers/mobiledoc', ['exports', 'content-kit-editor/utils/post-builder'], function (exports, _contentKitEditorUtilsPostBuilder) {
+ 'use strict';
- var newSection = this.compiler.parseSection(previousSection, sectionElement);
- this.model.replaceSection(section, newSection);
- this.model.setSectionElement(newSection, sectionElement);
+ var _slicedToArray = (function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i['return']) _i['return'](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError('Invalid attempt to destructure non-iterable instance'); } }; })();
- this.trigger('update');
- },
+ var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
- serialize: function serialize() {
- return _contentKitEditorRenderersNewSerializer['default'].serialize(this.model);
- },
+ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }
- removeAllEventListeners: function removeAllEventListeners() {
- this._elementListeners.forEach(function (_ref) {
- var _ref2 = _toArray(_ref);
+ /*
+ * input mobiledoc: [ markers, elements ]
+ * output: Post
+ *
+ */
- var context = _ref2[0];
+ var MobiledocParser = (function () {
+ function MobiledocParser() {
+ _classCallCheck(this, MobiledocParser);
- var args = _ref2.slice(1);
+ this.builder = (0, _contentKitEditorUtilsPostBuilder.generateBuilder)();
+ }
- context.removeEventListener.apply(context, _toConsumableArray(args));
- });
- },
+ _createClass(MobiledocParser, [{
+ key: 'parse',
+ value: function parse(mobiledoc) {
+ var markerTypes = mobiledoc[0];
+ var sections = mobiledoc[1];
- destroy: function destroy() {
- this.removeAllEventListeners();
- }
+ var post = this.builder.generatePost();
- });
+ this.markerTypes = this.parseMarkerTypes(markerTypes);
+ this.parseSections(sections, post);
- exports['default'] = Editor;
-});
-define('content-kit-editor', ['exports', 'content-kit-compiler', 'content-kit-editor/editor/editor'], function (exports, _contentKitCompiler, _contentKitEditorEditorEditor) {
- 'use strict';
+ return post;
+ }
+ }, {
+ key: 'parseMarkerTypes',
+ value: function parseMarkerTypes(markerTypes) {
+ var _this = this;
- exports.registerGlobal = registerGlobal;
+ return markerTypes.map(function (markerType) {
+ return _this.parseMarkerType(markerType);
+ });
+ }
+ }, {
+ key: 'parseMarkerType',
+ value: function parseMarkerType(_ref) {
+ var _ref2 = _slicedToArray(_ref, 2);
- var ContentKit = {
- Type: _contentKitCompiler.Type,
- BlockModel: _contentKitCompiler.BlockModel,
- EmbedModel: _contentKitCompiler.EmbedModel,
- Compiler: _contentKitCompiler.Compiler,
- HTMLParser: _contentKitCompiler.HTMLParser,
- HTMLRenderer: _contentKitCompiler.HTMLRenderer,
- Runtime: _contentKitCompiler.Runtime,
- Editor: _contentKitEditorEditorEditor['default']
- };
+ var tagName = _ref2[0];
+ var attributes = _ref2[1];
- function registerGlobal(global) {
- global.ContentKit = ContentKit;
- }
+ return this.builder.generateMarkerType(tagName, attributes);
+ }
+ }, {
+ key: 'parseSections',
+ value: function parseSections(sections, post) {
+ var _this2 = this;
- exports.Editor = _contentKitEditorEditorEditor['default'];
- exports['default'] = ContentKit;
-});
-define('content-kit-editor/renderers/editor-html-renderer', ['exports', 'content-kit-compiler', 'content-kit-utils', 'content-kit-editor/renderers/youtube', 'content-kit-editor/renderers/twitter', 'content-kit-editor/renderers/instagram', 'content-kit-editor/renderers/link-image-renderer'], function (exports, _contentKitCompiler, _contentKitUtils, _contentKitEditorRenderersYoutube, _contentKitEditorRenderersTwitter, _contentKitEditorRenderersInstagram, _contentKitEditorRenderersLinkImageRenderer) {
- 'use strict';
+ sections.forEach(function (section) {
+ return _this2.parseSection(section, post);
+ });
+ }
+ }, {
+ key: 'parseSection',
+ value: function parseSection(section, post) {
+ var _section = _slicedToArray(section, 1);
- /**
- * A dictionary of supported embeds types that we'll custom render
- * for the editor, instead of the default oembed html.
- */
- var embedRenderers = {
- YOUTUBE: new _contentKitEditorRenderersYoutube['default'](),
- TWITTER: new _contentKitEditorRenderersTwitter['default'](),
- INSTAGRAM: new _contentKitEditorRenderersInstagram['default'](),
- LINK_IMAGE: new _contentKitEditorRenderersLinkImageRenderer['default']()
- };
+ var type = _section[0];
- function embedRenderer(model) {
- var embedAttrs = model.attributes;
- var embedType = embedAttrs.embed_type;
- var isVideo = embedType === 'video';
- var providerName = embedAttrs.provider_name;
- var customRendererId = providerName && providerName.toUpperCase();
- var customRenderer = embedRenderers[customRendererId];
- if (!customRenderer && embedType === 'link' && embedAttrs.thumbnail) {
- customRenderer = embedRenderers.LINK_IMAGE;
- }
- var renderer = customRenderer ? customRenderer : this;
+ switch (type) {
+ case 1:
+ // markup section
+ this.parseMarkupSection(section, post);
+ break;
+ default:
+ throw new Error('Unexpected section type ' + type);
+ }
+ }
+ }, {
+ key: 'parseMarkupSection',
+ value: function parseMarkupSection(_ref3, post) {
+ var _ref32 = _slicedToArray(_ref3, 3);
- return '';
- }
+ var type = _ref32[0];
+ var tagName = _ref32[1];
+ var markers = _ref32[2];
- function imageRenderer(model) {
- return '';
- }
+ var attributes = null;
+ var isGenerated = false;
+ var section = this.builder.generateSection(tagName, attributes, isGenerated);
- var typeRenderers = {};
- typeRenderers[_contentKitCompiler.Type.EMBED.id] = embedRenderer;
- typeRenderers[_contentKitCompiler.Type.IMAGE.id] = imageRenderer;
+ post.appendSection(section);
+ this.parseMarkers(markers, section);
+ }
+ }, {
+ key: 'parseMarkers',
+ value: function parseMarkers(markers, section) {
+ var _this3 = this;
- /**
- * @class EditorHTMLRenderer
- * @constructor
- * Subclass of HTMLRenderer specifically for the Editor
- * Wraps interactive elements to add functionality
- */
- function EditorHTMLRenderer(options) {
- var rendererOptions = {
- typeRenderers: typeRenderers
- };
- (0, _contentKitUtils.merge)(rendererOptions, options);
- _contentKitCompiler.HTMLRenderer.call(this, rendererOptions);
- }
- (0, _contentKitUtils.inherit)(EditorHTMLRenderer, _contentKitCompiler.HTMLRenderer);
+ markers.forEach(function (marker) {
+ return _this3.parseMarker(marker, section);
+ });
+ }
+ }, {
+ key: 'parseMarker',
+ value: function parseMarker(_ref4, section) {
+ var _this4 = this;
- exports['default'] = EditorHTMLRenderer;
-});
-define('content-kit-editor/renderers/instagram', ['exports'], function (exports) {
- 'use strict';
+ var _ref42 = _slicedToArray(_ref4, 3);
- function InstagramRenderer() {}
- InstagramRenderer.prototype.render = function (model) {
- return '
';
- };
+ var markerTypeIndexes = _ref42[0];
+ var closeCount = _ref42[1];
+ var value = _ref42[2];
- exports['default'] = InstagramRenderer;
-});
-define('content-kit-editor/renderers/link-image-renderer', ['exports'], function (exports) {
- 'use strict';
+ var markerTypes = markerTypeIndexes.map(function (index) {
+ return _this4.markerTypes[index];
+ });
+ var marker = this.builder.generateMarker(markerTypes, closeCount, value);
+ section.markers.push(marker);
+ }
+ }]);
- function LinkImageRenderer() {}
- LinkImageRenderer.prototype.render = function (model) {
- return '
';
- };
+ return MobiledocParser;
+ })();
- exports['default'] = LinkImageRenderer;
+ exports['default'] = MobiledocParser;
});
-define('content-kit-editor/renderers/new-dom-renderer', ['exports'], function (exports) {
+define('content-kit-editor/renderers/editor-dom', ['exports'], function (exports) {
'use strict';
function createElementFromMarkerType(doc, markerType) {
@@ -2726,7 +1547,7 @@ define('content-kit-editor/renderers/new-dom-renderer', ['exports'], function (e
exports['default'] = NewDOMRenderer;
});
-define('content-kit-editor/renderers/new-serializer', ['exports', 'content-kit-editor/utils/compiler'], function (exports, _contentKitEditorUtilsCompiler) {
+define('content-kit-editor/renderers/mobiledoc', ['exports', 'content-kit-editor/utils/compiler'], function (exports, _contentKitEditorUtilsCompiler) {
'use strict';
var visitor = {
@@ -2781,7 +1602,7 @@ define('content-kit-editor/renderers/new-serializer', ['exports', 'content-kit-e
};
exports['default'] = {
- serialize: function serialize(post) {
+ render: function render(post) {
var opcodes = [];
(0, _contentKitEditorUtilsCompiler.visit)(visitor, post, opcodes);
var compiler = Object.create(postOpcodeCompiler);
@@ -2790,37 +1611,10 @@ define('content-kit-editor/renderers/new-serializer', ['exports', 'content-kit-e
}
};
});
-define('content-kit-editor/renderers/twitter', ['exports'], function (exports) {
- 'use strict';
-
- function TwitterRenderer() {}
- TwitterRenderer.prototype.render = function (model) {
- return '
';
- };
-
- exports['default'] = TwitterRenderer;
-});
-define('content-kit-editor/renderers/youtube', ['exports'], function (exports) {
+define('content-kit-editor/runtime/renderers/mobiledoc-dom', ['exports', 'mobiledoc-dom-renderer'], function (exports, _mobiledocDomRenderer) {
'use strict';
- var RegExVideoId = /.*(?:youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=)([^#\&\?]*).*/;
-
- function getVideoIdFromUrl(url) {
- var match = url && url.match(RegExVideoId);
- if (match && match[1].length === 11) {
- return match[1];
- }
- return null;
- }
-
- function YouTubeRenderer() {}
- YouTubeRenderer.prototype.render = function (model) {
- var videoId = getVideoIdFromUrl(model.attributes.url);
- var embedUrl = 'http://www.youtube.com/embed/' + videoId + '?controls=2&showinfo=0&color=white&theme=light';
- return '';
- };
-
- exports['default'] = YouTubeRenderer;
+ exports['default'] = _mobiledocDomRenderer['default'];
});
define('content-kit-editor/utils/compat', ['exports', 'content-kit-editor/utils/doc', 'content-kit-editor/utils/win'], function (exports, _contentKitEditorUtilsDoc, _contentKitEditorUtilsWin) {
'use strict';
@@ -2866,15 +1660,6 @@ define("content-kit-editor/utils/compiler", ["exports"], function (exports) {
}
}
});
-define("content-kit-editor/utils/doc", ["exports"], function (exports) {
- // FIXME in theory, we might want to make this safe for node usage and
- // return a jsdom?
- // In practice we probably don't need this for the editor since it won't ever
- // execute in a solely server-side environment
- "use strict";
-
- exports["default"] = document;
-});
define("content-kit-editor/utils/dom-utils", ["exports"], function (exports) {
"use strict";
@@ -2918,27 +1703,27 @@ define('content-kit-editor/utils/element-map', ['exports'], function (exports) {
_createClass(ElementMap, [{
key: 'set',
value: function set(key, value) {
- var uuid = key.dataset.uuid;
+ var uuid = key._uuid;
if (!uuid) {
- key.dataset.uuid = uuid = uuidGenerator++;
+ key._uuid = uuid = '' + uuidGenerator++;
}
this._map[uuid] = value;
}
}, {
key: 'get',
value: function get(key) {
- if (key.dataset && key.dataset.uuid) {
- return this._map[key.dataset.uuid];
+ if (key._uuid) {
+ return this._map[key._uuid];
}
return null;
}
}, {
key: 'remove',
value: function remove(key) {
- if (!key.dataset.uuid) {
+ if (!key._uuid) {
throw new Error('tried to fetch a value for an element not seen before');
}
- delete this._map[key.dataset.uuid];
+ delete this._map[key._uuid];
}
}]);
@@ -2947,11 +1732,11 @@ define('content-kit-editor/utils/element-map', ['exports'], function (exports) {
exports['default'] = ElementMap;
});
-define('content-kit-editor/utils/element-utils', ['exports', 'content-kit-editor/utils/compat'], function (exports, _contentKitEditorUtilsCompat) {
+define('content-kit-editor/utils/element-utils', ['exports'], function (exports) {
'use strict';
function createDiv(className) {
- var div = _contentKitEditorUtilsCompat.doc.createElement('div');
+ var div = document.createElement('div');
if (className) {
div.className = className;
}
@@ -3001,9 +1786,9 @@ define('content-kit-editor/utils/element-utils', ['exports', 'content-kit-editor
}
function getElementRelativeOffset(element) {
- var offset = { left: 0, top: -_contentKitEditorUtilsCompat.win.pageYOffset };
+ var offset = { left: 0, top: -window.pageYOffset };
var offsetParent = element.offsetParent;
- var offsetParentPosition = _contentKitEditorUtilsCompat.win.getComputedStyle(offsetParent).position;
+ var offsetParentPosition = window.getComputedStyle(offsetParent).position;
var offsetParentRect;
if (offsetParentPosition === 'relative') {
@@ -3015,7 +1800,7 @@ define('content-kit-editor/utils/element-utils', ['exports', 'content-kit-editor
}
function getElementComputedStyleNumericProp(element, prop) {
- return parseFloat(_contentKitEditorUtilsCompat.win.getComputedStyle(element)[prop]);
+ return parseFloat(window.getComputedStyle(element)[prop]);
}
function positionElementToRect(element, rect, topOffset, leftOffset) {
@@ -3115,8 +1900,7 @@ define("content-kit-editor/utils/event-emitter", ["exports"], function (exports)
exports["default"] = EventEmitter;
});
-define('content-kit-editor/utils/http-utils', ['exports', 'content-kit-editor/utils/compat'], function (exports, _contentKitEditorUtilsCompat) {
- /* global JSON */
+define('content-kit-editor/utils/http-utils', ['exports'], function (exports) {
'use strict';
function createXHR(options) {
@@ -3189,7 +1973,7 @@ define('content-kit-editor/utils/http-utils', ['exports', 'content-kit-editor/ut
var file = options.file || fileInput && fileInput.files && fileInput.files[0];
var callback = options.complete;
var maxFileSize = this.maxFileSize;
- if (!file || !(file instanceof _contentKitEditorUtilsCompat.win.File)) {
+ if (!file || !(file instanceof window.File)) {
return;
}
@@ -3257,11 +2041,74 @@ define("content-kit-editor/utils/keycodes", ["exports"], function (exports) {
M: 77
};
});
-define('content-kit-editor/utils/selection-utils', ['exports', 'content-kit-editor/utils/element-utils', 'content-kit-compiler', 'content-kit-editor/utils/compat'], function (exports, _contentKitEditorUtilsElementUtils, _contentKitCompiler, _contentKitEditorUtilsCompat) {
+define('content-kit-editor/utils/post-builder', ['exports', 'content-kit-editor/models/post'], function (exports, _contentKitEditorModelsPost) {
+ 'use strict';
+
+ exports.generateBuilder = generateBuilder;
+
+ var builder = {
+ generatePost: function generatePost() {
+ return new _contentKitEditorModelsPost['default']();
+ },
+ generateSection: function generateSection(tagName, attributes, isGenerated) {
+ var section = {
+ type: 'markupSection',
+ tagName: tagName,
+ markers: []
+ };
+ if (attributes && attributes.length) {
+ section.attributes = attributes;
+ }
+ if (isGenerated) {
+ section.isGenerated = !!isGenerated;
+ }
+ return section;
+ },
+ // open: Array
+ // close: Integer
+ // value: String
+ generateMarker: function generateMarker(open, close, value) {
+ return {
+ type: 'marker',
+ open: open,
+ close: close,
+ value: value
+ };
+ },
+ generateMarkerType: function generateMarkerType(tagName, attributes) {
+ if (attributes) {
+ // FIXME: This could also be cached
+ return {
+ type: 'markerType',
+ tagName: tagName,
+ attributes: attributes
+ };
+ }
+ var markerType = this._markerTypeCache[tagName];
+ if (!markerType) {
+ this._markerTypeCache[tagName] = markerType = {
+ type: 'markerType',
+ tagName: tagName
+ };
+ }
+ return markerType;
+ }
+ };
+
+ function reset(builder) {
+ builder._markerTypeCache = {};
+ }
+
+ function generateBuilder() {
+ reset(builder);
+ return builder;
+ }
+});
+define('content-kit-editor/utils/selection-utils', ['exports', 'content-kit-editor/utils/element-utils'], function (exports, _contentKitEditorUtilsElementUtils) {
'use strict';
// TODO: remove, pass in Editor's current block set
- var RootTags = [_contentKitCompiler.Type.PARAGRAPH.tag, _contentKitCompiler.Type.HEADING.tag, _contentKitCompiler.Type.SUBHEADING.tag, _contentKitCompiler.Type.QUOTE.tag, _contentKitCompiler.Type.LIST.tag, _contentKitCompiler.Type.ORDERED_LIST.tag];
+ var RootTags = ['p', 'h2', 'h3', 'blockquote', 'ul', 'ol'];
var SelectionDirection = {
LEFT_TO_RIGHT: 1,
@@ -3281,13 +2128,13 @@ define('content-kit-editor/utils/selection-utils', ['exports', 'content-kit-edit
}
function getSelectionElement(selection) {
- selection = selection || _contentKitEditorUtilsCompat.win.getSelection();
+ selection = selection || window.getSelection();
var node = getDirectionOfSelection(selection) === SelectionDirection.LEFT_TO_RIGHT ? selection.anchorNode : selection.focusNode;
return node && (node.nodeType === 3 ? node.parentNode : node);
}
function getSelectionBlockElement(selection) {
- selection = selection || _contentKitEditorUtilsCompat.win.getSelection();
+ selection = selection || window.getSelection();
var element = getSelectionElement();
var tag = element && element.tagName.toLowerCase();
while (tag && RootTags.indexOf(tag) === -1) {
@@ -3336,14 +2183,14 @@ define('content-kit-editor/utils/selection-utils', ['exports', 'content-kit-edit
}
function restoreRange(range) {
- var selection = _contentKitEditorUtilsCompat.win.getSelection();
+ var selection = window.getSelection();
selection.removeAllRanges();
selection.addRange(range);
}
function selectNode(node) {
- var range = _contentKitEditorUtilsCompat.doc.createRange();
- var selection = _contentKitEditorUtilsCompat.win.getSelection();
+ var range = document.createRange();
+ var selection = window.getSelection();
range.setStart(node, 0);
range.setEnd(node, node.length);
selection.removeAllRanges();
@@ -3351,8 +2198,8 @@ define('content-kit-editor/utils/selection-utils', ['exports', 'content-kit-edit
}
function setCursorIndexInElement(element, index) {
- var range = _contentKitEditorUtilsCompat.doc.createRange();
- var selection = _contentKitEditorUtilsCompat.win.getSelection();
+ var range = document.createRange();
+ var selection = window.getSelection();
range.setStart(element, index);
range.collapse(true);
selection.removeAllRanges();
@@ -3366,7 +2213,7 @@ define('content-kit-editor/utils/selection-utils', ['exports', 'content-kit-edit
function getCursorOffsetInElement(element) {
// http://stackoverflow.com/questions/4811822/get-a-ranges-start-and-end-offsets-relative-to-its-parent-container/4812022#4812022
var caretOffset = 0;
- var selection = _contentKitEditorUtilsCompat.win.getSelection();
+ var selection = window.getSelection();
if (selection.rangeCount > 0) {
var range = selection.getRangeAt(0);
var preCaretRange = range.cloneRange();
@@ -3391,20 +2238,7 @@ define('content-kit-editor/utils/selection-utils', ['exports', 'content-kit-edit
exports.setCursorIndexInElement = setCursorIndexInElement;
exports.getCursorOffsetInElement = getCursorOffsetInElement;
});
-define('content-kit-editor/utils/win', ['exports', 'content-kit-compiler'], function (exports, _contentKitCompiler) {
- 'use strict';
-
- var win;
- if (typeof window !== 'undefined') {
- win = window;
- } else {
- // jsdom provides a defaultView
- win = _contentKitCompiler.doc.defaultView;
- }
-
- exports['default'] = win;
-});
-define('content-kit-editor/views/embed-intent', ['exports', 'content-kit-editor/views/view', 'content-kit-editor/views/toolbar', 'content-kit-utils', 'content-kit-editor/utils/selection-utils', 'content-kit-editor/utils/element-utils', 'content-kit-editor/utils/keycodes', 'content-kit-editor/utils/compat'], function (exports, _contentKitEditorViewsView, _contentKitEditorViewsToolbar, _contentKitUtils, _contentKitEditorUtilsSelectionUtils, _contentKitEditorUtilsElementUtils, _contentKitEditorUtilsKeycodes, _contentKitEditorUtilsCompat) {
+define('content-kit-editor/views/embed-intent', ['exports', 'content-kit-editor/views/view', 'content-kit-editor/views/toolbar', 'content-kit-utils', 'content-kit-editor/utils/selection-utils', 'content-kit-editor/utils/element-utils', 'content-kit-editor/utils/keycodes'], function (exports, _contentKitEditorViewsView, _contentKitEditorViewsToolbar, _contentKitUtils, _contentKitEditorUtilsSelectionUtils, _contentKitEditorUtilsElementUtils, _contentKitEditorUtilsKeycodes) {
'use strict';
var LayoutStyle = {
@@ -3428,7 +2262,7 @@ define('content-kit-editor/views/embed-intent', ['exports', 'content-kit-editor/
embedIntent.isActive = false;
embedIntent.editorContext = options.editorContext;
embedIntent.loadingIndicator = (0, _contentKitEditorUtilsElementUtils.createDiv)('ck-embed-loading');
- embedIntent.button = _contentKitEditorUtilsCompat.doc.createElement('button');
+ embedIntent.button = document.createElement('button');
embedIntent.button.className = 'ck-embed-intent-btn';
embedIntent.button.title = 'Insert image or embed...';
embedIntent.element.appendChild(embedIntent.button);
@@ -3459,19 +2293,19 @@ define('content-kit-editor/views/embed-intent', ['exports', 'content-kit-editor/
}
rootElement.addEventListener('keyup', embedIntentHandler);
- _contentKitEditorUtilsCompat.doc.addEventListener('mouseup', function () {
+ document.addEventListener('mouseup', function () {
setTimeout(function () {
embedIntentHandler();
});
});
- _contentKitEditorUtilsCompat.doc.addEventListener('keyup', function (e) {
+ document.addEventListener('keyup', function (e) {
if (e.keyCode === _contentKitEditorUtilsKeycodes['default'].ESC) {
embedIntent.hide();
}
});
- _contentKitEditorUtilsCompat.win.addEventListener('resize', function () {
+ window.addEventListener('resize', function () {
if (embedIntent.isShowing) {
embedIntent.reposition();
}
@@ -3561,10 +2395,10 @@ define('content-kit-editor/views/message', ['exports', 'content-kit-editor/views
exports['default'] = Message;
});
-define('content-kit-editor/views/prompt', ['exports', 'content-kit-editor/views/view', 'content-kit-utils', 'content-kit-editor/utils/selection-utils', 'content-kit-editor/utils/element-utils', 'content-kit-editor/utils/keycodes', 'content-kit-editor/utils/compat'], function (exports, _contentKitEditorViewsView, _contentKitUtils, _contentKitEditorUtilsSelectionUtils, _contentKitEditorUtilsElementUtils, _contentKitEditorUtilsKeycodes, _contentKitEditorUtilsCompat) {
+define('content-kit-editor/views/prompt', ['exports', 'content-kit-editor/views/view', 'content-kit-utils', 'content-kit-editor/utils/selection-utils', 'content-kit-editor/utils/element-utils', 'content-kit-editor/utils/keycodes'], function (exports, _contentKitEditorViewsView, _contentKitUtils, _contentKitEditorUtilsSelectionUtils, _contentKitEditorUtilsElementUtils, _contentKitEditorUtilsKeycodes) {
'use strict';
- var container = _contentKitEditorUtilsCompat.doc.body;
+ var container = document.body;
var hiliter = (0, _contentKitEditorUtilsElementUtils.createDiv)('ck-editor-hilite');
function positionHiliteRange(range) {
@@ -3596,7 +2430,7 @@ define('content-kit-editor/views/prompt', ['exports', 'content-kit-editor/views/
}
});
- _contentKitEditorUtilsCompat.win.addEventListener('resize', function () {
+ window.addEventListener('resize', function () {
var activeHilite = hiliter.parentNode;
var range = prompt.range;
if (activeHilite && range) {
@@ -3609,7 +2443,7 @@ define('content-kit-editor/views/prompt', ['exports', 'content-kit-editor/views/
Prompt.prototype.show = function (callback) {
var prompt = this;
var element = prompt.element;
- var selection = _contentKitEditorUtilsCompat.win.getSelection();
+ var selection = window.getSelection();
var range = selection && selection.rangeCount && selection.getRangeAt(0);
element.value = null;
prompt.range = range || null;
@@ -3633,7 +2467,7 @@ define('content-kit-editor/views/prompt', ['exports', 'content-kit-editor/views/
exports['default'] = Prompt;
});
-define('content-kit-editor/views/text-format-toolbar', ['exports', 'content-kit-editor/views/toolbar', 'content-kit-utils', 'content-kit-editor/utils/selection-utils', 'content-kit-editor/utils/keycodes', 'content-kit-editor/utils/compat'], function (exports, _contentKitEditorViewsToolbar, _contentKitUtils, _contentKitEditorUtilsSelectionUtils, _contentKitEditorUtilsKeycodes, _contentKitEditorUtilsCompat) {
+define('content-kit-editor/views/text-format-toolbar', ['exports', 'content-kit-editor/views/toolbar', 'content-kit-utils', 'content-kit-editor/utils/selection-utils', 'content-kit-editor/utils/keycodes'], function (exports, _contentKitEditorViewsToolbar, _contentKitUtils, _contentKitEditorUtilsSelectionUtils, _contentKitEditorUtilsKeycodes) {
'use strict';
function selectionIsEditableByToolbar(selection, toolbar) {
@@ -3641,7 +2475,7 @@ define('content-kit-editor/views/text-format-toolbar', ['exports', 'content-kit-
}
function handleTextSelection(toolbar) {
- var selection = _contentKitEditorUtilsCompat.win.getSelection();
+ var selection = window.getSelection();
if (toolbar.sticky) {
toolbar.updateForSelection(selectionIsEditableByToolbar(selection, toolbar) ? selection : null);
} else {
@@ -3662,13 +2496,13 @@ define('content-kit-editor/views/text-format-toolbar', ['exports', 'content-kit-
handleTextSelection(toolbar);
});
- _contentKitEditorUtilsCompat.doc.addEventListener('mouseup', function () {
+ document.addEventListener('mouseup', function () {
setTimeout(function () {
handleTextSelection(toolbar);
});
});
- _contentKitEditorUtilsCompat.doc.addEventListener('keyup', function (e) {
+ document.addEventListener('keyup', function (e) {
var key = e.keyCode;
if (key === 116) {
//F5
@@ -3679,10 +2513,10 @@ define('content-kit-editor/views/text-format-toolbar', ['exports', 'content-kit-
}
});
- _contentKitEditorUtilsCompat.win.addEventListener('resize', function () {
+ window.addEventListener('resize', function () {
if (!toolbar.sticky && toolbar.isShowing) {
var activePromptRange = toolbar.activePrompt && toolbar.activePrompt.range;
- toolbar.positionToContent(activePromptRange ? activePromptRange : _contentKitEditorUtilsCompat.win.getSelection().getRangeAt(0));
+ toolbar.positionToContent(activePromptRange ? activePromptRange : window.getSelection().getRangeAt(0));
}
});
}
@@ -3690,7 +2524,7 @@ define('content-kit-editor/views/text-format-toolbar', ['exports', 'content-kit-
exports['default'] = TextFormatToolbar;
});
-define('content-kit-editor/views/toolbar-button', ['exports', 'content-kit-compiler'], function (exports, _contentKitCompiler) {
+define('content-kit-editor/views/toolbar-button', ['exports'], function (exports) {
'use strict';
var buttonClassName = 'ck-toolbar-btn';
@@ -3700,7 +2534,7 @@ define('content-kit-editor/views/toolbar-button', ['exports', 'content-kit-compi
var toolbar = options.toolbar;
var command = options.command;
var prompt = command.prompt;
- var element = _contentKitCompiler.doc.createElement('button');
+ var element = document.createElement('button');
button.element = element;
button.command = command;
@@ -3739,7 +2573,7 @@ define('content-kit-editor/views/toolbar-button', ['exports', 'content-kit-compi
exports['default'] = ToolbarButton;
});
-define('content-kit-editor/views/toolbar', ['exports', 'content-kit-editor/views/view', 'content-kit-editor/views/toolbar-button', 'content-kit-utils', 'content-kit-editor/utils/selection-utils', 'content-kit-editor/utils/element-utils', 'content-kit-editor/utils/compat'], function (exports, _contentKitEditorViewsView, _contentKitEditorViewsToolbarButton, _contentKitUtils, _contentKitEditorUtilsSelectionUtils, _contentKitEditorUtilsElementUtils, _contentKitEditorUtilsCompat) {
+define('content-kit-editor/views/toolbar', ['exports', 'content-kit-editor/views/view', 'content-kit-editor/views/toolbar-button', 'content-kit-utils', 'content-kit-editor/utils/selection-utils', 'content-kit-editor/utils/element-utils'], function (exports, _contentKitEditorViewsView, _contentKitEditorViewsToolbarButton, _contentKitUtils, _contentKitEditorUtilsSelectionUtils, _contentKitEditorUtilsElementUtils) {
'use strict';
var ToolbarDirection = {
@@ -3796,7 +2630,7 @@ define('content-kit-editor/views/toolbar', ['exports', 'content-kit-editor/views
}
// Closes prompt if displayed when changing selection
- _contentKitEditorUtilsCompat.doc.addEventListener('mouseup', function () {
+ document.addEventListener('mouseup', function () {
toolbar.dismissPrompt();
});
}
@@ -3842,7 +2676,7 @@ define('content-kit-editor/views/toolbar', ['exports', 'content-kit-editor/views
Toolbar.prototype.updateForSelection = function (selection) {
var toolbar = this;
- selection = selection || _contentKitEditorUtilsCompat.win.getSelection();
+ selection = selection || window.getSelection();
if (toolbar.sticky) {
updateButtonsForSelection(toolbar.buttons, selection);
} else if (!selection.isCollapsed) {
@@ -3862,7 +2696,7 @@ define('content-kit-editor/views/toolbar', ['exports', 'content-kit-editor/views
positioningMethod = _contentKitEditorUtilsElementUtils.positionElementCenteredAbove;
}
position = positioningMethod(this.element, content);
- sideEdgeOffset = Math.min(Math.max(10, position.left), _contentKitEditorUtilsCompat.doc.body.clientWidth - this.element.offsetWidth - 10);
+ sideEdgeOffset = Math.min(Math.max(10, position.left), document.body.clientWidth - this.element.offsetWidth - 10);
this.contentElement.style.transform = 'translateX(' + (sideEdgeOffset - position.left) + 'px)';
};
@@ -3940,7 +2774,7 @@ define('content-kit-editor/views/tooltip', ['exports', 'content-kit-editor/views
exports['default'] = Tooltip;
});
-define('content-kit-editor/views/view', ['exports', 'content-kit-editor/utils/compat'], function (exports, _contentKitEditorUtilsCompat) {
+define('content-kit-editor/views/view', ['exports'], function (exports) {
'use strict';
function renderClasses(view) {
@@ -3956,8 +2790,8 @@ define('content-kit-editor/views/view', ['exports', 'content-kit-editor/utils/co
options = options || {};
this.tagName = options.tagName || 'div';
this.classNames = options.classNames || [];
- this.element = _contentKitEditorUtilsCompat.doc.createElement(this.tagName);
- this.container = options.container || _contentKitEditorUtilsCompat.doc.body;
+ this.element = document.createElement(this.tagName);
+ this.container = options.container || document.body;
this.isShowing = false;
renderClasses(this);
}
@@ -4204,5 +3038,159 @@ define('content-kit-utils/string-utils', ['exports'], function (exports) {
exports.sanitizeWhitespace = sanitizeWhitespace;
exports.injectIntoString = injectIntoString;
});
+define('mobiledoc-dom-renderer/dom-renderer', ['exports'], function (exports) {
+ /**
+ * runtime DOM renderer
+ * renders a mobiledoc to DOM
+ *
+ * input: mobiledoc
+ * output: DOM
+ */
+
+ 'use strict';
+
+ var _slicedToArray = (function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i['return']) _i['return'](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError('Invalid attempt to destructure non-iterable instance'); } }; })();
+
+ var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
+
+ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }
+
+ var utils = {
+ createElement: function createElement(tagName) {
+ return document.createElement(tagName);
+ },
+ appendChild: function appendChild(target, child) {
+ target.appendChild(child);
+ },
+ createTextNode: function createTextNode(text) {
+ return document.createTextNode(text);
+ }
+ };
+
+ function createElementFromMarkerType() {
+ var _ref = arguments[0] === undefined ? ['', []] : arguments[0];
+
+ var _ref2 = _slicedToArray(_ref, 2);
+
+ var tagName = _ref2[0];
+ var attributes = _ref2[1];
+
+ var element = utils.createElement(tagName);
+ attributes = attributes || [];
+
+ for (var i = 0, l = attributes.length; i < l; i = i + 2) {
+ var propName = attributes[i],
+ propValue = attributes[i + 1];
+ element.setAttribute(propName, propValue);
+ }
+ return element;
+ }
+
+ var DOMRenderer = (function () {
+ function DOMRenderer() {
+ _classCallCheck(this, DOMRenderer);
+ }
+
+ _createClass(DOMRenderer, [{
+ key: 'render',
+
+ /**
+ * @param mobiledoc
+ * @param rootElement optional, defaults to an empty div
+ * @return DOMNode
+ */
+ value: function render(mobiledoc) {
+ var _this = this;
+
+ var rootElement = arguments[1] === undefined ? utils.createElement('div') : arguments[1];
+
+ var _mobiledoc = _slicedToArray(mobiledoc, 2);
+
+ var markerTypes = _mobiledoc[0];
+ var sections = _mobiledoc[1];
+
+ this.root = rootElement;
+ this.markerTypes = markerTypes;
+
+ sections.forEach(function (section) {
+ return _this.renderSection(section);
+ });
+
+ return this.root;
+ }
+ }, {
+ key: 'renderSection',
+ value: function renderSection(section) {
+ var _section = _slicedToArray(section, 1);
+
+ var type = _section[0];
+
+ switch (type) {
+ case 1:
+ var rendered = this.renderParagraphSection(section);
+ utils.appendChild(this.root, rendered);
+ break;
+ default:
+ throw new Error('Unimplement renderer for type ' + type);
+ }
+ }
+ }, {
+ key: 'renderParagraphSection',
+ value: function renderParagraphSection(_ref3) {
+ var _ref32 = _slicedToArray(_ref3, 3);
+
+ var type = _ref32[0];
+ var tagName = _ref32[1];
+ var markers = _ref32[2];
+
+ var element = utils.createElement(tagName);
+ var elements = [element];
+ var currentElement = element;
+
+ for (var i = 0, l = markers.length; i < l; i++) {
+ var marker = markers[i];
+
+ var _marker = _slicedToArray(marker, 3);
+
+ var openTypes = _marker[0];
+ var closeTypes = _marker[1];
+ var text = _marker[2];
+
+ for (var j = 0, m = openTypes.length; j < m; j++) {
+ var markerType = this.markerTypes[openTypes[j]];
+ var openedElement = createElementFromMarkerType(markerType);
+ utils.appendChild(currentElement, openedElement);
+ elements.push(openedElement);
+ currentElement = openedElement;
+ }
+
+ utils.appendChild(currentElement, utils.createTextNode(text));
+
+ for (var j = 0, m = closeTypes; j < m; j++) {
+ elements.pop();
+ currentElement = elements[elements.length - 1];
+ }
+ }
+
+ return element;
+ }
+ }]);
+
+ return DOMRenderer;
+ })();
+
+ exports['default'] = DOMRenderer;
+});
+define('mobiledoc-dom-renderer', ['exports', 'mobiledoc-dom-renderer/dom-renderer'], function (exports, _mobiledocDomRendererDomRenderer) {
+ 'use strict';
+
+ exports.registerGlobal = registerGlobal;
+
+ function registerGlobal(window) {
+ window.MobiledocDOMRenderer = _mobiledocDomRendererDomRenderer['default'];
+ }
+
+ exports['default'] = _mobiledocDomRendererDomRenderer['default'];
+});
require("content-kit-editor")["registerGlobal"](window, document);
})();
\ No newline at end of file
'; - }; - - exports['default'] = TwitterRenderer; -}); -define('content-kit-editor/renderers/youtube', ['exports'], function (exports) { +define('content-kit-editor/runtime/renderers/mobiledoc-dom', ['exports', 'mobiledoc-dom-renderer'], function (exports, _mobiledocDomRenderer) { 'use strict'; - var RegExVideoId = /.*(?:youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=)([^#\&\?]*).*/; - - function getVideoIdFromUrl(url) { - var match = url && url.match(RegExVideoId); - if (match && match[1].length === 11) { - return match[1]; - } - return null; - } - - function YouTubeRenderer() {} - YouTubeRenderer.prototype.render = function (model) { - var videoId = getVideoIdFromUrl(model.attributes.url); - var embedUrl = 'http://www.youtube.com/embed/' + videoId + '?controls=2&showinfo=0&color=white&theme=light'; - return ''; - }; - - exports['default'] = YouTubeRenderer; + exports['default'] = _mobiledocDomRenderer['default']; }); define('content-kit-editor/utils/compat', ['exports', 'content-kit-editor/utils/doc', 'content-kit-editor/utils/win'], function (exports, _contentKitEditorUtilsDoc, _contentKitEditorUtilsWin) { 'use strict'; @@ -2866,15 +1660,6 @@ define("content-kit-editor/utils/compiler", ["exports"], function (exports) { } } }); -define("content-kit-editor/utils/doc", ["exports"], function (exports) { - // FIXME in theory, we might want to make this safe for node usage and - // return a jsdom? - // In practice we probably don't need this for the editor since it won't ever - // execute in a solely server-side environment - "use strict"; - - exports["default"] = document; -}); define("content-kit-editor/utils/dom-utils", ["exports"], function (exports) { "use strict"; @@ -2918,27 +1703,27 @@ define('content-kit-editor/utils/element-map', ['exports'], function (exports) { _createClass(ElementMap, [{ key: 'set', value: function set(key, value) { - var uuid = key.dataset.uuid; + var uuid = key._uuid; if (!uuid) { - key.dataset.uuid = uuid = uuidGenerator++; + key._uuid = uuid = '' + uuidGenerator++; } this._map[uuid] = value; } }, { key: 'get', value: function get(key) { - if (key.dataset && key.dataset.uuid) { - return this._map[key.dataset.uuid]; + if (key._uuid) { + return this._map[key._uuid]; } return null; } }, { key: 'remove', value: function remove(key) { - if (!key.dataset.uuid) { + if (!key._uuid) { throw new Error('tried to fetch a value for an element not seen before'); } - delete this._map[key.dataset.uuid]; + delete this._map[key._uuid]; } }]); @@ -2947,11 +1732,11 @@ define('content-kit-editor/utils/element-map', ['exports'], function (exports) { exports['default'] = ElementMap; }); -define('content-kit-editor/utils/element-utils', ['exports', 'content-kit-editor/utils/compat'], function (exports, _contentKitEditorUtilsCompat) { +define('content-kit-editor/utils/element-utils', ['exports'], function (exports) { 'use strict'; function createDiv(className) { - var div = _contentKitEditorUtilsCompat.doc.createElement('div'); + var div = document.createElement('div'); if (className) { div.className = className; } @@ -3001,9 +1786,9 @@ define('content-kit-editor/utils/element-utils', ['exports', 'content-kit-editor } function getElementRelativeOffset(element) { - var offset = { left: 0, top: -_contentKitEditorUtilsCompat.win.pageYOffset }; + var offset = { left: 0, top: -window.pageYOffset }; var offsetParent = element.offsetParent; - var offsetParentPosition = _contentKitEditorUtilsCompat.win.getComputedStyle(offsetParent).position; + var offsetParentPosition = window.getComputedStyle(offsetParent).position; var offsetParentRect; if (offsetParentPosition === 'relative') { @@ -3015,7 +1800,7 @@ define('content-kit-editor/utils/element-utils', ['exports', 'content-kit-editor } function getElementComputedStyleNumericProp(element, prop) { - return parseFloat(_contentKitEditorUtilsCompat.win.getComputedStyle(element)[prop]); + return parseFloat(window.getComputedStyle(element)[prop]); } function positionElementToRect(element, rect, topOffset, leftOffset) { @@ -3115,8 +1900,7 @@ define("content-kit-editor/utils/event-emitter", ["exports"], function (exports) exports["default"] = EventEmitter; }); -define('content-kit-editor/utils/http-utils', ['exports', 'content-kit-editor/utils/compat'], function (exports, _contentKitEditorUtilsCompat) { - /* global JSON */ +define('content-kit-editor/utils/http-utils', ['exports'], function (exports) { 'use strict'; function createXHR(options) { @@ -3189,7 +1973,7 @@ define('content-kit-editor/utils/http-utils', ['exports', 'content-kit-editor/ut var file = options.file || fileInput && fileInput.files && fileInput.files[0]; var callback = options.complete; var maxFileSize = this.maxFileSize; - if (!file || !(file instanceof _contentKitEditorUtilsCompat.win.File)) { + if (!file || !(file instanceof window.File)) { return; } @@ -3257,11 +2041,74 @@ define("content-kit-editor/utils/keycodes", ["exports"], function (exports) { M: 77 }; }); -define('content-kit-editor/utils/selection-utils', ['exports', 'content-kit-editor/utils/element-utils', 'content-kit-compiler', 'content-kit-editor/utils/compat'], function (exports, _contentKitEditorUtilsElementUtils, _contentKitCompiler, _contentKitEditorUtilsCompat) { +define('content-kit-editor/utils/post-builder', ['exports', 'content-kit-editor/models/post'], function (exports, _contentKitEditorModelsPost) { + 'use strict'; + + exports.generateBuilder = generateBuilder; + + var builder = { + generatePost: function generatePost() { + return new _contentKitEditorModelsPost['default'](); + }, + generateSection: function generateSection(tagName, attributes, isGenerated) { + var section = { + type: 'markupSection', + tagName: tagName, + markers: [] + }; + if (attributes && attributes.length) { + section.attributes = attributes; + } + if (isGenerated) { + section.isGenerated = !!isGenerated; + } + return section; + }, + // open: Array + // close: Integer + // value: String + generateMarker: function generateMarker(open, close, value) { + return { + type: 'marker', + open: open, + close: close, + value: value + }; + }, + generateMarkerType: function generateMarkerType(tagName, attributes) { + if (attributes) { + // FIXME: This could also be cached + return { + type: 'markerType', + tagName: tagName, + attributes: attributes + }; + } + var markerType = this._markerTypeCache[tagName]; + if (!markerType) { + this._markerTypeCache[tagName] = markerType = { + type: 'markerType', + tagName: tagName + }; + } + return markerType; + } + }; + + function reset(builder) { + builder._markerTypeCache = {}; + } + + function generateBuilder() { + reset(builder); + return builder; + } +}); +define('content-kit-editor/utils/selection-utils', ['exports', 'content-kit-editor/utils/element-utils'], function (exports, _contentKitEditorUtilsElementUtils) { 'use strict'; // TODO: remove, pass in Editor's current block set - var RootTags = [_contentKitCompiler.Type.PARAGRAPH.tag, _contentKitCompiler.Type.HEADING.tag, _contentKitCompiler.Type.SUBHEADING.tag, _contentKitCompiler.Type.QUOTE.tag, _contentKitCompiler.Type.LIST.tag, _contentKitCompiler.Type.ORDERED_LIST.tag]; + var RootTags = ['p', 'h2', 'h3', 'blockquote', 'ul', 'ol']; var SelectionDirection = { LEFT_TO_RIGHT: 1, @@ -3281,13 +2128,13 @@ define('content-kit-editor/utils/selection-utils', ['exports', 'content-kit-edit } function getSelectionElement(selection) { - selection = selection || _contentKitEditorUtilsCompat.win.getSelection(); + selection = selection || window.getSelection(); var node = getDirectionOfSelection(selection) === SelectionDirection.LEFT_TO_RIGHT ? selection.anchorNode : selection.focusNode; return node && (node.nodeType === 3 ? node.parentNode : node); } function getSelectionBlockElement(selection) { - selection = selection || _contentKitEditorUtilsCompat.win.getSelection(); + selection = selection || window.getSelection(); var element = getSelectionElement(); var tag = element && element.tagName.toLowerCase(); while (tag && RootTags.indexOf(tag) === -1) { @@ -3336,14 +2183,14 @@ define('content-kit-editor/utils/selection-utils', ['exports', 'content-kit-edit } function restoreRange(range) { - var selection = _contentKitEditorUtilsCompat.win.getSelection(); + var selection = window.getSelection(); selection.removeAllRanges(); selection.addRange(range); } function selectNode(node) { - var range = _contentKitEditorUtilsCompat.doc.createRange(); - var selection = _contentKitEditorUtilsCompat.win.getSelection(); + var range = document.createRange(); + var selection = window.getSelection(); range.setStart(node, 0); range.setEnd(node, node.length); selection.removeAllRanges(); @@ -3351,8 +2198,8 @@ define('content-kit-editor/utils/selection-utils', ['exports', 'content-kit-edit } function setCursorIndexInElement(element, index) { - var range = _contentKitEditorUtilsCompat.doc.createRange(); - var selection = _contentKitEditorUtilsCompat.win.getSelection(); + var range = document.createRange(); + var selection = window.getSelection(); range.setStart(element, index); range.collapse(true); selection.removeAllRanges(); @@ -3366,7 +2213,7 @@ define('content-kit-editor/utils/selection-utils', ['exports', 'content-kit-edit function getCursorOffsetInElement(element) { // http://stackoverflow.com/questions/4811822/get-a-ranges-start-and-end-offsets-relative-to-its-parent-container/4812022#4812022 var caretOffset = 0; - var selection = _contentKitEditorUtilsCompat.win.getSelection(); + var selection = window.getSelection(); if (selection.rangeCount > 0) { var range = selection.getRangeAt(0); var preCaretRange = range.cloneRange(); @@ -3391,20 +2238,7 @@ define('content-kit-editor/utils/selection-utils', ['exports', 'content-kit-edit exports.setCursorIndexInElement = setCursorIndexInElement; exports.getCursorOffsetInElement = getCursorOffsetInElement; }); -define('content-kit-editor/utils/win', ['exports', 'content-kit-compiler'], function (exports, _contentKitCompiler) { - 'use strict'; - - var win; - if (typeof window !== 'undefined') { - win = window; - } else { - // jsdom provides a defaultView - win = _contentKitCompiler.doc.defaultView; - } - - exports['default'] = win; -}); -define('content-kit-editor/views/embed-intent', ['exports', 'content-kit-editor/views/view', 'content-kit-editor/views/toolbar', 'content-kit-utils', 'content-kit-editor/utils/selection-utils', 'content-kit-editor/utils/element-utils', 'content-kit-editor/utils/keycodes', 'content-kit-editor/utils/compat'], function (exports, _contentKitEditorViewsView, _contentKitEditorViewsToolbar, _contentKitUtils, _contentKitEditorUtilsSelectionUtils, _contentKitEditorUtilsElementUtils, _contentKitEditorUtilsKeycodes, _contentKitEditorUtilsCompat) { +define('content-kit-editor/views/embed-intent', ['exports', 'content-kit-editor/views/view', 'content-kit-editor/views/toolbar', 'content-kit-utils', 'content-kit-editor/utils/selection-utils', 'content-kit-editor/utils/element-utils', 'content-kit-editor/utils/keycodes'], function (exports, _contentKitEditorViewsView, _contentKitEditorViewsToolbar, _contentKitUtils, _contentKitEditorUtilsSelectionUtils, _contentKitEditorUtilsElementUtils, _contentKitEditorUtilsKeycodes) { 'use strict'; var LayoutStyle = { @@ -3428,7 +2262,7 @@ define('content-kit-editor/views/embed-intent', ['exports', 'content-kit-editor/ embedIntent.isActive = false; embedIntent.editorContext = options.editorContext; embedIntent.loadingIndicator = (0, _contentKitEditorUtilsElementUtils.createDiv)('ck-embed-loading'); - embedIntent.button = _contentKitEditorUtilsCompat.doc.createElement('button'); + embedIntent.button = document.createElement('button'); embedIntent.button.className = 'ck-embed-intent-btn'; embedIntent.button.title = 'Insert image or embed...'; embedIntent.element.appendChild(embedIntent.button); @@ -3459,19 +2293,19 @@ define('content-kit-editor/views/embed-intent', ['exports', 'content-kit-editor/ } rootElement.addEventListener('keyup', embedIntentHandler); - _contentKitEditorUtilsCompat.doc.addEventListener('mouseup', function () { + document.addEventListener('mouseup', function () { setTimeout(function () { embedIntentHandler(); }); }); - _contentKitEditorUtilsCompat.doc.addEventListener('keyup', function (e) { + document.addEventListener('keyup', function (e) { if (e.keyCode === _contentKitEditorUtilsKeycodes['default'].ESC) { embedIntent.hide(); } }); - _contentKitEditorUtilsCompat.win.addEventListener('resize', function () { + window.addEventListener('resize', function () { if (embedIntent.isShowing) { embedIntent.reposition(); } @@ -3561,10 +2395,10 @@ define('content-kit-editor/views/message', ['exports', 'content-kit-editor/views exports['default'] = Message; }); -define('content-kit-editor/views/prompt', ['exports', 'content-kit-editor/views/view', 'content-kit-utils', 'content-kit-editor/utils/selection-utils', 'content-kit-editor/utils/element-utils', 'content-kit-editor/utils/keycodes', 'content-kit-editor/utils/compat'], function (exports, _contentKitEditorViewsView, _contentKitUtils, _contentKitEditorUtilsSelectionUtils, _contentKitEditorUtilsElementUtils, _contentKitEditorUtilsKeycodes, _contentKitEditorUtilsCompat) { +define('content-kit-editor/views/prompt', ['exports', 'content-kit-editor/views/view', 'content-kit-utils', 'content-kit-editor/utils/selection-utils', 'content-kit-editor/utils/element-utils', 'content-kit-editor/utils/keycodes'], function (exports, _contentKitEditorViewsView, _contentKitUtils, _contentKitEditorUtilsSelectionUtils, _contentKitEditorUtilsElementUtils, _contentKitEditorUtilsKeycodes) { 'use strict'; - var container = _contentKitEditorUtilsCompat.doc.body; + var container = document.body; var hiliter = (0, _contentKitEditorUtilsElementUtils.createDiv)('ck-editor-hilite'); function positionHiliteRange(range) { @@ -3596,7 +2430,7 @@ define('content-kit-editor/views/prompt', ['exports', 'content-kit-editor/views/ } }); - _contentKitEditorUtilsCompat.win.addEventListener('resize', function () { + window.addEventListener('resize', function () { var activeHilite = hiliter.parentNode; var range = prompt.range; if (activeHilite && range) { @@ -3609,7 +2443,7 @@ define('content-kit-editor/views/prompt', ['exports', 'content-kit-editor/views/ Prompt.prototype.show = function (callback) { var prompt = this; var element = prompt.element; - var selection = _contentKitEditorUtilsCompat.win.getSelection(); + var selection = window.getSelection(); var range = selection && selection.rangeCount && selection.getRangeAt(0); element.value = null; prompt.range = range || null; @@ -3633,7 +2467,7 @@ define('content-kit-editor/views/prompt', ['exports', 'content-kit-editor/views/ exports['default'] = Prompt; }); -define('content-kit-editor/views/text-format-toolbar', ['exports', 'content-kit-editor/views/toolbar', 'content-kit-utils', 'content-kit-editor/utils/selection-utils', 'content-kit-editor/utils/keycodes', 'content-kit-editor/utils/compat'], function (exports, _contentKitEditorViewsToolbar, _contentKitUtils, _contentKitEditorUtilsSelectionUtils, _contentKitEditorUtilsKeycodes, _contentKitEditorUtilsCompat) { +define('content-kit-editor/views/text-format-toolbar', ['exports', 'content-kit-editor/views/toolbar', 'content-kit-utils', 'content-kit-editor/utils/selection-utils', 'content-kit-editor/utils/keycodes'], function (exports, _contentKitEditorViewsToolbar, _contentKitUtils, _contentKitEditorUtilsSelectionUtils, _contentKitEditorUtilsKeycodes) { 'use strict'; function selectionIsEditableByToolbar(selection, toolbar) { @@ -3641,7 +2475,7 @@ define('content-kit-editor/views/text-format-toolbar', ['exports', 'content-kit- } function handleTextSelection(toolbar) { - var selection = _contentKitEditorUtilsCompat.win.getSelection(); + var selection = window.getSelection(); if (toolbar.sticky) { toolbar.updateForSelection(selectionIsEditableByToolbar(selection, toolbar) ? selection : null); } else { @@ -3662,13 +2496,13 @@ define('content-kit-editor/views/text-format-toolbar', ['exports', 'content-kit- handleTextSelection(toolbar); }); - _contentKitEditorUtilsCompat.doc.addEventListener('mouseup', function () { + document.addEventListener('mouseup', function () { setTimeout(function () { handleTextSelection(toolbar); }); }); - _contentKitEditorUtilsCompat.doc.addEventListener('keyup', function (e) { + document.addEventListener('keyup', function (e) { var key = e.keyCode; if (key === 116) { //F5 @@ -3679,10 +2513,10 @@ define('content-kit-editor/views/text-format-toolbar', ['exports', 'content-kit- } }); - _contentKitEditorUtilsCompat.win.addEventListener('resize', function () { + window.addEventListener('resize', function () { if (!toolbar.sticky && toolbar.isShowing) { var activePromptRange = toolbar.activePrompt && toolbar.activePrompt.range; - toolbar.positionToContent(activePromptRange ? activePromptRange : _contentKitEditorUtilsCompat.win.getSelection().getRangeAt(0)); + toolbar.positionToContent(activePromptRange ? activePromptRange : window.getSelection().getRangeAt(0)); } }); } @@ -3690,7 +2524,7 @@ define('content-kit-editor/views/text-format-toolbar', ['exports', 'content-kit- exports['default'] = TextFormatToolbar; }); -define('content-kit-editor/views/toolbar-button', ['exports', 'content-kit-compiler'], function (exports, _contentKitCompiler) { +define('content-kit-editor/views/toolbar-button', ['exports'], function (exports) { 'use strict'; var buttonClassName = 'ck-toolbar-btn'; @@ -3700,7 +2534,7 @@ define('content-kit-editor/views/toolbar-button', ['exports', 'content-kit-compi var toolbar = options.toolbar; var command = options.command; var prompt = command.prompt; - var element = _contentKitCompiler.doc.createElement('button'); + var element = document.createElement('button'); button.element = element; button.command = command; @@ -3739,7 +2573,7 @@ define('content-kit-editor/views/toolbar-button', ['exports', 'content-kit-compi exports['default'] = ToolbarButton; }); -define('content-kit-editor/views/toolbar', ['exports', 'content-kit-editor/views/view', 'content-kit-editor/views/toolbar-button', 'content-kit-utils', 'content-kit-editor/utils/selection-utils', 'content-kit-editor/utils/element-utils', 'content-kit-editor/utils/compat'], function (exports, _contentKitEditorViewsView, _contentKitEditorViewsToolbarButton, _contentKitUtils, _contentKitEditorUtilsSelectionUtils, _contentKitEditorUtilsElementUtils, _contentKitEditorUtilsCompat) { +define('content-kit-editor/views/toolbar', ['exports', 'content-kit-editor/views/view', 'content-kit-editor/views/toolbar-button', 'content-kit-utils', 'content-kit-editor/utils/selection-utils', 'content-kit-editor/utils/element-utils'], function (exports, _contentKitEditorViewsView, _contentKitEditorViewsToolbarButton, _contentKitUtils, _contentKitEditorUtilsSelectionUtils, _contentKitEditorUtilsElementUtils) { 'use strict'; var ToolbarDirection = { @@ -3796,7 +2630,7 @@ define('content-kit-editor/views/toolbar', ['exports', 'content-kit-editor/views } // Closes prompt if displayed when changing selection - _contentKitEditorUtilsCompat.doc.addEventListener('mouseup', function () { + document.addEventListener('mouseup', function () { toolbar.dismissPrompt(); }); } @@ -3842,7 +2676,7 @@ define('content-kit-editor/views/toolbar', ['exports', 'content-kit-editor/views Toolbar.prototype.updateForSelection = function (selection) { var toolbar = this; - selection = selection || _contentKitEditorUtilsCompat.win.getSelection(); + selection = selection || window.getSelection(); if (toolbar.sticky) { updateButtonsForSelection(toolbar.buttons, selection); } else if (!selection.isCollapsed) { @@ -3862,7 +2696,7 @@ define('content-kit-editor/views/toolbar', ['exports', 'content-kit-editor/views positioningMethod = _contentKitEditorUtilsElementUtils.positionElementCenteredAbove; } position = positioningMethod(this.element, content); - sideEdgeOffset = Math.min(Math.max(10, position.left), _contentKitEditorUtilsCompat.doc.body.clientWidth - this.element.offsetWidth - 10); + sideEdgeOffset = Math.min(Math.max(10, position.left), document.body.clientWidth - this.element.offsetWidth - 10); this.contentElement.style.transform = 'translateX(' + (sideEdgeOffset - position.left) + 'px)'; }; @@ -3940,7 +2774,7 @@ define('content-kit-editor/views/tooltip', ['exports', 'content-kit-editor/views exports['default'] = Tooltip; }); -define('content-kit-editor/views/view', ['exports', 'content-kit-editor/utils/compat'], function (exports, _contentKitEditorUtilsCompat) { +define('content-kit-editor/views/view', ['exports'], function (exports) { 'use strict'; function renderClasses(view) { @@ -3956,8 +2790,8 @@ define('content-kit-editor/views/view', ['exports', 'content-kit-editor/utils/co options = options || {}; this.tagName = options.tagName || 'div'; this.classNames = options.classNames || []; - this.element = _contentKitEditorUtilsCompat.doc.createElement(this.tagName); - this.container = options.container || _contentKitEditorUtilsCompat.doc.body; + this.element = document.createElement(this.tagName); + this.container = options.container || document.body; this.isShowing = false; renderClasses(this); } @@ -4204,5 +3038,159 @@ define('content-kit-utils/string-utils', ['exports'], function (exports) { exports.sanitizeWhitespace = sanitizeWhitespace; exports.injectIntoString = injectIntoString; }); +define('mobiledoc-dom-renderer/dom-renderer', ['exports'], function (exports) { + /** + * runtime DOM renderer + * renders a mobiledoc to DOM + * + * input: mobiledoc + * output: DOM + */ + + 'use strict'; + + var _slicedToArray = (function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i['return']) _i['return'](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError('Invalid attempt to destructure non-iterable instance'); } }; })(); + + var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })(); + + function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } } + + var utils = { + createElement: function createElement(tagName) { + return document.createElement(tagName); + }, + appendChild: function appendChild(target, child) { + target.appendChild(child); + }, + createTextNode: function createTextNode(text) { + return document.createTextNode(text); + } + }; + + function createElementFromMarkerType() { + var _ref = arguments[0] === undefined ? ['', []] : arguments[0]; + + var _ref2 = _slicedToArray(_ref, 2); + + var tagName = _ref2[0]; + var attributes = _ref2[1]; + + var element = utils.createElement(tagName); + attributes = attributes || []; + + for (var i = 0, l = attributes.length; i < l; i = i + 2) { + var propName = attributes[i], + propValue = attributes[i + 1]; + element.setAttribute(propName, propValue); + } + return element; + } + + var DOMRenderer = (function () { + function DOMRenderer() { + _classCallCheck(this, DOMRenderer); + } + + _createClass(DOMRenderer, [{ + key: 'render', + + /** + * @param mobiledoc + * @param rootElement optional, defaults to an empty div + * @return DOMNode + */ + value: function render(mobiledoc) { + var _this = this; + + var rootElement = arguments[1] === undefined ? utils.createElement('div') : arguments[1]; + + var _mobiledoc = _slicedToArray(mobiledoc, 2); + + var markerTypes = _mobiledoc[0]; + var sections = _mobiledoc[1]; + + this.root = rootElement; + this.markerTypes = markerTypes; + + sections.forEach(function (section) { + return _this.renderSection(section); + }); + + return this.root; + } + }, { + key: 'renderSection', + value: function renderSection(section) { + var _section = _slicedToArray(section, 1); + + var type = _section[0]; + + switch (type) { + case 1: + var rendered = this.renderParagraphSection(section); + utils.appendChild(this.root, rendered); + break; + default: + throw new Error('Unimplement renderer for type ' + type); + } + } + }, { + key: 'renderParagraphSection', + value: function renderParagraphSection(_ref3) { + var _ref32 = _slicedToArray(_ref3, 3); + + var type = _ref32[0]; + var tagName = _ref32[1]; + var markers = _ref32[2]; + + var element = utils.createElement(tagName); + var elements = [element]; + var currentElement = element; + + for (var i = 0, l = markers.length; i < l; i++) { + var marker = markers[i]; + + var _marker = _slicedToArray(marker, 3); + + var openTypes = _marker[0]; + var closeTypes = _marker[1]; + var text = _marker[2]; + + for (var j = 0, m = openTypes.length; j < m; j++) { + var markerType = this.markerTypes[openTypes[j]]; + var openedElement = createElementFromMarkerType(markerType); + utils.appendChild(currentElement, openedElement); + elements.push(openedElement); + currentElement = openedElement; + } + + utils.appendChild(currentElement, utils.createTextNode(text)); + + for (var j = 0, m = closeTypes; j < m; j++) { + elements.pop(); + currentElement = elements[elements.length - 1]; + } + } + + return element; + } + }]); + + return DOMRenderer; + })(); + + exports['default'] = DOMRenderer; +}); +define('mobiledoc-dom-renderer', ['exports', 'mobiledoc-dom-renderer/dom-renderer'], function (exports, _mobiledocDomRendererDomRenderer) { + 'use strict'; + + exports.registerGlobal = registerGlobal; + + function registerGlobal(window) { + window.MobiledocDOMRenderer = _mobiledocDomRendererDomRenderer['default']; + } + + exports['default'] = _mobiledocDomRendererDomRenderer['default']; +}); require("content-kit-editor")["registerGlobal"](window, document); })(); \ No newline at end of file