chore: refactors to make things a little nicer

Author: crutchcorn

projects/angular-redux-injector-demo/src/app/store/counter-slice.ts

@@ -1,34 +1,18 @@
 import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
-import {
-  EnvironmentInjector,
-  inject,
-  runInInjectionContext,
-} from '@angular/core';
+import { inject } from '@angular/core';
 import { RandomNumberService } from '../services/random-number.service';
-
-interface IncrementByAmountFromServiceProps {
-  injector: EnvironmentInjector;
-}
+import {
+  asyncRunInInjectionContext,
+  RunInInjectionContextProps,
+} from '../utils/async-run-in-injection-context';
 
 export const incrementByRandomNumber = createAsyncThunk(
   'counter/incrementByAmountFromService',
-  (arg: IncrementByAmountFromServiceProps, _thunkAPI) => {
-    return new Promise<number>((resolve, reject) => {
-      runInInjectionContext(arg.injector, () => {
-        const runValue = async () => {
-          const service = inject(RandomNumberService);
-          const newCount = await service.getRandomNumber();
-          return newCount;
-        };
-
-        runValue()
-          .then((value) => {
-            resolve(value);
-          })
-          .catch((error) => {
-            reject(error);
-          });
-      });
+  (arg: RunInInjectionContextProps<{}>, _thunkAPI) => {
+    return asyncRunInInjectionContext(arg.injector, async () => {
+      const service = inject(RandomNumberService);
+      const newCount = await service.getRandomNumber();
+      return newCount;
     });
   },
 );

projects/angular-redux-injector-demo/src/app/utils/async-run-in-injection-context.ts

@@ -0,0 +1,24 @@
+import { EnvironmentInjector, runInInjectionContext } from '@angular/core';
+
+export const asyncRunInInjectionContext = <TReturn>(
+  injector: EnvironmentInjector,
+  fn: () => Promise<TReturn>,
+) => {
+  return new Promise<TReturn>((resolve, reject) => {
+    runInInjectionContext(injector, () => {
+      fn()
+        .then((value) => {
+          resolve(value);
+        })
+        .catch((error) => {
+          reject(error);
+        });
+    });
+  });
+};
+
+export type RunInInjectionContextProps<
+  T extends object,
+> = T & {
+  injector: EnvironmentInjector;
+};