Let's respect our eyes -- eslint code style config

This package provides configured eslint rules mostly for me -- Evolveye. If you are interested in this code style, or if you want to propose changes -- feel free to start new discussion.

Also, I made some custom rules (just for "more spaces"). You can find them here

declare const React

export type TypeA = { propA:number, propB:number }
export type TypeB = {
  propA: string
  propB: number

  func: (arg:string) => number
}



class ClassA {}
class ClassB<T = number> {
  #priv = 1

  a: T
  b: string = ``

  constructor( a:T ) {
    const b:number | null = (1 + 2) + 3
    const c = [ 1 ]

    console.log({ b, c })

    this.a = a
  }
  method1( a:T, { propA }:TypeA ): void {}
  method2({ c }) {}
  method3 = a => {}
  method4 = (a = 1) => this.#priv + a
}



const something = [] as any[] // eslint-disable-line @typescript-eslint/no-explicit-any
const obj = {
  fnExp1() {},
  fnExp2<T>( a:T ) {},
  fnExp3: a => obj,
}



const arrow_params = ({ abc },  a) => true
const arrow_obj = ([ abc ]) => true
const arrow_empty = () => true
const arrow_var = a => true
const arrow = (a, b) =>
  obj.fnExp3( 123 ) ?? true



function * fnGen( a, b, { c } ) {}
function fnObj({ c }): void {}
function fnArr([ a ]) {}
function fn( a, b, { c } ) {}
function fnNothing() {}



fnObj({ c:3 })
fnArr([ 3 ])
fn( 1, 2, { c:3 } )
fnNothing()
fn( 1, 2, something[ 2 ] )
obj.fnExp2( 123 )
obj.fnExp3( 1 ).fnExp2({ a:1 })



switch (true as null | boolean) {
  case true:
    break
  case false:
    break
  default: 2
}

if (something[ 0 ]) { /* */ }
if (!arrow( 1, 2 )) { /* */ }

for (const value of [ 1, 2, 3 ]);
for (const prop in {});
for (let i = 0;  i < 1;  ++i);
for (let i;  (i = /reg/.exec( `` )););

while (false);



const jsx = (
  <article>
    <span about="" accessKey="" aria-activedescendant="" />
    123
    <span
      about=""
      accessKey=""
      aria-activedescendant=""
      children="abc"
    />
    <span>abc {123} def</span>
    <span>abc</span>
  </article>
)

function Component() {
  return (
    <p>text</p>
  )
}



const instanceA = new ClassA()
const instanceB = new ClassB<number>( 1 )
const instanceC = new obj.fnExp2( 1 )

eslint-config-eye

Package Exports

Readme

Let's respect our eyes -- eslint code style config