Merge pull request #475 from SwabianCoder/feature/467-ngx-toolset-template-type-checker-should-make-use-of-standalone-api

Feature/467 ngx toolset template type checker should make use of standalone api

Author: SwabianCoder

projects/template-type-checker/CHANGELOG.md

@@ -5,6 +5,12 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [2.0.0] - 2023-11-10
+
+### Added
+
+- support for Angular's standalone API
+
 ## [1.0.1] - 2023-08-26
 
 ### Fixed

projects/template-type-checker/README.md

@@ -30,32 +30,35 @@ Choose the version corresponding to your Angular version:
 
 | Angular | @ngx-toolset/template-type-checker |
 |---------|------------------------------------|
-| 16.x.x  | 1.x.x                              |
+| 14.x.x  | >=0.0.1 <=1.0.0-rc.9               |
+| 15.x.x  | 1.0.0-rc.10                        |
+| 16.x.x  | >=1.0.0-rc.11 <=2.x.x              |
 
 ## Usage
 
-### Module Import
+### Import
 
-Import the `TemplateTypeCheckerModule` in the module(s) you would like to use the `TypeCheckerPipe`:
+Import the `TypeCheckerPipe` in the component(s) you would like to use it:
 
 ```ts
-import { NgModule } from '@angular/core';
-import { SampleComponent } from './sample.component';
-import { TemplateTypeCheckerModule } from '@ngx-toolset/template-type-checker';
-
-@NgModule({
-  declarations: [SampleComponent],
-  imports: [
-    TemplateTypeCheckerModule,
-  ],
+import { Component } from '@angular/core';
+import { TypeCheckerPipe } from '@ngx-toolset/template-type-checker';
+
+@Component({
+  selector: 'app-sample',
+  templateUrl: 'sample.component.html',
+  styleUrls: ['sample.component.scss'],
+  standalone: true,
+  imports: [TypeCheckerPipe],
 })
-export class SampleModule {}
+export class SampleComponent {}
 ```
 
-### TS
+### TS Example
 
 ```ts
 import { Component } from '@angular/core';
+import { TypeCheckerPipe } from '@ngx-toolset/template-type-checker';
 
 class ClassA {}
 
@@ -64,7 +67,9 @@ class ClassB {}
 @Component({
   selector: 'app-sample',
   templateUrl: './sample.component.html',
-  styleUrls: ['./sample.component.scss']
+  styleUrls: ['./sample.component.scss'],
+  standalone: true,
+  imports: [TypeCheckerPipe],
 })
 export class SampleComponent {
   public classA: typeof ClassA;
@@ -79,7 +84,7 @@ export class SampleComponent {
 }
 ```
 
-### HTML
+### HTML Example
 
 ```html
 <!-- TypeCheckerPipe returns object of type ClassA -> ngIf evaluates to truthy value -->

projects/template-type-checker/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ngx-toolset/template-type-checker",
-  "version": "1.0.1",
+  "version": "2.0.0",
   "description": "Validate object's class instance type in Angular HTML template",
   "homepage": "https://github.com/SwabianCoder/ngx-toolset",
   "license": "MIT",

projects/template-type-checker/src/lib/template-type-checker.module.ts

@@ -1,4 +1,5 @@
 import { Pipe, PipeTransform } from '@angular/core';
+
 import { Constructor } from './types';
 
 /**
@@ -11,6 +12,7 @@ import { Constructor } from './types';
  */
 @Pipe({
   name: 'typeChecker',
+  standalone: true,
 })
 export class TypeCheckerPipe implements PipeTransform {
   /**

projects/template-type-checker/src/lib/type-checker.pipe.ts

@@ -1,2 +1 @@
-export * from './lib/template-type-checker.module';
 export * from './lib/type-checker.pipe';