Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

eslint-plugin-ts-immutable

Package Overview
Dependencies
Maintainers
2
Versions
4
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

eslint-plugin-ts-immutable

ESLint rules to disable mutation in TypeScript.

  • 0.3.0
  • latest
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
19
decreased by-45.71%
Maintainers
2
Weekly downloads
 
Created
Source

eslint-plugin-ts-immutable

npm version travis build Coverage Status code style: prettier MIT license

ESLint rules to disable mutation in JavaScript and TypeScript.

Background

In some applications it is important to not mutate any data, for example when using Redux to store state in a React application. Moreover immutable data structures has a lot of advantages in general so I want to use them everywhere in my applications.

I originally used immutablejs for this purpose. It is a really nice library but I found it had some drawbacks. Specifically when debugging it was hard to see the structure, creating JSON was not straightforward, and passing parameters to other libraries required converting to regular mutable arrays and objects. The seamless-immutable project seems to have the same conclusions and they use regular objects and arrays and check for immutability at run-time. This solves all the aformentioned drawbacks but introduces a new drawback of only being enforced at run-time. (Altough you loose the structural sharing feature of immutablejs with this solution so you would have to consider if that is something you need).

Then TypeScript 2.0 came along and introduced readonly options for properties, indexers and arrays. TypeScript 3.0 has continued to add support immutability enforcing syntax. This enables us to use regular object and arrays and have the immutability enforced at compile time instead of run-time. Now the only drawback is that there is nothing enforcing the use of readonly in TypeScript.

This can be solved by using linting rules. So the 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 vanilla JavaScript where possible.

Installing

npm install eslint eslint-plugin-ts-immutable --save-dev

Note: If you installed ESLint globally (using the -g flag) then you must also install eslint-plugin-ts-immutable globally.

To use this plugin with TypeScript, additionally install @typescript-eslint/parser.

npm install eslint @typescript-eslint/parser eslint-plugin-ts-immutable --save-dev

Usage

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

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

The following rulesets are provided by this plugin. See bellow for what rules are including in each.

  • recommended
  • functional-lite
  • functional

You can enable one of these rulesets like so:

{
  "extends": ["plugin:ts-immutable/recommended"]
}

With TypeScript

@typescript-eslint/parser is needed to parse TypeScript code; add @typescript-eslint/parser to the "parser" filed in your .eslintrc configuration file. Additionally, for this plugin 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"
  },
  "plugins": ["ts-immutable"],
  "rules": {
    "ts-immutable/rule-name": "error"
  }
}

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

Note: Make sure to use eslint --ext .js,.ts since by default eslint will only search for .js files.

Supported Rules

In addition to immutable rules this project also contains a few rules for enforcing a functional style of programming. The following rules are available:

Key:

SymbolMeaning
:see_no_evil:Ruleset: Recommended
This ruleset is designed to enforce immutability in the code.
:hear_no_evil:Ruleset: Functional Lite
This ruleset is designed to enforce a somewhat functional programming code style.
:speak_no_evil:Ruleset: Functional
This ruleset is designed to enforce a functional programming code style.
:wrench:Fixable
Problems found by this rule are potentially fixable with the --fix option.
:thought_balloon:Only Avaliable for TypeScript
The rule either requires Type Information or only works with TypeScript syntax.
:blue_heart:Works better with TypeScript
Type Information will be used if available making the rule work in more case.

Immutability rules

NameDescription:see_no_evil::hear_no_evil::speak_no_evil::wrench::blue_heart:
prefer-readonly-typesUse readonly types and readonly modifiers where possible:heavy_check_mark::heavy_check_mark::heavy_check_mark::wrench::thought_balloon:
no-letDisallow mutable variables:heavy_check_mark::heavy_check_mark::heavy_check_mark:
immutable-dataDisallow mutating objects and arrays:heavy_check_mark::heavy_check_mark::heavy_check_mark::blue_heart:
no-method-signatureEnforce property signatures with readonly modifiers over method signatures:heavy_check_mark::heavy_check_mark::heavy_check_mark::thought_balloon:

Functional style rules

NameDescription:see_no_evil::hear_no_evil::speak_no_evil::wrench::blue_heart:
no-thisDisallow this access:heavy_check_mark::heavy_check_mark:
no-classDisallow classes:heavy_check_mark::heavy_check_mark:
no-mixed-interfaceRestrict interfaces so that only members of the same kind are allowed in them:heavy_check_mark::heavy_check_mark::thought_balloon:
no-expression-statementDisallow expressions to cause side-effects:heavy_check_mark:
no-conditional-statementDisallow conditional statements (if and switch statements):heavy_check_mark:
no-loop-statementDisallow imperative loops:heavy_check_mark::heavy_check_mark:
no-return-voidDisallow function that return nothing:heavy_check_mark::heavy_check_mark::thought_balloon:
functional-parametersFunctions must have functional parameter:heavy_check_mark::heavy_check_mark:
no-throwDisallow throwing exceptions:heavy_check_mark::heavy_check_mark:
no-tryDisallow try-catch[-finally] and try-finally patterns:heavy_check_mark:
no-rejectDisallow rejecting Promises

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

Each of these rules are enabled by default in the rulesets this plugin provides.

no-var

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

no-param-reassign

Without this rule, function parameters are mutable.

prefer-const

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

@typescript-eslint/explicit-function-return-type

For performance reasons, tslint-immutable does not check implicit return types. So for example this function will return an mutable array but will not be detected:

function foo() {
  return [1, 2, 3];
}

To avoid this situation you can enable @typescript-eslint/explicit-function-return-type. Now the above function is forced to declare the return type and the mutability will be detected.

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 se the relevant section of the eslit 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.

How to publish

yarn version --patch
yarn version --minor
yarn version --major

Prior work

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

Keywords

FAQs

Package last updated on 19 Jul 2019

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc