@feardread/feature-factory 3.0.2 → 4.0.2

package/src/factories/factory.js

@@ -1,149 +0,0 @@
-import { createSlice, createEntityAdapter, combineReducers } from '@reduxjs/toolkit';
-import ThunkFactory from './thunk';
-//import ApiFactory from './service';
-
-export const StateFactory = (namespace) => ({
-    [namespace]: {},
-    data: [],
-    loading: false,
-    success: false,
-    error: null
-});
-
-export function FeatureFactory(entity, reducers = {}, endpoints = null) {
-
-    const factory = {
-        entity,
-        reducers,
-        //api: ApiFactory,
-        thunk: ThunkFactory,
-        state: StateFactory,
-        adapter: createEntityAdapter()
-    };
-
-    factory.manager = (initialReducers) => {
-        const reducers = { ...initialReducers };
-        let combinedReducer = combineReducers(reducers);
-
-        return {
-            reduce: (state, action) => combinedReducer(state, action),
-            add: (key, reducer) => {
-                if (!key || reducers[key]) return;
-                reducers[key] = reducer;
-                combinedReducer = combineReducers(reducers);
-            },
-            remove: (key) => {
-                if (!key || !reducers[key]) return;
-                delete reducers[key];
-                combinedReducer = combineReducers(reducers);
-            },
-            getReducerMap: () => reducers,
-        };
-    }
-
-    factory.inject = (source, dest) => {
-        for (var prop in source) {
-            if (source.hasOwnProperty(prop)) {
-                dest[prop] = source[prop];
-            }
-        }
-        return dest;
-    }
-
-    factory.create = (options = { service: null, initialState: null }) => {
-        const { service, initialState } = options;
-        const sliceName = factory.entity;
-        const standard = {
-            fetch: factory.thunk.create(sliceName, 'all'),
-            fetchOne: factory.thunk.create(sliceName, 'one'),
-            search: factory.thunk.create(sliceName, 'search')
-        }
-
-        const factorySlice = createSlice({
-            name: sliceName,
-            initialState: StateFactory(sliceName),
-            reducers: factory.reducers,
-            extraReducers: (builder) => {
-                Object.key(standard).forEach( key => {
-                    builder
-                            .addCase(standard[key].pending, (state) => {
-                                state.loading = true;
-                                state.error = null;
-                            })
-                           .addCase(standard[key].fulfilled, (state, action) => {
-                                state.loading = false;
-                                state.success = true;
-                                state.data = action.payload;
-                                state[sliceName] = action.payload[0];
-                                if (act == 'fetchOne') {
-                                    state[sliceName] = action.payload[0];
-                                }
-                            })
-                            .addCase(standard[key].rejected, (state, action) => {
-                                state.loading = false;
-                                state.success = false;
-                                state.error = action.error;
-                            });
-                })
-                /*
-                for (var act in standard) {
-                    if (standard.hasOwnProperty(act)) {
-                        builder
-                            .addCase(standard[act].pending, (state) => {
-                                state.loading = true;
-                                state.error = null;
-                            })
-                            .addCase(standard[act].fulfilled, (state, action) => {
-                                state.loading = false;
-                                state.success = true;
-                                state.data = action.payload;
-                                state[sliceName] = action.payload[0];
-                                if (act == 'fetchOne') {
-                                    state[sliceName] = action.payload[0];
-                                }
-                            })
-                            .addCase(standard[act].rejected, (state, action) => {
-                                state.loading = false;
-                                state.success = false;
-                                state.error = action.error;
-                            });
-                    }
-                }
-                                            */
-                if (service) {
-                    for (var key in service) {
-                        if (service.hasOwnProperty(key) && !standard.hasOwnProperty(key)) {
-                            builder
-                                .addCase(service[key].pending, (state) => {
-                                    state.loading = true;
-                                    state.error = null;
-                                })
-                                .addCase(service[key].fulfilled, (state, action) => {
-                                    state.loading = false;
-                                    state.success = true;
-                                    state.data = action.payload;
-                                    console.log('action fulfilled :', state.data);
-                                })
-                                .addCase(service[key].rejected, (state, action) => {
-                                    state.loading = false;
-                                    state.success = false;
-                                    state.error = action.payload;
-                                });
-                        }
-                    }
-
-                }
-            }
-        });
-
-        const asyncActions = factory.inject(standard, (service) ? service : {});
-        console.log('async = ', asyncActions);
-        return {
-            slice: factorySlice,
-            asyncActions
-        };
-    }
-    return factory;
-}
-
-export default FeatureFactory;

