feat(domain): support ngrx for standalone components

Author: manfredsteyer

.eslintrc.json

@@ -50,6 +50,30 @@
                 "sourceTag": "domain:shared",
                 "onlyDependOnLibsWithTags": ["domain:shared"]
               },
+              {
+                "sourceTag": "domain:luggage",
+                "onlyDependOnLibsWithTags": ["domain:luggage", "domain:shared"]
+              },
+              {
+                "sourceTag": "domain:luggage",
+                "onlyDependOnLibsWithTags": ["domain:luggage", "domain:shared"]
+              },
+              {
+                "sourceTag": "domain:luggage",
+                "onlyDependOnLibsWithTags": ["domain:luggage", "domain:shared"]
+              },
+              {
+                "sourceTag": "domain:luggage",
+                "onlyDependOnLibsWithTags": ["domain:luggage", "domain:shared"]
+              },
+              {
+                "sourceTag": "domain:luggage",
+                "onlyDependOnLibsWithTags": ["domain:luggage", "domain:shared"]
+              },
+              {
+                "sourceTag": "domain:luggage",
+                "onlyDependOnLibsWithTags": ["domain:luggage", "domain:shared"]
+              },
               {
                 "sourceTag": "domain:luggage",
                 "onlyDependOnLibsWithTags": ["domain:luggage", "domain:shared"]

libs/ddd/src/generators/domain/files/standalone-app/main.ts__tmpl__

@@ -1,8 +1,13 @@
 import { HttpClientModule } from '@angular/common/http';
 import { enableProdMode, importProvidersFrom } from '@angular/core';
 import { bootstrapApplication } from '@angular/platform-browser';
+<% if (ngrx) { %>
+import { EffectsModule } from '@ngrx/effects';
+import { StoreModule } from '@ngrx/store';
+import { StoreDevtoolsModule } from '@ngrx/store-devtools';
+import { provide<%=className%>Domain } from '@<%=npmScope%>/<%=fileName%>/domain';
+<% } %>
 import { AppComponent } from './app/app.component';
-
 import { environment } from './environments/environment';
 
 if (environment.production) {
@@ -11,6 +16,10 @@ if (environment.production) {
 
 bootstrapApplication(AppComponent,{
   providers: [
-    importProvidersFrom(HttpClientModule)
+    importProvidersFrom(HttpClientModule), <% if (ngrx) { %>
+    importProvidersFrom(StoreModule.forRoot({})),
+    importProvidersFrom(EffectsModule.forRoot()),
+    ... (!environment.production) ? [importProvidersFrom(StoreDevtoolsModule.instrument())] : [], 
+    provide<%=className%>Domain() <% } %>
   ]
 });

libs/ddd/src/generators/domain/files/standalone-lib/index.ts__tmpl__

@@ -0,0 +1 @@
+export * from './lib/providers';

libs/ddd/src/generators/domain/files/standalone-lib/lib/providers.ts__tmpl__

@@ -0,0 +1,8 @@
+import { importProvidersFrom } from '@angular/core';
+import { EffectsModule } from '@ngrx/effects';
+import { StoreModule } from '@ngrx/store';
+
+export function provide<%=className%>Domain() {
+    return [
+    ];
+}

libs/ddd/src/generators/domain/index.ts

@@ -9,7 +9,7 @@ import { insertNgModuleImport } from '@nrwl/angular/src/generators/utils';
 import * as ts from 'typescript';
 import { NGRX_VERSION } from '../utils/ngrx-version';
 
-function convertToStandaloneApp (tree: Tree, options: { name: string, srcRoot: string, npmScope: string}) {
+function convertToStandaloneApp (tree: Tree, options: { name: string, srcRoot: string, npmScope: string, ngrx: boolean}) {
   // const mainPath = joinPathFragments(options.srcRoot, 'main.ts');
   // const appComponentPath = joinPathFragments(options.srcRoot, 'app/app.component.ts');
   const appModulePath = joinPathFragments(options.srcRoot, 'app/app.module.ts');
@@ -24,6 +24,7 @@ function convertToStandaloneApp (tree: Tree, options: { name: string, srcRoot: s
     joinPathFragments(__dirname, './files/standalone-app'),
     options.srcRoot,
     {
+      ngrx: options.ngrx,
       npmScope: names(options.npmScope).fileName,
       ...names(options.name),
       tmpl: '',
@@ -57,6 +58,7 @@ export default async function (tree: Tree, options: DomainOptions) {
     .join('-');
   const libFolderPath = `libs/${libNameAndDirectory}`;
   const libLibFolder = `${libFolderPath}/domain/src/lib`;
+  const libSrcFolder = `${libFolderPath}/domain/src`;
 
   // if (options.ngrx && !options.addApp) {
   //   throw new Error(
@@ -106,12 +108,17 @@ export default async function (tree: Tree, options: DomainOptions) {
   if (options.addApp && options.standalone) {
     convertToStandaloneApp(tree, {
       name: options.name,
+      ngrx: options.ngrx || false,
       srcRoot: appSrcFolder,
       npmScope: wsConfig.npmScope
     });
   }
 
   if (options.addApp && options.ngrx) {
+    addNgrxDependencies(tree);
+  }
+
+  if (!options.standalone && options.addApp && options.ngrx) {
     const generateStore = wrapAngularDevkitSchematic('@ngrx/schematics', 'store');
 
     await generateStore(tree, {
@@ -121,9 +128,20 @@ export default async function (tree: Tree, options: DomainOptions) {
       module: 'app.module.ts',
       name: 'state',
     });
-  
+
     addNgrxImportsToApp(tree, appModuleFilepath);
-    addNgrxDependencies(tree);
+  }
+
+  if (options.ngrx && options.standalone) {
+    generateFiles(tree,
+      joinPathFragments(__dirname, './files/standalone-lib'),
+      libSrcFolder,
+      {
+        ...options,
+        ...names(options.name),
+        tmpl: ''
+      }
+    )
   }
 
   await formatFiles(tree);

libs/ddd/src/generators/feature/index.ts

@@ -4,6 +4,7 @@ import {
   installPackagesTask,
   generateFiles,
   joinPathFragments,
+  names,
 } from '@nrwl/devkit';
 import { libraryGenerator } from '@nrwl/angular/generators';
 import { FeatureOptions } from './schema';
@@ -12,6 +13,7 @@ import { addTsExport } from '../utils/add-ts-exports';
 import {
   addDeclarationWithExportToNgModule,
   addImportToNgModule,
+  addImportToTsModule,
 } from '../utils/addToNgModule';
 import { addNgrxImportsToDomain } from '../utils/add-ngrx-imports-to-domain';
 import { fileContains } from '../utils/fileContains';
@@ -162,12 +164,50 @@ export default async function (tree: Tree, options: FeatureOptions) {
     });
   }
 
+  if (options.standalone && options.ngrx) {
+    updateProviders(tree, {
+      domainLibFolderPath,
+      entity: options.entity
+    });
+  }
+
   await formatFiles(tree);
   return () => {
     installPackagesTask(tree);
   };
 }
 
+function updateProviders(tree: Tree, options: { entity: string, domainLibFolderPath: string }) {
+  const entityNames = names(options.entity);
+
+  addImportToTsModule(tree, {
+    filePath: `${options.domainLibFolderPath}/providers.ts`,
+    importClassName: `${entityNames.className}Effects`,
+    importPath: `./+state/${entityNames.fileName}/${entityNames.fileName}.effects`
+  });
+
+  addImportToTsModule(tree, {
+    filePath: `${options.domainLibFolderPath}/providers.ts`,
+    importClassName: `${entityNames.constantName}_FEATURE_KEY`,
+    importPath: `./+state/${entityNames.fileName}/${entityNames.fileName}.reducer`
+  });
+
+  addImportToTsModule(tree, {
+    filePath: `${options.domainLibFolderPath}/providers.ts`,
+    importClassName: `reducer`,
+    importPath: `./+state/${entityNames.fileName}/${entityNames.fileName}.reducer`
+  });
+
+  const providersToAdd = `
+    importProvidersFrom(StoreModule.forFeature(${entityNames.constantName}_FEATURE_KEY, reducer)),
+    importProvidersFrom(EffectsModule.forFeature([${entityNames.className}Effects])),
+]`;
+
+  const providers = tree.read(`${options.domainLibFolderPath}/providers.ts`, 'utf-8');
+  const updated = providers.replace(']', providersToAdd);
+  tree.write(`${options.domainLibFolderPath}/providers.ts`, updated);
+}
+
 function wireUpNgModules(
   tree: Tree,
   {