fix(deps): update dependency @antfu/eslint-config to v1 (#56)

* fix(deps): update dependency @antfu/eslint-config to v1

* chore: upgrade eslint

* chore: fix e2e

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Mirone <Saul-Mirone@outlook.com>

.lintstagedrc.json

@@ -1,3 +1,3 @@
 {
-    "**/*.{js,ts,tsx,json,md,yml,yaml}": ["eslint --fix"]
+  "**/*.{js,ts,tsx,json,md,yml,yaml}": ["eslint --fix"]
 }

e2e/src/createEditorView.ts

@@ -13,7 +13,7 @@ import { EditorState } from 'prosemirror-state'
 import type { NodeViewConstructor } from 'prosemirror-view'
 import { EditorView } from 'prosemirror-view'
 
-export const createEditorView = (element: HTMLElement | ShadowRoot, nodeViews: Record<string, NodeViewConstructor>, plugins: Plugin[]) => {
+export function createEditorView(element: HTMLElement | ShadowRoot, nodeViews: Record<string, NodeViewConstructor>, plugins: Plugin[]) {
   const content = document.querySelector('#content')
   if (!content)
     throw new Error('Content element not found')

e2e/src/react/App.tsx

@@ -5,7 +5,7 @@ import { StrictMode, useState } from 'react'
 
 import { Editor } from './components/Editor'
 
-export const App = () => {
+export function App() {
   const [counter, setCounter] = useState(0)
   return (
     <StrictMode>

e2e/src/react/components/Hashes.tsx

@@ -1,7 +1,7 @@
 /* Copyright 2021, Prosemirror Adapter by Mirone. */
 import { useWidgetViewContext } from '@prosemirror-adapter/react'
 
-export const Hashes = () => {
+export function Hashes() {
   const { spec } = useWidgetViewContext()
   const level = spec?.level
   const hashes = Array(level || 0).fill('#').join('')

e2e/src/react/components/Heading.tsx

@@ -1,7 +1,7 @@
 /* Copyright 2021, Prosemirror Adapter by Mirone. */
 import { useNodeViewContext } from '@prosemirror-adapter/react'
 
-export const Heading = () => {
+export function Heading() {
   const { contentRef, node } = useNodeViewContext()
   const Tag = `h${node.attrs.level}` as 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'
   return <Tag ref={contentRef} />

e2e/src/react/components/Paragraph.tsx

@@ -1,7 +1,7 @@
 /* Copyright 2021, Prosemirror Adapter by Mirone. */
 import { useNodeViewContext } from '@prosemirror-adapter/react'
 
-export const Paragraph = () => {
+export function Paragraph() {
   const { contentRef, selected } = useNodeViewContext()
   return <div style={{ outline: selected ? 'blue solid 1px' : 'none' }} role="presentation" ref={contentRef} />
 }

e2e/src/react/components/Size.tsx

@@ -2,8 +2,14 @@
 
 import { usePluginViewContext } from '@prosemirror-adapter/react'
 
-export const Size = () => {
+export function Size() {
   const { view } = usePluginViewContext()
   const size = view.state.doc.nodeSize
-  return <div data-test-id="size-view-plugin">Size for document: {size}</div>
+  return (
+    <div data-test-id="size-view-plugin">
+      Size for document:
+      {' '}
+      {size}
+    </div>
+  )
 }

e2e/src/vue/shim.d.ts

@@ -1,7 +1,5 @@
 /* Copyright 2021, Prosemirror Adapter by Mirone. */
 
-/* eslint-disable @typescript-eslint/ban-types */
-
 /// <reference types="vite/client" />
 
 declare module '*.vue' {

e2e/tsconfig.json

@@ -1,7 +1,7 @@
 {
   "extends": "../tsconfig.base.json",
   "compilerOptions": {
-    "sourceMap": false,
-    "noEmit": true
+    "noEmit": true,
+    "sourceMap": false
   }
 }

eslint.config.js

@@ -0,0 +1,60 @@
+/* Copyright 2021, Prosemirror Adapter by Mirone. */
+
+const antfu = require('@antfu/eslint-config').default
+const header = require('eslint-plugin-header')
+const react = require('eslint-plugin-react')
+const hooks = require('eslint-plugin-react-hooks')
+
+module.exports = antfu(
+  {
+    stylistic: true,
+    markdown: false,
+    typescript: {
+      tsconfigPath: 'tsconfig.json',
+    },
+    ignores: [
+      '.idea',
+      '**/lib',
+      '**/.svelte-kit',
+      'CHANGELOG.md',
+    ],
+    overrides: {
+      typescript: {
+        'ts/no-unsafe-assignment': 'off',
+        'ts/no-unsafe-member-access': 'off',
+        'ts/no-unsafe-argument': 'off',
+        'ts/no-unsafe-call': 'off',
+        'ts/no-unsafe-return': 'off',
+        'ts/unbound-method': 'off',
+        'ts/ban-types': 'off',
+      },
+    },
+  },
+  {
+    files: ['**/*.ts', '**/*.tsx'],
+    plugins: {
+      header,
+    },
+    rules: {
+      'header/header': ['error', 'block', ' Copyright 2021, Prosemirror Adapter by Mirone. '],
+    },
+  },
+  {
+    files: ['**/react/**/*.tsx', '**/react/**/*.ts'],
+    plugins: {
+      'react': react,
+      'react-hooks': hooks,
+    },
+    settings: {
+      react: {
+        version: 'detect',
+      },
+    },
+    rules: {
+      ...react.configs.recommended.rules,
+      ...hooks.configs.recommended.rules,
+      'jsx-quotes': ['error', 'prefer-double'],
+      'react/react-in-jsx-scope': 'off',
+    },
+  },
+)

examples/lit/src/createEditorView.ts

@@ -13,7 +13,7 @@ import { EditorState } from 'prosemirror-state'
 import type { NodeViewConstructor } from 'prosemirror-view'
 import { EditorView } from 'prosemirror-view'
 
-export const createEditorView = (element: HTMLElement, nodeViews: Record<string, NodeViewConstructor>, plugins: Plugin[]) => {
+export function createEditorView(element: HTMLElement, nodeViews: Record<string, NodeViewConstructor>, plugins: Plugin[]) {
   const content = document.querySelector('#content')
   if (!content)
     throw new Error('Content element not found')

examples/lit/tsconfig.json

@@ -1,21 +1,21 @@
 {
   "compilerOptions": {
     "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "experimentalDecorators": true,
     "useDefineForClassFields": false,
+    "experimentalDecorators": true,
     "module": "ESNext",
     "moduleResolution": "Node",
-    "declaration": true,
-    "emitDeclarationOnly": true,
-    "outDir": "./types",
-    "isolatedModules": true,
-    "allowSyntheticDefaultImports": true,
-    "forceConsistentCasingInFileNames": true,
     "strict": true,
     "noFallthroughCasesInSwitch": true,
     "noImplicitReturns": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
+    "declaration": true,
+    "emitDeclarationOnly": true,
+    "outDir": "./types",
+    "allowSyntheticDefaultImports": true,
+    "forceConsistentCasingInFileNames": true,
+    "isolatedModules": true,
     "skipLibCheck": true
   },
   "references": [{ "path": "./tsconfig.node.json" }],

examples/react/components/Hashes.tsx

@@ -1,7 +1,7 @@
 /* Copyright 2021, Prosemirror Adapter by Mirone. */
 import { useWidgetViewContext } from '@prosemirror-adapter/react'
 
-export const Hashes = () => {
+export function Hashes() {
   const { spec } = useWidgetViewContext()
   const level = spec?.level
   const hashes = Array(level || 0).fill('#').join('')

examples/react/components/Heading.tsx

@@ -1,7 +1,7 @@
 /* Copyright 2021, Prosemirror Adapter by Mirone. */
 import { useNodeViewContext } from '@prosemirror-adapter/react'
 
-export const Heading = () => {
+export function Heading() {
   const { contentRef, node } = useNodeViewContext()
   const Tag = `h${node.attrs.level}` as 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'
   return <Tag ref={contentRef} />

examples/react/components/Paragraph.tsx

@@ -1,7 +1,7 @@
 /* Copyright 2021, Prosemirror Adapter by Mirone. */
 import { useNodeViewContext } from '@prosemirror-adapter/react'
 
-export const Paragraph = () => {
+export function Paragraph() {
   const { contentRef, selected } = useNodeViewContext()
   return <div style={{ outline: selected ? 'blue solid 1px' : 'none' }} role="presentation" ref={contentRef} />
 }

examples/react/components/Size.tsx

@@ -1,8 +1,13 @@
 /* Copyright 2021, Prosemirror Adapter by Mirone. */
 import { usePluginViewContext } from '@prosemirror-adapter/react'
 
-export const Size = () => {
+export function Size() {
   const { view } = usePluginViewContext()
   const size = view.state.doc.nodeSize
-  return <div>Size for document: {size}</div>
+  return (
+    <div>
+      Size for document:
+      {size}
+    </div>
+  )
 }

examples/react/createEditorView.ts

@@ -13,7 +13,7 @@ import { EditorState } from 'prosemirror-state'
 import type { NodeViewConstructor } from 'prosemirror-view'
 import { EditorView } from 'prosemirror-view'
 
-export const createEditorView = (element: HTMLElement, nodeViews: Record<string, NodeViewConstructor>, plugins: Plugin[]) => {
+export function createEditorView(element: HTMLElement, nodeViews: Record<string, NodeViewConstructor>, plugins: Plugin[]) {
   const content = document.querySelector('#content')
   if (!content)
     throw new Error('Content element not found')

examples/react/main.tsx

@@ -13,10 +13,10 @@ if (!root$)
 const root = createRoot(root$)
 
 root.render(
-    <StrictMode>
-        <h1>Prosemirror Adapter React</h1>
-        <ProsemirrorAdapterProvider>
-            <Editor />
-        </ProsemirrorAdapterProvider>
-    </StrictMode>,
+  <StrictMode>
+    <h1>Prosemirror Adapter React</h1>
+    <ProsemirrorAdapterProvider>
+      <Editor />
+    </ProsemirrorAdapterProvider>
+  </StrictMode>,
 )

examples/svelte/src/libs/createEditorView.ts

@@ -12,7 +12,7 @@ import { EditorState } from 'prosemirror-state'
 import type { NodeViewConstructor } from 'prosemirror-view'
 import { EditorView } from 'prosemirror-view'
 
-export const createEditorView = (element: HTMLElement, nodeViews: Record<string, NodeViewConstructor>, plugins: Plugin[]) => {
+export function createEditorView(element: HTMLElement, nodeViews: Record<string, NodeViewConstructor>, plugins: Plugin[]) {
   const content = document.querySelector('#content')
   if (!content)
     throw new Error('Content element not found')

examples/svelte/tsconfig.json

@@ -4,10 +4,10 @@
     "resolveJsonModule": true,
     "allowJs": true,
     "checkJs": true,
+    "strict": true,
     "sourceMap": true,
     "esModuleInterop": true,
     "forceConsistentCasingInFileNames": true,
-    "strict": true,
     "skipLibCheck": true
   }
   // Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias

examples/vue/createEditorView.ts

@@ -13,7 +13,7 @@ import { EditorState } from 'prosemirror-state'
 import type { NodeViewConstructor } from 'prosemirror-view'
 import { EditorView } from 'prosemirror-view'
 
-export const createEditorView = (element: HTMLElement, nodeViews: Record<string, NodeViewConstructor>, plugins: Plugin[]) => {
+export function createEditorView(element: HTMLElement, nodeViews: Record<string, NodeViewConstructor>, plugins: Plugin[]) {
   const content = document.querySelector('#content')
   if (!content)
     throw new Error('Content element not found')

examples/vue/shim.d.ts

@@ -1,7 +1,5 @@
 /* Copyright 2021, Prosemirror Adapter by Mirone. */
 
-/* eslint-disable @typescript-eslint/ban-types */
-
 /// <reference types="vite/client" />
 
 declare module '*.vue' {

package.json

@@ -18,7 +18,7 @@
     "prepare": "husky install"
   },
   "dependencies": {
-    "@antfu/eslint-config": "^0.43.0",
+    "@antfu/eslint-config": "^1.0.0",
     "@changesets/cli": "^2.26.1",
     "@commitlint/cli": "^18.0.0",
     "@commitlint/config-conventional": "^18.0.0",

packages/lit/src/LitRenderer.ts

@@ -17,7 +17,7 @@ export interface LitRendererResult {
   readonly removeLitRenderer: (renderer: LitRenderer<unknown>) => void
 }
 
-export const useLitRenderer = (): LitRendererResult => {
+export function useLitRenderer(): LitRendererResult {
   const portals = new Map<string, LitElement>()
 
   const renderLitRenderer = (renderer: LitRenderer<unknown>) => {

packages/lit/src/nodeView/useLitNodeViewCreator.ts

@@ -4,10 +4,7 @@ import type { LitRendererResult } from '../LitRenderer'
 import type { NodeViewFactory } from './nodeViewContext'
 import { LitNodeView } from './LitNodeView'
 
-export const useLitNodeViewCreator = (
-  renderLitRenderer: LitRendererResult['renderLitRenderer'],
-  removeLitRenderer: LitRendererResult['removeLitRenderer'],
-) => {
+export function useLitNodeViewCreator(renderLitRenderer: LitRendererResult['renderLitRenderer'], removeLitRenderer: LitRendererResult['removeLitRenderer']) {
   const createLitNodeView: NodeViewFactory = options => (node, view, getPos, decorations, innerDecorations) => {
     const nodeView = new LitNodeView({
       node,

packages/lit/src/pluginView/useLitPluginViewCreator.ts

@@ -4,10 +4,7 @@ import type { LitRendererResult } from '../LitRenderer'
 import type { PluginViewFactory } from './pluginViewContext'
 import { LitPluginView } from './LitPluginView'
 
-export const useLitPluginViewCreator = (
-  renderLitRenderer: LitRendererResult['renderLitRenderer'],
-  removeLitRenderer: LitRendererResult['removeLitRenderer'],
-) => {
+export function useLitPluginViewCreator(renderLitRenderer: LitRendererResult['renderLitRenderer'], removeLitRenderer: LitRendererResult['removeLitRenderer']) {
   const createLitPluginView: PluginViewFactory = options => (view) => {
     const pluginView = new LitPluginView({
       view,

packages/lit/src/widgetView/useLitWidgetViewCreator.ts

@@ -5,10 +5,7 @@ import type { LitRendererResult } from '../LitRenderer'
 import { LitWidgetView } from './LitWidgetView'
 import type { LitWidgetViewUserOptions } from './LitWidgetViewOptions'
 
-export const useLitWidgetViewCreator = (
-  renderLitRenderer: LitRendererResult['renderLitRenderer'],
-  removeLitRenderer: LitRendererResult['removeLitRenderer'],
-) => {
+export function useLitWidgetViewCreator(renderLitRenderer: LitRendererResult['renderLitRenderer'], removeLitRenderer: LitRendererResult['removeLitRenderer']) {
   const createWidgetPluginView = (options: LitWidgetViewUserOptions): WidgetDecorationFactory => {
     return (pos, userSpec = {}) => {
       const widgetView = new LitWidgetView({