Merge branch 'main' of github.com:ueberdosis/tiptap-next into main

2020-09-24 14:08:11 +02:00
parent 540f430bf2 5d8d353bd0
commit 96d9d2185d
142 changed files with 1058 additions and 408 deletions
--- a/.editorconfig
+++ b/.editorconfig
@@ -0,0 +1,14 @@
+# EditorConfig is awesome: http://EditorConfig.org
+
+root = true
+
+[*]
+end_of_line = lf
+charset = utf-8
+insert_final_newline = true
+max_line_length = 100
+
+[*.{html,ts,js,jsx,css,scss,vue}]
+trim_trailing_whitespace = true
+indent_style = space
+indent_size = 2
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -0,0 +1,67 @@
+module.exports = {
+  parserOptions: {
+    parser: '@typescript-eslint/parser',
+    sourceType: 'module',
+  },
+  env: {
+    es6: true,
+    node: true,
+  },
+  overrides: [
+    {
+      files: [
+        './**/*.ts',
+        './**/*.js',
+        './**/*.vue',
+      ],
+      excludedFiles: [
+        'dist/**',
+      ],
+      plugins: [
+        'html',
+        'cypress',
+        '@typescript-eslint',
+      ],
+      env: {
+        'cypress/globals': true,
+      },
+      globals: {
+        document: false,
+        window: false,
+      },
+      extends: [
+        'plugin:vue/strongly-recommended',
+        'airbnb-base',
+      ],
+      rules: {
+        semi: ['error', 'never'],
+        'import/extensions': 'off',
+        'import/no-extraneous-dependencies': 'off',
+        'import/no-unresolved': 'off',
+        'import/no-dynamic-require': 'off',
+        'arrow-parens': ['error', 'as-needed'],
+        'padded-blocks': 'off',
+        'class-methods-use-this': 'off',
+        'global-require': 'off',
+        'func-names': ['error', 'never'],
+        'arrow-body-style': 'off',
+        'max-len': 'off',
+        'vue/this-in-template': ['error', 'never'],
+        'vue/max-attributes-per-line': ['error', {
+          singleline: 3,
+          multiline: {
+            max: 1,
+            allowFirstLine: false,
+          },
+        }],
+        'no-param-reassign': 'off',
+        'import/prefer-default-export': 'off',
+        'consistent-return': 'off',
+        'no-unused-vars': 'off',
+        '@typescript-eslint/no-unused-vars': ['error'],
+        'no-use-before-define': 'off',
+        '@typescript-eslint/no-use-before-define': ['error'],
+      },
+    },
+  ],
+}
--- a/babel.config.js
+++ b/babel.config.js
@@ -5,4 +5,4 @@ module.exports = {
  plugins: [
    '@babel/plugin-proposal-optional-chaining',
  ],
-}
+}
--- a/docs/babel.config.js
+++ b/docs/babel.config.js
@@ -6,4 +6,4 @@ module.exports = {
  plugins: [
    '@babel/plugin-proposal-optional-chaining',
  ],
-}
+}
--- a/docs/gridsome.config.js
+++ b/docs/gridsome.config.js
@@ -30,10 +30,10 @@ module.exports = {
          autolinkHeadings: {
            content: {
              type: 'text',
-              value: '#'
-            }
-          }
-        }
+              value: '#',
+            },
+          },
+        },
      },
    },
    {
--- a/docs/gridsome.server.js
+++ b/docs/gridsome.server.js
@@ -20,9 +20,9 @@ const packages = globby.sync('../packages/*', { onlyDirectories: true })
      excludePrivate: true,
      // excludeNotDocumented: true,
      exclude: [
-        "**/*.test.ts",
-        "**/__tests__/*",
-        "**/__mocks__/*"
+        '**/*.test.ts',
+        '**/__tests__/*',
+        '**/__mocks__/*',
      ],
    })

@@ -68,16 +68,16 @@ module.exports = function (api) {

    config.module
      .rule('typescript')
-        .test(/\.tsx?$/)
-        .use()
-          .loader('ts-loader')
-          .options({ transpileOnly: false, appendTsSuffixTo: [/\.vue$/] })
+      .test(/\.tsx?$/)
+      .use()
+      .loader('ts-loader')
+      .options({ transpileOnly: false, appendTsSuffixTo: [/\.vue$/] })

    config.module
      .rule('jsx')
-        .test(/\.jsx?$/)
-        .use()
-          .loader('babel-loader')
+      .test(/\.jsx?$/)
+      .use()
+      .loader('babel-loader')

    globby.sync('../packages/*', { onlyDirectories: true })
      .map(name => name.replace('../packages/', ''))
--- a/docs/src/components/Demo/index.vue
+++ b/docs/src/components/Demo/index.vue
@@ -23,7 +23,7 @@
      </div>
      <div class="demo__meta">
        <div class="demo__name">
-          Demo/{{ this.name }}
+          Demo/{{ name }}
        </div>
        <a class="demo__link" :href="githubUrl" target="_blank">
          Edit on GitHub →
@@ -31,7 +31,7 @@
      </div>
    </template>
    <div v-else class="demo__error">
-      Could not find a demo called “{{ this.name }}”.
+      Could not find a demo called “{{ name }}”.
    </div>
  </div>
 </template>
@@ -66,7 +66,7 @@ export default {
    hideSourceCode: {
      type: Boolean,
      default: false,
-    }
+    },
  },

  data() {
@@ -106,7 +106,7 @@ export default {
  },

  mounted() {
-    this.files = collect(require.context(`~/demos/`, true, /.+\..+$/).keys())
+    this.files = collect(require.context('~/demos/', true, /.+\..+$/).keys())
      .filter(path => path.startsWith(`./${this.name}`))
      .map(path => path.replace('./', ''))
      .map(path => {
@@ -120,13 +120,13 @@ export default {
          highlight: this.syntax[extension] || extension,
        }
      })
-      .filter((item) => {
+      .filter(item => {
        return ['vue', 'jsx', 'scss'].includes(item.extension)
      })
      .sortBy(item => item.path.split('/').length)
      .toArray()
-  }
+  },
 }
 </script>

-<style lang="scss" src="./style.scss" scoped />
+<style lang="scss" src="./style.scss" scoped />
--- a/docs/src/components/PageNavigation/index.vue
+++ b/docs/src/components/PageNavigation/index.vue
@@ -35,7 +35,7 @@ export default {

  computed: {
    items() {
-      return this.linkGroups.reduce((acc, group) => (acc.push(...group.items), acc), [])
+      return this.linkGroups.reduce((acc, group) => ((acc.push(...group.items), acc)), [])
    },

    currentIndex() {
@@ -51,8 +51,8 @@ export default {
    previousPage() {
      return this.items[this.currentIndex - 1]
    },
-  }
+  },
 }
 </script>

-<style lang="scss" src="./style.scss" scoped></style>
+<style lang="scss" src="./style.scss" scoped></style>
--- a/docs/src/components/Prism/index.vue
+++ b/docs/src/components/Prism/index.vue
@@ -34,11 +34,11 @@ export default {
  methods: {
    highlightCode() {
      Prism.highlightAllUnder(this.$el)
-    }
+    },
  },

  mounted() {
    this.highlightCode()
  },
 }
-</script>
+</script>
--- a/docs/src/components/ReactRenderer/index.vue
+++ b/docs/src/components/ReactRenderer/index.vue
@@ -10,7 +10,7 @@ export default {
  props: {
    component: {
      required: true,
-    }
+    },
  },

  mounted() {
@@ -21,4 +21,4 @@ export default {
    ReactDOM.unmountComponentAtNode(this.$el)
  },
 }
-</script>
+</script>
--- a/docs/src/components/Tab/index.vue
+++ b/docs/src/components/Tab/index.vue
@@ -8,18 +8,18 @@ import { outdent } from '@mvasilkov/outdent'
 export default {
  data() {
    return {
-      formattedCode: null
+      formattedCode: null,
    }
  },

  methods: {
    updateCode() {
-      const text = this.$slots.default[0].text
+      const { text } = this.$slots.default[0]

      if (text) {
        this.formattedCode = outdent(text)
      }
-    }
+    },
  },

  beforeUpdate() {
@@ -30,4 +30,4 @@ export default {
    this.updateCode()
  },
 }
-</script>
+</script>
--- a/docs/src/demos/Api/Schema/index.vue
+++ b/docs/src/demos/Api/Schema/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <pre>{{ this.html }}</pre>
+  <pre>{{ html }}</pre>
 </template>

 <script>
@@ -9,22 +9,21 @@ import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'

 export default {
-
  data() {
    return {
      doc: {
-        'type': 'document',
-        'content': [{
-          'type': 'paragraph',
-          'attrs': {
-            'align': 'left'
+        type: 'document',
+        content: [{
+          type: 'paragraph',
+          attrs: {
+            align: 'left',
          },
-          'content': [{
-            'type': 'text',
-            'text': 'Example Text'
-          }]
-        }]
-      }
+          content: [{
+            type: 'text',
+            text: 'Example Text',
+          }],
+        }],
+      },
    }
  },

@@ -35,8 +34,7 @@ export default {
        Paragraph(),
        Text(),
      ])
-    }
-  }
-
+    },
+  },
 }
