@igniteui/angular-templates 18.0.1400-alpha.2 → 18.0.1400-alpha.4

package/AngularTypeScriptFileUpdate.d.ts

@@ -34,6 +34,16 @@ export declare class AngularTypeScriptFileUpdate extends TypeScriptFileUpdate {
      * @param multiline Whether to format the new entry as multiline.
      */
     addNgModuleMeta(dep: TemplateDependency, variables?: KeyValuePair<string>, multiline?: boolean): void;
+    /**
+     * Includes `{ bindToComponentInputs: true }` for a `forRoot` call in an `NgModule`'s `imports` member.
+     *
+     * For standalone projects, includes an `withComponentInputBinding` call in a `providers` variable. Mainly present in an `app.config` file.
+     */
+    allowComponentInputBinding(): void;
+    /**
+     * Provides the `HttpClient` for standalone applications.
+     */
+    provideHttpClientForStandaloneAppConfig(): void;
     protected buildRouteStructure(route: AngularRouteLike, multiline: boolean): RouteEntry[];
     /**
      * Updates an Angular decorator's metadata.

package/AngularTypeScriptFileUpdate.js

@@ -31,7 +31,7 @@ class AngularTypeScriptFileUpdate extends cli_core_1.TypeScriptFileUpdate {
         }
         const structure = this.buildRouteStructure(route, multiline);
         const newRoute = this.astTransformer.createObjectLiteralExpression(structure, multiline);
-        this.astTransformer.requestNewMembersInArrayLiteral((0, cli_core_1.RoutesVariableAsParentCondition)(this.astTransformer), [newRoute], prepend, anchorElement);
+        this.astTransformer.requestNewMembersInArrayLiteral((0, cli_core_1.variableAsParentCondition)(this.astTransformer, cli_core_1.ROUTES_VARIABLE_NAME), [newRoute], prepend, anchorElement);
     }
     addChildRoute(parentPath, route, asIdentifier = false, multiline = false) {
         super.addChildRoute(parentPath, route, asIdentifier, multiline);
@@ -124,6 +124,48 @@ class AngularTypeScriptFileUpdate extends cli_core_1.TypeScriptFileUpdate {
             this.mutateNgDecoratorMeta(cli_core_1.NG_MODULE_DECORATOR_NAME, copy.schemas, types_1.AngularDecoratorMetaTarget.Schemas, multiline);
         }
     }
+    /**
+     * Includes `{ bindToComponentInputs: true }` for a `forRoot` call in an `NgModule`'s `imports` member.
+     *
+     * For standalone projects, includes an `withComponentInputBinding` call in a `providers` variable. Mainly present in an `app.config` file.
+     */
+    allowComponentInputBinding() {
+        if (this.standalone) {
+            this.astTransformer.requestNewImportDeclaration({
+                identifiers: [{ name: cli_core_1.WITH_COMPONENT_INPUT_BINDING }],
+                moduleName: cli_core_1.NG_ROUTER_PACKAGE,
+            });
+            // create withComponentInputBinding()
+            const callExpr = ts.factory.createCallExpression(ts.factory.createIdentifier(cli_core_1.WITH_COMPONENT_INPUT_BINDING), undefined, // type args
+            [] // args
+            );
+            this.astTransformer.requestNewArgumentInMethodCallExpression((node) => ts.isIdentifier(node.expression) &&
+                node.expression.text === cli_core_1.PROVIDE_ROUTER &&
+                (0, cli_core_1.variableAsParentCondition)(this.astTransformer, cli_core_1.NG_DECORATOR_PROVIDERS)(node), callExpr);
+        }
+        else {
+            const objLiteral = this.astTransformer.createObjectLiteralExpression([{ bindToComponentInputs: cli_core_1.TRUE_CLAUSE }], false, // multiline
+            () => ts.factory.createTrue());
+            this.astTransformer.requestNewArgumentInMethodCallExpression((node) => ts.isPropertyAccessExpression(node.expression) &&
+                ts.isIdentifier(node.expression.name) &&
+                node.expression.name.text === cli_core_1.NG_FOR_ROOT_IDENTIFIER_NAME &&
+                this.checkNgDecorator(cli_core_1.NG_MODULE_DECORATOR_NAME, node), objLiteral);
+        }
+    }
+    /**
+     * Provides the `HttpClient` for standalone applications.
+     */
+    provideHttpClientForStandaloneAppConfig() {
+        this.astTransformer.requestNewImportDeclaration({
+            identifiers: [{ name: cli_core_1.NG_HTTP_CLIENT_PROVIDER }],
+            moduleName: cli_core_1.NG_COMMON_HTTP_PACKAGE,
+        });
+        // create provideHttpClient()
+        const callExpr = ts.factory.createCallExpression(ts.factory.createIdentifier(cli_core_1.NG_HTTP_CLIENT_PROVIDER), undefined, // type args
+        [] // args
+        );
+        this.astTransformer.requestNewMembersInArrayLiteral((0, cli_core_1.variableAsParentCondition)(this.astTransformer, cli_core_1.NG_DECORATOR_PROVIDERS), [callExpr]);
+    }
     //#endregion
     //#region Protected Overrides
     buildRouteStructure(route, multiline) {

package/IgniteUIForAngularTemplate.js

@@ -65,11 +65,7 @@ class IgniteUIForAngularTemplate {
                     data: { text: cli_core_1.Util.nameFromPath(name) },
                     identifierName: className
                 });
-                const content = rountesConfig.finalize();
-                if (content) {
-                    // add to a finalize override in the NG File Update instead?
-                    cli_core_1.TypeScriptUtils.saveFile(routesConfigPath, content);
-                }
+                rountesConfig.finalize();
             }
             const componentFile = new TsUpdate(componentFilePath, true, { indentSize: 2, singleQuotes: true });
             for (const dep of this.dependencies) {
@@ -82,11 +78,7 @@ class IgniteUIForAngularTemplate {
                 }
                 componentFile.addStandaloneComponentMeta(dep, cli_core_1.Util.applyDelimiters(this.getBaseVariables(name), this.delimiters.content));
             }