package/src/factories/factory.ts

@@ -1,158 +0,0 @@
-import {
-  createSlice,
-  createEntityAdapter,
-  combineReducers,
-  EntityAdapter,
-  AsyncThunk,
-  Reducer,
-  AnyAction,
-  SliceCaseReducers,
-  PayloadAction,
-} from '@reduxjs/toolkit';
-import ThunkFactory from './thunk';
-
-// Define the shape of your feature state
-export interface FeatureState<T> {
-  loading: boolean;
-  success: boolean;
-  error: unknown | null;
-  data: T[];
-  [key: string]: any;
-}
-
-// A helper type for mapping service thunks
-export type ServiceMap = Record<string, AsyncThunk<any, any, any>>;
-
-// Manager API for dynamic reducer injection
-export interface ReducerManager {
-  reduce: (state: any, action: AnyAction) => any;
-  add: (key: string, reducer: Reducer<any, AnyAction>) => void;
-  remove: (key: string) => void;
-  getReducerMap: () => Record<string, Reducer<any, AnyAction>>;
-}
-
-// Assume you have a StateFactory function somewhere:
-function StateFactory<T>(name: string): FeatureState<T> {
-  return {
-    loading: false,
-    success: false,
-    error: null,
-    data: [],
-    [name]: null,
-  };
-}
-
-// The main factory, now generic in T
-export function FeatureFactory<T>(
-  entity: string,
-  reducers: SliceCaseReducers<FeatureState<T>> = {},      // → typed slices
-  endpoints: ServiceMap | null = null                     // → typed services
-) {
-  const factory = {
-    entity,
-    reducers,
-    manager: ReducerManager ,
-    thunk: ThunkFactory,
-    state: StateFactory as (name: string) => FeatureState<T>,
-    adapter: createEntityAdapter<T>() as EntityAdapter<T>, // → typed adapter
-  };
-
-  factory.manager = (initialReducers: Record<string, Reducer<any, AnyAction>> = {}) => {
-    const reducersMap = { ...initialReducers };
-    let combined = combineReducers(reducersMap);
-
-    const manager: ReducerManager = {
-      reduce: (state, action) => combined(state, action),
-      add: (key, reducer) => {
-        if (!key || reducersMap[key]) return;
-        reducersMap[key] = reducer;
-        combined = combineReducers(reducersMap);
-      },
-      remove: (key) => {
-        if (!key || !reducersMap[key]) return;
-        delete reducersMap[key];
-        combined = combineReducers(reducersMap);
-      },
-      getReducerMap: () => reducersMap,
-    };
-
-    return manager;
-  };
-
-  factory.inject = <S extends object, D extends object>(source: S, dest: D): D & S => {
-    Object.keys(source).forEach((k) => {
-      // @ts-ignore
-      dest[k] = source[k];
-    });
-    return dest as D & S;
-  };
-
-  factory.create = (options: { service?: ServiceMap; initialState?: FeatureState<T> } = {}) => {
-    const { service, initialState } = options;
-    const sliceName = factory.entity;
-
-    const standard: ServiceMap = {
-      fetch: factory.thunk.create(sliceName, 'all'),
-      fetchOne: factory.thunk.create(sliceName, 'one'),
-      search: factory.thunk.create(sliceName, 'search'),
-    };
-
-    const slice = createSlice({
-      name: sliceName,
-      initialState: initialState ?? StateFactory<T>(sliceName),
-      reducers: factory.reducers,
-      extraReducers: (builder) => {
-        // handle standard thunks
-        Object.entries(standard).forEach(([act, thunk]) => {
-          builder
-            .addCase(thunk.pending, (state) => {
-              state.loading = true;
-              state.error = null;
-            })
-            .addCase(thunk.fulfilled, (state, action: PayloadAction<T[]>) => {
-              state.loading = false;
-              state.success = true;
-              state.data = action.payload;
-              state[sliceName] = action.payload[0];
-            })
-            .addCase(thunk.rejected, (state, action) => {
-              state.loading = false;
-              state.success = false;
-              state.error = action.error;
-            });
-        });
-
-        // handle extra service thunks
-        if (service) {
-          Object.entries(service).forEach(([key, thunk]) => {
-            if (!standard[key]) {
-              builder
-                .addCase(thunk.pending, (state) => {
-                  state.loading = true;
-                  state.error = null;
-                })
-                .addCase(thunk.fulfilled, (state, action: PayloadAction<any>) => {
-                  state.loading = false;
-                  state.success = true;
-                  state.data = action.payload;
-                  console.log('action fulfilled :', state.data);
-                })
-                .addCase(thunk.rejected, (state, action) => {
-                  state.loading = false;
-                  state.success = false;
-                  state.error = action.payload;
-                });
-            }
-          });
-        }
-      },
-    });
-
-    const asyncActions = factory.inject(standard, service ?? {});
-    return { slice, asyncActions };
-  };
-
-  return factory;
-}
-
-export default FeatureFactory;