-</script>
+</script>
--- a/docs/src/demos/Examples/Basic/index.vue
+++ b/docs/src/demos/Examples/Basic/index.vue
@@ -83,7 +83,7 @@ export default {
  mounted() {
    this.editor = new Editor({
      extensions: defaultExtensions(),
-      content:  `
+      content: `
        <h2>
          Hi there,
        </h2>
@@ -112,4 +112,4 @@ export default {
    this.editor.destroy()
  },
 }
-</script>
+</script>
--- a/docs/src/demos/Examples/ExportHtmlOrJson/index.spec.js
+++ b/docs/src/demos/Examples/ExportHtmlOrJson/index.spec.js
@@ -8,44 +8,44 @@ context('/examples/export-html-or-json', () => {
      const json = editor.json()

      expect(json).to.deep.equal({
-        'type': 'document',
-        'content': [
+        type: 'document',
+        content: [
          {
-            'type': 'paragraph',
-            'content': [
+            type: 'paragraph',
+            content: [
              {
-                'type': 'text',
-                'text': 'You are able to export your data as '
+                type: 'text',
+                text: 'You are able to export your data as ',
              },
              {
-                'type': 'text',
-                'marks': [
+                type: 'text',
+                marks: [
                  {
-                    'type': 'code'
-                  }
+                    type: 'code',
+                  },
                ],
-                'text': 'HTML'
+                text: 'HTML',
              },
              {
-                'type': 'text',
-                'text': ' or '
+                type: 'text',
+                text: ' or ',
              },
              {
-                'type': 'text',
-                'marks': [
+                type: 'text',
+                marks: [
                  {
-                    'type': 'code'
-                  }
+                    type: 'code',
+                  },
                ],
-                'text': 'JSON'
+                text: 'JSON',
              },
              {
-                'type': 'text',
-                'text': '.'
-              }
-            ]
-          }
-        ]
+                type: 'text',
+                text: '.',
+              },
+            ],
+          },
+        ],
      })
    })
  })
@@ -57,4 +57,4 @@ context('/examples/export-html-or-json', () => {
      expect(html).to.equal('<p>You are able to export your data as <code>HTML</code> or <code>JSON</code>.</p>')
    })
  })
-})
+})
--- a/docs/src/demos/Examples/ExportHtmlOrJson/index.vue
+++ b/docs/src/demos/Examples/ExportHtmlOrJson/index.vue
@@ -88,4 +88,4 @@ export default {
 }
 </script>

-<style lang="scss" src="./style.scss">
+<style lang="scss" src="./style.scss">
--- a/docs/src/demos/Examples/Focus/index.spec.js
+++ b/docs/src/demos/Examples/Focus/index.spec.js
@@ -10,4 +10,4 @@ context('/examples/focus', () => {
      cy.get('.ProseMirror p:first').should('have.class', 'has-focus')
    })
  })
-})
+})
--- a/docs/src/demos/Examples/Focus/index.vue
+++ b/docs/src/demos/Examples/Focus/index.vue
@@ -55,4 +55,4 @@ export default {
 }
 </script>

-<style lang="scss" src="./style.scss">
+<style lang="scss" src="./style.scss">
--- a/docs/src/demos/Examples/History/index.spec.js
+++ b/docs/src/demos/Examples/History/index.spec.js
@@ -4,7 +4,7 @@ context('/examples/history', () => {
  })

  it('should not have a mistake', () => {
-    cy.get('.ProseMirror').then(([{ editor }]) => {
+    cy.get('.ProseMirror').then(() => {
      cy.get('.ProseMirror h2:first').should('not.contain', 'Mistake')
    })
  })
@@ -22,4 +22,4 @@ context('/examples/history', () => {
      cy.get('.ProseMirror h2:first').should('not.contain', 'Mistake')
    })
  })
-})
+})
--- a/docs/src/demos/Examples/History/index.vue
+++ b/docs/src/demos/Examples/History/index.vue
@@ -28,7 +28,7 @@ export default {

  mounted() {
    this.editor = new Editor({
-      content:  `
+      content: `
        <h2>
          History
        </h2>
@@ -44,4 +44,4 @@ export default {
    this.editor.destroy()
  },
 }
-</script>
+</script>
--- a/docs/src/demos/Examples/MarkdownShortcuts/index.spec.js
+++ b/docs/src/demos/Examples/MarkdownShortcuts/index.spec.js
@@ -99,4 +99,4 @@ context('/examples/markdown-shortcuts', () => {
      .find('blockquote')
      .should('contain', 'foobar')
  })
-})
+})
--- a/docs/src/demos/Examples/MarkdownShortcuts/index.vue
+++ b/docs/src/demos/Examples/MarkdownShortcuts/index.vue
@@ -20,7 +20,7 @@ export default {

  mounted() {
    this.editor = new Editor({
-      content:  `
+      content: `
        <p>
          Start a new line and type <code>#</code> followed by a space to get a headline. Try <code>#</code>, <code>##</code>, <code>###</code>, <code>####</code>, <code>#####</code>, <code>######</code> for different levels.
        </p>
@@ -39,4 +39,4 @@ export default {
    this.editor.destroy()
  },
 }
-</script>
+</script>
--- a/docs/src/demos/Examples/ReadOnly/index.spec.js
+++ b/docs/src/demos/Examples/ReadOnly/index.spec.js
@@ -22,4 +22,4 @@ context('/examples/read-only', () => {
      cy.get('.ProseMirror p:first').should('contain', 'Edited: ')
    })
  })
-})
+})
--- a/docs/src/demos/Examples/ReadOnly/index.vue
+++ b/docs/src/demos/Examples/ReadOnly/index.vue
@@ -49,4 +49,4 @@ export default {
 }
 </script>

