js-cleanup

Smart comment and whitespace cleaner for JavaScript-like files.

With js-cleanup you have:

• Compaction of empty lines within multiline comments and/or out of them.
• Normalization of line endings to Unix, Mac, or Windows.
• Removal of JavaScript comments through powerful, configurable filters.
• Removal of trailing whitespace of each line.
• TypeScript definitions.
• Sourcemap support.

Although js-cleanup is not locked to a particular JavaScript dialect and can handle any JS-like file: TypeScript, Flow, React, ES9, etc, it is mainly a postprocessor, so it should be runned in a later stage of your toolchain, after any preprocessor or transpiler.

js-cleanup requires node v10.14.2 or above, but avoid the buggy v11.x

Why not Uglify?

Uglify is a excelent minifier but you have little control over the results, while with js-cleanup your coding style remains intact and the removal of comments is strictly under your control.

Support my Work

I'm a full-stack developer with more than 20 year of experience and I try to share most of my work for free and help others, but this takes a significant amount of time and effort so, if you like my work, please consider...

Of course, feedback, PRs, and stars are also welcome 🙃

Thanks!

Install

$ npm install js-cleanup -D
# or
$ yarn add js-cleanup -D

Usage

jsCleanup(sourceCode: string, fileName?: string | null, options?: Options): Result;

Result

The result is a plain JS object of this type:

type Result = {
  code: string;
  map?: object | null;
};

| Name | Description | | ---- | ------------------------------------------------------------------------------------------------ | | code | The processed code. | | map | A raw sourcemap object, or null if the text did not change.Undefined if sourcemap:false. |

Options

Type definition:

type Options = {
  comments?: string | RegExp;
  compactComments?: boolean;
  maxEmptyLines?: number; // use -1 to preserve all the lines
  lineEndings?: string; // 'mac' | 'unix' | 'win'
  sourcemap?: boolean;
  sourcemapOptions: {
    includeContent?: boolean;
    inlineMap?: boolean;
    hires?: boolean;
  };
};

| Name | Default | Description | | ------------------ | ------- | ------------------------------------------------------------------------------------------------------------------------------------------------ | | comments | 'some' | Filter or array of filters that determinates which comments should be preserved.Use "all" to keep all, or "none" to remove all the comments. | | compactComments | true | Should js-cleanup also compact whitespace and blank lines in the preserved multiline comments?Line-ending normalization is always done. | | maxEmptyLines | 0 | Maximum successive empty lines to preserve in the output.Use a positive value, or -1 to preserve all the lines | | lineEndings | 'unix' | Type of Line-ending for normalization: "unix", "mac", "win". | | sourcemap | true | Should js-cleanup generate a sourcemap? | | sourcemapOptions | - | | includeContent | false | Include the original source text in the sourcemap? | | inlineMap | false | Inline the sourcemap in the processed text? | | hires | true | Should a hi-res sourcemap be generated? |

Note:
If you want to keep JSDoc comments, you should also set compactComments: false.
Since the JSDoc presentation depends on empty lines, these should be controlled by you.

Predefined Comment Filters

Instead the special 'all' or 'none' keywords, you can use any combination of custom filters along with any of these predefined ones:

| Name | Will preserve... | | -------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | some | Comments containing "@license", "@preserve", or starting with "!". | | license | Comments containing "@license". | | eslint | ESLint directives. | | flow | Facebook Flow directives, comment types, and flowlint comments. | | istanbul | istanbul ignore comments. | | jsdoc | JSDoc comments. | | jshint | JSHint directives. | | jslint | JSLint directives. | | sources | Sourcemap directives sourceURL and sourceMappingURL. | | ts | MS TypeScript Triple-Slash and @ts-* directives, plus the @jsx pragma. | | ts3s | TypeScript Triple-Slash directives. |

Note:
Since none of this filters is really accurate (js-cleanup is not a parser), they are suitable for the job without introducing greater complexity.

See the regexes in src/predef-filters.ts

Custom Filters

A custom filter is a regex that must match the content of the comments that you want to preserve.

The content of the comments tested by each filter does not includes the first slash, nor the */ terminator of the multiline comments, so the multiline comments begins with an asterisk (*) and single-line comments begins with a slash (/).

For example, the following filters will preserve ESLint directives and multiline comments starting with a dash:

const cleanedCode = jsCleanup(code, null, {
  comments: ["eslint", /^\*-/],
});

License

The MIT License

© 2018-2020 Alberto Martínez