.eslintrc.yaml

env:
  browser: true

extends:
  - eslint:recommended
  - plugin:prettier/recommended
  - plugin:@typescript-eslint/recommended

parser: "@typescript-eslint/parser"
plugins:
  - "@typescript-eslint"
  - simple-import-sort
  - import

settings:
  # allows for tsconfig path aliases
  import/resolver:
    typescript: {} # this loads tsconfig.json to eslint

globals:
  Atomics: readonly
  SharedArrayBuffer: readonly

# very basic javascript
parserOptions:
  ecmaVersion: 6
  sourceType: module

rules:
  # some javascript functions are used within html attributes rendered within php
  no-unused-vars: off

  max-len: off

  # eslint doesn't like itself
  prefer-destructuring: off

  # yeah, we're polluting the global namespace with jquery...
  no-undef: off

  # ouch. refactor affected code...
  no-eval: off

  # let's at least have console output. at least no alerts, right? right!?
  no-console: off

  # ++ in for loop
  no-plusplus: off

  # ecmaVersion 5...
  comma-dangle: off
  no-alert: off # still using confirm() dialog
  no-restricted-globals: off # still using confirm() dialog
  no-loop-func: off
  no-shadow: off # typescript-eslint is not happy about injecting Alpine and/or utils into `window`
  no-param-reassign: off
  no-var: off
  object-shorthand: off
  prefer-arrow-callback: off
  prefer-rest-params: off
  prefer-template: off
  func-names: off
  no-useless-escape: off # not so sure about regex there it seems
  no-use-before-define: off
  vars-on-top: off

  # sort and organize imports/exports
  simple-import-sort/imports: error
  simple-import-sort/exports: error
  import/first: error
  import/newline-after-import: error
  import/no-duplicates: error

  # tailwind.config.js
  global-require: off

  # set up prettier as an eslint plugin
  prettier/prettier:
    - error
    - tabWidth: 2
      printWidth: 100
      singleQuote: true

# don't enforce explicit-any rule in test files
overrides:
  - files:
      - "*.test.ts"
    rules:
      "@typescript-eslint/no-explicit-any": "off"