-<style lang="scss" src="./style.scss">
+<style lang="scss" src="./style.scss">
--- a/docs/src/demos/Examples/Simple/index.spec.js
+++ b/docs/src/demos/Examples/Simple/index.spec.js
@@ -2,4 +2,4 @@ context('/examples/simple', () => {
  before(() => {
    cy.visit('/examples/simple')
  })
-})
+})
--- a/docs/src/demos/Examples/Simple/index.vue
+++ b/docs/src/demos/Examples/Simple/index.vue
@@ -41,4 +41,4 @@ export default {
    this.editor.destroy()
  },
 }
-</script>
+</script>
--- a/docs/src/demos/ExtensionConfiguration/index.vue
+++ b/docs/src/demos/ExtensionConfiguration/index.vue
@@ -38,4 +38,4 @@ export default {
    this.editor.destroy()
  },
 }
-</script>
+</script>
--- a/docs/src/demos/Extensions/Blockquote/index.spec.js
+++ b/docs/src/demos/Extensions/Blockquote/index.spec.js
@@ -73,4 +73,4 @@ context('/api/extensions/blockquote', () => {
      .find('blockquote')
      .should('contain', 'Quote')
  })
-})
+})
--- a/docs/src/demos/Extensions/Blockquote/index.vue
+++ b/docs/src/demos/Extensions/Blockquote/index.vue
@@ -46,6 +46,6 @@ export default {

  beforeDestroy() {
    this.editor.destroy()
-  }
+  },
 }
-</script>
+</script>
--- a/docs/src/demos/Extensions/Bold/index.spec.js
+++ b/docs/src/demos/Extensions/Bold/index.spec.js
@@ -58,4 +58,4 @@ context('/api/extensions/bold', () => {
      .find('strong')
      .should('contain', 'Bold')
  })
-})
+})
--- a/docs/src/demos/Extensions/Bold/index.vue
+++ b/docs/src/demos/Extensions/Bold/index.vue
@@ -49,6 +49,6 @@ export default {

  beforeDestroy() {
    this.editor.destroy()
-  }
+  },
 }
-</script>
+</script>
--- a/docs/src/demos/Extensions/BulletList/index.spec.js
+++ b/docs/src/demos/Extensions/BulletList/index.spec.js
@@ -128,4 +128,4 @@ context('/api/extensions/bullet-list', () => {
      .find('p')
      .should('contain', '* Example')
  })
-})
+})
--- a/docs/src/demos/Extensions/BulletList/index.vue
+++ b/docs/src/demos/Extensions/BulletList/index.vue
@@ -48,6 +48,6 @@ export default {

  beforeDestroy() {
    this.editor.destroy()
-  }
+  },
 }
-</script>
+</script>
--- a/docs/src/demos/Extensions/Code/index.spec.js
+++ b/docs/src/demos/Extensions/Code/index.spec.js
@@ -32,4 +32,4 @@ context('/api/extensions/code', () => {
    cy.get('.ProseMirror code')
      .should('not.exist')
  })
-})
+})
--- a/docs/src/demos/Extensions/Code/index.vue
+++ b/docs/src/demos/Extensions/Code/index.vue
@@ -44,6 +44,6 @@ export default {

  beforeDestroy() {
    this.editor.destroy()
-  }
+  },
 }
-</script>
+</script>
--- a/docs/src/demos/Extensions/CodeBlock/index.spec.js
+++ b/docs/src/demos/Extensions/CodeBlock/index.spec.js
@@ -64,4 +64,4 @@ context('/api/extensions/code-block', () => {
      .find('pre')
      .should('contain', 'Code')
  })
-})
+})
--- a/docs/src/demos/Extensions/CodeBlock/index.vue
+++ b/docs/src/demos/Extensions/CodeBlock/index.vue
@@ -59,6 +59,6 @@ export default {

  beforeDestroy() {
    this.editor.destroy()
-  }
+  },
 }
-</script>
+</script>
--- a/docs/src/demos/Extensions/Document/index.spec.js
+++ b/docs/src/demos/Extensions/Document/index.spec.js
@@ -2,4 +2,4 @@ context('/api/extensions/document', () => {
  before(() => {
    cy.visit('/api/extensions/document')
  })
-})
+})
--- a/docs/src/demos/Extensions/Document/index.vue
+++ b/docs/src/demos/Extensions/Document/index.vue
@@ -37,6 +37,6 @@ export default {

  beforeDestroy() {
    this.editor.destroy()
-  }
+  },
 }
-</script>
+</script>
--- a/docs/src/demos/Extensions/HardBreak/index.spec.js
+++ b/docs/src/demos/Extensions/HardBreak/index.spec.js
@@ -41,4 +41,4 @@ context('/api/extensions/hard-break', () => {
    cy.get('.ProseMirror br')
      .should('exist')
  })
-})
+})
--- a/docs/src/demos/Extensions/HardBreak/index.vue
+++ b/docs/src/demos/Extensions/HardBreak/index.vue
@@ -52,6 +52,6 @@ export default {

  beforeDestroy() {
    this.editor.destroy()
-  }
+  },
 }
-</script>
+</script>
--- a/docs/src/demos/Extensions/Heading/index.spec.js
+++ b/docs/src/demos/Extensions/Heading/index.spec.js
@@ -74,4 +74,4 @@ context('/api/extensions/heading', () => {
      .find('h1')
      .should('contain', 'Headline')
  })
-})
+})
--- a/docs/src/demos/Extensions/Heading/index.vue
+++ b/docs/src/demos/Extensions/Heading/index.vue
@@ -54,6 +54,6 @@ export default {

  beforeDestroy() {
    this.editor.destroy()
-  }
+  },
 }
-</script>
+</script>
--- a/docs/src/demos/Extensions/History/index.spec.js
+++ b/docs/src/demos/Extensions/History/index.spec.js
@@ -37,7 +37,7 @@ context('/api/extensions/history', () => {
      .should('not.contain', 'Mistake')

    cy.get('.demo__preview button:nth-child(2)')
-        .click()
+      .click()

    cy.get('.ProseMirror')
      .should('contain', 'Mistake')
--- a/docs/src/demos/Extensions/History/index.vue
+++ b/docs/src/demos/Extensions/History/index.vue
@@ -46,6 +46,6 @@ export default {

  beforeDestroy() {
    this.editor.destroy()
-  }
+  },
 }
-</script>
+</script>
--- a/docs/src/demos/Extensions/HorizontalRule/index.spec.js
+++ b/docs/src/demos/Extensions/HorizontalRule/index.spec.js
@@ -49,4 +49,4 @@ context('/api/extensions/horizontal-rule', () => {
        .should('exist')
    })
  })
-})
+})
--- a/docs/src/demos/Extensions/HorizontalRule/index.vue
+++ b/docs/src/demos/Extensions/HorizontalRule/index.vue
@@ -47,6 +47,6 @@ export default {

  beforeDestroy() {
    this.editor.destroy()
-  }
+  },
 }
-</script>
+</script>
--- a/docs/src/demos/Extensions/Italic/index.spec.js
+++ b/docs/src/demos/Extensions/Italic/index.spec.js
@@ -47,4 +47,4 @@ context('/api/extensions/italic', () => {
      .find('em')
      .should('not.exist')
  })
-})
+})
--- a/docs/src/demos/Extensions/Italic/index.vue
+++ b/docs/src/demos/Extensions/Italic/index.vue
@@ -46,6 +46,6 @@ export default {

  beforeDestroy() {
    this.editor.destroy()
-  }
+  },
 }
-</script>
+</script>
--- a/docs/src/demos/Extensions/Link/index.spec.js
+++ b/docs/src/demos/Extensions/Link/index.spec.js
@@ -9,4 +9,4 @@ context('/api/extensions/link', () => {
      editor.selectAll()
    })
  })
