blend-kit 1.0.1

package/dist/helper/FrontEndApiHelper.js

@@ -0,0 +1,485 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const ExpressHelper_1 = __importDefault(require("./ExpressHelper"));
+const fileHelper_1 = require("./fileHelper");
+const path_1 = __importDefault(require("path"));
+class FrontEndApiHelper {
+    constructor() {
+        this.folderPath = path_1.default.join(process.cwd());
+        this.folderName = path_1.default.basename(this.folderPath);
+        this.basicFilePath = path_1.default.join(this.folderPath, `${this.folderName}.basic`);
+        this.configPath = path_1.default.join(this.folderPath, '.basicConfig');
+        this.basicProjectContent = JSON.parse(fileHelper_1.FileHelper.readFile(`${this.configPath}/basicConfig.json`) || "{}");
+    }
+    doFrontEndApiGenerations() {
+        this.writeStoreFiles();
+        this.createRequiredFiles();
+    }
+    createRequiredFiles() {
+        const apiMainSectionList = JSON.parse(fileHelper_1.FileHelper.readFile(`${this.configPath}/apiConfig.json`));
+        const rnSectionList = JSON.parse(fileHelper_1.FileHelper.readFile(`${this.configPath}/rnConfig.json`));
+        rnSectionList.forEach(rnSection => {
+            const rnFolderPath = path_1.default.join(this.folderPath, `module/${rnSection.name}/react-native`);
+            rnSection.rnModuleList.forEach(rnModule => {
+                let currentApiSection = apiMainSectionList.find(item => item.name === rnSection.name);
+                const rnProjectPath = path_1.default.join(rnFolderPath, rnModule.name);
+                const rapcode = this.generateRmoteApiPointsCode(currentApiSection);
+                fileHelper_1.FileHelper.createFile(`${rnProjectPath}/src/remote-api-point.ts`, rapcode);
+                fileHelper_1.FileHelper.createFile(`${rnProjectPath}/src-gen/data/common.ts`, commonApiDataCode);
+                fileHelper_1.FileHelper.createFile(`${rnProjectPath}/src/redux/store/store.ts`, mainStoreCode);
+                fileHelper_1.FileHelper.createFile(`${rnProjectPath}/src/redux/store/saga.ts`, mainSagaCode);
+                fileHelper_1.FileHelper.createFile(`${rnProjectPath}/src/redux/store/snackbar/snackbarSlice.ts`, snackbarSliceCode);
+                fileHelper_1.FileHelper.createFile(`${rnProjectPath}/src/redux/hooks.ts`, hooksCode);
+            });
+        });
+    }
+    generateRmoteApiPointsCode(currentApiSection) {
+        let code = `
+        import axios from 'axios';
+        import { API_URL } from '@env';
+        ${currentApiSection.expressSectionList.reduce((acc, curVal) => {
+            acc = acc + `export const ${curVal.name}Api = axios.create({
+baseURL: API_URL||'http://localhost:8000', // Replace with your API base URL
+headers: {
+// Authorization: localStorage.getItem("authToken")||""
+}
+});
+\n
+`;
+            return acc;
+        }, "")}    
+    `;
+        return code;
+    }
+    writeStoreFiles() {
+        const apiMainSectionList = JSON.parse(fileHelper_1.FileHelper.readFile(`${this.configPath}/apiConfig.json`));
+        const rnSectionList = JSON.parse(fileHelper_1.FileHelper.readFile(`${this.configPath}/rnConfig.json`));
+        console.log(rnSectionList, "rnSectionList");
+        rnSectionList.forEach(rnSection => {
+            const rnFolderPath = path_1.default.join(this.folderPath, `module/${rnSection.name}/react-native`);
+            let currentApiSection = apiMainSectionList.find(item => item.name === rnSection.name);
+            rnSection.rnModuleList.forEach(rnModule => {
+                const rnProjectPath = path_1.default.join(rnFolderPath, rnModule.name);
+                currentApiSection.expressSectionList.forEach(expressSection => {
+                    const rnApiPath = path_1.default.join(rnProjectPath, `src-gen/redux/${expressSection.name}`);
+                    const rnReducerPath = path_1.default.join(rnProjectPath, `src-gen/redux/gen-reducers.ts`);
+                    const reducerCode = this.generateReducersCode(expressSection.apiSectionList, expressSection.name);
+                    const rnSagaPath = path_1.default.join(rnProjectPath, `src-gen/redux/gen-root-saga.ts`);
+                    const rootSagaCode = this.generateRootSagaCode(expressSection.apiSectionList, expressSection.name);
+                    fileHelper_1.FileHelper.writeFile(rnReducerPath, reducerCode);
+                    fileHelper_1.FileHelper.writeFile(rnSagaPath, rootSagaCode);
+                    expressSection.apiSectionList.forEach(apiSection => {
+                        const apiSectionSlicePath = path_1.default.join(rnApiPath, apiSection.name, `${apiSection.name}Slice.ts`);
+                        const apiSectionDataPath = path_1.default.join(rnApiPath, apiSection.name, `data.ts`);
+                        const apiSectionActionPath = path_1.default.join(rnApiPath, apiSection.name, `action.ts`);
+                        const apiSectionSagaPath = path_1.default.join(rnApiPath, apiSection.name, `${apiSection.name}Saga.ts`);
+                        const sliceCode = this.generateSliceCode(apiSection);
+                        const dataCode = this.generateApiDatacode(apiSection);
+                        const actionCode = this.generateApiActioncode(apiSection, expressSection);
+                        const sagaCode = this.generateSagaCode(apiSection);
+                        fileHelper_1.FileHelper.writeFile(apiSectionSlicePath, sliceCode);
+                        fileHelper_1.FileHelper.writeFile(apiSectionDataPath, dataCode);
+                        fileHelper_1.FileHelper.writeFile(apiSectionActionPath, actionCode);
+                        fileHelper_1.FileHelper.writeFile(apiSectionSagaPath, sagaCode);
+                    });
+                });
+            });
+        });
+    }
+    generateSliceCode(apiSection) {
+        const filteredApiListForData = apiSection.apiList.filter(api => {
+            const inputKeyList = Object.keys(api.input);
+            const outputKeyList = Object.keys(api.output);
+            return inputKeyList.length > 0 || outputKeyList.length > 0;
+        });
+        const code = `
+import { createSlice, PayloadAction } from "@reduxjs/toolkit";
+
+
+${filteredApiListForData.length > 0 ? `import { ${apiSection.apiList.reduce((acc, curVal) => {
+            const inputKeyList = Object.keys(curVal.input);
+            const outputKeyList = Object.keys(curVal.output);
+            const inputDataTypeName = (`${apiSection.name}_${curVal.name}_Input`).toUpperCase();
+            const outputDataTypeName = (`${apiSection.name}_${curVal.name}_Output`).toUpperCase();
+            acc = acc + `${inputKeyList.length > 0 ? inputDataTypeName + ',' : ''}`;
+            acc = acc + `${outputKeyList.length > 0 ? outputDataTypeName + ',' : ''}`;
+            return acc;
+        }, '')} } from "./data";
+
+        ${apiSection.apiList.reduce((acc, curVal) => {
+            var _a, _b, _c;
+            if ((_a = curVal === null || curVal === void 0 ? void 0 : curVal.directOutput) === null || _a === void 0 ? void 0 : _a.name) {
+                const [moduleName, dataName] = (_c = (_b = curVal === null || curVal === void 0 ? void 0 : curVal.directOutput) === null || _b === void 0 ? void 0 : _b.name) === null || _c === void 0 ? void 0 : _c.split("->");
+                acc = acc + `import {${dataName === null || dataName === void 0 ? void 0 : dataName.replace("[]", "")}} from "../../../data/${moduleName}";`;
+            }
+            return acc;
+        }, '')}     ` : ''}    
+
+            ${apiSection.apiList.reduce((acc, curVal) => {
+            var _a, _b, _c;
+            if ((_a = curVal === null || curVal === void 0 ? void 0 : curVal.directOutput) === null || _a === void 0 ? void 0 : _a.name) {
+                const [moduleName, dataName] = (_c = (_b = curVal === null || curVal === void 0 ? void 0 : curVal.directOutput) === null || _b === void 0 ? void 0 : _b.name) === null || _c === void 0 ? void 0 : _c.split("->");
+                acc = acc + `import {${dataName === null || dataName === void 0 ? void 0 : dataName.replace("[]", "")}} from "../../../data/${moduleName}";`;
+            }
+            return acc;
+        }, '')} 
+
+
+
+import { ApiStatus } from "../../../data/common";
+interface ${apiSection.name}State {
+    ${apiSection.apiList.reduce((acc, curVal) => {
+            var _a, _b;
+            const [moduleName, dataName] = ((_b = (_a = curVal === null || curVal === void 0 ? void 0 : curVal.directOutput) === null || _a === void 0 ? void 0 : _a.name) === null || _b === void 0 ? void 0 : _b.split("->")) || [];
+            acc = acc + `${curVal.name}: {
+            data: ${Object.keys(curVal.output).length > 0 ? `${apiSection.name.toUpperCase()}_${curVal.name.toUpperCase()}_OUTPUT` : dataName ? dataName : "any"},\n
+            status: ApiStatus,
+            error:string|null
+        }
+        `;
+            return acc;
+        }, "")}
+}
+
+const initialState: ${apiSection.name}State = {
+    ${apiSection.apiList.reduce((acc, curVal) => {
+            var _a, _b;
+            const [moduleName, dataName] = ((_b = (_a = curVal === null || curVal === void 0 ? void 0 : curVal.directOutput) === null || _a === void 0 ? void 0 : _a.name) === null || _b === void 0 ? void 0 : _b.split("->")) || [];
+            const isOutputDataArray = (dataName || "").includes("[]");
+            acc = acc + `${curVal.name}:{
+            data: ${Object.keys(curVal.output).length > 0 ? `new ${apiSection.name.toUpperCase()}_${curVal.name.toUpperCase()}_OUTPUT()` : (dataName && !isOutputDataArray) ? `new ${dataName}()` : (dataName && isOutputDataArray) ? '[]' : "null"},
+            status: ApiStatus.Idle,
+            error: null
+        },\n`;
+            return acc;
+        }, "")}
+}
+
+export const ${apiSection.name}Slice = createSlice({
+    name: "${apiSection.name}",
+    initialState,
+    reducers: {
+        reset${apiSection.name}Reducer: () => initialState,
+        ${apiSection.apiList.reduce((acc, curVal, currentIndex) => {
+            const inputKeyList = Object.keys(curVal.input);
+            const inputDataTypeName = (`${apiSection.name}_${curVal.name}_Input`).toUpperCase();
+            acc = acc + `
+    ${curVal.name}Action:(state:any, ${inputKeyList.length > 0 ? `payload:PayloadAction<${inputDataTypeName}>` : ``}) => {
+        state.${curVal.name}.status = ApiStatus.Loading;
+        state.${curVal.name}.error = '';
+    },
+    ${curVal.name}SuccessAction:(state:any, payload:any) => {
+        state.${curVal.name}.status = ApiStatus.Success;
+        state.${curVal.name}.data = payload.payload;
+    },
+    ${curVal.name}ErrorAction:(state:any, payload:any) => {
+        state.${curVal.name}.status = ApiStatus.Failed;
+        state.${curVal.name}.error = payload.error;
+    },
+    `;
+            return acc;
+        }, '')} 
+}
+    
+});
+        
+export const {reset${apiSection.name}Reducer,${apiSection.apiList.reduce((acc, curVal, currentIndex) => {
+            acc = acc + `
+    ${curVal.name}Action,${curVal.name}SuccessAction,${curVal.name}ErrorAction,
+    `;
+            return acc;
+        }, '')}} = ${apiSection.name}Slice.actions;
+export default ${apiSection.name}Slice.reducer;
+        `;
+        return code;
+    }
+    generateSagaCode(apiSection) {
+        const code = `
+        import { put, takeLatest } from "redux-saga/effects";
+        import { PayloadAction } from "@reduxjs/toolkit";
+        
+
+        import { ${apiSection.apiList.reduce((acc, curVal) => {
+            acc = acc + `${curVal.name}Api,`;
+            return acc;
+        }, '')} }from './action';
+
+        import { ${apiSection.apiList.reduce((acc, curVal) => {
+            acc = acc + `${curVal.name}SuccessAction,${curVal.name}ErrorAction,`;
+            return acc;
+        }, '')} } from "./${apiSection.name}Slice";
+
+        ${apiSection.apiList.reduce((acc, curVal) => {
+            const inputKeyList = Object.keys(curVal.input);
+            acc = acc + `
+        function* ${curVal.name}Saga(action: PayloadAction<any>): any {
+        try {
+            const response: any = yield ${curVal.name}Api(${inputKeyList.length > 0 ? `action.payload` : ``})
+            yield put(${curVal.name}SuccessAction(response.data))
+        } catch(e: any) {
+            yield put(${curVal.name}ErrorAction(e));
+        }
+}
+
+        export function* watch${apiSection.name}${curVal.name}() {
+            yield takeLatest("${apiSection.name}/${curVal.name}Action", ${curVal.name}Saga);
+        }
+            `;
+            return acc;
+        }, '')}
+
+        `;
+        return code;
+    }
+    generateReducersCode(apiSectionList, sectionName) {
+        const code = `
+        ${apiSectionList.reduce((acc, curVal) => {
+            acc = acc + `
+import ${curVal.name}Reducer from './${sectionName}/${curVal.name}/${curVal.name}Slice';\n`;
+            return acc;
+        }, '')}
+
+export const GeneratedReducers = {
+    ${apiSectionList.reduce((acc, curVal) => {
+            acc = acc + `${curVal.name.toLowerCase()}: ${curVal.name}Reducer,`;
+            return acc;
+        }, '')}
+}
+`;
+        return code;
+    }
+    generateApiActioncode(apiSection, expressSection) {
+        const filteredApiListForData = apiSection.apiList.filter(api => {
+            const inputKeyList = Object.keys(api.input);
+            const outputKeyList = Object.keys(api.output);
+            return inputKeyList.length > 0 || outputKeyList.length > 0;
+        });
+        console.log(filteredApiListForData, "filteredApiListForDatafilteredApiListForData");
+        const code = `
+        import { createAsyncThunk } from "@reduxjs/toolkit";
+        import axios, { AxiosError } from 'axios';
+        import {${expressSection.name}Api} from "../../../../src/remote-api-point";
+        ${filteredApiListForData.length > 0 ? `import { ${filteredApiListForData.reduce((acc, curVal) => {
+            const inputKeyList = Object.keys(curVal.input);
+            const outputKeyList = Object.keys(curVal.output);
+            // const directOutputName = curVal.directOutput?.name;
+            const inputDataTypeName = (`${apiSection.name}_${curVal.name}_Input`).toUpperCase();
+            const outputDataTypeName = (`${apiSection.name}_${curVal.name}_Output`).toUpperCase();
+            // const directOutputDataTypeName: string = (`${apiSection.name}_${curVal.name}_Output`).toUpperCase();
+            acc = acc + `${inputKeyList.length > 0 ? inputDataTypeName + ',' : ''}`;
+            acc = acc + `${outputKeyList.length > 0 ? outputDataTypeName + ',' : ''}`;
+            return acc;
+        }, '')} } from "./data";` : ''}
+
+          ${apiSection.apiList.reduce((acc, curVal) => {
+            var _a, _b, _c;
+            if ((_a = curVal === null || curVal === void 0 ? void 0 : curVal.directOutput) === null || _a === void 0 ? void 0 : _a.name) {
+                const [moduleName, dataName] = (_c = (_b = curVal === null || curVal === void 0 ? void 0 : curVal.directOutput) === null || _b === void 0 ? void 0 : _b.name) === null || _c === void 0 ? void 0 : _c.split("->");
+                acc = acc + `import {${dataName === null || dataName === void 0 ? void 0 : dataName.replace("[]", "")}} from "../../../data/${moduleName}";`;
+            }
+            return acc;
+        }, '')} 
+
+        
+      
+
+        const showError = (err: AxiosError) => {
+            const errorResponse: any = err.response?.data || {};
+            if (err.response?.data) {
+              if (typeof (err.response?.data) == "string") {
+                return err.response?.data
+              } else {
+                return Object.keys(err.response?.data).reduce((acc, currVal) => {
+                  acc = acc + errorResponse[currVal];
+                  return acc;
+                }, "")
+              }
+            }
+            else {
+              return err.message
+            }
+          }
+
+  
+        ${apiSection.apiList.reduce((acc, curVal) => {
+            var _a, _b;
+            const inputKeyList = Object.keys(curVal.input);
+            const outputKeyList = Object.keys(curVal.output);
+            const inputDataTypeName = (`${apiSection.name}_${curVal.name}_Input`).toUpperCase();
+            const outputDataTypeName = (`${apiSection.name}_${curVal.name}_Output`).toUpperCase();
+            const [moduleName, dataName] = ((_b = (_a = curVal === null || curVal === void 0 ? void 0 : curVal.directOutput) === null || _a === void 0 ? void 0 : _a.name) === null || _b === void 0 ? void 0 : _b.split("->")) || [];
+            acc = acc + `
+        
+
+              export const ${curVal.name}Api = async (${inputKeyList.length > 0 ? `input: ${inputDataTypeName},` : ``} ) => {
+                  return ${expressSection.name}Api.${curVal.type.toLowerCase()}('${this.getApiName(expressSection.name)}/${this.getApiName(apiSection.name)}/${this.getApiName(curVal.name)}',${inputKeyList.length > 0 ? `${curVal.type == 'post' ? 'input' : '{params: input.toJSON()}'}` : ''});
+              }
+
+              export const call${this.capitalizeFirstLetter(curVal.name)}Api = async (${inputKeyList.length > 0 ? `input: ${inputDataTypeName},` : ``} output: (output: ${outputKeyList.length > 0 ? outputDataTypeName : dataName ? dataName : 'any'}) => any,error: (errMsg: any) => void) => {
+                try {
+                  //const { data } = await ${expressSection.name}Api.${curVal.type.toLowerCase()}('${this.getApiName(apiSection.name)}/${this.getApiName(curVal.name)}',${inputKeyList.length > 0 ? `${curVal.type == 'post' ? 'input' : '{params: input.toJSON()}'}` : ''});
+                  const { data } = await ${curVal.name}Api(${inputKeyList.length > 0 ? `${curVal.type == 'post' ? 'input' : 'input'}` : ''});
+                  return output(data);
+                } catch (err: any) {
+                    return error(showError(err));
+                }
+              }
+            `;
+            return acc;
+        }, '')}
+        
+        `;
+        return code;
+    }
+    generateRootSagaCode(apiSectionList, expressSectionName) {
+        const code = `
+        import { all, fork } from "redux-saga/effects";
+        ${apiSectionList.reduce((acc, curVal) => {
+            acc = acc + `
+            import{
+    ${curVal.apiList.reduce((apiAcc, apiCurVal) => {
+                apiAcc = apiAcc + `
+         watch${curVal.name}${apiCurVal.name},
+        `;
+                return apiAcc;
+            }, '')}
+    } from './${expressSectionName}/${curVal.name}/${curVal.name}Saga';\n
+`;
+            return acc;
+        }, '')}
+
+
+
+
+const genRootSaga = [
+
+    ${apiSectionList.reduce((acc, curVal) => {
+            acc = acc + `
+        
+${curVal.apiList.reduce((apiAcc, apiCurVal) => {
+                apiAcc = apiAcc + `
+    watch${curVal.name}${apiCurVal.name}()
+     ,
+    `;
+                return apiAcc;
+            }, '')}
+
+`;
+            return acc;
+        }, '')}
+        
+];
+
+export default genRootSaga;
+`;
+        return code;
+    }
+    getApiName(apiName) {
+        return apiName.replace(/[A-Z]/g, m => "-" + m.toLowerCase()).replace(/^-/, '');
+    }
+    capitalizeFirstLetter(val) {
+        return val.charAt(0).toUpperCase() + val.slice(1);
+    }
+    generateApiDatacode(apiSection) {
+        const expressHelper = new ExpressHelper_1.default();
+        return expressHelper.generateSampleApiDataCode(apiSection, "react-native");
+    }
+}
+exports.default = FrontEndApiHelper;
+const commonApiDataCode = `
+export enum ApiStatus {
+    Success="Success",
+    Loading="Loading",
+    Failed="Failed",
+    Idle="Idle"
+}
+`;
+const snackbarSliceCode = `
+import { createAsyncThunk, createSlice } from "@reduxjs/toolkit";
+
+
+export interface SnackbarRequest {
+    type: SnackbarType,
+    message: string,
+    timing: number
+}
+
+export enum SnackbarType {
+    Success="success",
+    Error="error",
+}
+
+
+interface SnackbarState {
+    snackbarRequestList: SnackbarRequest[]
+}
+
+const initialState:SnackbarState = {
+    snackbarRequestList: []
+}
+
+
+export const snackbarSlice=  createSlice({
+    name: "Snackbar",
+    initialState: initialState,
+    reducers: {
+        addSnackbar: (state, action: {type:String,payload: SnackbarRequest}) => {
+            state.snackbarRequestList.push(action.payload);
+        },
+        removeLastSnackbar: (state) => {
+            state.snackbarRequestList.pop();
+        },
+    }
+});
+
+
+export const {addSnackbar,removeLastSnackbar} = snackbarSlice.actions;
+
+export default snackbarSlice.reducer;
+`;
+const mainStoreCode = `
+
+import { configureStore } from '@reduxjs/toolkit'
+import { GeneratedReducers } from '../../../src-gen/redux/gen-reducers'
+import SnackbarReducer from './snackbar/snackbarSlice'
+import createSagaMiddleware from 'redux-saga';
+import rootSaga from '../../../src-gen/redux/gen-root-saga';
+import { mySaga } from './saga';
+const reduxSagaMiddleWareOptions = {};
+  const sagaMiddleWare = createSagaMiddleware(reduxSagaMiddleWareOptions);
+export const store = configureStore({
+    reducer: {
+        ...GeneratedReducers,
+        snackbar: SnackbarReducer,
+    },
+    middleware: (getDefaultMiddleware) =>
+        getDefaultMiddleware().concat([sagaMiddleWare]),
+    
+  })
+  sagaMiddleWare.run(mySaga)
+
+  export type RootState = ReturnType<typeof store.getState>  
+
+  export type AppDispatch = typeof store.dispatch;
+
+`;
+const mainSagaCode = `
+import { all, takeEvery } from "redux-saga/effects";
+import genRootSaga from "../../../src-gen/redux/gen-root-saga";
+
+export function* mySaga() {
+    yield all([...genRootSaga]) 
+  }
+`;
+const hooksCode = `
+import { useDispatch, useSelector } from 'react-redux'
+import type { TypedUseSelectorHook } from 'react-redux'
+import type { RootState, AppDispatch } from './store/store'
+
+// Use throughout your app instead of plain useDispatch and useSelector
+export const useAppDispatch: () => AppDispatch = useDispatch
+export const useAppSelector: TypedUseSelectorHook<RootState> = useSelector
+`;