Home
Modules
-
diff --git a/website/demo/docs/Markup.html b/website/demo/docs/Markup.html
index ade52dad7..36a0c2c8d 100644
--- a/website/demo/docs/Markup.html
+++ b/website/demo/docs/Markup.html
@@ -356,7 +356,7 @@
Home
Modules
-
diff --git a/website/demo/docs/Position.html b/website/demo/docs/Position.html
index daad489d4..8b6ce6b52 100644
--- a/website/demo/docs/Position.html
+++ b/website/demo/docs/Position.html
@@ -1513,7 +1513,7 @@
Home
Modules
-
diff --git a/website/demo/docs/editor_edit-state.js.html b/website/demo/docs/editor_edit-state.js.html
index 1bfd682fa..54fc9b4ad 100644
--- a/website/demo/docs/editor_edit-state.js.html
+++ b/website/demo/docs/editor_edit-state.js.html
@@ -200,7 +200,7 @@
Home
Modules
-
diff --git a/website/demo/docs/editor_editor.js.html b/website/demo/docs/editor_editor.js.html
index c3be71deb..4b5a64755 100644
--- a/website/demo/docs/editor_editor.js.html
+++ b/website/demo/docs/editor_editor.js.html
@@ -1217,7 +1217,7 @@
Home
Modules
-
diff --git a/website/demo/docs/editor_mutation-handler.js.html b/website/demo/docs/editor_mutation-handler.js.html
index eaf4e02d7..6010383c2 100644
--- a/website/demo/docs/editor_mutation-handler.js.html
+++ b/website/demo/docs/editor_mutation-handler.js.html
@@ -198,7 +198,7 @@
Home
Modules
-
diff --git a/website/demo/docs/editor_post.js.html b/website/demo/docs/editor_post.js.html
index 15e5edf20..f5923d8e4 100644
--- a/website/demo/docs/editor_post.js.html
+++ b/website/demo/docs/editor_post.js.html
@@ -1300,7 +1300,7 @@
Home
Modules
-
diff --git a/website/demo/docs/editor_text-input-handlers.js.html b/website/demo/docs/editor_text-input-handlers.js.html
index e7c1ad241..5b6299d4a 100644
--- a/website/demo/docs/editor_text-input-handlers.js.html
+++ b/website/demo/docs/editor_text-input-handlers.js.html
@@ -130,7 +130,7 @@
Home
Modules
-
diff --git a/website/demo/docs/editor_ui.js.html b/website/demo/docs/editor_ui.js.html
index 4aa9a87f6..795269124 100644
--- a/website/demo/docs/editor_ui.js.html
+++ b/website/demo/docs/editor_ui.js.html
@@ -92,6 +92,10 @@
Source: editor/ui.js
}); } } + +export default { + toggleLink +}; @@ -108,7 +112,7 @@Home
Modules
-
diff --git a/website/demo/docs/global.html b/website/demo/docs/global.html
index 982b4e172..7ad9d7485 100644
--- a/website/demo/docs/global.html
+++ b/website/demo/docs/global.html
@@ -3191,7 +3191,7 @@
Home
Modules
-
diff --git a/website/demo/docs/index.html b/website/demo/docs/index.html
index 8954ac1d8..a51ef67a0 100644
--- a/website/demo/docs/index.html
+++ b/website/demo/docs/index.html
@@ -49,10 +49,10 @@
-
Mobiledoc Kit (beta) is a framework-agnostic library for building WYSIWYG editors +
Mobiledoc Kit is a framework-agnostic library for building WYSIWYG editors supporting rich content via cards.
Libraries
-This repository hosts the core Mobiledoc-Kit library. If you want to use Mobiledoc-Kit to create a WYSIWYG editor you have the following options:
+This repository hosts the core Mobiledoc Kit library. If you want to use Mobiledoc Kit to create a WYSIWYG editor you have the following options:
@@ -105,13 +105,13 @@ Libraries
ember-mobiledoc-dom-renderer - -🔮 Render Mobiledoc as VDOM by passing React or React-like -createElementfunctionmobiledoc-vdom-renderer -React Server and Browser Renderer mobiledoc-react-renderer + 🔮 Render Mobiledoc as VDOM by passing React or React-like +createElementfunctionmobiledoc-vdom-renderer +Mobiledoc is a deliberately simple and terse format, and you are encouraged to write your own renderer if you have other target output formats (e.g., a PDF renderer, an iOS Native Views Renderer, etc.).
@@ -147,7 +147,7 @@Intro to Mobiledoc Kit
Usage
The
-Mobiledoc.Editorclass is invoked with an element to render into and optionally a Mobiledoc to load. For example:var simpleMobiledoc = { +const simpleMobiledoc = { version: "0.3.1", markups: [], atoms: [], @@ -158,9 +158,9 @@Usage
]] ] }; -var element = document.querySelector('#editor'); -var options = { mobiledoc: simpleMobiledoc }; -var editor = new Mobiledoc.Editor(options); +const element = document.querySelector('#editor'); +const options = { mobiledoc: simpleMobiledoc }; +const editor = new Mobiledoc.Editor(options); editor.render(element);
@@ -300,7 +300,7 @@optionsis an object which may include the following properties:Programmatic Post Editing
therunandpostEditorAPI. This API allows the Mobiledoc editor to conserve and better understand changes being made to the post.editor.run(postEditor => { - const mention = postEditor.builder.createAtom("mention", "John Doe", { id: 42 }); + const mention = postEditor.builder.createAtom("mention", "Jane Doe", { id: 42 }); // insert at current cursor position: // or should the user have to grab the current position from the editor first? postEditor.insertMarkers(editor.range.head, [mention]); @@ -313,7 +313,7 @@Configuring hot keys
The Mobiledoc editor allows the configuration of hot keys and text expansions. For instance, the hot-key command-B to make selected text bold, is registered internally as:
-const boldKeyCommand = { +const boldKeyCommand = { str: 'META+B', run(editor) { editor.run(postEditor => postEditor.toggleMarkup('strong')); @@ -329,7 +329,7 @@Configuring hot keys
Overriding built-in keys
You can override built-in behavior by simply registering a hot key with the same name. For example, to submit a form instead of entering a new line when
-enteris pressed you could do the following:const enterKeyCommand = { +const enterKeyCommand = { str: 'enter', run(editor) { // submit the form @@ -346,7 +346,7 @@Responding to text input
The callback is called after the matching text has been inserted. It is passed theeditorinstance and an array of matches (either the result ofmatch.execon the matching user-entered text, or an array containing only thetext). -editor.onTextInput({ +editor.onTextInput({ text: 'X', run(editor) { // This callback is called after user types 'X' @@ -363,7 +363,7 @@Responding to text input
The editor has several default text input handlers that are defined in
src/js/editor/text-input-handlers.js.To remove default text input handlers call the unregister function.
-editor.unregisterAllTextInputHandlers(); +editor.unregisterAllTextInputHandlers();\nspecial-case match characterWhen writing a matching string it is common to use
\sat the end of a match @@ -390,16 +390,16 @@DOM Parsing hooks
if (node.nodeType !== 1 || node.tagName !== 'IMG') { return; } - var payload = { src: node.src }; - var cardSection = builder.createCardSection('my-image', payload); + const payload = { src: node.src }; + const cardSection = builder.createCardSection('my-image', payload); addSection(cardSection); nodeFinished(); } -var options = { +const options = { parserPlugins: [imageToCardParser] }; -var editor = new Mobiledoc.Editor(options); -var element = document.querySelector('#editor'); +const editor = new Mobiledoc.Editor(options); +const element = document.querySelector('#editor'); editor.render(element);Parser hooks are called with three arguments:
@@ -417,7 +417,7 @@DOM Parsing hooks
Note that you must call
nodeFinishedto stop a DOM node from being parsed by the next plugin or the default parser.Caveats
-Mobiledoc-kit and the Grammarly extension
+Mobiledoc Kit and the Grammarly extension
mobiledoc-kitand the Grammarly extension do not play well together (see issue 422). Until this is resolved, you can avoid any such problems by disabling Grammarly for themobiledoc-kitinstances on your page. To do this, add thedata-gramm="false"attribute to themobiledoc-kitmain DOM element.Contributing
Fork the repo, write a test, make a change, open a PR.
@@ -430,18 +430,18 @@Tests
Run tests via the built-in broccoli server:
-
-
npm start
+yarn startopen http://localhost:4200/tests
Or run headless tests via testem:
-
-
npm test
+yarn test
Tests in CI are run at Travis via Saucelabs (see the
+test:cinpm script).Tests in CI are run at Travis via Saucelabs (see the
test:ciyarn script).Demo
To run the demo site locally:
-
-
npm start
+yarn startopen http://localhost:4200/demo
The assets for the demo are in
@@ -450,7 +450,7 @@assets/demo.Getting Help
If you have a question about usage you can post in the slack channel (automatic invites available from our slackin app) or on StackOverflow using themobiledoc-kittag.Releasing (Implementer notes)
-
-
- Use
np(npm install -g np)
+ - Use
np(yarn install -g np) np <version>(e.g.np 0.12.0)git push <origin> --tags
Deploy the demo
does not rebuild jsdoc.To publish a new version:
-
-
npm run build:website- This builds the website intowebsite/and commits it
-npm run deploy:website- Pushes thewebsite/subtree to thegh-pages+yarn run build:website- This builds the website intowebsite/and commits it
+yarn run deploy:website- Pushes thewebsite/subtree to thegh-pagesbranch of youroriginat github
Development of Mobiledoc and the supporting libraries was generously funded by Bustle Digital Group's engineering team.
+Development of Mobiledoc and the supporting libraries was generously funded by Bustle Digital Group.
@@ -484,7 +484,7 @@Home
Modules
-
diff --git a/website/demo/docs/models__markerable.js.html b/website/demo/docs/models__markerable.js.html
index 02a6e77af..0a13a6dd3 100644
--- a/website/demo/docs/models__markerable.js.html
+++ b/website/demo/docs/models__markerable.js.html
@@ -319,7 +319,7 @@
Home
Modules
-
diff --git a/website/demo/docs/models__section.js.html b/website/demo/docs/models__section.js.html
index f54c57a40..f551737d5 100644
--- a/website/demo/docs/models__section.js.html
+++ b/website/demo/docs/models__section.js.html
@@ -186,7 +186,7 @@
Home
Modules
-
diff --git a/website/demo/docs/models_list-section.js.html b/website/demo/docs/models_list-section.js.html
index 6aed8477e..741303df8 100644
--- a/website/demo/docs/models_list-section.js.html
+++ b/website/demo/docs/models_list-section.js.html
@@ -122,7 +122,7 @@
Home
Modules
-
diff --git a/website/demo/docs/models_marker.js.html b/website/demo/docs/models_marker.js.html
index b6d863c29..1cb1d5146 100644
--- a/website/demo/docs/models_marker.js.html
+++ b/website/demo/docs/models_marker.js.html
@@ -167,7 +167,7 @@
Home
Modules
-
diff --git a/website/demo/docs/models_markup.js.html b/website/demo/docs/models_markup.js.html
index f79074022..97631ad48 100644
--- a/website/demo/docs/models_markup.js.html
+++ b/website/demo/docs/models_markup.js.html
@@ -120,7 +120,7 @@
Home
Modules
-
diff --git a/website/demo/docs/models_post-node-builder.js.html b/website/demo/docs/models_post-node-builder.js.html
index 96bf12de3..c1bae1e4f 100644
--- a/website/demo/docs/models_post-node-builder.js.html
+++ b/website/demo/docs/models_post-node-builder.js.html
@@ -209,7 +209,7 @@
Home
Modules
-
diff --git a/website/demo/docs/models_post.js.html b/website/demo/docs/models_post.js.html
index 890f63108..8c1ddc633 100644
--- a/website/demo/docs/models_post.js.html
+++ b/website/demo/docs/models_post.js.html
@@ -277,7 +277,7 @@
Home
Modules
-
diff --git a/website/demo/docs/models_render-tree.js.html b/website/demo/docs/models_render-tree.js.html
index 7e59397d6..a7e6038ce 100644
--- a/website/demo/docs/models_render-tree.js.html
+++ b/website/demo/docs/models_render-tree.js.html
@@ -112,7 +112,7 @@
Home
Modules
-
diff --git a/website/demo/docs/module-UI.html b/website/demo/docs/module-UI.html
index 2b2dc28ab..90320af44 100644
--- a/website/demo/docs/module-UI.html
+++ b/website/demo/docs/module-UI.html
@@ -598,7 +598,7 @@
Home
Modules
-
diff --git a/website/demo/docs/parsers_html.js.html b/website/demo/docs/parsers_html.js.html
index 7f7d9344d..58b89000a 100644
--- a/website/demo/docs/parsers_html.js.html
+++ b/website/demo/docs/parsers_html.js.html
@@ -63,7 +63,7 @@
Home
Modules
-
diff --git a/website/demo/docs/parsers_mobiledoc_0-2.js.html b/website/demo/docs/parsers_mobiledoc_0-2.js.html
index 8ee0ddad9..d00bc8746 100644
--- a/website/demo/docs/parsers_mobiledoc_0-2.js.html
+++ b/website/demo/docs/parsers_mobiledoc_0-2.js.html
@@ -163,7 +163,7 @@
Home
Modules
-
diff --git a/website/demo/docs/parsers_mobiledoc_0-3-1.js.html b/website/demo/docs/parsers_mobiledoc_0-3-1.js.html
index 9390e01cb..1bde47a67 100644
--- a/website/demo/docs/parsers_mobiledoc_0-3-1.js.html
+++ b/website/demo/docs/parsers_mobiledoc_0-3-1.js.html
@@ -208,7 +208,7 @@
Home
Modules
-
diff --git a/website/demo/docs/parsers_mobiledoc_0-3-2.js.html b/website/demo/docs/parsers_mobiledoc_0-3-2.js.html
index df1ea2fcc..ff4c69887 100644
--- a/website/demo/docs/parsers_mobiledoc_0-3-2.js.html
+++ b/website/demo/docs/parsers_mobiledoc_0-3-2.js.html
@@ -220,7 +220,7 @@
Home
Modules
-
diff --git a/website/demo/docs/parsers_mobiledoc_0-3.js.html b/website/demo/docs/parsers_mobiledoc_0-3.js.html
index 55af8b6f5..a99d4b0b1 100644
--- a/website/demo/docs/parsers_mobiledoc_0-3.js.html
+++ b/website/demo/docs/parsers_mobiledoc_0-3.js.html
@@ -208,7 +208,7 @@
Home
Modules
-
diff --git a/website/demo/docs/parsers_text.js.html b/website/demo/docs/parsers_text.js.html
index e5d26c2df..64a4a2281 100644
--- a/website/demo/docs/parsers_text.js.html
+++ b/website/demo/docs/parsers_text.js.html
@@ -138,7 +138,7 @@
Home
Modules
-
diff --git a/website/demo/docs/renderers_mobiledoc_0-2.js.html b/website/demo/docs/renderers_mobiledoc_0-2.js.html
index 97a91df74..42831414b 100644
--- a/website/demo/docs/renderers_mobiledoc_0-2.js.html
+++ b/website/demo/docs/renderers_mobiledoc_0-2.js.html
@@ -166,7 +166,7 @@
Home
Modules
-
diff --git a/website/demo/docs/renderers_mobiledoc_0-3-1.js.html b/website/demo/docs/renderers_mobiledoc_0-3-1.js.html
index 55c0f3021..1c7f0d940 100644
--- a/website/demo/docs/renderers_mobiledoc_0-3-1.js.html
+++ b/website/demo/docs/renderers_mobiledoc_0-3-1.js.html
@@ -201,7 +201,7 @@
Home
Modules
-
diff --git a/website/demo/docs/renderers_mobiledoc_0-3-2.js.html b/website/demo/docs/renderers_mobiledoc_0-3-2.js.html
index c4e6bb7f6..21b23bd87 100644
--- a/website/demo/docs/renderers_mobiledoc_0-3-2.js.html
+++ b/website/demo/docs/renderers_mobiledoc_0-3-2.js.html
@@ -209,7 +209,7 @@
Home
Modules
-
diff --git a/website/demo/docs/renderers_mobiledoc_0-3.js.html b/website/demo/docs/renderers_mobiledoc_0-3.js.html
index 97faa9a3f..fb27a8cf4 100644
--- a/website/demo/docs/renderers_mobiledoc_0-3.js.html
+++ b/website/demo/docs/renderers_mobiledoc_0-3.js.html
@@ -201,7 +201,7 @@
Home
Modules
-
diff --git a/website/demo/docs/utils_cursor.js.html b/website/demo/docs/utils_cursor.js.html
index 7f51abe03..310f96b0c 100644
--- a/website/demo/docs/utils_cursor.js.html
+++ b/website/demo/docs/utils_cursor.js.html
@@ -228,7 +228,7 @@
Home
Modules
-
diff --git a/website/demo/docs/utils_cursor_position.js.html b/website/demo/docs/utils_cursor_position.js.html
index 628f8d16a..1a854bfd6 100644
--- a/website/demo/docs/utils_cursor_position.js.html
+++ b/website/demo/docs/utils_cursor_position.js.html
@@ -507,7 +507,7 @@
Home
Modules
-
diff --git a/website/demo/docs/utils_cursor_range.js.html b/website/demo/docs/utils_cursor_range.js.html
index 8e48aae1e..1ca54b582 100644
--- a/website/demo/docs/utils_cursor_range.js.html
+++ b/website/demo/docs/utils_cursor_range.js.html
@@ -253,7 +253,7 @@
Home
Modules
-
diff --git a/website/demo/docs/utils_deprecate.js.html b/website/demo/docs/utils_deprecate.js.html
index 61b4f93ee..bd86802da 100644
--- a/website/demo/docs/utils_deprecate.js.html
+++ b/website/demo/docs/utils_deprecate.js.html
@@ -57,7 +57,7 @@
Home
Modules
-
diff --git a/website/demo/docs/utils_key.js.html b/website/demo/docs/utils_key.js.html
index f479c366e..fdf285745 100644
--- a/website/demo/docs/utils_key.js.html
+++ b/website/demo/docs/utils_key.js.html
@@ -381,7 +381,7 @@
Home
Modules
-
diff --git a/website/demo/index.html b/website/demo/index.html
index 280c3697f..82ac52457 100644
--- a/website/demo/index.html
+++ b/website/demo/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/website/demo/mobiledoc.css b/website/demo/mobiledoc.css
new file mode 100644
index 000000000..18af81e69
--- /dev/null
+++ b/website/demo/mobiledoc.css
@@ -0,0 +1,151 @@
+/**
+ * Editor
+ */
+
+.__mobiledoc-editor {
+ font-family: 'Lora', Georgia, serif;
+ margin: 1em 0;
+ color: #454545;
+ font-size: 1.2em;
+ line-height: 1.6em;
+ position: relative;
+ min-height: 1em;
+}
+
+.__mobiledoc-editor:focus {
+ outline: none;
+}
+
+.__mobiledoc-editor > * {
+ position: relative;
+}
+
+.__mobiledoc-editor.__has-no-content:after {
+ content: attr(data-placeholder);
+ color: #bbb;
+ cursor: text;
+ position: absolute;
+ top: 0;
+}
+
+.__mobiledoc-editor a {
+ color: #0b8bff;
+ white-space: nowrap;
+}
+
+.__mobiledoc-editor h1,
+.__mobiledoc-editor h2,
+.__mobiledoc-editor h3,
+.__mobiledoc-editor h4,
+.__mobiledoc-editor h5,
+.__mobiledoc-editor h6 {
+ font-family: 'Merriweather Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+ font-weight: 800;
+ letter-spacing: -0.02em;
+}
+
+.__mobiledoc-editor blockquote {
+ border-left: 4px solid #0b8bff;
+ margin: 1em 0 1em -1.2em;
+ padding-left: 1.05em;
+ color: #a0a0a0;
+}
+
+.__mobiledoc-editor img {
+ display: block;
+ max-width: 100%;
+ margin: 0 auto;
+}
+
+.__mobiledoc-editor div,
+.__mobiledoc-editor iframe {
+ max-width: 100%;
+}
+
+.__mobiledoc-editor [data-md-text-align='left'] {
+ text-align: left;
+}
+
+.__mobiledoc-editor [data-md-text-align='center'] {
+ text-align: center;
+}
+
+.__mobiledoc-editor [data-md-text-align='right'] {
+ text-align: right;
+}
+
+.__mobiledoc-editor [data-md-text-align='justify'] {
+ text-align: justify;
+}
+
+.__mobiledoc-editor ol,
+.__mobiledoc-editor ul {
+ list-style-position: inside;
+}
+
+/**
+ * Cards
+ */
+
+.__mobiledoc-card {
+ display: inline-block;
+}
+
+/**
+ * Tooltips
+ */
+
+@-webkit-keyframes fade-in {
+ 0% { opacity: 0; }
+ 100% { opacity: 1; }
+}
+@keyframes fade-in {
+ 0% { opacity: 0; }
+ 100% { opacity: 1; }
+}
+
+.__mobiledoc-tooltip {
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+ font-size: 0.7em;
+ white-space: nowrap;
+ position: absolute;
+ background-color: rgba(43,43,43,0.9);
+ border-radius: 3px;
+ line-height: 1em;
+ padding: 0.7em 0.9em;
+ color: #FFF;
+ -webkit-animation: fade-in 0.2s;
+ animation: fade-in 0.2s;
+}
+
+.__mobiledoc-tooltip:before {
+ content: '';
+ position: absolute;
+ left: 50%;
+ width: 0;
+ height: 0;
+ border-left: 0.4em solid transparent;
+ border-right: 0.4em solid transparent;
+ border-bottom: 0.4em solid rgba(43,43,43,0.9);
+ top: -0.4em;
+ margin-left: -0.4em;
+}
+
+/* help keeps mouseover state when moving from link to tooltip */
+.__mobiledoc-tooltip:after {
+ content: '';
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: -0.4em;
+ height: 0.4em;
+}
+
+.__mobiledoc-tooltip a {
+ color: #FFF;
+ text-decoration: none;
+}
+
+.__mobiledoc-tooltip a:hover {
+ text-decoration: underline;
+}
diff --git a/website/index.js b/website/demo/mobiledoc.js
similarity index 99%
rename from website/index.js
rename to website/demo/mobiledoc.js
index 71083b670..f6c51e0d8 100644
--- a/website/index.js
+++ b/website/demo/mobiledoc.js
@@ -8206,6 +8206,10 @@ function toggleLink(editor, showPrompt=defaultShowPrompt) {
}
}
+var ui = {
+ toggleLink
+};
+
function selectAll(editor) {
let { post } = editor;
editor.selectRange(post.toRange());
@@ -12123,5 +12127,5 @@ class Editor {
var version = '##VERSION##';
-export { Editor, MobiledocError as Error, ImageCard, MOBILEDOC_VERSION$4 as MOBILEDOC_VERSION, Position$1 as Position, Range, version as VERSION };
-//# sourceMappingURL=index.js.map
+export { Editor, MobiledocError as Error, ImageCard, MOBILEDOC_VERSION$4 as MOBILEDOC_VERSION, Position$1 as Position, Range, ui as UI, version as VERSION };
+//# sourceMappingURL=mobiledoc.js.map
diff --git a/website/index.js.map b/website/index.js.map
deleted file mode 100644
index f06d1e88d..000000000
--- a/website/index.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../src/js/utils/array-utils.js","../src/js/utils/dom-utils.js","../src/js/views/view.js","../src/js/utils/string-utils.js","../src/js/utils/element-utils.js","../src/js/views/tooltip.js","../src/js/utils/mobiledoc-error.js","../src/js/utils/assert.js","../src/js/models/types.js","../src/js/utils/mixin.js","../src/js/utils/markuperable.js","../src/js/utils/linked-item.js","../src/js/models/marker.js","../src/js/utils/keycodes.js","../src/js/utils/keys.js","../src/js/utils/characters.js","../src/js/utils/key.js","../src/js/utils/selection-utils.js","../src/js/utils/cursor/range.js","../src/js/utils/cursor/position.js","../src/js/models/lifecycle-callbacks.js","../src/js/editor/post/post-inserter.js","../src/js/utils/deprecate.js","../src/js/utils/to-range.js","../src/js/editor/post.js","../src/js/utils/placeholder-image-src.js","../src/js/cards/image.js","../src/js/utils/compiler.js","../src/js/renderers/mobiledoc/0-2.js","../src/js/parsers/mobiledoc/0-2.js","../src/js/renderers/mobiledoc/0-3.js","../src/js/parsers/mobiledoc/0-3.js","../src/js/renderers/mobiledoc/0-3-1.js","../src/js/parsers/mobiledoc/0-3-1.js","../src/js/renderers/mobiledoc/0-3-2.js","../src/js/utils/object-utils.js","../src/js/parsers/mobiledoc/0-3-2.js","../src/js/parsers/mobiledoc/index.js","../src/js/models/card-node.js","../src/js/models/atom-node.js","../src/js/utils/set.js","../src/js/utils/linked-list.js","../src/js/models/_section.js","../src/js/models/_markerable.js","../src/js/models/_attributable.js","../src/js/models/markup-section.js","../src/js/renderers/editor-dom.js","../src/js/models/list-section.js","../src/js/models/list-item.js","../src/js/models/markup.js","../src/js/parsers/section.js","../src/js/parsers/dom.js","../src/js/parsers/html.js","../src/js/models/render-node.js","../src/js/utils/element-map.js","../src/js/models/render-tree.js","../src/js/renderers/mobiledoc/index.js","../src/js/utils/merge.js","../src/js/utils/cursor.js","../src/js/utils/environment.js","../src/js/models/atom.js","../src/js/models/post.js","../src/js/models/image.js","../src/js/utils/copy.js","../src/js/models/card.js","../src/js/models/post-node-builder.js","../src/js/editor/text-input-handlers.js","../src/js/utils/browser.js","../src/js/editor/ui.js","../src/js/editor/key-commands.js","../src/js/editor/mutation-handler.js","../src/js/utils/fixed-queue.js","../src/js/editor/edit-history.js","../src/js/parsers/text.js","../src/js/utils/parse-utils.js","../src/js/editor/text-input-handler.js","../src/js/editor/selection-change-observer.js","../src/js/editor/selection-manager.js","../src/js/editor/event-manager.js","../src/js/editor/edit-state.js","../node_modules/mobiledoc-dom-renderer/lib/utils/dom.js","../node_modules/mobiledoc-dom-renderer/lib/utils/render-type.js","../node_modules/mobiledoc-dom-renderer/lib/cards/image.js","../node_modules/mobiledoc-dom-renderer/lib/utils/section-types.js","../node_modules/mobiledoc-dom-renderer/lib/utils/tag-names.js","../node_modules/mobiledoc-dom-renderer/lib/utils/array-utils.js","../node_modules/mobiledoc-dom-renderer/lib/utils/sanitization-utils.js","../node_modules/mobiledoc-dom-renderer/lib/utils/render-utils.js","../node_modules/mobiledoc-dom-renderer/lib/renderers/0-2.js","../node_modules/mobiledoc-dom-renderer/lib/utils/marker-types.js","../node_modules/mobiledoc-dom-renderer/lib/renderers/0-3.js","../node_modules/mobiledoc-dom-renderer/lib/renderer-factory.js","../node_modules/mobiledoc-text-renderer/lib/cards/image.js","../node_modules/mobiledoc-text-renderer/lib/utils/render-type.js","../node_modules/mobiledoc-text-renderer/lib/utils/section-types.js","../node_modules/mobiledoc-text-renderer/lib/renderers/0-2.js","../node_modules/mobiledoc-text-renderer/lib/utils/marker-types.js","../node_modules/mobiledoc-text-renderer/lib/renderers/0-3.js","../node_modules/mobiledoc-text-renderer/lib/renderer-factory.js","../src/js/utils/log-manager.js","../src/js/editor/editor.js","../src/js/version.js"],"sourcesContent":["function detect(enumerable, callback) {\n if (enumerable.detect) {\n return enumerable.detect(callback);\n } else {\n for (let i=0; iabcdef\n //\n // with a cursor between c and d, IE might say the focusNode iswith\n // an offset of 1. However the anchorNode for a selection might still be\n // 2 if there was a selection.\n //\n // This code walks down the DOM tree until a good comparison of position can be\n // made.\n //\n if (position & Node.DOCUMENT_POSITION_CONTAINS) {\n if (focusOffset < focusNode.childNodes.length) {\n focusNode = focusNode.childNodes[focusOffset];\n focusOffset = 0;\n } else {\n // This situation happens on IE when triple-clicking to select.\n // Set the focus to the very last character inside the node.\n while (focusNode.lastChild) {\n focusNode = focusNode.lastChild;\n }\n focusOffset = focusNode.textContent.length;\n }\n\n return comparePosition({\n focusNode,\n focusOffset,\n anchorNode, anchorOffset\n });\n } else if (position & Node.DOCUMENT_POSITION_CONTAINED_BY) {\n let offset = anchorOffset - 1;\n if (offset < 0) {\n offset = 0;\n }\n return comparePosition({\n anchorNode: anchorNode.childNodes[offset],\n anchorOffset: 0,\n focusNode, focusOffset\n });\n // The meat of translating anchor and focus nodes to head and tail nodes\n } else if (position & Node.DOCUMENT_POSITION_FOLLOWING) {\n headNode = anchorNode; tailNode = focusNode;\n headOffset = anchorOffset; tailOffset = focusOffset;\n direction = DIRECTION.FORWARD;\n } else if (position & Node.DOCUMENT_POSITION_PRECEDING) {\n headNode = focusNode; tailNode = anchorNode;\n headOffset = focusOffset; tailOffset = anchorOffset;\n direction = DIRECTION.BACKWARD;\n } else { // same node\n headNode = tailNode = anchorNode;\n headOffset = anchorOffset;\n tailOffset = focusOffset;\n if (tailOffset < headOffset) {\n // Swap the offset order\n headOffset = focusOffset;\n tailOffset = anchorOffset;\n direction = DIRECTION.BACKWARD;\n } else if (headOffset < tailOffset) {\n direction = DIRECTION.FORWARD;\n } else {\n direction = null;\n }\n }\n\n return {headNode, headOffset, tailNode, tailOffset, direction};\n}\n\nexport {\n clearSelection,\n comparePosition,\n findOffsetInNode,\n constrainSelectionTo\n};\n","import Position from './position';\nimport { DIRECTION } from '../key';\nimport assert from 'mobiledoc-kit/utils/assert';\n\n/**\n * A logical range of a {@link Post}.\n * Usually an instance of Range will be read from the {@link Editor#range} property,\n * but it may be useful to instantiate a range directly when programmatically modifying a Post.\n */\nclass Range {\n /**\n * @param {Position} head\n * @param {Position} [tail=head]\n * @param {Direction} [direction=null]\n * @return {Range}\n * @private\n */\n constructor(head, tail=head, direction=null) {\n /** @property {Position} head */\n this.head = head;\n\n /** @property {Position} tail */\n this.tail = tail;\n\n /** @property {Direction} direction */\n this.direction = direction;\n }\n\n /**\n * Shorthand to create a new range from a section(s) and offset(s).\n * When given only a head section and offset, creates a collapsed range.\n * @param {Section} headSection\n * @param {number} headOffset\n * @param {Section} [tailSection=headSection]\n * @param {number} [tailOffset=headOffset]\n * @param {Direction} [direction=null]\n * @return {Range}\n */\n static create(headSection, headOffset, tailSection=headSection, tailOffset=headOffset, direction=null) {\n return new Range(\n new Position(headSection, headOffset),\n new Position(tailSection, tailOffset),\n direction\n );\n }\n\n static blankRange() {\n return new Range(Position.blankPosition(), Position.blankPosition());\n }\n\n /**\n * @param {Markerable} section\n * @return {Range} A range that is constrained to only the part that\n * includes the section.\n * FIXME -- if the section isn't the head or tail, it's assumed to be\n * wholly contained. It's possible to call `trimTo` with a selection that is\n * outside of the range, though, which would invalidate that assumption.\n * There's no efficient way to determine if a section is within a range, yet.\n * @private\n */\n trimTo(section) {\n const length = section.length;\n\n let headOffset = section === this.head.section ?\n Math.min(this.head.offset, length) : 0;\n let tailOffset = section === this.tail.section ?\n Math.min(this.tail.offset, length) : length;\n\n return Range.create(section, headOffset, section, tailOffset);\n }\n\n /**\n * Expands the range 1 unit in the given direction\n * If the range is expandable in the given direction, always returns a\n * non-collapsed range.\n * @param {Number} units If units is > 0, the range is extended to the right,\n * otherwise range is extended to the left.\n * @return {Range}\n * @public\n */\n extend(units) {\n assert(`Must pass integer to Range#extend`, typeof units === 'number');\n\n if (units === 0) { return this; }\n\n let { head, tail, direction: currentDirection } = this;\n switch (currentDirection) {\n case DIRECTION.FORWARD:\n return new Range(head, tail.move(units), currentDirection);\n case DIRECTION.BACKWARD:\n return new Range(head.move(units), tail, currentDirection);\n default: {\n let newDirection = units > 0 ? DIRECTION.FORWARD : DIRECTION.BACKWARD;\n return new Range(head, tail, newDirection).extend(units);\n }\n }\n }\n\n /**\n * Moves this range 1 unit in the given direction.\n * If the range is collapsed, returns a collapsed range shifted by 1 unit,\n * otherwise collapses this range to the position at the `direction` end of the range.\n * Always returns a collapsed range.\n * @param {Direction} direction\n * @return {Range}\n * @public\n */\n move(direction) {\n assert(`Must pass DIRECTION.FORWARD (${DIRECTION.FORWARD}) or DIRECTION.BACKWARD (${DIRECTION.BACKWARD}) to Range#move`,\n direction === DIRECTION.FORWARD || direction === DIRECTION.BACKWARD);\n\n let { focusedPosition, isCollapsed } = this;\n\n if (isCollapsed) {\n return new Range(focusedPosition.move(direction));\n } else {\n return this._collapse(direction);\n }\n }\n\n /**\n * expand a range to all markers matching a given check\n *\n * @param {Function} detectMarker\n * @return {Range} The expanded range\n *\n * @public\n */\n expandByMarker(detectMarker) {\n let {\n head,\n tail,\n direction\n } = this;\n let {section: headSection} = head;\n if (headSection !== tail.section) {\n throw new Error('#expandByMarker does not work across sections. Perhaps you should confirm the range is collapsed');\n }\n\n let firstNotMatchingDetect = i => {\n return !detectMarker(i);\n };\n\n let headMarker = headSection.markers.detect(firstNotMatchingDetect, head.marker, true);\n if (!headMarker && detectMarker(headSection.markers.head)) {\n headMarker = headSection.markers.head;\n } else {\n headMarker = headMarker.next || head.marker;\n }\n let headPosition = new Position(headSection, headSection.offsetOfMarker(headMarker));\n\n let tailMarker = tail.section.markers.detect(firstNotMatchingDetect, tail.marker);\n if (!tailMarker && detectMarker(headSection.markers.tail)) {\n tailMarker = headSection.markers.tail;\n } else {\n tailMarker = tailMarker.prev || tail.marker;\n }\n let tailPosition = new Position(tail.section, tail.section.offsetOfMarker(tailMarker) + tailMarker.length);\n\n return headPosition.toRange(tailPosition, direction);\n }\n\n _collapse(direction) {\n return new Range(direction === DIRECTION.BACKWARD ? this.head : this.tail);\n }\n\n get focusedPosition() {\n return this.direction === DIRECTION.BACKWARD ? this.head : this.tail;\n }\n\n isEqual(other) {\n return other &&\n this.head.isEqual(other.head) &&\n this.tail.isEqual(other.tail);\n }\n\n get isBlank() {\n return this.head.isBlank && this.tail.isBlank;\n }\n\n // \"legacy\" APIs\n get headSection() {\n return this.head.section;\n }\n get tailSection() {\n return this.tail.section;\n }\n get headSectionOffset() {\n return this.head.offset;\n }\n get tailSectionOffset() {\n return this.tail.offset;\n }\n get isCollapsed() {\n return this.head.isEqual(this.tail);\n }\n get headMarker() {\n return this.head.marker;\n }\n get tailMarker() {\n return this.tail.marker;\n }\n get headMarkerOffset() {\n return this.head.offsetInMarker;\n }\n get tailMarkerOffset() {\n return this.tail.offsetInMarker;\n }\n}\n\nexport default Range;\n","import { isTextNode } from 'mobiledoc-kit/utils/dom-utils';\nimport assert from 'mobiledoc-kit/utils/assert';\nimport {\n HIGH_SURROGATE_RANGE,\n LOW_SURROGATE_RANGE\n} from 'mobiledoc-kit/models/marker';\nimport { containsNode } from 'mobiledoc-kit/utils/dom-utils';\nimport { findOffsetInNode } from 'mobiledoc-kit/utils/selection-utils';\nimport { DIRECTION } from 'mobiledoc-kit/utils/key';\nimport Range from './range';\n\nconst { FORWARD, BACKWARD } = DIRECTION;\n\n// generated via http://xregexp.com/ to cover chars that \\w misses\n// (new XRegExp('\\\\p{Alphabetic}|[0-9]|_|:')).toString()\nconst WORD_CHAR_REGEX = /[A-Za-zªµºÀ-ÖØ-öø-ˁˆ-ˑˠ-ˤˬˮͅͰ-ʹͶͷͺ-ͽͿΆΈ-ΊΌΎ-ΡΣ-ϵϷ-ҁҊ-ԯԱ-Ֆՙա-ևְ-ׇֽֿׁׂׅׄא-תװ-ײؐ-ؚؠ-ٗٙ-ٟٮ-ۓە-ۜۡ-ۭۨ-ۯۺ-ۼۿܐ-ܿݍ-ޱߊ-ߪߴߵߺࠀ-ࠗࠚ-ࠬࡀ-ࡘࢠ-ࢴࣣ-ࣰࣩ-ऻऽ-ौॎ-ॐॕ-ॣॱ-ঃঅ-ঌএঐও-নপ-রলশ-হঽ-ৄেৈোৌৎৗড়ঢ়য়-ৣৰৱਁ-ਃਅ-ਊਏਐਓ-ਨਪ-ਰਲਲ਼ਵਸ਼ਸਹਾ-ੂੇੈੋੌੑਖ਼-ੜਫ਼ੰ-ੵઁ-ઃઅ-ઍએ-ઑઓ-નપ-રલળવ-હઽ-ૅે-ૉોૌૐૠ-ૣૹଁ-ଃଅ-ଌଏଐଓ-ନପ-ରଲଳଵ-ହଽ-ୄେୈୋୌୖୗଡ଼ଢ଼ୟ-ୣୱஂஃஅ-ஊஎ-ஐஒ-கஙசஜஞடணதந-பம-ஹா-ூெ-ைொ-ௌௐௗఀ-ఃఅ-ఌఎ-ఐఒ-నప-హఽ-ౄె-ైొ-ౌౕౖౘ-ౚౠ-ౣಁ-ಃಅ-ಌಎ-ಐಒ-ನಪ-ಳವ-ಹಽ-ೄೆ-ೈೊ-ೌೕೖೞೠ-ೣೱೲഁ-ഃഅ-ഌഎ-ഐഒ-ഺഽ-ൄെ-ൈൊ-ൌൎൗൟ-ൣൺ-ൿංඃඅ-ඖක-නඳ-රලව-ෆා-ුූෘ-ෟෲෳก-ฺเ-ๆํກຂຄງຈຊຍດ-ທນ-ຟມ-ຣລວສຫອ-ູົ-ຽເ-ໄໆໍໜ-ໟༀཀ-ཇཉ-ཬཱ-ཱྀྈ-ྗྙ-ྼက-ံးျ-ဿၐ-ၢၥ-ၨၮ-ႆႎႜႝႠ-ჅჇჍა-ჺჼ-ቈቊ-ቍቐ-ቖቘቚ-ቝበ-ኈኊ-ኍነ-ኰኲ-ኵኸ-ኾዀዂ-ዅወ-ዖዘ-ጐጒ-ጕጘ-ፚ፟ᎀ-ᎏᎠ-Ᏽᏸ-ᏽᐁ-ᙬᙯ-ᙿᚁ-ᚚᚠ-ᛪᛮ-ᛸᜀ-ᜌᜎ-ᜓᜠ-ᜳᝀ-ᝓᝠ-ᝬᝮ-ᝰᝲᝳក-ឳា-ៈៗៜᠠ-ᡷᢀ-ᢪᢰ-ᣵᤀ-ᤞᤠ-ᤫᤰ-ᤸᥐ-ᥭᥰ-ᥴᦀ-ᦫᦰ-ᧉᨀ-ᨛᨠ-ᩞᩡ-ᩴᪧᬀ-ᬳᬵ-ᭃᭅ-ᭋᮀ-ᮩᮬ-ᮯᮺ-ᯥᯧ-ᯱᰀ-ᰵᱍ-ᱏᱚ-ᱽᳩ-ᳬᳮ-ᳳᳵᳶᴀ-ᶿᷧ-ᷴḀ-ἕἘ-Ἕἠ-ὅὈ-Ὅὐ-ὗὙὛὝὟ-ώᾀ-ᾴᾶ-ᾼιῂ-ῄῆ-ῌῐ-ΐῖ-Ίῠ-Ῥῲ-ῴῶ-ῼⁱⁿₐ-ₜℂℇℊ-ℓℕℙ-ℝℤΩℨK-ℭℯ-ℹℼ-ℿⅅ-ⅉⅎⅠ-ↈⒶ-ⓩⰀ-Ⱞⰰ-ⱞⱠ-ⳤⳫ-ⳮⳲⳳⴀ-ⴥⴧⴭⴰ-ⵧⵯⶀ-ⶖⶠ-ⶦⶨ-ⶮⶰ-ⶶⶸ-ⶾⷀ-ⷆⷈ-ⷎⷐ-ⷖⷘ-ⷞⷠ-ⷿⸯ々-〇〡-〩〱-〵〸-〼ぁ-ゖゝ-ゟァ-ヺー-ヿㄅ-ㄭㄱ-ㆎㆠ-ㆺㇰ-ㇿ㐀-䶵一-鿕ꀀ-ꒌꓐ-ꓽꔀ-ꘌꘐ-ꘟꘪꘫꙀ-ꙮꙴ-ꙻꙿ-ꛯꜗ-ꜟꜢ-ꞈꞋ-ꞭꞰ-ꞷꟷ-ꠁꠃ-ꠅꠇ-ꠊꠌ-ꠧꡀ-ꡳꢀ-ꣃꣲ-ꣷꣻꣽꤊ-ꤪꤰ-ꥒꥠ-ꥼꦀ-ꦲꦴ-ꦿꧏꧠ-ꧤꧦ-ꧯꧺ-ꧾꨀ-ꨶꩀ-ꩍꩠ-ꩶꩺꩾ-ꪾꫀꫂꫛ-ꫝꫠ-ꫯꫲ-ꫵꬁ-ꬆꬉ-ꬎꬑ-ꬖꬠ-ꬦꬨ-ꬮꬰ-ꭚꭜ-ꭥꭰ-ꯪ가-힣ힰ-ퟆퟋ-ퟻ豈-舘並-龎ff-stﬓ-ﬗיִ-ﬨשׁ-זּטּ-לּמּנּסּףּפּצּ-ﮱﯓ-ﴽﵐ-ﶏﶒ-ﷇﷰ-ﷻﹰ-ﹴﹶ-ﻼＡ-Ｚａ-ｚｦ-ﾾￂ-ￇￊ-ￏￒ-ￗￚ-ￜ]|[0-9]|_|:/;\n\nfunction findParentSectionFromNode(renderTree, node) {\n let renderNode = renderTree.findRenderNodeFromElement(\n node,\n (renderNode) => renderNode.postNode.isSection\n );\n\n return renderNode && renderNode.postNode;\n}\n\nfunction findOffsetInMarkerable(markerable, node, offset) {\n let offsetInSection = 0;\n let marker = markerable.markers.head;\n while (marker) {\n let markerNode = marker.renderNode.element;\n if (markerNode === node) {\n return offsetInSection + offset;\n } else if (marker.isAtom) {\n if (marker.renderNode.headTextNode === node) {\n return offsetInSection;\n } else if (marker.renderNode.tailTextNode === node) {\n return offsetInSection + 1;\n }\n }\n\n offsetInSection += marker.length;\n marker = marker.next;\n }\n\n return offsetInSection;\n}\n\nfunction findOffsetInSection(section, node, offset) {\n if (section.isMarkerable) {\n return findOffsetInMarkerable(section, node, offset);\n } else {\n assert('findOffsetInSection must be called with markerable or card section',\n section.isCardSection);\n\n let wrapperNode = section.renderNode.element;\n let endTextNode = wrapperNode.lastChild;\n if (node === endTextNode) {\n return 1;\n }\n return 0;\n }\n}\n\nlet Position, BlankPosition;\n\nPosition = class Position {\n /**\n * A position is a logical location (zero-width, or \"collapsed\") in a post,\n * typically between two characters in a section.\n * Two positions (a head and a tail) make up a {@link Range}.\n * @constructor\n */\n constructor(section, offset=0, isBlank=false) {\n if (!isBlank) {\n assert('Position must have a section that is addressable by the cursor',\n (section && section.isLeafSection));\n assert('Position must have numeric offset',\n (typeof offset === 'number'));\n }\n\n this.section = section;\n this.offset = offset;\n this.isBlank = isBlank;\n }\n\n /**\n * @param {integer} x x-position in current viewport\n * @param {integer} y y-position in current viewport\n * @param {Editor} editor\n * @return {Position|null}\n */\n static atPoint(x, y, editor) {\n let { _renderTree, element: rootElement } = editor;\n let elementFromPoint = document.elementFromPoint(x, y);\n if (!containsNode(rootElement, elementFromPoint)) {\n return;\n }\n\n let { node, offset } = findOffsetInNode(elementFromPoint, {left: x, top: y});\n return Position.fromNode(_renderTree, node, offset);\n }\n\n static blankPosition() {\n return new BlankPosition();\n }\n\n /**\n * Returns a range from this position to the given tail. If no explicit\n * tail is given this returns a collapsed range focused on this position.\n * @param {Position} [tail=this] The ending position\n * @return {Range}\n * @public\n */\n toRange(tail=this, direction=null) {\n return new Range(this, tail, direction);\n }\n\n get leafSectionIndex() {\n let post = this.section.post;\n let leafSectionIndex;\n post.walkAllLeafSections((section, index) => {\n if (section === this.section) {\n leafSectionIndex = index;\n }\n });\n return leafSectionIndex;\n }\n\n get isMarkerable() {\n return this.section && this.section.isMarkerable;\n }\n\n /**\n * Returns the marker at this position, in the backward direction\n * (i.e., the marker to the left of the cursor if the cursor is on a marker boundary and text is left-to-right)\n * @return {Marker|undefined}\n */\n get marker() {\n return this.isMarkerable && this.markerPosition.marker;\n }\n\n /**\n * Returns the marker in `direction` from this position.\n * If the position is in the middle of a marker, the direction is irrelevant.\n * Otherwise, if the position is at a boundary between two markers, returns the\n * marker to the left if `direction` === BACKWARD and the marker to the right\n * if `direction` === FORWARD (assuming left-to-right text direction).\n * @param {Direction}\n * @return {Marker|undefined}\n */\n markerIn(direction) {\n if (!this.isMarkerable) { return; }\n\n let { marker, offsetInMarker } = this;\n if (!marker) { return; }\n\n if (offsetInMarker > 0 && offsetInMarker < marker.length) {\n return marker;\n } else if (offsetInMarker === 0) {\n return direction === BACKWARD ? marker : marker.prev;\n } else if (offsetInMarker === marker.length) {\n return direction === FORWARD ? marker.next : marker;\n }\n }\n\n get offsetInMarker() {\n return this.markerPosition.offset;\n }\n\n isEqual(position) {\n return this.section === position.section &&\n this.offset === position.offset;\n }\n\n /**\n * @return {Boolean} If this position is at the head of the post\n */\n isHeadOfPost() {\n return this.move(BACKWARD).isEqual(this);\n }\n\n /**\n * @return {Boolean} If this position is at the tail of the post\n */\n isTailOfPost() {\n return this.move(FORWARD).isEqual(this);\n }\n\n /**\n * @return {Boolean} If this position is at the head of its section\n */\n isHead() {\n return this.isEqual(this.section.headPosition());\n }\n\n /**\n * @return {Boolean} If this position is at the tail of its section\n */\n isTail() {\n return this.isEqual(this.section.tailPosition());\n }\n\n /**\n * Move the position 1 unit in `direction`.\n *\n * @param {Number} units to move. > 0 moves right, < 0 moves left\n * @return {Position} Return a new position one unit in the given\n * direction. If the position is moving left and at the beginning of the post,\n * the same position will be returned. Same if the position is moving right and\n * at the end of the post.\n */\n move(units) {\n assert('Must pass integer to Position#move', typeof units === 'number');\n\n if (units < 0) {\n return this.moveLeft().move(++units);\n } else if (units > 0) {\n return this.moveRight().move(--units);\n } else {\n return this;\n }\n }\n\n /**\n * @param {Number} direction (FORWARD or BACKWARD)\n * @return {Position} The result of moving 1 \"word\" unit in `direction`\n */\n moveWord(direction) {\n let isPostBoundary = direction === BACKWARD ? this.isHeadOfPost() : this.isTailOfPost();\n if (isPostBoundary) {\n return this;\n }\n\n if (!this.isMarkerable) {\n return this.move(direction);\n }\n\n let pos = this;\n\n // Helper fn to check if the pos is at the `dir` boundary of its section\n let isBoundary = (pos, dir) => {\n return dir === BACKWARD ? pos.isHead() : pos.isTail();\n };\n // Get the char at this position (looking forward/right)\n let getChar = (pos) => {\n let { marker, offsetInMarker } = pos;\n return marker.charAt(offsetInMarker);\n };\n // Get the char in `dir` at this position\n let peekChar = (pos, dir) => {\n return dir === BACKWARD ? getChar(pos.move(BACKWARD)) : getChar(pos);\n };\n // Whether there is an atom in `dir` from this position\n let isAtom = (pos, dir) => {\n // Special case when position is at end, the marker associated with it is\n // the marker to its left. Normally `pos#marker` is the marker to the right of the pos's offset.\n if (dir === BACKWARD && pos.isTail() && pos.marker.isAtom) {\n return true;\n }\n return dir === BACKWARD ? pos.move(BACKWARD).marker.isAtom : pos.marker.isAtom;\n };\n\n if (isBoundary(pos, direction)) {\n // extend movement into prev/next section\n return pos.move(direction).moveWord(direction);\n }\n\n let seekWord = (pos) => {\n return !isBoundary(pos, direction) &&\n !isAtom(pos, direction) &&\n !WORD_CHAR_REGEX.test(peekChar(pos, direction));\n };\n\n // move(dir) while we are seeking the first word char\n while (seekWord(pos)) {\n pos = pos.move(direction);\n }\n\n if (isAtom(pos, direction)) {\n return pos.move(direction);\n }\n\n let seekBoundary = (pos) => {\n return !isBoundary(pos, direction) &&\n !isAtom(pos, direction) &&\n WORD_CHAR_REGEX.test(peekChar(pos, direction));\n };\n\n // move(dir) while we are seeking the first boundary position\n while (seekBoundary(pos)) {\n pos = pos.move(direction);\n }\n\n return pos;\n }\n\n /**\n * The position to the left of this position.\n * If this position is the post's headPosition it returns itself.\n * @return {Position}\n * @private\n */\n moveLeft() {\n if (this.isHead()) {\n let prev = this.section.previousLeafSection();\n return prev ? prev.tailPosition() : this;\n } else {\n let offset = this.offset - 1;\n if (this.isMarkerable && this.marker) {\n let code = this.marker.value.charCodeAt(offset);\n if (code >= LOW_SURROGATE_RANGE[0] && code <= LOW_SURROGATE_RANGE[1]) {\n offset = offset - 1;\n }\n }\n return new Position(this.section, offset);\n }\n }\n\n /**\n * The position to the right of this position.\n * If this position is the post's tailPosition it returns itself.\n * @return {Position}\n * @private\n */\n moveRight() {\n if (this.isTail()) {\n let next = this.section.nextLeafSection();\n return next ? next.headPosition() : this;\n } else {\n let offset = this.offset + 1;\n if (this.isMarkerable && this.marker) {\n let code = this.marker.value.charCodeAt(offset - 1);\n if (code >= HIGH_SURROGATE_RANGE[0] && code <= HIGH_SURROGATE_RANGE[1]) {\n offset = offset + 1;\n }\n }\n return new Position(this.section, offset);\n }\n }\n\n static fromNode(renderTree, node, offset) {\n if (isTextNode(node)) {\n return Position.fromTextNode(renderTree, node, offset);\n } else {\n return Position.fromElementNode(renderTree, node, offset);\n }\n }\n\n static fromTextNode(renderTree, textNode, offsetInNode) {\n const renderNode = renderTree.getElementRenderNode(textNode);\n let section, offsetInSection;\n\n if (renderNode) {\n const marker = renderNode.postNode;\n section = marker.section;\n\n assert(`Could not find parent section for mapped text node \"${textNode.textContent}\"`,\n !!section);\n offsetInSection = section.offsetOfMarker(marker, offsetInNode);\n } else {\n // all text nodes should be rendered by markers except:\n // * text nodes inside cards\n // * text nodes created by the browser during text input\n // both of these should have rendered parent sections, though\n section = findParentSectionFromNode(renderTree, textNode);\n assert(`Could not find parent section for un-mapped text node \"${textNode.textContent}\"`,\n !!section);\n\n offsetInSection = findOffsetInSection(section, textNode, offsetInNode);\n }\n\n return new Position(section, offsetInSection);\n }\n\n static fromElementNode(renderTree, elementNode, offset) {\n let position;\n\n // The browser may change the reported selection to equal the editor's root\n // element if the user clicks an element that is immediately removed,\n // which can happen when clicking to remove a card.\n if (elementNode === renderTree.rootElement) {\n let post = renderTree.rootNode.postNode;\n position = offset === 0 ? post.headPosition() : post.tailPosition();\n } else {\n let section = findParentSectionFromNode(renderTree, elementNode);\n assert('Could not find parent section from element node', !!section);\n\n if (section.isCardSection) {\n // Selections in cards are usually made on a text node\n // containing a on one side or the other of the card but\n // some scenarios (Firefox) will result in selecting the\n // card's wrapper div. If the offset is 2 we've selected\n // the final zwnj and should consider the cursor at the\n // end of the card (offset 1). Otherwise, the cursor is at\n // the start of the card\n position = offset < 2 ? section.headPosition() : section.tailPosition();\n } else {\n\n // In Firefox it is possible for the cursor to be on an atom's wrapper\n // element. (In Chrome/Safari, the browser corrects this to be on\n // one of the text nodes surrounding the wrapper).\n // This code corrects for when the browser reports the cursor position\n // to be on the wrapper element itself\n let renderNode = renderTree.getElementRenderNode(elementNode);\n let postNode = renderNode && renderNode.postNode;\n if (postNode && postNode.isAtom) {\n let sectionOffset = section.offsetOfMarker(postNode);\n if (offset > 1) {\n // we are on the tail side of the atom\n sectionOffset += postNode.length;\n }\n position = new Position(section, sectionOffset);\n } else if (offset >= elementNode.childNodes.length) {\n\n // This is to deal with how Firefox handles triple-click selections.\n // See https://stackoverflow.com/a/21234837/1269194 for an\n // explanation.\n position = section.tailPosition();\n } else {\n // The offset is 0 if the cursor is on a non-atom-wrapper element node\n // (e.g., a
tag in a blank markup section)\n position = section.headPosition();\n }\n }\n }\n\n return position;\n }\n\n /**\n * @private\n */\n get markerPosition() {\n assert('Cannot get markerPosition without a section', !!this.section);\n assert('cannot get markerPosition of a non-markerable', !!this.section.isMarkerable);\n return this.section.markerPositionAtOffset(this.offset);\n }\n};\n\nBlankPosition = class BlankPosition extends Position {\n constructor() {\n super(null, 0, true);\n }\n\n isEqual(other) {\n return other && other.isBlank;\n }\n\n toRange() { return Range.blankRange(); }\n get leafSectionIndex() { assert('must implement get leafSectionIndex', false); }\n\n get isMarkerable() { return false; }\n get marker() { return false; }\n isHeadOfPost() { return false; }\n isTailOfPost() { return false; }\n isHead() { return false; }\n isTail() { return false; }\n move() { return this; }\n moveWord() { return this; }\n\n get markerPosition() { return {}; }\n};\n\nexport default Position;\n","import assert from 'mobiledoc-kit/utils/assert';\n\nexport default class LifecycleCallbacks {\n constructor(queueNames=[]) {\n this.callbackQueues = {};\n this.removalQueues = {};\n\n queueNames.forEach(name => {\n this.callbackQueues[name] = [];\n this.removalQueues[name] = [];\n });\n }\n\n runCallbacks(queueName, args=[]) {\n let queue = this._getQueue(queueName);\n queue.forEach(cb => cb(...args));\n\n let toRemove = this.removalQueues[queueName];\n toRemove.forEach(cb => {\n let index = queue.indexOf(cb);\n if (index !== -1) {\n queue.splice(index, 1);\n }\n });\n\n this.removalQueues[queueName] = [];\n }\n\n addCallback(queueName, callback) {\n this._getQueue(queueName).push(callback);\n }\n\n _scheduleCallbackForRemoval(queueName, callback) {\n this.removalQueues[queueName].push(callback);\n }\n\n addCallbackOnce(queueName, callback) {\n let queue = this._getQueue(queueName);\n if (queue.indexOf(callback) === -1) {\n queue.push(callback);\n this._scheduleCallbackForRemoval(queueName, callback);\n }\n }\n\n _getQueue(queueName) {\n let queue = this.callbackQueues[queueName];\n assert(`No queue found for \"${queueName}\"`, !!queue);\n return queue;\n }\n}\n","import assert from 'mobiledoc-kit/utils/assert';\nimport {\n MARKUP_SECTION_TYPE,\n LIST_SECTION_TYPE,\n POST_TYPE,\n CARD_TYPE,\n IMAGE_SECTION_TYPE,\n LIST_ITEM_TYPE,\n} from 'mobiledoc-kit/models/types';\n\nconst MARKERABLE = 'markerable',\n NESTED_MARKERABLE = 'nested_markerable',\n NON_MARKERABLE = 'non_markerable';\n\nclass Visitor {\n constructor(inserter, cursorPosition) {\n let { postEditor, post } = inserter;\n this.postEditor = postEditor;\n this._post = post;\n this.cursorPosition = cursorPosition;\n this.builder = this.postEditor.builder;\n\n this._hasInsertedFirstLeafSection = false;\n }\n\n get cursorPosition() {\n return this._cursorPosition;\n }\n\n set cursorPosition(position) {\n this._cursorPosition = position;\n this.postEditor.setRange(position);\n }\n\n visit(node) {\n let method = node.type;\n assert(`Cannot visit node of type ${node.type}`, !!this[method]);\n this[method](node);\n }\n\n _canMergeSection(section) {\n if (this._hasInsertedFirstLeafSection) {\n return false;\n } else {\n return this._isMarkerable && section.isMarkerable;\n }\n }\n\n get _isMarkerable() {\n return this.cursorSection.isMarkerable;\n }\n\n get cursorSection() {\n return this.cursorPosition.section;\n }\n\n get cursorOffset() {\n return this.cursorPosition.offset;\n }\n\n get _isNested() {\n return this.cursorSection.isNested;\n }\n\n [POST_TYPE](node) {\n if (this.cursorSection.isBlank && !this._isNested) {\n // replace blank section with entire post\n let newSections = node.sections.map(s => s.clone());\n this._replaceSection(this.cursorSection, newSections);\n } else {\n node.sections.forEach(section => this.visit(section));\n }\n }\n\n [MARKUP_SECTION_TYPE](node) {\n this[MARKERABLE](node);\n }\n\n [LIST_SECTION_TYPE](node) {\n let hasNext = !!node.next;\n node.items.forEach(item => this.visit(item));\n\n if (this._isNested && hasNext) {\n this._breakNestedAtCursor();\n }\n }\n\n [LIST_ITEM_TYPE](node) {\n this[NESTED_MARKERABLE](node);\n }\n\n [CARD_TYPE](node) {\n this[NON_MARKERABLE](node);\n }\n\n [IMAGE_SECTION_TYPE](node) {\n this[NON_MARKERABLE](node);\n }\n\n [NON_MARKERABLE](section) {\n if (this._isNested) {\n this._breakNestedAtCursor();\n } else if (!this.cursorSection.isBlank) {\n this._breakAtCursor();\n }\n\n this._insertLeafSection(section);\n }\n\n [MARKERABLE](section) {\n if (this._canMergeSection(section)) {\n this._mergeSection(section);\n } else if (this._isNested && this._isMarkerable) {\n // If we are attaching a markerable section to a list item,\n // insert a linebreak then merge the section onto the resulting blank list item\n this._breakAtCursor();\n\n // Advance the cursor to the head of the blank list item\n let nextPosition = this.cursorSection.next.headPosition();\n this.cursorPosition = nextPosition;\n\n // Merge this section onto the list item\n this._mergeSection(section);\n } else {\n this._breakAtCursor();\n this._insertLeafSection(section);\n }\n }\n\n [NESTED_MARKERABLE](section) {\n if (this._canMergeSection(section)) {\n this._mergeSection(section);\n return;\n }\n\n section = this._isNested ? section : this._wrapNestedSection(section);\n this._breakAtCursor();\n this._insertLeafSection(section);\n }\n\n // break out of a nested cursor position\n _breakNestedAtCursor() {\n assert('Cannot call _breakNestedAtCursor if not nested', this._isNested);\n\n let parent = this.cursorSection.parent;\n let cursorAtEndOfList = this.cursorPosition.isEqual(parent.tailPosition());\n\n if (cursorAtEndOfList) {\n let blank = this.builder.createMarkupSection();\n this._insertSectionAfter(blank, parent);\n } else {\n let [, blank,] = this._breakListAtCursor();\n this.cursorPosition = blank.tailPosition();\n }\n }\n\n _breakListAtCursor() {\n assert('Cannot _splitParentSection if cursor position is not nested',\n this._isNested);\n\n let list = this.cursorSection.parent,\n position = this.cursorPosition,\n blank = this.builder.createMarkupSection();\n let [pre, post] = this.postEditor._splitListAtPosition(list, position);\n\n let collection = this._post.sections,\n reference = post;\n this.postEditor.insertSectionBefore(collection, blank, reference);\n return [pre, blank, post];\n }\n\n _wrapNestedSection(section) {\n let tagName = section.parent.tagName;\n let parent = this.builder.createListSection(tagName);\n parent.items.append(section.clone());\n return parent;\n }\n\n _mergeSection(section) {\n assert('Can only merge markerable sections',\n this._isMarkerable && section.isMarkerable);\n this._hasInsertedFirstLeafSection = true;\n\n let markers = section.markers.map(m => m.clone());\n let position = this.postEditor.insertMarkers(this.cursorPosition, markers);\n\n this.cursorPosition = position;\n }\n\n // Can be called to add a line break when in a nested section or a parent\n // section.\n _breakAtCursor() {\n if (this.cursorSection.isBlank) {\n return;\n } else if (this._isMarkerable) {\n this._breakMarkerableAtCursor();\n } else {\n this._breakNonMarkerableAtCursor();\n }\n }\n\n // Inserts a blank section before/after the cursor,\n // depending on cursor position.\n _breakNonMarkerableAtCursor() {\n let collection = this._post.sections,\n blank = this.builder.createMarkupSection(),\n reference = this.cursorPosition.isHead() ? this.cursorSection :\n this.cursorSection.next;\n this.postEditor.insertSectionBefore(collection, blank, reference);\n this.cursorPosition = blank.tailPosition();\n }\n\n _breakMarkerableAtCursor() {\n let [pre,] =\n this.postEditor.splitSection(this.cursorPosition);\n\n this.cursorPosition = pre.tailPosition();\n }\n\n _replaceSection(section, newSections) {\n assert('Cannot replace section that does not have parent.sections',\n section.parent && section.parent.sections);\n assert('Must pass enumerable to _replaceSection', !!newSections.forEach);\n\n let collection = section.parent.sections;\n let reference = section.next;\n this.postEditor.removeSection(section);\n newSections.forEach(section => {\n this.postEditor.insertSectionBefore(collection, section, reference);\n });\n let lastSection = newSections[newSections.length - 1];\n\n this.cursorPosition = lastSection.tailPosition();\n }\n\n _insertSectionBefore(section, reference) {\n let collection = this.cursorSection.parent.sections;\n this.postEditor.insertSectionBefore(collection, section, reference);\n\n this.cursorPosition = section.tailPosition();\n }\n\n // Insert a section after the parent section.\n // E.g., add a markup section after a list section\n _insertSectionAfter(section, parent) {\n assert('Cannot _insertSectionAfter nested section', !parent.isNested);\n let reference = parent.next;\n let collection = this._post.sections;\n this.postEditor.insertSectionBefore(collection, section, reference);\n this.cursorPosition = section.tailPosition();\n }\n\n _insertLeafSection(section) {\n assert('Can only _insertLeafSection when cursor is at end of section',\n this.cursorPosition.isTail());\n\n this._hasInsertedFirstLeafSection = true;\n section = section.clone();\n\n if (this.cursorSection.isBlank) {\n assert('Cannot insert leaf non-markerable section when cursor is nested',\n !(section.isMarkerable && this._isNested));\n this._replaceSection(this.cursorSection, [section]);\n } else if (this.cursorSection.next && this.cursorSection.next.isBlank) {\n this._replaceSection(this.cursorSection.next, [section]);\n } else {\n let reference = this.cursorSection.next;\n this._insertSectionBefore(section, reference);\n }\n }\n}\n\nexport default class Inserter {\n constructor(postEditor, post) {\n this.postEditor = postEditor;\n this.post = post;\n }\n\n insert(cursorPosition, newPost) {\n let visitor = new Visitor(this, cursorPosition);\n if (!newPost.isBlank) {\n visitor.visit(newPost);\n }\n return visitor.cursorPosition;\n }\n}\n","/**\n * Usage:\n * Without a conditional, always prints deprecate message:\n * `deprecate('This is deprecated')`\n *\n * Conditional deprecation, works similarly to `assert`, prints deprecation if\n * conditional is false:\n * `deprecate('Deprecated only if foo !== bar', foo === bar)`\n */\nexport default function deprecate(message, conditional=false) {\n if (!conditional) {\n // eslint-disable-next-line no-console\n console.log(`[mobiledoc-kit] [DEPRECATED]: ${message}`);\n }\n}\n","import Range from 'mobiledoc-kit/utils/cursor/range';\nimport Position from 'mobiledoc-kit/utils/cursor/position';\nimport assert from 'mobiledoc-kit/utils/assert';\n\nexport default function toRange(rangeLike) {\n assert(`Must pass non-blank object to \"toRange\"`, !!rangeLike);\n\n if (rangeLike instanceof Range) {\n return rangeLike;\n } else if (rangeLike instanceof Position) {\n return rangeLike.toRange();\n }\n\n assert(`Incorrect structure for rangeLike: ${rangeLike}`, false);\n}\n","import Position from '../utils/cursor/position';\nimport Range from 'mobiledoc-kit/utils/cursor/range';\nimport { detect, forEach, reduce, filter, values, commonItems } from '../utils/array-utils';\nimport { DIRECTION } from '../utils/key';\nimport LifecycleCallbacks from '../models/lifecycle-callbacks';\nimport assert from '../utils/assert';\nimport { normalizeTagName } from '../utils/dom-utils';\nimport PostInserter from './post/post-inserter';\nimport deprecate from 'mobiledoc-kit/utils/deprecate';\nimport toRange from 'mobiledoc-kit/utils/to-range';\n\nconst { FORWARD, BACKWARD } = DIRECTION;\n\nfunction isListSectionTagName(tagName) {\n return tagName === 'ul' || tagName === 'ol';\n}\n\nconst CALLBACK_QUEUES = {\n BEFORE_COMPLETE: 'beforeComplete',\n COMPLETE: 'complete',\n AFTER_COMPLETE: 'afterComplete'\n};\n\n// There are only two events that we're concerned about for Undo, that is inserting text and deleting content.\n// These are the only two states that go on a \"run\" and create a combined undo, everything else has it's own\n// deadicated undo.\nconst EDIT_ACTIONS = {\n INSERT_TEXT: 1,\n DELETE: 2\n};\n\n\n/**\n * The PostEditor is used to modify a post. It should not be instantiated directly.\n * Instead, a new instance of a PostEditor is created by the editor and passed\n * as the argument to the callback in {@link Editor#run}.\n *\n * Usage:\n * ```\n * editor.run((postEditor) => {\n * // postEditor is an instance of PostEditor that can operate on the\n * // editor's post\n * });\n * ```\n */\nclass PostEditor {\n /**\n * @private\n */\n constructor(editor) {\n this.editor = editor;\n this.builder = this.editor.builder;\n this._callbacks = new LifecycleCallbacks(values(CALLBACK_QUEUES));\n\n this._didComplete = false;\n this.editActionTaken = null;\n\n this._renderRange = () => this.editor.selectRange(this._range);\n this._postDidChange = () => this.editor._postDidChange();\n this._rerender = () => this.editor.rerender();\n }\n\n addCallback(...args) {\n this._callbacks.addCallback(...args);\n }\n\n addCallbackOnce(...args) {\n this._callbacks.addCallbackOnce(...args);\n }\n\n runCallbacks(...args) {\n this._callbacks.runCallbacks(...args);\n }\n\n begin() {\n // cache the editor's range\n this._range = this.editor.range;\n }\n\n /**\n * Schedules to select the given range on the editor after the postEditor\n * has completed its work. This also updates the postEditor's active range\n * (so that multiple calls to range-changing methods on the postEditor will\n * update the correct range).\n *\n * Usage:\n * let range = editor.range;\n * editor.run(postEditor => {\n * let nextPosition = postEditor.deleteRange(range);\n *\n * // Will position the editor's cursor at `nextPosition` after\n * // the postEditor finishes work and the editor rerenders.\n * postEditor.setRange(nextPosition);\n * });\n * @param {Range|Position} range\n * @public\n */\n setRange(range) {\n range = toRange(range);\n\n // TODO validate that the range is valid\n // (does not contain marked-for-removal head or tail sections?)\n this._range = range;\n this.scheduleAfterRender(this._renderRange, true);\n }\n\n /**\n * Delete a range from the post\n *\n * Usage:\n * ```\n * let { range } = editor;\n * editor.run((postEditor) => {\n * let nextPosition = postEditor.deleteRange(range);\n * postEditor.setRange(nextPosition);\n * });\n * ```\n * @param {Range} range Cursor Range object with head and tail Positions\n * @return {Position} The position where the cursor would go after deletion\n * @public\n */\n deleteRange(range) {\n assert(\"Must pass MobiledocKit Range to `deleteRange`\", range instanceof Range);\n\n this.editActionTaken = EDIT_ACTIONS.DELETE;\n\n let {\n head, head: {section: headSection},\n tail, tail: {section: tailSection}\n } = range;\n\n let { editor: { post } } = this;\n\n if (headSection === tailSection) {\n return this.cutSection(headSection, head, tail);\n }\n\n let nextSection = headSection.nextLeafSection();\n\n let nextPos = this.cutSection(headSection, head, headSection.tailPosition());\n // cutSection can replace the section, so re-read headSection here\n headSection = nextPos.section;\n\n // Remove sections in the middle of the range\n while (nextSection !== tailSection) {\n let tmp = nextSection;\n nextSection = nextSection.nextLeafSection();\n this.removeSection(tmp);\n }\n\n let tailPos = this.cutSection(tailSection, tailSection.headPosition(), tail);\n // cutSection can replace the section, so re-read tailSection here\n tailSection = tailPos.section;\n\n if (tailSection.isBlank) {\n this.removeSection(tailSection);\n } else {\n // If head and tail sections are markerable, join them\n // Note: They may not be the same section type. E.g. this may join\n // a tail section that was a list item onto a markup section, or vice versa.\n // (This is the desired behavior.)\n if (headSection.isMarkerable && tailSection.isMarkerable) {\n headSection.join(tailSection);\n this._markDirty(headSection);\n this.removeSection(tailSection);\n } else if (headSection.isBlank) {\n this.removeSection(headSection);\n nextPos = tailPos;\n }\n }\n\n if (post.isBlank) {\n post.sections.append(this.builder.createMarkupSection('p'));\n nextPos = post.headPosition();\n }\n\n return nextPos;\n }\n\n /**\n * Note: This method may replace `section` with a different section.\n *\n * \"Cut\" out the part of the section inside `headOffset` and `tailOffset`.\n * If section is markerable this splits markers that straddle the head or tail (if necessary),\n * and removes markers that are wholly inside the offsets.\n * If section is a card, this may replace it with a blank markup section if the\n * positions contain the entire card.\n *\n * @param {Section} section\n * @param {Position} head\n * @param {Position} tail\n * @return {Position}\n * @private\n */\n cutSection(section, head, tail) {\n assert('Must pass head position and tail position to `cutSection`',\n head instanceof Position && tail instanceof Position);\n assert('Must pass positions within same section to `cutSection`',\n head.section === tail.section);\n\n if (section.isBlank || head.isEqual(tail)) {\n return head;\n }\n if (section.isCardSection) {\n if (head.isHead() && tail.isTail()) {\n let newSection = this.builder.createMarkupSection();\n this.replaceSection(section, newSection);\n return newSection.headPosition();\n } else {\n return tail;\n }\n }\n\n let range = head.toRange(tail);\n this.splitMarkers(range).forEach(m => this.removeMarker(m));\n\n return head;\n }\n\n _coalesceMarkers(section) {\n if (section.isMarkerable) {\n this._removeBlankMarkers(section);\n this._joinSimilarMarkers(section);\n }\n }\n\n _removeBlankMarkers(section) {\n forEach(\n filter(section.markers, m => m.isBlank),\n m => this.removeMarker(m)\n );\n }\n\n // joins markers that have identical markups\n _joinSimilarMarkers(section) {\n let marker = section.markers.head;\n let nextMarker;\n while (marker && marker.next) {\n nextMarker = marker.next;\n\n if (marker.canJoin(nextMarker)) {\n nextMarker.value = marker.value + nextMarker.value;\n this._markDirty(nextMarker);\n this.removeMarker(marker);\n }\n\n marker = nextMarker;\n }\n }\n\n removeMarker(marker) {\n this._scheduleForRemoval(marker);\n if (marker.section) {\n this._markDirty(marker.section);\n marker.section.markers.remove(marker);\n }\n }\n\n _scheduleForRemoval(postNode) {\n if (postNode.renderNode) {\n postNode.renderNode.scheduleForRemoval();\n\n this.scheduleRerender();\n this.scheduleDidUpdate();\n }\n let removedAdjacentToList = (postNode.prev && postNode.prev.isListSection) ||\n (postNode.next && postNode.next.isListSection);\n if (removedAdjacentToList) {\n this.addCallback(\n CALLBACK_QUEUES.BEFORE_COMPLETE,\n () => this._joinContiguousListSections()\n );\n }\n }\n\n _joinContiguousListSections() {\n let { post } = this.editor;\n let range = this._range;\n let prev;\n let groups = [];\n let currentGroup;\n\n // FIXME do we need to force a re-render of the range if changed sections\n // are contained within the range?\n let updatedHead = null;\n forEach(post.sections, section => {\n if (prev &&\n prev.isListSection &&\n section.isListSection &&\n prev.tagName === section.tagName) {\n\n currentGroup = currentGroup || [prev];\n currentGroup.push(section);\n } else {\n if (currentGroup) {\n groups.push(currentGroup);\n }\n currentGroup = null;\n }\n prev = section;\n });\n\n if (currentGroup) {\n groups.push(currentGroup);\n }\n\n forEach(groups, group => {\n let list = group[0];\n forEach(group, listSection => {\n if (listSection === list) {\n return;\n }\n\n let currentHead = range.head;\n let prevPosition;\n\n // FIXME is there a currentHead if there is no range?\n // is the current head a list item in the section\n if (!range.isBlank && currentHead.section.isListItem &&\n currentHead.section.parent === listSection) {\n prevPosition = list.tailPosition();\n }\n this._joinListSections(list, listSection);\n if (prevPosition) {\n updatedHead = prevPosition.move(FORWARD);\n }\n });\n });\n\n if (updatedHead) {\n this.setRange(updatedHead);\n }\n }\n\n _joinListSections(baseList, nextList) {\n baseList.join(nextList);\n this._markDirty(baseList);\n this.removeSection(nextList);\n }\n\n _markDirty(postNode) {\n if (postNode.renderNode) {\n postNode.renderNode.markDirty();\n\n this.scheduleRerender();\n this.scheduleDidUpdate();\n }\n if (postNode.section) {\n this._markDirty(postNode.section);\n }\n if (postNode.isMarkerable) {\n this.addCallback(\n CALLBACK_QUEUES.BEFORE_COMPLETE, () => this._coalesceMarkers(postNode));\n }\n }\n\n /**\n * @param {Position} position object with {section, offset} the marker and offset to delete from\n * @param {Number} direction The direction to delete in (default is BACKWARD)\n * @return {Position} for positioning the cursor\n * @public\n * @deprecated after v0.10.3\n */\n deleteFrom(position, direction=DIRECTION.BACKWARD) {\n deprecate(\"`postEditor#deleteFrom is deprecated. Use `deleteAtPosition(position, direction=BACKWARD, {unit}={unit: 'char'})` instead\");\n return this.deleteAtPosition(position, direction, {unit: 'char'});\n }\n\n /**\n * Delete 1 `unit` (can be 'char' or 'word') in the given `direction` at the given\n * `position`. In almost all cases this will be equivalent to deleting the range formed\n * by expanding the position 1 unit in the given direction. The exception is when deleting\n * backward from the beginning of a list item, which reverts the list item into a markup section\n * instead of joining it with its previous list item (if any).\n *\n * Usage:\n *\n * let position = section.tailPosition();\n * // Section has text of \"Howdy!\"\n * editor.run((postEditor) => {\n * postEditor.deleteAtPosition(position);\n * });\n * // section has text of \"Howdy\"\n *\n * @param {Position} position The position to delete at\n * @param {Direction} [direction=DIRECTION.BACKWARD] direction The direction to delete in\n * @param {Object} [options]\n * @param {String} [options.unit=\"char\"] The unit of deletion (\"word\" or \"char\")\n * @return {Position}\n */\n deleteAtPosition(position, direction=DIRECTION.BACKWARD, {unit}={unit: 'char'}) {\n if (direction === DIRECTION.BACKWARD) {\n return this._deleteAtPositionBackward(position, unit);\n } else {\n return this._deleteAtPositionForward(position, unit);\n }\n }\n\n _deleteAtPositionBackward(position, unit) {\n if (position.isHead() && position.section.isListItem) {\n this.toggleSection('p', position);\n return this._range.head;\n } else {\n let prevPosition = unit === 'word' ? position.moveWord(BACKWARD) : position.move(BACKWARD);\n let range = prevPosition.toRange(position);\n return this.deleteRange(range);\n }\n }\n\n _deleteAtPositionForward(position, unit) {\n let nextPosition = unit === 'word' ? position.moveWord(FORWARD) : position.move(FORWARD);\n let range = position.toRange(nextPosition);\n return this.deleteRange(range);\n }\n\n /**\n * Split markers at two positions, once at the head, and if necessary once\n * at the tail.\n *\n * Usage:\n * ```\n * let range = editor.range;\n * editor.run((postEditor) => {\n * postEditor.splitMarkers(range);\n * });\n * ```\n * The return value will be marker object completely inside the offsets\n * provided. Markers outside of the split may also have been modified.\n *\n * @param {Range} markerRange\n * @return {Array} of markers that are inside the split\n * @private\n */\n splitMarkers(range) {\n const { post } = this.editor;\n const { head, tail } = range;\n\n this.splitSectionMarkerAtOffset(head.section, head.offset);\n this.splitSectionMarkerAtOffset(tail.section, tail.offset);\n\n return post.markersContainedByRange(range);\n }\n\n splitSectionMarkerAtOffset(section, offset) {\n const edit = section.splitMarkerAtOffset(offset);\n edit.removed.forEach(m => this.removeMarker(m));\n }\n\n /**\n * Split the section at the position.\n *\n * Usage:\n * ```\n * let position = editor.cursor.offsets.head;\n * editor.run((postEditor) => {\n * postEditor.splitSection(position);\n * });\n * // Will result in the creation of two new sections\n * // replacing the old one at the cursor position\n * ```\n * The return value will be the two new sections. One or both of these\n * sections can be blank (contain only a blank marker), for example if the\n * headMarkerOffset is 0.\n *\n * @param {Position} position\n * @return {Array} new sections, one for the first half and one for the second (either one can be null)\n * @public\n */\n splitSection(position) {\n const { section } = position;\n\n if (section.isCardSection) {\n return this._splitCardSection(section, position);\n } else if (section.isListItem) {\n let isLastAndBlank = section.isBlank && !section.next;\n if (isLastAndBlank) {\n // if is last, replace the item with a blank markup section\n let parent = section.parent;\n let collection = this.editor.post.sections;\n let blank = this.builder.createMarkupSection();\n this.removeSection(section);\n this.insertSectionBefore(collection, blank, parent.next);\n\n return [null, blank];\n } else {\n let [pre, post] = this._splitListItem(section, position);\n return [pre, post];\n }\n } else {\n let splitSections = section.splitAtPosition(position);\n splitSections.forEach(s => this._coalesceMarkers(s));\n this._replaceSection(section, splitSections);\n\n return splitSections;\n }\n }\n\n /**\n * @param {Section} cardSection\n * @param {Position} position to split at\n * @return {Section[]} 2-item array of pre and post-split sections\n * @private\n */\n _splitCardSection(cardSection, position) {\n let { offset } = position;\n assert('Cards section must be split at offset 0 or 1',\n offset === 0 || offset === 1);\n\n let newSection = this.builder.createMarkupSection();\n let nextSection;\n let surroundingSections;\n\n if (offset === 0) {\n nextSection = cardSection;\n surroundingSections = [newSection, cardSection];\n } else {\n nextSection = cardSection.next;\n surroundingSections = [cardSection, newSection];\n }\n\n let collection = this.editor.post.sections;\n this.insertSectionBefore(collection, newSection, nextSection);\n\n return surroundingSections;\n }\n\n /**\n * @param {Section} section\n * @param {Section} newSection\n * @return null\n * @public\n */\n replaceSection(section, newSection) {\n if (!section) {\n // FIXME should a falsy section be a valid argument?\n this.insertSectionBefore(this.editor.post.sections, newSection, null);\n } else {\n this._replaceSection(section, [newSection]);\n }\n }\n\n moveSectionBefore(collection, renderedSection, beforeSection) {\n const newSection = renderedSection.clone();\n this.removeSection(renderedSection);\n this.insertSectionBefore(collection, newSection, beforeSection);\n return newSection;\n }\n\n /**\n * @param {Section} section A section that is already in DOM\n * @public\n */\n moveSectionUp(renderedSection) {\n const isFirst = !renderedSection.prev;\n if (isFirst) {\n return renderedSection;\n }\n\n const collection = renderedSection.parent.sections;\n const beforeSection = renderedSection.prev;\n return this.moveSectionBefore(collection, renderedSection, beforeSection);\n }\n\n /**\n * @param {Section} section A section that is already in DOM\n * @public\n */\n moveSectionDown(renderedSection) {\n const isLast = !renderedSection.next;\n if (isLast) {\n return renderedSection;\n }\n\n const beforeSection = renderedSection.next.next;\n const collection = renderedSection.parent.sections;\n return this.moveSectionBefore(collection, renderedSection, beforeSection);\n }\n\n /**\n * Insert an array of markers at the given position. If the position is in\n * a non-markerable section (like a card section), this method throws an error.\n *\n * @param {Position} position\n * @param {Marker[]} markers\n * @return {Position} The position that represents the end of the inserted markers.\n * @public\n */\n insertMarkers(position, markers) {\n let { section, offset } = position;\n assert('Cannot insert markers at non-markerable position',\n section.isMarkerable);\n\n this.editActionTaken = EDIT_ACTIONS.INSERT_TEXT;\n\n let edit = section.splitMarkerAtOffset(offset);\n edit.removed.forEach(marker => this._scheduleForRemoval(marker));\n\n let prevMarker = section.markerBeforeOffset(offset);\n markers.forEach(marker => {\n section.markers.insertAfter(marker, prevMarker);\n offset += marker.length;\n prevMarker = marker;\n });\n\n this._coalesceMarkers(section);\n this._markDirty(section);\n\n let nextPosition = section.toPosition(offset);\n this.setRange(nextPosition);\n return nextPosition;\n }\n\n /**\n * Inserts text with the given markups, ignoring the existing markups at\n * the position, if any.\n *\n * @param {Position} position\n * @param {String} text\n * @param {Markup[]} markups\n * @return {Position} position at the end of the inserted text\n */\n insertTextWithMarkup(position, text, markups=[]) {\n let { section } = position;\n if (!section.isMarkerable) { return; }\n let marker = this.builder.createMarker(text, markups);\n return this.insertMarkers(position, [marker]);\n }\n\n /**\n * Insert the text at the given position\n * Inherits the markups already at that position, if any.\n *\n * @param {Position} position\n * @param {String} text\n * @return {Position} position at the end of the inserted text.\n */\n insertText(position, text) {\n let { section } = position;\n if (!section.isMarkerable) { return; }\n let markups = position.marker && position.marker.markups;\n markups = markups || [];\n return this.insertTextWithMarkup(position, text, markups);\n }\n\n _replaceSection(section, newSections) {\n let nextSection = section.next;\n let collection = section.parent.sections;\n\n let nextNewSection = newSections[0];\n if (nextNewSection.isMarkupSection && section.isListItem) {\n // put the new section after the ListSection (section.parent)\n // instead of after the ListItem\n collection = section.parent.parent.sections;\n nextSection = section.parent.next;\n }\n\n newSections.forEach(s => this.insertSectionBefore(collection, s, nextSection));\n this.removeSection(section);\n }\n\n /**\n * Given a markerRange (for example `editor.range`) mark all markers\n * inside it as a given markup. The markup must be provided as a post\n * abstract node.\n *\n * Usage:\n *\n * let range = editor.range;\n * let strongMarkup = editor.builder.createMarkup('strong');\n * editor.run((postEditor) => {\n * postEditor.addMarkupToRange(range, strongMarkup);\n * });\n * // Will result some markers possibly being split, and the markup\n * // being applied to all markers between the split.\n *\n * @param {Range} range\n * @param {Markup} markup A markup post abstract node\n * @public\n */\n addMarkupToRange(range, markup) {\n if (range.isCollapsed) { return; }\n\n let markers = this.splitMarkers(range);\n if (markers.length) {\n // We insert the new markup at a consistent index across the range.\n // If we just push on the end of the list, it can end up in different positions\n // of the markup stack. This results in unnecessary closing and re-opening of\n // the markup each time it changes position.\n // If we just push it at the beginning of the list, this causes unnecessary closing\n // and re-opening of surrounding tags.\n // So, we look for any tags open across the whole range, and push into the stack\n // at the end of those.\n // Prompted by https://github.com/bustle/mobiledoc-kit/issues/360\n\n let markupsOpenAcrossRange = reduce(markers, function (soFar, marker) {\n return commonItems(soFar, marker.markups);\n }, markers[0].markups);\n let indexToInsert = markupsOpenAcrossRange.length;\n\n markers.forEach(marker => {\n marker.addMarkupAtIndex(markup, indexToInsert);\n this._markDirty(marker);\n });\n }\n }\n\n /**\n * Given a markerRange (for example `editor.range`) remove the given\n * markup from all contained markers.\n *\n * Usage:\n * ```\n * let { range } = editor;\n * let markup = markerRange.headMarker.markups[0];\n * editor.run(postEditor => {\n * postEditor.removeMarkupFromRange(range, markup);\n * });\n * // Will result in some markers possibly being split, and the markup\n * // being removed from all markers between the split.\n * ```\n * @param {Range} range Object with offsets\n * @param {Markup|Function} markupOrCallback A markup post abstract node or\n * a function that returns true when passed a markup that should be removed\n * @private\n */\n removeMarkupFromRange(range, markupOrMarkupCallback) {\n if (range.isCollapsed) { return; }\n\n this.splitMarkers(range).forEach(marker => {\n marker.removeMarkup(markupOrMarkupCallback);\n this._markDirty(marker);\n });\n }\n\n /**\n * Toggle the given markup in the given range (or at the position given). If the range/position\n * has the markup, the markup will be removed. If nothing in the range/position\n * has the markup, the markup will be added to everything in the range/position.\n *\n * Usage:\n * ```\n * // Remove any 'strong' markup if it exists in the selection, otherwise\n * // make it all 'strong'\n * editor.run(postEditor => postEditor.toggleMarkup('strong'));\n *\n * // add/remove a link to 'bustle.com' to the selection\n * editor.run(postEditor => {\n * const linkMarkup = postEditor.builder.createMarkup('a', {href: 'http://bustle.com'});\n * postEditor.toggleMarkup(linkMarkup);\n * });\n * ```\n * @param {Markup|String} markupOrString Either a markup object created using\n * the builder (useful when adding a markup with attributes, like an 'a' markup),\n * or, if a string, the tag name of the markup (e.g. 'strong', 'em') to toggle.\n * @param {Range|Position} range in which to toggle. Defaults to current editor range.\n * @public\n */\n toggleMarkup(markupOrMarkupString, range=this._range) {\n range = toRange(range);\n const markup = typeof markupOrMarkupString === 'string' ?\n this.builder.createMarkup(markupOrMarkupString) :\n markupOrMarkupString;\n\n const hasMarkup = this.editor.detectMarkupInRange(range, markup.tagName);\n // FIXME: This implies only a single markup in a range. This may not be\n // true for links (which are not the same object instance like multiple\n // strong tags would be).\n if (hasMarkup) {\n this.removeMarkupFromRange(range, hasMarkup);\n } else {\n this.addMarkupToRange(range, markup);\n }\n\n this.setRange(range);\n }\n\n /**\n * Toggles the tagName of the active section or sections in the given range/position.\n * If every section has the tag name, they will all be reset to default sections.\n * Otherwise, every section will be changed to the requested type\n *\n * @param {String} sectionTagName A valid markup section or\n * list section tag name (e.g. 'blockquote', 'h2', 'ul')\n * @param {Range|Position} range The range over which to toggle.\n * Defaults to the current editor range.\n * @public\n */\n toggleSection(sectionTagName, range=this._range) {\n range = toRange(range);\n\n sectionTagName = normalizeTagName(sectionTagName);\n let { post } = this.editor;\n\n let everySectionHasTagName = true;\n post.walkMarkerableSections(range, section => {\n if (!this._isSameSectionType(section, sectionTagName)) {\n everySectionHasTagName = false;\n }\n });\n\n let tagName = everySectionHasTagName ? 'p' : sectionTagName;\n let sectionTransformations = [];\n post.walkMarkerableSections(range, section => {\n let changedSection = this.changeSectionTagName(section, tagName);\n sectionTransformations.push({\n from: section,\n to: changedSection\n });\n });\n\n let nextRange = this._determineNextRangeAfterToggleSection(range, sectionTransformations);\n this.setRange(nextRange);\n }\n\n _determineNextRangeAfterToggleSection(range, sectionTransformations) {\n if (sectionTransformations.length) {\n let changedHeadSection = detect(sectionTransformations, ({ from }) => {\n return from === range.headSection;\n }).to;\n let changedTailSection = detect(sectionTransformations, ({ from }) => {\n return from === range.tailSection;\n }).to;\n\n if (changedHeadSection.isListSection || changedTailSection.isListSection) {\n // We don't know to which ListItem's the original sections point at, so\n // we don't have enough information to reconstruct the range when\n // dealing with lists.\n return sectionTransformations[0].to.headPosition().toRange();\n } else {\n return Range.create(\n changedHeadSection,\n range.headSectionOffset,\n changedTailSection,\n range.tailSectionOffset,\n range.direction\n );\n }\n } else {\n return range;\n }\n }\n\n setAttribute(key, value, range=this._range) {\n this._mutateAttribute(key, range, (section, attribute) => {\n if (section.getAttribute(attribute) !== value) {\n section.setAttribute(attribute, value);\n return true;\n }\n });\n }\n\n removeAttribute(key, range=this._range) {\n this._mutateAttribute(key, range, (section, attribute) => {\n if (section.hasAttribute(attribute)) {\n section.removeAttribute(attribute);\n return true;\n }\n });\n }\n\n _mutateAttribute(key, range, cb) {\n range = toRange(range);\n let { post } = this.editor;\n let attribute = `data-md-${key}`;\n\n post.walkMarkerableSections(range, section => {\n if (section.isListItem) {\n section = section.parent;\n }\n\n if (cb(section, attribute) === true) {\n this._markDirty(section);\n }\n });\n\n this.setRange(range);\n }\n\n _isSameSectionType(section, sectionTagName) {\n return section.isListItem ?\n section.parent.tagName === sectionTagName :\n section.tagName === sectionTagName;\n }\n\n /**\n * @param {Markerable} section\n * @private\n */\n changeSectionTagName(section, newTagName) {\n assert('Cannot pass non-markerable section to `changeSectionTagName`',\n section.isMarkerable);\n\n if (isListSectionTagName(newTagName)) {\n return this._changeSectionToListItem(section, newTagName);\n } else if (section.isListItem) {\n return this._changeSectionFromListItem(section, newTagName);\n } else {\n section.tagName = newTagName;\n this._markDirty(section);\n return section;\n }\n }\n\n /**\n * Splits the item at the position given.\n * If the position is at the start or end of the item, the pre- or post-item\n * will contain a single empty (\"\") marker.\n * @param {ListItem} item\n * @param {Position} position\n * @return {Array} the pre-item and post-item on either side of the split\n * @private\n */\n _splitListItem(item, position) {\n let { section, offset } = position;\n assert('Cannot split list item at position that does not include item',\n item === section);\n\n item.splitMarkerAtOffset(offset);\n let prevMarker = item.markerBeforeOffset(offset);\n let preItem = this.builder.createListItem(),\n postItem = this.builder.createListItem();\n\n let currentItem = preItem;\n item.markers.forEach(marker => {\n currentItem.markers.append(marker.clone());\n if (marker === prevMarker) {\n currentItem = postItem;\n }\n });\n this._replaceSection(item, [preItem, postItem]);\n return [preItem, postItem];\n }\n\n /**\n * Splits the list at the position given.\n * @return {Array} pre-split list and post-split list, either of which could\n * be blank (0-item list) if the position is at the start or end of the list.\n *\n * Note: Contiguous list sections will be joined in the before_complete queue\n * of the postEditor.\n *\n * @private\n */\n _splitListAtPosition(list, position) {\n assert('Cannot split list at position not in list',\n position.section.parent === list);\n\n let positionIsMiddle = !position.isHead() && !position.isTail();\n if (positionIsMiddle) {\n let item = position.section;\n let [pre,] =\n this._splitListItem(item, position);\n position = pre.tailPosition();\n }\n\n let preList = this.builder.createListSection(list.tagName);\n let postList = this.builder.createListSection(list.tagName);\n\n let preItem = position.section;\n let currentList = preList;\n list.items.forEach(item => {\n // If this item matches the start item and the position is at its start,\n // it should be appended to the postList instead of the preList\n if (item === preItem && position.isEqual(item.headPosition())) {\n currentList = postList;\n }\n currentList.items.append(item.clone());\n // If we just appended the preItem, append the remaining items to the postList\n if (item === preItem) {\n currentList = postList;\n }\n });\n\n this._replaceSection(list, [preList, postList]);\n return [preList, postList];\n }\n\n /**\n * @return Array of [prev, mid, next] lists. `prev` and `next` can\n * be blank, depending on the position of `item`. `mid` will always\n * be a 1-item list containing `item`. `prev` and `next` will be\n * removed in the before_complete queue if they are blank\n * (and still attached).\n *\n * @private\n */\n _splitListAtItem(list, item) {\n let next = list;\n let prev = this.builder.createListSection(next.tagName, [], next.attributes);\n let mid = this.builder.createListSection(next.tagName);\n\n let addToPrev = true;\n // must turn the LinkedList into an array so that we can remove items\n // as we iterate through it\n let items = next.items.toArray();\n items.forEach(i => {\n let listToAppend;\n if (i === item) {\n addToPrev = false;\n listToAppend = mid;\n } else if (addToPrev) {\n listToAppend = prev;\n } else {\n return; // break after iterating prev and mid parts of the list\n }\n listToAppend.join(i);\n this.removeSection(i);\n });\n let found = !addToPrev;\n assert('Cannot split list at item that is not present in the list', found);\n\n let collection = this.editor.post.sections;\n this.insertSectionBefore(collection, mid, next);\n this.insertSectionBefore(collection, prev, mid);\n\n // Remove possibly blank prev/next lists\n this.addCallback(CALLBACK_QUEUES.BEFORE_COMPLETE, () => {\n [prev, next].forEach(_list => {\n let isAttached = !!_list.parent;\n if (_list.isBlank && isAttached) {\n this.removeSection(_list);\n }\n });\n });\n\n return [prev, mid, next];\n }\n\n _changeSectionFromListItem(section, newTagName) {\n assert('Must pass list item to `_changeSectionFromListItem`',\n section.isListItem);\n\n let listSection = section.parent;\n let markupSection = this.builder.createMarkupSection(newTagName);\n markupSection.join(section);\n\n let [, mid,] = this._splitListAtItem(listSection, section);\n this.replaceSection(mid, markupSection);\n return markupSection;\n }\n\n _changeSectionToListItem(section, newTagName) {\n let isAlreadyCorrectListItem = section.isListItem &&\n section.parent.tagName === newTagName;\n\n if (isAlreadyCorrectListItem) {\n return section;\n }\n\n let listSection = this.builder.createListSection(newTagName);\n listSection.join(section);\n\n let sectionToReplace;\n if (section.isListItem) {\n let [, mid,] = this._splitListAtItem(section.parent, section);\n sectionToReplace = mid;\n } else {\n sectionToReplace = section;\n }\n this.replaceSection(sectionToReplace, listSection);\n return listSection;\n }\n\n /**\n * Insert a given section before another one, updating the post abstract\n * and the rendered UI.\n *\n * Usage:\n * ```\n * let markerRange = editor.range;\n * let sectionWithCursor = markerRange.headMarker.section;\n * let section = editor.builder.createCardSection('my-image');\n * let collection = sectionWithCursor.parent.sections;\n * editor.run((postEditor) => {\n * postEditor.insertSectionBefore(collection, section, sectionWithCursor);\n * });\n * ```\n * @param {LinkedList} collection The list of sections to insert into\n * @param {Object} section The new section\n * @param {Object} beforeSection Optional The section \"before\" is relative to,\n * if falsy the new section will be appended to the collection\n * @public\n */\n insertSectionBefore(collection, section, beforeSection) {\n collection.insertBefore(section, beforeSection);\n this._markDirty(section.parent);\n }\n\n /**\n * Insert the given section after the current active section, or, if no\n * section is active, at the end of the document.\n * @param {Section} section\n * @public\n */\n insertSection(section) {\n const activeSection = this.editor.activeSection;\n const nextSection = activeSection && activeSection.next;\n\n const collection = this.editor.post.sections;\n this.insertSectionBefore(collection, section, nextSection);\n }\n\n /**\n * Insert the given section at the end of the document.\n * @param {Section} section\n * @public\n */\n insertSectionAtEnd(section) {\n this.insertSectionBefore(this.editor.post.sections, section, null);\n }\n\n /**\n * Insert the `post` at the given position in the editor's post.\n * @param {Position} position\n * @param {Post} post\n * @private\n */\n insertPost(position, newPost) {\n let post = this.editor.post;\n let inserter = new PostInserter(this, post);\n let nextPosition = inserter.insert(position, newPost);\n return nextPosition;\n }\n\n /**\n * Remove a given section from the post abstract and the rendered UI.\n *\n * Usage:\n * ```\n * let { range } = editor;\n * let sectionWithCursor = range.head.section;\n * editor.run((postEditor) => {\n * postEditor.removeSection(sectionWithCursor);\n * });\n * ```\n * @param {Object} section The section to remove\n * @public\n */\n removeSection(section) {\n let parent = section.parent;\n this._scheduleForRemoval(section);\n parent.sections.remove(section);\n\n if (parent.isListSection) {\n this._scheduleListRemovalIfEmpty(parent);\n }\n }\n\n removeAllSections() {\n this.editor.post.sections.toArray().forEach(section => {\n this.removeSection(section);\n });\n }\n\n migrateSectionsFromPost(post) {\n post.sections.toArray().forEach(section => {\n post.sections.remove(section);\n this.insertSectionBefore(this.editor.post.sections, section, null);\n });\n }\n\n _scheduleListRemovalIfEmpty(listSection) {\n this.addCallback(CALLBACK_QUEUES.BEFORE_COMPLETE, () => {\n // if the list is attached and blank after we do other rendering stuff,\n // remove it\n let isAttached = !!listSection.parent;\n if (isAttached && listSection.isBlank) {\n this.removeSection(listSection);\n }\n });\n }\n\n /**\n * A method for adding work the deferred queue\n *\n * @param {Function} callback to run during completion\n * @param {Boolean} [once=false] Whether to only schedule the callback once.\n * @public\n */\n schedule(callback, once=false) {\n assert('Work can only be scheduled before a post edit has completed',\n !this._didComplete);\n if (once) {\n this.addCallbackOnce(CALLBACK_QUEUES.COMPLETE, callback);\n } else {\n this.addCallback(CALLBACK_QUEUES.COMPLETE, callback);\n }\n }\n\n /**\n * A method for adding work the deferred queue. The callback will only\n * be added to the queue once, even if `scheduleOnce` is called multiple times.\n * The function cannot be an anonymous function.\n *\n * @param {Function} callback to run during completion\n * @public\n */\n scheduleOnce(callback) {\n this.schedule(callback, true);\n }\n\n /**\n * Add a rerender job to the queue\n *\n * @public\n */\n scheduleRerender() {\n this.scheduleOnce(this._rerender);\n }\n\n /**\n * Schedule a notification that the post has been changed.\n * The notification will result in the editor firing its `postDidChange`\n * hook after the postEditor completes its work (at the end of {@link Editor#run}).\n *\n * @public\n */\n scheduleDidUpdate() {\n this.scheduleOnce(this._postDidChange);\n }\n\n scheduleAfterRender(callback, once=false) {\n if (once) {\n this.addCallbackOnce(CALLBACK_QUEUES.AFTER_COMPLETE, callback);\n } else {\n this.addCallback(CALLBACK_QUEUES.AFTER_COMPLETE, callback);\n }\n }\n\n /**\n * Flush any work on the queue. {@link Editor#run} calls this method; it\n * should not be called directly.\n *\n * @private\n */\n complete() {\n assert('Post editing can only be completed once', !this._didComplete);\n\n this.runCallbacks(CALLBACK_QUEUES.BEFORE_COMPLETE);\n this._didComplete = true;\n this.runCallbacks(CALLBACK_QUEUES.COMPLETE);\n this.runCallbacks(CALLBACK_QUEUES.AFTER_COMPLETE);\n }\n\n undoLastChange() {\n this.editor._editHistory.stepBackward(this);\n }\n\n redoLastChange() {\n this.editor._editHistory.stepForward(this);\n }\n\n cancelSnapshot() {\n this._shouldCancelSnapshot = true;\n }\n}\n\nexport default PostEditor;\n","const placeholderImageSrc = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOEAAADhCAMAAAAJbSJIAAAAMFBMVEXp7vG6vsHm6+63u77Hy868wMPe4+bO09bh5unr8fTR1djAxMfM0NPX3N/c4eTBxcjXRf5TAAACh0lEQVR4nO3b6ZKqMBSFUSQMYZL3f9tbBq/NEEDiqUqOfusn1ZXKbjcQlGQZAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACC6RkbsGHuabChEtHmiGYfS3EQYM+Sxw/gMQvmcNnYaj6oTDHi73WPn2eqnj9B8zo3TJXcq5uNjXmVff86VwSR3JtryMa1BYqi7S1hJDCVpSigyLcGhJJEwzlCSNtPKrbVhVwsdCfOhH7uuaG3ARV9DwsaOzxt3N1yPqCHhvXytTUz92VDpmE/LLhZwl++R6Sds6sUa/PL6K/2E2fIhw1xdRKefsFolrPc+xNx/N0k/4fpBsdhL2HfeiN+TsDCms8dDpeRyS3P3QDl6Iqaf8L0rTf+80m6Lmn7Ct+4Wxf+/2RY1/YRv3PHz/u+fsCmqgoTnq7Z+8SGviqoh4dnKu1ieqauiakh4/PQ0r6ivqDoSHj0B97eNRVG1JNxV+L4bnxdVecJtRTdFVZ7QU9F1UXUn9FZ0VVRlCav5ob2KLouqKmFjy676u2HsVnRRVFUJq3J+8KCi86IqSthMvyl209Hjijqm3RsqAZ5pNfa5PJ2KelJRjQmr1/r7cfy0ouoSNvOfvbvhvKLaEr4qOin9kTQnrN7LpDZhE/Zmhp6Eq4p+YcKgiipKGFhRRQkDK6ooYfgLbiSMioQkJGF8P5XwHv4O+7AaKiXzaeXh1kMl5AffTUxiKEm/krD94BR8Gdxl1fceSlR58ZhXKbEpyD2amNiBtmrJLTMHL1LF8/rpXkSZXEmz8K8uvAFFNm6Iq0aBLUFOmeCuJ6exrcCmoLpN7kYx891bSAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgh/wDdr8peyRHLogAAAAASUVORK5CYII=\";\n\nexport default placeholderImageSrc;\n","import placeholderImageSrc from 'mobiledoc-kit/utils/placeholder-image-src';\n\nexport default {\n name: 'image',\n type: 'dom',\n\n render({payload}) {\n let img = document.createElement('img');\n img.src = payload.src || placeholderImageSrc;\n return img;\n }\n};\n","import { forEach } from './array-utils';\nimport assert from './assert';\n\nexport function visit(visitor, node, opcodes) {\n const method = node.type;\n assert(`Cannot visit unknown type ${method}`, !!visitor[method]);\n visitor[method](node, opcodes);\n}\n\nexport function compile(compiler, opcodes) {\n for (var i=0, l=opcodes.length; iText
Text
${html}`;\n }\n\n let { clipboardData } = event;\n let { clipboardData: nonstandardClipboardData } = window;\n\n if (clipboardData && clipboardData.setData) {\n clipboardData.setData(MIME_TEXT_HTML, html);\n clipboardData.setData(MIME_TEXT_PLAIN, text);\n } else if (nonstandardClipboardData && nonstandardClipboardData.setData) {\n // The Internet Explorers (including Edge) have a non-standard way of interacting with the\n // Clipboard API (see http://caniuse.com/#feat=clipboard). In short, they expose a global window.clipboardData\n // object instead of the per-event event.clipboardData object on the other browsers.\n nonstandardClipboardData.setData(NONSTANDARD_IE_TEXT_TYPE, html);\n }\n}\n\n/**\n * @param {PasteEvent}\n * @param {{builder: Builder, _parserPlugins: Array}} options\n * @return {Post}\n * @private\n */\nexport function parsePostFromPaste(pasteEvent, {builder, _parserPlugins: plugins}, {targetFormat}={targetFormat:'html'}) {\n let { html, text } = getContentFromPasteEvent(pasteEvent, window);\n\n if (targetFormat === 'html' && html && html.length) {\n return parsePostFromHTML(html, builder, plugins);\n } else if (text && text.length) {\n return parsePostFromText(text, builder, plugins);\n }\n}\n\n/**\n * @param {DropEvent}\n * @param {Editor} editor\n * @param {Object} [options={}] Can pass a logger\n * @return {Post}\n * @private\n */\nexport function parsePostFromDrop(dropEvent, editor, {logger}={}) {\n let { builder, _parserPlugins: plugins } = editor;\n let { html, text } = getContentFromDropEvent(dropEvent, logger);\n\n if (html && html.length) {\n return parsePostFromHTML(html, builder, plugins);\n } else if (text && text.length) {\n return parsePostFromText(text, builder, plugins);\n }\n}\n","import { endsWith } from 'mobiledoc-kit/utils/string-utils';\nimport assert from 'mobiledoc-kit/utils/assert';\nimport deprecate from 'mobiledoc-kit/utils/deprecate';\nimport { ENTER } from 'mobiledoc-kit/utils/characters';\n\nclass TextInputHandler {\n constructor(editor) {\n this.editor = editor;\n this._handlers = [];\n }\n\n register(handler) {\n assert(`Input Handler is not valid`, this._validateHandler(handler));\n this._handlers.push(handler);\n }\n\n unregister(name) {\n let handlers = this._handlers;\n for (let i=0; i${serializeHTML(rendered.result)}`;\n } else {\n // Fallback to text serialization\n result = this.serializePost(post, 'text', options);\n }\n return result;\n }\n case 'text':\n rendered = new TextRenderer(rendererOptions).render(mobiledoc);\n return rendered.result;\n }\n }\n }\n\n addView(view) {\n this._views.push(view);\n }\n\n removeAllViews() {\n this._views.forEach((v) => v.destroy());\n this._views = [];\n }\n\n /**\n * Whether the editor has a cursor (or a selected range).\n * It is possible for the editor to be focused but not have a selection.\n * In this case, key events will fire but the editor will not be able to\n * determine a cursor position, so they will be ignored.\n * @return {boolean}\n * @public\n */\n hasCursor() {\n return this.cursor.hasCursor();\n }\n\n /**\n * Tears down the editor's attached event listeners and views.\n * @public\n */\n destroy() {\n this.isDestroyed = true;\n if (this._hasSelection()) {\n this.cursor.clearSelection();\n }\n if (this._hasFocus()) {\n this.element.blur(); // FIXME This doesn't blur the element on IE11\n }\n this._mutationHandler.destroy();\n this._eventManager.destroy();\n this.removeAllViews();\n this._renderer.destroy();\n this._editState.destroy();\n }\n\n /**\n * Keep the user from directly editing the post using the keyboard and mouse.\n * Modification via the programmatic API is still permitted.\n * @see Editor#enableEditing\n * @public\n */\n disableEditing() {\n this.isEditable = false;\n if (this.hasRendered) {\n this._eventManager.stop();\n this.element.setAttribute('contentEditable', false);\n this.setPlaceholder('');\n this.selectRange(Range.blankRange());\n }\n }\n\n /**\n * Allow the user to directly interact with editing a post via keyboard and mouse input.\n * Editor instances are editable by default. Use this method to re-enable\n * editing after disabling it.\n * @see Editor#disableEditing\n * @public\n */\n enableEditing() {\n this.isEditable = true;\n if (this.hasRendered) {\n this._eventManager.start();\n this.element.setAttribute('contentEditable', true);\n this.setPlaceholder(this.placeholder);\n }\n }\n\n /**\n * Change a cardSection into edit mode\n * If called before the card has been rendered, it will be marked so that\n * it is rendered in edit mode when it gets rendered.\n * @param {CardSection} cardSection\n * @public\n */\n editCard(cardSection) {\n this._setCardMode(cardSection, CARD_MODES.EDIT);\n }\n\n /**\n * Change a cardSection into display mode\n * If called before the card has been rendered, it will be marked so that\n * it is rendered in display mode when it gets rendered.\n * @param {CardSection} cardSection\n * @return undefined\n * @public\n */\n displayCard(cardSection) {\n this._setCardMode(cardSection, CARD_MODES.DISPLAY);\n }\n\n /**\n * Run a new post editing session. Yields a block with a new {@link PostEditor}\n * instance. This instance can be used to interact with the post abstract.\n * Rendering will be deferred until after the callback is completed.\n *\n * Usage:\n * ```\n * let markerRange = this.range;\n * editor.run((postEditor) => {\n * postEditor.deleteRange(markerRange);\n * // editing surface not updated yet\n * postEditor.schedule(() => {\n * console.log('logs during rerender flush');\n * });\n * // logging not yet flushed\n * });\n * // editing surface now updated.\n * // logging now flushed\n * ```\n *\n * @param {Function} callback Called with an instance of\n * {@link PostEditor} as its argument.\n * @return {Mixed} The return value of `callback`.\n * @public\n */\n run(callback) {\n const postEditor = new PostEditor(this);\n postEditor.begin();\n this._editHistory.snapshot();\n const result = callback(postEditor);\n this.runCallbacks(CALLBACK_QUEUES.DID_UPDATE, [postEditor]);\n postEditor.complete();\n this._readRangeFromDOM();\n\n if (postEditor._shouldCancelSnapshot) {\n this._editHistory._pendingSnapshot = null;\n }\n this._editHistory.storeSnapshot(postEditor.editActionTaken);\n\n return result;\n }\n\n /**\n * @param {Function} callback Called with `postEditor` as its argument.\n * @public\n */\n didUpdatePost(callback) {\n this.addCallback(CALLBACK_QUEUES.DID_UPDATE, callback);\n }\n\n /**\n * @param {Function} callback Called when the post has changed, either via\n * user input or programmatically. Use with {@link Editor#serialize} to\n * retrieve the post in portable mobiledoc format.\n */\n postDidChange(callback) {\n this.addCallback(CALLBACK_QUEUES.POST_DID_CHANGE, callback);\n }\n\n /**\n * Register a handler that will be invoked by the editor after the user enters\n * matching text.\n * @param {Object} inputHandler\n * @param {String} inputHandler.name Required. Used by identifying handlers.\n * @param {String} [inputHandler.text] Required if `match` is not provided\n * @param {RegExp} [inputHandler.match] Required if `text` is not provided\n * @param {Function} inputHandler.run This callback is invoked with the {@link Editor}\n * instance and an array of matches. If `text` was provided,\n * the matches array will equal [`text`], and if a `match`\n * regex was provided the matches array will be the result of\n * `match.exec` on the matching text. The callback is called\n * after the matching text has been inserted.\n * @public\n */\n onTextInput(inputHandler) {\n this._eventManager.registerInputHandler(inputHandler);\n }\n\n /**\n * Unregister all text input handlers\n *\n * @public\n */\n unregisterAllTextInputHandlers() {\n this._eventManager.unregisterAllTextInputHandlers();\n }\n\n /**\n * Unregister text input handler by name\n * @param {String} name The name of handler to be removed\n *\n * @public\n */\n unregisterTextInputHandler(name) {\n this._eventManager.unregisterInputHandler(name);\n }\n\n /**\n * @param {Function} callback Called when the editor's state (active markups or\n * active sections) has changed, either via user input or programmatically\n */\n inputModeDidChange(callback) {\n this.addCallback(CALLBACK_QUEUES.INPUT_MODE_DID_CHANGE, callback);\n }\n\n /**\n * @param {Function} callback This callback will be called before the editor\n * is rendered.\n * @public\n */\n willRender(callback) {\n this.addCallback(CALLBACK_QUEUES.WILL_RENDER, callback);\n }\n\n /**\n * @param {Function} callback This callback will be called after the editor\n * is rendered.\n * @public\n */\n didRender(callback) {\n this.addCallback(CALLBACK_QUEUES.DID_RENDER, callback);\n }\n\n /**\n * @param {Function} callback This callback will be called before deleting.\n * @public\n */\n willDelete(callback) {\n this.addCallback(CALLBACK_QUEUES.WILL_DELETE, callback);\n }\n\n /**\n * @param {Function} callback This callback will be called after deleting.\n * @public\n */\n didDelete(callback) {\n this.addCallback(CALLBACK_QUEUES.DID_DELETE, callback);\n }\n\n /**\n * @param {Function} callback This callback will be called before handling new line.\n * @public\n */\n willHandleNewline(callback) {\n this.addCallback(CALLBACK_QUEUES.WILL_HANDLE_NEWLINE, callback);\n }\n\n /**\n * @param {Function} callback This callback will be called every time the cursor\n * position (or selection) changes.\n * @public\n */\n cursorDidChange(callback) {\n this.addCallback(CALLBACK_QUEUES.CURSOR_DID_CHANGE, callback);\n }\n\n _rangeDidChange() {\n if (this.hasRendered) {\n this.runCallbacks(CALLBACK_QUEUES.CURSOR_DID_CHANGE);\n }\n }\n\n _inputModeDidChange() {\n this.runCallbacks(CALLBACK_QUEUES.INPUT_MODE_DID_CHANGE);\n }\n\n _insertEmptyMarkupSectionAtCursor() {\n this.run(postEditor => {\n const section = postEditor.builder.createMarkupSection('p');\n postEditor.insertSectionBefore(this.post.sections, section);\n postEditor.setRange(section.toRange());\n });\n }\n\n /**\n * @callback editorBeforeCallback\n * @param { Object } details\n * @param { Markup } details.markup\n * @param { Range } details.range\n * @param { boolean } details.willAdd Whether the markup will be applied\n */\n\n /**\n * Register a callback that will be run before {@link Editor#toggleMarkup} is applied.\n * If any callback returns literal `false`, the toggling of markup will be canceled.\n * Note this only applies to calling `editor#toggleMarkup`. Using `editor.run` and\n * modifying markup with the `postEditor` will skip any `beforeToggleMarkup` callbacks.\n * @param {editorBeforeCallback}\n */\n beforeToggleMarkup(callback) {\n this._beforeHooks.toggleMarkup.push(callback);\n }\n\n /**\n * Toggles the given markup at the editor's current {@link Range}.\n * If the range is collapsed this changes the editor's state so that the\n * next characters typed will be affected. If there is text selected\n * (aka a non-collapsed range), the selections' markup will be toggled.\n * If the editor is not focused and has no active range, nothing happens.\n * Hooks added using #beforeToggleMarkup will be run before toggling,\n * and if any of them returns literal false, toggling the markup will be canceled\n * and no change will be applied.\n * @param {String} markup E.g. \"b\", \"em\", \"a\"\n * @param {Object} [attributes={}] E.g. {href: \"http://bustle.com\"}\n * @public\n * @see PostEditor#toggleMarkup\n */\n toggleMarkup(markup, attributes={}) {\n markup = this.builder.createMarkup(markup, attributes);\n let { range } = this;\n let willAdd = !this.detectMarkupInRange(range, markup.tagName);\n let shouldCancel = this._runBeforeHooks('toggleMarkup', {markup, range, willAdd});\n if (shouldCancel) { return; }\n\n if (range.isCollapsed) {\n this._editState.toggleMarkupState(markup);\n this._inputModeDidChange();\n\n // when clicking a button to toggle markup, the button can end up being focused,\n // so ensure the editor is focused\n this._ensureFocus();\n } else {\n this.run(postEditor => postEditor.toggleMarkup(markup, range));\n }\n }\n\n // If the editor has a selection but is not focused, focus it\n _ensureFocus() {\n if (this._hasSelection() && !this._hasFocus()) {\n this.focus();\n }\n }\n\n focus() {\n this.element.focus();\n }\n\n /**\n * Whether there is a selection inside the editor's element.\n * It's possible to have a selection but not have focus.\n * @see #_hasFocus\n * @return {Boolean}\n */\n _hasSelection() {\n let { cursor } = this;\n return this.hasRendered && (cursor._hasCollapsedSelection() || cursor._hasSelection());\n }\n\n /**\n * Whether the editor's element is focused\n * It's possible to be focused but have no selection\n * @see #_hasSelection\n * @return {Boolean}\n */\n _hasFocus() {\n return document.activeElement === this.element;\n }\n\n /**\n * Toggles the tagName for the current active section(s). This will skip\n * non-markerable sections. E.g. if the editor's range includes a \"P\" MarkupSection\n * and a CardSection, only the MarkupSection will be toggled.\n * @param {String} tagName The new tagname to change to.\n * @public\n * @see PostEditor#toggleSection\n */\n toggleSection(tagName) {\n this.run(postEditor => postEditor.toggleSection(tagName, this.range));\n }\n\n /**\n * Sets an attribute for the current active section(s).\n *\n * @param {String} key The attribute. The only valid attribute is 'text-align'.\n * @param {String} value The value of the attribute.\n * @public\n * @see PostEditor#setAttribute\n */\n setAttribute(key, value) {\n this.run(postEditor => postEditor.setAttribute(key, value, this.range));\n }\n\n /**\n * Removes an attribute from the current active section(s).\n *\n * @param {String} key The attribute. The only valid attribute is 'text-align'.\n * @public\n * @see PostEditor#removeAttribute\n */\n removeAttribute(key) {\n this.run(postEditor => postEditor.removeAttribute(key, this.range));\n }\n\n /**\n * Finds and runs the first matching key command for the event\n *\n * If multiple commands are bound to a key combination, the\n * first matching one is run.\n *\n * If a command returns `false` then the next matching command\n * is run instead.\n *\n * @param {Event} event The keyboard event triggered by the user\n * @return {Boolean} true when a command was successfully run\n * @private\n */\n handleKeyCommand(event) {\n const keyCommands = findKeyCommands(this.keyCommands, event);\n for (let i=0; iabcdef+ // + // with a cursor between c and d, IE might say the focusNode iswith + // an offset of 1. However the anchorNode for a selection might still be + // 2 if there was a selection. + // + // This code walks down the DOM tree until a good comparison of position can be + // made. + // + if (position & Node.DOCUMENT_POSITION_CONTAINS) { + if (focusOffset < focusNode.childNodes.length) { + focusNode = focusNode.childNodes[focusOffset]; + focusOffset = 0; + } else { + // This situation happens on IE when triple-clicking to select. + // Set the focus to the very last character inside the node. + while (focusNode.lastChild) { + focusNode = focusNode.lastChild; + } + focusOffset = focusNode.textContent.length; + } + + return comparePosition({ + focusNode, + focusOffset, + anchorNode, anchorOffset + }); + } else if (position & Node.DOCUMENT_POSITION_CONTAINED_BY) { + let offset = anchorOffset - 1; + if (offset < 0) { + offset = 0; + } + return comparePosition({ + anchorNode: anchorNode.childNodes[offset], + anchorOffset: 0, + focusNode, focusOffset + }); + // The meat of translating anchor and focus nodes to head and tail nodes + } else if (position & Node.DOCUMENT_POSITION_FOLLOWING) { + headNode = anchorNode; tailNode = focusNode; + headOffset = anchorOffset; tailOffset = focusOffset; + direction = DIRECTION.FORWARD; + } else if (position & Node.DOCUMENT_POSITION_PRECEDING) { + headNode = focusNode; tailNode = anchorNode; + headOffset = focusOffset; tailOffset = anchorOffset; + direction = DIRECTION.BACKWARD; + } else { // same node + headNode = tailNode = anchorNode; + headOffset = anchorOffset; + tailOffset = focusOffset; + if (tailOffset < headOffset) { + // Swap the offset order + headOffset = focusOffset; + tailOffset = anchorOffset; + direction = DIRECTION.BACKWARD; + } else if (headOffset < tailOffset) { + direction = DIRECTION.FORWARD; + } else { + direction = null; + } + } + + return {headNode, headOffset, tailNode, tailOffset, direction}; +} + +/** + * A logical range of a {@link Post}. + * Usually an instance of Range will be read from the {@link Editor#range} property, + * but it may be useful to instantiate a range directly when programmatically modifying a Post. + */ +class Range { + /** + * @param {Position} head + * @param {Position} [tail=head] + * @param {Direction} [direction=null] + * @return {Range} + * @private + */ + constructor(head, tail=head, direction=null) { + /** @property {Position} head */ + this.head = head; + + /** @property {Position} tail */ + this.tail = tail; + + /** @property {Direction} direction */ + this.direction = direction; + } + + /** + * Shorthand to create a new range from a section(s) and offset(s). + * When given only a head section and offset, creates a collapsed range. + * @param {Section} headSection + * @param {number} headOffset + * @param {Section} [tailSection=headSection] + * @param {number} [tailOffset=headOffset] + * @param {Direction} [direction=null] + * @return {Range} + */ + static create(headSection, headOffset, tailSection=headSection, tailOffset=headOffset, direction=null) { + return new Range( + new Position$1(headSection, headOffset), + new Position$1(tailSection, tailOffset), + direction + ); + } + + static blankRange() { + return new Range(Position$1.blankPosition(), Position$1.blankPosition()); + } + + /** + * @param {Markerable} section + * @return {Range} A range that is constrained to only the part that + * includes the section. + * FIXME -- if the section isn't the head or tail, it's assumed to be + * wholly contained. It's possible to call `trimTo` with a selection that is + * outside of the range, though, which would invalidate that assumption. + * There's no efficient way to determine if a section is within a range, yet. + * @private + */ + trimTo(section) { + const length = section.length; + + let headOffset = section === this.head.section ? + Math.min(this.head.offset, length) : 0; + let tailOffset = section === this.tail.section ? + Math.min(this.tail.offset, length) : length; + + return Range.create(section, headOffset, section, tailOffset); + } + + /** + * Expands the range 1 unit in the given direction + * If the range is expandable in the given direction, always returns a + * non-collapsed range. + * @param {Number} units If units is > 0, the range is extended to the right, + * otherwise range is extended to the left. + * @return {Range} + * @public + */ + extend(units) { + assert(`Must pass integer to Range#extend`, typeof units === 'number'); + + if (units === 0) { return this; } + + let { head, tail, direction: currentDirection } = this; + switch (currentDirection) { + case DIRECTION.FORWARD: + return new Range(head, tail.move(units), currentDirection); + case DIRECTION.BACKWARD: + return new Range(head.move(units), tail, currentDirection); + default: { + let newDirection = units > 0 ? DIRECTION.FORWARD : DIRECTION.BACKWARD; + return new Range(head, tail, newDirection).extend(units); + } + } + } + + /** + * Moves this range 1 unit in the given direction. + * If the range is collapsed, returns a collapsed range shifted by 1 unit, + * otherwise collapses this range to the position at the `direction` end of the range. + * Always returns a collapsed range. + * @param {Direction} direction + * @return {Range} + * @public + */ + move(direction) { + assert(`Must pass DIRECTION.FORWARD (${DIRECTION.FORWARD}) or DIRECTION.BACKWARD (${DIRECTION.BACKWARD}) to Range#move`, + direction === DIRECTION.FORWARD || direction === DIRECTION.BACKWARD); + + let { focusedPosition, isCollapsed } = this; + + if (isCollapsed) { + return new Range(focusedPosition.move(direction)); + } else { + return this._collapse(direction); + } + } + + /** + * expand a range to all markers matching a given check + * + * @param {Function} detectMarker + * @return {Range} The expanded range + * + * @public + */ + expandByMarker(detectMarker) { + let { + head, + tail, + direction + } = this; + let {section: headSection} = head; + if (headSection !== tail.section) { + throw new Error('#expandByMarker does not work across sections. Perhaps you should confirm the range is collapsed'); + } + + let firstNotMatchingDetect = i => { + return !detectMarker(i); + }; + + let headMarker = headSection.markers.detect(firstNotMatchingDetect, head.marker, true); + if (!headMarker && detectMarker(headSection.markers.head)) { + headMarker = headSection.markers.head; + } else { + headMarker = headMarker.next || head.marker; + } + let headPosition = new Position$1(headSection, headSection.offsetOfMarker(headMarker)); + + let tailMarker = tail.section.markers.detect(firstNotMatchingDetect, tail.marker); + if (!tailMarker && detectMarker(headSection.markers.tail)) { + tailMarker = headSection.markers.tail; + } else { + tailMarker = tailMarker.prev || tail.marker; + } + let tailPosition = new Position$1(tail.section, tail.section.offsetOfMarker(tailMarker) + tailMarker.length); + + return headPosition.toRange(tailPosition, direction); + } + + _collapse(direction) { + return new Range(direction === DIRECTION.BACKWARD ? this.head : this.tail); + } + + get focusedPosition() { + return this.direction === DIRECTION.BACKWARD ? this.head : this.tail; + } + + isEqual(other) { + return other && + this.head.isEqual(other.head) && + this.tail.isEqual(other.tail); + } + + get isBlank() { + return this.head.isBlank && this.tail.isBlank; + } + + // "legacy" APIs + get headSection() { + return this.head.section; + } + get tailSection() { + return this.tail.section; + } + get headSectionOffset() { + return this.head.offset; + } + get tailSectionOffset() { + return this.tail.offset; + } + get isCollapsed() { + return this.head.isEqual(this.tail); + } + get headMarker() { + return this.head.marker; + } + get tailMarker() { + return this.tail.marker; + } + get headMarkerOffset() { + return this.head.offsetInMarker; + } + get tailMarkerOffset() { + return this.tail.offsetInMarker; + } +} + +const { FORWARD, BACKWARD } = DIRECTION; + +// generated via http://xregexp.com/ to cover chars that \w misses +// (new XRegExp('\\p{Alphabetic}|[0-9]|_|:')).toString() +const WORD_CHAR_REGEX = /[A-Za-zªµºÀ-ÖØ-öø-ˁˆ-ˑˠ-ˤˬˮͅͰ-ʹͶͷͺ-ͽͿΆΈ-ΊΌΎ-ΡΣ-ϵϷ-ҁҊ-ԯԱ-Ֆՙա-ևְ-ׇֽֿׁׂׅׄא-תװ-ײؐ-ؚؠ-ٗٙ-ٟٮ-ۓە-ۜۡ-ۭۨ-ۯۺ-ۼۿܐ-ܿݍ-ޱߊ-ߪߴߵߺࠀ-ࠗࠚ-ࠬࡀ-ࡘࢠ-ࢴࣣ-ࣰࣩ-ऻऽ-ौॎ-ॐॕ-ॣॱ-ঃঅ-ঌএঐও-নপ-রলশ-হঽ-ৄেৈোৌৎৗড়ঢ়য়-ৣৰৱਁ-ਃਅ-ਊਏਐਓ-ਨਪ-ਰਲਲ਼ਵਸ਼ਸਹਾ-ੂੇੈੋੌੑਖ਼-ੜਫ਼ੰ-ੵઁ-ઃઅ-ઍએ-ઑઓ-નપ-રલળવ-હઽ-ૅે-ૉોૌૐૠ-ૣૹଁ-ଃଅ-ଌଏଐଓ-ନପ-ରଲଳଵ-ହଽ-ୄେୈୋୌୖୗଡ଼ଢ଼ୟ-ୣୱஂஃஅ-ஊஎ-ஐஒ-கஙசஜஞடணதந-பம-ஹா-ூெ-ைொ-ௌௐௗఀ-ఃఅ-ఌఎ-ఐఒ-నప-హఽ-ౄె-ైొ-ౌౕౖౘ-ౚౠ-ౣಁ-ಃಅ-ಌಎ-ಐಒ-ನಪ-ಳವ-ಹಽ-ೄೆ-ೈೊ-ೌೕೖೞೠ-ೣೱೲഁ-ഃഅ-ഌഎ-ഐഒ-ഺഽ-ൄെ-ൈൊ-ൌൎൗൟ-ൣൺ-ൿංඃඅ-ඖක-නඳ-රලව-ෆා-ුූෘ-ෟෲෳก-ฺเ-ๆํກຂຄງຈຊຍດ-ທນ-ຟມ-ຣລວສຫອ-ູົ-ຽເ-ໄໆໍໜ-ໟༀཀ-ཇཉ-ཬཱ-ཱྀྈ-ྗྙ-ྼက-ံးျ-ဿၐ-ၢၥ-ၨၮ-ႆႎႜႝႠ-ჅჇჍა-ჺჼ-ቈቊ-ቍቐ-ቖቘቚ-ቝበ-ኈኊ-ኍነ-ኰኲ-ኵኸ-ኾዀዂ-ዅወ-ዖዘ-ጐጒ-ጕጘ-ፚ፟ᎀ-ᎏᎠ-Ᏽᏸ-ᏽᐁ-ᙬᙯ-ᙿᚁ-ᚚᚠ-ᛪᛮ-ᛸᜀ-ᜌᜎ-ᜓᜠ-ᜳᝀ-ᝓᝠ-ᝬᝮ-ᝰᝲᝳក-ឳា-ៈៗៜᠠ-ᡷᢀ-ᢪᢰ-ᣵᤀ-ᤞᤠ-ᤫᤰ-ᤸᥐ-ᥭᥰ-ᥴᦀ-ᦫᦰ-ᧉᨀ-ᨛᨠ-ᩞᩡ-ᩴᪧᬀ-ᬳᬵ-ᭃᭅ-ᭋᮀ-ᮩᮬ-ᮯᮺ-ᯥᯧ-ᯱᰀ-ᰵᱍ-ᱏᱚ-ᱽᳩ-ᳬᳮ-ᳳᳵᳶᴀ-ᶿᷧ-ᷴḀ-ἕἘ-Ἕἠ-ὅὈ-Ὅὐ-ὗὙὛὝὟ-ώᾀ-ᾴᾶ-ᾼιῂ-ῄῆ-ῌῐ-ΐῖ-Ίῠ-Ῥῲ-ῴῶ-ῼⁱⁿₐ-ₜℂℇℊ-ℓℕℙ-ℝℤΩℨK-ℭℯ-ℹℼ-ℿⅅ-ⅉⅎⅠ-ↈⒶ-ⓩⰀ-Ⱞⰰ-ⱞⱠ-ⳤⳫ-ⳮⳲⳳⴀ-ⴥⴧⴭⴰ-ⵧⵯⶀ-ⶖⶠ-ⶦⶨ-ⶮⶰ-ⶶⶸ-ⶾⷀ-ⷆⷈ-ⷎⷐ-ⷖⷘ-ⷞⷠ-ⷿⸯ々-〇〡-〩〱-〵〸-〼ぁ-ゖゝ-ゟァ-ヺー-ヿㄅ-ㄭㄱ-ㆎㆠ-ㆺㇰ-ㇿ㐀-䶵一-鿕ꀀ-ꒌꓐ-ꓽꔀ-ꘌꘐ-ꘟꘪꘫꙀ-ꙮꙴ-ꙻꙿ-ꛯꜗ-ꜟꜢ-ꞈꞋ-ꞭꞰ-ꞷꟷ-ꠁꠃ-ꠅꠇ-ꠊꠌ-ꠧꡀ-ꡳꢀ-ꣃꣲ-ꣷꣻꣽꤊ-ꤪꤰ-ꥒꥠ-ꥼꦀ-ꦲꦴ-ꦿꧏꧠ-ꧤꧦ-ꧯꧺ-ꧾꨀ-ꨶꩀ-ꩍꩠ-ꩶꩺꩾ-ꪾꫀꫂꫛ-ꫝꫠ-ꫯꫲ-ꫵꬁ-ꬆꬉ-ꬎꬑ-ꬖꬠ-ꬦꬨ-ꬮꬰ-ꭚꭜ-ꭥꭰ-ꯪ가-힣ힰ-ퟆퟋ-ퟻ豈-舘並-龎ff-stﬓ-ﬗיִ-ﬨשׁ-זּטּ-לּמּנּסּףּפּצּ-ﮱﯓ-ﴽﵐ-ﶏﶒ-ﷇﷰ-ﷻﹰ-ﹴﹶ-ﻼＡ-Ｚａ-ｚｦ-ﾾￂ-ￇￊ-ￏￒ-ￗￚ-ￜ]|[0-9]|_|:/; + +function findParentSectionFromNode(renderTree, node) { + let renderNode = renderTree.findRenderNodeFromElement( + node, + (renderNode) => renderNode.postNode.isSection + ); + + return renderNode && renderNode.postNode; +} + +function findOffsetInMarkerable(markerable, node, offset) { + let offsetInSection = 0; + let marker = markerable.markers.head; + while (marker) { + let markerNode = marker.renderNode.element; + if (markerNode === node) { + return offsetInSection + offset; + } else if (marker.isAtom) { + if (marker.renderNode.headTextNode === node) { + return offsetInSection; + } else if (marker.renderNode.tailTextNode === node) { + return offsetInSection + 1; + } + } + + offsetInSection += marker.length; + marker = marker.next; + } + + return offsetInSection; +} + +function findOffsetInSection(section, node, offset) { + if (section.isMarkerable) { + return findOffsetInMarkerable(section, node, offset); + } else { + assert('findOffsetInSection must be called with markerable or card section', + section.isCardSection); + + let wrapperNode = section.renderNode.element; + let endTextNode = wrapperNode.lastChild; + if (node === endTextNode) { + return 1; + } + return 0; + } +} + +let Position, BlankPosition; + +Position = class Position { + /** + * A position is a logical location (zero-width, or "collapsed") in a post, + * typically between two characters in a section. + * Two positions (a head and a tail) make up a {@link Range}. + * @constructor + */ + constructor(section, offset=0, isBlank=false) { + if (!isBlank) { + assert('Position must have a section that is addressable by the cursor', + (section && section.isLeafSection)); + assert('Position must have numeric offset', + (typeof offset === 'number')); + } + + this.section = section; + this.offset = offset; + this.isBlank = isBlank; + } + + /** + * @param {integer} x x-position in current viewport + * @param {integer} y y-position in current viewport + * @param {Editor} editor + * @return {Position|null} + */ + static atPoint(x, y, editor) { + let { _renderTree, element: rootElement } = editor; + let elementFromPoint = document.elementFromPoint(x, y); + if (!containsNode(rootElement, elementFromPoint)) { + return; + } + + let { node, offset } = findOffsetInNode(elementFromPoint, {left: x, top: y}); + return Position.fromNode(_renderTree, node, offset); + } + + static blankPosition() { + return new BlankPosition(); + } + + /** + * Returns a range from this position to the given tail. If no explicit + * tail is given this returns a collapsed range focused on this position. + * @param {Position} [tail=this] The ending position + * @return {Range} + * @public + */ + toRange(tail=this, direction=null) { + return new Range(this, tail, direction); + } + + get leafSectionIndex() { + let post = this.section.post; + let leafSectionIndex; + post.walkAllLeafSections((section, index) => { + if (section === this.section) { + leafSectionIndex = index; + } + }); + return leafSectionIndex; + } + + get isMarkerable() { + return this.section && this.section.isMarkerable; + } + + /** + * Returns the marker at this position, in the backward direction + * (i.e., the marker to the left of the cursor if the cursor is on a marker boundary and text is left-to-right) + * @return {Marker|undefined} + */ + get marker() { + return this.isMarkerable && this.markerPosition.marker; + } + + /** + * Returns the marker in `direction` from this position. + * If the position is in the middle of a marker, the direction is irrelevant. + * Otherwise, if the position is at a boundary between two markers, returns the + * marker to the left if `direction` === BACKWARD and the marker to the right + * if `direction` === FORWARD (assuming left-to-right text direction). + * @param {Direction} + * @return {Marker|undefined} + */ + markerIn(direction) { + if (!this.isMarkerable) { return; } + + let { marker, offsetInMarker } = this; + if (!marker) { return; } + + if (offsetInMarker > 0 && offsetInMarker < marker.length) { + return marker; + } else if (offsetInMarker === 0) { + return direction === BACKWARD ? marker : marker.prev; + } else if (offsetInMarker === marker.length) { + return direction === FORWARD ? marker.next : marker; + } + } + + get offsetInMarker() { + return this.markerPosition.offset; + } + + isEqual(position) { + return this.section === position.section && + this.offset === position.offset; + } + + /** + * @return {Boolean} If this position is at the head of the post + */ + isHeadOfPost() { + return this.move(BACKWARD).isEqual(this); + } + + /** + * @return {Boolean} If this position is at the tail of the post + */ + isTailOfPost() { + return this.move(FORWARD).isEqual(this); + } + + /** + * @return {Boolean} If this position is at the head of its section + */ + isHead() { + return this.isEqual(this.section.headPosition()); + } + + /** + * @return {Boolean} If this position is at the tail of its section + */ + isTail() { + return this.isEqual(this.section.tailPosition()); + } + + /** + * Move the position 1 unit in `direction`. + * + * @param {Number} units to move. > 0 moves right, < 0 moves left + * @return {Position} Return a new position one unit in the given + * direction. If the position is moving left and at the beginning of the post, + * the same position will be returned. Same if the position is moving right and + * at the end of the post. + */ + move(units) { + assert('Must pass integer to Position#move', typeof units === 'number'); + + if (units < 0) { + return this.moveLeft().move(++units); + } else if (units > 0) { + return this.moveRight().move(--units); + } else { + return this; + } + } + + /** + * @param {Number} direction (FORWARD or BACKWARD) + * @return {Position} The result of moving 1 "word" unit in `direction` + */ + moveWord(direction) { + let isPostBoundary = direction === BACKWARD ? this.isHeadOfPost() : this.isTailOfPost(); + if (isPostBoundary) { + return this; + } + + if (!this.isMarkerable) { + return this.move(direction); + } + + let pos = this; + + // Helper fn to check if the pos is at the `dir` boundary of its section + let isBoundary = (pos, dir) => { + return dir === BACKWARD ? pos.isHead() : pos.isTail(); + }; + // Get the char at this position (looking forward/right) + let getChar = (pos) => { + let { marker, offsetInMarker } = pos; + return marker.charAt(offsetInMarker); + }; + // Get the char in `dir` at this position + let peekChar = (pos, dir) => { + return dir === BACKWARD ? getChar(pos.move(BACKWARD)) : getChar(pos); + }; + // Whether there is an atom in `dir` from this position + let isAtom = (pos, dir) => { + // Special case when position is at end, the marker associated with it is + // the marker to its left. Normally `pos#marker` is the marker to the right of the pos's offset. + if (dir === BACKWARD && pos.isTail() && pos.marker.isAtom) { + return true; + } + return dir === BACKWARD ? pos.move(BACKWARD).marker.isAtom : pos.marker.isAtom; + }; + + if (isBoundary(pos, direction)) { + // extend movement into prev/next section + return pos.move(direction).moveWord(direction); + } + + let seekWord = (pos) => { + return !isBoundary(pos, direction) && + !isAtom(pos, direction) && + !WORD_CHAR_REGEX.test(peekChar(pos, direction)); + }; + + // move(dir) while we are seeking the first word char + while (seekWord(pos)) { + pos = pos.move(direction); + } + + if (isAtom(pos, direction)) { + return pos.move(direction); + } + + let seekBoundary = (pos) => { + return !isBoundary(pos, direction) && + !isAtom(pos, direction) && + WORD_CHAR_REGEX.test(peekChar(pos, direction)); + }; + + // move(dir) while we are seeking the first boundary position + while (seekBoundary(pos)) { + pos = pos.move(direction); + } + + return pos; + } + + /** + * The position to the left of this position. + * If this position is the post's headPosition it returns itself. + * @return {Position} + * @private + */ + moveLeft() { + if (this.isHead()) { + let prev = this.section.previousLeafSection(); + return prev ? prev.tailPosition() : this; + } else { + let offset = this.offset - 1; + if (this.isMarkerable && this.marker) { + let code = this.marker.value.charCodeAt(offset); + if (code >= LOW_SURROGATE_RANGE[0] && code <= LOW_SURROGATE_RANGE[1]) { + offset = offset - 1; + } + } + return new Position(this.section, offset); + } + } + + /** + * The position to the right of this position. + * If this position is the post's tailPosition it returns itself. + * @return {Position} + * @private + */ + moveRight() { + if (this.isTail()) { + let next = this.section.nextLeafSection(); + return next ? next.headPosition() : this; + } else { + let offset = this.offset + 1; + if (this.isMarkerable && this.marker) { + let code = this.marker.value.charCodeAt(offset - 1); + if (code >= HIGH_SURROGATE_RANGE[0] && code <= HIGH_SURROGATE_RANGE[1]) { + offset = offset + 1; + } + } + return new Position(this.section, offset); + } + } + + static fromNode(renderTree, node, offset) { + if (isTextNode(node)) { + return Position.fromTextNode(renderTree, node, offset); + } else { + return Position.fromElementNode(renderTree, node, offset); + } + } + + static fromTextNode(renderTree, textNode, offsetInNode) { + const renderNode = renderTree.getElementRenderNode(textNode); + let section, offsetInSection; + + if (renderNode) { + const marker = renderNode.postNode; + section = marker.section; + + assert(`Could not find parent section for mapped text node "${textNode.textContent}"`, + !!section); + offsetInSection = section.offsetOfMarker(marker, offsetInNode); + } else { + // all text nodes should be rendered by markers except: + // * text nodes inside cards + // * text nodes created by the browser during text input + // both of these should have rendered parent sections, though + section = findParentSectionFromNode(renderTree, textNode); + assert(`Could not find parent section for un-mapped text node "${textNode.textContent}"`, + !!section); + + offsetInSection = findOffsetInSection(section, textNode, offsetInNode); + } + + return new Position(section, offsetInSection); + } + + static fromElementNode(renderTree, elementNode, offset) { + let position; + + // The browser may change the reported selection to equal the editor's root + // element if the user clicks an element that is immediately removed, + // which can happen when clicking to remove a card. + if (elementNode === renderTree.rootElement) { + let post = renderTree.rootNode.postNode; + position = offset === 0 ? post.headPosition() : post.tailPosition(); + } else { + let section = findParentSectionFromNode(renderTree, elementNode); + assert('Could not find parent section from element node', !!section); + + if (section.isCardSection) { + // Selections in cards are usually made on a text node + // containing a on one side or the other of the card but + // some scenarios (Firefox) will result in selecting the + // card's wrapper div. If the offset is 2 we've selected + // the final zwnj and should consider the cursor at the + // end of the card (offset 1). Otherwise, the cursor is at + // the start of the card + position = offset < 2 ? section.headPosition() : section.tailPosition(); + } else { + + // In Firefox it is possible for the cursor to be on an atom's wrapper + // element. (In Chrome/Safari, the browser corrects this to be on + // one of the text nodes surrounding the wrapper). + // This code corrects for when the browser reports the cursor position + // to be on the wrapper element itself + let renderNode = renderTree.getElementRenderNode(elementNode); + let postNode = renderNode && renderNode.postNode; + if (postNode && postNode.isAtom) { + let sectionOffset = section.offsetOfMarker(postNode); + if (offset > 1) { + // we are on the tail side of the atom + sectionOffset += postNode.length; + } + position = new Position(section, sectionOffset); + } else if (offset >= elementNode.childNodes.length) { + + // This is to deal with how Firefox handles triple-click selections. + // See https://stackoverflow.com/a/21234837/1269194 for an + // explanation. + position = section.tailPosition(); + } else { + // The offset is 0 if the cursor is on a non-atom-wrapper element node + // (e.g., a
tag in a blank markup section) + position = section.headPosition(); + } + } + } + + return position; + } + + /** + * @private + */ + get markerPosition() { + assert('Cannot get markerPosition without a section', !!this.section); + assert('cannot get markerPosition of a non-markerable', !!this.section.isMarkerable); + return this.section.markerPositionAtOffset(this.offset); + } +}; + +BlankPosition = class BlankPosition extends Position { + constructor() { + super(null, 0, true); + } + + isEqual(other) { + return other && other.isBlank; + } + + toRange() { return Range.blankRange(); } + get leafSectionIndex() { assert('must implement get leafSectionIndex', false); } + + get isMarkerable() { return false; } + get marker() { return false; } + isHeadOfPost() { return false; } + isTailOfPost() { return false; } + isHead() { return false; } + isTail() { return false; } + move() { return this; } + moveWord() { return this; } + + get markerPosition() { return {}; } +}; + +var Position$1 = Position; + +class LifecycleCallbacks { + constructor(queueNames=[]) { + this.callbackQueues = {}; + this.removalQueues = {}; + + queueNames.forEach(name => { + this.callbackQueues[name] = []; + this.removalQueues[name] = []; + }); + } + + runCallbacks(queueName, args=[]) { + let queue = this._getQueue(queueName); + queue.forEach(cb => cb(...args)); + + let toRemove = this.removalQueues[queueName]; + toRemove.forEach(cb => { + let index = queue.indexOf(cb); + if (index !== -1) { + queue.splice(index, 1); + } + }); + + this.removalQueues[queueName] = []; + } + + addCallback(queueName, callback) { + this._getQueue(queueName).push(callback); + } + + _scheduleCallbackForRemoval(queueName, callback) { + this.removalQueues[queueName].push(callback); + } + + addCallbackOnce(queueName, callback) { + let queue = this._getQueue(queueName); + if (queue.indexOf(callback) === -1) { + queue.push(callback); + this._scheduleCallbackForRemoval(queueName, callback); + } + } + + _getQueue(queueName) { + let queue = this.callbackQueues[queueName]; + assert(`No queue found for "${queueName}"`, !!queue); + return queue; + } +} + +const MARKERABLE = 'markerable', + NESTED_MARKERABLE = 'nested_markerable', + NON_MARKERABLE = 'non_markerable'; + +class Visitor { + constructor(inserter, cursorPosition) { + let { postEditor, post } = inserter; + this.postEditor = postEditor; + this._post = post; + this.cursorPosition = cursorPosition; + this.builder = this.postEditor.builder; + + this._hasInsertedFirstLeafSection = false; + } + + get cursorPosition() { + return this._cursorPosition; + } + + set cursorPosition(position) { + this._cursorPosition = position; + this.postEditor.setRange(position); + } + + visit(node) { + let method = node.type; + assert(`Cannot visit node of type ${node.type}`, !!this[method]); + this[method](node); + } + + _canMergeSection(section) { + if (this._hasInsertedFirstLeafSection) { + return false; + } else { + return this._isMarkerable && section.isMarkerable; + } + } + + get _isMarkerable() { + return this.cursorSection.isMarkerable; + } + + get cursorSection() { + return this.cursorPosition.section; + } + + get cursorOffset() { + return this.cursorPosition.offset; + } + + get _isNested() { + return this.cursorSection.isNested; + } + + [POST_TYPE](node) { + if (this.cursorSection.isBlank && !this._isNested) { + // replace blank section with entire post + let newSections = node.sections.map(s => s.clone()); + this._replaceSection(this.cursorSection, newSections); + } else { + node.sections.forEach(section => this.visit(section)); + } + } + + [MARKUP_SECTION_TYPE](node) { + this[MARKERABLE](node); + } + + [LIST_SECTION_TYPE](node) { + let hasNext = !!node.next; + node.items.forEach(item => this.visit(item)); + + if (this._isNested && hasNext) { + this._breakNestedAtCursor(); + } + } + + [LIST_ITEM_TYPE](node) { + this[NESTED_MARKERABLE](node); + } + + [CARD_TYPE](node) { + this[NON_MARKERABLE](node); + } + + [IMAGE_SECTION_TYPE](node) { + this[NON_MARKERABLE](node); + } + + [NON_MARKERABLE](section) { + if (this._isNested) { + this._breakNestedAtCursor(); + } else if (!this.cursorSection.isBlank) { + this._breakAtCursor(); + } + + this._insertLeafSection(section); + } + + [MARKERABLE](section) { + if (this._canMergeSection(section)) { + this._mergeSection(section); + } else if (this._isNested && this._isMarkerable) { + // If we are attaching a markerable section to a list item, + // insert a linebreak then merge the section onto the resulting blank list item + this._breakAtCursor(); + + // Advance the cursor to the head of the blank list item + let nextPosition = this.cursorSection.next.headPosition(); + this.cursorPosition = nextPosition; + + // Merge this section onto the list item + this._mergeSection(section); + } else { + this._breakAtCursor(); + this._insertLeafSection(section); + } + } + + [NESTED_MARKERABLE](section) { + if (this._canMergeSection(section)) { + this._mergeSection(section); + return; + } + + section = this._isNested ? section : this._wrapNestedSection(section); + this._breakAtCursor(); + this._insertLeafSection(section); + } + + // break out of a nested cursor position + _breakNestedAtCursor() { + assert('Cannot call _breakNestedAtCursor if not nested', this._isNested); + + let parent = this.cursorSection.parent; + let cursorAtEndOfList = this.cursorPosition.isEqual(parent.tailPosition()); + + if (cursorAtEndOfList) { + let blank = this.builder.createMarkupSection(); + this._insertSectionAfter(blank, parent); + } else { + let [, blank,] = this._breakListAtCursor(); + this.cursorPosition = blank.tailPosition(); + } + } + + _breakListAtCursor() { + assert('Cannot _splitParentSection if cursor position is not nested', + this._isNested); + + let list = this.cursorSection.parent, + position = this.cursorPosition, + blank = this.builder.createMarkupSection(); + let [pre, post] = this.postEditor._splitListAtPosition(list, position); + + let collection = this._post.sections, + reference = post; + this.postEditor.insertSectionBefore(collection, blank, reference); + return [pre, blank, post]; + } + + _wrapNestedSection(section) { + let tagName = section.parent.tagName; + let parent = this.builder.createListSection(tagName); + parent.items.append(section.clone()); + return parent; + } + + _mergeSection(section) { + assert('Can only merge markerable sections', + this._isMarkerable && section.isMarkerable); + this._hasInsertedFirstLeafSection = true; + + let markers = section.markers.map(m => m.clone()); + let position = this.postEditor.insertMarkers(this.cursorPosition, markers); + + this.cursorPosition = position; + } + + // Can be called to add a line break when in a nested section or a parent + // section. + _breakAtCursor() { + if (this.cursorSection.isBlank) { + return; + } else if (this._isMarkerable) { + this._breakMarkerableAtCursor(); + } else { + this._breakNonMarkerableAtCursor(); + } + } + + // Inserts a blank section before/after the cursor, + // depending on cursor position. + _breakNonMarkerableAtCursor() { + let collection = this._post.sections, + blank = this.builder.createMarkupSection(), + reference = this.cursorPosition.isHead() ? this.cursorSection : + this.cursorSection.next; + this.postEditor.insertSectionBefore(collection, blank, reference); + this.cursorPosition = blank.tailPosition(); + } + + _breakMarkerableAtCursor() { + let [pre,] = + this.postEditor.splitSection(this.cursorPosition); + + this.cursorPosition = pre.tailPosition(); + } + + _replaceSection(section, newSections) { + assert('Cannot replace section that does not have parent.sections', + section.parent && section.parent.sections); + assert('Must pass enumerable to _replaceSection', !!newSections.forEach); + + let collection = section.parent.sections; + let reference = section.next; + this.postEditor.removeSection(section); + newSections.forEach(section => { + this.postEditor.insertSectionBefore(collection, section, reference); + }); + let lastSection = newSections[newSections.length - 1]; + + this.cursorPosition = lastSection.tailPosition(); + } + + _insertSectionBefore(section, reference) { + let collection = this.cursorSection.parent.sections; + this.postEditor.insertSectionBefore(collection, section, reference); + + this.cursorPosition = section.tailPosition(); + } + + // Insert a section after the parent section. + // E.g., add a markup section after a list section + _insertSectionAfter(section, parent) { + assert('Cannot _insertSectionAfter nested section', !parent.isNested); + let reference = parent.next; + let collection = this._post.sections; + this.postEditor.insertSectionBefore(collection, section, reference); + this.cursorPosition = section.tailPosition(); + } + + _insertLeafSection(section) { + assert('Can only _insertLeafSection when cursor is at end of section', + this.cursorPosition.isTail()); + + this._hasInsertedFirstLeafSection = true; + section = section.clone(); + + if (this.cursorSection.isBlank) { + assert('Cannot insert leaf non-markerable section when cursor is nested', + !(section.isMarkerable && this._isNested)); + this._replaceSection(this.cursorSection, [section]); + } else if (this.cursorSection.next && this.cursorSection.next.isBlank) { + this._replaceSection(this.cursorSection.next, [section]); + } else { + let reference = this.cursorSection.next; + this._insertSectionBefore(section, reference); + } + } +} + +class Inserter { + constructor(postEditor, post) { + this.postEditor = postEditor; + this.post = post; + } + + insert(cursorPosition, newPost) { + let visitor = new Visitor(this, cursorPosition); + if (!newPost.isBlank) { + visitor.visit(newPost); + } + return visitor.cursorPosition; + } +} + +/** + * Usage: + * Without a conditional, always prints deprecate message: + * `deprecate('This is deprecated')` + * + * Conditional deprecation, works similarly to `assert`, prints deprecation if + * conditional is false: + * `deprecate('Deprecated only if foo !== bar', foo === bar)` + */ +function deprecate(message, conditional=false) { + if (!conditional) { + // eslint-disable-next-line no-console + console.log(`[mobiledoc-kit] [DEPRECATED]: ${message}`); + } +} + +function toRange(rangeLike) { + assert(`Must pass non-blank object to "toRange"`, !!rangeLike); + + if (rangeLike instanceof Range) { + return rangeLike; + } else if (rangeLike instanceof Position$1) { + return rangeLike.toRange(); + } + + assert(`Incorrect structure for rangeLike: ${rangeLike}`, false); +} + +const { FORWARD: FORWARD$1, BACKWARD: BACKWARD$1 } = DIRECTION; + +function isListSectionTagName(tagName) { + return tagName === 'ul' || tagName === 'ol'; +} + +const CALLBACK_QUEUES = { + BEFORE_COMPLETE: 'beforeComplete', + COMPLETE: 'complete', + AFTER_COMPLETE: 'afterComplete' +}; + +// There are only two events that we're concerned about for Undo, that is inserting text and deleting content. +// These are the only two states that go on a "run" and create a combined undo, everything else has it's own +// deadicated undo. +const EDIT_ACTIONS = { + INSERT_TEXT: 1, + DELETE: 2 +}; + + +/** + * The PostEditor is used to modify a post. It should not be instantiated directly. + * Instead, a new instance of a PostEditor is created by the editor and passed + * as the argument to the callback in {@link Editor#run}. + * + * Usage: + * ``` + * editor.run((postEditor) => { + * // postEditor is an instance of PostEditor that can operate on the + * // editor's post + * }); + * ``` + */ +class PostEditor { + /** + * @private + */ + constructor(editor) { + this.editor = editor; + this.builder = this.editor.builder; + this._callbacks = new LifecycleCallbacks(values(CALLBACK_QUEUES)); + + this._didComplete = false; + this.editActionTaken = null; + + this._renderRange = () => this.editor.selectRange(this._range); + this._postDidChange = () => this.editor._postDidChange(); + this._rerender = () => this.editor.rerender(); + } + + addCallback(...args) { + this._callbacks.addCallback(...args); + } + + addCallbackOnce(...args) { + this._callbacks.addCallbackOnce(...args); + } + + runCallbacks(...args) { + this._callbacks.runCallbacks(...args); + } + + begin() { + // cache the editor's range + this._range = this.editor.range; + } + + /** + * Schedules to select the given range on the editor after the postEditor + * has completed its work. This also updates the postEditor's active range + * (so that multiple calls to range-changing methods on the postEditor will + * update the correct range). + * + * Usage: + * let range = editor.range; + * editor.run(postEditor => { + * let nextPosition = postEditor.deleteRange(range); + * + * // Will position the editor's cursor at `nextPosition` after + * // the postEditor finishes work and the editor rerenders. + * postEditor.setRange(nextPosition); + * }); + * @param {Range|Position} range + * @public + */ + setRange(range) { + range = toRange(range); + + // TODO validate that the range is valid + // (does not contain marked-for-removal head or tail sections?) + this._range = range; + this.scheduleAfterRender(this._renderRange, true); + } + + /** + * Delete a range from the post + * + * Usage: + * ``` + * let { range } = editor; + * editor.run((postEditor) => { + * let nextPosition = postEditor.deleteRange(range); + * postEditor.setRange(nextPosition); + * }); + * ``` + * @param {Range} range Cursor Range object with head and tail Positions + * @return {Position} The position where the cursor would go after deletion + * @public + */ + deleteRange(range) { + assert("Must pass MobiledocKit Range to `deleteRange`", range instanceof Range); + + this.editActionTaken = EDIT_ACTIONS.DELETE; + + let { + head, head: {section: headSection}, + tail, tail: {section: tailSection} + } = range; + + let { editor: { post } } = this; + + if (headSection === tailSection) { + return this.cutSection(headSection, head, tail); + } + + let nextSection = headSection.nextLeafSection(); + + let nextPos = this.cutSection(headSection, head, headSection.tailPosition()); + // cutSection can replace the section, so re-read headSection here + headSection = nextPos.section; + + // Remove sections in the middle of the range + while (nextSection !== tailSection) { + let tmp = nextSection; + nextSection = nextSection.nextLeafSection(); + this.removeSection(tmp); + } + + let tailPos = this.cutSection(tailSection, tailSection.headPosition(), tail); + // cutSection can replace the section, so re-read tailSection here + tailSection = tailPos.section; + + if (tailSection.isBlank) { + this.removeSection(tailSection); + } else { + // If head and tail sections are markerable, join them + // Note: They may not be the same section type. E.g. this may join + // a tail section that was a list item onto a markup section, or vice versa. + // (This is the desired behavior.) + if (headSection.isMarkerable && tailSection.isMarkerable) { + headSection.join(tailSection); + this._markDirty(headSection); + this.removeSection(tailSection); + } else if (headSection.isBlank) { + this.removeSection(headSection); + nextPos = tailPos; + } + } + + if (post.isBlank) { + post.sections.append(this.builder.createMarkupSection('p')); + nextPos = post.headPosition(); + } + + return nextPos; + } + + /** + * Note: This method may replace `section` with a different section. + * + * "Cut" out the part of the section inside `headOffset` and `tailOffset`. + * If section is markerable this splits markers that straddle the head or tail (if necessary), + * and removes markers that are wholly inside the offsets. + * If section is a card, this may replace it with a blank markup section if the + * positions contain the entire card. + * + * @param {Section} section + * @param {Position} head + * @param {Position} tail + * @return {Position} + * @private + */ + cutSection(section, head, tail) { + assert('Must pass head position and tail position to `cutSection`', + head instanceof Position$1 && tail instanceof Position$1); + assert('Must pass positions within same section to `cutSection`', + head.section === tail.section); + + if (section.isBlank || head.isEqual(tail)) { + return head; + } + if (section.isCardSection) { + if (head.isHead() && tail.isTail()) { + let newSection = this.builder.createMarkupSection(); + this.replaceSection(section, newSection); + return newSection.headPosition(); + } else { + return tail; + } + } + + let range = head.toRange(tail); + this.splitMarkers(range).forEach(m => this.removeMarker(m)); + + return head; + } + + _coalesceMarkers(section) { + if (section.isMarkerable) { + this._removeBlankMarkers(section); + this._joinSimilarMarkers(section); + } + } + + _removeBlankMarkers(section) { + forEach( + filter(section.markers, m => m.isBlank), + m => this.removeMarker(m) + ); + } + + // joins markers that have identical markups + _joinSimilarMarkers(section) { + let marker = section.markers.head; + let nextMarker; + while (marker && marker.next) { + nextMarker = marker.next; + + if (marker.canJoin(nextMarker)) { + nextMarker.value = marker.value + nextMarker.value; + this._markDirty(nextMarker); + this.removeMarker(marker); + } + + marker = nextMarker; + } + } + + removeMarker(marker) { + this._scheduleForRemoval(marker); + if (marker.section) { + this._markDirty(marker.section); + marker.section.markers.remove(marker); + } + } + + _scheduleForRemoval(postNode) { + if (postNode.renderNode) { + postNode.renderNode.scheduleForRemoval(); + + this.scheduleRerender(); + this.scheduleDidUpdate(); + } + let removedAdjacentToList = (postNode.prev && postNode.prev.isListSection) || + (postNode.next && postNode.next.isListSection); + if (removedAdjacentToList) { + this.addCallback( + CALLBACK_QUEUES.BEFORE_COMPLETE, + () => this._joinContiguousListSections() + ); + } + } + + _joinContiguousListSections() { + let { post } = this.editor; + let range = this._range; + let prev; + let groups = []; + let currentGroup; + + // FIXME do we need to force a re-render of the range if changed sections + // are contained within the range? + let updatedHead = null; + forEach(post.sections, section => { + if (prev && + prev.isListSection && + section.isListSection && + prev.tagName === section.tagName) { + + currentGroup = currentGroup || [prev]; + currentGroup.push(section); + } else { + if (currentGroup) { + groups.push(currentGroup); + } + currentGroup = null; + } + prev = section; + }); + + if (currentGroup) { + groups.push(currentGroup); + } + + forEach(groups, group => { + let list = group[0]; + forEach(group, listSection => { + if (listSection === list) { + return; + } + + let currentHead = range.head; + let prevPosition; + + // FIXME is there a currentHead if there is no range? + // is the current head a list item in the section + if (!range.isBlank && currentHead.section.isListItem && + currentHead.section.parent === listSection) { + prevPosition = list.tailPosition(); + } + this._joinListSections(list, listSection); + if (prevPosition) { + updatedHead = prevPosition.move(FORWARD$1); + } + }); + }); + + if (updatedHead) { + this.setRange(updatedHead); + } + } + + _joinListSections(baseList, nextList) { + baseList.join(nextList); + this._markDirty(baseList); + this.removeSection(nextList); + } + + _markDirty(postNode) { + if (postNode.renderNode) { + postNode.renderNode.markDirty(); + + this.scheduleRerender(); + this.scheduleDidUpdate(); + } + if (postNode.section) { + this._markDirty(postNode.section); + } + if (postNode.isMarkerable) { + this.addCallback( + CALLBACK_QUEUES.BEFORE_COMPLETE, () => this._coalesceMarkers(postNode)); + } + } + + /** + * @param {Position} position object with {section, offset} the marker and offset to delete from + * @param {Number} direction The direction to delete in (default is BACKWARD) + * @return {Position} for positioning the cursor + * @public + * @deprecated after v0.10.3 + */ + deleteFrom(position, direction=DIRECTION.BACKWARD) { + deprecate("`postEditor#deleteFrom is deprecated. Use `deleteAtPosition(position, direction=BACKWARD, {unit}={unit: 'char'})` instead"); + return this.deleteAtPosition(position, direction, {unit: 'char'}); + } + + /** + * Delete 1 `unit` (can be 'char' or 'word') in the given `direction` at the given + * `position`. In almost all cases this will be equivalent to deleting the range formed + * by expanding the position 1 unit in the given direction. The exception is when deleting + * backward from the beginning of a list item, which reverts the list item into a markup section + * instead of joining it with its previous list item (if any). + * + * Usage: + * + * let position = section.tailPosition(); + * // Section has text of "Howdy!" + * editor.run((postEditor) => { + * postEditor.deleteAtPosition(position); + * }); + * // section has text of "Howdy" + * + * @param {Position} position The position to delete at + * @param {Direction} [direction=DIRECTION.BACKWARD] direction The direction to delete in + * @param {Object} [options] + * @param {String} [options.unit="char"] The unit of deletion ("word" or "char") + * @return {Position} + */ + deleteAtPosition(position, direction=DIRECTION.BACKWARD, {unit}={unit: 'char'}) { + if (direction === DIRECTION.BACKWARD) { + return this._deleteAtPositionBackward(position, unit); + } else { + return this._deleteAtPositionForward(position, unit); + } + } + + _deleteAtPositionBackward(position, unit) { + if (position.isHead() && position.section.isListItem) { + this.toggleSection('p', position); + return this._range.head; + } else { + let prevPosition = unit === 'word' ? position.moveWord(BACKWARD$1) : position.move(BACKWARD$1); + let range = prevPosition.toRange(position); + return this.deleteRange(range); + } + } + + _deleteAtPositionForward(position, unit) { + let nextPosition = unit === 'word' ? position.moveWord(FORWARD$1) : position.move(FORWARD$1); + let range = position.toRange(nextPosition); + return this.deleteRange(range); + } + + /** + * Split markers at two positions, once at the head, and if necessary once + * at the tail. + * + * Usage: + * ``` + * let range = editor.range; + * editor.run((postEditor) => { + * postEditor.splitMarkers(range); + * }); + * ``` + * The return value will be marker object completely inside the offsets + * provided. Markers outside of the split may also have been modified. + * + * @param {Range} markerRange + * @return {Array} of markers that are inside the split + * @private + */ + splitMarkers(range) { + const { post } = this.editor; + const { head, tail } = range; + + this.splitSectionMarkerAtOffset(head.section, head.offset); + this.splitSectionMarkerAtOffset(tail.section, tail.offset); + + return post.markersContainedByRange(range); + } + + splitSectionMarkerAtOffset(section, offset) { + const edit = section.splitMarkerAtOffset(offset); + edit.removed.forEach(m => this.removeMarker(m)); + } + + /** + * Split the section at the position. + * + * Usage: + * ``` + * let position = editor.cursor.offsets.head; + * editor.run((postEditor) => { + * postEditor.splitSection(position); + * }); + * // Will result in the creation of two new sections + * // replacing the old one at the cursor position + * ``` + * The return value will be the two new sections. One or both of these + * sections can be blank (contain only a blank marker), for example if the + * headMarkerOffset is 0. + * + * @param {Position} position + * @return {Array} new sections, one for the first half and one for the second (either one can be null) + * @public + */ + splitSection(position) { + const { section } = position; + + if (section.isCardSection) { + return this._splitCardSection(section, position); + } else if (section.isListItem) { + let isLastAndBlank = section.isBlank && !section.next; + if (isLastAndBlank) { + // if is last, replace the item with a blank markup section + let parent = section.parent; + let collection = this.editor.post.sections; + let blank = this.builder.createMarkupSection(); + this.removeSection(section); + this.insertSectionBefore(collection, blank, parent.next); + + return [null, blank]; + } else { + let [pre, post] = this._splitListItem(section, position); + return [pre, post]; + } + } else { + let splitSections = section.splitAtPosition(position); + splitSections.forEach(s => this._coalesceMarkers(s)); + this._replaceSection(section, splitSections); + + return splitSections; + } + } + + /** + * @param {Section} cardSection + * @param {Position} position to split at + * @return {Section[]} 2-item array of pre and post-split sections + * @private + */ + _splitCardSection(cardSection, position) { + let { offset } = position; + assert('Cards section must be split at offset 0 or 1', + offset === 0 || offset === 1); + + let newSection = this.builder.createMarkupSection(); + let nextSection; + let surroundingSections; + + if (offset === 0) { + nextSection = cardSection; + surroundingSections = [newSection, cardSection]; + } else { + nextSection = cardSection.next; + surroundingSections = [cardSection, newSection]; + } + + let collection = this.editor.post.sections; + this.insertSectionBefore(collection, newSection, nextSection); + + return surroundingSections; + } + + /** + * @param {Section} section + * @param {Section} newSection + * @return null + * @public + */ + replaceSection(section, newSection) { + if (!section) { + // FIXME should a falsy section be a valid argument? + this.insertSectionBefore(this.editor.post.sections, newSection, null); + } else { + this._replaceSection(section, [newSection]); + } + } + + moveSectionBefore(collection, renderedSection, beforeSection) { + const newSection = renderedSection.clone(); + this.removeSection(renderedSection); + this.insertSectionBefore(collection, newSection, beforeSection); + return newSection; + } + + /** + * @param {Section} section A section that is already in DOM + * @public + */ + moveSectionUp(renderedSection) { + const isFirst = !renderedSection.prev; + if (isFirst) { + return renderedSection; + } + + const collection = renderedSection.parent.sections; + const beforeSection = renderedSection.prev; + return this.moveSectionBefore(collection, renderedSection, beforeSection); + } + + /** + * @param {Section} section A section that is already in DOM + * @public + */ + moveSectionDown(renderedSection) { + const isLast = !renderedSection.next; + if (isLast) { + return renderedSection; + } + + const beforeSection = renderedSection.next.next; + const collection = renderedSection.parent.sections; + return this.moveSectionBefore(collection, renderedSection, beforeSection); + } + + /** + * Insert an array of markers at the given position. If the position is in + * a non-markerable section (like a card section), this method throws an error. + * + * @param {Position} position + * @param {Marker[]} markers + * @return {Position} The position that represents the end of the inserted markers. + * @public + */ + insertMarkers(position, markers) { + let { section, offset } = position; + assert('Cannot insert markers at non-markerable position', + section.isMarkerable); + + this.editActionTaken = EDIT_ACTIONS.INSERT_TEXT; + + let edit = section.splitMarkerAtOffset(offset); + edit.removed.forEach(marker => this._scheduleForRemoval(marker)); + + let prevMarker = section.markerBeforeOffset(offset); + markers.forEach(marker => { + section.markers.insertAfter(marker, prevMarker); + offset += marker.length; + prevMarker = marker; + }); + + this._coalesceMarkers(section); + this._markDirty(section); + + let nextPosition = section.toPosition(offset); + this.setRange(nextPosition); + return nextPosition; + } + + /** + * Inserts text with the given markups, ignoring the existing markups at + * the position, if any. + * + * @param {Position} position + * @param {String} text + * @param {Markup[]} markups + * @return {Position} position at the end of the inserted text + */ + insertTextWithMarkup(position, text, markups=[]) { + let { section } = position; + if (!section.isMarkerable) { return; } + let marker = this.builder.createMarker(text, markups); + return this.insertMarkers(position, [marker]); + } + + /** + * Insert the text at the given position + * Inherits the markups already at that position, if any. + * + * @param {Position} position + * @param {String} text + * @return {Position} position at the end of the inserted text. + */ + insertText(position, text) { + let { section } = position; + if (!section.isMarkerable) { return; } + let markups = position.marker && position.marker.markups; + markups = markups || []; + return this.insertTextWithMarkup(position, text, markups); + } + + _replaceSection(section, newSections) { + let nextSection = section.next; + let collection = section.parent.sections; + + let nextNewSection = newSections[0]; + if (nextNewSection.isMarkupSection && section.isListItem) { + // put the new section after the ListSection (section.parent) + // instead of after the ListItem + collection = section.parent.parent.sections; + nextSection = section.parent.next; + } + + newSections.forEach(s => this.insertSectionBefore(collection, s, nextSection)); + this.removeSection(section); + } + + /** + * Given a markerRange (for example `editor.range`) mark all markers + * inside it as a given markup. The markup must be provided as a post + * abstract node. + * + * Usage: + * + * let range = editor.range; + * let strongMarkup = editor.builder.createMarkup('strong'); + * editor.run((postEditor) => { + * postEditor.addMarkupToRange(range, strongMarkup); + * }); + * // Will result some markers possibly being split, and the markup + * // being applied to all markers between the split. + * + * @param {Range} range + * @param {Markup} markup A markup post abstract node + * @public + */ + addMarkupToRange(range, markup) { + if (range.isCollapsed) { return; } + + let markers = this.splitMarkers(range); + if (markers.length) { + // We insert the new markup at a consistent index across the range. + // If we just push on the end of the list, it can end up in different positions + // of the markup stack. This results in unnecessary closing and re-opening of + // the markup each time it changes position. + // If we just push it at the beginning of the list, this causes unnecessary closing + // and re-opening of surrounding tags. + // So, we look for any tags open across the whole range, and push into the stack + // at the end of those. + // Prompted by https://github.com/bustle/mobiledoc-kit/issues/360 + + let markupsOpenAcrossRange = reduce(markers, function (soFar, marker) { + return commonItems(soFar, marker.markups); + }, markers[0].markups); + let indexToInsert = markupsOpenAcrossRange.length; + + markers.forEach(marker => { + marker.addMarkupAtIndex(markup, indexToInsert); + this._markDirty(marker); + }); + } + } + + /** + * Given a markerRange (for example `editor.range`) remove the given + * markup from all contained markers. + * + * Usage: + * ``` + * let { range } = editor; + * let markup = markerRange.headMarker.markups[0]; + * editor.run(postEditor => { + * postEditor.removeMarkupFromRange(range, markup); + * }); + * // Will result in some markers possibly being split, and the markup + * // being removed from all markers between the split. + * ``` + * @param {Range} range Object with offsets + * @param {Markup|Function} markupOrCallback A markup post abstract node or + * a function that returns true when passed a markup that should be removed + * @private + */ + removeMarkupFromRange(range, markupOrMarkupCallback) { + if (range.isCollapsed) { return; } + + this.splitMarkers(range).forEach(marker => { + marker.removeMarkup(markupOrMarkupCallback); + this._markDirty(marker); + }); + } + + /** + * Toggle the given markup in the given range (or at the position given). If the range/position + * has the markup, the markup will be removed. If nothing in the range/position + * has the markup, the markup will be added to everything in the range/position. + * + * Usage: + * ``` + * // Remove any 'strong' markup if it exists in the selection, otherwise + * // make it all 'strong' + * editor.run(postEditor => postEditor.toggleMarkup('strong')); + * + * // add/remove a link to 'bustle.com' to the selection + * editor.run(postEditor => { + * const linkMarkup = postEditor.builder.createMarkup('a', {href: 'http://bustle.com'}); + * postEditor.toggleMarkup(linkMarkup); + * }); + * ``` + * @param {Markup|String} markupOrString Either a markup object created using + * the builder (useful when adding a markup with attributes, like an 'a' markup), + * or, if a string, the tag name of the markup (e.g. 'strong', 'em') to toggle. + * @param {Range|Position} range in which to toggle. Defaults to current editor range. + * @public + */ + toggleMarkup(markupOrMarkupString, range=this._range) { + range = toRange(range); + const markup = typeof markupOrMarkupString === 'string' ? + this.builder.createMarkup(markupOrMarkupString) : + markupOrMarkupString; + + const hasMarkup = this.editor.detectMarkupInRange(range, markup.tagName); + // FIXME: This implies only a single markup in a range. This may not be + // true for links (which are not the same object instance like multiple + // strong tags would be). + if (hasMarkup) { + this.removeMarkupFromRange(range, hasMarkup); + } else { + this.addMarkupToRange(range, markup); + } + + this.setRange(range); + } + + /** + * Toggles the tagName of the active section or sections in the given range/position. + * If every section has the tag name, they will all be reset to default sections. + * Otherwise, every section will be changed to the requested type + * + * @param {String} sectionTagName A valid markup section or + * list section tag name (e.g. 'blockquote', 'h2', 'ul') + * @param {Range|Position} range The range over which to toggle. + * Defaults to the current editor range. + * @public + */ + toggleSection(sectionTagName, range=this._range) { + range = toRange(range); + + sectionTagName = normalizeTagName(sectionTagName); + let { post } = this.editor; + + let everySectionHasTagName = true; + post.walkMarkerableSections(range, section => { + if (!this._isSameSectionType(section, sectionTagName)) { + everySectionHasTagName = false; + } + }); + + let tagName = everySectionHasTagName ? 'p' : sectionTagName; + let sectionTransformations = []; + post.walkMarkerableSections(range, section => { + let changedSection = this.changeSectionTagName(section, tagName); + sectionTransformations.push({ + from: section, + to: changedSection + }); + }); + + let nextRange = this._determineNextRangeAfterToggleSection(range, sectionTransformations); + this.setRange(nextRange); + } + + _determineNextRangeAfterToggleSection(range, sectionTransformations) { + if (sectionTransformations.length) { + let changedHeadSection = detect(sectionTransformations, ({ from }) => { + return from === range.headSection; + }).to; + let changedTailSection = detect(sectionTransformations, ({ from }) => { + return from === range.tailSection; + }).to; + + if (changedHeadSection.isListSection || changedTailSection.isListSection) { + // We don't know to which ListItem's the original sections point at, so + // we don't have enough information to reconstruct the range when + // dealing with lists. + return sectionTransformations[0].to.headPosition().toRange(); + } else { + return Range.create( + changedHeadSection, + range.headSectionOffset, + changedTailSection, + range.tailSectionOffset, + range.direction + ); + } + } else { + return range; + } + } + + setAttribute(key, value, range=this._range) { + this._mutateAttribute(key, range, (section, attribute) => { + if (section.getAttribute(attribute) !== value) { + section.setAttribute(attribute, value); + return true; + } + }); + } + + removeAttribute(key, range=this._range) { + this._mutateAttribute(key, range, (section, attribute) => { + if (section.hasAttribute(attribute)) { + section.removeAttribute(attribute); + return true; + } + }); + } + + _mutateAttribute(key, range, cb) { + range = toRange(range); + let { post } = this.editor; + let attribute = `data-md-${key}`; + + post.walkMarkerableSections(range, section => { + if (section.isListItem) { + section = section.parent; + } + + if (cb(section, attribute) === true) { + this._markDirty(section); + } + }); + + this.setRange(range); + } + + _isSameSectionType(section, sectionTagName) { + return section.isListItem ? + section.parent.tagName === sectionTagName : + section.tagName === sectionTagName; + } + + /** + * @param {Markerable} section + * @private + */ + changeSectionTagName(section, newTagName) { + assert('Cannot pass non-markerable section to `changeSectionTagName`', + section.isMarkerable); + + if (isListSectionTagName(newTagName)) { + return this._changeSectionToListItem(section, newTagName); + } else if (section.isListItem) { + return this._changeSectionFromListItem(section, newTagName); + } else { + section.tagName = newTagName; + this._markDirty(section); + return section; + } + } + + /** + * Splits the item at the position given. + * If the position is at the start or end of the item, the pre- or post-item + * will contain a single empty ("") marker. + * @param {ListItem} item + * @param {Position} position + * @return {Array} the pre-item and post-item on either side of the split + * @private + */ + _splitListItem(item, position) { + let { section, offset } = position; + assert('Cannot split list item at position that does not include item', + item === section); + + item.splitMarkerAtOffset(offset); + let prevMarker = item.markerBeforeOffset(offset); + let preItem = this.builder.createListItem(), + postItem = this.builder.createListItem(); + + let currentItem = preItem; + item.markers.forEach(marker => { + currentItem.markers.append(marker.clone()); + if (marker === prevMarker) { + currentItem = postItem; + } + }); + this._replaceSection(item, [preItem, postItem]); + return [preItem, postItem]; + } + + /** + * Splits the list at the position given. + * @return {Array} pre-split list and post-split list, either of which could + * be blank (0-item list) if the position is at the start or end of the list. + * + * Note: Contiguous list sections will be joined in the before_complete queue + * of the postEditor. + * + * @private + */ + _splitListAtPosition(list, position) { + assert('Cannot split list at position not in list', + position.section.parent === list); + + let positionIsMiddle = !position.isHead() && !position.isTail(); + if (positionIsMiddle) { + let item = position.section; + let [pre,] = + this._splitListItem(item, position); + position = pre.tailPosition(); + } + + let preList = this.builder.createListSection(list.tagName); + let postList = this.builder.createListSection(list.tagName); + + let preItem = position.section; + let currentList = preList; + list.items.forEach(item => { + // If this item matches the start item and the position is at its start, + // it should be appended to the postList instead of the preList + if (item === preItem && position.isEqual(item.headPosition())) { + currentList = postList; + } + currentList.items.append(item.clone()); + // If we just appended the preItem, append the remaining items to the postList + if (item === preItem) { + currentList = postList; + } + }); + + this._replaceSection(list, [preList, postList]); + return [preList, postList]; + } + + /** + * @return Array of [prev, mid, next] lists. `prev` and `next` can + * be blank, depending on the position of `item`. `mid` will always + * be a 1-item list containing `item`. `prev` and `next` will be + * removed in the before_complete queue if they are blank + * (and still attached). + * + * @private + */ + _splitListAtItem(list, item) { + let next = list; + let prev = this.builder.createListSection(next.tagName, [], next.attributes); + let mid = this.builder.createListSection(next.tagName); + + let addToPrev = true; + // must turn the LinkedList into an array so that we can remove items + // as we iterate through it + let items = next.items.toArray(); + items.forEach(i => { + let listToAppend; + if (i === item) { + addToPrev = false; + listToAppend = mid; + } else if (addToPrev) { + listToAppend = prev; + } else { + return; // break after iterating prev and mid parts of the list + } + listToAppend.join(i); + this.removeSection(i); + }); + let found = !addToPrev; + assert('Cannot split list at item that is not present in the list', found); + + let collection = this.editor.post.sections; + this.insertSectionBefore(collection, mid, next); + this.insertSectionBefore(collection, prev, mid); + + // Remove possibly blank prev/next lists + this.addCallback(CALLBACK_QUEUES.BEFORE_COMPLETE, () => { + [prev, next].forEach(_list => { + let isAttached = !!_list.parent; + if (_list.isBlank && isAttached) { + this.removeSection(_list); + } + }); + }); + + return [prev, mid, next]; + } + + _changeSectionFromListItem(section, newTagName) { + assert('Must pass list item to `_changeSectionFromListItem`', + section.isListItem); + + let listSection = section.parent; + let markupSection = this.builder.createMarkupSection(newTagName); + markupSection.join(section); + + let [, mid,] = this._splitListAtItem(listSection, section); + this.replaceSection(mid, markupSection); + return markupSection; + } + + _changeSectionToListItem(section, newTagName) { + let isAlreadyCorrectListItem = section.isListItem && + section.parent.tagName === newTagName; + + if (isAlreadyCorrectListItem) { + return section; + } + + let listSection = this.builder.createListSection(newTagName); + listSection.join(section); + + let sectionToReplace; + if (section.isListItem) { + let [, mid,] = this._splitListAtItem(section.parent, section); + sectionToReplace = mid; + } else { + sectionToReplace = section; + } + this.replaceSection(sectionToReplace, listSection); + return listSection; + } + + /** + * Insert a given section before another one, updating the post abstract + * and the rendered UI. + * + * Usage: + * ``` + * let markerRange = editor.range; + * let sectionWithCursor = markerRange.headMarker.section; + * let section = editor.builder.createCardSection('my-image'); + * let collection = sectionWithCursor.parent.sections; + * editor.run((postEditor) => { + * postEditor.insertSectionBefore(collection, section, sectionWithCursor); + * }); + * ``` + * @param {LinkedList} collection The list of sections to insert into + * @param {Object} section The new section + * @param {Object} beforeSection Optional The section "before" is relative to, + * if falsy the new section will be appended to the collection + * @public + */ + insertSectionBefore(collection, section, beforeSection) { + collection.insertBefore(section, beforeSection); + this._markDirty(section.parent); + } + + /** + * Insert the given section after the current active section, or, if no + * section is active, at the end of the document. + * @param {Section} section + * @public + */ + insertSection(section) { + const activeSection = this.editor.activeSection; + const nextSection = activeSection && activeSection.next; + + const collection = this.editor.post.sections; + this.insertSectionBefore(collection, section, nextSection); + } + + /** + * Insert the given section at the end of the document. + * @param {Section} section + * @public + */ + insertSectionAtEnd(section) { + this.insertSectionBefore(this.editor.post.sections, section, null); + } + + /** + * Insert the `post` at the given position in the editor's post. + * @param {Position} position + * @param {Post} post + * @private + */ + insertPost(position, newPost) { + let post = this.editor.post; + let inserter = new Inserter(this, post); + let nextPosition = inserter.insert(position, newPost); + return nextPosition; + } + + /** + * Remove a given section from the post abstract and the rendered UI. + * + * Usage: + * ``` + * let { range } = editor; + * let sectionWithCursor = range.head.section; + * editor.run((postEditor) => { + * postEditor.removeSection(sectionWithCursor); + * }); + * ``` + * @param {Object} section The section to remove + * @public + */ + removeSection(section) { + let parent = section.parent; + this._scheduleForRemoval(section); + parent.sections.remove(section); + + if (parent.isListSection) { + this._scheduleListRemovalIfEmpty(parent); + } + } + + removeAllSections() { + this.editor.post.sections.toArray().forEach(section => { + this.removeSection(section); + }); + } + + migrateSectionsFromPost(post) { + post.sections.toArray().forEach(section => { + post.sections.remove(section); + this.insertSectionBefore(this.editor.post.sections, section, null); + }); + } + + _scheduleListRemovalIfEmpty(listSection) { + this.addCallback(CALLBACK_QUEUES.BEFORE_COMPLETE, () => { + // if the list is attached and blank after we do other rendering stuff, + // remove it + let isAttached = !!listSection.parent; + if (isAttached && listSection.isBlank) { + this.removeSection(listSection); + } + }); + } + + /** + * A method for adding work the deferred queue + * + * @param {Function} callback to run during completion + * @param {Boolean} [once=false] Whether to only schedule the callback once. + * @public + */ + schedule(callback, once=false) { + assert('Work can only be scheduled before a post edit has completed', + !this._didComplete); + if (once) { + this.addCallbackOnce(CALLBACK_QUEUES.COMPLETE, callback); + } else { + this.addCallback(CALLBACK_QUEUES.COMPLETE, callback); + } + } + + /** + * A method for adding work the deferred queue. The callback will only + * be added to the queue once, even if `scheduleOnce` is called multiple times. + * The function cannot be an anonymous function. + * + * @param {Function} callback to run during completion + * @public + */ + scheduleOnce(callback) { + this.schedule(callback, true); + } + + /** + * Add a rerender job to the queue + * + * @public + */ + scheduleRerender() { + this.scheduleOnce(this._rerender); + } + + /** + * Schedule a notification that the post has been changed. + * The notification will result in the editor firing its `postDidChange` + * hook after the postEditor completes its work (at the end of {@link Editor#run}). + * + * @public + */ + scheduleDidUpdate() { + this.scheduleOnce(this._postDidChange); + } + + scheduleAfterRender(callback, once=false) { + if (once) { + this.addCallbackOnce(CALLBACK_QUEUES.AFTER_COMPLETE, callback); + } else { + this.addCallback(CALLBACK_QUEUES.AFTER_COMPLETE, callback); + } + } + + /** + * Flush any work on the queue. {@link Editor#run} calls this method; it + * should not be called directly. + * + * @private + */ + complete() { + assert('Post editing can only be completed once', !this._didComplete); + + this.runCallbacks(CALLBACK_QUEUES.BEFORE_COMPLETE); + this._didComplete = true; + this.runCallbacks(CALLBACK_QUEUES.COMPLETE); + this.runCallbacks(CALLBACK_QUEUES.AFTER_COMPLETE); + } + + undoLastChange() { + this.editor._editHistory.stepBackward(this); + } + + redoLastChange() { + this.editor._editHistory.stepForward(this); + } + + cancelSnapshot() { + this._shouldCancelSnapshot = true; + } +} + +const placeholderImageSrc = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOEAAADhCAMAAAAJbSJIAAAAMFBMVEXp7vG6vsHm6+63u77Hy868wMPe4+bO09bh5unr8fTR1djAxMfM0NPX3N/c4eTBxcjXRf5TAAACh0lEQVR4nO3b6ZKqMBSFUSQMYZL3f9tbBq/NEEDiqUqOfusn1ZXKbjcQlGQZAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACC6RkbsGHuabChEtHmiGYfS3EQYM+Sxw/gMQvmcNnYaj6oTDHi73WPn2eqnj9B8zo3TJXcq5uNjXmVff86VwSR3JtryMa1BYqi7S1hJDCVpSigyLcGhJJEwzlCSNtPKrbVhVwsdCfOhH7uuaG3ARV9DwsaOzxt3N1yPqCHhvXytTUz92VDpmE/LLhZwl++R6Sds6sUa/PL6K/2E2fIhw1xdRKefsFolrPc+xNx/N0k/4fpBsdhL2HfeiN+TsDCms8dDpeRyS3P3QDl6Iqaf8L0rTf+80m6Lmn7Ct+4Wxf+/2RY1/YRv3PHz/u+fsCmqgoTnq7Z+8SGviqoh4dnKu1ieqauiakh4/PQ0r6ivqDoSHj0B97eNRVG1JNxV+L4bnxdVecJtRTdFVZ7QU9F1UXUn9FZ0VVRlCav5ob2KLouqKmFjy676u2HsVnRRVFUJq3J+8KCi86IqSthMvyl209Hjijqm3RsqAZ5pNfa5PJ2KelJRjQmr1/r7cfy0ouoSNvOfvbvhvKLaEr4qOin9kTQnrN7LpDZhE/Zmhp6Eq4p+YcKgiipKGFhRRQkDK6ooYfgLbiSMioQkJGF8P5XwHv4O+7AaKiXzaeXh1kMl5AffTUxiKEm/krD94BR8Gdxl1fceSlR58ZhXKbEpyD2amNiBtmrJLTMHL1LF8/rpXkSZXEmz8K8uvAFFNm6Iq0aBLUFOmeCuJ6exrcCmoLpN7kYx891bSAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgh/wDdr8peyRHLogAAAAASUVORK5CYII="; + +var ImageCard = { + name: 'image', + type: 'dom', + + render({payload}) { + let img = document.createElement('img'); + img.src = payload.src || placeholderImageSrc; + return img; + } +}; + +function visit(visitor, node, opcodes) { + const method = node.type; + assert(`Cannot visit unknown type ${method}`, !!visitor[method]); + visitor[method](node, opcodes); +} + +function compile(compiler, opcodes) { + for (var i=0, l=opcodes.length; iText
Text
${html}`; + } + + let { clipboardData } = event; + let { clipboardData: nonstandardClipboardData } = window; + + if (clipboardData && clipboardData.setData) { + clipboardData.setData(MIME_TEXT_HTML, html); + clipboardData.setData(MIME_TEXT_PLAIN, text); + } else if (nonstandardClipboardData && nonstandardClipboardData.setData) { + // The Internet Explorers (including Edge) have a non-standard way of interacting with the + // Clipboard API (see http://caniuse.com/#feat=clipboard). In short, they expose a global window.clipboardData + // object instead of the per-event event.clipboardData object on the other browsers. + nonstandardClipboardData.setData(NONSTANDARD_IE_TEXT_TYPE, html); + } +} + +/** + * @param {PasteEvent} + * @param {{builder: Builder, _parserPlugins: Array}} options + * @return {Post} + * @private + */ +function parsePostFromPaste(pasteEvent, {builder, _parserPlugins: plugins}, {targetFormat}={targetFormat:'html'}) { + let { html, text } = getContentFromPasteEvent(pasteEvent, window); + + if (targetFormat === 'html' && html && html.length) { + return parsePostFromHTML(html, builder, plugins); + } else if (text && text.length) { + return parsePostFromText(text, builder, plugins); + } +} + +/** + * @param {DropEvent} + * @param {Editor} editor + * @param {Object} [options={}] Can pass a logger + * @return {Post} + * @private + */ +function parsePostFromDrop(dropEvent, editor, {logger}={}) { + let { builder, _parserPlugins: plugins } = editor; + let { html, text } = getContentFromDropEvent(dropEvent, logger); + + if (html && html.length) { + return parsePostFromHTML(html, builder, plugins); + } else if (text && text.length) { + return parsePostFromText(text, builder, plugins); + } +} + +class TextInputHandler { + constructor(editor) { + this.editor = editor; + this._handlers = []; + } + + register(handler) { + assert(`Input Handler is not valid`, this._validateHandler(handler)); + this._handlers.push(handler); + } + + unregister(name) { + let handlers = this._handlers; + for (let i=0; i${serializeHTML(rendered.result)}`; + } else { + // Fallback to text serialization + result = this.serializePost(post, 'text', options); + } + return result; + } + case 'text': + rendered = new RendererFactory$1(rendererOptions).render(mobiledoc); + return rendered.result; + } + } + } + + addView(view) { + this._views.push(view); + } + + removeAllViews() { + this._views.forEach((v) => v.destroy()); + this._views = []; + } + + /** + * Whether the editor has a cursor (or a selected range). + * It is possible for the editor to be focused but not have a selection. + * In this case, key events will fire but the editor will not be able to + * determine a cursor position, so they will be ignored. + * @return {boolean} + * @public + */ + hasCursor() { + return this.cursor.hasCursor(); + } + + /** + * Tears down the editor's attached event listeners and views. + * @public + */ + destroy() { + this.isDestroyed = true; + if (this._hasSelection()) { + this.cursor.clearSelection(); + } + if (this._hasFocus()) { + this.element.blur(); // FIXME This doesn't blur the element on IE11 + } + this._mutationHandler.destroy(); + this._eventManager.destroy(); + this.removeAllViews(); + this._renderer.destroy(); + this._editState.destroy(); + } + + /** + * Keep the user from directly editing the post using the keyboard and mouse. + * Modification via the programmatic API is still permitted. + * @see Editor#enableEditing + * @public + */ + disableEditing() { + this.isEditable = false; + if (this.hasRendered) { + this._eventManager.stop(); + this.element.setAttribute('contentEditable', false); + this.setPlaceholder(''); + this.selectRange(Range.blankRange()); + } + } + + /** + * Allow the user to directly interact with editing a post via keyboard and mouse input. + * Editor instances are editable by default. Use this method to re-enable + * editing after disabling it. + * @see Editor#disableEditing + * @public + */ + enableEditing() { + this.isEditable = true; + if (this.hasRendered) { + this._eventManager.start(); + this.element.setAttribute('contentEditable', true); + this.setPlaceholder(this.placeholder); + } + } + + /** + * Change a cardSection into edit mode + * If called before the card has been rendered, it will be marked so that + * it is rendered in edit mode when it gets rendered. + * @param {CardSection} cardSection + * @public + */ + editCard(cardSection) { + this._setCardMode(cardSection, CARD_MODES.EDIT); + } + + /** + * Change a cardSection into display mode + * If called before the card has been rendered, it will be marked so that + * it is rendered in display mode when it gets rendered. + * @param {CardSection} cardSection + * @return undefined + * @public + */ + displayCard(cardSection) { + this._setCardMode(cardSection, CARD_MODES.DISPLAY); + } + + /** + * Run a new post editing session. Yields a block with a new {@link PostEditor} + * instance. This instance can be used to interact with the post abstract. + * Rendering will be deferred until after the callback is completed. + * + * Usage: + * ``` + * let markerRange = this.range; + * editor.run((postEditor) => { + * postEditor.deleteRange(markerRange); + * // editing surface not updated yet + * postEditor.schedule(() => { + * console.log('logs during rerender flush'); + * }); + * // logging not yet flushed + * }); + * // editing surface now updated. + * // logging now flushed + * ``` + * + * @param {Function} callback Called with an instance of + * {@link PostEditor} as its argument. + * @return {Mixed} The return value of `callback`. + * @public + */ + run(callback) { + const postEditor = new PostEditor(this); + postEditor.begin(); + this._editHistory.snapshot(); + const result = callback(postEditor); + this.runCallbacks(CALLBACK_QUEUES$1.DID_UPDATE, [postEditor]); + postEditor.complete(); + this._readRangeFromDOM(); + + if (postEditor._shouldCancelSnapshot) { + this._editHistory._pendingSnapshot = null; + } + this._editHistory.storeSnapshot(postEditor.editActionTaken); + + return result; + } + + /** + * @param {Function} callback Called with `postEditor` as its argument. + * @public + */ + didUpdatePost(callback) { + this.addCallback(CALLBACK_QUEUES$1.DID_UPDATE, callback); + } + + /** + * @param {Function} callback Called when the post has changed, either via + * user input or programmatically. Use with {@link Editor#serialize} to + * retrieve the post in portable mobiledoc format. + */ + postDidChange(callback) { + this.addCallback(CALLBACK_QUEUES$1.POST_DID_CHANGE, callback); + } + + /** + * Register a handler that will be invoked by the editor after the user enters + * matching text. + * @param {Object} inputHandler + * @param {String} inputHandler.name Required. Used by identifying handlers. + * @param {String} [inputHandler.text] Required if `match` is not provided + * @param {RegExp} [inputHandler.match] Required if `text` is not provided + * @param {Function} inputHandler.run This callback is invoked with the {@link Editor} + * instance and an array of matches. If `text` was provided, + * the matches array will equal [`text`], and if a `match` + * regex was provided the matches array will be the result of + * `match.exec` on the matching text. The callback is called + * after the matching text has been inserted. + * @public + */ + onTextInput(inputHandler) { + this._eventManager.registerInputHandler(inputHandler); + } + + /** + * Unregister all text input handlers + * + * @public + */ + unregisterAllTextInputHandlers() { + this._eventManager.unregisterAllTextInputHandlers(); + } + + /** + * Unregister text input handler by name + * @param {String} name The name of handler to be removed + * + * @public + */ + unregisterTextInputHandler(name) { + this._eventManager.unregisterInputHandler(name); + } + + /** + * @param {Function} callback Called when the editor's state (active markups or + * active sections) has changed, either via user input or programmatically + */ + inputModeDidChange(callback) { + this.addCallback(CALLBACK_QUEUES$1.INPUT_MODE_DID_CHANGE, callback); + } + + /** + * @param {Function} callback This callback will be called before the editor + * is rendered. + * @public + */ + willRender(callback) { + this.addCallback(CALLBACK_QUEUES$1.WILL_RENDER, callback); + } + + /** + * @param {Function} callback This callback will be called after the editor + * is rendered. + * @public + */ + didRender(callback) { + this.addCallback(CALLBACK_QUEUES$1.DID_RENDER, callback); + } + + /** + * @param {Function} callback This callback will be called before deleting. + * @public + */ + willDelete(callback) { + this.addCallback(CALLBACK_QUEUES$1.WILL_DELETE, callback); + } + + /** + * @param {Function} callback This callback will be called after deleting. + * @public + */ + didDelete(callback) { + this.addCallback(CALLBACK_QUEUES$1.DID_DELETE, callback); + } + + /** + * @param {Function} callback This callback will be called before handling new line. + * @public + */ + willHandleNewline(callback) { + this.addCallback(CALLBACK_QUEUES$1.WILL_HANDLE_NEWLINE, callback); + } + + /** + * @param {Function} callback This callback will be called every time the cursor + * position (or selection) changes. + * @public + */ + cursorDidChange(callback) { + this.addCallback(CALLBACK_QUEUES$1.CURSOR_DID_CHANGE, callback); + } + + _rangeDidChange() { + if (this.hasRendered) { + this.runCallbacks(CALLBACK_QUEUES$1.CURSOR_DID_CHANGE); + } + } + + _inputModeDidChange() { + this.runCallbacks(CALLBACK_QUEUES$1.INPUT_MODE_DID_CHANGE); + } + + _insertEmptyMarkupSectionAtCursor() { + this.run(postEditor => { + const section = postEditor.builder.createMarkupSection('p'); + postEditor.insertSectionBefore(this.post.sections, section); + postEditor.setRange(section.toRange()); + }); + } + + /** + * @callback editorBeforeCallback + * @param { Object } details + * @param { Markup } details.markup + * @param { Range } details.range + * @param { boolean } details.willAdd Whether the markup will be applied + */ + + /** + * Register a callback that will be run before {@link Editor#toggleMarkup} is applied. + * If any callback returns literal `false`, the toggling of markup will be canceled. + * Note this only applies to calling `editor#toggleMarkup`. Using `editor.run` and + * modifying markup with the `postEditor` will skip any `beforeToggleMarkup` callbacks. + * @param {editorBeforeCallback} + */ + beforeToggleMarkup(callback) { + this._beforeHooks.toggleMarkup.push(callback); + } + + /** + * Toggles the given markup at the editor's current {@link Range}. + * If the range is collapsed this changes the editor's state so that the + * next characters typed will be affected. If there is text selected + * (aka a non-collapsed range), the selections' markup will be toggled. + * If the editor is not focused and has no active range, nothing happens. + * Hooks added using #beforeToggleMarkup will be run before toggling, + * and if any of them returns literal false, toggling the markup will be canceled + * and no change will be applied. + * @param {String} markup E.g. "b", "em", "a" + * @param {Object} [attributes={}] E.g. {href: "http://bustle.com"} + * @public + * @see PostEditor#toggleMarkup + */ + toggleMarkup(markup, attributes={}) { + markup = this.builder.createMarkup(markup, attributes); + let { range } = this; + let willAdd = !this.detectMarkupInRange(range, markup.tagName); + let shouldCancel = this._runBeforeHooks('toggleMarkup', {markup, range, willAdd}); + if (shouldCancel) { return; } + + if (range.isCollapsed) { + this._editState.toggleMarkupState(markup); + this._inputModeDidChange(); + + // when clicking a button to toggle markup, the button can end up being focused, + // so ensure the editor is focused + this._ensureFocus(); + } else { + this.run(postEditor => postEditor.toggleMarkup(markup, range)); + } + } + + // If the editor has a selection but is not focused, focus it + _ensureFocus() { + if (this._hasSelection() && !this._hasFocus()) { + this.focus(); + } + } + + focus() { + this.element.focus(); + } + + /** + * Whether there is a selection inside the editor's element. + * It's possible to have a selection but not have focus. + * @see #_hasFocus + * @return {Boolean} + */ + _hasSelection() { + let { cursor } = this; + return this.hasRendered && (cursor._hasCollapsedSelection() || cursor._hasSelection()); + } + + /** + * Whether the editor's element is focused + * It's possible to be focused but have no selection + * @see #_hasSelection + * @return {Boolean} + */ + _hasFocus() { + return document.activeElement === this.element; + } + + /** + * Toggles the tagName for the current active section(s). This will skip + * non-markerable sections. E.g. if the editor's range includes a "P" MarkupSection + * and a CardSection, only the MarkupSection will be toggled. + * @param {String} tagName The new tagname to change to. + * @public + * @see PostEditor#toggleSection + */ + toggleSection(tagName) { + this.run(postEditor => postEditor.toggleSection(tagName, this.range)); + } + + /** + * Sets an attribute for the current active section(s). + * + * @param {String} key The attribute. The only valid attribute is 'text-align'. + * @param {String} value The value of the attribute. + * @public + * @see PostEditor#setAttribute + */ + setAttribute(key, value) { + this.run(postEditor => postEditor.setAttribute(key, value, this.range)); + } + + /** + * Removes an attribute from the current active section(s). + * + * @param {String} key The attribute. The only valid attribute is 'text-align'. + * @public + * @see PostEditor#removeAttribute + */ + removeAttribute(key) { + this.run(postEditor => postEditor.removeAttribute(key, this.range)); + } + + /** + * Finds and runs the first matching key command for the event + * + * If multiple commands are bound to a key combination, the + * first matching one is run. + * + * If a command returns `false` then the next matching command + * is run instead. + * + * @param {Event} event The keyboard event triggered by the user + * @return {Boolean} true when a command was successfully run + * @private + */ + handleKeyCommand(event) { + const keyCommands = findKeyCommands(this.keyCommands, event); + for (let i=0; iabcdef\n //\n // with a cursor between c and d, IE might say the focusNode iswith\n // an offset of 1. However the anchorNode for a selection might still be\n // 2 if there was a selection.\n //\n // This code walks down the DOM tree until a good comparison of position can be\n // made.\n //\n if (position & Node.DOCUMENT_POSITION_CONTAINS) {\n if (focusOffset < focusNode.childNodes.length) {\n focusNode = focusNode.childNodes[focusOffset];\n focusOffset = 0;\n } else {\n // This situation happens on IE when triple-clicking to select.\n // Set the focus to the very last character inside the node.\n while (focusNode.lastChild) {\n focusNode = focusNode.lastChild;\n }\n focusOffset = focusNode.textContent.length;\n }\n\n return comparePosition({\n focusNode,\n focusOffset,\n anchorNode, anchorOffset\n });\n } else if (position & Node.DOCUMENT_POSITION_CONTAINED_BY) {\n let offset = anchorOffset - 1;\n if (offset < 0) {\n offset = 0;\n }\n return comparePosition({\n anchorNode: anchorNode.childNodes[offset],\n anchorOffset: 0,\n focusNode, focusOffset\n });\n // The meat of translating anchor and focus nodes to head and tail nodes\n } else if (position & Node.DOCUMENT_POSITION_FOLLOWING) {\n headNode = anchorNode; tailNode = focusNode;\n headOffset = anchorOffset; tailOffset = focusOffset;\n direction = DIRECTION.FORWARD;\n } else if (position & Node.DOCUMENT_POSITION_PRECEDING) {\n headNode = focusNode; tailNode = anchorNode;\n headOffset = focusOffset; tailOffset = anchorOffset;\n direction = DIRECTION.BACKWARD;\n } else { // same node\n headNode = tailNode = anchorNode;\n headOffset = anchorOffset;\n tailOffset = focusOffset;\n if (tailOffset < headOffset) {\n // Swap the offset order\n headOffset = focusOffset;\n tailOffset = anchorOffset;\n direction = DIRECTION.BACKWARD;\n } else if (headOffset < tailOffset) {\n direction = DIRECTION.FORWARD;\n } else {\n direction = null;\n }\n }\n\n return {headNode, headOffset, tailNode, tailOffset, direction};\n}\n\nexport {\n clearSelection,\n comparePosition,\n findOffsetInNode,\n constrainSelectionTo\n};\n","import Position from './position';\nimport { DIRECTION } from '../key';\nimport assert from 'mobiledoc-kit/utils/assert';\n\n/**\n * A logical range of a {@link Post}.\n * Usually an instance of Range will be read from the {@link Editor#range} property,\n * but it may be useful to instantiate a range directly when programmatically modifying a Post.\n */\nclass Range {\n /**\n * @param {Position} head\n * @param {Position} [tail=head]\n * @param {Direction} [direction=null]\n * @return {Range}\n * @private\n */\n constructor(head, tail=head, direction=null) {\n /** @property {Position} head */\n this.head = head;\n\n /** @property {Position} tail */\n this.tail = tail;\n\n /** @property {Direction} direction */\n this.direction = direction;\n }\n\n /**\n * Shorthand to create a new range from a section(s) and offset(s).\n * When given only a head section and offset, creates a collapsed range.\n * @param {Section} headSection\n * @param {number} headOffset\n * @param {Section} [tailSection=headSection]\n * @param {number} [tailOffset=headOffset]\n * @param {Direction} [direction=null]\n * @return {Range}\n */\n static create(headSection, headOffset, tailSection=headSection, tailOffset=headOffset, direction=null) {\n return new Range(\n new Position(headSection, headOffset),\n new Position(tailSection, tailOffset),\n direction\n );\n }\n\n static blankRange() {\n return new Range(Position.blankPosition(), Position.blankPosition());\n }\n\n /**\n * @param {Markerable} section\n * @return {Range} A range that is constrained to only the part that\n * includes the section.\n * FIXME -- if the section isn't the head or tail, it's assumed to be\n * wholly contained. It's possible to call `trimTo` with a selection that is\n * outside of the range, though, which would invalidate that assumption.\n * There's no efficient way to determine if a section is within a range, yet.\n * @private\n */\n trimTo(section) {\n const length = section.length;\n\n let headOffset = section === this.head.section ?\n Math.min(this.head.offset, length) : 0;\n let tailOffset = section === this.tail.section ?\n Math.min(this.tail.offset, length) : length;\n\n return Range.create(section, headOffset, section, tailOffset);\n }\n\n /**\n * Expands the range 1 unit in the given direction\n * If the range is expandable in the given direction, always returns a\n * non-collapsed range.\n * @param {Number} units If units is > 0, the range is extended to the right,\n * otherwise range is extended to the left.\n * @return {Range}\n * @public\n */\n extend(units) {\n assert(`Must pass integer to Range#extend`, typeof units === 'number');\n\n if (units === 0) { return this; }\n\n let { head, tail, direction: currentDirection } = this;\n switch (currentDirection) {\n case DIRECTION.FORWARD:\n return new Range(head, tail.move(units), currentDirection);\n case DIRECTION.BACKWARD:\n return new Range(head.move(units), tail, currentDirection);\n default: {\n let newDirection = units > 0 ? DIRECTION.FORWARD : DIRECTION.BACKWARD;\n return new Range(head, tail, newDirection).extend(units);\n }\n }\n }\n\n /**\n * Moves this range 1 unit in the given direction.\n * If the range is collapsed, returns a collapsed range shifted by 1 unit,\n * otherwise collapses this range to the position at the `direction` end of the range.\n * Always returns a collapsed range.\n * @param {Direction} direction\n * @return {Range}\n * @public\n */\n move(direction) {\n assert(`Must pass DIRECTION.FORWARD (${DIRECTION.FORWARD}) or DIRECTION.BACKWARD (${DIRECTION.BACKWARD}) to Range#move`,\n direction === DIRECTION.FORWARD || direction === DIRECTION.BACKWARD);\n\n let { focusedPosition, isCollapsed } = this;\n\n if (isCollapsed) {\n return new Range(focusedPosition.move(direction));\n } else {\n return this._collapse(direction);\n }\n }\n\n /**\n * expand a range to all markers matching a given check\n *\n * @param {Function} detectMarker\n * @return {Range} The expanded range\n *\n * @public\n */\n expandByMarker(detectMarker) {\n let {\n head,\n tail,\n direction\n } = this;\n let {section: headSection} = head;\n if (headSection !== tail.section) {\n throw new Error('#expandByMarker does not work across sections. Perhaps you should confirm the range is collapsed');\n }\n\n let firstNotMatchingDetect = i => {\n return !detectMarker(i);\n };\n\n let headMarker = headSection.markers.detect(firstNotMatchingDetect, head.marker, true);\n if (!headMarker && detectMarker(headSection.markers.head)) {\n headMarker = headSection.markers.head;\n } else {\n headMarker = headMarker.next || head.marker;\n }\n let headPosition = new Position(headSection, headSection.offsetOfMarker(headMarker));\n\n let tailMarker = tail.section.markers.detect(firstNotMatchingDetect, tail.marker);\n if (!tailMarker && detectMarker(headSection.markers.tail)) {\n tailMarker = headSection.markers.tail;\n } else {\n tailMarker = tailMarker.prev || tail.marker;\n }\n let tailPosition = new Position(tail.section, tail.section.offsetOfMarker(tailMarker) + tailMarker.length);\n\n return headPosition.toRange(tailPosition, direction);\n }\n\n _collapse(direction) {\n return new Range(direction === DIRECTION.BACKWARD ? this.head : this.tail);\n }\n\n get focusedPosition() {\n return this.direction === DIRECTION.BACKWARD ? this.head : this.tail;\n }\n\n isEqual(other) {\n return other &&\n this.head.isEqual(other.head) &&\n this.tail.isEqual(other.tail);\n }\n\n get isBlank() {\n return this.head.isBlank && this.tail.isBlank;\n }\n\n // \"legacy\" APIs\n get headSection() {\n return this.head.section;\n }\n get tailSection() {\n return this.tail.section;\n }\n get headSectionOffset() {\n return this.head.offset;\n }\n get tailSectionOffset() {\n return this.tail.offset;\n }\n get isCollapsed() {\n return this.head.isEqual(this.tail);\n }\n get headMarker() {\n return this.head.marker;\n }\n get tailMarker() {\n return this.tail.marker;\n }\n get headMarkerOffset() {\n return this.head.offsetInMarker;\n }\n get tailMarkerOffset() {\n return this.tail.offsetInMarker;\n }\n}\n\nexport default Range;\n","import { isTextNode } from 'mobiledoc-kit/utils/dom-utils';\nimport assert from 'mobiledoc-kit/utils/assert';\nimport {\n HIGH_SURROGATE_RANGE,\n LOW_SURROGATE_RANGE\n} from 'mobiledoc-kit/models/marker';\nimport { containsNode } from 'mobiledoc-kit/utils/dom-utils';\nimport { findOffsetInNode } from 'mobiledoc-kit/utils/selection-utils';\nimport { DIRECTION } from 'mobiledoc-kit/utils/key';\nimport Range from './range';\n\nconst { FORWARD, BACKWARD } = DIRECTION;\n\n// generated via http://xregexp.com/ to cover chars that \\w misses\n// (new XRegExp('\\\\p{Alphabetic}|[0-9]|_|:')).toString()\nconst WORD_CHAR_REGEX = /[A-Za-zªµºÀ-ÖØ-öø-ˁˆ-ˑˠ-ˤˬˮͅͰ-ʹͶͷͺ-ͽͿΆΈ-ΊΌΎ-ΡΣ-ϵϷ-ҁҊ-ԯԱ-Ֆՙա-ևְ-ׇֽֿׁׂׅׄא-תװ-ײؐ-ؚؠ-ٗٙ-ٟٮ-ۓە-ۜۡ-ۭۨ-ۯۺ-ۼۿܐ-ܿݍ-ޱߊ-ߪߴߵߺࠀ-ࠗࠚ-ࠬࡀ-ࡘࢠ-ࢴࣣ-ࣰࣩ-ऻऽ-ौॎ-ॐॕ-ॣॱ-ঃঅ-ঌএঐও-নপ-রলশ-হঽ-ৄেৈোৌৎৗড়ঢ়য়-ৣৰৱਁ-ਃਅ-ਊਏਐਓ-ਨਪ-ਰਲਲ਼ਵਸ਼ਸਹਾ-ੂੇੈੋੌੑਖ਼-ੜਫ਼ੰ-ੵઁ-ઃઅ-ઍએ-ઑઓ-નપ-રલળવ-હઽ-ૅે-ૉોૌૐૠ-ૣૹଁ-ଃଅ-ଌଏଐଓ-ନପ-ରଲଳଵ-ହଽ-ୄେୈୋୌୖୗଡ଼ଢ଼ୟ-ୣୱஂஃஅ-ஊஎ-ஐஒ-கஙசஜஞடணதந-பம-ஹா-ூெ-ைொ-ௌௐௗఀ-ఃఅ-ఌఎ-ఐఒ-నప-హఽ-ౄె-ైొ-ౌౕౖౘ-ౚౠ-ౣಁ-ಃಅ-ಌಎ-ಐಒ-ನಪ-ಳವ-ಹಽ-ೄೆ-ೈೊ-ೌೕೖೞೠ-ೣೱೲഁ-ഃഅ-ഌഎ-ഐഒ-ഺഽ-ൄെ-ൈൊ-ൌൎൗൟ-ൣൺ-ൿංඃඅ-ඖක-නඳ-රලව-ෆා-ුූෘ-ෟෲෳก-ฺเ-ๆํກຂຄງຈຊຍດ-ທນ-ຟມ-ຣລວສຫອ-ູົ-ຽເ-ໄໆໍໜ-ໟༀཀ-ཇཉ-ཬཱ-ཱྀྈ-ྗྙ-ྼက-ံးျ-ဿၐ-ၢၥ-ၨၮ-ႆႎႜႝႠ-ჅჇჍა-ჺჼ-ቈቊ-ቍቐ-ቖቘቚ-ቝበ-ኈኊ-ኍነ-ኰኲ-ኵኸ-ኾዀዂ-ዅወ-ዖዘ-ጐጒ-ጕጘ-ፚ፟ᎀ-ᎏᎠ-Ᏽᏸ-ᏽᐁ-ᙬᙯ-ᙿᚁ-ᚚᚠ-ᛪᛮ-ᛸᜀ-ᜌᜎ-ᜓᜠ-ᜳᝀ-ᝓᝠ-ᝬᝮ-ᝰᝲᝳក-ឳា-ៈៗៜᠠ-ᡷᢀ-ᢪᢰ-ᣵᤀ-ᤞᤠ-ᤫᤰ-ᤸᥐ-ᥭᥰ-ᥴᦀ-ᦫᦰ-ᧉᨀ-ᨛᨠ-ᩞᩡ-ᩴᪧᬀ-ᬳᬵ-ᭃᭅ-ᭋᮀ-ᮩᮬ-ᮯᮺ-ᯥᯧ-ᯱᰀ-ᰵᱍ-ᱏᱚ-ᱽᳩ-ᳬᳮ-ᳳᳵᳶᴀ-ᶿᷧ-ᷴḀ-ἕἘ-Ἕἠ-ὅὈ-Ὅὐ-ὗὙὛὝὟ-ώᾀ-ᾴᾶ-ᾼιῂ-ῄῆ-ῌῐ-ΐῖ-Ίῠ-Ῥῲ-ῴῶ-ῼⁱⁿₐ-ₜℂℇℊ-ℓℕℙ-ℝℤΩℨK-ℭℯ-ℹℼ-ℿⅅ-ⅉⅎⅠ-ↈⒶ-ⓩⰀ-Ⱞⰰ-ⱞⱠ-ⳤⳫ-ⳮⳲⳳⴀ-ⴥⴧⴭⴰ-ⵧⵯⶀ-ⶖⶠ-ⶦⶨ-ⶮⶰ-ⶶⶸ-ⶾⷀ-ⷆⷈ-ⷎⷐ-ⷖⷘ-ⷞⷠ-ⷿⸯ々-〇〡-〩〱-〵〸-〼ぁ-ゖゝ-ゟァ-ヺー-ヿㄅ-ㄭㄱ-ㆎㆠ-ㆺㇰ-ㇿ㐀-䶵一-鿕ꀀ-ꒌꓐ-ꓽꔀ-ꘌꘐ-ꘟꘪꘫꙀ-ꙮꙴ-ꙻꙿ-ꛯꜗ-ꜟꜢ-ꞈꞋ-ꞭꞰ-ꞷꟷ-ꠁꠃ-ꠅꠇ-ꠊꠌ-ꠧꡀ-ꡳꢀ-ꣃꣲ-ꣷꣻꣽꤊ-ꤪꤰ-ꥒꥠ-ꥼꦀ-ꦲꦴ-ꦿꧏꧠ-ꧤꧦ-ꧯꧺ-ꧾꨀ-ꨶꩀ-ꩍꩠ-ꩶꩺꩾ-ꪾꫀꫂꫛ-ꫝꫠ-ꫯꫲ-ꫵꬁ-ꬆꬉ-ꬎꬑ-ꬖꬠ-ꬦꬨ-ꬮꬰ-ꭚꭜ-ꭥꭰ-ꯪ가-힣ힰ-ퟆퟋ-ퟻ豈-舘並-龎ff-stﬓ-ﬗיִ-ﬨשׁ-זּטּ-לּמּנּסּףּפּצּ-ﮱﯓ-ﴽﵐ-ﶏﶒ-ﷇﷰ-ﷻﹰ-ﹴﹶ-ﻼＡ-Ｚａ-ｚｦ-ﾾￂ-ￇￊ-ￏￒ-ￗￚ-ￜ]|[0-9]|_|:/;\n\nfunction findParentSectionFromNode(renderTree, node) {\n let renderNode = renderTree.findRenderNodeFromElement(\n node,\n (renderNode) => renderNode.postNode.isSection\n );\n\n return renderNode && renderNode.postNode;\n}\n\nfunction findOffsetInMarkerable(markerable, node, offset) {\n let offsetInSection = 0;\n let marker = markerable.markers.head;\n while (marker) {\n let markerNode = marker.renderNode.element;\n if (markerNode === node) {\n return offsetInSection + offset;\n } else if (marker.isAtom) {\n if (marker.renderNode.headTextNode === node) {\n return offsetInSection;\n } else if (marker.renderNode.tailTextNode === node) {\n return offsetInSection + 1;\n }\n }\n\n offsetInSection += marker.length;\n marker = marker.next;\n }\n\n return offsetInSection;\n}\n\nfunction findOffsetInSection(section, node, offset) {\n if (section.isMarkerable) {\n return findOffsetInMarkerable(section, node, offset);\n } else {\n assert('findOffsetInSection must be called with markerable or card section',\n section.isCardSection);\n\n let wrapperNode = section.renderNode.element;\n let endTextNode = wrapperNode.lastChild;\n if (node === endTextNode) {\n return 1;\n }\n return 0;\n }\n}\n\nlet Position, BlankPosition;\n\nPosition = class Position {\n /**\n * A position is a logical location (zero-width, or \"collapsed\") in a post,\n * typically between two characters in a section.\n * Two positions (a head and a tail) make up a {@link Range}.\n * @constructor\n */\n constructor(section, offset=0, isBlank=false) {\n if (!isBlank) {\n assert('Position must have a section that is addressable by the cursor',\n (section && section.isLeafSection));\n assert('Position must have numeric offset',\n (typeof offset === 'number'));\n }\n\n this.section = section;\n this.offset = offset;\n this.isBlank = isBlank;\n }\n\n /**\n * @param {integer} x x-position in current viewport\n * @param {integer} y y-position in current viewport\n * @param {Editor} editor\n * @return {Position|null}\n */\n static atPoint(x, y, editor) {\n let { _renderTree, element: rootElement } = editor;\n let elementFromPoint = document.elementFromPoint(x, y);\n if (!containsNode(rootElement, elementFromPoint)) {\n return;\n }\n\n let { node, offset } = findOffsetInNode(elementFromPoint, {left: x, top: y});\n return Position.fromNode(_renderTree, node, offset);\n }\n\n static blankPosition() {\n return new BlankPosition();\n }\n\n /**\n * Returns a range from this position to the given tail. If no explicit\n * tail is given this returns a collapsed range focused on this position.\n * @param {Position} [tail=this] The ending position\n * @return {Range}\n * @public\n */\n toRange(tail=this, direction=null) {\n return new Range(this, tail, direction);\n }\n\n get leafSectionIndex() {\n let post = this.section.post;\n let leafSectionIndex;\n post.walkAllLeafSections((section, index) => {\n if (section === this.section) {\n leafSectionIndex = index;\n }\n });\n return leafSectionIndex;\n }\n\n get isMarkerable() {\n return this.section && this.section.isMarkerable;\n }\n\n /**\n * Returns the marker at this position, in the backward direction\n * (i.e., the marker to the left of the cursor if the cursor is on a marker boundary and text is left-to-right)\n * @return {Marker|undefined}\n */\n get marker() {\n return this.isMarkerable && this.markerPosition.marker;\n }\n\n /**\n * Returns the marker in `direction` from this position.\n * If the position is in the middle of a marker, the direction is irrelevant.\n * Otherwise, if the position is at a boundary between two markers, returns the\n * marker to the left if `direction` === BACKWARD and the marker to the right\n * if `direction` === FORWARD (assuming left-to-right text direction).\n * @param {Direction}\n * @return {Marker|undefined}\n */\n markerIn(direction) {\n if (!this.isMarkerable) { return; }\n\n let { marker, offsetInMarker } = this;\n if (!marker) { return; }\n\n if (offsetInMarker > 0 && offsetInMarker < marker.length) {\n return marker;\n } else if (offsetInMarker === 0) {\n return direction === BACKWARD ? marker : marker.prev;\n } else if (offsetInMarker === marker.length) {\n return direction === FORWARD ? marker.next : marker;\n }\n }\n\n get offsetInMarker() {\n return this.markerPosition.offset;\n }\n\n isEqual(position) {\n return this.section === position.section &&\n this.offset === position.offset;\n }\n\n /**\n * @return {Boolean} If this position is at the head of the post\n */\n isHeadOfPost() {\n return this.move(BACKWARD).isEqual(this);\n }\n\n /**\n * @return {Boolean} If this position is at the tail of the post\n */\n isTailOfPost() {\n return this.move(FORWARD).isEqual(this);\n }\n\n /**\n * @return {Boolean} If this position is at the head of its section\n */\n isHead() {\n return this.isEqual(this.section.headPosition());\n }\n\n /**\n * @return {Boolean} If this position is at the tail of its section\n */\n isTail() {\n return this.isEqual(this.section.tailPosition());\n }\n\n /**\n * Move the position 1 unit in `direction`.\n *\n * @param {Number} units to move. > 0 moves right, < 0 moves left\n * @return {Position} Return a new position one unit in the given\n * direction. If the position is moving left and at the beginning of the post,\n * the same position will be returned. Same if the position is moving right and\n * at the end of the post.\n */\n move(units) {\n assert('Must pass integer to Position#move', typeof units === 'number');\n\n if (units < 0) {\n return this.moveLeft().move(++units);\n } else if (units > 0) {\n return this.moveRight().move(--units);\n } else {\n return this;\n }\n }\n\n /**\n * @param {Number} direction (FORWARD or BACKWARD)\n * @return {Position} The result of moving 1 \"word\" unit in `direction`\n */\n moveWord(direction) {\n let isPostBoundary = direction === BACKWARD ? this.isHeadOfPost() : this.isTailOfPost();\n if (isPostBoundary) {\n return this;\n }\n\n if (!this.isMarkerable) {\n return this.move(direction);\n }\n\n let pos = this;\n\n // Helper fn to check if the pos is at the `dir` boundary of its section\n let isBoundary = (pos, dir) => {\n return dir === BACKWARD ? pos.isHead() : pos.isTail();\n };\n // Get the char at this position (looking forward/right)\n let getChar = (pos) => {\n let { marker, offsetInMarker } = pos;\n return marker.charAt(offsetInMarker);\n };\n // Get the char in `dir` at this position\n let peekChar = (pos, dir) => {\n return dir === BACKWARD ? getChar(pos.move(BACKWARD)) : getChar(pos);\n };\n // Whether there is an atom in `dir` from this position\n let isAtom = (pos, dir) => {\n // Special case when position is at end, the marker associated with it is\n // the marker to its left. Normally `pos#marker` is the marker to the right of the pos's offset.\n if (dir === BACKWARD && pos.isTail() && pos.marker.isAtom) {\n return true;\n }\n return dir === BACKWARD ? pos.move(BACKWARD).marker.isAtom : pos.marker.isAtom;\n };\n\n if (isBoundary(pos, direction)) {\n // extend movement into prev/next section\n return pos.move(direction).moveWord(direction);\n }\n\n let seekWord = (pos) => {\n return !isBoundary(pos, direction) &&\n !isAtom(pos, direction) &&\n !WORD_CHAR_REGEX.test(peekChar(pos, direction));\n };\n\n // move(dir) while we are seeking the first word char\n while (seekWord(pos)) {\n pos = pos.move(direction);\n }\n\n if (isAtom(pos, direction)) {\n return pos.move(direction);\n }\n\n let seekBoundary = (pos) => {\n return !isBoundary(pos, direction) &&\n !isAtom(pos, direction) &&\n WORD_CHAR_REGEX.test(peekChar(pos, direction));\n };\n\n // move(dir) while we are seeking the first boundary position\n while (seekBoundary(pos)) {\n pos = pos.move(direction);\n }\n\n return pos;\n }\n\n /**\n * The position to the left of this position.\n * If this position is the post's headPosition it returns itself.\n * @return {Position}\n * @private\n */\n moveLeft() {\n if (this.isHead()) {\n let prev = this.section.previousLeafSection();\n return prev ? prev.tailPosition() : this;\n } else {\n let offset = this.offset - 1;\n if (this.isMarkerable && this.marker) {\n let code = this.marker.value.charCodeAt(offset);\n if (code >= LOW_SURROGATE_RANGE[0] && code <= LOW_SURROGATE_RANGE[1]) {\n offset = offset - 1;\n }\n }\n return new Position(this.section, offset);\n }\n }\n\n /**\n * The position to the right of this position.\n * If this position is the post's tailPosition it returns itself.\n * @return {Position}\n * @private\n */\n moveRight() {\n if (this.isTail()) {\n let next = this.section.nextLeafSection();\n return next ? next.headPosition() : this;\n } else {\n let offset = this.offset + 1;\n if (this.isMarkerable && this.marker) {\n let code = this.marker.value.charCodeAt(offset - 1);\n if (code >= HIGH_SURROGATE_RANGE[0] && code <= HIGH_SURROGATE_RANGE[1]) {\n offset = offset + 1;\n }\n }\n return new Position(this.section, offset);\n }\n }\n\n static fromNode(renderTree, node, offset) {\n if (isTextNode(node)) {\n return Position.fromTextNode(renderTree, node, offset);\n } else {\n return Position.fromElementNode(renderTree, node, offset);\n }\n }\n\n static fromTextNode(renderTree, textNode, offsetInNode) {\n const renderNode = renderTree.getElementRenderNode(textNode);\n let section, offsetInSection;\n\n if (renderNode) {\n const marker = renderNode.postNode;\n section = marker.section;\n\n assert(`Could not find parent section for mapped text node \"${textNode.textContent}\"`,\n !!section);\n offsetInSection = section.offsetOfMarker(marker, offsetInNode);\n } else {\n // all text nodes should be rendered by markers except:\n // * text nodes inside cards\n // * text nodes created by the browser during text input\n // both of these should have rendered parent sections, though\n section = findParentSectionFromNode(renderTree, textNode);\n assert(`Could not find parent section for un-mapped text node \"${textNode.textContent}\"`,\n !!section);\n\n offsetInSection = findOffsetInSection(section, textNode, offsetInNode);\n }\n\n return new Position(section, offsetInSection);\n }\n\n static fromElementNode(renderTree, elementNode, offset) {\n let position;\n\n // The browser may change the reported selection to equal the editor's root\n // element if the user clicks an element that is immediately removed,\n // which can happen when clicking to remove a card.\n if (elementNode === renderTree.rootElement) {\n let post = renderTree.rootNode.postNode;\n position = offset === 0 ? post.headPosition() : post.tailPosition();\n } else {\n let section = findParentSectionFromNode(renderTree, elementNode);\n assert('Could not find parent section from element node', !!section);\n\n if (section.isCardSection) {\n // Selections in cards are usually made on a text node\n // containing a on one side or the other of the card but\n // some scenarios (Firefox) will result in selecting the\n // card's wrapper div. If the offset is 2 we've selected\n // the final zwnj and should consider the cursor at the\n // end of the card (offset 1). Otherwise, the cursor is at\n // the start of the card\n position = offset < 2 ? section.headPosition() : section.tailPosition();\n } else {\n\n // In Firefox it is possible for the cursor to be on an atom's wrapper\n // element. (In Chrome/Safari, the browser corrects this to be on\n // one of the text nodes surrounding the wrapper).\n // This code corrects for when the browser reports the cursor position\n // to be on the wrapper element itself\n let renderNode = renderTree.getElementRenderNode(elementNode);\n let postNode = renderNode && renderNode.postNode;\n if (postNode && postNode.isAtom) {\n let sectionOffset = section.offsetOfMarker(postNode);\n if (offset > 1) {\n // we are on the tail side of the atom\n sectionOffset += postNode.length;\n }\n position = new Position(section, sectionOffset);\n } else if (offset >= elementNode.childNodes.length) {\n\n // This is to deal with how Firefox handles triple-click selections.\n // See https://stackoverflow.com/a/21234837/1269194 for an\n // explanation.\n position = section.tailPosition();\n } else {\n // The offset is 0 if the cursor is on a non-atom-wrapper element node\n // (e.g., a
tag in a blank markup section)\n position = section.headPosition();\n }\n }\n }\n\n return position;\n }\n\n /**\n * @private\n */\n get markerPosition() {\n assert('Cannot get markerPosition without a section', !!this.section);\n assert('cannot get markerPosition of a non-markerable', !!this.section.isMarkerable);\n return this.section.markerPositionAtOffset(this.offset);\n }\n};\n\nBlankPosition = class BlankPosition extends Position {\n constructor() {\n super(null, 0, true);\n }\n\n isEqual(other) {\n return other && other.isBlank;\n }\n\n toRange() { return Range.blankRange(); }\n get leafSectionIndex() { assert('must implement get leafSectionIndex', false); }\n\n get isMarkerable() { return false; }\n get marker() { return false; }\n isHeadOfPost() { return false; }\n isTailOfPost() { return false; }\n isHead() { return false; }\n isTail() { return false; }\n move() { return this; }\n moveWord() { return this; }\n\n get markerPosition() { return {}; }\n};\n\nexport default Position;\n","import assert from 'mobiledoc-kit/utils/assert';\n\nexport default class LifecycleCallbacks {\n constructor(queueNames=[]) {\n this.callbackQueues = {};\n this.removalQueues = {};\n\n queueNames.forEach(name => {\n this.callbackQueues[name] = [];\n this.removalQueues[name] = [];\n });\n }\n\n runCallbacks(queueName, args=[]) {\n let queue = this._getQueue(queueName);\n queue.forEach(cb => cb(...args));\n\n let toRemove = this.removalQueues[queueName];\n toRemove.forEach(cb => {\n let index = queue.indexOf(cb);\n if (index !== -1) {\n queue.splice(index, 1);\n }\n });\n\n this.removalQueues[queueName] = [];\n }\n\n addCallback(queueName, callback) {\n this._getQueue(queueName).push(callback);\n }\n\n _scheduleCallbackForRemoval(queueName, callback) {\n this.removalQueues[queueName].push(callback);\n }\n\n addCallbackOnce(queueName, callback) {\n let queue = this._getQueue(queueName);\n if (queue.indexOf(callback) === -1) {\n queue.push(callback);\n this._scheduleCallbackForRemoval(queueName, callback);\n }\n }\n\n _getQueue(queueName) {\n let queue = this.callbackQueues[queueName];\n assert(`No queue found for \"${queueName}\"`, !!queue);\n return queue;\n }\n}\n","import assert from 'mobiledoc-kit/utils/assert';\nimport {\n MARKUP_SECTION_TYPE,\n LIST_SECTION_TYPE,\n POST_TYPE,\n CARD_TYPE,\n IMAGE_SECTION_TYPE,\n LIST_ITEM_TYPE,\n} from 'mobiledoc-kit/models/types';\n\nconst MARKERABLE = 'markerable',\n NESTED_MARKERABLE = 'nested_markerable',\n NON_MARKERABLE = 'non_markerable';\n\nclass Visitor {\n constructor(inserter, cursorPosition) {\n let { postEditor, post } = inserter;\n this.postEditor = postEditor;\n this._post = post;\n this.cursorPosition = cursorPosition;\n this.builder = this.postEditor.builder;\n\n this._hasInsertedFirstLeafSection = false;\n }\n\n get cursorPosition() {\n return this._cursorPosition;\n }\n\n set cursorPosition(position) {\n this._cursorPosition = position;\n this.postEditor.setRange(position);\n }\n\n visit(node) {\n let method = node.type;\n assert(`Cannot visit node of type ${node.type}`, !!this[method]);\n this[method](node);\n }\n\n _canMergeSection(section) {\n if (this._hasInsertedFirstLeafSection) {\n return false;\n } else {\n return this._isMarkerable && section.isMarkerable;\n }\n }\n\n get _isMarkerable() {\n return this.cursorSection.isMarkerable;\n }\n\n get cursorSection() {\n return this.cursorPosition.section;\n }\n\n get cursorOffset() {\n return this.cursorPosition.offset;\n }\n\n get _isNested() {\n return this.cursorSection.isNested;\n }\n\n [POST_TYPE](node) {\n if (this.cursorSection.isBlank && !this._isNested) {\n // replace blank section with entire post\n let newSections = node.sections.map(s => s.clone());\n this._replaceSection(this.cursorSection, newSections);\n } else {\n node.sections.forEach(section => this.visit(section));\n }\n }\n\n [MARKUP_SECTION_TYPE](node) {\n this[MARKERABLE](node);\n }\n\n [LIST_SECTION_TYPE](node) {\n let hasNext = !!node.next;\n node.items.forEach(item => this.visit(item));\n\n if (this._isNested && hasNext) {\n this._breakNestedAtCursor();\n }\n }\n\n [LIST_ITEM_TYPE](node) {\n this[NESTED_MARKERABLE](node);\n }\n\n [CARD_TYPE](node) {\n this[NON_MARKERABLE](node);\n }\n\n [IMAGE_SECTION_TYPE](node) {\n this[NON_MARKERABLE](node);\n }\n\n [NON_MARKERABLE](section) {\n if (this._isNested) {\n this._breakNestedAtCursor();\n } else if (!this.cursorSection.isBlank) {\n this._breakAtCursor();\n }\n\n this._insertLeafSection(section);\n }\n\n [MARKERABLE](section) {\n if (this._canMergeSection(section)) {\n this._mergeSection(section);\n } else if (this._isNested && this._isMarkerable) {\n // If we are attaching a markerable section to a list item,\n // insert a linebreak then merge the section onto the resulting blank list item\n this._breakAtCursor();\n\n // Advance the cursor to the head of the blank list item\n let nextPosition = this.cursorSection.next.headPosition();\n this.cursorPosition = nextPosition;\n\n // Merge this section onto the list item\n this._mergeSection(section);\n } else {\n this._breakAtCursor();\n this._insertLeafSection(section);\n }\n }\n\n [NESTED_MARKERABLE](section) {\n if (this._canMergeSection(section)) {\n this._mergeSection(section);\n return;\n }\n\n section = this._isNested ? section : this._wrapNestedSection(section);\n this._breakAtCursor();\n this._insertLeafSection(section);\n }\n\n // break out of a nested cursor position\n _breakNestedAtCursor() {\n assert('Cannot call _breakNestedAtCursor if not nested', this._isNested);\n\n let parent = this.cursorSection.parent;\n let cursorAtEndOfList = this.cursorPosition.isEqual(parent.tailPosition());\n\n if (cursorAtEndOfList) {\n let blank = this.builder.createMarkupSection();\n this._insertSectionAfter(blank, parent);\n } else {\n let [, blank,] = this._breakListAtCursor();\n this.cursorPosition = blank.tailPosition();\n }\n }\n\n _breakListAtCursor() {\n assert('Cannot _splitParentSection if cursor position is not nested',\n this._isNested);\n\n let list = this.cursorSection.parent,\n position = this.cursorPosition,\n blank = this.builder.createMarkupSection();\n let [pre, post] = this.postEditor._splitListAtPosition(list, position);\n\n let collection = this._post.sections,\n reference = post;\n this.postEditor.insertSectionBefore(collection, blank, reference);\n return [pre, blank, post];\n }\n\n _wrapNestedSection(section) {\n let tagName = section.parent.tagName;\n let parent = this.builder.createListSection(tagName);\n parent.items.append(section.clone());\n return parent;\n }\n\n _mergeSection(section) {\n assert('Can only merge markerable sections',\n this._isMarkerable && section.isMarkerable);\n this._hasInsertedFirstLeafSection = true;\n\n let markers = section.markers.map(m => m.clone());\n let position = this.postEditor.insertMarkers(this.cursorPosition, markers);\n\n this.cursorPosition = position;\n }\n\n // Can be called to add a line break when in a nested section or a parent\n // section.\n _breakAtCursor() {\n if (this.cursorSection.isBlank) {\n return;\n } else if (this._isMarkerable) {\n this._breakMarkerableAtCursor();\n } else {\n this._breakNonMarkerableAtCursor();\n }\n }\n\n // Inserts a blank section before/after the cursor,\n // depending on cursor position.\n _breakNonMarkerableAtCursor() {\n let collection = this._post.sections,\n blank = this.builder.createMarkupSection(),\n reference = this.cursorPosition.isHead() ? this.cursorSection :\n this.cursorSection.next;\n this.postEditor.insertSectionBefore(collection, blank, reference);\n this.cursorPosition = blank.tailPosition();\n }\n\n _breakMarkerableAtCursor() {\n let [pre,] =\n this.postEditor.splitSection(this.cursorPosition);\n\n this.cursorPosition = pre.tailPosition();\n }\n\n _replaceSection(section, newSections) {\n assert('Cannot replace section that does not have parent.sections',\n section.parent && section.parent.sections);\n assert('Must pass enumerable to _replaceSection', !!newSections.forEach);\n\n let collection = section.parent.sections;\n let reference = section.next;\n this.postEditor.removeSection(section);\n newSections.forEach(section => {\n this.postEditor.insertSectionBefore(collection, section, reference);\n });\n let lastSection = newSections[newSections.length - 1];\n\n this.cursorPosition = lastSection.tailPosition();\n }\n\n _insertSectionBefore(section, reference) {\n let collection = this.cursorSection.parent.sections;\n this.postEditor.insertSectionBefore(collection, section, reference);\n\n this.cursorPosition = section.tailPosition();\n }\n\n // Insert a section after the parent section.\n // E.g., add a markup section after a list section\n _insertSectionAfter(section, parent) {\n assert('Cannot _insertSectionAfter nested section', !parent.isNested);\n let reference = parent.next;\n let collection = this._post.sections;\n this.postEditor.insertSectionBefore(collection, section, reference);\n this.cursorPosition = section.tailPosition();\n }\n\n _insertLeafSection(section) {\n assert('Can only _insertLeafSection when cursor is at end of section',\n this.cursorPosition.isTail());\n\n this._hasInsertedFirstLeafSection = true;\n section = section.clone();\n\n if (this.cursorSection.isBlank) {\n assert('Cannot insert leaf non-markerable section when cursor is nested',\n !(section.isMarkerable && this._isNested));\n this._replaceSection(this.cursorSection, [section]);\n } else if (this.cursorSection.next && this.cursorSection.next.isBlank) {\n this._replaceSection(this.cursorSection.next, [section]);\n } else {\n let reference = this.cursorSection.next;\n this._insertSectionBefore(section, reference);\n }\n }\n}\n\nexport default class Inserter {\n constructor(postEditor, post) {\n this.postEditor = postEditor;\n this.post = post;\n }\n\n insert(cursorPosition, newPost) {\n let visitor = new Visitor(this, cursorPosition);\n if (!newPost.isBlank) {\n visitor.visit(newPost);\n }\n return visitor.cursorPosition;\n }\n}\n","/**\n * Usage:\n * Without a conditional, always prints deprecate message:\n * `deprecate('This is deprecated')`\n *\n * Conditional deprecation, works similarly to `assert`, prints deprecation if\n * conditional is false:\n * `deprecate('Deprecated only if foo !== bar', foo === bar)`\n */\nexport default function deprecate(message, conditional=false) {\n if (!conditional) {\n // eslint-disable-next-line no-console\n console.log(`[mobiledoc-kit] [DEPRECATED]: ${message}`);\n }\n}\n","import Range from 'mobiledoc-kit/utils/cursor/range';\nimport Position from 'mobiledoc-kit/utils/cursor/position';\nimport assert from 'mobiledoc-kit/utils/assert';\n\nexport default function toRange(rangeLike) {\n assert(`Must pass non-blank object to \"toRange\"`, !!rangeLike);\n\n if (rangeLike instanceof Range) {\n return rangeLike;\n } else if (rangeLike instanceof Position) {\n return rangeLike.toRange();\n }\n\n assert(`Incorrect structure for rangeLike: ${rangeLike}`, false);\n}\n","import Position from '../utils/cursor/position';\nimport Range from 'mobiledoc-kit/utils/cursor/range';\nimport { detect, forEach, reduce, filter, values, commonItems } from '../utils/array-utils';\nimport { DIRECTION } from '../utils/key';\nimport LifecycleCallbacks from '../models/lifecycle-callbacks';\nimport assert from '../utils/assert';\nimport { normalizeTagName } from '../utils/dom-utils';\nimport PostInserter from './post/post-inserter';\nimport deprecate from 'mobiledoc-kit/utils/deprecate';\nimport toRange from 'mobiledoc-kit/utils/to-range';\n\nconst { FORWARD, BACKWARD } = DIRECTION;\n\nfunction isListSectionTagName(tagName) {\n return tagName === 'ul' || tagName === 'ol';\n}\n\nconst CALLBACK_QUEUES = {\n BEFORE_COMPLETE: 'beforeComplete',\n COMPLETE: 'complete',\n AFTER_COMPLETE: 'afterComplete'\n};\n\n// There are only two events that we're concerned about for Undo, that is inserting text and deleting content.\n// These are the only two states that go on a \"run\" and create a combined undo, everything else has it's own\n// deadicated undo.\nconst EDIT_ACTIONS = {\n INSERT_TEXT: 1,\n DELETE: 2\n};\n\n\n/**\n * The PostEditor is used to modify a post. It should not be instantiated directly.\n * Instead, a new instance of a PostEditor is created by the editor and passed\n * as the argument to the callback in {@link Editor#run}.\n *\n * Usage:\n * ```\n * editor.run((postEditor) => {\n * // postEditor is an instance of PostEditor that can operate on the\n * // editor's post\n * });\n * ```\n */\nclass PostEditor {\n /**\n * @private\n */\n constructor(editor) {\n this.editor = editor;\n this.builder = this.editor.builder;\n this._callbacks = new LifecycleCallbacks(values(CALLBACK_QUEUES));\n\n this._didComplete = false;\n this.editActionTaken = null;\n\n this._renderRange = () => this.editor.selectRange(this._range);\n this._postDidChange = () => this.editor._postDidChange();\n this._rerender = () => this.editor.rerender();\n }\n\n addCallback(...args) {\n this._callbacks.addCallback(...args);\n }\n\n addCallbackOnce(...args) {\n this._callbacks.addCallbackOnce(...args);\n }\n\n runCallbacks(...args) {\n this._callbacks.runCallbacks(...args);\n }\n\n begin() {\n // cache the editor's range\n this._range = this.editor.range;\n }\n\n /**\n * Schedules to select the given range on the editor after the postEditor\n * has completed its work. This also updates the postEditor's active range\n * (so that multiple calls to range-changing methods on the postEditor will\n * update the correct range).\n *\n * Usage:\n * let range = editor.range;\n * editor.run(postEditor => {\n * let nextPosition = postEditor.deleteRange(range);\n *\n * // Will position the editor's cursor at `nextPosition` after\n * // the postEditor finishes work and the editor rerenders.\n * postEditor.setRange(nextPosition);\n * });\n * @param {Range|Position} range\n * @public\n */\n setRange(range) {\n range = toRange(range);\n\n // TODO validate that the range is valid\n // (does not contain marked-for-removal head or tail sections?)\n this._range = range;\n this.scheduleAfterRender(this._renderRange, true);\n }\n\n /**\n * Delete a range from the post\n *\n * Usage:\n * ```\n * let { range } = editor;\n * editor.run((postEditor) => {\n * let nextPosition = postEditor.deleteRange(range);\n * postEditor.setRange(nextPosition);\n * });\n * ```\n * @param {Range} range Cursor Range object with head and tail Positions\n * @return {Position} The position where the cursor would go after deletion\n * @public\n */\n deleteRange(range) {\n assert(\"Must pass MobiledocKit Range to `deleteRange`\", range instanceof Range);\n\n this.editActionTaken = EDIT_ACTIONS.DELETE;\n\n let {\n head, head: {section: headSection},\n tail, tail: {section: tailSection}\n } = range;\n\n let { editor: { post } } = this;\n\n if (headSection === tailSection) {\n return this.cutSection(headSection, head, tail);\n }\n\n let nextSection = headSection.nextLeafSection();\n\n let nextPos = this.cutSection(headSection, head, headSection.tailPosition());\n // cutSection can replace the section, so re-read headSection here\n headSection = nextPos.section;\n\n // Remove sections in the middle of the range\n while (nextSection !== tailSection) {\n let tmp = nextSection;\n nextSection = nextSection.nextLeafSection();\n this.removeSection(tmp);\n }\n\n let tailPos = this.cutSection(tailSection, tailSection.headPosition(), tail);\n // cutSection can replace the section, so re-read tailSection here\n tailSection = tailPos.section;\n\n if (tailSection.isBlank) {\n this.removeSection(tailSection);\n } else {\n // If head and tail sections are markerable, join them\n // Note: They may not be the same section type. E.g. this may join\n // a tail section that was a list item onto a markup section, or vice versa.\n // (This is the desired behavior.)\n if (headSection.isMarkerable && tailSection.isMarkerable) {\n headSection.join(tailSection);\n this._markDirty(headSection);\n this.removeSection(tailSection);\n } else if (headSection.isBlank) {\n this.removeSection(headSection);\n nextPos = tailPos;\n }\n }\n\n if (post.isBlank) {\n post.sections.append(this.builder.createMarkupSection('p'));\n nextPos = post.headPosition();\n }\n\n return nextPos;\n }\n\n /**\n * Note: This method may replace `section` with a different section.\n *\n * \"Cut\" out the part of the section inside `headOffset` and `tailOffset`.\n * If section is markerable this splits markers that straddle the head or tail (if necessary),\n * and removes markers that are wholly inside the offsets.\n * If section is a card, this may replace it with a blank markup section if the\n * positions contain the entire card.\n *\n * @param {Section} section\n * @param {Position} head\n * @param {Position} tail\n * @return {Position}\n * @private\n */\n cutSection(section, head, tail) {\n assert('Must pass head position and tail position to `cutSection`',\n head instanceof Position && tail instanceof Position);\n assert('Must pass positions within same section to `cutSection`',\n head.section === tail.section);\n\n if (section.isBlank || head.isEqual(tail)) {\n return head;\n }\n if (section.isCardSection) {\n if (head.isHead() && tail.isTail()) {\n let newSection = this.builder.createMarkupSection();\n this.replaceSection(section, newSection);\n return newSection.headPosition();\n } else {\n return tail;\n }\n }\n\n let range = head.toRange(tail);\n this.splitMarkers(range).forEach(m => this.removeMarker(m));\n\n return head;\n }\n\n _coalesceMarkers(section) {\n if (section.isMarkerable) {\n this._removeBlankMarkers(section);\n this._joinSimilarMarkers(section);\n }\n }\n\n _removeBlankMarkers(section) {\n forEach(\n filter(section.markers, m => m.isBlank),\n m => this.removeMarker(m)\n );\n }\n\n // joins markers that have identical markups\n _joinSimilarMarkers(section) {\n let marker = section.markers.head;\n let nextMarker;\n while (marker && marker.next) {\n nextMarker = marker.next;\n\n if (marker.canJoin(nextMarker)) {\n nextMarker.value = marker.value + nextMarker.value;\n this._markDirty(nextMarker);\n this.removeMarker(marker);\n }\n\n marker = nextMarker;\n }\n }\n\n removeMarker(marker) {\n this._scheduleForRemoval(marker);\n if (marker.section) {\n this._markDirty(marker.section);\n marker.section.markers.remove(marker);\n }\n }\n\n _scheduleForRemoval(postNode) {\n if (postNode.renderNode) {\n postNode.renderNode.scheduleForRemoval();\n\n this.scheduleRerender();\n this.scheduleDidUpdate();\n }\n let removedAdjacentToList = (postNode.prev && postNode.prev.isListSection) ||\n (postNode.next && postNode.next.isListSection);\n if (removedAdjacentToList) {\n this.addCallback(\n CALLBACK_QUEUES.BEFORE_COMPLETE,\n () => this._joinContiguousListSections()\n );\n }\n }\n\n _joinContiguousListSections() {\n let { post } = this.editor;\n let range = this._range;\n let prev;\n let groups = [];\n let currentGroup;\n\n // FIXME do we need to force a re-render of the range if changed sections\n // are contained within the range?\n let updatedHead = null;\n forEach(post.sections, section => {\n if (prev &&\n prev.isListSection &&\n section.isListSection &&\n prev.tagName === section.tagName) {\n\n currentGroup = currentGroup || [prev];\n currentGroup.push(section);\n } else {\n if (currentGroup) {\n groups.push(currentGroup);\n }\n currentGroup = null;\n }\n prev = section;\n });\n\n if (currentGroup) {\n groups.push(currentGroup);\n }\n\n forEach(groups, group => {\n let list = group[0];\n forEach(group, listSection => {\n if (listSection === list) {\n return;\n }\n\n let currentHead = range.head;\n let prevPosition;\n\n // FIXME is there a currentHead if there is no range?\n // is the current head a list item in the section\n if (!range.isBlank && currentHead.section.isListItem &&\n currentHead.section.parent === listSection) {\n prevPosition = list.tailPosition();\n }\n this._joinListSections(list, listSection);\n if (prevPosition) {\n updatedHead = prevPosition.move(FORWARD);\n }\n });\n });\n\n if (updatedHead) {\n this.setRange(updatedHead);\n }\n }\n\n _joinListSections(baseList, nextList) {\n baseList.join(nextList);\n this._markDirty(baseList);\n this.removeSection(nextList);\n }\n\n _markDirty(postNode) {\n if (postNode.renderNode) {\n postNode.renderNode.markDirty();\n\n this.scheduleRerender();\n this.scheduleDidUpdate();\n }\n if (postNode.section) {\n this._markDirty(postNode.section);\n }\n if (postNode.isMarkerable) {\n this.addCallback(\n CALLBACK_QUEUES.BEFORE_COMPLETE, () => this._coalesceMarkers(postNode));\n }\n }\n\n /**\n * @param {Position} position object with {section, offset} the marker and offset to delete from\n * @param {Number} direction The direction to delete in (default is BACKWARD)\n * @return {Position} for positioning the cursor\n * @public\n * @deprecated after v0.10.3\n */\n deleteFrom(position, direction=DIRECTION.BACKWARD) {\n deprecate(\"`postEditor#deleteFrom is deprecated. Use `deleteAtPosition(position, direction=BACKWARD, {unit}={unit: 'char'})` instead\");\n return this.deleteAtPosition(position, direction, {unit: 'char'});\n }\n\n /**\n * Delete 1 `unit` (can be 'char' or 'word') in the given `direction` at the given\n * `position`. In almost all cases this will be equivalent to deleting the range formed\n * by expanding the position 1 unit in the given direction. The exception is when deleting\n * backward from the beginning of a list item, which reverts the list item into a markup section\n * instead of joining it with its previous list item (if any).\n *\n * Usage:\n *\n * let position = section.tailPosition();\n * // Section has text of \"Howdy!\"\n * editor.run((postEditor) => {\n * postEditor.deleteAtPosition(position);\n * });\n * // section has text of \"Howdy\"\n *\n * @param {Position} position The position to delete at\n * @param {Direction} [direction=DIRECTION.BACKWARD] direction The direction to delete in\n * @param {Object} [options]\n * @param {String} [options.unit=\"char\"] The unit of deletion (\"word\" or \"char\")\n * @return {Position}\n */\n deleteAtPosition(position, direction=DIRECTION.BACKWARD, {unit}={unit: 'char'}) {\n if (direction === DIRECTION.BACKWARD) {\n return this._deleteAtPositionBackward(position, unit);\n } else {\n return this._deleteAtPositionForward(position, unit);\n }\n }\n\n _deleteAtPositionBackward(position, unit) {\n if (position.isHead() && position.section.isListItem) {\n this.toggleSection('p', position);\n return this._range.head;\n } else {\n let prevPosition = unit === 'word' ? position.moveWord(BACKWARD) : position.move(BACKWARD);\n let range = prevPosition.toRange(position);\n return this.deleteRange(range);\n }\n }\n\n _deleteAtPositionForward(position, unit) {\n let nextPosition = unit === 'word' ? position.moveWord(FORWARD) : position.move(FORWARD);\n let range = position.toRange(nextPosition);\n return this.deleteRange(range);\n }\n\n /**\n * Split markers at two positions, once at the head, and if necessary once\n * at the tail.\n *\n * Usage:\n * ```\n * let range = editor.range;\n * editor.run((postEditor) => {\n * postEditor.splitMarkers(range);\n * });\n * ```\n * The return value will be marker object completely inside the offsets\n * provided. Markers outside of the split may also have been modified.\n *\n * @param {Range} markerRange\n * @return {Array} of markers that are inside the split\n * @private\n */\n splitMarkers(range) {\n const { post } = this.editor;\n const { head, tail } = range;\n\n this.splitSectionMarkerAtOffset(head.section, head.offset);\n this.splitSectionMarkerAtOffset(tail.section, tail.offset);\n\n return post.markersContainedByRange(range);\n }\n\n splitSectionMarkerAtOffset(section, offset) {\n const edit = section.splitMarkerAtOffset(offset);\n edit.removed.forEach(m => this.removeMarker(m));\n }\n\n /**\n * Split the section at the position.\n *\n * Usage:\n * ```\n * let position = editor.cursor.offsets.head;\n * editor.run((postEditor) => {\n * postEditor.splitSection(position);\n * });\n * // Will result in the creation of two new sections\n * // replacing the old one at the cursor position\n * ```\n * The return value will be the two new sections. One or both of these\n * sections can be blank (contain only a blank marker), for example if the\n * headMarkerOffset is 0.\n *\n * @param {Position} position\n * @return {Array} new sections, one for the first half and one for the second (either one can be null)\n * @public\n */\n splitSection(position) {\n const { section } = position;\n\n if (section.isCardSection) {\n return this._splitCardSection(section, position);\n } else if (section.isListItem) {\n let isLastAndBlank = section.isBlank && !section.next;\n if (isLastAndBlank) {\n // if is last, replace the item with a blank markup section\n let parent = section.parent;\n let collection = this.editor.post.sections;\n let blank = this.builder.createMarkupSection();\n this.removeSection(section);\n this.insertSectionBefore(collection, blank, parent.next);\n\n return [null, blank];\n } else {\n let [pre, post] = this._splitListItem(section, position);\n return [pre, post];\n }\n } else {\n let splitSections = section.splitAtPosition(position);\n splitSections.forEach(s => this._coalesceMarkers(s));\n this._replaceSection(section, splitSections);\n\n return splitSections;\n }\n }\n\n /**\n * @param {Section} cardSection\n * @param {Position} position to split at\n * @return {Section[]} 2-item array of pre and post-split sections\n * @private\n */\n _splitCardSection(cardSection, position) {\n let { offset } = position;\n assert('Cards section must be split at offset 0 or 1',\n offset === 0 || offset === 1);\n\n let newSection = this.builder.createMarkupSection();\n let nextSection;\n let surroundingSections;\n\n if (offset === 0) {\n nextSection = cardSection;\n surroundingSections = [newSection, cardSection];\n } else {\n nextSection = cardSection.next;\n surroundingSections = [cardSection, newSection];\n }\n\n let collection = this.editor.post.sections;\n this.insertSectionBefore(collection, newSection, nextSection);\n\n return surroundingSections;\n }\n\n /**\n * @param {Section} section\n * @param {Section} newSection\n * @return null\n * @public\n */\n replaceSection(section, newSection) {\n if (!section) {\n // FIXME should a falsy section be a valid argument?\n this.insertSectionBefore(this.editor.post.sections, newSection, null);\n } else {\n this._replaceSection(section, [newSection]);\n }\n }\n\n moveSectionBefore(collection, renderedSection, beforeSection) {\n const newSection = renderedSection.clone();\n this.removeSection(renderedSection);\n this.insertSectionBefore(collection, newSection, beforeSection);\n return newSection;\n }\n\n /**\n * @param {Section} section A section that is already in DOM\n * @public\n */\n moveSectionUp(renderedSection) {\n const isFirst = !renderedSection.prev;\n if (isFirst) {\n return renderedSection;\n }\n\n const collection = renderedSection.parent.sections;\n const beforeSection = renderedSection.prev;\n return this.moveSectionBefore(collection, renderedSection, beforeSection);\n }\n\n /**\n * @param {Section} section A section that is already in DOM\n * @public\n */\n moveSectionDown(renderedSection) {\n const isLast = !renderedSection.next;\n if (isLast) {\n return renderedSection;\n }\n\n const beforeSection = renderedSection.next.next;\n const collection = renderedSection.parent.sections;\n return this.moveSectionBefore(collection, renderedSection, beforeSection);\n }\n\n /**\n * Insert an array of markers at the given position. If the position is in\n * a non-markerable section (like a card section), this method throws an error.\n *\n * @param {Position} position\n * @param {Marker[]} markers\n * @return {Position} The position that represents the end of the inserted markers.\n * @public\n */\n insertMarkers(position, markers) {\n let { section, offset } = position;\n assert('Cannot insert markers at non-markerable position',\n section.isMarkerable);\n\n this.editActionTaken = EDIT_ACTIONS.INSERT_TEXT;\n\n let edit = section.splitMarkerAtOffset(offset);\n edit.removed.forEach(marker => this._scheduleForRemoval(marker));\n\n let prevMarker = section.markerBeforeOffset(offset);\n markers.forEach(marker => {\n section.markers.insertAfter(marker, prevMarker);\n offset += marker.length;\n prevMarker = marker;\n });\n\n this._coalesceMarkers(section);\n this._markDirty(section);\n\n let nextPosition = section.toPosition(offset);\n this.setRange(nextPosition);\n return nextPosition;\n }\n\n /**\n * Inserts text with the given markups, ignoring the existing markups at\n * the position, if any.\n *\n * @param {Position} position\n * @param {String} text\n * @param {Markup[]} markups\n * @return {Position} position at the end of the inserted text\n */\n insertTextWithMarkup(position, text, markups=[]) {\n let { section } = position;\n if (!section.isMarkerable) { return; }\n let marker = this.builder.createMarker(text, markups);\n return this.insertMarkers(position, [marker]);\n }\n\n /**\n * Insert the text at the given position\n * Inherits the markups already at that position, if any.\n *\n * @param {Position} position\n * @param {String} text\n * @return {Position} position at the end of the inserted text.\n */\n insertText(position, text) {\n let { section } = position;\n if (!section.isMarkerable) { return; }\n let markups = position.marker && position.marker.markups;\n markups = markups || [];\n return this.insertTextWithMarkup(position, text, markups);\n }\n\n _replaceSection(section, newSections) {\n let nextSection = section.next;\n let collection = section.parent.sections;\n\n let nextNewSection = newSections[0];\n if (nextNewSection.isMarkupSection && section.isListItem) {\n // put the new section after the ListSection (section.parent)\n // instead of after the ListItem\n collection = section.parent.parent.sections;\n nextSection = section.parent.next;\n }\n\n newSections.forEach(s => this.insertSectionBefore(collection, s, nextSection));\n this.removeSection(section);\n }\n\n /**\n * Given a markerRange (for example `editor.range`) mark all markers\n * inside it as a given markup. The markup must be provided as a post\n * abstract node.\n *\n * Usage:\n *\n * let range = editor.range;\n * let strongMarkup = editor.builder.createMarkup('strong');\n * editor.run((postEditor) => {\n * postEditor.addMarkupToRange(range, strongMarkup);\n * });\n * // Will result some markers possibly being split, and the markup\n * // being applied to all markers between the split.\n *\n * @param {Range} range\n * @param {Markup} markup A markup post abstract node\n * @public\n */\n addMarkupToRange(range, markup) {\n if (range.isCollapsed) { return; }\n\n let markers = this.splitMarkers(range);\n if (markers.length) {\n // We insert the new markup at a consistent index across the range.\n // If we just push on the end of the list, it can end up in different positions\n // of the markup stack. This results in unnecessary closing and re-opening of\n // the markup each time it changes position.\n // If we just push it at the beginning of the list, this causes unnecessary closing\n // and re-opening of surrounding tags.\n // So, we look for any tags open across the whole range, and push into the stack\n // at the end of those.\n // Prompted by https://github.com/bustle/mobiledoc-kit/issues/360\n\n let markupsOpenAcrossRange = reduce(markers, function (soFar, marker) {\n return commonItems(soFar, marker.markups);\n }, markers[0].markups);\n let indexToInsert = markupsOpenAcrossRange.length;\n\n markers.forEach(marker => {\n marker.addMarkupAtIndex(markup, indexToInsert);\n this._markDirty(marker);\n });\n }\n }\n\n /**\n * Given a markerRange (for example `editor.range`) remove the given\n * markup from all contained markers.\n *\n * Usage:\n * ```\n * let { range } = editor;\n * let markup = markerRange.headMarker.markups[0];\n * editor.run(postEditor => {\n * postEditor.removeMarkupFromRange(range, markup);\n * });\n * // Will result in some markers possibly being split, and the markup\n * // being removed from all markers between the split.\n * ```\n * @param {Range} range Object with offsets\n * @param {Markup|Function} markupOrCallback A markup post abstract node or\n * a function that returns true when passed a markup that should be removed\n * @private\n */\n removeMarkupFromRange(range, markupOrMarkupCallback) {\n if (range.isCollapsed) { return; }\n\n this.splitMarkers(range).forEach(marker => {\n marker.removeMarkup(markupOrMarkupCallback);\n this._markDirty(marker);\n });\n }\n\n /**\n * Toggle the given markup in the given range (or at the position given). If the range/position\n * has the markup, the markup will be removed. If nothing in the range/position\n * has the markup, the markup will be added to everything in the range/position.\n *\n * Usage:\n * ```\n * // Remove any 'strong' markup if it exists in the selection, otherwise\n * // make it all 'strong'\n * editor.run(postEditor => postEditor.toggleMarkup('strong'));\n *\n * // add/remove a link to 'bustle.com' to the selection\n * editor.run(postEditor => {\n * const linkMarkup = postEditor.builder.createMarkup('a', {href: 'http://bustle.com'});\n * postEditor.toggleMarkup(linkMarkup);\n * });\n * ```\n * @param {Markup|String} markupOrString Either a markup object created using\n * the builder (useful when adding a markup with attributes, like an 'a' markup),\n * or, if a string, the tag name of the markup (e.g. 'strong', 'em') to toggle.\n * @param {Range|Position} range in which to toggle. Defaults to current editor range.\n * @public\n */\n toggleMarkup(markupOrMarkupString, range=this._range) {\n range = toRange(range);\n const markup = typeof markupOrMarkupString === 'string' ?\n this.builder.createMarkup(markupOrMarkupString) :\n markupOrMarkupString;\n\n const hasMarkup = this.editor.detectMarkupInRange(range, markup.tagName);\n // FIXME: This implies only a single markup in a range. This may not be\n // true for links (which are not the same object instance like multiple\n // strong tags would be).\n if (hasMarkup) {\n this.removeMarkupFromRange(range, hasMarkup);\n } else {\n this.addMarkupToRange(range, markup);\n }\n\n this.setRange(range);\n }\n\n /**\n * Toggles the tagName of the active section or sections in the given range/position.\n * If every section has the tag name, they will all be reset to default sections.\n * Otherwise, every section will be changed to the requested type\n *\n * @param {String} sectionTagName A valid markup section or\n * list section tag name (e.g. 'blockquote', 'h2', 'ul')\n * @param {Range|Position} range The range over which to toggle.\n * Defaults to the current editor range.\n * @public\n */\n toggleSection(sectionTagName, range=this._range) {\n range = toRange(range);\n\n sectionTagName = normalizeTagName(sectionTagName);\n let { post } = this.editor;\n\n let everySectionHasTagName = true;\n post.walkMarkerableSections(range, section => {\n if (!this._isSameSectionType(section, sectionTagName)) {\n everySectionHasTagName = false;\n }\n });\n\n let tagName = everySectionHasTagName ? 'p' : sectionTagName;\n let sectionTransformations = [];\n post.walkMarkerableSections(range, section => {\n let changedSection = this.changeSectionTagName(section, tagName);\n sectionTransformations.push({\n from: section,\n to: changedSection\n });\n });\n\n let nextRange = this._determineNextRangeAfterToggleSection(range, sectionTransformations);\n this.setRange(nextRange);\n }\n\n _determineNextRangeAfterToggleSection(range, sectionTransformations) {\n if (sectionTransformations.length) {\n let changedHeadSection = detect(sectionTransformations, ({ from }) => {\n return from === range.headSection;\n }).to;\n let changedTailSection = detect(sectionTransformations, ({ from }) => {\n return from === range.tailSection;\n }).to;\n\n if (changedHeadSection.isListSection || changedTailSection.isListSection) {\n // We don't know to which ListItem's the original sections point at, so\n // we don't have enough information to reconstruct the range when\n // dealing with lists.\n return sectionTransformations[0].to.headPosition().toRange();\n } else {\n return Range.create(\n changedHeadSection,\n range.headSectionOffset,\n changedTailSection,\n range.tailSectionOffset,\n range.direction\n );\n }\n } else {\n return range;\n }\n }\n\n setAttribute(key, value, range=this._range) {\n this._mutateAttribute(key, range, (section, attribute) => {\n if (section.getAttribute(attribute) !== value) {\n section.setAttribute(attribute, value);\n return true;\n }\n });\n }\n\n removeAttribute(key, range=this._range) {\n this._mutateAttribute(key, range, (section, attribute) => {\n if (section.hasAttribute(attribute)) {\n section.removeAttribute(attribute);\n return true;\n }\n });\n }\n\n _mutateAttribute(key, range, cb) {\n range = toRange(range);\n let { post } = this.editor;\n let attribute = `data-md-${key}`;\n\n post.walkMarkerableSections(range, section => {\n if (section.isListItem) {\n section = section.parent;\n }\n\n if (cb(section, attribute) === true) {\n this._markDirty(section);\n }\n });\n\n this.setRange(range);\n }\n\n _isSameSectionType(section, sectionTagName) {\n return section.isListItem ?\n section.parent.tagName === sectionTagName :\n section.tagName === sectionTagName;\n }\n\n /**\n * @param {Markerable} section\n * @private\n */\n changeSectionTagName(section, newTagName) {\n assert('Cannot pass non-markerable section to `changeSectionTagName`',\n section.isMarkerable);\n\n if (isListSectionTagName(newTagName)) {\n return this._changeSectionToListItem(section, newTagName);\n } else if (section.isListItem) {\n return this._changeSectionFromListItem(section, newTagName);\n } else {\n section.tagName = newTagName;\n this._markDirty(section);\n return section;\n }\n }\n\n /**\n * Splits the item at the position given.\n * If the position is at the start or end of the item, the pre- or post-item\n * will contain a single empty (\"\") marker.\n * @param {ListItem} item\n * @param {Position} position\n * @return {Array} the pre-item and post-item on either side of the split\n * @private\n */\n _splitListItem(item, position) {\n let { section, offset } = position;\n assert('Cannot split list item at position that does not include item',\n item === section);\n\n item.splitMarkerAtOffset(offset);\n let prevMarker = item.markerBeforeOffset(offset);\n let preItem = this.builder.createListItem(),\n postItem = this.builder.createListItem();\n\n let currentItem = preItem;\n item.markers.forEach(marker => {\n currentItem.markers.append(marker.clone());\n if (marker === prevMarker) {\n currentItem = postItem;\n }\n });\n this._replaceSection(item, [preItem, postItem]);\n return [preItem, postItem];\n }\n\n /**\n * Splits the list at the position given.\n * @return {Array} pre-split list and post-split list, either of which could\n * be blank (0-item list) if the position is at the start or end of the list.\n *\n * Note: Contiguous list sections will be joined in the before_complete queue\n * of the postEditor.\n *\n * @private\n */\n _splitListAtPosition(list, position) {\n assert('Cannot split list at position not in list',\n position.section.parent === list);\n\n let positionIsMiddle = !position.isHead() && !position.isTail();\n if (positionIsMiddle) {\n let item = position.section;\n let [pre,] =\n this._splitListItem(item, position);\n position = pre.tailPosition();\n }\n\n let preList = this.builder.createListSection(list.tagName);\n let postList = this.builder.createListSection(list.tagName);\n\n let preItem = position.section;\n let currentList = preList;\n list.items.forEach(item => {\n // If this item matches the start item and the position is at its start,\n // it should be appended to the postList instead of the preList\n if (item === preItem && position.isEqual(item.headPosition())) {\n currentList = postList;\n }\n currentList.items.append(item.clone());\n // If we just appended the preItem, append the remaining items to the postList\n if (item === preItem) {\n currentList = postList;\n }\n });\n\n this._replaceSection(list, [preList, postList]);\n return [preList, postList];\n }\n\n /**\n * @return Array of [prev, mid, next] lists. `prev` and `next` can\n * be blank, depending on the position of `item`. `mid` will always\n * be a 1-item list containing `item`. `prev` and `next` will be\n * removed in the before_complete queue if they are blank\n * (and still attached).\n *\n * @private\n */\n _splitListAtItem(list, item) {\n let next = list;\n let prev = this.builder.createListSection(next.tagName, [], next.attributes);\n let mid = this.builder.createListSection(next.tagName);\n\n let addToPrev = true;\n // must turn the LinkedList into an array so that we can remove items\n // as we iterate through it\n let items = next.items.toArray();\n items.forEach(i => {\n let listToAppend;\n if (i === item) {\n addToPrev = false;\n listToAppend = mid;\n } else if (addToPrev) {\n listToAppend = prev;\n } else {\n return; // break after iterating prev and mid parts of the list\n }\n listToAppend.join(i);\n this.removeSection(i);\n });\n let found = !addToPrev;\n assert('Cannot split list at item that is not present in the list', found);\n\n let collection = this.editor.post.sections;\n this.insertSectionBefore(collection, mid, next);\n this.insertSectionBefore(collection, prev, mid);\n\n // Remove possibly blank prev/next lists\n this.addCallback(CALLBACK_QUEUES.BEFORE_COMPLETE, () => {\n [prev, next].forEach(_list => {\n let isAttached = !!_list.parent;\n if (_list.isBlank && isAttached) {\n this.removeSection(_list);\n }\n });\n });\n\n return [prev, mid, next];\n }\n\n _changeSectionFromListItem(section, newTagName) {\n assert('Must pass list item to `_changeSectionFromListItem`',\n section.isListItem);\n\n let listSection = section.parent;\n let markupSection = this.builder.createMarkupSection(newTagName);\n markupSection.join(section);\n\n let [, mid,] = this._splitListAtItem(listSection, section);\n this.replaceSection(mid, markupSection);\n return markupSection;\n }\n\n _changeSectionToListItem(section, newTagName) {\n let isAlreadyCorrectListItem = section.isListItem &&\n section.parent.tagName === newTagName;\n\n if (isAlreadyCorrectListItem) {\n return section;\n }\n\n let listSection = this.builder.createListSection(newTagName);\n listSection.join(section);\n\n let sectionToReplace;\n if (section.isListItem) {\n let [, mid,] = this._splitListAtItem(section.parent, section);\n sectionToReplace = mid;\n } else {\n sectionToReplace = section;\n }\n this.replaceSection(sectionToReplace, listSection);\n return listSection;\n }\n\n /**\n * Insert a given section before another one, updating the post abstract\n * and the rendered UI.\n *\n * Usage:\n * ```\n * let markerRange = editor.range;\n * let sectionWithCursor = markerRange.headMarker.section;\n * let section = editor.builder.createCardSection('my-image');\n * let collection = sectionWithCursor.parent.sections;\n * editor.run((postEditor) => {\n * postEditor.insertSectionBefore(collection, section, sectionWithCursor);\n * });\n * ```\n * @param {LinkedList} collection The list of sections to insert into\n * @param {Object} section The new section\n * @param {Object} beforeSection Optional The section \"before\" is relative to,\n * if falsy the new section will be appended to the collection\n * @public\n */\n insertSectionBefore(collection, section, beforeSection) {\n collection.insertBefore(section, beforeSection);\n this._markDirty(section.parent);\n }\n\n /**\n * Insert the given section after the current active section, or, if no\n * section is active, at the end of the document.\n * @param {Section} section\n * @public\n */\n insertSection(section) {\n const activeSection = this.editor.activeSection;\n const nextSection = activeSection && activeSection.next;\n\n const collection = this.editor.post.sections;\n this.insertSectionBefore(collection, section, nextSection);\n }\n\n /**\n * Insert the given section at the end of the document.\n * @param {Section} section\n * @public\n */\n insertSectionAtEnd(section) {\n this.insertSectionBefore(this.editor.post.sections, section, null);\n }\n\n /**\n * Insert the `post` at the given position in the editor's post.\n * @param {Position} position\n * @param {Post} post\n * @private\n */\n insertPost(position, newPost) {\n let post = this.editor.post;\n let inserter = new PostInserter(this, post);\n let nextPosition = inserter.insert(position, newPost);\n return nextPosition;\n }\n\n /**\n * Remove a given section from the post abstract and the rendered UI.\n *\n * Usage:\n * ```\n * let { range } = editor;\n * let sectionWithCursor = range.head.section;\n * editor.run((postEditor) => {\n * postEditor.removeSection(sectionWithCursor);\n * });\n * ```\n * @param {Object} section The section to remove\n * @public\n */\n removeSection(section) {\n let parent = section.parent;\n this._scheduleForRemoval(section);\n parent.sections.remove(section);\n\n if (parent.isListSection) {\n this._scheduleListRemovalIfEmpty(parent);\n }\n }\n\n removeAllSections() {\n this.editor.post.sections.toArray().forEach(section => {\n this.removeSection(section);\n });\n }\n\n migrateSectionsFromPost(post) {\n post.sections.toArray().forEach(section => {\n post.sections.remove(section);\n this.insertSectionBefore(this.editor.post.sections, section, null);\n });\n }\n\n _scheduleListRemovalIfEmpty(listSection) {\n this.addCallback(CALLBACK_QUEUES.BEFORE_COMPLETE, () => {\n // if the list is attached and blank after we do other rendering stuff,\n // remove it\n let isAttached = !!listSection.parent;\n if (isAttached && listSection.isBlank) {\n this.removeSection(listSection);\n }\n });\n }\n\n /**\n * A method for adding work the deferred queue\n *\n * @param {Function} callback to run during completion\n * @param {Boolean} [once=false] Whether to only schedule the callback once.\n * @public\n */\n schedule(callback, once=false) {\n assert('Work can only be scheduled before a post edit has completed',\n !this._didComplete);\n if (once) {\n this.addCallbackOnce(CALLBACK_QUEUES.COMPLETE, callback);\n } else {\n this.addCallback(CALLBACK_QUEUES.COMPLETE, callback);\n }\n }\n\n /**\n * A method for adding work the deferred queue. The callback will only\n * be added to the queue once, even if `scheduleOnce` is called multiple times.\n * The function cannot be an anonymous function.\n *\n * @param {Function} callback to run during completion\n * @public\n */\n scheduleOnce(callback) {\n this.schedule(callback, true);\n }\n\n /**\n * Add a rerender job to the queue\n *\n * @public\n */\n scheduleRerender() {\n this.scheduleOnce(this._rerender);\n }\n\n /**\n * Schedule a notification that the post has been changed.\n * The notification will result in the editor firing its `postDidChange`\n * hook after the postEditor completes its work (at the end of {@link Editor#run}).\n *\n * @public\n */\n scheduleDidUpdate() {\n this.scheduleOnce(this._postDidChange);\n }\n\n scheduleAfterRender(callback, once=false) {\n if (once) {\n this.addCallbackOnce(CALLBACK_QUEUES.AFTER_COMPLETE, callback);\n } else {\n this.addCallback(CALLBACK_QUEUES.AFTER_COMPLETE, callback);\n }\n }\n\n /**\n * Flush any work on the queue. {@link Editor#run} calls this method; it\n * should not be called directly.\n *\n * @private\n */\n complete() {\n assert('Post editing can only be completed once', !this._didComplete);\n\n this.runCallbacks(CALLBACK_QUEUES.BEFORE_COMPLETE);\n this._didComplete = true;\n this.runCallbacks(CALLBACK_QUEUES.COMPLETE);\n this.runCallbacks(CALLBACK_QUEUES.AFTER_COMPLETE);\n }\n\n undoLastChange() {\n this.editor._editHistory.stepBackward(this);\n }\n\n redoLastChange() {\n this.editor._editHistory.stepForward(this);\n }\n\n cancelSnapshot() {\n this._shouldCancelSnapshot = true;\n }\n}\n\nexport default PostEditor;\n","const placeholderImageSrc = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOEAAADhCAMAAAAJbSJIAAAAMFBMVEXp7vG6vsHm6+63u77Hy868wMPe4+bO09bh5unr8fTR1djAxMfM0NPX3N/c4eTBxcjXRf5TAAACh0lEQVR4nO3b6ZKqMBSFUSQMYZL3f9tbBq/NEEDiqUqOfusn1ZXKbjcQlGQZAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACC6RkbsGHuabChEtHmiGYfS3EQYM+Sxw/gMQvmcNnYaj6oTDHi73WPn2eqnj9B8zo3TJXcq5uNjXmVff86VwSR3JtryMa1BYqi7S1hJDCVpSigyLcGhJJEwzlCSNtPKrbVhVwsdCfOhH7uuaG3ARV9DwsaOzxt3N1yPqCHhvXytTUz92VDpmE/LLhZwl++R6Sds6sUa/PL6K/2E2fIhw1xdRKefsFolrPc+xNx/N0k/4fpBsdhL2HfeiN+TsDCms8dDpeRyS3P3QDl6Iqaf8L0rTf+80m6Lmn7Ct+4Wxf+/2RY1/YRv3PHz/u+fsCmqgoTnq7Z+8SGviqoh4dnKu1ieqauiakh4/PQ0r6ivqDoSHj0B97eNRVG1JNxV+L4bnxdVecJtRTdFVZ7QU9F1UXUn9FZ0VVRlCav5ob2KLouqKmFjy676u2HsVnRRVFUJq3J+8KCi86IqSthMvyl209Hjijqm3RsqAZ5pNfa5PJ2KelJRjQmr1/r7cfy0ouoSNvOfvbvhvKLaEr4qOin9kTQnrN7LpDZhE/Zmhp6Eq4p+YcKgiipKGFhRRQkDK6ooYfgLbiSMioQkJGF8P5XwHv4O+7AaKiXzaeXh1kMl5AffTUxiKEm/krD94BR8Gdxl1fceSlR58ZhXKbEpyD2amNiBtmrJLTMHL1LF8/rpXkSZXEmz8K8uvAFFNm6Iq0aBLUFOmeCuJ6exrcCmoLpN7kYx891bSAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgh/wDdr8peyRHLogAAAAASUVORK5CYII=\";\n\nexport default placeholderImageSrc;\n","import placeholderImageSrc from 'mobiledoc-kit/utils/placeholder-image-src';\n\nexport default {\n name: 'image',\n type: 'dom',\n\n render({payload}) {\n let img = document.createElement('img');\n img.src = payload.src || placeholderImageSrc;\n return img;\n }\n};\n","import { forEach } from './array-utils';\nimport assert from './assert';\n\nexport function visit(visitor, node, opcodes) {\n const method = node.type;\n assert(`Cannot visit unknown type ${method}`, !!visitor[method]);\n visitor[method](node, opcodes);\n}\n\nexport function compile(compiler, opcodes) {\n for (var i=0, l=opcodes.length; iText
Text
${html}`;\n }\n\n let { clipboardData } = event;\n let { clipboardData: nonstandardClipboardData } = window;\n\n if (clipboardData && clipboardData.setData) {\n clipboardData.setData(MIME_TEXT_HTML, html);\n clipboardData.setData(MIME_TEXT_PLAIN, text);\n } else if (nonstandardClipboardData && nonstandardClipboardData.setData) {\n // The Internet Explorers (including Edge) have a non-standard way of interacting with the\n // Clipboard API (see http://caniuse.com/#feat=clipboard). In short, they expose a global window.clipboardData\n // object instead of the per-event event.clipboardData object on the other browsers.\n nonstandardClipboardData.setData(NONSTANDARD_IE_TEXT_TYPE, html);\n }\n}\n\n/**\n * @param {PasteEvent}\n * @param {{builder: Builder, _parserPlugins: Array}} options\n * @return {Post}\n * @private\n */\nexport function parsePostFromPaste(pasteEvent, {builder, _parserPlugins: plugins}, {targetFormat}={targetFormat:'html'}) {\n let { html, text } = getContentFromPasteEvent(pasteEvent, window);\n\n if (targetFormat === 'html' && html && html.length) {\n return parsePostFromHTML(html, builder, plugins);\n } else if (text && text.length) {\n return parsePostFromText(text, builder, plugins);\n }\n}\n\n/**\n * @param {DropEvent}\n * @param {Editor} editor\n * @param {Object} [options={}] Can pass a logger\n * @return {Post}\n * @private\n */\nexport function parsePostFromDrop(dropEvent, editor, {logger}={}) {\n let { builder, _parserPlugins: plugins } = editor;\n let { html, text } = getContentFromDropEvent(dropEvent, logger);\n\n if (html && html.length) {\n return parsePostFromHTML(html, builder, plugins);\n } else if (text && text.length) {\n return parsePostFromText(text, builder, plugins);\n }\n}\n","import { endsWith } from 'mobiledoc-kit/utils/string-utils';\nimport assert from 'mobiledoc-kit/utils/assert';\nimport deprecate from 'mobiledoc-kit/utils/deprecate';\nimport { ENTER } from 'mobiledoc-kit/utils/characters';\n\nclass TextInputHandler {\n constructor(editor) {\n this.editor = editor;\n this._handlers = [];\n }\n\n register(handler) {\n assert(`Input Handler is not valid`, this._validateHandler(handler));\n this._handlers.push(handler);\n }\n\n unregister(name) {\n let handlers = this._handlers;\n for (let i=0; i${serializeHTML(rendered.result)}`;\n } else {\n // Fallback to text serialization\n result = this.serializePost(post, 'text', options);\n }\n return result;\n }\n case 'text':\n rendered = new TextRenderer(rendererOptions).render(mobiledoc);\n return rendered.result;\n }\n }\n }\n\n addView(view) {\n this._views.push(view);\n }\n\n removeAllViews() {\n this._views.forEach((v) => v.destroy());\n this._views = [];\n }\n\n /**\n * Whether the editor has a cursor (or a selected range).\n * It is possible for the editor to be focused but not have a selection.\n * In this case, key events will fire but the editor will not be able to\n * determine a cursor position, so they will be ignored.\n * @return {boolean}\n * @public\n */\n hasCursor() {\n return this.cursor.hasCursor();\n }\n\n /**\n * Tears down the editor's attached event listeners and views.\n * @public\n */\n destroy() {\n this.isDestroyed = true;\n if (this._hasSelection()) {\n this.cursor.clearSelection();\n }\n if (this._hasFocus()) {\n this.element.blur(); // FIXME This doesn't blur the element on IE11\n }\n this._mutationHandler.destroy();\n this._eventManager.destroy();\n this.removeAllViews();\n this._renderer.destroy();\n this._editState.destroy();\n }\n\n /**\n * Keep the user from directly editing the post using the keyboard and mouse.\n * Modification via the programmatic API is still permitted.\n * @see Editor#enableEditing\n * @public\n */\n disableEditing() {\n this.isEditable = false;\n if (this.hasRendered) {\n this._eventManager.stop();\n this.element.setAttribute('contentEditable', false);\n this.setPlaceholder('');\n this.selectRange(Range.blankRange());\n }\n }\n\n /**\n * Allow the user to directly interact with editing a post via keyboard and mouse input.\n * Editor instances are editable by default. Use this method to re-enable\n * editing after disabling it.\n * @see Editor#disableEditing\n * @public\n */\n enableEditing() {\n this.isEditable = true;\n if (this.hasRendered) {\n this._eventManager.start();\n this.element.setAttribute('contentEditable', true);\n this.setPlaceholder(this.placeholder);\n }\n }\n\n /**\n * Change a cardSection into edit mode\n * If called before the card has been rendered, it will be marked so that\n * it is rendered in edit mode when it gets rendered.\n * @param {CardSection} cardSection\n * @public\n */\n editCard(cardSection) {\n this._setCardMode(cardSection, CARD_MODES.EDIT);\n }\n\n /**\n * Change a cardSection into display mode\n * If called before the card has been rendered, it will be marked so that\n * it is rendered in display mode when it gets rendered.\n * @param {CardSection} cardSection\n * @return undefined\n * @public\n */\n displayCard(cardSection) {\n this._setCardMode(cardSection, CARD_MODES.DISPLAY);\n }\n\n /**\n * Run a new post editing session. Yields a block with a new {@link PostEditor}\n * instance. This instance can be used to interact with the post abstract.\n * Rendering will be deferred until after the callback is completed.\n *\n * Usage:\n * ```\n * let markerRange = this.range;\n * editor.run((postEditor) => {\n * postEditor.deleteRange(markerRange);\n * // editing surface not updated yet\n * postEditor.schedule(() => {\n * console.log('logs during rerender flush');\n * });\n * // logging not yet flushed\n * });\n * // editing surface now updated.\n * // logging now flushed\n * ```\n *\n * @param {Function} callback Called with an instance of\n * {@link PostEditor} as its argument.\n * @return {Mixed} The return value of `callback`.\n * @public\n */\n run(callback) {\n const postEditor = new PostEditor(this);\n postEditor.begin();\n this._editHistory.snapshot();\n const result = callback(postEditor);\n this.runCallbacks(CALLBACK_QUEUES.DID_UPDATE, [postEditor]);\n postEditor.complete();\n this._readRangeFromDOM();\n\n if (postEditor._shouldCancelSnapshot) {\n this._editHistory._pendingSnapshot = null;\n }\n this._editHistory.storeSnapshot(postEditor.editActionTaken);\n\n return result;\n }\n\n /**\n * @param {Function} callback Called with `postEditor` as its argument.\n * @public\n */\n didUpdatePost(callback) {\n this.addCallback(CALLBACK_QUEUES.DID_UPDATE, callback);\n }\n\n /**\n * @param {Function} callback Called when the post has changed, either via\n * user input or programmatically. Use with {@link Editor#serialize} to\n * retrieve the post in portable mobiledoc format.\n */\n postDidChange(callback) {\n this.addCallback(CALLBACK_QUEUES.POST_DID_CHANGE, callback);\n }\n\n /**\n * Register a handler that will be invoked by the editor after the user enters\n * matching text.\n * @param {Object} inputHandler\n * @param {String} inputHandler.name Required. Used by identifying handlers.\n * @param {String} [inputHandler.text] Required if `match` is not provided\n * @param {RegExp} [inputHandler.match] Required if `text` is not provided\n * @param {Function} inputHandler.run This callback is invoked with the {@link Editor}\n * instance and an array of matches. If `text` was provided,\n * the matches array will equal [`text`], and if a `match`\n * regex was provided the matches array will be the result of\n * `match.exec` on the matching text. The callback is called\n * after the matching text has been inserted.\n * @public\n */\n onTextInput(inputHandler) {\n this._eventManager.registerInputHandler(inputHandler);\n }\n\n /**\n * Unregister all text input handlers\n *\n * @public\n */\n unregisterAllTextInputHandlers() {\n this._eventManager.unregisterAllTextInputHandlers();\n }\n\n /**\n * Unregister text input handler by name\n * @param {String} name The name of handler to be removed\n *\n * @public\n */\n unregisterTextInputHandler(name) {\n this._eventManager.unregisterInputHandler(name);\n }\n\n /**\n * @param {Function} callback Called when the editor's state (active markups or\n * active sections) has changed, either via user input or programmatically\n */\n inputModeDidChange(callback) {\n this.addCallback(CALLBACK_QUEUES.INPUT_MODE_DID_CHANGE, callback);\n }\n\n /**\n * @param {Function} callback This callback will be called before the editor\n * is rendered.\n * @public\n */\n willRender(callback) {\n this.addCallback(CALLBACK_QUEUES.WILL_RENDER, callback);\n }\n\n /**\n * @param {Function} callback This callback will be called after the editor\n * is rendered.\n * @public\n */\n didRender(callback) {\n this.addCallback(CALLBACK_QUEUES.DID_RENDER, callback);\n }\n\n /**\n * @param {Function} callback This callback will be called before deleting.\n * @public\n */\n willDelete(callback) {\n this.addCallback(CALLBACK_QUEUES.WILL_DELETE, callback);\n }\n\n /**\n * @param {Function} callback This callback will be called after deleting.\n * @public\n */\n didDelete(callback) {\n this.addCallback(CALLBACK_QUEUES.DID_DELETE, callback);\n }\n\n /**\n * @param {Function} callback This callback will be called before handling new line.\n * @public\n */\n willHandleNewline(callback) {\n this.addCallback(CALLBACK_QUEUES.WILL_HANDLE_NEWLINE, callback);\n }\n\n /**\n * @param {Function} callback This callback will be called every time the cursor\n * position (or selection) changes.\n * @public\n */\n cursorDidChange(callback) {\n this.addCallback(CALLBACK_QUEUES.CURSOR_DID_CHANGE, callback);\n }\n\n _rangeDidChange() {\n if (this.hasRendered) {\n this.runCallbacks(CALLBACK_QUEUES.CURSOR_DID_CHANGE);\n }\n }\n\n _inputModeDidChange() {\n this.runCallbacks(CALLBACK_QUEUES.INPUT_MODE_DID_CHANGE);\n }\n\n _insertEmptyMarkupSectionAtCursor() {\n this.run(postEditor => {\n const section = postEditor.builder.createMarkupSection('p');\n postEditor.insertSectionBefore(this.post.sections, section);\n postEditor.setRange(section.toRange());\n });\n }\n\n /**\n * @callback editorBeforeCallback\n * @param { Object } details\n * @param { Markup } details.markup\n * @param { Range } details.range\n * @param { boolean } details.willAdd Whether the markup will be applied\n */\n\n /**\n * Register a callback that will be run before {@link Editor#toggleMarkup} is applied.\n * If any callback returns literal `false`, the toggling of markup will be canceled.\n * Note this only applies to calling `editor#toggleMarkup`. Using `editor.run` and\n * modifying markup with the `postEditor` will skip any `beforeToggleMarkup` callbacks.\n * @param {editorBeforeCallback}\n */\n beforeToggleMarkup(callback) {\n this._beforeHooks.toggleMarkup.push(callback);\n }\n\n /**\n * Toggles the given markup at the editor's current {@link Range}.\n * If the range is collapsed this changes the editor's state so that the\n * next characters typed will be affected. If there is text selected\n * (aka a non-collapsed range), the selections' markup will be toggled.\n * If the editor is not focused and has no active range, nothing happens.\n * Hooks added using #beforeToggleMarkup will be run before toggling,\n * and if any of them returns literal false, toggling the markup will be canceled\n * and no change will be applied.\n * @param {String} markup E.g. \"b\", \"em\", \"a\"\n * @param {Object} [attributes={}] E.g. {href: \"http://bustle.com\"}\n * @public\n * @see PostEditor#toggleMarkup\n */\n toggleMarkup(markup, attributes={}) {\n markup = this.builder.createMarkup(markup, attributes);\n let { range } = this;\n let willAdd = !this.detectMarkupInRange(range, markup.tagName);\n let shouldCancel = this._runBeforeHooks('toggleMarkup', {markup, range, willAdd});\n if (shouldCancel) { return; }\n\n if (range.isCollapsed) {\n this._editState.toggleMarkupState(markup);\n this._inputModeDidChange();\n\n // when clicking a button to toggle markup, the button can end up being focused,\n // so ensure the editor is focused\n this._ensureFocus();\n } else {\n this.run(postEditor => postEditor.toggleMarkup(markup, range));\n }\n }\n\n // If the editor has a selection but is not focused, focus it\n _ensureFocus() {\n if (this._hasSelection() && !this._hasFocus()) {\n this.focus();\n }\n }\n\n focus() {\n this.element.focus();\n }\n\n /**\n * Whether there is a selection inside the editor's element.\n * It's possible to have a selection but not have focus.\n * @see #_hasFocus\n * @return {Boolean}\n */\n _hasSelection() {\n let { cursor } = this;\n return this.hasRendered && (cursor._hasCollapsedSelection() || cursor._hasSelection());\n }\n\n /**\n * Whether the editor's element is focused\n * It's possible to be focused but have no selection\n * @see #_hasSelection\n * @return {Boolean}\n */\n _hasFocus() {\n return document.activeElement === this.element;\n }\n\n /**\n * Toggles the tagName for the current active section(s). This will skip\n * non-markerable sections. E.g. if the editor's range includes a \"P\" MarkupSection\n * and a CardSection, only the MarkupSection will be toggled.\n * @param {String} tagName The new tagname to change to.\n * @public\n * @see PostEditor#toggleSection\n */\n toggleSection(tagName) {\n this.run(postEditor => postEditor.toggleSection(tagName, this.range));\n }\n\n /**\n * Sets an attribute for the current active section(s).\n *\n * @param {String} key The attribute. The only valid attribute is 'text-align'.\n * @param {String} value The value of the attribute.\n * @public\n * @see PostEditor#setAttribute\n */\n setAttribute(key, value) {\n this.run(postEditor => postEditor.setAttribute(key, value, this.range));\n }\n\n /**\n * Removes an attribute from the current active section(s).\n *\n * @param {String} key The attribute. The only valid attribute is 'text-align'.\n * @public\n * @see PostEditor#removeAttribute\n */\n removeAttribute(key) {\n this.run(postEditor => postEditor.removeAttribute(key, this.range));\n }\n\n /**\n * Finds and runs the first matching key command for the event\n *\n * If multiple commands are bound to a key combination, the\n * first matching one is run.\n *\n * If a command returns `false` then the next matching command\n * is run instead.\n *\n * @param {Event} event The keyboard event triggered by the user\n * @return {Boolean} true when a command was successfully run\n * @private\n */\n handleKeyCommand(event) {\n const keyCommands = findKeyCommands(this.keyCommands, event);\n for (let i=0; iabcdef\n //\n // with a cursor between c and d, IE might say the focusNode iswith\n // an offset of 1. However the anchorNode for a selection might still be\n // 2 if there was a selection.\n //\n // This code walks down the DOM tree until a good comparison of position can be\n // made.\n //\n if (position & Node.DOCUMENT_POSITION_CONTAINS) {\n if (focusOffset < focusNode.childNodes.length) {\n focusNode = focusNode.childNodes[focusOffset];\n focusOffset = 0;\n } else {\n // This situation happens on IE when triple-clicking to select.\n // Set the focus to the very last character inside the node.\n while (focusNode.lastChild) {\n focusNode = focusNode.lastChild;\n }\n focusOffset = focusNode.textContent.length;\n }\n\n return comparePosition({\n focusNode,\n focusOffset,\n anchorNode, anchorOffset\n });\n } else if (position & Node.DOCUMENT_POSITION_CONTAINED_BY) {\n let offset = anchorOffset - 1;\n if (offset < 0) {\n offset = 0;\n }\n return comparePosition({\n anchorNode: anchorNode.childNodes[offset],\n anchorOffset: 0,\n focusNode, focusOffset\n });\n // The meat of translating anchor and focus nodes to head and tail nodes\n } else if (position & Node.DOCUMENT_POSITION_FOLLOWING) {\n headNode = anchorNode; tailNode = focusNode;\n headOffset = anchorOffset; tailOffset = focusOffset;\n direction = DIRECTION.FORWARD;\n } else if (position & Node.DOCUMENT_POSITION_PRECEDING) {\n headNode = focusNode; tailNode = anchorNode;\n headOffset = focusOffset; tailOffset = anchorOffset;\n direction = DIRECTION.BACKWARD;\n } else { // same node\n headNode = tailNode = anchorNode;\n headOffset = anchorOffset;\n tailOffset = focusOffset;\n if (tailOffset < headOffset) {\n // Swap the offset order\n headOffset = focusOffset;\n tailOffset = anchorOffset;\n direction = DIRECTION.BACKWARD;\n } else if (headOffset < tailOffset) {\n direction = DIRECTION.FORWARD;\n } else {\n direction = null;\n }\n }\n\n return {headNode, headOffset, tailNode, tailOffset, direction};\n}\n\nexport {\n clearSelection,\n comparePosition,\n findOffsetInNode,\n constrainSelectionTo\n};\n","import Position from './position';\nimport { DIRECTION } from '../key';\nimport assert from 'mobiledoc-kit/utils/assert';\n\n/**\n * A logical range of a {@link Post}.\n * Usually an instance of Range will be read from the {@link Editor#range} property,\n * but it may be useful to instantiate a range directly when programmatically modifying a Post.\n */\nclass Range {\n /**\n * @param {Position} head\n * @param {Position} [tail=head]\n * @param {Direction} [direction=null]\n * @return {Range}\n * @private\n */\n constructor(head, tail=head, direction=null) {\n /** @property {Position} head */\n this.head = head;\n\n /** @property {Position} tail */\n this.tail = tail;\n\n /** @property {Direction} direction */\n this.direction = direction;\n }\n\n /**\n * Shorthand to create a new range from a section(s) and offset(s).\n * When given only a head section and offset, creates a collapsed range.\n * @param {Section} headSection\n * @param {number} headOffset\n * @param {Section} [tailSection=headSection]\n * @param {number} [tailOffset=headOffset]\n * @param {Direction} [direction=null]\n * @return {Range}\n */\n static create(headSection, headOffset, tailSection=headSection, tailOffset=headOffset, direction=null) {\n return new Range(\n new Position(headSection, headOffset),\n new Position(tailSection, tailOffset),\n direction\n );\n }\n\n static blankRange() {\n return new Range(Position.blankPosition(), Position.blankPosition());\n }\n\n /**\n * @param {Markerable} section\n * @return {Range} A range that is constrained to only the part that\n * includes the section.\n * FIXME -- if the section isn't the head or tail, it's assumed to be\n * wholly contained. It's possible to call `trimTo` with a selection that is\n * outside of the range, though, which would invalidate that assumption.\n * There's no efficient way to determine if a section is within a range, yet.\n * @private\n */\n trimTo(section) {\n const length = section.length;\n\n let headOffset = section === this.head.section ?\n Math.min(this.head.offset, length) : 0;\n let tailOffset = section === this.tail.section ?\n Math.min(this.tail.offset, length) : length;\n\n return Range.create(section, headOffset, section, tailOffset);\n }\n\n /**\n * Expands the range 1 unit in the given direction\n * If the range is expandable in the given direction, always returns a\n * non-collapsed range.\n * @param {Number} units If units is > 0, the range is extended to the right,\n * otherwise range is extended to the left.\n * @return {Range}\n * @public\n */\n extend(units) {\n assert(`Must pass integer to Range#extend`, typeof units === 'number');\n\n if (units === 0) { return this; }\n\n let { head, tail, direction: currentDirection } = this;\n switch (currentDirection) {\n case DIRECTION.FORWARD:\n return new Range(head, tail.move(units), currentDirection);\n case DIRECTION.BACKWARD:\n return new Range(head.move(units), tail, currentDirection);\n default: {\n let newDirection = units > 0 ? DIRECTION.FORWARD : DIRECTION.BACKWARD;\n return new Range(head, tail, newDirection).extend(units);\n }\n }\n }\n\n /**\n * Moves this range 1 unit in the given direction.\n * If the range is collapsed, returns a collapsed range shifted by 1 unit,\n * otherwise collapses this range to the position at the `direction` end of the range.\n * Always returns a collapsed range.\n * @param {Direction} direction\n * @return {Range}\n * @public\n */\n move(direction) {\n assert(`Must pass DIRECTION.FORWARD (${DIRECTION.FORWARD}) or DIRECTION.BACKWARD (${DIRECTION.BACKWARD}) to Range#move`,\n direction === DIRECTION.FORWARD || direction === DIRECTION.BACKWARD);\n\n let { focusedPosition, isCollapsed } = this;\n\n if (isCollapsed) {\n return new Range(focusedPosition.move(direction));\n } else {\n return this._collapse(direction);\n }\n }\n\n /**\n * expand a range to all markers matching a given check\n *\n * @param {Function} detectMarker\n * @return {Range} The expanded range\n *\n * @public\n */\n expandByMarker(detectMarker) {\n let {\n head,\n tail,\n direction\n } = this;\n let {section: headSection} = head;\n if (headSection !== tail.section) {\n throw new Error('#expandByMarker does not work across sections. Perhaps you should confirm the range is collapsed');\n }\n\n let firstNotMatchingDetect = i => {\n return !detectMarker(i);\n };\n\n let headMarker = headSection.markers.detect(firstNotMatchingDetect, head.marker, true);\n if (!headMarker && detectMarker(headSection.markers.head)) {\n headMarker = headSection.markers.head;\n } else {\n headMarker = headMarker.next || head.marker;\n }\n let headPosition = new Position(headSection, headSection.offsetOfMarker(headMarker));\n\n let tailMarker = tail.section.markers.detect(firstNotMatchingDetect, tail.marker);\n if (!tailMarker && detectMarker(headSection.markers.tail)) {\n tailMarker = headSection.markers.tail;\n } else {\n tailMarker = tailMarker.prev || tail.marker;\n }\n let tailPosition = new Position(tail.section, tail.section.offsetOfMarker(tailMarker) + tailMarker.length);\n\n return headPosition.toRange(tailPosition, direction);\n }\n\n _collapse(direction) {\n return new Range(direction === DIRECTION.BACKWARD ? this.head : this.tail);\n }\n\n get focusedPosition() {\n return this.direction === DIRECTION.BACKWARD ? this.head : this.tail;\n }\n\n isEqual(other) {\n return other &&\n this.head.isEqual(other.head) &&\n this.tail.isEqual(other.tail);\n }\n\n get isBlank() {\n return this.head.isBlank && this.tail.isBlank;\n }\n\n // \"legacy\" APIs\n get headSection() {\n return this.head.section;\n }\n get tailSection() {\n return this.tail.section;\n }\n get headSectionOffset() {\n return this.head.offset;\n }\n get tailSectionOffset() {\n return this.tail.offset;\n }\n get isCollapsed() {\n return this.head.isEqual(this.tail);\n }\n get headMarker() {\n return this.head.marker;\n }\n get tailMarker() {\n return this.tail.marker;\n }\n get headMarkerOffset() {\n return this.head.offsetInMarker;\n }\n get tailMarkerOffset() {\n return this.tail.offsetInMarker;\n }\n}\n\nexport default Range;\n","import { isTextNode } from 'mobiledoc-kit/utils/dom-utils';\nimport assert from 'mobiledoc-kit/utils/assert';\nimport {\n HIGH_SURROGATE_RANGE,\n LOW_SURROGATE_RANGE\n} from 'mobiledoc-kit/models/marker';\nimport { containsNode } from 'mobiledoc-kit/utils/dom-utils';\nimport { findOffsetInNode } from 'mobiledoc-kit/utils/selection-utils';\nimport { DIRECTION } from 'mobiledoc-kit/utils/key';\nimport Range from './range';\n\nconst { FORWARD, BACKWARD } = DIRECTION;\n\n// generated via http://xregexp.com/ to cover chars that \\w misses\n// (new XRegExp('\\\\p{Alphabetic}|[0-9]|_|:')).toString()\nconst WORD_CHAR_REGEX = /[A-Za-zªµºÀ-ÖØ-öø-ˁˆ-ˑˠ-ˤˬˮͅͰ-ʹͶͷͺ-ͽͿΆΈ-ΊΌΎ-ΡΣ-ϵϷ-ҁҊ-ԯԱ-Ֆՙա-ևְ-ׇֽֿׁׂׅׄא-תװ-ײؐ-ؚؠ-ٗٙ-ٟٮ-ۓە-ۜۡ-ۭۨ-ۯۺ-ۼۿܐ-ܿݍ-ޱߊ-ߪߴߵߺࠀ-ࠗࠚ-ࠬࡀ-ࡘࢠ-ࢴࣣ-ࣰࣩ-ऻऽ-ौॎ-ॐॕ-ॣॱ-ঃঅ-ঌএঐও-নপ-রলশ-হঽ-ৄেৈোৌৎৗড়ঢ়য়-ৣৰৱਁ-ਃਅ-ਊਏਐਓ-ਨਪ-ਰਲਲ਼ਵਸ਼ਸਹਾ-ੂੇੈੋੌੑਖ਼-ੜਫ਼ੰ-ੵઁ-ઃઅ-ઍએ-ઑઓ-નપ-રલળવ-હઽ-ૅે-ૉોૌૐૠ-ૣૹଁ-ଃଅ-ଌଏଐଓ-ନପ-ରଲଳଵ-ହଽ-ୄେୈୋୌୖୗଡ଼ଢ଼ୟ-ୣୱஂஃஅ-ஊஎ-ஐஒ-கஙசஜஞடணதந-பம-ஹா-ூெ-ைொ-ௌௐௗఀ-ఃఅ-ఌఎ-ఐఒ-నప-హఽ-ౄె-ైొ-ౌౕౖౘ-ౚౠ-ౣಁ-ಃಅ-ಌಎ-ಐಒ-ನಪ-ಳವ-ಹಽ-ೄೆ-ೈೊ-ೌೕೖೞೠ-ೣೱೲഁ-ഃഅ-ഌഎ-ഐഒ-ഺഽ-ൄെ-ൈൊ-ൌൎൗൟ-ൣൺ-ൿංඃඅ-ඖක-නඳ-රලව-ෆා-ුූෘ-ෟෲෳก-ฺเ-ๆํກຂຄງຈຊຍດ-ທນ-ຟມ-ຣລວສຫອ-ູົ-ຽເ-ໄໆໍໜ-ໟༀཀ-ཇཉ-ཬཱ-ཱྀྈ-ྗྙ-ྼက-ံးျ-ဿၐ-ၢၥ-ၨၮ-ႆႎႜႝႠ-ჅჇჍა-ჺჼ-ቈቊ-ቍቐ-ቖቘቚ-ቝበ-ኈኊ-ኍነ-ኰኲ-ኵኸ-ኾዀዂ-ዅወ-ዖዘ-ጐጒ-ጕጘ-ፚ፟ᎀ-ᎏᎠ-Ᏽᏸ-ᏽᐁ-ᙬᙯ-ᙿᚁ-ᚚᚠ-ᛪᛮ-ᛸᜀ-ᜌᜎ-ᜓᜠ-ᜳᝀ-ᝓᝠ-ᝬᝮ-ᝰᝲᝳក-ឳា-ៈៗៜᠠ-ᡷᢀ-ᢪᢰ-ᣵᤀ-ᤞᤠ-ᤫᤰ-ᤸᥐ-ᥭᥰ-ᥴᦀ-ᦫᦰ-ᧉᨀ-ᨛᨠ-ᩞᩡ-ᩴᪧᬀ-ᬳᬵ-ᭃᭅ-ᭋᮀ-ᮩᮬ-ᮯᮺ-ᯥᯧ-ᯱᰀ-ᰵᱍ-ᱏᱚ-ᱽᳩ-ᳬᳮ-ᳳᳵᳶᴀ-ᶿᷧ-ᷴḀ-ἕἘ-Ἕἠ-ὅὈ-Ὅὐ-ὗὙὛὝὟ-ώᾀ-ᾴᾶ-ᾼιῂ-ῄῆ-ῌῐ-ΐῖ-Ίῠ-Ῥῲ-ῴῶ-ῼⁱⁿₐ-ₜℂℇℊ-ℓℕℙ-ℝℤΩℨK-ℭℯ-ℹℼ-ℿⅅ-ⅉⅎⅠ-ↈⒶ-ⓩⰀ-Ⱞⰰ-ⱞⱠ-ⳤⳫ-ⳮⳲⳳⴀ-ⴥⴧⴭⴰ-ⵧⵯⶀ-ⶖⶠ-ⶦⶨ-ⶮⶰ-ⶶⶸ-ⶾⷀ-ⷆⷈ-ⷎⷐ-ⷖⷘ-ⷞⷠ-ⷿⸯ々-〇〡-〩〱-〵〸-〼ぁ-ゖゝ-ゟァ-ヺー-ヿㄅ-ㄭㄱ-ㆎㆠ-ㆺㇰ-ㇿ㐀-䶵一-鿕ꀀ-ꒌꓐ-ꓽꔀ-ꘌꘐ-ꘟꘪꘫꙀ-ꙮꙴ-ꙻꙿ-ꛯꜗ-ꜟꜢ-ꞈꞋ-ꞭꞰ-ꞷꟷ-ꠁꠃ-ꠅꠇ-ꠊꠌ-ꠧꡀ-ꡳꢀ-ꣃꣲ-ꣷꣻꣽꤊ-ꤪꤰ-ꥒꥠ-ꥼꦀ-ꦲꦴ-ꦿꧏꧠ-ꧤꧦ-ꧯꧺ-ꧾꨀ-ꨶꩀ-ꩍꩠ-ꩶꩺꩾ-ꪾꫀꫂꫛ-ꫝꫠ-ꫯꫲ-ꫵꬁ-ꬆꬉ-ꬎꬑ-ꬖꬠ-ꬦꬨ-ꬮꬰ-ꭚꭜ-ꭥꭰ-ꯪ가-힣ힰ-ퟆퟋ-ퟻ豈-舘並-龎ff-stﬓ-ﬗיִ-ﬨשׁ-זּטּ-לּמּנּסּףּפּצּ-ﮱﯓ-ﴽﵐ-ﶏﶒ-ﷇﷰ-ﷻﹰ-ﹴﹶ-ﻼＡ-Ｚａ-ｚｦ-ﾾￂ-ￇￊ-ￏￒ-ￗￚ-ￜ]|[0-9]|_|:/;\n\nfunction findParentSectionFromNode(renderTree, node) {\n let renderNode = renderTree.findRenderNodeFromElement(\n node,\n (renderNode) => renderNode.postNode.isSection\n );\n\n return renderNode && renderNode.postNode;\n}\n\nfunction findOffsetInMarkerable(markerable, node, offset) {\n let offsetInSection = 0;\n let marker = markerable.markers.head;\n while (marker) {\n let markerNode = marker.renderNode.element;\n if (markerNode === node) {\n return offsetInSection + offset;\n } else if (marker.isAtom) {\n if (marker.renderNode.headTextNode === node) {\n return offsetInSection;\n } else if (marker.renderNode.tailTextNode === node) {\n return offsetInSection + 1;\n }\n }\n\n offsetInSection += marker.length;\n marker = marker.next;\n }\n\n return offsetInSection;\n}\n\nfunction findOffsetInSection(section, node, offset) {\n if (section.isMarkerable) {\n return findOffsetInMarkerable(section, node, offset);\n } else {\n assert('findOffsetInSection must be called with markerable or card section',\n section.isCardSection);\n\n let wrapperNode = section.renderNode.element;\n let endTextNode = wrapperNode.lastChild;\n if (node === endTextNode) {\n return 1;\n }\n return 0;\n }\n}\n\nlet Position, BlankPosition;\n\nPosition = class Position {\n /**\n * A position is a logical location (zero-width, or \"collapsed\") in a post,\n * typically between two characters in a section.\n * Two positions (a head and a tail) make up a {@link Range}.\n * @constructor\n */\n constructor(section, offset=0, isBlank=false) {\n if (!isBlank) {\n assert('Position must have a section that is addressable by the cursor',\n (section && section.isLeafSection));\n assert('Position must have numeric offset',\n (typeof offset === 'number'));\n }\n\n this.section = section;\n this.offset = offset;\n this.isBlank = isBlank;\n }\n\n /**\n * @param {integer} x x-position in current viewport\n * @param {integer} y y-position in current viewport\n * @param {Editor} editor\n * @return {Position|null}\n */\n static atPoint(x, y, editor) {\n let { _renderTree, element: rootElement } = editor;\n let elementFromPoint = document.elementFromPoint(x, y);\n if (!containsNode(rootElement, elementFromPoint)) {\n return;\n }\n\n let { node, offset } = findOffsetInNode(elementFromPoint, {left: x, top: y});\n return Position.fromNode(_renderTree, node, offset);\n }\n\n static blankPosition() {\n return new BlankPosition();\n }\n\n /**\n * Returns a range from this position to the given tail. If no explicit\n * tail is given this returns a collapsed range focused on this position.\n * @param {Position} [tail=this] The ending position\n * @return {Range}\n * @public\n */\n toRange(tail=this, direction=null) {\n return new Range(this, tail, direction);\n }\n\n get leafSectionIndex() {\n let post = this.section.post;\n let leafSectionIndex;\n post.walkAllLeafSections((section, index) => {\n if (section === this.section) {\n leafSectionIndex = index;\n }\n });\n return leafSectionIndex;\n }\n\n get isMarkerable() {\n return this.section && this.section.isMarkerable;\n }\n\n /**\n * Returns the marker at this position, in the backward direction\n * (i.e., the marker to the left of the cursor if the cursor is on a marker boundary and text is left-to-right)\n * @return {Marker|undefined}\n */\n get marker() {\n return this.isMarkerable && this.markerPosition.marker;\n }\n\n /**\n * Returns the marker in `direction` from this position.\n * If the position is in the middle of a marker, the direction is irrelevant.\n * Otherwise, if the position is at a boundary between two markers, returns the\n * marker to the left if `direction` === BACKWARD and the marker to the right\n * if `direction` === FORWARD (assuming left-to-right text direction).\n * @param {Direction}\n * @return {Marker|undefined}\n */\n markerIn(direction) {\n if (!this.isMarkerable) { return; }\n\n let { marker, offsetInMarker } = this;\n if (!marker) { return; }\n\n if (offsetInMarker > 0 && offsetInMarker < marker.length) {\n return marker;\n } else if (offsetInMarker === 0) {\n return direction === BACKWARD ? marker : marker.prev;\n } else if (offsetInMarker === marker.length) {\n return direction === FORWARD ? marker.next : marker;\n }\n }\n\n get offsetInMarker() {\n return this.markerPosition.offset;\n }\n\n isEqual(position) {\n return this.section === position.section &&\n this.offset === position.offset;\n }\n\n /**\n * @return {Boolean} If this position is at the head of the post\n */\n isHeadOfPost() {\n return this.move(BACKWARD).isEqual(this);\n }\n\n /**\n * @return {Boolean} If this position is at the tail of the post\n */\n isTailOfPost() {\n return this.move(FORWARD).isEqual(this);\n }\n\n /**\n * @return {Boolean} If this position is at the head of its section\n */\n isHead() {\n return this.isEqual(this.section.headPosition());\n }\n\n /**\n * @return {Boolean} If this position is at the tail of its section\n */\n isTail() {\n return this.isEqual(this.section.tailPosition());\n }\n\n /**\n * Move the position 1 unit in `direction`.\n *\n * @param {Number} units to move. > 0 moves right, < 0 moves left\n * @return {Position} Return a new position one unit in the given\n * direction. If the position is moving left and at the beginning of the post,\n * the same position will be returned. Same if the position is moving right and\n * at the end of the post.\n */\n move(units) {\n assert('Must pass integer to Position#move', typeof units === 'number');\n\n if (units < 0) {\n return this.moveLeft().move(++units);\n } else if (units > 0) {\n return this.moveRight().move(--units);\n } else {\n return this;\n }\n }\n\n /**\n * @param {Number} direction (FORWARD or BACKWARD)\n * @return {Position} The result of moving 1 \"word\" unit in `direction`\n */\n moveWord(direction) {\n let isPostBoundary = direction === BACKWARD ? this.isHeadOfPost() : this.isTailOfPost();\n if (isPostBoundary) {\n return this;\n }\n\n if (!this.isMarkerable) {\n return this.move(direction);\n }\n\n let pos = this;\n\n // Helper fn to check if the pos is at the `dir` boundary of its section\n let isBoundary = (pos, dir) => {\n return dir === BACKWARD ? pos.isHead() : pos.isTail();\n };\n // Get the char at this position (looking forward/right)\n let getChar = (pos) => {\n let { marker, offsetInMarker } = pos;\n return marker.charAt(offsetInMarker);\n };\n // Get the char in `dir` at this position\n let peekChar = (pos, dir) => {\n return dir === BACKWARD ? getChar(pos.move(BACKWARD)) : getChar(pos);\n };\n // Whether there is an atom in `dir` from this position\n let isAtom = (pos, dir) => {\n // Special case when position is at end, the marker associated with it is\n // the marker to its left. Normally `pos#marker` is the marker to the right of the pos's offset.\n if (dir === BACKWARD && pos.isTail() && pos.marker.isAtom) {\n return true;\n }\n return dir === BACKWARD ? pos.move(BACKWARD).marker.isAtom : pos.marker.isAtom;\n };\n\n if (isBoundary(pos, direction)) {\n // extend movement into prev/next section\n return pos.move(direction).moveWord(direction);\n }\n\n let seekWord = (pos) => {\n return !isBoundary(pos, direction) &&\n !isAtom(pos, direction) &&\n !WORD_CHAR_REGEX.test(peekChar(pos, direction));\n };\n\n // move(dir) while we are seeking the first word char\n while (seekWord(pos)) {\n pos = pos.move(direction);\n }\n\n if (isAtom(pos, direction)) {\n return pos.move(direction);\n }\n\n let seekBoundary = (pos) => {\n return !isBoundary(pos, direction) &&\n !isAtom(pos, direction) &&\n WORD_CHAR_REGEX.test(peekChar(pos, direction));\n };\n\n // move(dir) while we are seeking the first boundary position\n while (seekBoundary(pos)) {\n pos = pos.move(direction);\n }\n\n return pos;\n }\n\n /**\n * The position to the left of this position.\n * If this position is the post's headPosition it returns itself.\n * @return {Position}\n * @private\n */\n moveLeft() {\n if (this.isHead()) {\n let prev = this.section.previousLeafSection();\n return prev ? prev.tailPosition() : this;\n } else {\n let offset = this.offset - 1;\n if (this.isMarkerable && this.marker) {\n let code = this.marker.value.charCodeAt(offset);\n if (code >= LOW_SURROGATE_RANGE[0] && code <= LOW_SURROGATE_RANGE[1]) {\n offset = offset - 1;\n }\n }\n return new Position(this.section, offset);\n }\n }\n\n /**\n * The position to the right of this position.\n * If this position is the post's tailPosition it returns itself.\n * @return {Position}\n * @private\n */\n moveRight() {\n if (this.isTail()) {\n let next = this.section.nextLeafSection();\n return next ? next.headPosition() : this;\n } else {\n let offset = this.offset + 1;\n if (this.isMarkerable && this.marker) {\n let code = this.marker.value.charCodeAt(offset - 1);\n if (code >= HIGH_SURROGATE_RANGE[0] && code <= HIGH_SURROGATE_RANGE[1]) {\n offset = offset + 1;\n }\n }\n return new Position(this.section, offset);\n }\n }\n\n static fromNode(renderTree, node, offset) {\n if (isTextNode(node)) {\n return Position.fromTextNode(renderTree, node, offset);\n } else {\n return Position.fromElementNode(renderTree, node, offset);\n }\n }\n\n static fromTextNode(renderTree, textNode, offsetInNode) {\n const renderNode = renderTree.getElementRenderNode(textNode);\n let section, offsetInSection;\n\n if (renderNode) {\n const marker = renderNode.postNode;\n section = marker.section;\n\n assert(`Could not find parent section for mapped text node \"${textNode.textContent}\"`,\n !!section);\n offsetInSection = section.offsetOfMarker(marker, offsetInNode);\n } else {\n // all text nodes should be rendered by markers except:\n // * text nodes inside cards\n // * text nodes created by the browser during text input\n // both of these should have rendered parent sections, though\n section = findParentSectionFromNode(renderTree, textNode);\n assert(`Could not find parent section for un-mapped text node \"${textNode.textContent}\"`,\n !!section);\n\n offsetInSection = findOffsetInSection(section, textNode, offsetInNode);\n }\n\n return new Position(section, offsetInSection);\n }\n\n static fromElementNode(renderTree, elementNode, offset) {\n let position;\n\n // The browser may change the reported selection to equal the editor's root\n // element if the user clicks an element that is immediately removed,\n // which can happen when clicking to remove a card.\n if (elementNode === renderTree.rootElement) {\n let post = renderTree.rootNode.postNode;\n position = offset === 0 ? post.headPosition() : post.tailPosition();\n } else {\n let section = findParentSectionFromNode(renderTree, elementNode);\n assert('Could not find parent section from element node', !!section);\n\n if (section.isCardSection) {\n // Selections in cards are usually made on a text node\n // containing a on one side or the other of the card but\n // some scenarios (Firefox) will result in selecting the\n // card's wrapper div. If the offset is 2 we've selected\n // the final zwnj and should consider the cursor at the\n // end of the card (offset 1). Otherwise, the cursor is at\n // the start of the card\n position = offset < 2 ? section.headPosition() : section.tailPosition();\n } else {\n\n // In Firefox it is possible for the cursor to be on an atom's wrapper\n // element. (In Chrome/Safari, the browser corrects this to be on\n // one of the text nodes surrounding the wrapper).\n // This code corrects for when the browser reports the cursor position\n // to be on the wrapper element itself\n let renderNode = renderTree.getElementRenderNode(elementNode);\n let postNode = renderNode && renderNode.postNode;\n if (postNode && postNode.isAtom) {\n let sectionOffset = section.offsetOfMarker(postNode);\n if (offset > 1) {\n // we are on the tail side of the atom\n sectionOffset += postNode.length;\n }\n position = new Position(section, sectionOffset);\n } else if (offset >= elementNode.childNodes.length) {\n\n // This is to deal with how Firefox handles triple-click selections.\n // See https://stackoverflow.com/a/21234837/1269194 for an\n // explanation.\n position = section.tailPosition();\n } else {\n // The offset is 0 if the cursor is on a non-atom-wrapper element node\n // (e.g., a
tag in a blank markup section)\n position = section.headPosition();\n }\n }\n }\n\n return position;\n }\n\n /**\n * @private\n */\n get markerPosition() {\n assert('Cannot get markerPosition without a section', !!this.section);\n assert('cannot get markerPosition of a non-markerable', !!this.section.isMarkerable);\n return this.section.markerPositionAtOffset(this.offset);\n }\n};\n\nBlankPosition = class BlankPosition extends Position {\n constructor() {\n super(null, 0, true);\n }\n\n isEqual(other) {\n return other && other.isBlank;\n }\n\n toRange() { return Range.blankRange(); }\n get leafSectionIndex() { assert('must implement get leafSectionIndex', false); }\n\n get isMarkerable() { return false; }\n get marker() { return false; }\n isHeadOfPost() { return false; }\n isTailOfPost() { return false; }\n isHead() { return false; }\n isTail() { return false; }\n move() { return this; }\n moveWord() { return this; }\n\n get markerPosition() { return {}; }\n};\n\nexport default Position;\n","import assert from 'mobiledoc-kit/utils/assert';\n\nexport default class LifecycleCallbacks {\n constructor(queueNames=[]) {\n this.callbackQueues = {};\n this.removalQueues = {};\n\n queueNames.forEach(name => {\n this.callbackQueues[name] = [];\n this.removalQueues[name] = [];\n });\n }\n\n runCallbacks(queueName, args=[]) {\n let queue = this._getQueue(queueName);\n queue.forEach(cb => cb(...args));\n\n let toRemove = this.removalQueues[queueName];\n toRemove.forEach(cb => {\n let index = queue.indexOf(cb);\n if (index !== -1) {\n queue.splice(index, 1);\n }\n });\n\n this.removalQueues[queueName] = [];\n }\n\n addCallback(queueName, callback) {\n this._getQueue(queueName).push(callback);\n }\n\n _scheduleCallbackForRemoval(queueName, callback) {\n this.removalQueues[queueName].push(callback);\n }\n\n addCallbackOnce(queueName, callback) {\n let queue = this._getQueue(queueName);\n if (queue.indexOf(callback) === -1) {\n queue.push(callback);\n this._scheduleCallbackForRemoval(queueName, callback);\n }\n }\n\n _getQueue(queueName) {\n let queue = this.callbackQueues[queueName];\n assert(`No queue found for \"${queueName}\"`, !!queue);\n return queue;\n }\n}\n","import assert from 'mobiledoc-kit/utils/assert';\nimport {\n MARKUP_SECTION_TYPE,\n LIST_SECTION_TYPE,\n POST_TYPE,\n CARD_TYPE,\n IMAGE_SECTION_TYPE,\n LIST_ITEM_TYPE,\n} from 'mobiledoc-kit/models/types';\n\nconst MARKERABLE = 'markerable',\n NESTED_MARKERABLE = 'nested_markerable',\n NON_MARKERABLE = 'non_markerable';\n\nclass Visitor {\n constructor(inserter, cursorPosition) {\n let { postEditor, post } = inserter;\n this.postEditor = postEditor;\n this._post = post;\n this.cursorPosition = cursorPosition;\n this.builder = this.postEditor.builder;\n\n this._hasInsertedFirstLeafSection = false;\n }\n\n get cursorPosition() {\n return this._cursorPosition;\n }\n\n set cursorPosition(position) {\n this._cursorPosition = position;\n this.postEditor.setRange(position);\n }\n\n visit(node) {\n let method = node.type;\n assert(`Cannot visit node of type ${node.type}`, !!this[method]);\n this[method](node);\n }\n\n _canMergeSection(section) {\n if (this._hasInsertedFirstLeafSection) {\n return false;\n } else {\n return this._isMarkerable && section.isMarkerable;\n }\n }\n\n get _isMarkerable() {\n return this.cursorSection.isMarkerable;\n }\n\n get cursorSection() {\n return this.cursorPosition.section;\n }\n\n get cursorOffset() {\n return this.cursorPosition.offset;\n }\n\n get _isNested() {\n return this.cursorSection.isNested;\n }\n\n [POST_TYPE](node) {\n if (this.cursorSection.isBlank && !this._isNested) {\n // replace blank section with entire post\n let newSections = node.sections.map(s => s.clone());\n this._replaceSection(this.cursorSection, newSections);\n } else {\n node.sections.forEach(section => this.visit(section));\n }\n }\n\n [MARKUP_SECTION_TYPE](node) {\n this[MARKERABLE](node);\n }\n\n [LIST_SECTION_TYPE](node) {\n let hasNext = !!node.next;\n node.items.forEach(item => this.visit(item));\n\n if (this._isNested && hasNext) {\n this._breakNestedAtCursor();\n }\n }\n\n [LIST_ITEM_TYPE](node) {\n this[NESTED_MARKERABLE](node);\n }\n\n [CARD_TYPE](node) {\n this[NON_MARKERABLE](node);\n }\n\n [IMAGE_SECTION_TYPE](node) {\n this[NON_MARKERABLE](node);\n }\n\n [NON_MARKERABLE](section) {\n if (this._isNested) {\n this._breakNestedAtCursor();\n } else if (!this.cursorSection.isBlank) {\n this._breakAtCursor();\n }\n\n this._insertLeafSection(section);\n }\n\n [MARKERABLE](section) {\n if (this._canMergeSection(section)) {\n this._mergeSection(section);\n } else if (this._isNested && this._isMarkerable) {\n // If we are attaching a markerable section to a list item,\n // insert a linebreak then merge the section onto the resulting blank list item\n this._breakAtCursor();\n\n // Advance the cursor to the head of the blank list item\n let nextPosition = this.cursorSection.next.headPosition();\n this.cursorPosition = nextPosition;\n\n // Merge this section onto the list item\n this._mergeSection(section);\n } else {\n this._breakAtCursor();\n this._insertLeafSection(section);\n }\n }\n\n [NESTED_MARKERABLE](section) {\n if (this._canMergeSection(section)) {\n this._mergeSection(section);\n return;\n }\n\n section = this._isNested ? section : this._wrapNestedSection(section);\n this._breakAtCursor();\n this._insertLeafSection(section);\n }\n\n // break out of a nested cursor position\n _breakNestedAtCursor() {\n assert('Cannot call _breakNestedAtCursor if not nested', this._isNested);\n\n let parent = this.cursorSection.parent;\n let cursorAtEndOfList = this.cursorPosition.isEqual(parent.tailPosition());\n\n if (cursorAtEndOfList) {\n let blank = this.builder.createMarkupSection();\n this._insertSectionAfter(blank, parent);\n } else {\n let [, blank,] = this._breakListAtCursor();\n this.cursorPosition = blank.tailPosition();\n }\n }\n\n _breakListAtCursor() {\n assert('Cannot _splitParentSection if cursor position is not nested',\n this._isNested);\n\n let list = this.cursorSection.parent,\n position = this.cursorPosition,\n blank = this.builder.createMarkupSection();\n let [pre, post] = this.postEditor._splitListAtPosition(list, position);\n\n let collection = this._post.sections,\n reference = post;\n this.postEditor.insertSectionBefore(collection, blank, reference);\n return [pre, blank, post];\n }\n\n _wrapNestedSection(section) {\n let tagName = section.parent.tagName;\n let parent = this.builder.createListSection(tagName);\n parent.items.append(section.clone());\n return parent;\n }\n\n _mergeSection(section) {\n assert('Can only merge markerable sections',\n this._isMarkerable && section.isMarkerable);\n this._hasInsertedFirstLeafSection = true;\n\n let markers = section.markers.map(m => m.clone());\n let position = this.postEditor.insertMarkers(this.cursorPosition, markers);\n\n this.cursorPosition = position;\n }\n\n // Can be called to add a line break when in a nested section or a parent\n // section.\n _breakAtCursor() {\n if (this.cursorSection.isBlank) {\n return;\n } else if (this._isMarkerable) {\n this._breakMarkerableAtCursor();\n } else {\n this._breakNonMarkerableAtCursor();\n }\n }\n\n // Inserts a blank section before/after the cursor,\n // depending on cursor position.\n _breakNonMarkerableAtCursor() {\n let collection = this._post.sections,\n blank = this.builder.createMarkupSection(),\n reference = this.cursorPosition.isHead() ? this.cursorSection :\n this.cursorSection.next;\n this.postEditor.insertSectionBefore(collection, blank, reference);\n this.cursorPosition = blank.tailPosition();\n }\n\n _breakMarkerableAtCursor() {\n let [pre,] =\n this.postEditor.splitSection(this.cursorPosition);\n\n this.cursorPosition = pre.tailPosition();\n }\n\n _replaceSection(section, newSections) {\n assert('Cannot replace section that does not have parent.sections',\n section.parent && section.parent.sections);\n assert('Must pass enumerable to _replaceSection', !!newSections.forEach);\n\n let collection = section.parent.sections;\n let reference = section.next;\n this.postEditor.removeSection(section);\n newSections.forEach(section => {\n this.postEditor.insertSectionBefore(collection, section, reference);\n });\n let lastSection = newSections[newSections.length - 1];\n\n this.cursorPosition = lastSection.tailPosition();\n }\n\n _insertSectionBefore(section, reference) {\n let collection = this.cursorSection.parent.sections;\n this.postEditor.insertSectionBefore(collection, section, reference);\n\n this.cursorPosition = section.tailPosition();\n }\n\n // Insert a section after the parent section.\n // E.g., add a markup section after a list section\n _insertSectionAfter(section, parent) {\n assert('Cannot _insertSectionAfter nested section', !parent.isNested);\n let reference = parent.next;\n let collection = this._post.sections;\n this.postEditor.insertSectionBefore(collection, section, reference);\n this.cursorPosition = section.tailPosition();\n }\n\n _insertLeafSection(section) {\n assert('Can only _insertLeafSection when cursor is at end of section',\n this.cursorPosition.isTail());\n\n this._hasInsertedFirstLeafSection = true;\n section = section.clone();\n\n if (this.cursorSection.isBlank) {\n assert('Cannot insert leaf non-markerable section when cursor is nested',\n !(section.isMarkerable && this._isNested));\n this._replaceSection(this.cursorSection, [section]);\n } else if (this.cursorSection.next && this.cursorSection.next.isBlank) {\n this._replaceSection(this.cursorSection.next, [section]);\n } else {\n let reference = this.cursorSection.next;\n this._insertSectionBefore(section, reference);\n }\n }\n}\n\nexport default class Inserter {\n constructor(postEditor, post) {\n this.postEditor = postEditor;\n this.post = post;\n }\n\n insert(cursorPosition, newPost) {\n let visitor = new Visitor(this, cursorPosition);\n if (!newPost.isBlank) {\n visitor.visit(newPost);\n }\n return visitor.cursorPosition;\n }\n}\n","/**\n * Usage:\n * Without a conditional, always prints deprecate message:\n * `deprecate('This is deprecated')`\n *\n * Conditional deprecation, works similarly to `assert`, prints deprecation if\n * conditional is false:\n * `deprecate('Deprecated only if foo !== bar', foo === bar)`\n */\nexport default function deprecate(message, conditional=false) {\n if (!conditional) {\n // eslint-disable-next-line no-console\n console.log(`[mobiledoc-kit] [DEPRECATED]: ${message}`);\n }\n}\n","import Range from 'mobiledoc-kit/utils/cursor/range';\nimport Position from 'mobiledoc-kit/utils/cursor/position';\nimport assert from 'mobiledoc-kit/utils/assert';\n\nexport default function toRange(rangeLike) {\n assert(`Must pass non-blank object to \"toRange\"`, !!rangeLike);\n\n if (rangeLike instanceof Range) {\n return rangeLike;\n } else if (rangeLike instanceof Position) {\n return rangeLike.toRange();\n }\n\n assert(`Incorrect structure for rangeLike: ${rangeLike}`, false);\n}\n","import Position from '../utils/cursor/position';\nimport Range from 'mobiledoc-kit/utils/cursor/range';\nimport { detect, forEach, reduce, filter, values, commonItems } from '../utils/array-utils';\nimport { DIRECTION } from '../utils/key';\nimport LifecycleCallbacks from '../models/lifecycle-callbacks';\nimport assert from '../utils/assert';\nimport { normalizeTagName } from '../utils/dom-utils';\nimport PostInserter from './post/post-inserter';\nimport deprecate from 'mobiledoc-kit/utils/deprecate';\nimport toRange from 'mobiledoc-kit/utils/to-range';\n\nconst { FORWARD, BACKWARD } = DIRECTION;\n\nfunction isListSectionTagName(tagName) {\n return tagName === 'ul' || tagName === 'ol';\n}\n\nconst CALLBACK_QUEUES = {\n BEFORE_COMPLETE: 'beforeComplete',\n COMPLETE: 'complete',\n AFTER_COMPLETE: 'afterComplete'\n};\n\n// There are only two events that we're concerned about for Undo, that is inserting text and deleting content.\n// These are the only two states that go on a \"run\" and create a combined undo, everything else has it's own\n// deadicated undo.\nconst EDIT_ACTIONS = {\n INSERT_TEXT: 1,\n DELETE: 2\n};\n\n\n/**\n * The PostEditor is used to modify a post. It should not be instantiated directly.\n * Instead, a new instance of a PostEditor is created by the editor and passed\n * as the argument to the callback in {@link Editor#run}.\n *\n * Usage:\n * ```\n * editor.run((postEditor) => {\n * // postEditor is an instance of PostEditor that can operate on the\n * // editor's post\n * });\n * ```\n */\nclass PostEditor {\n /**\n * @private\n */\n constructor(editor) {\n this.editor = editor;\n this.builder = this.editor.builder;\n this._callbacks = new LifecycleCallbacks(values(CALLBACK_QUEUES));\n\n this._didComplete = false;\n this.editActionTaken = null;\n\n this._renderRange = () => this.editor.selectRange(this._range);\n this._postDidChange = () => this.editor._postDidChange();\n this._rerender = () => this.editor.rerender();\n }\n\n addCallback(...args) {\n this._callbacks.addCallback(...args);\n }\n\n addCallbackOnce(...args) {\n this._callbacks.addCallbackOnce(...args);\n }\n\n runCallbacks(...args) {\n this._callbacks.runCallbacks(...args);\n }\n\n begin() {\n // cache the editor's range\n this._range = this.editor.range;\n }\n\n /**\n * Schedules to select the given range on the editor after the postEditor\n * has completed its work. This also updates the postEditor's active range\n * (so that multiple calls to range-changing methods on the postEditor will\n * update the correct range).\n *\n * Usage:\n * let range = editor.range;\n * editor.run(postEditor => {\n * let nextPosition = postEditor.deleteRange(range);\n *\n * // Will position the editor's cursor at `nextPosition` after\n * // the postEditor finishes work and the editor rerenders.\n * postEditor.setRange(nextPosition);\n * });\n * @param {Range|Position} range\n * @public\n */\n setRange(range) {\n range = toRange(range);\n\n // TODO validate that the range is valid\n // (does not contain marked-for-removal head or tail sections?)\n this._range = range;\n this.scheduleAfterRender(this._renderRange, true);\n }\n\n /**\n * Delete a range from the post\n *\n * Usage:\n * ```\n * let { range } = editor;\n * editor.run((postEditor) => {\n * let nextPosition = postEditor.deleteRange(range);\n * postEditor.setRange(nextPosition);\n * });\n * ```\n * @param {Range} range Cursor Range object with head and tail Positions\n * @return {Position} The position where the cursor would go after deletion\n * @public\n */\n deleteRange(range) {\n assert(\"Must pass MobiledocKit Range to `deleteRange`\", range instanceof Range);\n\n this.editActionTaken = EDIT_ACTIONS.DELETE;\n\n let {\n head, head: {section: headSection},\n tail, tail: {section: tailSection}\n } = range;\n\n let { editor: { post } } = this;\n\n if (headSection === tailSection) {\n return this.cutSection(headSection, head, tail);\n }\n\n let nextSection = headSection.nextLeafSection();\n\n let nextPos = this.cutSection(headSection, head, headSection.tailPosition());\n // cutSection can replace the section, so re-read headSection here\n headSection = nextPos.section;\n\n // Remove sections in the middle of the range\n while (nextSection !== tailSection) {\n let tmp = nextSection;\n nextSection = nextSection.nextLeafSection();\n this.removeSection(tmp);\n }\n\n let tailPos = this.cutSection(tailSection, tailSection.headPosition(), tail);\n // cutSection can replace the section, so re-read tailSection here\n tailSection = tailPos.section;\n\n if (tailSection.isBlank) {\n this.removeSection(tailSection);\n } else {\n // If head and tail sections are markerable, join them\n // Note: They may not be the same section type. E.g. this may join\n // a tail section that was a list item onto a markup section, or vice versa.\n // (This is the desired behavior.)\n if (headSection.isMarkerable && tailSection.isMarkerable) {\n headSection.join(tailSection);\n this._markDirty(headSection);\n this.removeSection(tailSection);\n } else if (headSection.isBlank) {\n this.removeSection(headSection);\n nextPos = tailPos;\n }\n }\n\n if (post.isBlank) {\n post.sections.append(this.builder.createMarkupSection('p'));\n nextPos = post.headPosition();\n }\n\n return nextPos;\n }\n\n /**\n * Note: This method may replace `section` with a different section.\n *\n * \"Cut\" out the part of the section inside `headOffset` and `tailOffset`.\n * If section is markerable this splits markers that straddle the head or tail (if necessary),\n * and removes markers that are wholly inside the offsets.\n * If section is a card, this may replace it with a blank markup section if the\n * positions contain the entire card.\n *\n * @param {Section} section\n * @param {Position} head\n * @param {Position} tail\n * @return {Position}\n * @private\n */\n cutSection(section, head, tail) {\n assert('Must pass head position and tail position to `cutSection`',\n head instanceof Position && tail instanceof Position);\n assert('Must pass positions within same section to `cutSection`',\n head.section === tail.section);\n\n if (section.isBlank || head.isEqual(tail)) {\n return head;\n }\n if (section.isCardSection) {\n if (head.isHead() && tail.isTail()) {\n let newSection = this.builder.createMarkupSection();\n this.replaceSection(section, newSection);\n return newSection.headPosition();\n } else {\n return tail;\n }\n }\n\n let range = head.toRange(tail);\n this.splitMarkers(range).forEach(m => this.removeMarker(m));\n\n return head;\n }\n\n _coalesceMarkers(section) {\n if (section.isMarkerable) {\n this._removeBlankMarkers(section);\n this._joinSimilarMarkers(section);\n }\n }\n\n _removeBlankMarkers(section) {\n forEach(\n filter(section.markers, m => m.isBlank),\n m => this.removeMarker(m)\n );\n }\n\n // joins markers that have identical markups\n _joinSimilarMarkers(section) {\n let marker = section.markers.head;\n let nextMarker;\n while (marker && marker.next) {\n nextMarker = marker.next;\n\n if (marker.canJoin(nextMarker)) {\n nextMarker.value = marker.value + nextMarker.value;\n this._markDirty(nextMarker);\n this.removeMarker(marker);\n }\n\n marker = nextMarker;\n }\n }\n\n removeMarker(marker) {\n this._scheduleForRemoval(marker);\n if (marker.section) {\n this._markDirty(marker.section);\n marker.section.markers.remove(marker);\n }\n }\n\n _scheduleForRemoval(postNode) {\n if (postNode.renderNode) {\n postNode.renderNode.scheduleForRemoval();\n\n this.scheduleRerender();\n this.scheduleDidUpdate();\n }\n let removedAdjacentToList = (postNode.prev && postNode.prev.isListSection) ||\n (postNode.next && postNode.next.isListSection);\n if (removedAdjacentToList) {\n this.addCallback(\n CALLBACK_QUEUES.BEFORE_COMPLETE,\n () => this._joinContiguousListSections()\n );\n }\n }\n\n _joinContiguousListSections() {\n let { post } = this.editor;\n let range = this._range;\n let prev;\n let groups = [];\n let currentGroup;\n\n // FIXME do we need to force a re-render of the range if changed sections\n // are contained within the range?\n let updatedHead = null;\n forEach(post.sections, section => {\n if (prev &&\n prev.isListSection &&\n section.isListSection &&\n prev.tagName === section.tagName) {\n\n currentGroup = currentGroup || [prev];\n currentGroup.push(section);\n } else {\n if (currentGroup) {\n groups.push(currentGroup);\n }\n currentGroup = null;\n }\n prev = section;\n });\n\n if (currentGroup) {\n groups.push(currentGroup);\n }\n\n forEach(groups, group => {\n let list = group[0];\n forEach(group, listSection => {\n if (listSection === list) {\n return;\n }\n\n let currentHead = range.head;\n let prevPosition;\n\n // FIXME is there a currentHead if there is no range?\n // is the current head a list item in the section\n if (!range.isBlank && currentHead.section.isListItem &&\n currentHead.section.parent === listSection) {\n prevPosition = list.tailPosition();\n }\n this._joinListSections(list, listSection);\n if (prevPosition) {\n updatedHead = prevPosition.move(FORWARD);\n }\n });\n });\n\n if (updatedHead) {\n this.setRange(updatedHead);\n }\n }\n\n _joinListSections(baseList, nextList) {\n baseList.join(nextList);\n this._markDirty(baseList);\n this.removeSection(nextList);\n }\n\n _markDirty(postNode) {\n if (postNode.renderNode) {\n postNode.renderNode.markDirty();\n\n this.scheduleRerender();\n this.scheduleDidUpdate();\n }\n if (postNode.section) {\n this._markDirty(postNode.section);\n }\n if (postNode.isMarkerable) {\n this.addCallback(\n CALLBACK_QUEUES.BEFORE_COMPLETE, () => this._coalesceMarkers(postNode));\n }\n }\n\n /**\n * @param {Position} position object with {section, offset} the marker and offset to delete from\n * @param {Number} direction The direction to delete in (default is BACKWARD)\n * @return {Position} for positioning the cursor\n * @public\n * @deprecated after v0.10.3\n */\n deleteFrom(position, direction=DIRECTION.BACKWARD) {\n deprecate(\"`postEditor#deleteFrom is deprecated. Use `deleteAtPosition(position, direction=BACKWARD, {unit}={unit: 'char'})` instead\");\n return this.deleteAtPosition(position, direction, {unit: 'char'});\n }\n\n /**\n * Delete 1 `unit` (can be 'char' or 'word') in the given `direction` at the given\n * `position`. In almost all cases this will be equivalent to deleting the range formed\n * by expanding the position 1 unit in the given direction. The exception is when deleting\n * backward from the beginning of a list item, which reverts the list item into a markup section\n * instead of joining it with its previous list item (if any).\n *\n * Usage:\n *\n * let position = section.tailPosition();\n * // Section has text of \"Howdy!\"\n * editor.run((postEditor) => {\n * postEditor.deleteAtPosition(position);\n * });\n * // section has text of \"Howdy\"\n *\n * @param {Position} position The position to delete at\n * @param {Direction} [direction=DIRECTION.BACKWARD] direction The direction to delete in\n * @param {Object} [options]\n * @param {String} [options.unit=\"char\"] The unit of deletion (\"word\" or \"char\")\n * @return {Position}\n */\n deleteAtPosition(position, direction=DIRECTION.BACKWARD, {unit}={unit: 'char'}) {\n if (direction === DIRECTION.BACKWARD) {\n return this._deleteAtPositionBackward(position, unit);\n } else {\n return this._deleteAtPositionForward(position, unit);\n }\n }\n\n _deleteAtPositionBackward(position, unit) {\n if (position.isHead() && position.section.isListItem) {\n this.toggleSection('p', position);\n return this._range.head;\n } else {\n let prevPosition = unit === 'word' ? position.moveWord(BACKWARD) : position.move(BACKWARD);\n let range = prevPosition.toRange(position);\n return this.deleteRange(range);\n }\n }\n\n _deleteAtPositionForward(position, unit) {\n let nextPosition = unit === 'word' ? position.moveWord(FORWARD) : position.move(FORWARD);\n let range = position.toRange(nextPosition);\n return this.deleteRange(range);\n }\n\n /**\n * Split markers at two positions, once at the head, and if necessary once\n * at the tail.\n *\n * Usage:\n * ```\n * let range = editor.range;\n * editor.run((postEditor) => {\n * postEditor.splitMarkers(range);\n * });\n * ```\n * The return value will be marker object completely inside the offsets\n * provided. Markers outside of the split may also have been modified.\n *\n * @param {Range} markerRange\n * @return {Array} of markers that are inside the split\n * @private\n */\n splitMarkers(range) {\n const { post } = this.editor;\n const { head, tail } = range;\n\n this.splitSectionMarkerAtOffset(head.section, head.offset);\n this.splitSectionMarkerAtOffset(tail.section, tail.offset);\n\n return post.markersContainedByRange(range);\n }\n\n splitSectionMarkerAtOffset(section, offset) {\n const edit = section.splitMarkerAtOffset(offset);\n edit.removed.forEach(m => this.removeMarker(m));\n }\n\n /**\n * Split the section at the position.\n *\n * Usage:\n * ```\n * let position = editor.cursor.offsets.head;\n * editor.run((postEditor) => {\n * postEditor.splitSection(position);\n * });\n * // Will result in the creation of two new sections\n * // replacing the old one at the cursor position\n * ```\n * The return value will be the two new sections. One or both of these\n * sections can be blank (contain only a blank marker), for example if the\n * headMarkerOffset is 0.\n *\n * @param {Position} position\n * @return {Array} new sections, one for the first half and one for the second (either one can be null)\n * @public\n */\n splitSection(position) {\n const { section } = position;\n\n if (section.isCardSection) {\n return this._splitCardSection(section, position);\n } else if (section.isListItem) {\n let isLastAndBlank = section.isBlank && !section.next;\n if (isLastAndBlank) {\n // if is last, replace the item with a blank markup section\n let parent = section.parent;\n let collection = this.editor.post.sections;\n let blank = this.builder.createMarkupSection();\n this.removeSection(section);\n this.insertSectionBefore(collection, blank, parent.next);\n\n return [null, blank];\n } else {\n let [pre, post] = this._splitListItem(section, position);\n return [pre, post];\n }\n } else {\n let splitSections = section.splitAtPosition(position);\n splitSections.forEach(s => this._coalesceMarkers(s));\n this._replaceSection(section, splitSections);\n\n return splitSections;\n }\n }\n\n /**\n * @param {Section} cardSection\n * @param {Position} position to split at\n * @return {Section[]} 2-item array of pre and post-split sections\n * @private\n */\n _splitCardSection(cardSection, position) {\n let { offset } = position;\n assert('Cards section must be split at offset 0 or 1',\n offset === 0 || offset === 1);\n\n let newSection = this.builder.createMarkupSection();\n let nextSection;\n let surroundingSections;\n\n if (offset === 0) {\n nextSection = cardSection;\n surroundingSections = [newSection, cardSection];\n } else {\n nextSection = cardSection.next;\n surroundingSections = [cardSection, newSection];\n }\n\n let collection = this.editor.post.sections;\n this.insertSectionBefore(collection, newSection, nextSection);\n\n return surroundingSections;\n }\n\n /**\n * @param {Section} section\n * @param {Section} newSection\n * @return null\n * @public\n */\n replaceSection(section, newSection) {\n if (!section) {\n // FIXME should a falsy section be a valid argument?\n this.insertSectionBefore(this.editor.post.sections, newSection, null);\n } else {\n this._replaceSection(section, [newSection]);\n }\n }\n\n moveSectionBefore(collection, renderedSection, beforeSection) {\n const newSection = renderedSection.clone();\n this.removeSection(renderedSection);\n this.insertSectionBefore(collection, newSection, beforeSection);\n return newSection;\n }\n\n /**\n * @param {Section} section A section that is already in DOM\n * @public\n */\n moveSectionUp(renderedSection) {\n const isFirst = !renderedSection.prev;\n if (isFirst) {\n return renderedSection;\n }\n\n const collection = renderedSection.parent.sections;\n const beforeSection = renderedSection.prev;\n return this.moveSectionBefore(collection, renderedSection, beforeSection);\n }\n\n /**\n * @param {Section} section A section that is already in DOM\n * @public\n */\n moveSectionDown(renderedSection) {\n const isLast = !renderedSection.next;\n if (isLast) {\n return renderedSection;\n }\n\n const beforeSection = renderedSection.next.next;\n const collection = renderedSection.parent.sections;\n return this.moveSectionBefore(collection, renderedSection, beforeSection);\n }\n\n /**\n * Insert an array of markers at the given position. If the position is in\n * a non-markerable section (like a card section), this method throws an error.\n *\n * @param {Position} position\n * @param {Marker[]} markers\n * @return {Position} The position that represents the end of the inserted markers.\n * @public\n */\n insertMarkers(position, markers) {\n let { section, offset } = position;\n assert('Cannot insert markers at non-markerable position',\n section.isMarkerable);\n\n this.editActionTaken = EDIT_ACTIONS.INSERT_TEXT;\n\n let edit = section.splitMarkerAtOffset(offset);\n edit.removed.forEach(marker => this._scheduleForRemoval(marker));\n\n let prevMarker = section.markerBeforeOffset(offset);\n markers.forEach(marker => {\n section.markers.insertAfter(marker, prevMarker);\n offset += marker.length;\n prevMarker = marker;\n });\n\n this._coalesceMarkers(section);\n this._markDirty(section);\n\n let nextPosition = section.toPosition(offset);\n this.setRange(nextPosition);\n return nextPosition;\n }\n\n /**\n * Inserts text with the given markups, ignoring the existing markups at\n * the position, if any.\n *\n * @param {Position} position\n * @param {String} text\n * @param {Markup[]} markups\n * @return {Position} position at the end of the inserted text\n */\n insertTextWithMarkup(position, text, markups=[]) {\n let { section } = position;\n if (!section.isMarkerable) { return; }\n let marker = this.builder.createMarker(text, markups);\n return this.insertMarkers(position, [marker]);\n }\n\n /**\n * Insert the text at the given position\n * Inherits the markups already at that position, if any.\n *\n * @param {Position} position\n * @param {String} text\n * @return {Position} position at the end of the inserted text.\n */\n insertText(position, text) {\n let { section } = position;\n if (!section.isMarkerable) { return; }\n let markups = position.marker && position.marker.markups;\n markups = markups || [];\n return this.insertTextWithMarkup(position, text, markups);\n }\n\n _replaceSection(section, newSections) {\n let nextSection = section.next;\n let collection = section.parent.sections;\n\n let nextNewSection = newSections[0];\n if (nextNewSection.isMarkupSection && section.isListItem) {\n // put the new section after the ListSection (section.parent)\n // instead of after the ListItem\n collection = section.parent.parent.sections;\n nextSection = section.parent.next;\n }\n\n newSections.forEach(s => this.insertSectionBefore(collection, s, nextSection));\n this.removeSection(section);\n }\n\n /**\n * Given a markerRange (for example `editor.range`) mark all markers\n * inside it as a given markup. The markup must be provided as a post\n * abstract node.\n *\n * Usage:\n *\n * let range = editor.range;\n * let strongMarkup = editor.builder.createMarkup('strong');\n * editor.run((postEditor) => {\n * postEditor.addMarkupToRange(range, strongMarkup);\n * });\n * // Will result some markers possibly being split, and the markup\n * // being applied to all markers between the split.\n *\n * @param {Range} range\n * @param {Markup} markup A markup post abstract node\n * @public\n */\n addMarkupToRange(range, markup) {\n if (range.isCollapsed) { return; }\n\n let markers = this.splitMarkers(range);\n if (markers.length) {\n // We insert the new markup at a consistent index across the range.\n // If we just push on the end of the list, it can end up in different positions\n // of the markup stack. This results in unnecessary closing and re-opening of\n // the markup each time it changes position.\n // If we just push it at the beginning of the list, this causes unnecessary closing\n // and re-opening of surrounding tags.\n // So, we look for any tags open across the whole range, and push into the stack\n // at the end of those.\n // Prompted by https://github.com/bustle/mobiledoc-kit/issues/360\n\n let markupsOpenAcrossRange = reduce(markers, function (soFar, marker) {\n return commonItems(soFar, marker.markups);\n }, markers[0].markups);\n let indexToInsert = markupsOpenAcrossRange.length;\n\n markers.forEach(marker => {\n marker.addMarkupAtIndex(markup, indexToInsert);\n this._markDirty(marker);\n });\n }\n }\n\n /**\n * Given a markerRange (for example `editor.range`) remove the given\n * markup from all contained markers.\n *\n * Usage:\n * ```\n * let { range } = editor;\n * let markup = markerRange.headMarker.markups[0];\n * editor.run(postEditor => {\n * postEditor.removeMarkupFromRange(range, markup);\n * });\n * // Will result in some markers possibly being split, and the markup\n * // being removed from all markers between the split.\n * ```\n * @param {Range} range Object with offsets\n * @param {Markup|Function} markupOrCallback A markup post abstract node or\n * a function that returns true when passed a markup that should be removed\n * @private\n */\n removeMarkupFromRange(range, markupOrMarkupCallback) {\n if (range.isCollapsed) { return; }\n\n this.splitMarkers(range).forEach(marker => {\n marker.removeMarkup(markupOrMarkupCallback);\n this._markDirty(marker);\n });\n }\n\n /**\n * Toggle the given markup in the given range (or at the position given). If the range/position\n * has the markup, the markup will be removed. If nothing in the range/position\n * has the markup, the markup will be added to everything in the range/position.\n *\n * Usage:\n * ```\n * // Remove any 'strong' markup if it exists in the selection, otherwise\n * // make it all 'strong'\n * editor.run(postEditor => postEditor.toggleMarkup('strong'));\n *\n * // add/remove a link to 'bustle.com' to the selection\n * editor.run(postEditor => {\n * const linkMarkup = postEditor.builder.createMarkup('a', {href: 'http://bustle.com'});\n * postEditor.toggleMarkup(linkMarkup);\n * });\n * ```\n * @param {Markup|String} markupOrString Either a markup object created using\n * the builder (useful when adding a markup with attributes, like an 'a' markup),\n * or, if a string, the tag name of the markup (e.g. 'strong', 'em') to toggle.\n * @param {Range|Position} range in which to toggle. Defaults to current editor range.\n * @public\n */\n toggleMarkup(markupOrMarkupString, range=this._range) {\n range = toRange(range);\n const markup = typeof markupOrMarkupString === 'string' ?\n this.builder.createMarkup(markupOrMarkupString) :\n markupOrMarkupString;\n\n const hasMarkup = this.editor.detectMarkupInRange(range, markup.tagName);\n // FIXME: This implies only a single markup in a range. This may not be\n // true for links (which are not the same object instance like multiple\n // strong tags would be).\n if (hasMarkup) {\n this.removeMarkupFromRange(range, hasMarkup);\n } else {\n this.addMarkupToRange(range, markup);\n }\n\n this.setRange(range);\n }\n\n /**\n * Toggles the tagName of the active section or sections in the given range/position.\n * If every section has the tag name, they will all be reset to default sections.\n * Otherwise, every section will be changed to the requested type\n *\n * @param {String} sectionTagName A valid markup section or\n * list section tag name (e.g. 'blockquote', 'h2', 'ul')\n * @param {Range|Position} range The range over which to toggle.\n * Defaults to the current editor range.\n * @public\n */\n toggleSection(sectionTagName, range=this._range) {\n range = toRange(range);\n\n sectionTagName = normalizeTagName(sectionTagName);\n let { post } = this.editor;\n\n let everySectionHasTagName = true;\n post.walkMarkerableSections(range, section => {\n if (!this._isSameSectionType(section, sectionTagName)) {\n everySectionHasTagName = false;\n }\n });\n\n let tagName = everySectionHasTagName ? 'p' : sectionTagName;\n let sectionTransformations = [];\n post.walkMarkerableSections(range, section => {\n let changedSection = this.changeSectionTagName(section, tagName);\n sectionTransformations.push({\n from: section,\n to: changedSection\n });\n });\n\n let nextRange = this._determineNextRangeAfterToggleSection(range, sectionTransformations);\n this.setRange(nextRange);\n }\n\n _determineNextRangeAfterToggleSection(range, sectionTransformations) {\n if (sectionTransformations.length) {\n let changedHeadSection = detect(sectionTransformations, ({ from }) => {\n return from === range.headSection;\n }).to;\n let changedTailSection = detect(sectionTransformations, ({ from }) => {\n return from === range.tailSection;\n }).to;\n\n if (changedHeadSection.isListSection || changedTailSection.isListSection) {\n // We don't know to which ListItem's the original sections point at, so\n // we don't have enough information to reconstruct the range when\n // dealing with lists.\n return sectionTransformations[0].to.headPosition().toRange();\n } else {\n return Range.create(\n changedHeadSection,\n range.headSectionOffset,\n changedTailSection,\n range.tailSectionOffset,\n range.direction\n );\n }\n } else {\n return range;\n }\n }\n\n setAttribute(key, value, range=this._range) {\n this._mutateAttribute(key, range, (section, attribute) => {\n if (section.getAttribute(attribute) !== value) {\n section.setAttribute(attribute, value);\n return true;\n }\n });\n }\n\n removeAttribute(key, range=this._range) {\n this._mutateAttribute(key, range, (section, attribute) => {\n if (section.hasAttribute(attribute)) {\n section.removeAttribute(attribute);\n return true;\n }\n });\n }\n\n _mutateAttribute(key, range, cb) {\n range = toRange(range);\n let { post } = this.editor;\n let attribute = `data-md-${key}`;\n\n post.walkMarkerableSections(range, section => {\n if (section.isListItem) {\n section = section.parent;\n }\n\n if (cb(section, attribute) === true) {\n this._markDirty(section);\n }\n });\n\n this.setRange(range);\n }\n\n _isSameSectionType(section, sectionTagName) {\n return section.isListItem ?\n section.parent.tagName === sectionTagName :\n section.tagName === sectionTagName;\n }\n\n /**\n * @param {Markerable} section\n * @private\n */\n changeSectionTagName(section, newTagName) {\n assert('Cannot pass non-markerable section to `changeSectionTagName`',\n section.isMarkerable);\n\n if (isListSectionTagName(newTagName)) {\n return this._changeSectionToListItem(section, newTagName);\n } else if (section.isListItem) {\n return this._changeSectionFromListItem(section, newTagName);\n } else {\n section.tagName = newTagName;\n this._markDirty(section);\n return section;\n }\n }\n\n /**\n * Splits the item at the position given.\n * If the position is at the start or end of the item, the pre- or post-item\n * will contain a single empty (\"\") marker.\n * @param {ListItem} item\n * @param {Position} position\n * @return {Array} the pre-item and post-item on either side of the split\n * @private\n */\n _splitListItem(item, position) {\n let { section, offset } = position;\n assert('Cannot split list item at position that does not include item',\n item === section);\n\n item.splitMarkerAtOffset(offset);\n let prevMarker = item.markerBeforeOffset(offset);\n let preItem = this.builder.createListItem(),\n postItem = this.builder.createListItem();\n\n let currentItem = preItem;\n item.markers.forEach(marker => {\n currentItem.markers.append(marker.clone());\n if (marker === prevMarker) {\n currentItem = postItem;\n }\n });\n this._replaceSection(item, [preItem, postItem]);\n return [preItem, postItem];\n }\n\n /**\n * Splits the list at the position given.\n * @return {Array} pre-split list and post-split list, either of which could\n * be blank (0-item list) if the position is at the start or end of the list.\n *\n * Note: Contiguous list sections will be joined in the before_complete queue\n * of the postEditor.\n *\n * @private\n */\n _splitListAtPosition(list, position) {\n assert('Cannot split list at position not in list',\n position.section.parent === list);\n\n let positionIsMiddle = !position.isHead() && !position.isTail();\n if (positionIsMiddle) {\n let item = position.section;\n let [pre,] =\n this._splitListItem(item, position);\n position = pre.tailPosition();\n }\n\n let preList = this.builder.createListSection(list.tagName);\n let postList = this.builder.createListSection(list.tagName);\n\n let preItem = position.section;\n let currentList = preList;\n list.items.forEach(item => {\n // If this item matches the start item and the position is at its start,\n // it should be appended to the postList instead of the preList\n if (item === preItem && position.isEqual(item.headPosition())) {\n currentList = postList;\n }\n currentList.items.append(item.clone());\n // If we just appended the preItem, append the remaining items to the postList\n if (item === preItem) {\n currentList = postList;\n }\n });\n\n this._replaceSection(list, [preList, postList]);\n return [preList, postList];\n }\n\n /**\n * @return Array of [prev, mid, next] lists. `prev` and `next` can\n * be blank, depending on the position of `item`. `mid` will always\n * be a 1-item list containing `item`. `prev` and `next` will be\n * removed in the before_complete queue if they are blank\n * (and still attached).\n *\n * @private\n */\n _splitListAtItem(list, item) {\n let next = list;\n let prev = this.builder.createListSection(next.tagName, [], next.attributes);\n let mid = this.builder.createListSection(next.tagName);\n\n let addToPrev = true;\n // must turn the LinkedList into an array so that we can remove items\n // as we iterate through it\n let items = next.items.toArray();\n items.forEach(i => {\n let listToAppend;\n if (i === item) {\n addToPrev = false;\n listToAppend = mid;\n } else if (addToPrev) {\n listToAppend = prev;\n } else {\n return; // break after iterating prev and mid parts of the list\n }\n listToAppend.join(i);\n this.removeSection(i);\n });\n let found = !addToPrev;\n assert('Cannot split list at item that is not present in the list', found);\n\n let collection = this.editor.post.sections;\n this.insertSectionBefore(collection, mid, next);\n this.insertSectionBefore(collection, prev, mid);\n\n // Remove possibly blank prev/next lists\n this.addCallback(CALLBACK_QUEUES.BEFORE_COMPLETE, () => {\n [prev, next].forEach(_list => {\n let isAttached = !!_list.parent;\n if (_list.isBlank && isAttached) {\n this.removeSection(_list);\n }\n });\n });\n\n return [prev, mid, next];\n }\n\n _changeSectionFromListItem(section, newTagName) {\n assert('Must pass list item to `_changeSectionFromListItem`',\n section.isListItem);\n\n let listSection = section.parent;\n let markupSection = this.builder.createMarkupSection(newTagName);\n markupSection.join(section);\n\n let [, mid,] = this._splitListAtItem(listSection, section);\n this.replaceSection(mid, markupSection);\n return markupSection;\n }\n\n _changeSectionToListItem(section, newTagName) {\n let isAlreadyCorrectListItem = section.isListItem &&\n section.parent.tagName === newTagName;\n\n if (isAlreadyCorrectListItem) {\n return section;\n }\n\n let listSection = this.builder.createListSection(newTagName);\n listSection.join(section);\n\n let sectionToReplace;\n if (section.isListItem) {\n let [, mid,] = this._splitListAtItem(section.parent, section);\n sectionToReplace = mid;\n } else {\n sectionToReplace = section;\n }\n this.replaceSection(sectionToReplace, listSection);\n return listSection;\n }\n\n /**\n * Insert a given section before another one, updating the post abstract\n * and the rendered UI.\n *\n * Usage:\n * ```\n * let markerRange = editor.range;\n * let sectionWithCursor = markerRange.headMarker.section;\n * let section = editor.builder.createCardSection('my-image');\n * let collection = sectionWithCursor.parent.sections;\n * editor.run((postEditor) => {\n * postEditor.insertSectionBefore(collection, section, sectionWithCursor);\n * });\n * ```\n * @param {LinkedList} collection The list of sections to insert into\n * @param {Object} section The new section\n * @param {Object} beforeSection Optional The section \"before\" is relative to,\n * if falsy the new section will be appended to the collection\n * @public\n */\n insertSectionBefore(collection, section, beforeSection) {\n collection.insertBefore(section, beforeSection);\n this._markDirty(section.parent);\n }\n\n /**\n * Insert the given section after the current active section, or, if no\n * section is active, at the end of the document.\n * @param {Section} section\n * @public\n */\n insertSection(section) {\n const activeSection = this.editor.activeSection;\n const nextSection = activeSection && activeSection.next;\n\n const collection = this.editor.post.sections;\n this.insertSectionBefore(collection, section, nextSection);\n }\n\n /**\n * Insert the given section at the end of the document.\n * @param {Section} section\n * @public\n */\n insertSectionAtEnd(section) {\n this.insertSectionBefore(this.editor.post.sections, section, null);\n }\n\n /**\n * Insert the `post` at the given position in the editor's post.\n * @param {Position} position\n * @param {Post} post\n * @private\n */\n insertPost(position, newPost) {\n let post = this.editor.post;\n let inserter = new PostInserter(this, post);\n let nextPosition = inserter.insert(position, newPost);\n return nextPosition;\n }\n\n /**\n * Remove a given section from the post abstract and the rendered UI.\n *\n * Usage:\n * ```\n * let { range } = editor;\n * let sectionWithCursor = range.head.section;\n * editor.run((postEditor) => {\n * postEditor.removeSection(sectionWithCursor);\n * });\n * ```\n * @param {Object} section The section to remove\n * @public\n */\n removeSection(section) {\n let parent = section.parent;\n this._scheduleForRemoval(section);\n parent.sections.remove(section);\n\n if (parent.isListSection) {\n this._scheduleListRemovalIfEmpty(parent);\n }\n }\n\n removeAllSections() {\n this.editor.post.sections.toArray().forEach(section => {\n this.removeSection(section);\n });\n }\n\n migrateSectionsFromPost(post) {\n post.sections.toArray().forEach(section => {\n post.sections.remove(section);\n this.insertSectionBefore(this.editor.post.sections, section, null);\n });\n }\n\n _scheduleListRemovalIfEmpty(listSection) {\n this.addCallback(CALLBACK_QUEUES.BEFORE_COMPLETE, () => {\n // if the list is attached and blank after we do other rendering stuff,\n // remove it\n let isAttached = !!listSection.parent;\n if (isAttached && listSection.isBlank) {\n this.removeSection(listSection);\n }\n });\n }\n\n /**\n * A method for adding work the deferred queue\n *\n * @param {Function} callback to run during completion\n * @param {Boolean} [once=false] Whether to only schedule the callback once.\n * @public\n */\n schedule(callback, once=false) {\n assert('Work can only be scheduled before a post edit has completed',\n !this._didComplete);\n if (once) {\n this.addCallbackOnce(CALLBACK_QUEUES.COMPLETE, callback);\n } else {\n this.addCallback(CALLBACK_QUEUES.COMPLETE, callback);\n }\n }\n\n /**\n * A method for adding work the deferred queue. The callback will only\n * be added to the queue once, even if `scheduleOnce` is called multiple times.\n * The function cannot be an anonymous function.\n *\n * @param {Function} callback to run during completion\n * @public\n */\n scheduleOnce(callback) {\n this.schedule(callback, true);\n }\n\n /**\n * Add a rerender job to the queue\n *\n * @public\n */\n scheduleRerender() {\n this.scheduleOnce(this._rerender);\n }\n\n /**\n * Schedule a notification that the post has been changed.\n * The notification will result in the editor firing its `postDidChange`\n * hook after the postEditor completes its work (at the end of {@link Editor#run}).\n *\n * @public\n */\n scheduleDidUpdate() {\n this.scheduleOnce(this._postDidChange);\n }\n\n scheduleAfterRender(callback, once=false) {\n if (once) {\n this.addCallbackOnce(CALLBACK_QUEUES.AFTER_COMPLETE, callback);\n } else {\n this.addCallback(CALLBACK_QUEUES.AFTER_COMPLETE, callback);\n }\n }\n\n /**\n * Flush any work on the queue. {@link Editor#run} calls this method; it\n * should not be called directly.\n *\n * @private\n */\n complete() {\n assert('Post editing can only be completed once', !this._didComplete);\n\n this.runCallbacks(CALLBACK_QUEUES.BEFORE_COMPLETE);\n this._didComplete = true;\n this.runCallbacks(CALLBACK_QUEUES.COMPLETE);\n this.runCallbacks(CALLBACK_QUEUES.AFTER_COMPLETE);\n }\n\n undoLastChange() {\n this.editor._editHistory.stepBackward(this);\n }\n\n redoLastChange() {\n this.editor._editHistory.stepForward(this);\n }\n\n cancelSnapshot() {\n this._shouldCancelSnapshot = true;\n }\n}\n\nexport default PostEditor;\n","const placeholderImageSrc = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOEAAADhCAMAAAAJbSJIAAAAMFBMVEXp7vG6vsHm6+63u77Hy868wMPe4+bO09bh5unr8fTR1djAxMfM0NPX3N/c4eTBxcjXRf5TAAACh0lEQVR4nO3b6ZKqMBSFUSQMYZL3f9tbBq/NEEDiqUqOfusn1ZXKbjcQlGQZAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACC6RkbsGHuabChEtHmiGYfS3EQYM+Sxw/gMQvmcNnYaj6oTDHi73WPn2eqnj9B8zo3TJXcq5uNjXmVff86VwSR3JtryMa1BYqi7S1hJDCVpSigyLcGhJJEwzlCSNtPKrbVhVwsdCfOhH7uuaG3ARV9DwsaOzxt3N1yPqCHhvXytTUz92VDpmE/LLhZwl++R6Sds6sUa/PL6K/2E2fIhw1xdRKefsFolrPc+xNx/N0k/4fpBsdhL2HfeiN+TsDCms8dDpeRyS3P3QDl6Iqaf8L0rTf+80m6Lmn7Ct+4Wxf+/2RY1/YRv3PHz/u+fsCmqgoTnq7Z+8SGviqoh4dnKu1ieqauiakh4/PQ0r6ivqDoSHj0B97eNRVG1JNxV+L4bnxdVecJtRTdFVZ7QU9F1UXUn9FZ0VVRlCav5ob2KLouqKmFjy676u2HsVnRRVFUJq3J+8KCi86IqSthMvyl209Hjijqm3RsqAZ5pNfa5PJ2KelJRjQmr1/r7cfy0ouoSNvOfvbvhvKLaEr4qOin9kTQnrN7LpDZhE/Zmhp6Eq4p+YcKgiipKGFhRRQkDK6ooYfgLbiSMioQkJGF8P5XwHv4O+7AaKiXzaeXh1kMl5AffTUxiKEm/krD94BR8Gdxl1fceSlR58ZhXKbEpyD2amNiBtmrJLTMHL1LF8/rpXkSZXEmz8K8uvAFFNm6Iq0aBLUFOmeCuJ6exrcCmoLpN7kYx891bSAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgh/wDdr8peyRHLogAAAAASUVORK5CYII=\";\n\nexport default placeholderImageSrc;\n","import placeholderImageSrc from 'mobiledoc-kit/utils/placeholder-image-src';\n\nexport default {\n name: 'image',\n type: 'dom',\n\n render({payload}) {\n let img = document.createElement('img');\n img.src = payload.src || placeholderImageSrc;\n return img;\n }\n};\n","import { forEach } from './array-utils';\nimport assert from './assert';\n\nexport function visit(visitor, node, opcodes) {\n const method = node.type;\n assert(`Cannot visit unknown type ${method}`, !!visitor[method]);\n visitor[method](node, opcodes);\n}\n\nexport function compile(compiler, opcodes) {\n for (var i=0, l=opcodes.length; iText
Text
${html}`;\n }\n\n let { clipboardData } = event;\n let { clipboardData: nonstandardClipboardData } = window;\n\n if (clipboardData && clipboardData.setData) {\n clipboardData.setData(MIME_TEXT_HTML, html);\n clipboardData.setData(MIME_TEXT_PLAIN, text);\n } else if (nonstandardClipboardData && nonstandardClipboardData.setData) {\n // The Internet Explorers (including Edge) have a non-standard way of interacting with the\n // Clipboard API (see http://caniuse.com/#feat=clipboard). In short, they expose a global window.clipboardData\n // object instead of the per-event event.clipboardData object on the other browsers.\n nonstandardClipboardData.setData(NONSTANDARD_IE_TEXT_TYPE, html);\n }\n}\n\n/**\n * @param {PasteEvent}\n * @param {{builder: Builder, _parserPlugins: Array}} options\n * @return {Post}\n * @private\n */\nexport function parsePostFromPaste(pasteEvent, {builder, _parserPlugins: plugins}, {targetFormat}={targetFormat:'html'}) {\n let { html, text } = getContentFromPasteEvent(pasteEvent, window);\n\n if (targetFormat === 'html' && html && html.length) {\n return parsePostFromHTML(html, builder, plugins);\n } else if (text && text.length) {\n return parsePostFromText(text, builder, plugins);\n }\n}\n\n/**\n * @param {DropEvent}\n * @param {Editor} editor\n * @param {Object} [options={}] Can pass a logger\n * @return {Post}\n * @private\n */\nexport function parsePostFromDrop(dropEvent, editor, {logger}={}) {\n let { builder, _parserPlugins: plugins } = editor;\n let { html, text } = getContentFromDropEvent(dropEvent, logger);\n\n if (html && html.length) {\n return parsePostFromHTML(html, builder, plugins);\n } else if (text && text.length) {\n return parsePostFromText(text, builder, plugins);\n }\n}\n","import { endsWith } from 'mobiledoc-kit/utils/string-utils';\nimport assert from 'mobiledoc-kit/utils/assert';\nimport deprecate from 'mobiledoc-kit/utils/deprecate';\nimport { ENTER } from 'mobiledoc-kit/utils/characters';\n\nclass TextInputHandler {\n constructor(editor) {\n this.editor = editor;\n this._handlers = [];\n }\n\n register(handler) {\n assert(`Input Handler is not valid`, this._validateHandler(handler));\n this._handlers.push(handler);\n }\n\n unregister(name) {\n let handlers = this._handlers;\n for (let i=0; i${serializeHTML(rendered.result)}`;\n } else {\n // Fallback to text serialization\n result = this.serializePost(post, 'text', options);\n }\n return result;\n }\n case 'text':\n rendered = new TextRenderer(rendererOptions).render(mobiledoc);\n return rendered.result;\n }\n }\n }\n\n addView(view) {\n this._views.push(view);\n }\n\n removeAllViews() {\n this._views.forEach((v) => v.destroy());\n this._views = [];\n }\n\n /**\n * Whether the editor has a cursor (or a selected range).\n * It is possible for the editor to be focused but not have a selection.\n * In this case, key events will fire but the editor will not be able to\n * determine a cursor position, so they will be ignored.\n * @return {boolean}\n * @public\n */\n hasCursor() {\n return this.cursor.hasCursor();\n }\n\n /**\n * Tears down the editor's attached event listeners and views.\n * @public\n */\n destroy() {\n this.isDestroyed = true;\n if (this._hasSelection()) {\n this.cursor.clearSelection();\n }\n if (this._hasFocus()) {\n this.element.blur(); // FIXME This doesn't blur the element on IE11\n }\n this._mutationHandler.destroy();\n this._eventManager.destroy();\n this.removeAllViews();\n this._renderer.destroy();\n this._editState.destroy();\n }\n\n /**\n * Keep the user from directly editing the post using the keyboard and mouse.\n * Modification via the programmatic API is still permitted.\n * @see Editor#enableEditing\n * @public\n */\n disableEditing() {\n this.isEditable = false;\n if (this.hasRendered) {\n this._eventManager.stop();\n this.element.setAttribute('contentEditable', false);\n this.setPlaceholder('');\n this.selectRange(Range.blankRange());\n }\n }\n\n /**\n * Allow the user to directly interact with editing a post via keyboard and mouse input.\n * Editor instances are editable by default. Use this method to re-enable\n * editing after disabling it.\n * @see Editor#disableEditing\n * @public\n */\n enableEditing() {\n this.isEditable = true;\n if (this.hasRendered) {\n this._eventManager.start();\n this.element.setAttribute('contentEditable', true);\n this.setPlaceholder(this.placeholder);\n }\n }\n\n /**\n * Change a cardSection into edit mode\n * If called before the card has been rendered, it will be marked so that\n * it is rendered in edit mode when it gets rendered.\n * @param {CardSection} cardSection\n * @public\n */\n editCard(cardSection) {\n this._setCardMode(cardSection, CARD_MODES.EDIT);\n }\n\n /**\n * Change a cardSection into display mode\n * If called before the card has been rendered, it will be marked so that\n * it is rendered in display mode when it gets rendered.\n * @param {CardSection} cardSection\n * @return undefined\n * @public\n */\n displayCard(cardSection) {\n this._setCardMode(cardSection, CARD_MODES.DISPLAY);\n }\n\n /**\n * Run a new post editing session. Yields a block with a new {@link PostEditor}\n * instance. This instance can be used to interact with the post abstract.\n * Rendering will be deferred until after the callback is completed.\n *\n * Usage:\n * ```\n * let markerRange = this.range;\n * editor.run((postEditor) => {\n * postEditor.deleteRange(markerRange);\n * // editing surface not updated yet\n * postEditor.schedule(() => {\n * console.log('logs during rerender flush');\n * });\n * // logging not yet flushed\n * });\n * // editing surface now updated.\n * // logging now flushed\n * ```\n *\n * @param {Function} callback Called with an instance of\n * {@link PostEditor} as its argument.\n * @return {Mixed} The return value of `callback`.\n * @public\n */\n run(callback) {\n const postEditor = new PostEditor(this);\n postEditor.begin();\n this._editHistory.snapshot();\n const result = callback(postEditor);\n this.runCallbacks(CALLBACK_QUEUES.DID_UPDATE, [postEditor]);\n postEditor.complete();\n this._readRangeFromDOM();\n\n if (postEditor._shouldCancelSnapshot) {\n this._editHistory._pendingSnapshot = null;\n }\n this._editHistory.storeSnapshot(postEditor.editActionTaken);\n\n return result;\n }\n\n /**\n * @param {Function} callback Called with `postEditor` as its argument.\n * @public\n */\n didUpdatePost(callback) {\n this.addCallback(CALLBACK_QUEUES.DID_UPDATE, callback);\n }\n\n /**\n * @param {Function} callback Called when the post has changed, either via\n * user input or programmatically. Use with {@link Editor#serialize} to\n * retrieve the post in portable mobiledoc format.\n */\n postDidChange(callback) {\n this.addCallback(CALLBACK_QUEUES.POST_DID_CHANGE, callback);\n }\n\n /**\n * Register a handler that will be invoked by the editor after the user enters\n * matching text.\n * @param {Object} inputHandler\n * @param {String} inputHandler.name Required. Used by identifying handlers.\n * @param {String} [inputHandler.text] Required if `match` is not provided\n * @param {RegExp} [inputHandler.match] Required if `text` is not provided\n * @param {Function} inputHandler.run This callback is invoked with the {@link Editor}\n * instance and an array of matches. If `text` was provided,\n * the matches array will equal [`text`], and if a `match`\n * regex was provided the matches array will be the result of\n * `match.exec` on the matching text. The callback is called\n * after the matching text has been inserted.\n * @public\n */\n onTextInput(inputHandler) {\n this._eventManager.registerInputHandler(inputHandler);\n }\n\n /**\n * Unregister all text input handlers\n *\n * @public\n */\n unregisterAllTextInputHandlers() {\n this._eventManager.unregisterAllTextInputHandlers();\n }\n\n /**\n * Unregister text input handler by name\n * @param {String} name The name of handler to be removed\n *\n * @public\n */\n unregisterTextInputHandler(name) {\n this._eventManager.unregisterInputHandler(name);\n }\n\n /**\n * @param {Function} callback Called when the editor's state (active markups or\n * active sections) has changed, either via user input or programmatically\n */\n inputModeDidChange(callback) {\n this.addCallback(CALLBACK_QUEUES.INPUT_MODE_DID_CHANGE, callback);\n }\n\n /**\n * @param {Function} callback This callback will be called before the editor\n * is rendered.\n * @public\n */\n willRender(callback) {\n this.addCallback(CALLBACK_QUEUES.WILL_RENDER, callback);\n }\n\n /**\n * @param {Function} callback This callback will be called after the editor\n * is rendered.\n * @public\n */\n didRender(callback) {\n this.addCallback(CALLBACK_QUEUES.DID_RENDER, callback);\n }\n\n /**\n * @param {Function} callback This callback will be called before deleting.\n * @public\n */\n willDelete(callback) {\n this.addCallback(CALLBACK_QUEUES.WILL_DELETE, callback);\n }\n\n /**\n * @param {Function} callback This callback will be called after deleting.\n * @public\n */\n didDelete(callback) {\n this.addCallback(CALLBACK_QUEUES.DID_DELETE, callback);\n }\n\n /**\n * @param {Function} callback This callback will be called before handling new line.\n * @public\n */\n willHandleNewline(callback) {\n this.addCallback(CALLBACK_QUEUES.WILL_HANDLE_NEWLINE, callback);\n }\n\n /**\n * @param {Function} callback This callback will be called every time the cursor\n * position (or selection) changes.\n * @public\n */\n cursorDidChange(callback) {\n this.addCallback(CALLBACK_QUEUES.CURSOR_DID_CHANGE, callback);\n }\n\n _rangeDidChange() {\n if (this.hasRendered) {\n this.runCallbacks(CALLBACK_QUEUES.CURSOR_DID_CHANGE);\n }\n }\n\n _inputModeDidChange() {\n this.runCallbacks(CALLBACK_QUEUES.INPUT_MODE_DID_CHANGE);\n }\n\n _insertEmptyMarkupSectionAtCursor() {\n this.run(postEditor => {\n const section = postEditor.builder.createMarkupSection('p');\n postEditor.insertSectionBefore(this.post.sections, section);\n postEditor.setRange(section.toRange());\n });\n }\n\n /**\n * @callback editorBeforeCallback\n * @param { Object } details\n * @param { Markup } details.markup\n * @param { Range } details.range\n * @param { boolean } details.willAdd Whether the markup will be applied\n */\n\n /**\n * Register a callback that will be run before {@link Editor#toggleMarkup} is applied.\n * If any callback returns literal `false`, the toggling of markup will be canceled.\n * Note this only applies to calling `editor#toggleMarkup`. Using `editor.run` and\n * modifying markup with the `postEditor` will skip any `beforeToggleMarkup` callbacks.\n * @param {editorBeforeCallback}\n */\n beforeToggleMarkup(callback) {\n this._beforeHooks.toggleMarkup.push(callback);\n }\n\n /**\n * Toggles the given markup at the editor's current {@link Range}.\n * If the range is collapsed this changes the editor's state so that the\n * next characters typed will be affected. If there is text selected\n * (aka a non-collapsed range), the selections' markup will be toggled.\n * If the editor is not focused and has no active range, nothing happens.\n * Hooks added using #beforeToggleMarkup will be run before toggling,\n * and if any of them returns literal false, toggling the markup will be canceled\n * and no change will be applied.\n * @param {String} markup E.g. \"b\", \"em\", \"a\"\n * @param {Object} [attributes={}] E.g. {href: \"http://bustle.com\"}\n * @public\n * @see PostEditor#toggleMarkup\n */\n toggleMarkup(markup, attributes={}) {\n markup = this.builder.createMarkup(markup, attributes);\n let { range } = this;\n let willAdd = !this.detectMarkupInRange(range, markup.tagName);\n let shouldCancel = this._runBeforeHooks('toggleMarkup', {markup, range, willAdd});\n if (shouldCancel) { return; }\n\n if (range.isCollapsed) {\n this._editState.toggleMarkupState(markup);\n this._inputModeDidChange();\n\n // when clicking a button to toggle markup, the button can end up being focused,\n // so ensure the editor is focused\n this._ensureFocus();\n } else {\n this.run(postEditor => postEditor.toggleMarkup(markup, range));\n }\n }\n\n // If the editor has a selection but is not focused, focus it\n _ensureFocus() {\n if (this._hasSelection() && !this._hasFocus()) {\n this.focus();\n }\n }\n\n focus() {\n this.element.focus();\n }\n\n /**\n * Whether there is a selection inside the editor's element.\n * It's possible to have a selection but not have focus.\n * @see #_hasFocus\n * @return {Boolean}\n */\n _hasSelection() {\n let { cursor } = this;\n return this.hasRendered && (cursor._hasCollapsedSelection() || cursor._hasSelection());\n }\n\n /**\n * Whether the editor's element is focused\n * It's possible to be focused but have no selection\n * @see #_hasSelection\n * @return {Boolean}\n */\n _hasFocus() {\n return document.activeElement === this.element;\n }\n\n /**\n * Toggles the tagName for the current active section(s). This will skip\n * non-markerable sections. E.g. if the editor's range includes a \"P\" MarkupSection\n * and a CardSection, only the MarkupSection will be toggled.\n * @param {String} tagName The new tagname to change to.\n * @public\n * @see PostEditor#toggleSection\n */\n toggleSection(tagName) {\n this.run(postEditor => postEditor.toggleSection(tagName, this.range));\n }\n\n /**\n * Sets an attribute for the current active section(s).\n *\n * @param {String} key The attribute. The only valid attribute is 'text-align'.\n * @param {String} value The value of the attribute.\n * @public\n * @see PostEditor#setAttribute\n */\n setAttribute(key, value) {\n this.run(postEditor => postEditor.setAttribute(key, value, this.range));\n }\n\n /**\n * Removes an attribute from the current active section(s).\n *\n * @param {String} key The attribute. The only valid attribute is 'text-align'.\n * @public\n * @see PostEditor#removeAttribute\n */\n removeAttribute(key) {\n this.run(postEditor => postEditor.removeAttribute(key, this.range));\n }\n\n /**\n * Finds and runs the first matching key command for the event\n *\n * If multiple commands are bound to a key combination, the\n * first matching one is run.\n *\n * If a command returns `false` then the next matching command\n * is run instead.\n *\n * @param {Event} event The keyboard event triggered by the user\n * @return {Boolean} true when a command was successfully run\n * @private\n */\n handleKeyCommand(event) {\n const keyCommands = findKeyCommands(this.keyCommands, event);\n for (let i=0; iabcdef\n //\n // with a cursor between c and d, IE might say the focusNode iswith\n // an offset of 1. However the anchorNode for a selection might still be\n // 2 if there was a selection.\n //\n // This code walks down the DOM tree until a good comparison of position can be\n // made.\n //\n if (position & Node.DOCUMENT_POSITION_CONTAINS) {\n if (focusOffset < focusNode.childNodes.length) {\n focusNode = focusNode.childNodes[focusOffset];\n focusOffset = 0;\n } else {\n // This situation happens on IE when triple-clicking to select.\n // Set the focus to the very last character inside the node.\n while (focusNode.lastChild) {\n focusNode = focusNode.lastChild;\n }\n focusOffset = focusNode.textContent.length;\n }\n\n return comparePosition({\n focusNode,\n focusOffset,\n anchorNode, anchorOffset\n });\n } else if (position & Node.DOCUMENT_POSITION_CONTAINED_BY) {\n let offset = anchorOffset - 1;\n if (offset < 0) {\n offset = 0;\n }\n return comparePosition({\n anchorNode: anchorNode.childNodes[offset],\n anchorOffset: 0,\n focusNode, focusOffset\n });\n // The meat of translating anchor and focus nodes to head and tail nodes\n } else if (position & Node.DOCUMENT_POSITION_FOLLOWING) {\n headNode = anchorNode; tailNode = focusNode;\n headOffset = anchorOffset; tailOffset = focusOffset;\n direction = DIRECTION.FORWARD;\n } else if (position & Node.DOCUMENT_POSITION_PRECEDING) {\n headNode = focusNode; tailNode = anchorNode;\n headOffset = focusOffset; tailOffset = anchorOffset;\n direction = DIRECTION.BACKWARD;\n } else { // same node\n headNode = tailNode = anchorNode;\n headOffset = anchorOffset;\n tailOffset = focusOffset;\n if (tailOffset < headOffset) {\n // Swap the offset order\n headOffset = focusOffset;\n tailOffset = anchorOffset;\n direction = DIRECTION.BACKWARD;\n } else if (headOffset < tailOffset) {\n direction = DIRECTION.FORWARD;\n } else {\n direction = null;\n }\n }\n\n return {headNode, headOffset, tailNode, tailOffset, direction};\n}\n\nexport {\n clearSelection,\n comparePosition,\n findOffsetInNode,\n constrainSelectionTo\n};\n","import Position from './position';\nimport { DIRECTION } from '../key';\nimport assert from 'mobiledoc-kit/utils/assert';\n\n/**\n * A logical range of a {@link Post}.\n * Usually an instance of Range will be read from the {@link Editor#range} property,\n * but it may be useful to instantiate a range directly when programmatically modifying a Post.\n */\nclass Range {\n /**\n * @param {Position} head\n * @param {Position} [tail=head]\n * @param {Direction} [direction=null]\n * @return {Range}\n * @private\n */\n constructor(head, tail=head, direction=null) {\n /** @property {Position} head */\n this.head = head;\n\n /** @property {Position} tail */\n this.tail = tail;\n\n /** @property {Direction} direction */\n this.direction = direction;\n }\n\n /**\n * Shorthand to create a new range from a section(s) and offset(s).\n * When given only a head section and offset, creates a collapsed range.\n * @param {Section} headSection\n * @param {number} headOffset\n * @param {Section} [tailSection=headSection]\n * @param {number} [tailOffset=headOffset]\n * @param {Direction} [direction=null]\n * @return {Range}\n */\n static create(headSection, headOffset, tailSection=headSection, tailOffset=headOffset, direction=null) {\n return new Range(\n new Position(headSection, headOffset),\n new Position(tailSection, tailOffset),\n direction\n );\n }\n\n static blankRange() {\n return new Range(Position.blankPosition(), Position.blankPosition());\n }\n\n /**\n * @param {Markerable} section\n * @return {Range} A range that is constrained to only the part that\n * includes the section.\n * FIXME -- if the section isn't the head or tail, it's assumed to be\n * wholly contained. It's possible to call `trimTo` with a selection that is\n * outside of the range, though, which would invalidate that assumption.\n * There's no efficient way to determine if a section is within a range, yet.\n * @private\n */\n trimTo(section) {\n const length = section.length;\n\n let headOffset = section === this.head.section ?\n Math.min(this.head.offset, length) : 0;\n let tailOffset = section === this.tail.section ?\n Math.min(this.tail.offset, length) : length;\n\n return Range.create(section, headOffset, section, tailOffset);\n }\n\n /**\n * Expands the range 1 unit in the given direction\n * If the range is expandable in the given direction, always returns a\n * non-collapsed range.\n * @param {Number} units If units is > 0, the range is extended to the right,\n * otherwise range is extended to the left.\n * @return {Range}\n * @public\n */\n extend(units) {\n assert(`Must pass integer to Range#extend`, typeof units === 'number');\n\n if (units === 0) { return this; }\n\n let { head, tail, direction: currentDirection } = this;\n switch (currentDirection) {\n case DIRECTION.FORWARD:\n return new Range(head, tail.move(units), currentDirection);\n case DIRECTION.BACKWARD:\n return new Range(head.move(units), tail, currentDirection);\n default: {\n let newDirection = units > 0 ? DIRECTION.FORWARD : DIRECTION.BACKWARD;\n return new Range(head, tail, newDirection).extend(units);\n }\n }\n }\n\n /**\n * Moves this range 1 unit in the given direction.\n * If the range is collapsed, returns a collapsed range shifted by 1 unit,\n * otherwise collapses this range to the position at the `direction` end of the range.\n * Always returns a collapsed range.\n * @param {Direction} direction\n * @return {Range}\n * @public\n */\n move(direction) {\n assert(`Must pass DIRECTION.FORWARD (${DIRECTION.FORWARD}) or DIRECTION.BACKWARD (${DIRECTION.BACKWARD}) to Range#move`,\n direction === DIRECTION.FORWARD || direction === DIRECTION.BACKWARD);\n\n let { focusedPosition, isCollapsed } = this;\n\n if (isCollapsed) {\n return new Range(focusedPosition.move(direction));\n } else {\n return this._collapse(direction);\n }\n }\n\n /**\n * expand a range to all markers matching a given check\n *\n * @param {Function} detectMarker\n * @return {Range} The expanded range\n *\n * @public\n */\n expandByMarker(detectMarker) {\n let {\n head,\n tail,\n direction\n } = this;\n let {section: headSection} = head;\n if (headSection !== tail.section) {\n throw new Error('#expandByMarker does not work across sections. Perhaps you should confirm the range is collapsed');\n }\n\n let firstNotMatchingDetect = i => {\n return !detectMarker(i);\n };\n\n let headMarker = headSection.markers.detect(firstNotMatchingDetect, head.marker, true);\n if (!headMarker && detectMarker(headSection.markers.head)) {\n headMarker = headSection.markers.head;\n } else {\n headMarker = headMarker.next || head.marker;\n }\n let headPosition = new Position(headSection, headSection.offsetOfMarker(headMarker));\n\n let tailMarker = tail.section.markers.detect(firstNotMatchingDetect, tail.marker);\n if (!tailMarker && detectMarker(headSection.markers.tail)) {\n tailMarker = headSection.markers.tail;\n } else {\n tailMarker = tailMarker.prev || tail.marker;\n }\n let tailPosition = new Position(tail.section, tail.section.offsetOfMarker(tailMarker) + tailMarker.length);\n\n return headPosition.toRange(tailPosition, direction);\n }\n\n _collapse(direction) {\n return new Range(direction === DIRECTION.BACKWARD ? this.head : this.tail);\n }\n\n get focusedPosition() {\n return this.direction === DIRECTION.BACKWARD ? this.head : this.tail;\n }\n\n isEqual(other) {\n return other &&\n this.head.isEqual(other.head) &&\n this.tail.isEqual(other.tail);\n }\n\n get isBlank() {\n return this.head.isBlank && this.tail.isBlank;\n }\n\n // \"legacy\" APIs\n get headSection() {\n return this.head.section;\n }\n get tailSection() {\n return this.tail.section;\n }\n get headSectionOffset() {\n return this.head.offset;\n }\n get tailSectionOffset() {\n return this.tail.offset;\n }\n get isCollapsed() {\n return this.head.isEqual(this.tail);\n }\n get headMarker() {\n return this.head.marker;\n }\n get tailMarker() {\n return this.tail.marker;\n }\n get headMarkerOffset() {\n return this.head.offsetInMarker;\n }\n get tailMarkerOffset() {\n return this.tail.offsetInMarker;\n }\n}\n\nexport default Range;\n","import { isTextNode } from 'mobiledoc-kit/utils/dom-utils';\nimport assert from 'mobiledoc-kit/utils/assert';\nimport {\n HIGH_SURROGATE_RANGE,\n LOW_SURROGATE_RANGE\n} from 'mobiledoc-kit/models/marker';\nimport { containsNode } from 'mobiledoc-kit/utils/dom-utils';\nimport { findOffsetInNode } from 'mobiledoc-kit/utils/selection-utils';\nimport { DIRECTION } from 'mobiledoc-kit/utils/key';\nimport Range from './range';\n\nconst { FORWARD, BACKWARD } = DIRECTION;\n\n// generated via http://xregexp.com/ to cover chars that \\w misses\n// (new XRegExp('\\\\p{Alphabetic}|[0-9]|_|:')).toString()\nconst WORD_CHAR_REGEX = /[A-Za-zªµºÀ-ÖØ-öø-ˁˆ-ˑˠ-ˤˬˮͅͰ-ʹͶͷͺ-ͽͿΆΈ-ΊΌΎ-ΡΣ-ϵϷ-ҁҊ-ԯԱ-Ֆՙա-ևְ-ׇֽֿׁׂׅׄא-תװ-ײؐ-ؚؠ-ٗٙ-ٟٮ-ۓە-ۜۡ-ۭۨ-ۯۺ-ۼۿܐ-ܿݍ-ޱߊ-ߪߴߵߺࠀ-ࠗࠚ-ࠬࡀ-ࡘࢠ-ࢴࣣ-ࣰࣩ-ऻऽ-ौॎ-ॐॕ-ॣॱ-ঃঅ-ঌএঐও-নপ-রলশ-হঽ-ৄেৈোৌৎৗড়ঢ়য়-ৣৰৱਁ-ਃਅ-ਊਏਐਓ-ਨਪ-ਰਲਲ਼ਵਸ਼ਸਹਾ-ੂੇੈੋੌੑਖ਼-ੜਫ਼ੰ-ੵઁ-ઃઅ-ઍએ-ઑઓ-નપ-રલળવ-હઽ-ૅે-ૉોૌૐૠ-ૣૹଁ-ଃଅ-ଌଏଐଓ-ନପ-ରଲଳଵ-ହଽ-ୄେୈୋୌୖୗଡ଼ଢ଼ୟ-ୣୱஂஃஅ-ஊஎ-ஐஒ-கஙசஜஞடணதந-பம-ஹா-ூெ-ைொ-ௌௐௗఀ-ఃఅ-ఌఎ-ఐఒ-నప-హఽ-ౄె-ైొ-ౌౕౖౘ-ౚౠ-ౣಁ-ಃಅ-ಌಎ-ಐಒ-ನಪ-ಳವ-ಹಽ-ೄೆ-ೈೊ-ೌೕೖೞೠ-ೣೱೲഁ-ഃഅ-ഌഎ-ഐഒ-ഺഽ-ൄെ-ൈൊ-ൌൎൗൟ-ൣൺ-ൿංඃඅ-ඖක-නඳ-රලව-ෆා-ුූෘ-ෟෲෳก-ฺเ-ๆํກຂຄງຈຊຍດ-ທນ-ຟມ-ຣລວສຫອ-ູົ-ຽເ-ໄໆໍໜ-ໟༀཀ-ཇཉ-ཬཱ-ཱྀྈ-ྗྙ-ྼက-ံးျ-ဿၐ-ၢၥ-ၨၮ-ႆႎႜႝႠ-ჅჇჍა-ჺჼ-ቈቊ-ቍቐ-ቖቘቚ-ቝበ-ኈኊ-ኍነ-ኰኲ-ኵኸ-ኾዀዂ-ዅወ-ዖዘ-ጐጒ-ጕጘ-ፚ፟ᎀ-ᎏᎠ-Ᏽᏸ-ᏽᐁ-ᙬᙯ-ᙿᚁ-ᚚᚠ-ᛪᛮ-ᛸᜀ-ᜌᜎ-ᜓᜠ-ᜳᝀ-ᝓᝠ-ᝬᝮ-ᝰᝲᝳក-ឳា-ៈៗៜᠠ-ᡷᢀ-ᢪᢰ-ᣵᤀ-ᤞᤠ-ᤫᤰ-ᤸᥐ-ᥭᥰ-ᥴᦀ-ᦫᦰ-ᧉᨀ-ᨛᨠ-ᩞᩡ-ᩴᪧᬀ-ᬳᬵ-ᭃᭅ-ᭋᮀ-ᮩᮬ-ᮯᮺ-ᯥᯧ-ᯱᰀ-ᰵᱍ-ᱏᱚ-ᱽᳩ-ᳬᳮ-ᳳᳵᳶᴀ-ᶿᷧ-ᷴḀ-ἕἘ-Ἕἠ-ὅὈ-Ὅὐ-ὗὙὛὝὟ-ώᾀ-ᾴᾶ-ᾼιῂ-ῄῆ-ῌῐ-ΐῖ-Ίῠ-Ῥῲ-ῴῶ-ῼⁱⁿₐ-ₜℂℇℊ-ℓℕℙ-ℝℤΩℨK-ℭℯ-ℹℼ-ℿⅅ-ⅉⅎⅠ-ↈⒶ-ⓩⰀ-Ⱞⰰ-ⱞⱠ-ⳤⳫ-ⳮⳲⳳⴀ-ⴥⴧⴭⴰ-ⵧⵯⶀ-ⶖⶠ-ⶦⶨ-ⶮⶰ-ⶶⶸ-ⶾⷀ-ⷆⷈ-ⷎⷐ-ⷖⷘ-ⷞⷠ-ⷿⸯ々-〇〡-〩〱-〵〸-〼ぁ-ゖゝ-ゟァ-ヺー-ヿㄅ-ㄭㄱ-ㆎㆠ-ㆺㇰ-ㇿ㐀-䶵一-鿕ꀀ-ꒌꓐ-ꓽꔀ-ꘌꘐ-ꘟꘪꘫꙀ-ꙮꙴ-ꙻꙿ-ꛯꜗ-ꜟꜢ-ꞈꞋ-ꞭꞰ-ꞷꟷ-ꠁꠃ-ꠅꠇ-ꠊꠌ-ꠧꡀ-ꡳꢀ-ꣃꣲ-ꣷꣻꣽꤊ-ꤪꤰ-ꥒꥠ-ꥼꦀ-ꦲꦴ-ꦿꧏꧠ-ꧤꧦ-ꧯꧺ-ꧾꨀ-ꨶꩀ-ꩍꩠ-ꩶꩺꩾ-ꪾꫀꫂꫛ-ꫝꫠ-ꫯꫲ-ꫵꬁ-ꬆꬉ-ꬎꬑ-ꬖꬠ-ꬦꬨ-ꬮꬰ-ꭚꭜ-ꭥꭰ-ꯪ가-힣ힰ-ퟆퟋ-ퟻ豈-舘並-龎ff-stﬓ-ﬗיִ-ﬨשׁ-זּטּ-לּמּנּסּףּפּצּ-ﮱﯓ-ﴽﵐ-ﶏﶒ-ﷇﷰ-ﷻﹰ-ﹴﹶ-ﻼＡ-Ｚａ-ｚｦ-ﾾￂ-ￇￊ-ￏￒ-ￗￚ-ￜ]|[0-9]|_|:/;\n\nfunction findParentSectionFromNode(renderTree, node) {\n let renderNode = renderTree.findRenderNodeFromElement(\n node,\n (renderNode) => renderNode.postNode.isSection\n );\n\n return renderNode && renderNode.postNode;\n}\n\nfunction findOffsetInMarkerable(markerable, node, offset) {\n let offsetInSection = 0;\n let marker = markerable.markers.head;\n while (marker) {\n let markerNode = marker.renderNode.element;\n if (markerNode === node) {\n return offsetInSection + offset;\n } else if (marker.isAtom) {\n if (marker.renderNode.headTextNode === node) {\n return offsetInSection;\n } else if (marker.renderNode.tailTextNode === node) {\n return offsetInSection + 1;\n }\n }\n\n offsetInSection += marker.length;\n marker = marker.next;\n }\n\n return offsetInSection;\n}\n\nfunction findOffsetInSection(section, node, offset) {\n if (section.isMarkerable) {\n return findOffsetInMarkerable(section, node, offset);\n } else {\n assert('findOffsetInSection must be called with markerable or card section',\n section.isCardSection);\n\n let wrapperNode = section.renderNode.element;\n let endTextNode = wrapperNode.lastChild;\n if (node === endTextNode) {\n return 1;\n }\n return 0;\n }\n}\n\nlet Position, BlankPosition;\n\nPosition = class Position {\n /**\n * A position is a logical location (zero-width, or \"collapsed\") in a post,\n * typically between two characters in a section.\n * Two positions (a head and a tail) make up a {@link Range}.\n * @constructor\n */\n constructor(section, offset=0, isBlank=false) {\n if (!isBlank) {\n assert('Position must have a section that is addressable by the cursor',\n (section && section.isLeafSection));\n assert('Position must have numeric offset',\n (typeof offset === 'number'));\n }\n\n this.section = section;\n this.offset = offset;\n this.isBlank = isBlank;\n }\n\n /**\n * @param {integer} x x-position in current viewport\n * @param {integer} y y-position in current viewport\n * @param {Editor} editor\n * @return {Position|null}\n */\n static atPoint(x, y, editor) {\n let { _renderTree, element: rootElement } = editor;\n let elementFromPoint = document.elementFromPoint(x, y);\n if (!containsNode(rootElement, elementFromPoint)) {\n return;\n }\n\n let { node, offset } = findOffsetInNode(elementFromPoint, {left: x, top: y});\n return Position.fromNode(_renderTree, node, offset);\n }\n\n static blankPosition() {\n return new BlankPosition();\n }\n\n /**\n * Returns a range from this position to the given tail. If no explicit\n * tail is given this returns a collapsed range focused on this position.\n * @param {Position} [tail=this] The ending position\n * @return {Range}\n * @public\n */\n toRange(tail=this, direction=null) {\n return new Range(this, tail, direction);\n }\n\n get leafSectionIndex() {\n let post = this.section.post;\n let leafSectionIndex;\n post.walkAllLeafSections((section, index) => {\n if (section === this.section) {\n leafSectionIndex = index;\n }\n });\n return leafSectionIndex;\n }\n\n get isMarkerable() {\n return this.section && this.section.isMarkerable;\n }\n\n /**\n * Returns the marker at this position, in the backward direction\n * (i.e., the marker to the left of the cursor if the cursor is on a marker boundary and text is left-to-right)\n * @return {Marker|undefined}\n */\n get marker() {\n return this.isMarkerable && this.markerPosition.marker;\n }\n\n /**\n * Returns the marker in `direction` from this position.\n * If the position is in the middle of a marker, the direction is irrelevant.\n * Otherwise, if the position is at a boundary between two markers, returns the\n * marker to the left if `direction` === BACKWARD and the marker to the right\n * if `direction` === FORWARD (assuming left-to-right text direction).\n * @param {Direction}\n * @return {Marker|undefined}\n */\n markerIn(direction) {\n if (!this.isMarkerable) { return; }\n\n let { marker, offsetInMarker } = this;\n if (!marker) { return; }\n\n if (offsetInMarker > 0 && offsetInMarker < marker.length) {\n return marker;\n } else if (offsetInMarker === 0) {\n return direction === BACKWARD ? marker : marker.prev;\n } else if (offsetInMarker === marker.length) {\n return direction === FORWARD ? marker.next : marker;\n }\n }\n\n get offsetInMarker() {\n return this.markerPosition.offset;\n }\n\n isEqual(position) {\n return this.section === position.section &&\n this.offset === position.offset;\n }\n\n /**\n * @return {Boolean} If this position is at the head of the post\n */\n isHeadOfPost() {\n return this.move(BACKWARD).isEqual(this);\n }\n\n /**\n * @return {Boolean} If this position is at the tail of the post\n */\n isTailOfPost() {\n return this.move(FORWARD).isEqual(this);\n }\n\n /**\n * @return {Boolean} If this position is at the head of its section\n */\n isHead() {\n return this.isEqual(this.section.headPosition());\n }\n\n /**\n * @return {Boolean} If this position is at the tail of its section\n */\n isTail() {\n return this.isEqual(this.section.tailPosition());\n }\n\n /**\n * Move the position 1 unit in `direction`.\n *\n * @param {Number} units to move. > 0 moves right, < 0 moves left\n * @return {Position} Return a new position one unit in the given\n * direction. If the position is moving left and at the beginning of the post,\n * the same position will be returned. Same if the position is moving right and\n * at the end of the post.\n */\n move(units) {\n assert('Must pass integer to Position#move', typeof units === 'number');\n\n if (units < 0) {\n return this.moveLeft().move(++units);\n } else if (units > 0) {\n return this.moveRight().move(--units);\n } else {\n return this;\n }\n }\n\n /**\n * @param {Number} direction (FORWARD or BACKWARD)\n * @return {Position} The result of moving 1 \"word\" unit in `direction`\n */\n moveWord(direction) {\n let isPostBoundary = direction === BACKWARD ? this.isHeadOfPost() : this.isTailOfPost();\n if (isPostBoundary) {\n return this;\n }\n\n if (!this.isMarkerable) {\n return this.move(direction);\n }\n\n let pos = this;\n\n // Helper fn to check if the pos is at the `dir` boundary of its section\n let isBoundary = (pos, dir) => {\n return dir === BACKWARD ? pos.isHead() : pos.isTail();\n };\n // Get the char at this position (looking forward/right)\n let getChar = (pos) => {\n let { marker, offsetInMarker } = pos;\n return marker.charAt(offsetInMarker);\n };\n // Get the char in `dir` at this position\n let peekChar = (pos, dir) => {\n return dir === BACKWARD ? getChar(pos.move(BACKWARD)) : getChar(pos);\n };\n // Whether there is an atom in `dir` from this position\n let isAtom = (pos, dir) => {\n // Special case when position is at end, the marker associated with it is\n // the marker to its left. Normally `pos#marker` is the marker to the right of the pos's offset.\n if (dir === BACKWARD && pos.isTail() && pos.marker.isAtom) {\n return true;\n }\n return dir === BACKWARD ? pos.move(BACKWARD).marker.isAtom : pos.marker.isAtom;\n };\n\n if (isBoundary(pos, direction)) {\n // extend movement into prev/next section\n return pos.move(direction).moveWord(direction);\n }\n\n let seekWord = (pos) => {\n return !isBoundary(pos, direction) &&\n !isAtom(pos, direction) &&\n !WORD_CHAR_REGEX.test(peekChar(pos, direction));\n };\n\n // move(dir) while we are seeking the first word char\n while (seekWord(pos)) {\n pos = pos.move(direction);\n }\n\n if (isAtom(pos, direction)) {\n return pos.move(direction);\n }\n\n let seekBoundary = (pos) => {\n return !isBoundary(pos, direction) &&\n !isAtom(pos, direction) &&\n WORD_CHAR_REGEX.test(peekChar(pos, direction));\n };\n\n // move(dir) while we are seeking the first boundary position\n while (seekBoundary(pos)) {\n pos = pos.move(direction);\n }\n\n return pos;\n }\n\n /**\n * The position to the left of this position.\n * If this position is the post's headPosition it returns itself.\n * @return {Position}\n * @private\n */\n moveLeft() {\n if (this.isHead()) {\n let prev = this.section.previousLeafSection();\n return prev ? prev.tailPosition() : this;\n } else {\n let offset = this.offset - 1;\n if (this.isMarkerable && this.marker) {\n let code = this.marker.value.charCodeAt(offset);\n if (code >= LOW_SURROGATE_RANGE[0] && code <= LOW_SURROGATE_RANGE[1]) {\n offset = offset - 1;\n }\n }\n return new Position(this.section, offset);\n }\n }\n\n /**\n * The position to the right of this position.\n * If this position is the post's tailPosition it returns itself.\n * @return {Position}\n * @private\n */\n moveRight() {\n if (this.isTail()) {\n let next = this.section.nextLeafSection();\n return next ? next.headPosition() : this;\n } else {\n let offset = this.offset + 1;\n if (this.isMarkerable && this.marker) {\n let code = this.marker.value.charCodeAt(offset - 1);\n if (code >= HIGH_SURROGATE_RANGE[0] && code <= HIGH_SURROGATE_RANGE[1]) {\n offset = offset + 1;\n }\n }\n return new Position(this.section, offset);\n }\n }\n\n static fromNode(renderTree, node, offset) {\n if (isTextNode(node)) {\n return Position.fromTextNode(renderTree, node, offset);\n } else {\n return Position.fromElementNode(renderTree, node, offset);\n }\n }\n\n static fromTextNode(renderTree, textNode, offsetInNode) {\n const renderNode = renderTree.getElementRenderNode(textNode);\n let section, offsetInSection;\n\n if (renderNode) {\n const marker = renderNode.postNode;\n section = marker.section;\n\n assert(`Could not find parent section for mapped text node \"${textNode.textContent}\"`,\n !!section);\n offsetInSection = section.offsetOfMarker(marker, offsetInNode);\n } else {\n // all text nodes should be rendered by markers except:\n // * text nodes inside cards\n // * text nodes created by the browser during text input\n // both of these should have rendered parent sections, though\n section = findParentSectionFromNode(renderTree, textNode);\n assert(`Could not find parent section for un-mapped text node \"${textNode.textContent}\"`,\n !!section);\n\n offsetInSection = findOffsetInSection(section, textNode, offsetInNode);\n }\n\n return new Position(section, offsetInSection);\n }\n\n static fromElementNode(renderTree, elementNode, offset) {\n let position;\n\n // The browser may change the reported selection to equal the editor's root\n // element if the user clicks an element that is immediately removed,\n // which can happen when clicking to remove a card.\n if (elementNode === renderTree.rootElement) {\n let post = renderTree.rootNode.postNode;\n position = offset === 0 ? post.headPosition() : post.tailPosition();\n } else {\n let section = findParentSectionFromNode(renderTree, elementNode);\n assert('Could not find parent section from element node', !!section);\n\n if (section.isCardSection) {\n // Selections in cards are usually made on a text node\n // containing a on one side or the other of the card but\n // some scenarios (Firefox) will result in selecting the\n // card's wrapper div. If the offset is 2 we've selected\n // the final zwnj and should consider the cursor at the\n // end of the card (offset 1). Otherwise, the cursor is at\n // the start of the card\n position = offset < 2 ? section.headPosition() : section.tailPosition();\n } else {\n\n // In Firefox it is possible for the cursor to be on an atom's wrapper\n // element. (In Chrome/Safari, the browser corrects this to be on\n // one of the text nodes surrounding the wrapper).\n // This code corrects for when the browser reports the cursor position\n // to be on the wrapper element itself\n let renderNode = renderTree.getElementRenderNode(elementNode);\n let postNode = renderNode && renderNode.postNode;\n if (postNode && postNode.isAtom) {\n let sectionOffset = section.offsetOfMarker(postNode);\n if (offset > 1) {\n // we are on the tail side of the atom\n sectionOffset += postNode.length;\n }\n position = new Position(section, sectionOffset);\n } else if (offset >= elementNode.childNodes.length) {\n\n // This is to deal with how Firefox handles triple-click selections.\n // See https://stackoverflow.com/a/21234837/1269194 for an\n // explanation.\n position = section.tailPosition();\n } else {\n // The offset is 0 if the cursor is on a non-atom-wrapper element node\n // (e.g., a
tag in a blank markup section)\n position = section.headPosition();\n }\n }\n }\n\n return position;\n }\n\n /**\n * @private\n */\n get markerPosition() {\n assert('Cannot get markerPosition without a section', !!this.section);\n assert('cannot get markerPosition of a non-markerable', !!this.section.isMarkerable);\n return this.section.markerPositionAtOffset(this.offset);\n }\n};\n\nBlankPosition = class BlankPosition extends Position {\n constructor() {\n super(null, 0, true);\n }\n\n isEqual(other) {\n return other && other.isBlank;\n }\n\n toRange() { return Range.blankRange(); }\n get leafSectionIndex() { assert('must implement get leafSectionIndex', false); }\n\n get isMarkerable() { return false; }\n get marker() { return false; }\n isHeadOfPost() { return false; }\n isTailOfPost() { return false; }\n isHead() { return false; }\n isTail() { return false; }\n move() { return this; }\n moveWord() { return this; }\n\n get markerPosition() { return {}; }\n};\n\nexport default Position;\n","import assert from 'mobiledoc-kit/utils/assert';\n\nexport default class LifecycleCallbacks {\n constructor(queueNames=[]) {\n this.callbackQueues = {};\n this.removalQueues = {};\n\n queueNames.forEach(name => {\n this.callbackQueues[name] = [];\n this.removalQueues[name] = [];\n });\n }\n\n runCallbacks(queueName, args=[]) {\n let queue = this._getQueue(queueName);\n queue.forEach(cb => cb(...args));\n\n let toRemove = this.removalQueues[queueName];\n toRemove.forEach(cb => {\n let index = queue.indexOf(cb);\n if (index !== -1) {\n queue.splice(index, 1);\n }\n });\n\n this.removalQueues[queueName] = [];\n }\n\n addCallback(queueName, callback) {\n this._getQueue(queueName).push(callback);\n }\n\n _scheduleCallbackForRemoval(queueName, callback) {\n this.removalQueues[queueName].push(callback);\n }\n\n addCallbackOnce(queueName, callback) {\n let queue = this._getQueue(queueName);\n if (queue.indexOf(callback) === -1) {\n queue.push(callback);\n this._scheduleCallbackForRemoval(queueName, callback);\n }\n }\n\n _getQueue(queueName) {\n let queue = this.callbackQueues[queueName];\n assert(`No queue found for \"${queueName}\"`, !!queue);\n return queue;\n }\n}\n","import assert from 'mobiledoc-kit/utils/assert';\nimport {\n MARKUP_SECTION_TYPE,\n LIST_SECTION_TYPE,\n POST_TYPE,\n CARD_TYPE,\n IMAGE_SECTION_TYPE,\n LIST_ITEM_TYPE,\n} from 'mobiledoc-kit/models/types';\n\nconst MARKERABLE = 'markerable',\n NESTED_MARKERABLE = 'nested_markerable',\n NON_MARKERABLE = 'non_markerable';\n\nclass Visitor {\n constructor(inserter, cursorPosition) {\n let { postEditor, post } = inserter;\n this.postEditor = postEditor;\n this._post = post;\n this.cursorPosition = cursorPosition;\n this.builder = this.postEditor.builder;\n\n this._hasInsertedFirstLeafSection = false;\n }\n\n get cursorPosition() {\n return this._cursorPosition;\n }\n\n set cursorPosition(position) {\n this._cursorPosition = position;\n this.postEditor.setRange(position);\n }\n\n visit(node) {\n let method = node.type;\n assert(`Cannot visit node of type ${node.type}`, !!this[method]);\n this[method](node);\n }\n\n _canMergeSection(section) {\n if (this._hasInsertedFirstLeafSection) {\n return false;\n } else {\n return this._isMarkerable && section.isMarkerable;\n }\n }\n\n get _isMarkerable() {\n return this.cursorSection.isMarkerable;\n }\n\n get cursorSection() {\n return this.cursorPosition.section;\n }\n\n get cursorOffset() {\n return this.cursorPosition.offset;\n }\n\n get _isNested() {\n return this.cursorSection.isNested;\n }\n\n [POST_TYPE](node) {\n if (this.cursorSection.isBlank && !this._isNested) {\n // replace blank section with entire post\n let newSections = node.sections.map(s => s.clone());\n this._replaceSection(this.cursorSection, newSections);\n } else {\n node.sections.forEach(section => this.visit(section));\n }\n }\n\n [MARKUP_SECTION_TYPE](node) {\n this[MARKERABLE](node);\n }\n\n [LIST_SECTION_TYPE](node) {\n let hasNext = !!node.next;\n node.items.forEach(item => this.visit(item));\n\n if (this._isNested && hasNext) {\n this._breakNestedAtCursor();\n }\n }\n\n [LIST_ITEM_TYPE](node) {\n this[NESTED_MARKERABLE](node);\n }\n\n [CARD_TYPE](node) {\n this[NON_MARKERABLE](node);\n }\n\n [IMAGE_SECTION_TYPE](node) {\n this[NON_MARKERABLE](node);\n }\n\n [NON_MARKERABLE](section) {\n if (this._isNested) {\n this._breakNestedAtCursor();\n } else if (!this.cursorSection.isBlank) {\n this._breakAtCursor();\n }\n\n this._insertLeafSection(section);\n }\n\n [MARKERABLE](section) {\n if (this._canMergeSection(section)) {\n this._mergeSection(section);\n } else if (this._isNested && this._isMarkerable) {\n // If we are attaching a markerable section to a list item,\n // insert a linebreak then merge the section onto the resulting blank list item\n this._breakAtCursor();\n\n // Advance the cursor to the head of the blank list item\n let nextPosition = this.cursorSection.next.headPosition();\n this.cursorPosition = nextPosition;\n\n // Merge this section onto the list item\n this._mergeSection(section);\n } else {\n this._breakAtCursor();\n this._insertLeafSection(section);\n }\n }\n\n [NESTED_MARKERABLE](section) {\n if (this._canMergeSection(section)) {\n this._mergeSection(section);\n return;\n }\n\n section = this._isNested ? section : this._wrapNestedSection(section);\n this._breakAtCursor();\n this._insertLeafSection(section);\n }\n\n // break out of a nested cursor position\n _breakNestedAtCursor() {\n assert('Cannot call _breakNestedAtCursor if not nested', this._isNested);\n\n let parent = this.cursorSection.parent;\n let cursorAtEndOfList = this.cursorPosition.isEqual(parent.tailPosition());\n\n if (cursorAtEndOfList) {\n let blank = this.builder.createMarkupSection();\n this._insertSectionAfter(blank, parent);\n } else {\n let [, blank,] = this._breakListAtCursor();\n this.cursorPosition = blank.tailPosition();\n }\n }\n\n _breakListAtCursor() {\n assert('Cannot _splitParentSection if cursor position is not nested',\n this._isNested);\n\n let list = this.cursorSection.parent,\n position = this.cursorPosition,\n blank = this.builder.createMarkupSection();\n let [pre, post] = this.postEditor._splitListAtPosition(list, position);\n\n let collection = this._post.sections,\n reference = post;\n this.postEditor.insertSectionBefore(collection, blank, reference);\n return [pre, blank, post];\n }\n\n _wrapNestedSection(section) {\n let tagName = section.parent.tagName;\n let parent = this.builder.createListSection(tagName);\n parent.items.append(section.clone());\n return parent;\n }\n\n _mergeSection(section) {\n assert('Can only merge markerable sections',\n this._isMarkerable && section.isMarkerable);\n this._hasInsertedFirstLeafSection = true;\n\n let markers = section.markers.map(m => m.clone());\n let position = this.postEditor.insertMarkers(this.cursorPosition, markers);\n\n this.cursorPosition = position;\n }\n\n // Can be called to add a line break when in a nested section or a parent\n // section.\n _breakAtCursor() {\n if (this.cursorSection.isBlank) {\n return;\n } else if (this._isMarkerable) {\n this._breakMarkerableAtCursor();\n } else {\n this._breakNonMarkerableAtCursor();\n }\n }\n\n // Inserts a blank section before/after the cursor,\n // depending on cursor position.\n _breakNonMarkerableAtCursor() {\n let collection = this._post.sections,\n blank = this.builder.createMarkupSection(),\n reference = this.cursorPosition.isHead() ? this.cursorSection :\n this.cursorSection.next;\n this.postEditor.insertSectionBefore(collection, blank, reference);\n this.cursorPosition = blank.tailPosition();\n }\n\n _breakMarkerableAtCursor() {\n let [pre,] =\n this.postEditor.splitSection(this.cursorPosition);\n\n this.cursorPosition = pre.tailPosition();\n }\n\n _replaceSection(section, newSections) {\n assert('Cannot replace section that does not have parent.sections',\n section.parent && section.parent.sections);\n assert('Must pass enumerable to _replaceSection', !!newSections.forEach);\n\n let collection = section.parent.sections;\n let reference = section.next;\n this.postEditor.removeSection(section);\n newSections.forEach(section => {\n this.postEditor.insertSectionBefore(collection, section, reference);\n });\n let lastSection = newSections[newSections.length - 1];\n\n this.cursorPosition = lastSection.tailPosition();\n }\n\n _insertSectionBefore(section, reference) {\n let collection = this.cursorSection.parent.sections;\n this.postEditor.insertSectionBefore(collection, section, reference);\n\n this.cursorPosition = section.tailPosition();\n }\n\n // Insert a section after the parent section.\n // E.g., add a markup section after a list section\n _insertSectionAfter(section, parent) {\n assert('Cannot _insertSectionAfter nested section', !parent.isNested);\n let reference = parent.next;\n let collection = this._post.sections;\n this.postEditor.insertSectionBefore(collection, section, reference);\n this.cursorPosition = section.tailPosition();\n }\n\n _insertLeafSection(section) {\n assert('Can only _insertLeafSection when cursor is at end of section',\n this.cursorPosition.isTail());\n\n this._hasInsertedFirstLeafSection = true;\n section = section.clone();\n\n if (this.cursorSection.isBlank) {\n assert('Cannot insert leaf non-markerable section when cursor is nested',\n !(section.isMarkerable && this._isNested));\n this._replaceSection(this.cursorSection, [section]);\n } else if (this.cursorSection.next && this.cursorSection.next.isBlank) {\n this._replaceSection(this.cursorSection.next, [section]);\n } else {\n let reference = this.cursorSection.next;\n this._insertSectionBefore(section, reference);\n }\n }\n}\n\nexport default class Inserter {\n constructor(postEditor, post) {\n this.postEditor = postEditor;\n this.post = post;\n }\n\n insert(cursorPosition, newPost) {\n let visitor = new Visitor(this, cursorPosition);\n if (!newPost.isBlank) {\n visitor.visit(newPost);\n }\n return visitor.cursorPosition;\n }\n}\n","/**\n * Usage:\n * Without a conditional, always prints deprecate message:\n * `deprecate('This is deprecated')`\n *\n * Conditional deprecation, works similarly to `assert`, prints deprecation if\n * conditional is false:\n * `deprecate('Deprecated only if foo !== bar', foo === bar)`\n */\nexport default function deprecate(message, conditional=false) {\n if (!conditional) {\n // eslint-disable-next-line no-console\n console.log(`[mobiledoc-kit] [DEPRECATED]: ${message}`);\n }\n}\n","import Range from 'mobiledoc-kit/utils/cursor/range';\nimport Position from 'mobiledoc-kit/utils/cursor/position';\nimport assert from 'mobiledoc-kit/utils/assert';\n\nexport default function toRange(rangeLike) {\n assert(`Must pass non-blank object to \"toRange\"`, !!rangeLike);\n\n if (rangeLike instanceof Range) {\n return rangeLike;\n } else if (rangeLike instanceof Position) {\n return rangeLike.toRange();\n }\n\n assert(`Incorrect structure for rangeLike: ${rangeLike}`, false);\n}\n","import Position from '../utils/cursor/position';\nimport Range from 'mobiledoc-kit/utils/cursor/range';\nimport { detect, forEach, reduce, filter, values, commonItems } from '../utils/array-utils';\nimport { DIRECTION } from '../utils/key';\nimport LifecycleCallbacks from '../models/lifecycle-callbacks';\nimport assert from '../utils/assert';\nimport { normalizeTagName } from '../utils/dom-utils';\nimport PostInserter from './post/post-inserter';\nimport deprecate from 'mobiledoc-kit/utils/deprecate';\nimport toRange from 'mobiledoc-kit/utils/to-range';\n\nconst { FORWARD, BACKWARD } = DIRECTION;\n\nfunction isListSectionTagName(tagName) {\n return tagName === 'ul' || tagName === 'ol';\n}\n\nconst CALLBACK_QUEUES = {\n BEFORE_COMPLETE: 'beforeComplete',\n COMPLETE: 'complete',\n AFTER_COMPLETE: 'afterComplete'\n};\n\n// There are only two events that we're concerned about for Undo, that is inserting text and deleting content.\n// These are the only two states that go on a \"run\" and create a combined undo, everything else has it's own\n// deadicated undo.\nconst EDIT_ACTIONS = {\n INSERT_TEXT: 1,\n DELETE: 2\n};\n\n\n/**\n * The PostEditor is used to modify a post. It should not be instantiated directly.\n * Instead, a new instance of a PostEditor is created by the editor and passed\n * as the argument to the callback in {@link Editor#run}.\n *\n * Usage:\n * ```\n * editor.run((postEditor) => {\n * // postEditor is an instance of PostEditor that can operate on the\n * // editor's post\n * });\n * ```\n */\nclass PostEditor {\n /**\n * @private\n */\n constructor(editor) {\n this.editor = editor;\n this.builder = this.editor.builder;\n this._callbacks = new LifecycleCallbacks(values(CALLBACK_QUEUES));\n\n this._didComplete = false;\n this.editActionTaken = null;\n\n this._renderRange = () => this.editor.selectRange(this._range);\n this._postDidChange = () => this.editor._postDidChange();\n this._rerender = () => this.editor.rerender();\n }\n\n addCallback(...args) {\n this._callbacks.addCallback(...args);\n }\n\n addCallbackOnce(...args) {\n this._callbacks.addCallbackOnce(...args);\n }\n\n runCallbacks(...args) {\n this._callbacks.runCallbacks(...args);\n }\n\n begin() {\n // cache the editor's range\n this._range = this.editor.range;\n }\n\n /**\n * Schedules to select the given range on the editor after the postEditor\n * has completed its work. This also updates the postEditor's active range\n * (so that multiple calls to range-changing methods on the postEditor will\n * update the correct range).\n *\n * Usage:\n * let range = editor.range;\n * editor.run(postEditor => {\n * let nextPosition = postEditor.deleteRange(range);\n *\n * // Will position the editor's cursor at `nextPosition` after\n * // the postEditor finishes work and the editor rerenders.\n * postEditor.setRange(nextPosition);\n * });\n * @param {Range|Position} range\n * @public\n */\n setRange(range) {\n range = toRange(range);\n\n // TODO validate that the range is valid\n // (does not contain marked-for-removal head or tail sections?)\n this._range = range;\n this.scheduleAfterRender(this._renderRange, true);\n }\n\n /**\n * Delete a range from the post\n *\n * Usage:\n * ```\n * let { range } = editor;\n * editor.run((postEditor) => {\n * let nextPosition = postEditor.deleteRange(range);\n * postEditor.setRange(nextPosition);\n * });\n * ```\n * @param {Range} range Cursor Range object with head and tail Positions\n * @return {Position} The position where the cursor would go after deletion\n * @public\n */\n deleteRange(range) {\n assert(\"Must pass MobiledocKit Range to `deleteRange`\", range instanceof Range);\n\n this.editActionTaken = EDIT_ACTIONS.DELETE;\n\n let {\n head, head: {section: headSection},\n tail, tail: {section: tailSection}\n } = range;\n\n let { editor: { post } } = this;\n\n if (headSection === tailSection) {\n return this.cutSection(headSection, head, tail);\n }\n\n let nextSection = headSection.nextLeafSection();\n\n let nextPos = this.cutSection(headSection, head, headSection.tailPosition());\n // cutSection can replace the section, so re-read headSection here\n headSection = nextPos.section;\n\n // Remove sections in the middle of the range\n while (nextSection !== tailSection) {\n let tmp = nextSection;\n nextSection = nextSection.nextLeafSection();\n this.removeSection(tmp);\n }\n\n let tailPos = this.cutSection(tailSection, tailSection.headPosition(), tail);\n // cutSection can replace the section, so re-read tailSection here\n tailSection = tailPos.section;\n\n if (tailSection.isBlank) {\n this.removeSection(tailSection);\n } else {\n // If head and tail sections are markerable, join them\n // Note: They may not be the same section type. E.g. this may join\n // a tail section that was a list item onto a markup section, or vice versa.\n // (This is the desired behavior.)\n if (headSection.isMarkerable && tailSection.isMarkerable) {\n headSection.join(tailSection);\n this._markDirty(headSection);\n this.removeSection(tailSection);\n } else if (headSection.isBlank) {\n this.removeSection(headSection);\n nextPos = tailPos;\n }\n }\n\n if (post.isBlank) {\n post.sections.append(this.builder.createMarkupSection('p'));\n nextPos = post.headPosition();\n }\n\n return nextPos;\n }\n\n /**\n * Note: This method may replace `section` with a different section.\n *\n * \"Cut\" out the part of the section inside `headOffset` and `tailOffset`.\n * If section is markerable this splits markers that straddle the head or tail (if necessary),\n * and removes markers that are wholly inside the offsets.\n * If section is a card, this may replace it with a blank markup section if the\n * positions contain the entire card.\n *\n * @param {Section} section\n * @param {Position} head\n * @param {Position} tail\n * @return {Position}\n * @private\n */\n cutSection(section, head, tail) {\n assert('Must pass head position and tail position to `cutSection`',\n head instanceof Position && tail instanceof Position);\n assert('Must pass positions within same section to `cutSection`',\n head.section === tail.section);\n\n if (section.isBlank || head.isEqual(tail)) {\n return head;\n }\n if (section.isCardSection) {\n if (head.isHead() && tail.isTail()) {\n let newSection = this.builder.createMarkupSection();\n this.replaceSection(section, newSection);\n return newSection.headPosition();\n } else {\n return tail;\n }\n }\n\n let range = head.toRange(tail);\n this.splitMarkers(range).forEach(m => this.removeMarker(m));\n\n return head;\n }\n\n _coalesceMarkers(section) {\n if (section.isMarkerable) {\n this._removeBlankMarkers(section);\n this._joinSimilarMarkers(section);\n }\n }\n\n _removeBlankMarkers(section) {\n forEach(\n filter(section.markers, m => m.isBlank),\n m => this.removeMarker(m)\n );\n }\n\n // joins markers that have identical markups\n _joinSimilarMarkers(section) {\n let marker = section.markers.head;\n let nextMarker;\n while (marker && marker.next) {\n nextMarker = marker.next;\n\n if (marker.canJoin(nextMarker)) {\n nextMarker.value = marker.value + nextMarker.value;\n this._markDirty(nextMarker);\n this.removeMarker(marker);\n }\n\n marker = nextMarker;\n }\n }\n\n removeMarker(marker) {\n this._scheduleForRemoval(marker);\n if (marker.section) {\n this._markDirty(marker.section);\n marker.section.markers.remove(marker);\n }\n }\n\n _scheduleForRemoval(postNode) {\n if (postNode.renderNode) {\n postNode.renderNode.scheduleForRemoval();\n\n this.scheduleRerender();\n this.scheduleDidUpdate();\n }\n let removedAdjacentToList = (postNode.prev && postNode.prev.isListSection) ||\n (postNode.next && postNode.next.isListSection);\n if (removedAdjacentToList) {\n this.addCallback(\n CALLBACK_QUEUES.BEFORE_COMPLETE,\n () => this._joinContiguousListSections()\n );\n }\n }\n\n _joinContiguousListSections() {\n let { post } = this.editor;\n let range = this._range;\n let prev;\n let groups = [];\n let currentGroup;\n\n // FIXME do we need to force a re-render of the range if changed sections\n // are contained within the range?\n let updatedHead = null;\n forEach(post.sections, section => {\n if (prev &&\n prev.isListSection &&\n section.isListSection &&\n prev.tagName === section.tagName) {\n\n currentGroup = currentGroup || [prev];\n currentGroup.push(section);\n } else {\n if (currentGroup) {\n groups.push(currentGroup);\n }\n currentGroup = null;\n }\n prev = section;\n });\n\n if (currentGroup) {\n groups.push(currentGroup);\n }\n\n forEach(groups, group => {\n let list = group[0];\n forEach(group, listSection => {\n if (listSection === list) {\n return;\n }\n\n let currentHead = range.head;\n let prevPosition;\n\n // FIXME is there a currentHead if there is no range?\n // is the current head a list item in the section\n if (!range.isBlank && currentHead.section.isListItem &&\n currentHead.section.parent === listSection) {\n prevPosition = list.tailPosition();\n }\n this._joinListSections(list, listSection);\n if (prevPosition) {\n updatedHead = prevPosition.move(FORWARD);\n }\n });\n });\n\n if (updatedHead) {\n this.setRange(updatedHead);\n }\n }\n\n _joinListSections(baseList, nextList) {\n baseList.join(nextList);\n this._markDirty(baseList);\n this.removeSection(nextList);\n }\n\n _markDirty(postNode) {\n if (postNode.renderNode) {\n postNode.renderNode.markDirty();\n\n this.scheduleRerender();\n this.scheduleDidUpdate();\n }\n if (postNode.section) {\n this._markDirty(postNode.section);\n }\n if (postNode.isMarkerable) {\n this.addCallback(\n CALLBACK_QUEUES.BEFORE_COMPLETE, () => this._coalesceMarkers(postNode));\n }\n }\n\n /**\n * @param {Position} position object with {section, offset} the marker and offset to delete from\n * @param {Number} direction The direction to delete in (default is BACKWARD)\n * @return {Position} for positioning the cursor\n * @public\n * @deprecated after v0.10.3\n */\n deleteFrom(position, direction=DIRECTION.BACKWARD) {\n deprecate(\"`postEditor#deleteFrom is deprecated. Use `deleteAtPosition(position, direction=BACKWARD, {unit}={unit: 'char'})` instead\");\n return this.deleteAtPosition(position, direction, {unit: 'char'});\n }\n\n /**\n * Delete 1 `unit` (can be 'char' or 'word') in the given `direction` at the given\n * `position`. In almost all cases this will be equivalent to deleting the range formed\n * by expanding the position 1 unit in the given direction. The exception is when deleting\n * backward from the beginning of a list item, which reverts the list item into a markup section\n * instead of joining it with its previous list item (if any).\n *\n * Usage:\n *\n * let position = section.tailPosition();\n * // Section has text of \"Howdy!\"\n * editor.run((postEditor) => {\n * postEditor.deleteAtPosition(position);\n * });\n * // section has text of \"Howdy\"\n *\n * @param {Position} position The position to delete at\n * @param {Direction} [direction=DIRECTION.BACKWARD] direction The direction to delete in\n * @param {Object} [options]\n * @param {String} [options.unit=\"char\"] The unit of deletion (\"word\" or \"char\")\n * @return {Position}\n */\n deleteAtPosition(position, direction=DIRECTION.BACKWARD, {unit}={unit: 'char'}) {\n if (direction === DIRECTION.BACKWARD) {\n return this._deleteAtPositionBackward(position, unit);\n } else {\n return this._deleteAtPositionForward(position, unit);\n }\n }\n\n _deleteAtPositionBackward(position, unit) {\n if (position.isHead() && position.section.isListItem) {\n this.toggleSection('p', position);\n return this._range.head;\n } else {\n let prevPosition = unit === 'word' ? position.moveWord(BACKWARD) : position.move(BACKWARD);\n let range = prevPosition.toRange(position);\n return this.deleteRange(range);\n }\n }\n\n _deleteAtPositionForward(position, unit) {\n let nextPosition = unit === 'word' ? position.moveWord(FORWARD) : position.move(FORWARD);\n let range = position.toRange(nextPosition);\n return this.deleteRange(range);\n }\n\n /**\n * Split markers at two positions, once at the head, and if necessary once\n * at the tail.\n *\n * Usage:\n * ```\n * let range = editor.range;\n * editor.run((postEditor) => {\n * postEditor.splitMarkers(range);\n * });\n * ```\n * The return value will be marker object completely inside the offsets\n * provided. Markers outside of the split may also have been modified.\n *\n * @param {Range} markerRange\n * @return {Array} of markers that are inside the split\n * @private\n */\n splitMarkers(range) {\n const { post } = this.editor;\n const { head, tail } = range;\n\n this.splitSectionMarkerAtOffset(head.section, head.offset);\n this.splitSectionMarkerAtOffset(tail.section, tail.offset);\n\n return post.markersContainedByRange(range);\n }\n\n splitSectionMarkerAtOffset(section, offset) {\n const edit = section.splitMarkerAtOffset(offset);\n edit.removed.forEach(m => this.removeMarker(m));\n }\n\n /**\n * Split the section at the position.\n *\n * Usage:\n * ```\n * let position = editor.cursor.offsets.head;\n * editor.run((postEditor) => {\n * postEditor.splitSection(position);\n * });\n * // Will result in the creation of two new sections\n * // replacing the old one at the cursor position\n * ```\n * The return value will be the two new sections. One or both of these\n * sections can be blank (contain only a blank marker), for example if the\n * headMarkerOffset is 0.\n *\n * @param {Position} position\n * @return {Array} new sections, one for the first half and one for the second (either one can be null)\n * @public\n */\n splitSection(position) {\n const { section } = position;\n\n if (section.isCardSection) {\n return this._splitCardSection(section, position);\n } else if (section.isListItem) {\n let isLastAndBlank = section.isBlank && !section.next;\n if (isLastAndBlank) {\n // if is last, replace the item with a blank markup section\n let parent = section.parent;\n let collection = this.editor.post.sections;\n let blank = this.builder.createMarkupSection();\n this.removeSection(section);\n this.insertSectionBefore(collection, blank, parent.next);\n\n return [null, blank];\n } else {\n let [pre, post] = this._splitListItem(section, position);\n return [pre, post];\n }\n } else {\n let splitSections = section.splitAtPosition(position);\n splitSections.forEach(s => this._coalesceMarkers(s));\n this._replaceSection(section, splitSections);\n\n return splitSections;\n }\n }\n\n /**\n * @param {Section} cardSection\n * @param {Position} position to split at\n * @return {Section[]} 2-item array of pre and post-split sections\n * @private\n */\n _splitCardSection(cardSection, position) {\n let { offset } = position;\n assert('Cards section must be split at offset 0 or 1',\n offset === 0 || offset === 1);\n\n let newSection = this.builder.createMarkupSection();\n let nextSection;\n let surroundingSections;\n\n if (offset === 0) {\n nextSection = cardSection;\n surroundingSections = [newSection, cardSection];\n } else {\n nextSection = cardSection.next;\n surroundingSections = [cardSection, newSection];\n }\n\n let collection = this.editor.post.sections;\n this.insertSectionBefore(collection, newSection, nextSection);\n\n return surroundingSections;\n }\n\n /**\n * @param {Section} section\n * @param {Section} newSection\n * @return null\n * @public\n */\n replaceSection(section, newSection) {\n if (!section) {\n // FIXME should a falsy section be a valid argument?\n this.insertSectionBefore(this.editor.post.sections, newSection, null);\n } else {\n this._replaceSection(section, [newSection]);\n }\n }\n\n moveSectionBefore(collection, renderedSection, beforeSection) {\n const newSection = renderedSection.clone();\n this.removeSection(renderedSection);\n this.insertSectionBefore(collection, newSection, beforeSection);\n return newSection;\n }\n\n /**\n * @param {Section} section A section that is already in DOM\n * @public\n */\n moveSectionUp(renderedSection) {\n const isFirst = !renderedSection.prev;\n if (isFirst) {\n return renderedSection;\n }\n\n const collection = renderedSection.parent.sections;\n const beforeSection = renderedSection.prev;\n return this.moveSectionBefore(collection, renderedSection, beforeSection);\n }\n\n /**\n * @param {Section} section A section that is already in DOM\n * @public\n */\n moveSectionDown(renderedSection) {\n const isLast = !renderedSection.next;\n if (isLast) {\n return renderedSection;\n }\n\n const beforeSection = renderedSection.next.next;\n const collection = renderedSection.parent.sections;\n return this.moveSectionBefore(collection, renderedSection, beforeSection);\n }\n\n /**\n * Insert an array of markers at the given position. If the position is in\n * a non-markerable section (like a card section), this method throws an error.\n *\n * @param {Position} position\n * @param {Marker[]} markers\n * @return {Position} The position that represents the end of the inserted markers.\n * @public\n */\n insertMarkers(position, markers) {\n let { section, offset } = position;\n assert('Cannot insert markers at non-markerable position',\n section.isMarkerable);\n\n this.editActionTaken = EDIT_ACTIONS.INSERT_TEXT;\n\n let edit = section.splitMarkerAtOffset(offset);\n edit.removed.forEach(marker => this._scheduleForRemoval(marker));\n\n let prevMarker = section.markerBeforeOffset(offset);\n markers.forEach(marker => {\n section.markers.insertAfter(marker, prevMarker);\n offset += marker.length;\n prevMarker = marker;\n });\n\n this._coalesceMarkers(section);\n this._markDirty(section);\n\n let nextPosition = section.toPosition(offset);\n this.setRange(nextPosition);\n return nextPosition;\n }\n\n /**\n * Inserts text with the given markups, ignoring the existing markups at\n * the position, if any.\n *\n * @param {Position} position\n * @param {String} text\n * @param {Markup[]} markups\n * @return {Position} position at the end of the inserted text\n */\n insertTextWithMarkup(position, text, markups=[]) {\n let { section } = position;\n if (!section.isMarkerable) { return; }\n let marker = this.builder.createMarker(text, markups);\n return this.insertMarkers(position, [marker]);\n }\n\n /**\n * Insert the text at the given position\n * Inherits the markups already at that position, if any.\n *\n * @param {Position} position\n * @param {String} text\n * @return {Position} position at the end of the inserted text.\n */\n insertText(position, text) {\n let { section } = position;\n if (!section.isMarkerable) { return; }\n let markups = position.marker && position.marker.markups;\n markups = markups || [];\n return this.insertTextWithMarkup(position, text, markups);\n }\n\n _replaceSection(section, newSections) {\n let nextSection = section.next;\n let collection = section.parent.sections;\n\n let nextNewSection = newSections[0];\n if (nextNewSection.isMarkupSection && section.isListItem) {\n // put the new section after the ListSection (section.parent)\n // instead of after the ListItem\n collection = section.parent.parent.sections;\n nextSection = section.parent.next;\n }\n\n newSections.forEach(s => this.insertSectionBefore(collection, s, nextSection));\n this.removeSection(section);\n }\n\n /**\n * Given a markerRange (for example `editor.range`) mark all markers\n * inside it as a given markup. The markup must be provided as a post\n * abstract node.\n *\n * Usage:\n *\n * let range = editor.range;\n * let strongMarkup = editor.builder.createMarkup('strong');\n * editor.run((postEditor) => {\n * postEditor.addMarkupToRange(range, strongMarkup);\n * });\n * // Will result some markers possibly being split, and the markup\n * // being applied to all markers between the split.\n *\n * @param {Range} range\n * @param {Markup} markup A markup post abstract node\n * @public\n */\n addMarkupToRange(range, markup) {\n if (range.isCollapsed) { return; }\n\n let markers = this.splitMarkers(range);\n if (markers.length) {\n // We insert the new markup at a consistent index across the range.\n // If we just push on the end of the list, it can end up in different positions\n // of the markup stack. This results in unnecessary closing and re-opening of\n // the markup each time it changes position.\n // If we just push it at the beginning of the list, this causes unnecessary closing\n // and re-opening of surrounding tags.\n // So, we look for any tags open across the whole range, and push into the stack\n // at the end of those.\n // Prompted by https://github.com/bustle/mobiledoc-kit/issues/360\n\n let markupsOpenAcrossRange = reduce(markers, function (soFar, marker) {\n return commonItems(soFar, marker.markups);\n }, markers[0].markups);\n let indexToInsert = markupsOpenAcrossRange.length;\n\n markers.forEach(marker => {\n marker.addMarkupAtIndex(markup, indexToInsert);\n this._markDirty(marker);\n });\n }\n }\n\n /**\n * Given a markerRange (for example `editor.range`) remove the given\n * markup from all contained markers.\n *\n * Usage:\n * ```\n * let { range } = editor;\n * let markup = markerRange.headMarker.markups[0];\n * editor.run(postEditor => {\n * postEditor.removeMarkupFromRange(range, markup);\n * });\n * // Will result in some markers possibly being split, and the markup\n * // being removed from all markers between the split.\n * ```\n * @param {Range} range Object with offsets\n * @param {Markup|Function} markupOrCallback A markup post abstract node or\n * a function that returns true when passed a markup that should be removed\n * @private\n */\n removeMarkupFromRange(range, markupOrMarkupCallback) {\n if (range.isCollapsed) { return; }\n\n this.splitMarkers(range).forEach(marker => {\n marker.removeMarkup(markupOrMarkupCallback);\n this._markDirty(marker);\n });\n }\n\n /**\n * Toggle the given markup in the given range (or at the position given). If the range/position\n * has the markup, the markup will be removed. If nothing in the range/position\n * has the markup, the markup will be added to everything in the range/position.\n *\n * Usage:\n * ```\n * // Remove any 'strong' markup if it exists in the selection, otherwise\n * // make it all 'strong'\n * editor.run(postEditor => postEditor.toggleMarkup('strong'));\n *\n * // add/remove a link to 'bustle.com' to the selection\n * editor.run(postEditor => {\n * const linkMarkup = postEditor.builder.createMarkup('a', {href: 'http://bustle.com'});\n * postEditor.toggleMarkup(linkMarkup);\n * });\n * ```\n * @param {Markup|String} markupOrString Either a markup object created using\n * the builder (useful when adding a markup with attributes, like an 'a' markup),\n * or, if a string, the tag name of the markup (e.g. 'strong', 'em') to toggle.\n * @param {Range|Position} range in which to toggle. Defaults to current editor range.\n * @public\n */\n toggleMarkup(markupOrMarkupString, range=this._range) {\n range = toRange(range);\n const markup = typeof markupOrMarkupString === 'string' ?\n this.builder.createMarkup(markupOrMarkupString) :\n markupOrMarkupString;\n\n const hasMarkup = this.editor.detectMarkupInRange(range, markup.tagName);\n // FIXME: This implies only a single markup in a range. This may not be\n // true for links (which are not the same object instance like multiple\n // strong tags would be).\n if (hasMarkup) {\n this.removeMarkupFromRange(range, hasMarkup);\n } else {\n this.addMarkupToRange(range, markup);\n }\n\n this.setRange(range);\n }\n\n /**\n * Toggles the tagName of the active section or sections in the given range/position.\n * If every section has the tag name, they will all be reset to default sections.\n * Otherwise, every section will be changed to the requested type\n *\n * @param {String} sectionTagName A valid markup section or\n * list section tag name (e.g. 'blockquote', 'h2', 'ul')\n * @param {Range|Position} range The range over which to toggle.\n * Defaults to the current editor range.\n * @public\n */\n toggleSection(sectionTagName, range=this._range) {\n range = toRange(range);\n\n sectionTagName = normalizeTagName(sectionTagName);\n let { post } = this.editor;\n\n let everySectionHasTagName = true;\n post.walkMarkerableSections(range, section => {\n if (!this._isSameSectionType(section, sectionTagName)) {\n everySectionHasTagName = false;\n }\n });\n\n let tagName = everySectionHasTagName ? 'p' : sectionTagName;\n let sectionTransformations = [];\n post.walkMarkerableSections(range, section => {\n let changedSection = this.changeSectionTagName(section, tagName);\n sectionTransformations.push({\n from: section,\n to: changedSection\n });\n });\n\n let nextRange = this._determineNextRangeAfterToggleSection(range, sectionTransformations);\n this.setRange(nextRange);\n }\n\n _determineNextRangeAfterToggleSection(range, sectionTransformations) {\n if (sectionTransformations.length) {\n let changedHeadSection = detect(sectionTransformations, ({ from }) => {\n return from === range.headSection;\n }).to;\n let changedTailSection = detect(sectionTransformations, ({ from }) => {\n return from === range.tailSection;\n }).to;\n\n if (changedHeadSection.isListSection || changedTailSection.isListSection) {\n // We don't know to which ListItem's the original sections point at, so\n // we don't have enough information to reconstruct the range when\n // dealing with lists.\n return sectionTransformations[0].to.headPosition().toRange();\n } else {\n return Range.create(\n changedHeadSection,\n range.headSectionOffset,\n changedTailSection,\n range.tailSectionOffset,\n range.direction\n );\n }\n } else {\n return range;\n }\n }\n\n setAttribute(key, value, range=this._range) {\n this._mutateAttribute(key, range, (section, attribute) => {\n if (section.getAttribute(attribute) !== value) {\n section.setAttribute(attribute, value);\n return true;\n }\n });\n }\n\n removeAttribute(key, range=this._range) {\n this._mutateAttribute(key, range, (section, attribute) => {\n if (section.hasAttribute(attribute)) {\n section.removeAttribute(attribute);\n return true;\n }\n });\n }\n\n _mutateAttribute(key, range, cb) {\n range = toRange(range);\n let { post } = this.editor;\n let attribute = `data-md-${key}`;\n\n post.walkMarkerableSections(range, section => {\n if (section.isListItem) {\n section = section.parent;\n }\n\n if (cb(section, attribute) === true) {\n this._markDirty(section);\n }\n });\n\n this.setRange(range);\n }\n\n _isSameSectionType(section, sectionTagName) {\n return section.isListItem ?\n section.parent.tagName === sectionTagName :\n section.tagName === sectionTagName;\n }\n\n /**\n * @param {Markerable} section\n * @private\n */\n changeSectionTagName(section, newTagName) {\n assert('Cannot pass non-markerable section to `changeSectionTagName`',\n section.isMarkerable);\n\n if (isListSectionTagName(newTagName)) {\n return this._changeSectionToListItem(section, newTagName);\n } else if (section.isListItem) {\n return this._changeSectionFromListItem(section, newTagName);\n } else {\n section.tagName = newTagName;\n this._markDirty(section);\n return section;\n }\n }\n\n /**\n * Splits the item at the position given.\n * If the position is at the start or end of the item, the pre- or post-item\n * will contain a single empty (\"\") marker.\n * @param {ListItem} item\n * @param {Position} position\n * @return {Array} the pre-item and post-item on either side of the split\n * @private\n */\n _splitListItem(item, position) {\n let { section, offset } = position;\n assert('Cannot split list item at position that does not include item',\n item === section);\n\n item.splitMarkerAtOffset(offset);\n let prevMarker = item.markerBeforeOffset(offset);\n let preItem = this.builder.createListItem(),\n postItem = this.builder.createListItem();\n\n let currentItem = preItem;\n item.markers.forEach(marker => {\n currentItem.markers.append(marker.clone());\n if (marker === prevMarker) {\n currentItem = postItem;\n }\n });\n this._replaceSection(item, [preItem, postItem]);\n return [preItem, postItem];\n }\n\n /**\n * Splits the list at the position given.\n * @return {Array} pre-split list and post-split list, either of which could\n * be blank (0-item list) if the position is at the start or end of the list.\n *\n * Note: Contiguous list sections will be joined in the before_complete queue\n * of the postEditor.\n *\n * @private\n */\n _splitListAtPosition(list, position) {\n assert('Cannot split list at position not in list',\n position.section.parent === list);\n\n let positionIsMiddle = !position.isHead() && !position.isTail();\n if (positionIsMiddle) {\n let item = position.section;\n let [pre,] =\n this._splitListItem(item, position);\n position = pre.tailPosition();\n }\n\n let preList = this.builder.createListSection(list.tagName);\n let postList = this.builder.createListSection(list.tagName);\n\n let preItem = position.section;\n let currentList = preList;\n list.items.forEach(item => {\n // If this item matches the start item and the position is at its start,\n // it should be appended to the postList instead of the preList\n if (item === preItem && position.isEqual(item.headPosition())) {\n currentList = postList;\n }\n currentList.items.append(item.clone());\n // If we just appended the preItem, append the remaining items to the postList\n if (item === preItem) {\n currentList = postList;\n }\n });\n\n this._replaceSection(list, [preList, postList]);\n return [preList, postList];\n }\n\n /**\n * @return Array of [prev, mid, next] lists. `prev` and `next` can\n * be blank, depending on the position of `item`. `mid` will always\n * be a 1-item list containing `item`. `prev` and `next` will be\n * removed in the before_complete queue if they are blank\n * (and still attached).\n *\n * @private\n */\n _splitListAtItem(list, item) {\n let next = list;\n let prev = this.builder.createListSection(next.tagName, [], next.attributes);\n let mid = this.builder.createListSection(next.tagName);\n\n let addToPrev = true;\n // must turn the LinkedList into an array so that we can remove items\n // as we iterate through it\n let items = next.items.toArray();\n items.forEach(i => {\n let listToAppend;\n if (i === item) {\n addToPrev = false;\n listToAppend = mid;\n } else if (addToPrev) {\n listToAppend = prev;\n } else {\n return; // break after iterating prev and mid parts of the list\n }\n listToAppend.join(i);\n this.removeSection(i);\n });\n let found = !addToPrev;\n assert('Cannot split list at item that is not present in the list', found);\n\n let collection = this.editor.post.sections;\n this.insertSectionBefore(collection, mid, next);\n this.insertSectionBefore(collection, prev, mid);\n\n // Remove possibly blank prev/next lists\n this.addCallback(CALLBACK_QUEUES.BEFORE_COMPLETE, () => {\n [prev, next].forEach(_list => {\n let isAttached = !!_list.parent;\n if (_list.isBlank && isAttached) {\n this.removeSection(_list);\n }\n });\n });\n\n return [prev, mid, next];\n }\n\n _changeSectionFromListItem(section, newTagName) {\n assert('Must pass list item to `_changeSectionFromListItem`',\n section.isListItem);\n\n let listSection = section.parent;\n let markupSection = this.builder.createMarkupSection(newTagName);\n markupSection.join(section);\n\n let [, mid,] = this._splitListAtItem(listSection, section);\n this.replaceSection(mid, markupSection);\n return markupSection;\n }\n\n _changeSectionToListItem(section, newTagName) {\n let isAlreadyCorrectListItem = section.isListItem &&\n section.parent.tagName === newTagName;\n\n if (isAlreadyCorrectListItem) {\n return section;\n }\n\n let listSection = this.builder.createListSection(newTagName);\n listSection.join(section);\n\n let sectionToReplace;\n if (section.isListItem) {\n let [, mid,] = this._splitListAtItem(section.parent, section);\n sectionToReplace = mid;\n } else {\n sectionToReplace = section;\n }\n this.replaceSection(sectionToReplace, listSection);\n return listSection;\n }\n\n /**\n * Insert a given section before another one, updating the post abstract\n * and the rendered UI.\n *\n * Usage:\n * ```\n * let markerRange = editor.range;\n * let sectionWithCursor = markerRange.headMarker.section;\n * let section = editor.builder.createCardSection('my-image');\n * let collection = sectionWithCursor.parent.sections;\n * editor.run((postEditor) => {\n * postEditor.insertSectionBefore(collection, section, sectionWithCursor);\n * });\n * ```\n * @param {LinkedList} collection The list of sections to insert into\n * @param {Object} section The new section\n * @param {Object} beforeSection Optional The section \"before\" is relative to,\n * if falsy the new section will be appended to the collection\n * @public\n */\n insertSectionBefore(collection, section, beforeSection) {\n collection.insertBefore(section, beforeSection);\n this._markDirty(section.parent);\n }\n\n /**\n * Insert the given section after the current active section, or, if no\n * section is active, at the end of the document.\n * @param {Section} section\n * @public\n */\n insertSection(section) {\n const activeSection = this.editor.activeSection;\n const nextSection = activeSection && activeSection.next;\n\n const collection = this.editor.post.sections;\n this.insertSectionBefore(collection, section, nextSection);\n }\n\n /**\n * Insert the given section at the end of the document.\n * @param {Section} section\n * @public\n */\n insertSectionAtEnd(section) {\n this.insertSectionBefore(this.editor.post.sections, section, null);\n }\n\n /**\n * Insert the `post` at the given position in the editor's post.\n * @param {Position} position\n * @param {Post} post\n * @private\n */\n insertPost(position, newPost) {\n let post = this.editor.post;\n let inserter = new PostInserter(this, post);\n let nextPosition = inserter.insert(position, newPost);\n return nextPosition;\n }\n\n /**\n * Remove a given section from the post abstract and the rendered UI.\n *\n * Usage:\n * ```\n * let { range } = editor;\n * let sectionWithCursor = range.head.section;\n * editor.run((postEditor) => {\n * postEditor.removeSection(sectionWithCursor);\n * });\n * ```\n * @param {Object} section The section to remove\n * @public\n */\n removeSection(section) {\n let parent = section.parent;\n this._scheduleForRemoval(section);\n parent.sections.remove(section);\n\n if (parent.isListSection) {\n this._scheduleListRemovalIfEmpty(parent);\n }\n }\n\n removeAllSections() {\n this.editor.post.sections.toArray().forEach(section => {\n this.removeSection(section);\n });\n }\n\n migrateSectionsFromPost(post) {\n post.sections.toArray().forEach(section => {\n post.sections.remove(section);\n this.insertSectionBefore(this.editor.post.sections, section, null);\n });\n }\n\n _scheduleListRemovalIfEmpty(listSection) {\n this.addCallback(CALLBACK_QUEUES.BEFORE_COMPLETE, () => {\n // if the list is attached and blank after we do other rendering stuff,\n // remove it\n let isAttached = !!listSection.parent;\n if (isAttached && listSection.isBlank) {\n this.removeSection(listSection);\n }\n });\n }\n\n /**\n * A method for adding work the deferred queue\n *\n * @param {Function} callback to run during completion\n * @param {Boolean} [once=false] Whether to only schedule the callback once.\n * @public\n */\n schedule(callback, once=false) {\n assert('Work can only be scheduled before a post edit has completed',\n !this._didComplete);\n if (once) {\n this.addCallbackOnce(CALLBACK_QUEUES.COMPLETE, callback);\n } else {\n this.addCallback(CALLBACK_QUEUES.COMPLETE, callback);\n }\n }\n\n /**\n * A method for adding work the deferred queue. The callback will only\n * be added to the queue once, even if `scheduleOnce` is called multiple times.\n * The function cannot be an anonymous function.\n *\n * @param {Function} callback to run during completion\n * @public\n */\n scheduleOnce(callback) {\n this.schedule(callback, true);\n }\n\n /**\n * Add a rerender job to the queue\n *\n * @public\n */\n scheduleRerender() {\n this.scheduleOnce(this._rerender);\n }\n\n /**\n * Schedule a notification that the post has been changed.\n * The notification will result in the editor firing its `postDidChange`\n * hook after the postEditor completes its work (at the end of {@link Editor#run}).\n *\n * @public\n */\n scheduleDidUpdate() {\n this.scheduleOnce(this._postDidChange);\n }\n\n scheduleAfterRender(callback, once=false) {\n if (once) {\n this.addCallbackOnce(CALLBACK_QUEUES.AFTER_COMPLETE, callback);\n } else {\n this.addCallback(CALLBACK_QUEUES.AFTER_COMPLETE, callback);\n }\n }\n\n /**\n * Flush any work on the queue. {@link Editor#run} calls this method; it\n * should not be called directly.\n *\n * @private\n */\n complete() {\n assert('Post editing can only be completed once', !this._didComplete);\n\n this.runCallbacks(CALLBACK_QUEUES.BEFORE_COMPLETE);\n this._didComplete = true;\n this.runCallbacks(CALLBACK_QUEUES.COMPLETE);\n this.runCallbacks(CALLBACK_QUEUES.AFTER_COMPLETE);\n }\n\n undoLastChange() {\n this.editor._editHistory.stepBackward(this);\n }\n\n redoLastChange() {\n this.editor._editHistory.stepForward(this);\n }\n\n cancelSnapshot() {\n this._shouldCancelSnapshot = true;\n }\n}\n\nexport default PostEditor;\n","const placeholderImageSrc = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOEAAADhCAMAAAAJbSJIAAAAMFBMVEXp7vG6vsHm6+63u77Hy868wMPe4+bO09bh5unr8fTR1djAxMfM0NPX3N/c4eTBxcjXRf5TAAACh0lEQVR4nO3b6ZKqMBSFUSQMYZL3f9tbBq/NEEDiqUqOfusn1ZXKbjcQlGQZAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACC6RkbsGHuabChEtHmiGYfS3EQYM+Sxw/gMQvmcNnYaj6oTDHi73WPn2eqnj9B8zo3TJXcq5uNjXmVff86VwSR3JtryMa1BYqi7S1hJDCVpSigyLcGhJJEwzlCSNtPKrbVhVwsdCfOhH7uuaG3ARV9DwsaOzxt3N1yPqCHhvXytTUz92VDpmE/LLhZwl++R6Sds6sUa/PL6K/2E2fIhw1xdRKefsFolrPc+xNx/N0k/4fpBsdhL2HfeiN+TsDCms8dDpeRyS3P3QDl6Iqaf8L0rTf+80m6Lmn7Ct+4Wxf+/2RY1/YRv3PHz/u+fsCmqgoTnq7Z+8SGviqoh4dnKu1ieqauiakh4/PQ0r6ivqDoSHj0B97eNRVG1JNxV+L4bnxdVecJtRTdFVZ7QU9F1UXUn9FZ0VVRlCav5ob2KLouqKmFjy676u2HsVnRRVFUJq3J+8KCi86IqSthMvyl209Hjijqm3RsqAZ5pNfa5PJ2KelJRjQmr1/r7cfy0ouoSNvOfvbvhvKLaEr4qOin9kTQnrN7LpDZhE/Zmhp6Eq4p+YcKgiipKGFhRRQkDK6ooYfgLbiSMioQkJGF8P5XwHv4O+7AaKiXzaeXh1kMl5AffTUxiKEm/krD94BR8Gdxl1fceSlR58ZhXKbEpyD2amNiBtmrJLTMHL1LF8/rpXkSZXEmz8K8uvAFFNm6Iq0aBLUFOmeCuJ6exrcCmoLpN7kYx891bSAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgh/wDdr8peyRHLogAAAAASUVORK5CYII=\";\n\nexport default placeholderImageSrc;\n","import placeholderImageSrc from 'mobiledoc-kit/utils/placeholder-image-src';\n\nexport default {\n name: 'image',\n type: 'dom',\n\n render({payload}) {\n let img = document.createElement('img');\n img.src = payload.src || placeholderImageSrc;\n return img;\n }\n};\n","import { forEach } from './array-utils';\nimport assert from './assert';\n\nexport function visit(visitor, node, opcodes) {\n const method = node.type;\n assert(`Cannot visit unknown type ${method}`, !!visitor[method]);\n visitor[method](node, opcodes);\n}\n\nexport function compile(compiler, opcodes) {\n for (var i=0, l=opcodes.length; iText
Text
${html}`;\n }\n\n let { clipboardData } = event;\n let { clipboardData: nonstandardClipboardData } = window;\n\n if (clipboardData && clipboardData.setData) {\n clipboardData.setData(MIME_TEXT_HTML, html);\n clipboardData.setData(MIME_TEXT_PLAIN, text);\n } else if (nonstandardClipboardData && nonstandardClipboardData.setData) {\n // The Internet Explorers (including Edge) have a non-standard way of interacting with the\n // Clipboard API (see http://caniuse.com/#feat=clipboard). In short, they expose a global window.clipboardData\n // object instead of the per-event event.clipboardData object on the other browsers.\n nonstandardClipboardData.setData(NONSTANDARD_IE_TEXT_TYPE, html);\n }\n}\n\n/**\n * @param {PasteEvent}\n * @param {{builder: Builder, _parserPlugins: Array}} options\n * @return {Post}\n * @private\n */\nexport function parsePostFromPaste(pasteEvent, {builder, _parserPlugins: plugins}, {targetFormat}={targetFormat:'html'}) {\n let { html, text } = getContentFromPasteEvent(pasteEvent, window);\n\n if (targetFormat === 'html' && html && html.length) {\n return parsePostFromHTML(html, builder, plugins);\n } else if (text && text.length) {\n return parsePostFromText(text, builder, plugins);\n }\n}\n\n/**\n * @param {DropEvent}\n * @param {Editor} editor\n * @param {Object} [options={}] Can pass a logger\n * @return {Post}\n * @private\n */\nexport function parsePostFromDrop(dropEvent, editor, {logger}={}) {\n let { builder, _parserPlugins: plugins } = editor;\n let { html, text } = getContentFromDropEvent(dropEvent, logger);\n\n if (html && html.length) {\n return parsePostFromHTML(html, builder, plugins);\n } else if (text && text.length) {\n return parsePostFromText(text, builder, plugins);\n }\n}\n","import { endsWith } from 'mobiledoc-kit/utils/string-utils';\nimport assert from 'mobiledoc-kit/utils/assert';\nimport deprecate from 'mobiledoc-kit/utils/deprecate';\nimport { ENTER } from 'mobiledoc-kit/utils/characters';\n\nclass TextInputHandler {\n constructor(editor) {\n this.editor = editor;\n this._handlers = [];\n }\n\n register(handler) {\n assert(`Input Handler is not valid`, this._validateHandler(handler));\n this._handlers.push(handler);\n }\n\n unregister(name) {\n let handlers = this._handlers;\n for (let i=0; i${serializeHTML(rendered.result)}`;\n } else {\n // Fallback to text serialization\n result = this.serializePost(post, 'text', options);\n }\n return result;\n }\n case 'text':\n rendered = new TextRenderer(rendererOptions).render(mobiledoc);\n return rendered.result;\n }\n }\n }\n\n addView(view) {\n this._views.push(view);\n }\n\n removeAllViews() {\n this._views.forEach((v) => v.destroy());\n this._views = [];\n }\n\n /**\n * Whether the editor has a cursor (or a selected range).\n * It is possible for the editor to be focused but not have a selection.\n * In this case, key events will fire but the editor will not be able to\n * determine a cursor position, so they will be ignored.\n * @return {boolean}\n * @public\n */\n hasCursor() {\n return this.cursor.hasCursor();\n }\n\n /**\n * Tears down the editor's attached event listeners and views.\n * @public\n */\n destroy() {\n this.isDestroyed = true;\n if (this._hasSelection()) {\n this.cursor.clearSelection();\n }\n if (this._hasFocus()) {\n this.element.blur(); // FIXME This doesn't blur the element on IE11\n }\n this._mutationHandler.destroy();\n this._eventManager.destroy();\n this.removeAllViews();\n this._renderer.destroy();\n this._editState.destroy();\n }\n\n /**\n * Keep the user from directly editing the post using the keyboard and mouse.\n * Modification via the programmatic API is still permitted.\n * @see Editor#enableEditing\n * @public\n */\n disableEditing() {\n this.isEditable = false;\n if (this.hasRendered) {\n this._eventManager.stop();\n this.element.setAttribute('contentEditable', false);\n this.setPlaceholder('');\n this.selectRange(Range.blankRange());\n }\n }\n\n /**\n * Allow the user to directly interact with editing a post via keyboard and mouse input.\n * Editor instances are editable by default. Use this method to re-enable\n * editing after disabling it.\n * @see Editor#disableEditing\n * @public\n */\n enableEditing() {\n this.isEditable = true;\n if (this.hasRendered) {\n this._eventManager.start();\n this.element.setAttribute('contentEditable', true);\n this.setPlaceholder(this.placeholder);\n }\n }\n\n /**\n * Change a cardSection into edit mode\n * If called before the card has been rendered, it will be marked so that\n * it is rendered in edit mode when it gets rendered.\n * @param {CardSection} cardSection\n * @public\n */\n editCard(cardSection) {\n this._setCardMode(cardSection, CARD_MODES.EDIT);\n }\n\n /**\n * Change a cardSection into display mode\n * If called before the card has been rendered, it will be marked so that\n * it is rendered in display mode when it gets rendered.\n * @param {CardSection} cardSection\n * @return undefined\n * @public\n */\n displayCard(cardSection) {\n this._setCardMode(cardSection, CARD_MODES.DISPLAY);\n }\n\n /**\n * Run a new post editing session. Yields a block with a new {@link PostEditor}\n * instance. This instance can be used to interact with the post abstract.\n * Rendering will be deferred until after the callback is completed.\n *\n * Usage:\n * ```\n * let markerRange = this.range;\n * editor.run((postEditor) => {\n * postEditor.deleteRange(markerRange);\n * // editing surface not updated yet\n * postEditor.schedule(() => {\n * console.log('logs during rerender flush');\n * });\n * // logging not yet flushed\n * });\n * // editing surface now updated.\n * // logging now flushed\n * ```\n *\n * @param {Function} callback Called with an instance of\n * {@link PostEditor} as its argument.\n * @return {Mixed} The return value of `callback`.\n * @public\n */\n run(callback) {\n const postEditor = new PostEditor(this);\n postEditor.begin();\n this._editHistory.snapshot();\n const result = callback(postEditor);\n this.runCallbacks(CALLBACK_QUEUES.DID_UPDATE, [postEditor]);\n postEditor.complete();\n this._readRangeFromDOM();\n\n if (postEditor._shouldCancelSnapshot) {\n this._editHistory._pendingSnapshot = null;\n }\n this._editHistory.storeSnapshot(postEditor.editActionTaken);\n\n return result;\n }\n\n /**\n * @param {Function} callback Called with `postEditor` as its argument.\n * @public\n */\n didUpdatePost(callback) {\n this.addCallback(CALLBACK_QUEUES.DID_UPDATE, callback);\n }\n\n /**\n * @param {Function} callback Called when the post has changed, either via\n * user input or programmatically. Use with {@link Editor#serialize} to\n * retrieve the post in portable mobiledoc format.\n */\n postDidChange(callback) {\n this.addCallback(CALLBACK_QUEUES.POST_DID_CHANGE, callback);\n }\n\n /**\n * Register a handler that will be invoked by the editor after the user enters\n * matching text.\n * @param {Object} inputHandler\n * @param {String} inputHandler.name Required. Used by identifying handlers.\n * @param {String} [inputHandler.text] Required if `match` is not provided\n * @param {RegExp} [inputHandler.match] Required if `text` is not provided\n * @param {Function} inputHandler.run This callback is invoked with the {@link Editor}\n * instance and an array of matches. If `text` was provided,\n * the matches array will equal [`text`], and if a `match`\n * regex was provided the matches array will be the result of\n * `match.exec` on the matching text. The callback is called\n * after the matching text has been inserted.\n * @public\n */\n onTextInput(inputHandler) {\n this._eventManager.registerInputHandler(inputHandler);\n }\n\n /**\n * Unregister all text input handlers\n *\n * @public\n */\n unregisterAllTextInputHandlers() {\n this._eventManager.unregisterAllTextInputHandlers();\n }\n\n /**\n * Unregister text input handler by name\n * @param {String} name The name of handler to be removed\n *\n * @public\n */\n unregisterTextInputHandler(name) {\n this._eventManager.unregisterInputHandler(name);\n }\n\n /**\n * @param {Function} callback Called when the editor's state (active markups or\n * active sections) has changed, either via user input or programmatically\n */\n inputModeDidChange(callback) {\n this.addCallback(CALLBACK_QUEUES.INPUT_MODE_DID_CHANGE, callback);\n }\n\n /**\n * @param {Function} callback This callback will be called before the editor\n * is rendered.\n * @public\n */\n willRender(callback) {\n this.addCallback(CALLBACK_QUEUES.WILL_RENDER, callback);\n }\n\n /**\n * @param {Function} callback This callback will be called after the editor\n * is rendered.\n * @public\n */\n didRender(callback) {\n this.addCallback(CALLBACK_QUEUES.DID_RENDER, callback);\n }\n\n /**\n * @param {Function} callback This callback will be called before deleting.\n * @public\n */\n willDelete(callback) {\n this.addCallback(CALLBACK_QUEUES.WILL_DELETE, callback);\n }\n\n /**\n * @param {Function} callback This callback will be called after deleting.\n * @public\n */\n didDelete(callback) {\n this.addCallback(CALLBACK_QUEUES.DID_DELETE, callback);\n }\n\n /**\n * @param {Function} callback This callback will be called before handling new line.\n * @public\n */\n willHandleNewline(callback) {\n this.addCallback(CALLBACK_QUEUES.WILL_HANDLE_NEWLINE, callback);\n }\n\n /**\n * @param {Function} callback This callback will be called every time the cursor\n * position (or selection) changes.\n * @public\n */\n cursorDidChange(callback) {\n this.addCallback(CALLBACK_QUEUES.CURSOR_DID_CHANGE, callback);\n }\n\n _rangeDidChange() {\n if (this.hasRendered) {\n this.runCallbacks(CALLBACK_QUEUES.CURSOR_DID_CHANGE);\n }\n }\n\n _inputModeDidChange() {\n this.runCallbacks(CALLBACK_QUEUES.INPUT_MODE_DID_CHANGE);\n }\n\n _insertEmptyMarkupSectionAtCursor() {\n this.run(postEditor => {\n const section = postEditor.builder.createMarkupSection('p');\n postEditor.insertSectionBefore(this.post.sections, section);\n postEditor.setRange(section.toRange());\n });\n }\n\n /**\n * @callback editorBeforeCallback\n * @param { Object } details\n * @param { Markup } details.markup\n * @param { Range } details.range\n * @param { boolean } details.willAdd Whether the markup will be applied\n */\n\n /**\n * Register a callback that will be run before {@link Editor#toggleMarkup} is applied.\n * If any callback returns literal `false`, the toggling of markup will be canceled.\n * Note this only applies to calling `editor#toggleMarkup`. Using `editor.run` and\n * modifying markup with the `postEditor` will skip any `beforeToggleMarkup` callbacks.\n * @param {editorBeforeCallback}\n */\n beforeToggleMarkup(callback) {\n this._beforeHooks.toggleMarkup.push(callback);\n }\n\n /**\n * Toggles the given markup at the editor's current {@link Range}.\n * If the range is collapsed this changes the editor's state so that the\n * next characters typed will be affected. If there is text selected\n * (aka a non-collapsed range), the selections' markup will be toggled.\n * If the editor is not focused and has no active range, nothing happens.\n * Hooks added using #beforeToggleMarkup will be run before toggling,\n * and if any of them returns literal false, toggling the markup will be canceled\n * and no change will be applied.\n * @param {String} markup E.g. \"b\", \"em\", \"a\"\n * @param {Object} [attributes={}] E.g. {href: \"http://bustle.com\"}\n * @public\n * @see PostEditor#toggleMarkup\n */\n toggleMarkup(markup, attributes={}) {\n markup = this.builder.createMarkup(markup, attributes);\n let { range } = this;\n let willAdd = !this.detectMarkupInRange(range, markup.tagName);\n let shouldCancel = this._runBeforeHooks('toggleMarkup', {markup, range, willAdd});\n if (shouldCancel) { return; }\n\n if (range.isCollapsed) {\n this._editState.toggleMarkupState(markup);\n this._inputModeDidChange();\n\n // when clicking a button to toggle markup, the button can end up being focused,\n // so ensure the editor is focused\n this._ensureFocus();\n } else {\n this.run(postEditor => postEditor.toggleMarkup(markup, range));\n }\n }\n\n // If the editor has a selection but is not focused, focus it\n _ensureFocus() {\n if (this._hasSelection() && !this._hasFocus()) {\n this.focus();\n }\n }\n\n focus() {\n this.element.focus();\n }\n\n /**\n * Whether there is a selection inside the editor's element.\n * It's possible to have a selection but not have focus.\n * @see #_hasFocus\n * @return {Boolean}\n */\n _hasSelection() {\n let { cursor } = this;\n return this.hasRendered && (cursor._hasCollapsedSelection() || cursor._hasSelection());\n }\n\n /**\n * Whether the editor's element is focused\n * It's possible to be focused but have no selection\n * @see #_hasSelection\n * @return {Boolean}\n */\n _hasFocus() {\n return document.activeElement === this.element;\n }\n\n /**\n * Toggles the tagName for the current active section(s). This will skip\n * non-markerable sections. E.g. if the editor's range includes a \"P\" MarkupSection\n * and a CardSection, only the MarkupSection will be toggled.\n * @param {String} tagName The new tagname to change to.\n * @public\n * @see PostEditor#toggleSection\n */\n toggleSection(tagName) {\n this.run(postEditor => postEditor.toggleSection(tagName, this.range));\n }\n\n /**\n * Sets an attribute for the current active section(s).\n *\n * @param {String} key The attribute. The only valid attribute is 'text-align'.\n * @param {String} value The value of the attribute.\n * @public\n * @see PostEditor#setAttribute\n */\n setAttribute(key, value) {\n this.run(postEditor => postEditor.setAttribute(key, value, this.range));\n }\n\n /**\n * Removes an attribute from the current active section(s).\n *\n * @param {String} key The attribute. The only valid attribute is 'text-align'.\n * @public\n * @see PostEditor#removeAttribute\n */\n removeAttribute(key) {\n this.run(postEditor => postEditor.removeAttribute(key, this.range));\n }\n\n /**\n * Finds and runs the first matching key command for the event\n *\n * If multiple commands are bound to a key combination, the\n * first matching one is run.\n *\n * If a command returns `false` then the next matching command\n * is run instead.\n *\n * @param {Event} event The keyboard event triggered by the user\n * @return {Boolean} true when a command was successfully run\n * @private\n */\n handleKeyCommand(event) {\n const keyCommands = findKeyCommands(this.keyCommands, event);\n for (let i=0; i
-
diff --git a/website/demo/index.html b/website/demo/index.html
index 280c3697f..82ac52457 100644
--- a/website/demo/index.html
+++ b/website/demo/index.html
@@ -7,7 +7,7 @@
-
+
diff --git a/website/demo/mobiledoc.css b/website/demo/mobiledoc.css
new file mode 100644
index 000000000..18af81e69
--- /dev/null
+++ b/website/demo/mobiledoc.css
@@ -0,0 +1,151 @@
+/**
+ * Editor
+ */
+
+.__mobiledoc-editor {
+ font-family: 'Lora', Georgia, serif;
+ margin: 1em 0;
+ color: #454545;
+ font-size: 1.2em;
+ line-height: 1.6em;
+ position: relative;
+ min-height: 1em;
+}
+
+.__mobiledoc-editor:focus {
+ outline: none;
+}
+
+.__mobiledoc-editor > * {
+ position: relative;
+}
+
+.__mobiledoc-editor.__has-no-content:after {
+ content: attr(data-placeholder);
+ color: #bbb;
+ cursor: text;
+ position: absolute;
+ top: 0;
+}
+
+.__mobiledoc-editor a {
+ color: #0b8bff;
+ white-space: nowrap;
+}
+
+.__mobiledoc-editor h1,
+.__mobiledoc-editor h2,
+.__mobiledoc-editor h3,
+.__mobiledoc-editor h4,
+.__mobiledoc-editor h5,
+.__mobiledoc-editor h6 {
+ font-family: 'Merriweather Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+ font-weight: 800;
+ letter-spacing: -0.02em;
+}
+
+.__mobiledoc-editor blockquote {
+ border-left: 4px solid #0b8bff;
+ margin: 1em 0 1em -1.2em;
+ padding-left: 1.05em;
+ color: #a0a0a0;
+}
+
+.__mobiledoc-editor img {
+ display: block;
+ max-width: 100%;
+ margin: 0 auto;
+}
+
+.__mobiledoc-editor div,
+.__mobiledoc-editor iframe {
+ max-width: 100%;
+}
+
+.__mobiledoc-editor [data-md-text-align='left'] {
+ text-align: left;
+}
+
+.__mobiledoc-editor [data-md-text-align='center'] {
+ text-align: center;
+}
+
+.__mobiledoc-editor [data-md-text-align='right'] {
+ text-align: right;
+}
+
+.__mobiledoc-editor [data-md-text-align='justify'] {
+ text-align: justify;
+}
+
+.__mobiledoc-editor ol,
+.__mobiledoc-editor ul {
+ list-style-position: inside;
+}
+
+/**
+ * Cards
+ */
+
+.__mobiledoc-card {
+ display: inline-block;
+}
+
+/**
+ * Tooltips
+ */
+
+@-webkit-keyframes fade-in {
+ 0% { opacity: 0; }
+ 100% { opacity: 1; }
+}
+@keyframes fade-in {
+ 0% { opacity: 0; }
+ 100% { opacity: 1; }
+}
+
+.__mobiledoc-tooltip {
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+ font-size: 0.7em;
+ white-space: nowrap;
+ position: absolute;
+ background-color: rgba(43,43,43,0.9);
+ border-radius: 3px;
+ line-height: 1em;
+ padding: 0.7em 0.9em;
+ color: #FFF;
+ -webkit-animation: fade-in 0.2s;
+ animation: fade-in 0.2s;
+}
+
+.__mobiledoc-tooltip:before {
+ content: '';
+ position: absolute;
+ left: 50%;
+ width: 0;
+ height: 0;
+ border-left: 0.4em solid transparent;
+ border-right: 0.4em solid transparent;
+ border-bottom: 0.4em solid rgba(43,43,43,0.9);
+ top: -0.4em;
+ margin-left: -0.4em;
+}
+
+/* help keeps mouseover state when moving from link to tooltip */
+.__mobiledoc-tooltip:after {
+ content: '';
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: -0.4em;
+ height: 0.4em;
+}
+
+.__mobiledoc-tooltip a {
+ color: #FFF;
+ text-decoration: none;
+}
+
+.__mobiledoc-tooltip a:hover {
+ text-decoration: underline;
+}
diff --git a/website/index.js b/website/demo/mobiledoc.js
similarity index 99%
rename from website/index.js
rename to website/demo/mobiledoc.js
index 71083b670..f6c51e0d8 100644
--- a/website/index.js
+++ b/website/demo/mobiledoc.js
@@ -8206,6 +8206,10 @@ function toggleLink(editor, showPrompt=defaultShowPrompt) {
}
}
+var ui = {
+ toggleLink
+};
+
function selectAll(editor) {
let { post } = editor;
editor.selectRange(post.toRange());
@@ -12123,5 +12127,5 @@ class Editor {
var version = '##VERSION##';
-export { Editor, MobiledocError as Error, ImageCard, MOBILEDOC_VERSION$4 as MOBILEDOC_VERSION, Position$1 as Position, Range, version as VERSION };
-//# sourceMappingURL=index.js.map
+export { Editor, MobiledocError as Error, ImageCard, MOBILEDOC_VERSION$4 as MOBILEDOC_VERSION, Position$1 as Position, Range, ui as UI, version as VERSION };
+//# sourceMappingURL=mobiledoc.js.map
diff --git a/website/index.js.map b/website/index.js.map
deleted file mode 100644
index f06d1e88d..000000000
--- a/website/index.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../src/js/utils/array-utils.js","../src/js/utils/dom-utils.js","../src/js/views/view.js","../src/js/utils/string-utils.js","../src/js/utils/element-utils.js","../src/js/views/tooltip.js","../src/js/utils/mobiledoc-error.js","../src/js/utils/assert.js","../src/js/models/types.js","../src/js/utils/mixin.js","../src/js/utils/markuperable.js","../src/js/utils/linked-item.js","../src/js/models/marker.js","../src/js/utils/keycodes.js","../src/js/utils/keys.js","../src/js/utils/characters.js","../src/js/utils/key.js","../src/js/utils/selection-utils.js","../src/js/utils/cursor/range.js","../src/js/utils/cursor/position.js","../src/js/models/lifecycle-callbacks.js","../src/js/editor/post/post-inserter.js","../src/js/utils/deprecate.js","../src/js/utils/to-range.js","../src/js/editor/post.js","../src/js/utils/placeholder-image-src.js","../src/js/cards/image.js","../src/js/utils/compiler.js","../src/js/renderers/mobiledoc/0-2.js","../src/js/parsers/mobiledoc/0-2.js","../src/js/renderers/mobiledoc/0-3.js","../src/js/parsers/mobiledoc/0-3.js","../src/js/renderers/mobiledoc/0-3-1.js","../src/js/parsers/mobiledoc/0-3-1.js","../src/js/renderers/mobiledoc/0-3-2.js","../src/js/utils/object-utils.js","../src/js/parsers/mobiledoc/0-3-2.js","../src/js/parsers/mobiledoc/index.js","../src/js/models/card-node.js","../src/js/models/atom-node.js","../src/js/utils/set.js","../src/js/utils/linked-list.js","../src/js/models/_section.js","../src/js/models/_markerable.js","../src/js/models/_attributable.js","../src/js/models/markup-section.js","../src/js/renderers/editor-dom.js","../src/js/models/list-section.js","../src/js/models/list-item.js","../src/js/models/markup.js","../src/js/parsers/section.js","../src/js/parsers/dom.js","../src/js/parsers/html.js","../src/js/models/render-node.js","../src/js/utils/element-map.js","../src/js/models/render-tree.js","../src/js/renderers/mobiledoc/index.js","../src/js/utils/merge.js","../src/js/utils/cursor.js","../src/js/utils/environment.js","../src/js/models/atom.js","../src/js/models/post.js","../src/js/models/image.js","../src/js/utils/copy.js","../src/js/models/card.js","../src/js/models/post-node-builder.js","../src/js/editor/text-input-handlers.js","../src/js/utils/browser.js","../src/js/editor/ui.js","../src/js/editor/key-commands.js","../src/js/editor/mutation-handler.js","../src/js/utils/fixed-queue.js","../src/js/editor/edit-history.js","../src/js/parsers/text.js","../src/js/utils/parse-utils.js","../src/js/editor/text-input-handler.js","../src/js/editor/selection-change-observer.js","../src/js/editor/selection-manager.js","../src/js/editor/event-manager.js","../src/js/editor/edit-state.js","../node_modules/mobiledoc-dom-renderer/lib/utils/dom.js","../node_modules/mobiledoc-dom-renderer/lib/utils/render-type.js","../node_modules/mobiledoc-dom-renderer/lib/cards/image.js","../node_modules/mobiledoc-dom-renderer/lib/utils/section-types.js","../node_modules/mobiledoc-dom-renderer/lib/utils/tag-names.js","../node_modules/mobiledoc-dom-renderer/lib/utils/array-utils.js","../node_modules/mobiledoc-dom-renderer/lib/utils/sanitization-utils.js","../node_modules/mobiledoc-dom-renderer/lib/utils/render-utils.js","../node_modules/mobiledoc-dom-renderer/lib/renderers/0-2.js","../node_modules/mobiledoc-dom-renderer/lib/utils/marker-types.js","../node_modules/mobiledoc-dom-renderer/lib/renderers/0-3.js","../node_modules/mobiledoc-dom-renderer/lib/renderer-factory.js","../node_modules/mobiledoc-text-renderer/lib/cards/image.js","../node_modules/mobiledoc-text-renderer/lib/utils/render-type.js","../node_modules/mobiledoc-text-renderer/lib/utils/section-types.js","../node_modules/mobiledoc-text-renderer/lib/renderers/0-2.js","../node_modules/mobiledoc-text-renderer/lib/utils/marker-types.js","../node_modules/mobiledoc-text-renderer/lib/renderers/0-3.js","../node_modules/mobiledoc-text-renderer/lib/renderer-factory.js","../src/js/utils/log-manager.js","../src/js/editor/editor.js","../src/js/version.js"],"sourcesContent":["function detect(enumerable, callback) {\n if (enumerable.detect) {\n return enumerable.detect(callback);\n } else {\n for (let i=0; i
-
diff --git a/website/demo/docs/utils_key.js.html b/website/demo/docs/utils_key.js.html
index f479c366e..fdf285745 100644
--- a/website/demo/docs/utils_key.js.html
+++ b/website/demo/docs/utils_key.js.html
@@ -381,7 +381,7 @@
-
diff --git a/website/demo/docs/utils_deprecate.js.html b/website/demo/docs/utils_deprecate.js.html
index 61b4f93ee..bd86802da 100644
--- a/website/demo/docs/utils_deprecate.js.html
+++ b/website/demo/docs/utils_deprecate.js.html
@@ -57,7 +57,7 @@
-
diff --git a/website/demo/docs/utils_cursor_range.js.html b/website/demo/docs/utils_cursor_range.js.html
index 8e48aae1e..1ca54b582 100644
--- a/website/demo/docs/utils_cursor_range.js.html
+++ b/website/demo/docs/utils_cursor_range.js.html
@@ -253,7 +253,7 @@
-
diff --git a/website/demo/docs/utils_cursor_position.js.html b/website/demo/docs/utils_cursor_position.js.html
index 628f8d16a..1a854bfd6 100644
--- a/website/demo/docs/utils_cursor_position.js.html
+++ b/website/demo/docs/utils_cursor_position.js.html
@@ -507,7 +507,7 @@
-
diff --git a/website/demo/docs/utils_cursor.js.html b/website/demo/docs/utils_cursor.js.html
index 7f51abe03..310f96b0c 100644
--- a/website/demo/docs/utils_cursor.js.html
+++ b/website/demo/docs/utils_cursor.js.html
@@ -228,7 +228,7 @@
-
diff --git a/website/demo/docs/renderers_mobiledoc_0-3.js.html b/website/demo/docs/renderers_mobiledoc_0-3.js.html
index 97faa9a3f..fb27a8cf4 100644
--- a/website/demo/docs/renderers_mobiledoc_0-3.js.html
+++ b/website/demo/docs/renderers_mobiledoc_0-3.js.html
@@ -201,7 +201,7 @@
-
diff --git a/website/demo/docs/renderers_mobiledoc_0-3-2.js.html b/website/demo/docs/renderers_mobiledoc_0-3-2.js.html
index c4e6bb7f6..21b23bd87 100644
--- a/website/demo/docs/renderers_mobiledoc_0-3-2.js.html
+++ b/website/demo/docs/renderers_mobiledoc_0-3-2.js.html
@@ -209,7 +209,7 @@
-
diff --git a/website/demo/docs/renderers_mobiledoc_0-3-1.js.html b/website/demo/docs/renderers_mobiledoc_0-3-1.js.html
index 55c0f3021..1c7f0d940 100644
--- a/website/demo/docs/renderers_mobiledoc_0-3-1.js.html
+++ b/website/demo/docs/renderers_mobiledoc_0-3-1.js.html
@@ -201,7 +201,7 @@
-
diff --git a/website/demo/docs/renderers_mobiledoc_0-2.js.html b/website/demo/docs/renderers_mobiledoc_0-2.js.html
index 97a91df74..42831414b 100644
--- a/website/demo/docs/renderers_mobiledoc_0-2.js.html
+++ b/website/demo/docs/renderers_mobiledoc_0-2.js.html
@@ -166,7 +166,7 @@
-
diff --git a/website/demo/docs/parsers_text.js.html b/website/demo/docs/parsers_text.js.html
index e5d26c2df..64a4a2281 100644
--- a/website/demo/docs/parsers_text.js.html
+++ b/website/demo/docs/parsers_text.js.html
@@ -138,7 +138,7 @@
-
diff --git a/website/demo/docs/parsers_mobiledoc_0-3.js.html b/website/demo/docs/parsers_mobiledoc_0-3.js.html
index 55af8b6f5..a99d4b0b1 100644
--- a/website/demo/docs/parsers_mobiledoc_0-3.js.html
+++ b/website/demo/docs/parsers_mobiledoc_0-3.js.html
@@ -208,7 +208,7 @@
-
diff --git a/website/demo/docs/parsers_mobiledoc_0-3-2.js.html b/website/demo/docs/parsers_mobiledoc_0-3-2.js.html
index df1ea2fcc..ff4c69887 100644
--- a/website/demo/docs/parsers_mobiledoc_0-3-2.js.html
+++ b/website/demo/docs/parsers_mobiledoc_0-3-2.js.html
@@ -220,7 +220,7 @@
-
diff --git a/website/demo/docs/parsers_mobiledoc_0-3-1.js.html b/website/demo/docs/parsers_mobiledoc_0-3-1.js.html
index 9390e01cb..1bde47a67 100644
--- a/website/demo/docs/parsers_mobiledoc_0-3-1.js.html
+++ b/website/demo/docs/parsers_mobiledoc_0-3-1.js.html
@@ -208,7 +208,7 @@
-
diff --git a/website/demo/docs/parsers_mobiledoc_0-2.js.html b/website/demo/docs/parsers_mobiledoc_0-2.js.html
index 8ee0ddad9..d00bc8746 100644
--- a/website/demo/docs/parsers_mobiledoc_0-2.js.html
+++ b/website/demo/docs/parsers_mobiledoc_0-2.js.html
@@ -163,7 +163,7 @@
-
diff --git a/website/demo/docs/parsers_html.js.html b/website/demo/docs/parsers_html.js.html
index 7f7d9344d..58b89000a 100644
--- a/website/demo/docs/parsers_html.js.html
+++ b/website/demo/docs/parsers_html.js.html
@@ -63,7 +63,7 @@
-
diff --git a/website/demo/docs/module-UI.html b/website/demo/docs/module-UI.html
index 2b2dc28ab..90320af44 100644
--- a/website/demo/docs/module-UI.html
+++ b/website/demo/docs/module-UI.html
@@ -598,7 +598,7 @@
-
diff --git a/website/demo/docs/models_render-tree.js.html b/website/demo/docs/models_render-tree.js.html
index 7e59397d6..a7e6038ce 100644
--- a/website/demo/docs/models_render-tree.js.html
+++ b/website/demo/docs/models_render-tree.js.html
@@ -112,7 +112,7 @@
-
diff --git a/website/demo/docs/models_post.js.html b/website/demo/docs/models_post.js.html
index 890f63108..8c1ddc633 100644
--- a/website/demo/docs/models_post.js.html
+++ b/website/demo/docs/models_post.js.html
@@ -277,7 +277,7 @@
-
diff --git a/website/demo/docs/models_post-node-builder.js.html b/website/demo/docs/models_post-node-builder.js.html
index 96bf12de3..c1bae1e4f 100644
--- a/website/demo/docs/models_post-node-builder.js.html
+++ b/website/demo/docs/models_post-node-builder.js.html
@@ -209,7 +209,7 @@
-
diff --git a/website/demo/docs/models_markup.js.html b/website/demo/docs/models_markup.js.html
index f79074022..97631ad48 100644
--- a/website/demo/docs/models_markup.js.html
+++ b/website/demo/docs/models_markup.js.html
@@ -120,7 +120,7 @@
-
diff --git a/website/demo/docs/models_marker.js.html b/website/demo/docs/models_marker.js.html
index b6d863c29..1cb1d5146 100644
--- a/website/demo/docs/models_marker.js.html
+++ b/website/demo/docs/models_marker.js.html
@@ -167,7 +167,7 @@
-
diff --git a/website/demo/docs/models_list-section.js.html b/website/demo/docs/models_list-section.js.html
index 6aed8477e..741303df8 100644
--- a/website/demo/docs/models_list-section.js.html
+++ b/website/demo/docs/models_list-section.js.html
@@ -122,7 +122,7 @@
-
diff --git a/website/demo/docs/models__section.js.html b/website/demo/docs/models__section.js.html
index f54c57a40..f551737d5 100644
--- a/website/demo/docs/models__section.js.html
+++ b/website/demo/docs/models__section.js.html
@@ -186,7 +186,7 @@
-
diff --git a/website/demo/docs/index.html b/website/demo/docs/index.html
index 8954ac1d8..a51ef67a0 100644
--- a/website/demo/docs/index.html
+++ b/website/demo/docs/index.html
@@ -49,10 +49,10 @@
-
diff --git a/website/demo/docs/global.html b/website/demo/docs/global.html
index 982b4e172..7ad9d7485 100644
--- a/website/demo/docs/global.html
+++ b/website/demo/docs/global.html
@@ -3191,7 +3191,7 @@
-
diff --git a/website/demo/docs/editor_ui.js.html b/website/demo/docs/editor_ui.js.html
index 4aa9a87f6..795269124 100644
--- a/website/demo/docs/editor_ui.js.html
+++ b/website/demo/docs/editor_ui.js.html
@@ -92,6 +92,10 @@
-
diff --git a/website/demo/docs/editor_text-input-handlers.js.html b/website/demo/docs/editor_text-input-handlers.js.html
index e7c1ad241..5b6299d4a 100644
--- a/website/demo/docs/editor_text-input-handlers.js.html
+++ b/website/demo/docs/editor_text-input-handlers.js.html
@@ -130,7 +130,7 @@
-
diff --git a/website/demo/docs/editor_post.js.html b/website/demo/docs/editor_post.js.html
index 15e5edf20..f5923d8e4 100644
--- a/website/demo/docs/editor_post.js.html
+++ b/website/demo/docs/editor_post.js.html
@@ -1300,7 +1300,7 @@
-
diff --git a/website/demo/docs/editor_mutation-handler.js.html b/website/demo/docs/editor_mutation-handler.js.html
index eaf4e02d7..6010383c2 100644
--- a/website/demo/docs/editor_mutation-handler.js.html
+++ b/website/demo/docs/editor_mutation-handler.js.html
@@ -198,7 +198,7 @@
-
diff --git a/website/demo/docs/editor_editor.js.html b/website/demo/docs/editor_editor.js.html
index c3be71deb..4b5a64755 100644
--- a/website/demo/docs/editor_editor.js.html
+++ b/website/demo/docs/editor_editor.js.html
@@ -1217,7 +1217,7 @@
-
diff --git a/website/demo/docs/editor_edit-state.js.html b/website/demo/docs/editor_edit-state.js.html
index 1bfd682fa..54fc9b4ad 100644
--- a/website/demo/docs/editor_edit-state.js.html
+++ b/website/demo/docs/editor_edit-state.js.html
@@ -200,7 +200,7 @@
-
diff --git a/website/demo/docs/Position.html b/website/demo/docs/Position.html
index daad489d4..8b6ce6b52 100644
--- a/website/demo/docs/Position.html
+++ b/website/demo/docs/Position.html
@@ -1513,7 +1513,7 @@