package/src/factories/service.js

@@ -1,28 +0,0 @@
-// src/services/myApi.js
-import { createApi, fetchBaseQuery } from '@reduxjs/toolkit/query/react';
-const USERS_URL = "auth"
-
-const ApiFactory = ( sliceName ) => {
-    const _this = {};
-    _this.API_BASE_URL = _this.base_url || "http://localhost:4000/fear/api/";
-    _this.baseQuery = { baseUrl: _this.API_BASE_URL };
-        
-    _this.baseApi = createApi({
-            reducerPath: sliceName,
-            tagTypes: ["Product", "Order", "User", "Category"],
-            baseQuery: fetchBaseQuery(_this.baseQuery),
-            endpoints: () => ({})
-        });
-
-    _this.create = (routes) => {
-        const endpoints = (routes) ? routes : () => ({});
-        console.log('routes = ', routes);
-        const api = _this.baseApi.injectEndpoints((builder) => (routes));
-
-        return api;
-    }
-
-    return _this;
-}
-
-export default ApiFactory;

package/src/factories/service.ts

@@ -1,28 +0,0 @@
-// src/services/myApi.js
-import { createApi, fetchBaseQuery } from '@reduxjs/toolkit/query/react';
-const USERS_URL = "auth"
-
-const ApiFactory = ( sliceName ) => {
-    const _this = {};
-    _this.API_BASE_URL = _this.base_url || "http://localhost:4000/fear/api/";
-    _this.baseQuery = { baseUrl: _this.API_BASE_URL };
-        
-    _this.baseApi = createApi({
-            reducerPath: sliceName,
-            tagTypes: ["Product", "Order", "User", "Category"],
-            baseQuery: fetchBaseQuery(_this.baseQuery),
-            endpoints: () => ({})
-        });
-
-    _this.create = (routes) => {
-        const endpoints = (routes) ? routes : () => ({});
-        console.log('routes = ', routes);
-        const api = _this.baseApi.injectEndpoints((builder) => (routes));
-
-        return api;
-    }
-
-    return _this;
-}
-
-export default ApiFactory;

package/src/factories/state.js