-})
+})
--- a/docs/src/demos/Extensions/Link/index.vue
+++ b/docs/src/demos/Extensions/Link/index.vue
@@ -41,6 +41,6 @@ export default {

  beforeDestroy() {
    this.editor.destroy()
-  }
+  },
 }
-</script>
+</script>
--- a/docs/src/demos/Extensions/ListItem/index.spec.js
+++ b/docs/src/demos/Extensions/ListItem/index.spec.js
@@ -2,4 +2,4 @@ context('/api/extensions/list-item', () => {
  before(() => {
    cy.visit('/api/extensions/list-item')
  })
-})
+})
--- a/docs/src/demos/Extensions/ListItem/index.vue
+++ b/docs/src/demos/Extensions/ListItem/index.vue
@@ -68,6 +68,6 @@ export default {

  beforeDestroy() {
    this.editor.destroy()
-  }
+  },
 }
-</script>
+</script>
--- a/docs/src/demos/Extensions/OrderedList/index.spec.js
+++ b/docs/src/demos/Extensions/OrderedList/index.spec.js
@@ -94,4 +94,4 @@ context('/api/extensions/ordered-list', () => {
      .find('p')
      .should('contain', '1. Example')
  })
-})
+})
--- a/docs/src/demos/Extensions/OrderedList/index.vue
+++ b/docs/src/demos/Extensions/OrderedList/index.vue
@@ -48,6 +48,6 @@ export default {

  beforeDestroy() {
    this.editor.destroy()
-  }
+  },
 }
-</script>
+</script>
--- a/docs/src/demos/Extensions/Paragraph/index.spec.js
+++ b/docs/src/demos/Extensions/Paragraph/index.spec.js
@@ -42,4 +42,4 @@ context('/api/extensions/paragraph', () => {
      .find('p')
      .should('have.length', 1)
  })
-})
+})
--- a/docs/src/demos/Extensions/Paragraph/index.vue
+++ b/docs/src/demos/Extensions/Paragraph/index.vue
@@ -37,6 +37,6 @@ export default {

  beforeDestroy() {
    this.editor.destroy()
-  }
+  },
 }
-</script>
+</script>
--- a/docs/src/demos/Extensions/Strike/index.spec.js
+++ b/docs/src/demos/Extensions/Strike/index.spec.js
@@ -55,4 +55,4 @@ context('/api/extensions/strike', () => {
      .find('s')
      .should('contain', 'Strike')
  })
-})
+})
--- a/docs/src/demos/Extensions/Strike/index.vue
+++ b/docs/src/demos/Extensions/Strike/index.vue
@@ -47,6 +47,6 @@ export default {

  beforeDestroy() {
    this.editor.destroy()
-  }
+  },
 }
-</script>
+</script>
--- a/docs/src/demos/Extensions/Text/index.spec.js
+++ b/docs/src/demos/Extensions/Text/index.spec.js
@@ -15,4 +15,4 @@ context('/api/extensions/text', () => {
      .find('p')
      .should('contain', 'Example Text')
  })
-})
+})
--- a/docs/src/demos/Extensions/Text/index.vue
+++ b/docs/src/demos/Extensions/Text/index.vue
@@ -37,6 +37,6 @@ export default {

  beforeDestroy() {
    this.editor.destroy()
-  }
+  },
 }
-</script>
+</script>
--- a/docs/src/demos/Extensions/Underline/index.spec.js
+++ b/docs/src/demos/Extensions/Underline/index.spec.js
@@ -48,4 +48,4 @@ context('/api/extensions/underline', () => {
      .find('u')
      .should('not.exist')
  })
-})
+})
--- a/docs/src/demos/Extensions/Underline/index.vue
+++ b/docs/src/demos/Extensions/Underline/index.vue
@@ -45,6 +45,6 @@ export default {

  beforeDestroy() {
    this.editor.destroy()
-  }
+  },
 }
-</script>
+</script>
--- a/docs/src/demos/General/Installation/index.vue
+++ b/docs/src/demos/General/Installation/index.vue
@@ -27,4 +27,4 @@ export default {
    this.editor.destroy()
  },
 }
-</script>
+</script>
--- a/docs/src/demos/Guide/BuildYourEditor/index.vue
+++ b/docs/src/demos/Guide/BuildYourEditor/index.vue
@@ -72,4 +72,4 @@ export default {
    this.editor.destroy()
  },
 }
-</script>
+</script>
--- a/docs/src/demos/Guide/GettingStarted/index.vue
+++ b/docs/src/demos/Guide/GettingStarted/index.vue
@@ -27,4 +27,4 @@ export default {
    this.editor.destroy()
  },
 }
-</script>
+</script>
--- a/docs/src/demos/React/components/Editor.jsx
+++ b/docs/src/demos/React/components/Editor.jsx
@@ -1,11 +1,15 @@
-import React, { useState, useRef, useEffect, createContext, useContext } from 'react'
+import {
+  useState, useRef, useEffect, createContext, useContext,
+} from 'react'
 import { Editor as Tiptap } from '@tiptap/core'

 export const EditorContext = createContext({})

 export const useEditor = () => useContext(EditorContext)

