feat: implements Ivy Hooks via Mixins

projects/platform/src/lib/ivy-hooks/index.ts

@@ -0,0 +1 @@
+export * from './use-state.hook';

projects/platform/src/lib/ivy-hooks/use-effect.hook.ts

@@ -0,0 +1,54 @@
+import { SimpleChanges } from '@angular/core';
+
+const noop = () => { };
+export function UseEffect(
+  effect: () => (() => any) | any,
+  affectedKeys?: string[]
+) {
+  const destroyEffectsMap = new WeakMap();
+  function init() {
+    const destroyEffect = effect.call(this);
+    destroyEffectsMap.set(this, destroyEffect);
+  }
+  function destroy() {
+    if (destroyEffectsMap.has(this)) {
+      const destroyEffect = destroyEffectsMap.get(this);
+      if (destroyEffect) {
+        destroyEffect();
+      }
+    }
+  }
+  function isChanged(changes: SimpleChanges): boolean {
+    if (!affectedKeys) {
+      return true;
+    }
+
+    if (affectedKeys.length === 0) {
+      return false;
+    }
+
+    return affectedKeys.every((affectedKey) => affectedKey in changes);
+  }
+  return (def: any) => {
+    const originalOnInit = def.ngComponentDef.onInit || noop;
+    def.ngComponentDef.onInit = function onInit() {
+      originalOnInit();
+      init.call(this);
+    };
+
+    const originalOnChanges = def.ngComponentDef.onChanges || noop;
+    def.ngComponentDef.onChanges = function onChanges(changes: SimpleChanges) {
+      originalOnChanges(changes);
+      if (isChanged(changes)) {
+        destroy.call(this);
+        init.call(this);
+      }
+    };
+
+    const originalOnDestroy = def.ngComponentDef.onDestroy || noop;
+    def.ngComponentDef.onDestroy = function onDestroy() {
+      originalOnDestroy();
+      destroy.call(this);
+    };
+  };
+}

projects/platform/src/lib/ivy-hooks/use-reducer.hook.ts

@@ -0,0 +1,15 @@
+export function UseReducer<T = any>(
+  [stateKey, dispatchKey]: [string, string],
+  reducer: (state: T, action: { type: any }) => any,
+  initialValue?: T
+) {
+  return (def: any) => {
+    const originalFactory = def.ngComponentDef.factory;
+    def.ngComponentDef.factory = () => {
+      const cmp = originalFactory(def.ngComponentDef.type);
+      cmp[stateKey] = initialValue;
+      cmp[dispatchKey] = (action) => cmp[stateKey] = reducer(cmp[stateKey], action);
+      return cmp;
+    };
+  };
+}

projects/platform/src/lib/ivy-hooks/use-state.hook.ts

@@ -0,0 +1,14 @@
+export function UseState<T = any>(
+  [stateKey, setStateKey]: [string, string],
+  initialValue?: T
+) {
+  return (def: any) => {
+    const originalFactory = def.ngComponentDef.factory;
+    def.ngComponentDef.factory = () => {
+      const cmp = originalFactory(def.ngComponentDef.type);
+      cmp[stateKey] = initialValue;
+      cmp[setStateKey] = (value) => cmp[stateKey] = value;
+      return cmp;
+    };
+  };
+}

projects/platform/src/lib/platform.module.ts

@@ -57,3 +57,5 @@ export class NgxfModule {
     };
   }
 }
+
+export * from './ivy-hooks';