Align component schematics with current angular (add type parameter)

[DaSchTour]

I'm submitting a...

[ ] Regression (a behavior that used to work and stopped working in a new release)
[ ] Bug report  
[ ] Performance issue
[X] Feature request
[ ] Documentation issue or request
[ ] Support request
[ ] Other... Please describe:

Current behavior

Type parameter is not present in spectator component schematics

Expected behavior

Type parameter can be used in spectator component schematics

What is the motivation / use case for changing the behavior?

Angular added a type parameter to the component schematic. This is very useful to create different types of components, with an expanded naming convention.

Environment

Angular version: 11.2.X

[NetanelBasal]

Can you show what you mean, please?

[DaSchTour]

@NetanelBasal is this code point from angular schematics enough? https://github.com/angular/angular-cli/blob/master/packages/schematics/angular/component/schema.json#L86

Or check this PR angular/angular-cli#15754

[vecernik]

Using Angular 12.0.4 and Spectator 7.2.0.

In angular.json :

"schematics": {
   "@ngneat/spectator:spectator-component": {
      "style": "scss",
      "skipTests": false,
      "changeDetection": "OnPush",
      "skipImport": true
    }
}

Then I try to create a component:

ng generate spectator-component NavLink

And get an error:

"SpectatorSchematicsAngularComponent" schema is using the keyword "id" which its support is deprecated. Use "$id" for schema ID.
InvalidInputOptions [Error]: Schematic input does not validate against the Schema: {"style":"scss","skipTests":true,"changeDetection":"OnPush","skipImport":true,"path":"apps/ui/src/features/layout","project":"ui","name":"NavLink","inlineStyle":false,"inlineTemplate":false,"styleext":"css","spec":false,"flat":false,"export":false,"withHost":false,"withCustomHost":false,"jest":false}
Errors:

  Data path "" must NOT have additional properties(styleext).
 ... stack trace omitted ...
  errors: [
    {
      instancePath: '',
      schemaPath: '#/additionalProperties',
      keyword: 'additionalProperties',
      params: [Object],
      message: 'must NOT have additional properties'
    }
  ]
}
Schematic input does not validate against the Schema: {"style":"scss","skipTests":true,"changeDetection":"OnPush","skipImport":true,"path":"apps/ui/src/features/layout","project":"ui","name":"NavLink","inlineStyle":false,"inlineTemplate":false,"styleext":"css","spec":false,"flat":false,"export":false,"withHost":false,"withCustomHost":false,"jest":false}
Errors:

  Data path "" must NOT have additional properties(styleext).

[wilgert]

We experience almost the same issue as @vecernik:
In our case it complains about "jest" being an additional property:

InvalidInputOptions [Error]: Schematic input does not validate against the Schema: 

{
  "jest": true,
  "name": "AttributeRating",
  "project": "redacted",
  "path": "libs/redacted/frontend/redacted/src/lib/redacted",
  "inlineStyle": false,
  "inlineTemplate": false,
  "changeDetection": "Default",
  "styleext": "css",
  "style": "css",
  "spec": false,
  "skipTests": true,
  "flat": false,
  "skipImport": false,
  "export": false,
  "withHost": false,
  "withCustomHost": false
}

Errors:

  Data path "" must NOT have additional properties(jest).