Release/2.15.1

.github/FUNDING.yml

@@ -1,5 +1,5 @@
 # These are supported funding model platforms
 
-github: codex-team/editor.js
+github: neSpecc
 patreon: editorjs
 open_collective: editorjs

CODEOWNERS

@@ -1 +1 @@
-*        @neSpecc @gohabereg @khaydarov @talyguryn
+*        @neSpecc @gohabereg @khaydarov

README.md

@@ -8,21 +8,35 @@
 [![](https://flat.badgen.net/npm/license/@editorjs/editorjs)](https://www.npmjs.com/package/@editorjs/editorjs)
 [![Join the chat at https://gitter.im/codex-team/editor.js](https://badges.gitter.im/codex-team/editor.js.svg)](https://gitter.im/codex-team/editor.js?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
 
-## Version 2.0 is here!
+| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari-ios/safari-ios_48x48.png" alt="iOS Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>iOS Safari | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png" alt="Opera" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Opera |
+| --------- | --------- | --------- | --------- | --------- | --------- |
+| Edge 12+ | Firefox 18+ | Chrome 49+ | Safari 10+ | Safari 10+ | Opera 36+
 
-We are glad to introduce the next version of Editor.js. Totally new core, structure and plugins — that was an impressive adventure 🤓.
+## If you like a project 💗💗💗
 
-Join [public Telegram-chat](//t.me/codex_editor) or [Gitter-channel](https://gitter.im/codex-team/editor.js) where you can always find a support.
+If you like Editor.js you can support project improvements and development of new features with a donation to our collective.
 
-### Browsers support
+ 👉  [https://opencollective.com/editorjs](https://opencollective.com/editorjs)
+
+ 👉  Bitcoin: `3DCCemgtE6GrzehVpU6Sa2RJHFUUh8iT9q`
+
+### Sponsors
 
-| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari-ios/safari-ios_48x48.png" alt="iOS Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>iOS Safari | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png" alt="Opera" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Opera |
-| --------- | --------- | --------- | --------- | --------- | --------- |
-| Edge 12+ | Firefox 18+ | Chrome 49+ | Safari 10+ | Safari 10+ | Opera 36+
+Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/editorjs#sponsor)]
+
+<a href="https://opencollective.com/editorjs/sponsor/0/website" target="_blank"><img src="https://opencollective.com/editorjs/sponsor/0/avatar.svg"></a>
+
+ ### Backers
+
+ Thank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/editorjs#backer)]
+
+ <a href="https://opencollective.com/editorjs#backers" target="_blank"><img src="https://opencollective.com/editorjs/backers.svg?width=890"></a>
+
+### Contributors
 
-## ⭐️ If you like a project
+This project exists thanks to all the people who contribute. <img src="https://opencollective.com/editorjs/contributors.svg?width=890&button=false" />
 
-If you like Editor.js you can support project improvements and development of new features with a small donation on [Open Collective](https://opencollective.com/editorjs) or [Patreon](https://www.patreon.com/editorjs) 
+We are really welcome new contributors. If you want to make some code with us, please take a look at the [Good First Tasks](https://github.com/codex-team/editor.js/issues?q=is%3Aopen+is%3Aissue+label%3A%22good+first+task%22). You can write to us on `team@codex.so` or via special [Telegram chat](https://t.me/editorjsdev), or any other way. 
 
 ## Documentation
 
@@ -37,15 +51,13 @@ Please, visit [https://editorjs.io/](https://editorjs.io) to view all documentat
 
 You can join a [Gitter-channel](https://gitter.im/codex-team/editor.js) or [Telegram-chat](//t.me/codex_editor) and ask a question.
 
----
-
 ## Changelog
 
 See a whole [Changelog](/docs/CHANGELOG.md)
 
-# So how to use Editor.js
+## So how to use Editor.js
 
-## Basics
+### Basics
 
 Editor.js is a Block-Styled editor. Blocks are structural units, of which the Entry is composed.
 For example, `Paragraph`, `Heading`, `Image`, `Video`, `List` are Blocks. Each Block is represented by Plugin.
@@ -69,7 +81,7 @@ or apply Tool's settings, if it provided. For example, set a Heading level or Li
 
 ![](https://capella.pics/01a55381-46cd-47c7-b92e-34765434f2ca.jpg)
 
-## Shortcuts
+### Shortcuts
 
 We really appreciate shortcuts. So there are few presets.
 
@@ -103,15 +115,15 @@ var editor = new EditorJS({
 ```
 
 
-# Installation Guide
+## Installation Guide
 
 There are few steps to run Editor.js on your site.
 
 1. [Load Editor's core](#load-editors-core)
 2. [Load Tools](#load-tools)
 3. [Initialize Editor's instance](#create-editor-instance)
 
-## Load Editor's core
+### Load Editor's core
 
 Firstly you need to get Editor.js itself. It is a [minified script](dist/editor.js) with Editor's core and some default must-have tools.
 
@@ -121,7 +133,7 @@ Choose the most usable method of getting Editor for you.
 - Source from CDN
 - Local file from project
 
-### Node.js
+#### Node.js
 
 Install the package via NPM or Yarn
 
@@ -135,7 +147,7 @@ Include module in your application
 const EditorJS = require('@editorjs/editorjs');
 ```
 
-### Use from CDN
+#### Use from CDN
 
 You can load specific version of package from [jsDelivr CDN](https://www.jsdelivr.com/package/npm/@editorjs/editorjs).
 
@@ -147,15 +159,15 @@ Then require this script.
 <script src="..."></script>
 ```
 
-### Save sources to project
+#### Save sources to project
 
-Copy [editor.js](build/editor.js) file to your project and load it.
+Copy [editor.js](dist/editor.js) file to your project and load it.
 
 ```html
 <script src="editor.js"></script>
 ```
 
-## Load Tools
+### Load Tools
 
 Each Block at the Editor.js is represented by [Tools](docs/tools.md). There are simple external scripts with their own logic. Probably you want to use several Block Tools that should be connected.
 
@@ -171,7 +183,7 @@ Check [Editor.js's community](https://github.com/editor-js/) to see more ready-t
 <script src="https://cdn.jsdelivr.net/npm/codex.editor.header@2.0.4/dist/bundle.js"></script>
 ```
 
-## Create Editor instance
+### Create Editor instance
 
 Create an instance of Editor.js and pass [Configuration Object](types/configs/editor-config.d.ts) with `holderId` and tools list.
 
@@ -217,7 +229,7 @@ var editor = new EditorJS({
 });
 ```
 
-## Saving Data
+### Saving Data
 
 Call `editor.save()` and handle returned Promise with saved data.
 
@@ -228,39 +240,15 @@ editor.save()
   });
 ```
 
-## Example
+### Example
 
 Take a look at the [example.html](example/example.html) to view more detailed examples.
 
 ## Credits and references
 
 - We use [HTMLJanitor](https://github.com/guardian/html-janitor) module in our Sanitizer module. 
 
-# Support project improvements
-
-Love Editor.js? Please consider supporting our collective:
-
- 👉  [https://opencollective.com/editorjs](https://opencollective.com/editorjs)
-
- 👉  [Patreon](https://www.patreon.com/editorjs)
-
-## Contributors
-
-This project exists thanks to all the people who contribute. <img src="https://opencollective.com/editorjs/contributors.svg?width=890&button=false" />
-
-## Backers
-
-Thank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/editorjs#backer)]
-
-<a href="https://opencollective.com/editorjs#backers" target="_blank"><img src="https://opencollective.com/editorjs/backers.svg?width=890"></a>
-
-## Sponsors
-
-Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/editorjs#sponsor)]
-
-<a href="https://opencollective.com/editorjs/sponsor/0/website" target="_blank"><img src="https://opencollective.com/editorjs/sponsor/0/avatar.svg"></a>
-
-# About team
+## About team
 
 We are CodeX and we build products for developers and makers. 
 

docs/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Changelog
 
+### 2.15.1
+
+- `Refactoring` — Constants of tools settings separated by internal and external to correspond API
+- `Refactoring` — Created universal Flipper class that responses for navigation by keyboard inside of any Toolbars
+- `Fix` — First CMD+A on block with now uses default behaviour. Fixed problem with second CMD+A after selection clearing [#827](https://github.com/codex-team/editor.js/issues/827)
+- `Improvements` — Style of inline selection and selected blocks improved
+- `Fix` - Fixed problem when property 'observer' in modificationObserver is not defined
+
 ### 2.15
 
 - `New` — New [`blocks.insert()`](api.md) API method [#715](https://github.com/codex-team/editor.js/issues/715).  

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@editorjs/editorjs",
-  "version": "2.15.0",
+  "version": "2.15.1",
   "description": "Editor.js — Native JS, based on API and Open Source",
   "main": "dist/editor.js",
   "types": "./types/index.d.ts",

src/components/dom.ts

@@ -519,85 +519,6 @@ export default class Dom {
     }, []);
   }
 
-  /**
-   * Leafs nodes inside the target list from active element
-   *
-   * @param {HTMLElement[]} nodeList - target list of nodes
-   * @param {number} activeIndex — index of active node. By default it must be -1
-   * @param {string} direction - leaf direction. Can be 'left' or 'right'
-   * @param {string} activeCSSClass - css class that will be added
-   *
-   * @return {Number} index of active node
-   */
-  public static leafNodesAndReturnIndex(
-    nodeList: HTMLElement[],
-    activeIndex: number,
-    direction: string,
-    activeCSSClass: string,
-  ): number {
-    /**
-     * If activeButtonIndex === -1 then we have no chosen Tool in Toolbox
-     */
-    if (activeIndex === -1) {
-      /**
-       * Normalize "previous" Tool index depending on direction.
-       * We need to do this to highlight "first" Tool correctly
-       *
-       * Order of Tools: [0] [1] ... [n - 1]
-       *   [0 = n] because of: n % n = 0 % n
-       *
-       * Direction 'right': for [0] the [n - 1] is a previous index
-       *   [n - 1] -> [0]
-       *
-       * Direction 'left': for [n - 1] the [0] is a previous index
-       *   [n - 1] <- [0]
-       *
-       * @type {number}
-       */
-      activeIndex = direction === 'right' ? -1 : 0;
-    } else {
-      /**
-       * If we have chosen Tool then remove highlighting
-       */
-      nodeList[activeIndex].classList.remove(activeCSSClass);
-    }
-
-    /**
-     * Count index for next Tool
-     */
-    if (direction === 'right') {
-      /**
-       * If we go right then choose next (+1) Tool
-       * @type {number}
-       */
-      activeIndex = (activeIndex + 1) % nodeList.length;
-    } else {
-      /**
-       * If we go left then choose previous (-1) Tool
-       * Before counting module we need to add length before because of "The JavaScript Modulo Bug"
-       * @type {number}
-       */
-      activeIndex = (nodeList.length + activeIndex - 1) % nodeList.length;
-    }
-
-    if (Dom.isNativeInput(nodeList[activeIndex])) {
-      /**
-       * Focus input
-       */
-      nodeList[activeIndex].focus();
-    }
-
-    /**
-     * Highlight new chosen Tool
-     */
-    nodeList[activeIndex].classList.add(activeCSSClass);
-
-    /**
-     * Return Active index
-     */
-    return activeIndex;
-  }
-
   /*
    * Helper for get holder from {string} or return HTMLElement
    * @param element