-            const content = componentFile.finalize();
-            if (content) {
-                // add to a finalize override in the NG File Update instead?
-                cli_core_1.TypeScriptUtils.saveFile(componentFilePath, content);
-            }
+            componentFile.finalize();
             return;
         }
         // ngModule based components
@@ -102,11 +94,7 @@ class IgniteUIForAngularTemplate {
                 data: { text: cli_core_1.Util.nameFromPath(name) },
                 identifierName: className
             });
-            const content = routingModule.finalize();
-            if (content) {
-                // add to a finalize override in the NG File Update instead?
-                cli_core_1.TypeScriptUtils.saveFile(routingModulePath, content);
-            }
+            routingModule.finalize();
         }
         //3) add an import of the component class from its file location.
         //4) populate the declarations portion of the @NgModule with the component class name.
@@ -131,11 +119,7 @@ class IgniteUIForAngularTemplate {
                 );
             }
         }
-        const content = mainModule.finalize();
-        if (content) {
-            // add to a finalize override in the NG File Update instead?
-            cli_core_1.TypeScriptUtils.saveFile(mainModulePath, content);
-        }
+        mainModule.finalize();
     }
     getExtraConfiguration() {
         return [];

package/igx-ts/projects/_base/files/src/app/app.config.ts

@@ -1,27 +1,19 @@
 import { ApplicationConfig, ErrorHandler, Provider, importProvidersFrom } from '@angular/core';
-import { provideRouter, withComponentInputBinding } from '@angular/router';
+import { provideRouter } from '@angular/router';
 import { BrowserModule, HammerModule } from '@angular/platform-browser';
 import { provideAnimations } from '@angular/platform-browser/animations';
-import {
-  IgxNavigationDrawerModule,
-  IgxNavbarModule,
-  IgxLayoutModule,
-  IgxRippleModule,
-} from 'igniteui-angular';
 
 import { routes } from './app.routes';
 import { GlobalErrorHandlerService } from './error-routing/error/global-error-handler.service';
 import { environment } from '../environments/environment';
 
 const providers: Provider[] = [
-  [
-    provideRouter(routes, withComponentInputBinding()),
-    importProvidersFrom(BrowserModule),
-    provideAnimations()
-    // provide the HAMMER_GESTURE_CONFIG token
-    // to override the default settings of the HammerModule
-    // { provide: HAMMER_GESTURE_CONFIG, useClass: MyHammerConfig }
-  ]
+  provideRouter(routes),
+  importProvidersFrom(BrowserModule, HammerModule),
+  provideAnimations()
+  // provide the HAMMER_GESTURE_CONFIG token
+  // to override the default settings of the HammerModule
+  // { provide: HAMMER_GESTURE_CONFIG, useClass: MyHammerConfig }
 ];
 
 if (environment.production) {

package/igx-ts/projects/_base_with_home/files/src/app/app.config.ts

@@ -1,8 +1,8 @@
 import { ApplicationConfig } from '@angular/core';
-import { provideRouter, withComponentInputBinding } from '@angular/router';
+import { provideRouter } from '@angular/router';
 
 import { routes } from './app.routes';
 
 export const appConfig: ApplicationConfig = {
-  providers: [provideRouter(routes, withComponentInputBinding())]
+  providers: [provideRouter(routes)]
 };

package/igx-ts/projects/empty/files/src/app/app.config.ts

@@ -1,8 +1,8 @@
 import { ApplicationConfig } from '@angular/core';
-import { provideRouter, withComponentInputBinding } from '@angular/router';
+import { provideRouter } from '@angular/router';
 
 import { routes } from './app.routes';
 
 export const appConfig: ApplicationConfig = {
-  providers: [provideRouter(routes, withComponentInputBinding())]
+  providers: [provideRouter(routes)]
 };

package/igx-ts/projects/side-nav/files/src/app/app.config.ts

@@ -1,5 +1,5 @@
 import { ApplicationConfig, importProvidersFrom } from '@angular/core';
-import { provideRouter, withComponentInputBinding } from '@angular/router';
+import { provideRouter } from '@angular/router';
 import { BrowserModule, HammerModule } from '@angular/platform-browser';
 import { provideAnimations } from '@angular/platform-browser/animations';
 import {
@@ -13,7 +13,7 @@ import { routes } from './app.routes';
 
 export const appConfig: ApplicationConfig = {
   providers: [
-    provideRouter(routes, withComponentInputBinding()),
+    provideRouter(routes),
     importProvidersFrom(
       BrowserModule,
       HammerModule,

package/igx-ts/projects/side-nav-auth/files/src/app/app.config.ts

@@ -1,5 +1,5 @@
 import { ApplicationConfig, importProvidersFrom } from '@angular/core';
-import { provideRouter, withComponentInputBinding } from '@angular/router';
+import { provideRouter } from '@angular/router';
 import { BrowserModule, HammerModule } from '@angular/platform-browser';
 import { provideAnimations } from '@angular/platform-browser/animations';
 import {
@@ -14,7 +14,7 @@ import { routes } from './app.routes';
 
 export const appConfig: ApplicationConfig = {
   providers: [
-    provideRouter(routes, withComponentInputBinding()),
+    provideRouter(routes),
     importProvidersFrom(
       BrowserModule,
       HammerModule,

package/igx-ts-legacy/projects/_base/files/src/app/app-routing.module.ts

@@ -11,7 +11,7 @@ export const routes: Routes = [
 ];
 
 @NgModule({
-	imports: [RouterModule.forRoot(routes, { bindToComponentInputs: true }), ErrorRoutingModule],
+	imports: [RouterModule.forRoot(routes), ErrorRoutingModule],
 	exports: [RouterModule, ErrorRoutingModule]
 })
 export class AppRoutingModule { }

package/igx-ts-legacy/projects/_base_with_home/files/src/app/app-routing.module.ts

@@ -14,7 +14,7 @@ export const routes: Routes = [
 ];
 
 @NgModule({
-  imports: [RouterModule.forRoot(routes, { bindToComponentInputs: true }), ErrorRoutingModule],
+  imports: [RouterModule.forRoot(routes), ErrorRoutingModule],
   exports: [RouterModule, ErrorRoutingModule]
 })
 export class AppRoutingModule { }

package/igx-ts-legacy/projects/empty/files/src/app/app-routing.module.ts

@@ -8,7 +8,7 @@ const routes: Routes = [
 ];
 
 @NgModule({
-  imports: [RouterModule.forRoot(routes, { bindToComponentInputs: true })],
+  imports: [RouterModule.forRoot(routes)],
   exports: [RouterModule]
 })
 export class AppRoutingModule { }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@igniteui/angular-templates",
-  "version": "18.0.1400-alpha.2",
+  "version": "18.0.1400-alpha.4",
   "description": "Templates for Ignite UI for Angular projects and components",
   "repository": {
     "type": "git",
@@ -12,7 +12,7 @@
   "author": "Infragistics",
   "license": "MIT",
   "dependencies": {
-    "@igniteui/cli-core": "~14.0.0-alpha.2",
+    "@igniteui/cli-core": "~14.0.0-alpha.4",
     "typescript": "~5.4.3"
   }
 }