Feature: Add a way to output lint result to a file

[PodgeHeavin]

🚀 Feature request

- [ ] new
- [ ] build
- [ ] serve
- [ ] test
- [ ] e2e
- [ ] generate
- [ ] add
- [ ] update
- [x ] lint
- [ ] xi18n
- [ ] run
- [ ] config
- [ ] help
- [ ] version
- [ ] doc

Description

ng lint --format=json > issues.json
Worked previously as describe here: #4959
Worked for outputting results to json or any format.

In Angular 7 there was the addition of color to the output of lint results. This has broken the above workaround for outputting to a file.

what was previously like:

[
    {
        "endPosition": {
            "character": 144,
            "line": 8,
            "position": 361
        },
        "failure": "Exceeds maximum line length of 140",
        "name": "C:/myProject/src/app/modeling.component.ts",
        "ruleName": "max-line-length",
        "ruleSeverity": "ERROR",
        "startPosition": {
            "character": 0,
            "line": 8,
            "position": 217
        }
    }
]

is now like so

�[37m[
    {
        "endPosition": {
            "character": 144,
            "line": 8,
            "position": 361
        },
        "failure": "Exceeds maximum line length of 140",
        "name": "C:/myProject/src/spp/modeling.component.ts",
        "ruleName": "max-line-length",
        "ruleSeverity": "ERROR",
        "startPosition": {
            "character": 0,
            "line": 8,
            "position": 217
        }
    }
]�[39m

Solution I would like

I would like an option added to ng lint to output to a file easily

Workaround

"ng lint --format=json | sed -r \"s/\\x1B\[([0-9]{1,2}(;[0-9]{1,2})?)?[mGK]//g\" > issues.json"
Which is ugly but works

[mgechev]

I'd approach similarly - just redirect stdout to a file. If you want to have a more "native" feel, I'd recommend you to implement a custom tslint formatter and update your configuration in tslint.json.

Although this feature seems useful in some specific scenarios, we need to be careful expanding the scope of the CLI with functionalities which have good pre-existing solutions.

I hope this helps! Thanks :)

[PodgeHeavin]

What is the point of the json ouput option if the cli is printing it unusable as actual json. Makes no sense to me. This was working in Angular 6 but has broken in Angular 7

[mgechev]

@alan-agius4 pointed out that this is a regression; reopening.

[alan-agius4]

@PodgeHeavin, I am unable to reproduce the issue.

Can you run ng --version?

You should have the following versions

@angular-devkit/build-angular     0.12.2
@angular-devkit/core              7.2.2

My result is

[
    {
        "endPosition": {
            "character": 26,
            "line": 8,
            "position": 214
        },
        "failure": "\" should be '",
        "fix": {
            "innerStart": 198,
            "innerLength": 16,
            "innerText": "'int-issue-json'"
        },
        "name": "/Users/alan/git/lint-issue-json/src/app/app.component.ts",
        "ruleName": "quotemark",
        "ruleSeverity": "ERROR",
        "startPosition": {
            "character": 10,
            "line": 8,
            "position": 198
        }
    },
    {
        "endPosition": {
            "character": 26,
            "line": 8,
            "position": 214
        },
        "failure": "Missing semicolon",
        "fix": {
            "innerStart": 214,
            "innerLength": 0,
            "innerText": ";"
        },
        "name": "/Users/alan/git/lint-issue-json/src/app/app.component.ts",
        "ruleName": "semicolon",
        "ruleSeverity": "ERROR",
        "startPosition": {
            "character": 26,
            "line": 8,
            "position": 214
        }
    }
]

[PodgeHeavin]

     _                      _                 ____ _     ___
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/


Angular CLI: 7.1.4
Node: 8.11.3
OS: win32 x64
Angular: 7.1.4
... animations, cli, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... router

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.11.4
@angular-devkit/build-angular     0.11.4
@angular-devkit/build-optimizer   0.11.4
@angular-devkit/build-webpack     0.11.4
@angular-devkit/core              7.1.4
@angular-devkit/schematics        7.1.4
@ngtools/webpack                  7.1.4
@schematics/angular               7.1.4
@schematics/update                0.11.4
rxjs                              6.3.3
typescript                        3.1.6
webpack                           4.23.1

[alan-agius4]

Kindly update to the latest version of packages mentioned above and see if you still encounter the issue.