@zedux/atoms/src/injectors/injectMemo.ts

A Molecular State Engine for React

import { createInjector } from '../factories/createInjector'
import { InjectorDeps, PartialAtomInstance } from '../types/index'
import { haveDepsChanged, prefix } from '../utils/index'

type MemoInjectorDescriptor<T> = {
  deps: InjectorDeps
  result: T
  type: string
}

export const injectMemo: <Value = any>(
  valueFactory: () => Value,
  deps?: InjectorDeps
) => Value = createInjector(
  'injectMemo',
  <Value = any>(
    instance: PartialAtomInstance,
    valueFactory: () => Value,
    deps?: InjectorDeps
  ) =>
    ({
      type: `${prefix}/memo`,
      deps,
      result: valueFactory(),
    } as MemoInjectorDescriptor<Value>),
  <Value = any>(
    prevDescriptor: MemoInjectorDescriptor<Value>,
    instance: PartialAtomInstance,
    valueFactory: () => Value,
    deps?: InjectorDeps
  ) => {
    const depsHaveChanged = haveDepsChanged(prevDescriptor.deps, deps)

    const result = depsHaveChanged ? valueFactory() : prevDescriptor.result

    prevDescriptor.deps = deps
    prevDescriptor.result = result

    return prevDescriptor
  }
)