JSPM

  • Created
  • Published
  • Downloads 161907
  • Score
    100M100P100Q166316F
  • License MIT

ESLint rules to disable mutation and promote fp in TypeScript.

Package Exports

  • eslint-plugin-functional

Readme

eslint-logo

eslint-plugin-functional

npm version CI Coverage Status semantic-release code style: prettier MIT license GitHub Discussions

An ESLint plugin to disable mutation and promote functional programming in JavaScript and TypeScript.

👋 If you previously used the rules in tslint-immutable, this package is the ESLint version of those rules. Please see the migration guide for how to migrate.

Features

No mutations

One aim of this project is to leverage the type system in TypeScript to enforce immutability at compile-time while still using regular objects and arrays. Additionally, this project will also aim to support disabling mutability for vanilla JavaScript where possible.

No object-orientation

JavaScript is multi-paradigm, allowing both object-oriented and functional programming styles. In order to promote a functional style, the object oriented features of JavaScript need to be disabled.

No statements

In functional programming everything is an expression that produces a value. JavaScript has a lot of syntax that is just statements that does not produce a value. That syntax has to be disabled to promote a functional style.

No exceptions

Functional programming style does not use run-time exceptions. Instead expressions produces values to indicate errors.

Currying

JavaScript functions support syntax that is not compatible with curried functions. To enable currying this syntax has to be disabled.

Stylistic

Enforce code to be written in a more functional style.

Installation

JavaScript

# Install with npm
npm install -D eslint eslint-plugin-functional

# Install with yarn
yarn add -D eslint eslint-plugin-functional

TypeScript

# Install with npm
npm install -D eslint @typescript-eslint/parser tsutils eslint-plugin-functional

# Install with yarn
yarn add -D eslint @typescript-eslint/parser tsutils eslint-plugin-functional

Usage

Add functional to the plugins section of your .eslintrc configuration file. Then configure the rules you want to use under the rules section.

{
  "plugins": ["functional"],
  "rules": {
    "functional/rule-name": "error"
  }
}

There are several rulesets provided by this plugin. See below for what they are and what rules are including in each. Enable rulesets via the "extends" property of your .eslintrc configuration file.

{
  // ...
  "extends": [
    "plugin:functional/external-vanilla-recommended",
    "plugin:functional/recommended",
    "plugin:functional/stylistic"
  ]
}

With TypeScript

Add @typescript-eslint/parser to the "parser" filed in your .eslintrc configuration file. To use type information, you will need to specify a path to your tsconfig.json file in the "project" property of "parserOptions".

{
  "parser": "@typescript-eslint/parser",
  "parserOptions": {
    "project": "./tsconfig.json"
  }
}

See @typescript-eslint/parser's README.md for more information on the available parser options.

Example Config

{
  "parser": "@typescript-eslint/parser",
  "parserOptions": {
    "project": "tsconfig.json"
  },
  "env": {
    "es6": true
  },
  "plugins": [
    "@typescript-eslint",
    "functional"
  ],
  "extends": [
    "eslint:recommended",
    "plugin:@typescript-eslint/eslint-recommended",
    "plugin:@typescript-eslint/recommended",
    "plugin:@typescript-eslint/recommended-requiring-type-checking",
    "plugin:functional/external-typescript-recommended",
    "plugin:functional/recommended",
    "plugin:functional/stylistic"
  ]
}

Rulesets

The following rulesets are made available by this plugin:

Presets:

  • Recommended (plugin:functional/recommended)
  • Lite (plugin:functional/lite)
  • Off (plugin:functional/off)

Categorized:

  • Currying (plugin:functional/currying)
  • No Exceptions (plugin:functional/no-exceptions)
  • No Mutations (plugin:functional/no-mutations)
  • No Object Orientation (plugin:functional/no-object-orientation)
  • No Statements (plugin:functional/no-statements)
  • Stylistic (plugin:functional/stylistic)

Other:

  • All (plugin:functional/all) - Enables all rules defined in this plugin.
  • External Vanilla Recommended (plugin:functional/external-vanilla-recommended) - Configures recommended vanilla ESLint rules.
  • External Typescript Recommended (plugin:functional/external-typescript-recommended) - Configures recommended TypeScript ESLint rules. Enabling this ruleset will also enable the vanilla one.