-export const Editor = ({ value, onChange, children, ...props }) => {
+export const Editor = ({
+  value, onChange, children, ...props
+}) => {
  const [editor, setEditor] = useState(null)
  const editorRef = useRef(null)

--- a/docs/src/demos/React/index.jsx
+++ b/docs/src/demos/React/index.jsx
@@ -1,6 +1,6 @@
-import React, { useState } from 'react'
-import { useEditor, Editor } from './components/Editor'
+import { useState } from 'react'
 import extensions from '@tiptap/starter-kit'
+import { useEditor, Editor } from './components/Editor'

 // Menu bar example component
 // useEditor only works for child components of <Editor />
@@ -24,39 +24,39 @@ const MenuBar = () => {

 export default () => {
  const [value, setValue] = useState({
-    'type': 'document',
-    'content': [
-       {
-          'type': 'paragraph',
-          'content': [
-             {
-                'type': 'text',
-                'text': 'rendered in '
-             },
-             {
-                'type': 'text',
-                'marks': [
-                   {
-                      'type': 'bold'
-                   }
-                ],
-                'text': 'react'
-             },
-             {
-                'type': 'text',
-                'text': '!'
-             }
-          ]
-       }
-    ]
- })
+    type: 'document',
+    content: [
+      {
+        type: 'paragraph',
+        content: [
+          {
+            type: 'text',
+            text: 'rendered in ',
+          },
+          {
+            type: 'text',
+            marks: [
+              {
+                type: 'bold',
+              },
+            ],
+            text: 'react',
+          },
+          {
+            type: 'text',
+            text: '!',
+          },
+        ],
+      },
+    ],
+  })

  return (
    <>
      <p>
        <button onClick={() => alert(JSON.stringify(value))}>Alert state</button>
      </p>
-      <hr style={{ margin: '0.85rem 0'}} />
+      <hr style={{ margin: '0.85rem 0' }} />
      <Editor
        value={value}
        onChange={setValue}
--- a/docs/src/demos/SimpleMenuBar/index.vue
+++ b/docs/src/demos/SimpleMenuBar/index.vue
@@ -41,4 +41,4 @@ export default {
    this.editor.destroy()
  },
 }
-</script>
+</script>
--- a/docs/src/layouts/App/index.vue
+++ b/docs/src/layouts/App/index.vue
@@ -6,7 +6,7 @@
          {{ $static.metadata.siteName }}
        </g-link>
        <div>
-          <input class="search" type="search" placeholder="Search" />
+          <input class="search" type="search" placeholder="Search">
          <a href="https://github.com/sponsors/ueberdosis">
            Sponsor
          </a>
@@ -58,9 +58,9 @@
        </nav>
      </div>
      <main class="app__main">
-        <slot/>
+        <slot />
        <p>
-          <br />
+          <br>
          <a :href="editLink" target="_blank">
            <span>Edit this page on GitHub</span>
          </a>
@@ -103,11 +103,11 @@ export default {
  },

  computed: {
-    currentPath () {
+    currentPath() {
      return this.$route.matched[0].path
    },
-    editLink () {
-      const currentPath = this.currentPath
+    editLink() {
+      const { currentPath } = this
      const filePath = currentPath === '' ? '/introduction' : currentPath

      return `https://github.com/ueberdosis/tiptap-next/blob/main/docs/src/docPages${filePath}.md`
@@ -116,13 +116,14 @@ export default {

  methods: {
    initSearch() {
+      // eslint-disable-next-line
      docsearch({
        apiKey: '1abe7fb0f0dac150d0e963d2eda930fe',
        indexName: 'ueberdosis_tiptap',
        inputSelector: '.search',
        debug: false,
      })
-    }
+    },
  },

  mounted() {
@@ -134,4 +135,4 @@ export default {
 <style lang="scss" src="./fonts.scss"></style>
 <style lang="scss" src="./base.scss"></style>
 <style lang="scss" src="./prism.scss"></style>
-<style lang="scss" src="./style.scss" scoped></style>
+<style lang="scss" src="./style.scss" scoped></style>
--- a/docs/src/main.js
+++ b/docs/src/main.js
@@ -1,3 +1,4 @@
+// eslint-disable-next-line
 import Prism from 'prismjs'
 import 'prismjs/components/prism-jsx.js'
 import 'prismjs/components/prism-scss.js'
@@ -6,7 +7,7 @@ import Demo from '~/components/Demo'
 import Tab from '~/components/Tab'
 import ReactRenderer from '~/components/ReactRenderer'

-export default function (Vue, { router, head, isClient }) {
+export default function (Vue) {
  Vue.component('Layout', App)
  Vue.component('Demo', Demo)
  Vue.component('Tab', Tab)
--- a/docs/src/templates/ApiPage/index.vue
+++ b/docs/src/templates/ApiPage/index.vue
@@ -35,4 +35,4 @@ export default {
 }
 </script>

-<style lang="scss" src="./style.scss" scoped></style>
+<style lang="scss" src="./style.scss" scoped></style>
--- a/docs/src/templates/DocPage/index.vue
+++ b/docs/src/templates/DocPage/index.vue
@@ -6,4 +6,4 @@
  </Layout>
 </template>

-<style lang="scss" src="./style.scss" scoped></style>
+<style lang="scss" src="./style.scss" scoped></style>
--- a/package.json
+++ b/package.json
@@ -15,6 +15,7 @@
    "build:docs": "yarn --cwd ./docs build",
    "build:packages": "yarn clean:packages && lerna exec --parallel -- microbundle --compress",
    "clean:packages": "rm -rf ./packages/*/dist",
+    "lint": "eslint --quiet --no-error-on-unmatched-pattern ./",
    "test:open": "cypress open --project tests",
    "test": "cypress run --project tests",
    "reset": "yarn clean:packages && rm -rf ./**/.cache && rm -rf ./**/node_modules && rm -rf ./yarn.lock && yarn install"
@@ -30,7 +31,15 @@
    "@types/prosemirror-state": "^1.2.5",
    "@types/prosemirror-transform": "^1.1.1",
    "@types/prosemirror-view": "^1.15.0",
+    "@typescript-eslint/eslint-plugin": "^4.2.0",
+    "@typescript-eslint/parser": "^4.2.0",
    "cypress": "^5.2.0",
+    "eslint": "^7.9.0",
+    "eslint-config-airbnb-base": "^14.2.0",
+    "eslint-plugin-cypress": "^2.11.1",
+    "eslint-plugin-html": "^6.1.0",
+    "eslint-plugin-import": "^2.22.0",
+    "eslint-plugin-vue": "^6.2.2",
    "lerna": "^3.22.1",
    "microbundle": "^0.12.3",
    "sass-loader": "^9.0.3",
--- a/packages/core/src/CommandManager.ts
+++ b/packages/core/src/CommandManager.ts
@@ -1,14 +1,18 @@
-import { EditorState, Transaction } from "prosemirror-state"
-import { ChainedCommands, Editor, CommandSpec } from "./Editor"
+import { EditorState, Transaction } from 'prosemirror-state'
+import { ChainedCommands, Editor, CommandSpec } from './Editor'
 import getAllMethodNames from './utils/getAllMethodNames'

 export default class CommandManager {

  editor: Editor
+
  commands: { [key: string]: any } = {}

+  methodNames: string[] = []
+
  constructor(editor: Editor) {
    this.editor = editor
+    this.methodNames = getAllMethodNames(this.editor)
  }

  /**
@@ -22,7 +26,7 @@ export default class CommandManager {
      throw new Error(`tiptap: command '${name}' is already defined.`)
    }

-    if (getAllMethodNames(this.editor).includes(name)) {
+    if (this.methodNames.includes(name)) {
      throw new Error(`tiptap: '${name}' is a protected name.`)
    }

@@ -35,13 +39,13 @@ export default class CommandManager {
    const { commands, editor } = this
    const { state, view } = editor
    const command = commands[name]
-    
+
    if (!command) {
      // TODO: prevent vue devtools to throw error
      // throw new Error(`tiptap: command '${name}' not found.`)
      return
    }
-    
+
    return (...args: any) => {
      const { tr } = state
      const props = this.buildProps(tr)
@@ -87,7 +91,7 @@ export default class CommandManager {

          return proxy
        }
-      }
+      },
    }) as ChainedCommands
  }

@@ -108,16 +112,16 @@ export default class CommandManager {
          .map(([name, command]) => {
            return [name, (...args: any[]) => command(...args)(props)]
          }))
-      }
+      },
    }

    return props
  }

  public chainableState(tr: Transaction, state: EditorState): EditorState {
-    let selection = tr.selection
-    let doc = tr.doc
-    let storedMarks = tr.storedMarks
+    let { selection } = tr
+    let { doc } = tr
+    let { storedMarks } = tr

    return {
      ...state,
@@ -143,7 +147,7 @@ export default class CommandManager {

        return tr
      },
-    };
+    }
  }

-}
+}
--- a/packages/core/src/ComponentRenderer.ts
+++ b/packages/core/src/ComponentRenderer.ts
@@ -2,4 +2,4 @@ export default abstract class ComponentRenderer {

  static type: string

-}
+}
--- a/packages/core/src/Editor.ts
+++ b/packages/core/src/Editor.ts
@@ -1,6 +1,6 @@
 import { EditorState, Plugin, Transaction } from 'prosemirror-state'
-import { EditorView} from 'prosemirror-view'
-import { Schema, DOMParser, DOMSerializer } from 'prosemirror-model'
+import { EditorView } from 'prosemirror-view'
+import { Schema, DOMParser } from 'prosemirror-model'
 import magicMethods from './utils/magicMethods'
 import elementFromString from './utils/elementFromString'
 import nodeIsActive from './utils/nodeIsActive'
@@ -16,9 +16,8 @@ import EventEmitter from './EventEmitter'
 import Extension from './Extension'
 import Node from './Node'
 import Mark from './Mark'
-import ComponentRenderer from './ComponentRenderer'
 import defaultPlugins from './plugins'
-import * as commands from './commands'
+import * as coreCommands from './commands'

 export type Command = (props: {
  editor: Editor,
@@ -41,14 +40,14 @@ export interface Commands {}
 export type CommandNames = Extract<keyof Commands, string>

 export type SingleCommands = {
-  [Command in keyof Commands]: Commands[Command] extends (...args: any[]) => any
-  ? (...args: Parameters<Commands[Command]>) => boolean
+  [Item in keyof Commands]: Commands[Item] extends (...args: any[]) => any
+  ? (...args: Parameters<Commands[Item]>) => boolean
  : never
 }

 export type ChainedCommands = {
-  [Command in keyof Commands]: Commands[Command] extends (...args: any[]) => any
-  ? (...args: Parameters<Commands[Command]>) => ChainedCommands
+  [Item in keyof Commands]: Commands[Item] extends (...args: any[]) => any
+  ? (...args: Parameters<Commands[Item]>) => ChainedCommands
  : never
 } & {
  run: () => boolean
@@ -77,14 +76,23 @@ declare module './Editor' {
 export class Editor extends EventEmitter {

  public renderer!: any
+
  private proxy!: Editor
+
  private commandManager!: CommandManager
+
  private extensionManager!: ExtensionManager
+
  private css!: HTMLStyleElement
+
  public schema!: Schema
+
  public view!: EditorView
+
  public selection = { from: 0, to: 0 }
+
  public isFocused = false
+
  public options: EditorOptions = {
    element: document.createElement('div'),
    content: '',
@@ -109,7 +117,7 @@ export class Editor extends EventEmitter {
    this.createSchema()
    this.extensionManager.resolveConfigs()
    this.createView()
-    this.registerCommands(commands)
+    this.registerCommands(coreCommands)

    if (this.options.injectCSS) {
      require('./style.css')
@@ -123,6 +131,7 @@ export class Editor extends EventEmitter {
   *
   * @param name The name of the command
   */
+  // eslint-disable-next-line
  private __get(name: string) {
    return this.commandManager.runSingleCommand(name)
  }
@@ -190,7 +199,7 @@ export class Editor extends EventEmitter {
   * @param plugin A ProseMirror plugin
   * @param handlePlugins Control how to merge the plugin into the existing plugins.
   */
-  public registerPlugin(plugin: Plugin, handlePlugins?: (plugin: Plugin, plugins: Plugin[]) => Plugin[]) {
+  public registerPlugin(plugin: Plugin, handlePlugins?: (newPlugin: Plugin, plugins: Plugin[]) => Plugin[]) {
    const plugins = typeof handlePlugins === 'function'
      ? handlePlugins(plugin, this.state.plugins)
      : [plugin, ...this.state.plugins]
@@ -333,7 +342,7 @@ export class Editor extends EventEmitter {

    if (schemaType === 'node') {
      return nodeIsActive(this.state, this.schema.nodes[name], attrs)
-    } else if (schemaType === 'mark') {
+    } if (schemaType === 'mark') {
      return markIsActive(this.state, this.schema.marks[name])
    }

@@ -381,5 +390,5 @@ export class Editor extends EventEmitter {
    this.removeAllListeners()
    removeElement(this.css)
  }
-  
+
 }
--- a/packages/core/src/EventEmitter.ts
+++ b/packages/core/src/EventEmitter.ts
@@ -1,19 +1,19 @@
 export default class EventEmitter {

-  _callbacks: { [key: string]: Function[] } = {}
+  private callbacks: { [key: string]: Function[] } = {}

-  on(event: string, fn: Function) {
-    if (!this._callbacks[event]) {
-      this._callbacks[event] = []
+  public on(event: string, fn: Function) {
+    if (!this.callbacks[event]) {
+      this.callbacks[event] = []
    }

-    this._callbacks[event].push(fn)
-    
+    this.callbacks[event].push(fn)
+
    return this
  }

-  emit(event: string, ...args: any) {
-    const callbacks = this._callbacks[event]
+  protected emit(event: string, ...args: any) {
+    const callbacks = this.callbacks[event]

    if (callbacks) {
      callbacks.forEach(callback => callback.apply(this, args))
@@ -22,21 +22,21 @@ export default class EventEmitter {
    return this
  }

-  off(event: string, fn?: Function) {
-    const callbacks = this._callbacks[event]
+  public off(event: string, fn?: Function) {
+    const callbacks = this.callbacks[event]

    if (callbacks) {
      if (fn) {
-        this._callbacks[event] = callbacks.filter(callback => callback !== fn)
+        this.callbacks[event] = callbacks.filter(callback => callback !== fn)
      } else {
-        delete this._callbacks[event]
+        delete this.callbacks[event]
      }
    }

    return this
  }

-  removeAllListeners() {
-    this._callbacks = {}
+  protected removeAllListeners() {
+    this.callbacks = {}
  }
 }
--- a/packages/core/src/Extension.ts
+++ b/packages/core/src/Extension.ts
@@ -41,8 +41,11 @@ export default class Extension<
  Methods extends ExtensionMethods<Props, Options> = ExtensionMethods<Props, Options>
 > {
  type = 'extension'
+
  config: AnyObject = {}
-  configs: Configs = {} 
+
+  configs: Configs = {}
+
  options: Partial<Options> = {}

  protected storeConfig(key: string, value: any, stategy: MergeStrategy) {
@@ -102,12 +105,10 @@ export default class Extension<
    this.storeConfig(key, value, 'extend')
    return this
  }
-  
-  public create() {
-    type ParentOptions = Options

-    return <Options = ParentOptions>(options?: Partial<NoInfer<Options>>) => {
-      return cloneDeep(this, true).configure(options as Options)
+  public create() {
+    return <NewOptions = Options>(options?: Partial<NoInfer<NewOptions>>) => {
+      return cloneDeep(this, true).configure(options as NewOptions)
    }
  }
 }
--- a/packages/core/src/ExtensionManager.ts
+++ b/packages/core/src/ExtensionManager.ts
@@ -3,11 +3,12 @@ import collect from 'collect.js'
 import { Plugin } from 'prosemirror-state'
 import { keymap } from 'prosemirror-keymap'
 import { Schema } from 'prosemirror-model'
+// import { Schema, Node as ProsemirrorNode } from 'prosemirror-model'
 import { inputRules } from 'prosemirror-inputrules'
-import { EditorView, Decoration } from 'prosemirror-view'
-import { Node as ProsemirrorNode } from 'prosemirror-model'
+// import { EditorView, Decoration } from 'prosemirror-view'
+
 import { Editor } from './Editor'
-import capitalize from './utils/capitalize'
+// import capitalize from './utils/capitalize'
 import { Extensions } from './types'
 import getTopNodeFromExtensions from './utils/getTopNodeFromExtensions'
 import getNodesFromExtensions from './utils/getNodesFromExtensions'
@@ -18,6 +19,7 @@ import getSchema from './utils/getSchema'
 export default class ExtensionManager {

  editor: Editor
+
  extensions: Extensions

  constructor(extensions: Extensions, editor: Editor) {
@@ -28,17 +30,27 @@ export default class ExtensionManager {
  resolveConfigs() {
    this.extensions.forEach(extension => {
      const { editor } = this
-      const name = extension.config.name
+      const { name } = extension.config
      const options = deepmerge(extension.config.defaults, extension.options)
      const type = extension.type === 'node'
        ? editor.schema.nodes[name]
        : editor.schema.marks[name]

-      resolveExtensionConfig(extension, 'commands', { name, options, editor, type })
-      resolveExtensionConfig(extension, 'inputRules', { name, options, editor, type })
-      resolveExtensionConfig(extension, 'pasteRules', { name, options, editor, type })
-      resolveExtensionConfig(extension, 'keys', { name, options, editor, type })
-      resolveExtensionConfig(extension, 'plugins', { name, options, editor, type })
+      resolveExtensionConfig(extension, 'commands', {
+        name, options, editor, type,
+      })
+      resolveExtensionConfig(extension, 'inputRules', {
+        name, options, editor, type,
+      })
+      resolveExtensionConfig(extension, 'pasteRules', {
+        name, options, editor, type,
+      })
+      resolveExtensionConfig(extension, 'keys', {
+        name, options, editor, type,
+      })
+      resolveExtensionConfig(extension, 'plugins', {
+        name, options, editor, type,
+      })

      if (extension.config.commands) {
        editor.registerCommands(extension.config.commands)
@@ -57,7 +69,7 @@ export default class ExtensionManager {
  get nodes(): any {
    return getNodesFromExtensions(this.extensions)
  }
-  
+
  get marks(): any {
    return getMarksFromExtensions(this.extensions)
  }
--- a/packages/core/src/Mark.ts
+++ b/packages/core/src/Mark.ts
@@ -25,4 +25,4 @@ export default class Mark<
    this.storeConfig('schema', value, 'overwrite')
    return this
  }
-}
+}
--- a/packages/core/src/commands/deleteSelection.ts
+++ b/packages/core/src/commands/deleteSelection.ts
@@ -1,5 +1,5 @@
-import { Command } from '../Editor'
 import { deleteSelection as originalDeleteSelection } from 'prosemirror-commands'
+import { Command } from '../Editor'

 type DeleteSelectionCommand = () => Command

--- a/packages/core/src/commands/focus.ts
+++ b/packages/core/src/commands/focus.ts
@@ -1,7 +1,8 @@
-import { Editor, Command } from '../Editor'
 import { TextSelection } from 'prosemirror-state'
+import { Editor, Command } from '../Editor'
 import minMax from '../utils/minMax'

+type Position = 'start' | 'end' | number | boolean | null
 type FocusCommand = (position?: Position) => Command

 declare module '../Editor' {
@@ -15,8 +16,6 @@ interface ResolvedSelection {
  to: number,
 }

-type Position = 'start' | 'end' | number | boolean | null
-
 function resolveSelection(editor: Editor, position: Position = null): ResolvedSelection {
  if (position === null) {
    return editor.selection
@@ -31,7 +30,7 @@ function resolveSelection(editor: Editor, position: Position = null): ResolvedSe

  if (position === 'end') {
    const { size } = editor.state.doc.content
-    
+
    return {
      from: size,
      to: size - 1, // TODO: -1 only for nodes with content
@@ -54,9 +53,9 @@ export const focus: FocusCommand = (position = null) => ({ editor, view, tr }) =
  const resolvedFrom = minMax(from, 0, doc.content.size)
  const resolvedEnd = minMax(to, 0, doc.content.size)
  const selection = TextSelection.create(doc, resolvedFrom, resolvedEnd)
-  
+
  tr.setSelection(selection)
  view.focus()

  return true
-}
+}
--- a/packages/core/src/commands/insertHTML.ts
+++ b/packages/core/src/commands/insertHTML.ts
@@ -1,8 +1,8 @@
 import { DOMParser } from 'prosemirror-model'
 import { Selection, Transaction } from 'prosemirror-state'
+import { ReplaceStep, ReplaceAroundStep } from 'prosemirror-transform'
 import { Command } from '../Editor'
 import elementFromString from '../utils/elementFromString'
-import {ReplaceStep, ReplaceAroundStep} from "prosemirror-transform"

 type InsertHTMLCommand = (value: string) => Command

@@ -15,13 +15,13 @@ declare module '../Editor' {
 // TODO: move to utils
 // https://github.com/ProseMirror/prosemirror-state/blob/master/src/selection.js#L466
 function selectionToInsertionEnd(tr: Transaction, startLen: number, bias: number) {
-  let last = tr.steps.length - 1
+  const last = tr.steps.length - 1
  if (last < startLen) return
-  let step = tr.steps[last]
+  const step = tr.steps[last]
  if (!(step instanceof ReplaceStep || step instanceof ReplaceAroundStep)) return
-  let map = tr.mapping.maps[last]
+  const map = tr.mapping.maps[last]
  let end = 0
-  map.forEach((_from, _to, _newFrom, newTo) => { if (end == 0) end = newTo })
+  map.forEach((_from, _to, _newFrom, newTo) => { if (end === 0) end = newTo })
  tr.setSelection(Selection.near(tr.doc.resolve(end as unknown as number), bias))
 }

@@ -34,4 +34,4 @@ export const insertHTML: InsertHTMLCommand = value => ({ tr, state }) => {
  selectionToInsertionEnd(tr, tr.steps.length - 1, -1)

  return true
-}
+}
--- a/packages/core/src/commands/liftListItem.ts
+++ b/packages/core/src/commands/liftListItem.ts
@@ -1,6 +1,6 @@
-import { Command } from '../Editor'
 import { liftListItem as originalLiftListItem } from 'prosemirror-schema-list'
 import { NodeType } from 'prosemirror-model'
+import { Command } from '../Editor'
 import getNodeType from '../utils/getNodeType'

 type LiftListItem = (typeOrName: string | NodeType) => Command
@@ -11,7 +11,7 @@ declare module '../Editor' {
  }
 }

-export const liftListItem: LiftListItem = (typeOrName) => ({ state, dispatch }) => {
+export const liftListItem: LiftListItem = typeOrName => ({ state, dispatch }) => {
  const type = getNodeType(typeOrName, state.schema)

  return originalLiftListItem(type)(state, dispatch)
--- a/packages/core/src/commands/removeMark.ts
+++ b/packages/core/src/commands/removeMark.ts
@@ -1,5 +1,5 @@
-import { Command } from '../Editor'
 import { MarkType } from 'prosemirror-model'
+import { Command } from '../Editor'
 import getMarkType from '../utils/getMarkType'
 import getMarkRange from '../utils/getMarkRange'

@@ -11,10 +11,11 @@ declare module '../Editor' {
  }
 }

-export const removeMark: RemoveMarkCommand = (typeOrName) => ({ tr, state }) => {
+export const removeMark: RemoveMarkCommand = typeOrName => ({ tr, state }) => {
  const { selection } = tr
  const type = getMarkType(typeOrName, state.schema)
-  let { from, to, $from, empty } = selection
+  let { from, to } = selection
+  const { $from, empty } = selection

  if (empty) {
    const range = getMarkRange($from, type)
--- a/packages/core/src/commands/removeMarks.ts
+++ b/packages/core/src/commands/removeMarks.ts
@@ -8,7 +8,7 @@ declare module '../Editor' {
  }
 }

-export const removeMarks: RemoveMarksCommand = () => ({ tr, state, view }) => {
+export const removeMarks: RemoveMarksCommand = () => ({ tr, state }) => {
  const { selection } = tr
  const { from, to, empty } = selection

@@ -18,7 +18,7 @@ export const removeMarks: RemoveMarksCommand = () => ({ tr, state, view }) => {

  Object
    .entries(state.schema.marks)
-    .forEach(([name, mark]) => {
+    .forEach(([, mark]) => {
      tr.removeMark(from, to, mark as any)
    })

--- a/packages/core/src/commands/replaceWithNode.ts
+++ b/packages/core/src/commands/replaceWithNode.ts
@@ -1,5 +1,5 @@
-import { Command } from '../Editor'
 import { NodeType } from 'prosemirror-model'
+import { Command } from '../Editor'
 import getNodeType from '../utils/getNodeType'

 interface Range {
@@ -29,7 +29,7 @@ export const replaceWithNode: ReplaceWithNodeCommand = (typeOrName, attrs = {},
  if (!$from.parent.canReplaceWith(index, index, type)) {
    return false
  }
-  
+
  view.dispatch(tr.replaceWith(from, to, type.create(attrs)))

  return true
--- a/packages/core/src/commands/selectAll.ts
+++ b/packages/core/src/commands/selectAll.ts
@@ -1,5 +1,5 @@
-import { Command } from '../Editor'
 import { selectAll as originalSelectAll } from 'prosemirror-commands'
+import { Command } from '../Editor'

 type SelectAllCommand = () => Command

--- a/packages/core/src/commands/selectParentNode.ts
+++ b/packages/core/src/commands/selectParentNode.ts
@@ -1,5 +1,5 @@
-import { Command } from '../Editor'
 import { selectParentNode as originalSelectParentNode } from 'prosemirror-commands'
+import { Command } from '../Editor'

 type SelectParentNodeCommand = () => Command

--- a/packages/core/src/commands/setContent.ts
+++ b/packages/core/src/commands/setContent.ts
@@ -1,5 +1,5 @@
-import { Command } from '../Editor'
 import { TextSelection } from 'prosemirror-state'
+import { Command } from '../Editor'

 type SetContentCommand = (
  content: string,
@@ -18,7 +18,7 @@ export const setContent: SetContentCommand = (content = '', emitUpdate = false,
  const { doc } = tr
  const document = createDocument(content, parseOptions)
  const selection = TextSelection.create(doc, 0, doc.content.size)
-  
+
  tr.setSelection(selection)
    .replaceSelectionWith(document, false)
    .setMeta('preventUpdate', !emitUpdate)
--- a/packages/core/src/commands/sinkListItem.ts
+++ b/packages/core/src/commands/sinkListItem.ts
@@ -1,6 +1,6 @@
-import { Command } from '../Editor'
 import { sinkListItem as originalSinkListItem } from 'prosemirror-schema-list'
 import { NodeType } from 'prosemirror-model'
+import { Command } from '../Editor'
 import getNodeType from '../utils/getNodeType'

 type SinkListItem = (typeOrName: string | NodeType) => Command
@@ -11,7 +11,7 @@ declare module '../Editor' {
  }
 }

-export const sinkListItem: SinkListItem = (typeOrName) => ({ state, dispatch }) => {
+export const sinkListItem: SinkListItem = typeOrName => ({ state, dispatch }) => {
  const type = getNodeType(typeOrName, state.schema)

  return originalSinkListItem(type)(state, dispatch)
--- a/packages/core/src/commands/splitListItem.ts
+++ b/packages/core/src/commands/splitListItem.ts
@@ -1,6 +1,6 @@
-import { Command } from '../Editor'
 import { splitListItem as originalSplitListItem } from 'prosemirror-schema-list'
 import { NodeType } from 'prosemirror-model'
+import { Command } from '../Editor'
 import getNodeType from '../utils/getNodeType'

 type SplitListItem = (typeOrName: string | NodeType) => Command
@@ -11,7 +11,7 @@ declare module '../Editor' {
  }
 }

-export const splitListItem: SplitListItem = (typeOrName) => ({ state, dispatch }) => {
+export const splitListItem: SplitListItem = typeOrName => ({ state, dispatch }) => {
  const type = getNodeType(typeOrName, state.schema)

  return originalSplitListItem(type)(state, dispatch)
--- a/packages/core/src/commands/toggleList.ts
+++ b/packages/core/src/commands/toggleList.ts
@@ -1,7 +1,7 @@
-import { Command } from '../Editor'
 import { wrapInList, liftListItem } from 'prosemirror-schema-list'
 import { findParentNode } from 'prosemirror-utils'
 import { Node, NodeType, Schema } from 'prosemirror-model'
+import { Command } from '../Editor'
 import getNodeType from '../utils/getNodeType'

 type ToggleListCommand = (
--- a/packages/core/src/commands/toggleMark.ts
+++ b/packages/core/src/commands/toggleMark.ts
@@ -1,6 +1,6 @@
-import { Command } from '../Editor'
 import { toggleMark as originalToggleMark } from 'prosemirror-commands'
 import { MarkType } from 'prosemirror-model'
+import { Command } from '../Editor'
 import getMarkType from '../utils/getMarkType'

 type ToggleMarkCommand = (typeOrName: string | MarkType) => Command
@@ -11,7 +11,7 @@ declare module '../Editor' {
  }
 }

-export const toggleMark: ToggleMarkCommand = (typeOrName) => ({ state, dispatch }) => {
+export const toggleMark: ToggleMarkCommand = typeOrName => ({ state, dispatch }) => {
  const type = getMarkType(typeOrName, state.schema)

  return originalToggleMark(type)(state, dispatch)
--- a/packages/core/src/commands/toggleNode.ts
+++ b/packages/core/src/commands/toggleNode.ts
@@ -23,7 +23,7 @@ export const toggleNode: ToggleNodeCommand = (typeOrName, toggleTypeOrName, attr

  if (isActive) {
    return setBlockType(toggleType)(state, dispatch)
-  } else {
-    return setBlockType(type, attrs)(state, dispatch)
  }
+  return setBlockType(type, attrs)(state, dispatch)
+
 }
--- a/packages/core/src/commands/updateMark.ts
+++ b/packages/core/src/commands/updateMark.ts
@@ -1,5 +1,5 @@
-import { Command } from '../Editor'
 import { MarkType } from 'prosemirror-model'
+import { Command } from '../Editor'
 import getMarkType from '../utils/getMarkType'
 import getMarkRange from '../utils/getMarkRange'

@@ -16,7 +16,8 @@ declare module '../Editor' {

 export const updateMark: UpdateMarkCommand = (typeOrName, attrs = {}) => ({ tr, state }) => {
  const { selection, doc } = tr
-  let { from, to, $from, empty } = selection
+  let { from, to } = selection
+  const { $from, empty } = selection
  const type = getMarkType(typeOrName, state.schema)

  if (empty) {
--- a/packages/core/src/inputRules/nodeInputRule.ts
+++ b/packages/core/src/inputRules/nodeInputRule.ts
@@ -12,4 +12,4 @@ export default function (regexp: RegExp, type: NodeType, getAttrs?: Function) {

    return tr
  })
-}
+}
--- a/packages/core/src/pasteRules/markPasteRule.ts
+++ b/packages/core/src/pasteRules/markPasteRule.ts
@@ -5,13 +5,13 @@ export default function (regexp: RegExp, type: MarkType, getAttrs?: Function) {

  const handler = (fragment: Fragment, parent?: any) => {
    const nodes: any[] = []
-    
+
    fragment.forEach(child => {
      if (child.isText && child.text) {
        const { text } = child
        let pos = 0
        let match
-        
+
        // eslint-disable-next-line
        while ((match = regexp.exec(text)) !== null) {
          const m = match.length - 1
--- a/packages/core/src/plugins/editable.ts
+++ b/packages/core/src/plugins/editable.ts
@@ -6,4 +6,4 @@ export default (editor: Editor) => new Plugin({
  props: {
    editable: () => editor.options.editable,
  },
-})
+})
--- a/packages/core/src/plugins/focus.ts
+++ b/packages/core/src/plugins/focus.ts
@@ -25,4 +25,4 @@ export default (editor: Editor) => new Plugin({
      },
    },
  },
-})
+})
--- a/Show More
+++ b/Show More