✨ Automate adding new reducers key to RootState

Author: Nuhvi

app/types/index.d.ts

@@ -3,6 +3,7 @@ import { RouterState } from 'connected-react-router';
 import { ContainerState as LanguageProviderState } from 'containers/LanguageProvider/types';
 import { ContainerState as AppState } from 'containers/App/types';
 import { ContainerState as HomeState } from 'containers/HomePage/types';
+// [IMPORT NEW CONTAINERSTATE ABOVE] < Needed for generating continers seamlessly
 
 export interface InjectedStore extends Store {
   injectedReducers: any;
@@ -30,6 +31,8 @@ export interface ApplicationRootState {
   readonly global: AppState;
   readonly language: LanguageProviderState;
   readonly home: HomeState;
+  // [INSERT NEW REDUCER KEY ABOVE] < Needed for generating continers seamlessly
+
   // for testing purposes
   readonly test: any;
 }

internals/generators/container/appendApplicationRootState.hbs

@@ -0,0 +1,2 @@
+  readonly {{ camelCase name }}: {{ properCase name }}State;
+  // [INSERT NEW REDUCER KEY ABOVE] < Needed for generating continers seamlessly

internals/generators/container/importContainerState.hbs

@@ -0,0 +1,2 @@
+import { ContainerState as {{ properCase name }}State } from 'containers/{{ properCase name }}/types';
+// [IMPORT NEW CONTAINERSTATE ABOVE] < Needed for generating continers seamlessly

internals/generators/container/index.js

@@ -184,6 +184,20 @@ module.exports = {
         templateFile: './container/types.d.hbs',
         abortOnFail: true,
       });
+      actions.push({
+        type: 'modify',
+        path: '../../app/types/index.d.ts',
+        pattern: new RegExp(/.*\/\/.*\[IMPORT NEW CONTAINERSTATE ABOVE\].+\n\n*/),
+        templateFile: './container/importContainerState.hbs',
+        abortOnFail: true,
+      });
+      actions.push({
+        type: 'modify',
+        path: '../../app/types/index.d.ts',
+        pattern: new RegExp(/.*\/\/.*\[INSERT NEW REDUCER KEY ABOVE\].+\n\n*/),
+        templateFile: './container/appendApplicationRootState.hbs',
+        abortOnFail: true,
+      });
     }
 
     actions.push({

internals/generators/container/index.tsx.hbs

@@ -45,7 +45,6 @@ interface Props {}
 
 function {{ properCase name }}(props: Props) {
   {{#if wantActionsAndReducer}}
-  // Warning: Add your key to RootState in types/index.d.ts file
   useInjectReducer({ key: '{{ camelCase name }}', reducer: reducer });
   {{/if}}
   {{#if wantSaga}}