The below section gives details on which rules are enabled by each ruleset.

Supported Rules

Key:

Symbol Meaning
🙉 Ruleset: Lite
This ruleset is designed to enforce a somewhat functional programming code style.
🙊 Ruleset: Recommended
This ruleset is designed to enforce a functional programming code style.
🔧 Fixable
Problems found by this rule are potentially fixable with the --fix option.
💭 Only Available for TypeScript
The rule either requires Type Information or only works with TypeScript syntax.
💙 Works better with TypeScript
Type Information will be used if available making the rule work in more cases.

No Mutations Rules

🙈 = no-mutations Ruleset.

Name Description 🙈 🙉 🙊 🔧 💙
immutable-data Disallow mutating objects and arrays ✔️ ✔️ ✔️ 💙
no-let Disallow mutable variables ✔️ ✔️ ✔️
prefer-immutable-parameter-types Require parameters to be deeply readonly ✔️ ✔️ ✔️ 💭
type-declaration-immutability Enforce type immutability with patterns ✔️ ✔️ ✔️ 💭

No Object-Orientation Rules

🙈 = no-object-orientation Ruleset.

Name Description 🙈 🙉 🙊 🔧 💙
no-class Disallow classes ✔️ ✔️ ✔️
no-mixed-type Disallow types from containing both callable and non-callable members ✔️ ✔️ ✔️ 💭
no-this-expression Disallow this access ✔️ ✔️ ✔️

No Statements Rules

🙈 = no-statements Ruleset.

Name Description 🙈 🙉 🙊 🔧 💙
no-conditional-statement Disallow conditional statements (if and switch statements) ✔️ ✔️ 💭
no-expression-statement Disallow expressions to cause side-effects ✔️ ✔️ 💭
no-loop-statement Disallow imperative loops ✔️ ✔️ ✔️
no-return-void Disallow functions that return nothing ✔️ ✔️ ✔️ 💭

No Exceptions Rules

🙈 = no-exceptions Ruleset.

Name Description 🙈 🙉 🙊 🔧 💙
no-promise-reject Disallow rejecting Promises
no-throw-statement Disallow throwing exceptions ✔️ ✔️ ✔️
no-try-statement Disallow try-catch[-finally] and try-finally patterns ✔️ ✔️

Currying Rules

🙈 = currying Ruleset.

Name Description 🙈 🙉 🙊 🔧 💙
functional-parameters Functions must have functional parameters ✔️ ✔️ ✔️

Stylistic Rules

🙈 = stylistic Ruleset.

Name Description 🙈 🙉 🙊 🔧 💙
prefer-property-signatures Enforce property signatures over method signatures ✔️ 💭
prefer-tacit Tacit/Point-Free style. ✔️ 🔧 💙

In addition to the immutability rules above, there are a few standard rules that need to be enabled to achieve immutability.

These rules are what are included in the external recommended rulesets.

no-var

Without this rule, it is still possible to create var variables that are mutable.

no-param-reassign

Don't allow function parameters to be reassigned, they should be treated as constants.

prefer-const

This rule is helpful when converting from an imperative code style to a functional one.

@typescript-eslint/prefer-readonly

This rule is helpful when working with classes.

@typescript-eslint/switch-exhaustiveness-check

Although our no-conditional-statement rule also performs this check, this rule has a fixer that will implement the unimplemented cases which can be useful.

How to contribute

For new features file an issue. For bugs, file an issue and optionally file a PR with a failing test.

How to develop

To execute the tests run yarn test.

To learn about ESLint plugin development see the relevant section of the ESLint docs. You can also checkout the typescript-eslint repo which has some more information specific to TypeScript.

In order to know which AST nodes are created for a snippet of TypeScript code you can use AST explorer with options JavaScript and @typescript-eslint/parser.

Commit Messages

tl;dr: use npx cz instead of git commit.

Commit messages must follow Conventional Commit messages guidelines. You can use npx cz instead of git commit to run a interactive prompt to generate the commit message. We've customize the prompt specifically for this project. For more information see commitizen.

How to publish

Publishing is handled by semantic release - there shouldn't be any need to publish manually.

Prior work

This project started off as a port of tslint-immutable which was originally inspired by eslint-plugin-immutable.