@reuvenorg/react-native-boilerplate-ultimate/templates/react-native-template-v1.0.0/modules/stores/redux-store/src/middlewares/validation-middleware.ts

A powerful CLI tool for creating React Native projects with modular architecture. Generate, manage, and scaffold React Native applications with pre-built modules and best practices.

import { applyMiddleware, Middleware, StoreEnhancer } from '@reduxjs/toolkit';
import { JsonSchema, validate } from 'tv4';
import { logger } from 'md-logger';

export type SchemasMap = Record<string, JsonSchema>;

export const validationMiddlewareCreator = (
  schemas: SchemasMap,
): StoreEnhancer => {
  const validationMiddleware: Middleware = _store => {
    // validation state against schema:
    // validate(store.getState(), schema-generated-from-RootState) is the state of the store

    // validation action payload against schema
    return next => (action: any) => {
      const result = next(action);
      if (
        action?.type &&
        schemas[action.type] &&
        !validate(action.payload, schemas[action.type])
      ) {
        logger.warn('Invalid action schema detected:', action);
      }
      return result;
    };

    // TBD: create schema at build time with a script
    // https://www.npmjs.com/package/typescript-json-schema - #Programmatic use
  };
  return applyMiddleware(validationMiddleware);
};