@@ -1,10 +0,0 @@
-
-export const StateFactory = (namespace) => ({
-    [namespace]: {},
-    data: [],
-    loading: false,
-    success: false,
-    error: null
-});
-
-export default StateFactory;

package/src/factories/state.ts

@@ -1,10 +0,0 @@
-
-export const StateFactory = (namespace) => ({
-    [namespace]: {},
-    data: [],
-    loading: false,
-    success: false,
-    error: null
-});
-
-export default StateFactory;

package/src/factories/thunk.js

@@ -1,53 +0,0 @@
-import { createAsyncThunk } from "@reduxjs/toolkit"
-import API from "./api"
-
-// Async Thunk Factory Function
-// This factory creates a specific createAsyncThunk for a given 'itemType'
-export const ThunkFactory = {
-
-  create: (entity, prefix) => { 
-
-    return (
-      createAsyncThunk(
-
-        `${entity}/${prefix}`,
-
-        async ( params, thunkApi ) => {
-          let url = `${entity}/${prefix}`;
-          console.log('params = ', params);
-          if ( prefix == 'one' ) url = `${entity}/${params.id}`
-
-          return API.get(url, (prefix == 'search') ? {params} : {})                           
-            
-            .then((response) => response.data.result )
-            
-            .catch((error) => thunkApi.rejectWithValue(error.message) )
-        }
-      )
-    )
-  },
-
-  post: (entity, prefix) => {
-    return ( 
-      createAsyncThunk(
-        
-        `${entity}/${prefix}`,
-
-        async ( data, thunkApi ) => {
-
-          return API.post(`${entity}/${prefix}`, data)
-            
-            .then((response) => {
-
-              return response.data.result;
-
-            })
-            
-            .catch((error) => thunkApi.rejectWithValue(error.message) )
-        }
-      )
-    )
-  }
-}
-
-export default ThunkFactory;

package/src/factories/thunk.ts

@@ -1,53 +0,0 @@
-import { createAsyncThunk } from "@reduxjs/toolkit"
-import API from "./api"
-
-// Async Thunk Factory Function
-// This factory creates a specific createAsyncThunk for a given 'itemType'
-export const ThunkFactory = {
-
-  create: (entity, prefix) => { 
-
-    return (
-      createAsyncThunk(
-
-        `${entity}/${prefix}`,
-
-        async ( params, thunkApi ) => {
-          let url = `${entity}/${prefix}`;
-          console.log('params = ', params);
-          if ( prefix == 'one' ) url = `${entity}/${params.id}`
-
-          return API.get(url, (prefix == 'search') ? {params} : {})                           
-            
-            .then((response) => response.data.result )
-            
-            .catch((error) => thunkApi.rejectWithValue(error.message) )
-        }
-      )
-    )
-  },
-
-  post: (entity, prefix) => {
-    return ( 
-      createAsyncThunk(
-        
-        `${entity}/${prefix}`,
-
-        async ( data, thunkApi ) => {
-
-          return API.post(`${entity}/${prefix}`, data)
-            
-            .then((response) => {
-
-              return response.data.result;
-
-            })
-            
-            .catch((error) => thunkApi.rejectWithValue(error.message) )
-        }
-      )
-    )
-  }
-}
-
-export default ThunkFactory;

package/src/index.ts

@@ -1,7 +0,0 @@
-export { default as FeatureFactory } from "./factories/factory.js";
-
-export { default as ThunkFactory } from "./factories/thunk.js";
-
-export { default as ApiFactory } from "./factories/service.js";
-
-export { default as StateFactory } from "./factories/state.js";

package/tsconfig.json

@@ -1,11 +0,0 @@
-    {
-      "compilerOptions": {
-        "target": "es2019",
-        "module": "commonjs",
-        "declaration": true,
-        "outDir": "./dist",
-        "strict": true,
-        //"allowImportingTsExtensions": true,
-      },
-      "include": ["src/**/*"]
-    }