create-catalyst-app 0.0.3-canary.9 → 0.1.0-beta.2

package/codemod/new-route/index.js

@@ -1,21 +1,34 @@
 const fs = require("fs")
 const path = require("path")
 const pc = require("picocolors")
-const prompts = require('prompts');
-const { program } = require('commander');
-
-const { createNewComponent, createRTKReducerFile, createReduxActionFile, createReduxReducerFile } = require("./template")
-const { validateComponentName, validatePath, discardChanges, createDirectory, createReducerEntryInStore, createNewRoute, toCamelCase, checkIfRoutePathExist } = require("./utils")
+const prompts = require("prompts")
+const { program } = require("commander")
+
+const {
+    createNewComponent,
+    createRTKReducerFile,
+    createReduxActionFile,
+    createReduxReducerFile,
+} = require("./template")
+const {
+    validateComponentName,
+    validatePath,
+    discardChanges,
+    createDirectory,
+    createReducerEntryInStore,
+    createNewRoute,
+    toCamelCase,
+    checkIfRoutePathExist,
+} = require("./utils")
 
 // Configure commander to accept CLI options
 program
-    .option('-p, --path <path>', 'Path for the new route')
-    .option('-c, --component <component>', 'Component name for the new route')
-    .parse(process.argv);
-
+    .option("-p, --path <path>", "Path for the new route")
+    .option("-c, --component <component>", "Component name for the new route")
+    .parse(process.argv)
 
 async function main() {
-    let { routePath, templateType, componentName } = program;
+    let { routePath, templateType, componentName } = program
 
     // If all options are not provided, prompt the user for input
     if (!routePath || !componentName || !templateType) {
@@ -31,40 +44,44 @@ async function main() {
                 ],
             },
             {
-                type: routePath ? null : 'text',
-                name: 'routePath',
+                type: routePath ? null : "text",
+                name: "routePath",
                 message: "Enter the route path",
-                validate: validatePath
+                validate: validatePath,
             },
             {
-                type: componentName ? null : 'text',
-                name: 'componentName',
-                message: 'Enter the component name for new route',
-                validate: validateComponentName
-            }
-        ]);
+                type: componentName ? null : "text",
+                name: "componentName",
+                message: "Enter the component name for new route",
+                validate: validateComponentName,
+            },
+        ])
 
-        routePath = routePath || response.routePath;
+        routePath = routePath || response.routePath
         templateType = templateType || response.templateType
-        componentName = componentName || response.componentName;
+        componentName = componentName || response.componentName
     }
 
-
     // Code transformations
     if (componentName && routePath && templateType) {
-
         const reducerName = toCamelCase(componentName)
-        const containersDir = 'src/js/containers';
-        const routeTransformerPath = path.join(__dirname, "./", 'transformers/createRoute.js')
-        const reducerTransformerPath = path.join(__dirname, "./", 'transformers/createReducer.js');
-
-        const funcArgs = { containersDir, componentName, routePath, reducerName, templateType, reducerTransformerPath, routeTransformerPath }
+        const containersDir = "src/js/containers"
+        const routeTransformerPath = path.join(__dirname, "./", "transformers/createRoute.js")
+        const reducerTransformerPath = path.join(__dirname, "./", "transformers/createReducer.js")
+
+        const funcArgs = {
+            containersDir,
+            componentName,
+            routePath,
+            reducerName,
+            templateType,
+            reducerTransformerPath,
+            routeTransformerPath,
+        }
 
-        // create directory 
+        // create directory
         if (createDirectory(funcArgs)) {
-
             try {
-
                 checkIfRoutePathExist(funcArgs)
 
                 if (templateType === "none") {
@@ -84,15 +101,13 @@ async function main() {
                     createReducerEntryInStore(funcArgs)
                 }
 
-                createNewRoute(funcArgs);
-
+                createNewRoute(funcArgs)
             } catch (e) {
                 discardChanges(funcArgs)
                 console.log(pc.red(`\n${e}`))
             }
         }
-
     }
 }
 
-main();
+main()

package/codemod/new-route/template.js

@@ -4,8 +4,7 @@ const pc = require("picocolors")
 
 // Function to create component using given input
 function createNewComponent({ componentName, containersDir }) {
-
-    const componentPath = path.join(containersDir, `${componentName}/${componentName}.js`);
+    const componentPath = path.join(containersDir, `${componentName}/${componentName}.js`)
 
     // Component template
     const componentTemplate = `import React from 'react';
@@ -20,16 +19,15 @@ function createNewComponent({ componentName, containersDir }) {
   };
   
   export default ${componentName};
-  `;
+  `
 
-    fs.writeFileSync(componentPath, componentTemplate, 'utf8');
-    console.log(`\n${pc.cyan(componentName)} component created at ${pc.gray(componentPath)}`);
+    fs.writeFileSync(componentPath, componentTemplate, "utf8")
+    console.log(`\n${pc.cyan(componentName)} component created at ${pc.gray(componentPath)}`)
 }
 
-
 // Function to create rtk reducer file using given input
 function createRTKReducerFile({ componentName, containersDir, reducerName }) {
-    const reducerPath = path.join(containersDir, `${componentName}/reducer.js`);
+    const reducerPath = path.join(containersDir, `${componentName}/reducer.js`)
 
     // rtk reducer template
     const reducerTemplate = `import { createSlice } from "@reduxjs/toolkit"
@@ -50,16 +48,15 @@ export const appSlice = createSlice({
 
 export const { reduxTest } = appSlice.actions
 export const ${reducerName}Reducer = appSlice.reducer
-`;
+`
 
-    fs.writeFileSync(reducerPath, reducerTemplate, 'utf8');
-    console.log(`\n${pc.cyan("reducer.js")} file created at ${pc.gray(reducerPath)} `);
+    fs.writeFileSync(reducerPath, reducerTemplate, "utf8")
+    console.log(`\n${pc.cyan("reducer.js")} file created at ${pc.gray(reducerPath)} `)
 }
 
-
 // Function to create redux action file using given input
 function createReduxActionFile({ componentName, containersDir, reducerName }) {
-    const actionsPath = path.join(containersDir, `${componentName}/actions.js`);
+    const actionsPath = path.join(containersDir, `${componentName}/actions.js`)
 
     // redux action template
     const actionTemplate = `const createActionTypes = (prefix, actionTypeList = []) => {
@@ -79,16 +76,15 @@ export const reduxTest = () => {
         type: ${reducerName}Actions.REDUX_TEST,
     }
 }
-`;
-
-    fs.writeFileSync(actionsPath, actionTemplate, 'utf8');
-    console.log(`\n${pc.cyan("action.js")} file created at ${pc.gray(actionsPath)} `);
+`
 
+    fs.writeFileSync(actionsPath, actionTemplate, "utf8")
+    console.log(`\n${pc.cyan("action.js")} file created at ${pc.gray(actionsPath)} `)
 }
 
 // Function to create redux reducer file using given input
 function createReduxReducerFile({ componentName, containersDir, reducerName }) {
-    const reducerPath = path.join(containersDir, `${componentName}/reducer.js`);
+    const reducerPath = path.join(containersDir, `${componentName}/reducer.js`)
 
     // redux reducer template
     const reducerTemplate = `import { ${reducerName}Actions } from "./actions"
@@ -110,10 +106,10 @@ export const ${reducerName}Reducer = (state = defaultState, action) => {
             return state
     }
 }
-`;
+`
 
-    fs.writeFileSync(reducerPath, reducerTemplate, 'utf8');
-    console.log(`\n${pc.cyan("reducer.js")} file created at ${pc.gray(reducerPath)} `);
+    fs.writeFileSync(reducerPath, reducerTemplate, "utf8")
+    console.log(`\n${pc.cyan("reducer.js")} file created at ${pc.gray(reducerPath)} `)
 }
 
-module.exports = { createNewComponent, createRTKReducerFile, createReduxActionFile, createReduxReducerFile }
+module.exports = { createNewComponent, createRTKReducerFile, createReduxActionFile, createReduxReducerFile }

package/codemod/new-route/transformers/createReducer.js

@@ -1,38 +1,38 @@
 const pc = require("picocolors")
 
 module.exports = function (fileInfo, api, options) {
-    const jscodeshift = api.jscodeshift;
-    const root = jscodeshift(fileInfo.source);
+    const jscodeshift = api.jscodeshift
+    const root = jscodeshift(fileInfo.source)
 
-    const { componentName, reducerName } = options;
+    const { componentName, reducerName } = options
 
     // Insert the node at the top of the file
-    root.find(jscodeshift.Program).get('body', 0).insertBefore(`import { ${reducerName}Reducer } from '@containers/${componentName}/reducer.js'`);
+    root.find(jscodeshift.Program)
+        .get("body", 0)
+        .insertBefore(`import { ${reducerName}Reducer } from '@containers/${componentName}/reducer.js'`)
 
     root.find(jscodeshift.CallExpression, {
         callee: {
-            name: 'combineReducers'
-        }
-    }).forEach(path => {
-        const args = path.value.arguments;
-        if (args.length > 0 && args[0].type === 'ObjectExpression') {
+            name: "combineReducers",
+        },
+    }).forEach((path) => {
+        const args = path.value.arguments
+        if (args.length > 0 && args[0].type === "ObjectExpression") {
             args[0].properties.push(
                 jscodeshift.property(
-                    'init',
+                    "init",
                     jscodeshift.identifier(`${reducerName}Reducer`),
                     jscodeshift.identifier(`${reducerName}Reducer`)
                 )
-            );
-            args[0].properties.forEach(property => {
+            )
+            args[0].properties.forEach((property) => {
                 if (property.key.name === property.value.name) {
-                    property.shorthand = true;
+                    property.shorthand = true
                 }
-            });
+            })
         }
     })
 
-    console.log(`\nReducer added in ${pc.gray("src/js/store/index.js")}`);
-    return root.toSource();
-
-};
-
+    console.log(`\nReducer added in ${pc.gray("src/js/store/index.js")}`)
+    return root.toSource()
+}

package/codemod/new-route/transformers/createRoute.js

@@ -1,10 +1,10 @@
 const pc = require("picocolors")
 
 module.exports = function (fileInfo, api, options) {
-    const jscodeshift = api.jscodeshift;
-    const root = jscodeshift(fileInfo.source);
+    const jscodeshift = api.jscodeshift
+    const root = jscodeshift(fileInfo.source)
 
-    const { routePath, componentName } = options;
+    const { routePath, componentName } = options
 
     // Create a new route object using a template expression
     const newObject = jscodeshift.template.expression`
@@ -13,21 +13,20 @@ module.exports = function (fileInfo, api, options) {
         end: true,
         component: ${componentName}
     }
-    `;
+    `
 
     // Insert the node at the top of the file
-    root.find(jscodeshift.Program).get('body', 0).insertBefore(`import ${componentName} from '@containers/${componentName}/${componentName}'`);
-
-    root.find(jscodeshift.VariableDeclarator, { id: { name: 'routes' } })
-        .forEach(path => {
-            // Ensure we are modifying the top-level array expression
-            if (path.value.init.type === 'ArrayExpression') {
-                path.value.init.elements.push(newObject);
-            }
-        });
-
-    console.log(pc.green('\nNew route added successfully.'));
-    return root.toSource();
-
-};
-
+    root.find(jscodeshift.Program)
+        .get("body", 0)
+        .insertBefore(`import ${componentName} from '@containers/${componentName}/${componentName}'`)
+
+    root.find(jscodeshift.VariableDeclarator, { id: { name: "routes" } }).forEach((path) => {
+        // Ensure we are modifying the top-level array expression
+        if (path.value.init.type === "ArrayExpression") {
+            path.value.init.elements.push(newObject)
+        }
+    })
+
+    console.log(pc.green("\nNew route added successfully."))
+    return root.toSource()
+}

package/codemod/new-route/utils.js

@@ -1,41 +1,43 @@
 const fs = require("fs")
 const path = require("path")
 const pc = require("picocolors")
-const { execSync } = require('child_process');
+const { execSync } = require("child_process")
 
 // validates router path
 function validatePath(path) {
-    const pathPattern = /^\/[a-zA-Z0-9-_]+(?:\/:[a-zA-Z0-9-_]+)?(?:\?[a-zA-Z0-9-_=]*)?$/;
+    const pathPattern = /^\/[a-zA-Z0-9-_]+(?:\/:[a-zA-Z0-9-_]+)?(?:\?[a-zA-Z0-9-_=]*)?$/
 
-    if (!path.startsWith('/')) {
-        return "The path must start with a forward slash (`/`).";
+    if (!path.startsWith("/")) {
+        return "The path must start with a forward slash (`/`)."
     }
     if (!pathPattern.test(path)) {
         if (!/^[\/a-zA-Z0-9-_]+/.test(path)) {
             s
-            return "Only letters, digits, hyphens, and underscores are allowed after the initial slash.";
+            return "Only letters, digits, hyphens, and underscores are allowed after the initial slash."
         }
         if (/\/[^:][a-zA-Z0-9-_]+/.test(path)) {
-            return "Parameters must start with a slash and a colon, followed by valid characters.";
+            return "Parameters must start with a slash and a colon, followed by valid characters."
         }
         if (/\?[^a-zA-Z0-9-_=]*$/.test(path)) {
-            return "Query strings must start with a question mark and contain valid characters.";
+            return "Query strings must start with a question mark and contain valid characters."
         }
-        return "The path is incorrectly formatted.";
+        return "The path is incorrectly formatted."
     }
-    return true;
+    return true
 }
 
 // validates component name
 function validateComponentName(name) {
-    return /^[A-Z][a-zA-Z0-9]*$/.test(name) || "Component name should start with an uppercase letter and may contain alphanumeric characters";
+    return (
+        /^[A-Z][a-zA-Z0-9]*$/.test(name) ||
+        "Component name should start with an uppercase letter and may contain alphanumeric characters"
+    )
 }
 
-
 // discard changes if anything breaks
 function discardChanges({ componentName, containersDir }) {
     if (fs.existsSync(`${containersDir}/${componentName}`)) {
-        fs.rmSync(`${containersDir}/${componentName}`, { recursive: true, force: true });
+        fs.rmSync(`${containersDir}/${componentName}`, { recursive: true, force: true })
     }
 }
 
@@ -44,14 +46,13 @@ function createDirectory({ componentName, containersDir }) {
     try {
         // directory check
         if (fs.existsSync(`${containersDir}/${componentName}`)) {
-            throw new Error("directory with similar name already exist");
+            throw new Error("directory with similar name already exist")
         }
 
         fs.mkdirSync(`${containersDir}/${componentName}`)
-        console.log(`\n${pc.cyan(componentName)} directory created at ${pc.gray(containersDir)}`);
+        console.log(`\n${pc.cyan(componentName)} directory created at ${pc.gray(containersDir)}`)
 
         return true
-
     } catch (e) {
         console.log(pc.red(`\nError: ${e}`))
     }
@@ -59,24 +60,24 @@ function createDirectory({ componentName, containersDir }) {
 
 // adds route object inside src/js/route/index.js file
 function createNewRoute({ componentName, routePath, routeTransformerPath }) {
-    const command = `jscodeshift --silent -t ${routeTransformerPath} --routePath ${routePath} --componentName ${componentName} src/js/routes/index.js`;
-    execSync(command, { stdio: 'inherit' });
+    const command = `jscodeshift --silent -t ${routeTransformerPath} --routePath ${routePath} --componentName ${componentName} src/js/routes/index.js`
+    execSync(command, { stdio: "inherit" })
 }
 
 // adds newly created reducer into src/js/store/index.js file
 function createReducerEntryInStore({ componentName, routePath, reducerTransformerPath, reducerName }) {
-    const command = `jscodeshift --silent -t ${reducerTransformerPath} --reducerName ${reducerName} --routePath ${routePath} --componentName ${componentName} src/js/store/index.js`;
-    execSync(command, { stdio: 'inherit' });
+    const command = `jscodeshift --silent -t ${reducerTransformerPath} --reducerName ${reducerName} --routePath ${routePath} --componentName ${componentName} src/js/store/index.js`
+    execSync(command, { stdio: "inherit" })
 }
 
 // converts string to camel case
 function toCamelCase(str) {
-    return str.toLowerCase().replace(/[^a-zA-Z0-9]+(.)/g, (match, chr) => chr.toUpperCase());
+    return str.toLowerCase().replace(/[^a-zA-Z0-9]+(.)/g, (match, chr) => chr.toUpperCase())
 }
 
-function checkIfRoutePathExist({routePath, componentName}) {
-    const routeIndexPath = "src/js/routes/index.js";
-    const data = fs.readFileSync(routeIndexPath, 'utf8')
+function checkIfRoutePathExist({ routePath, componentName }) {
+    const routeIndexPath = "src/js/routes/index.js"
+    const data = fs.readFileSync(routeIndexPath, "utf8")
     // Check if the file content includes routePath
     if (data.includes(routePath)) {
         throw new Error(`${routePath} path already exist in src/js/routes/index.js`)
@@ -87,4 +88,13 @@ function checkIfRoutePathExist({routePath, componentName}) {
     }
 }
 
-module.exports = { validatePath, validateComponentName, discardChanges, createReducerEntryInStore, createNewRoute, createDirectory, toCamelCase, checkIfRoutePathExist }
+module.exports = {
+    validatePath,
+    validateComponentName,
+    discardChanges,
+    createReducerEntryInStore,
+    createNewRoute,
+    createDirectory,
+    toCamelCase,
+    checkIfRoutePathExist,
+}

package/package.json

@@ -1,17 +1,25 @@
 {
     "name": "create-catalyst-app",
     "bin": "scripts/cli.cjs",
-    "version": "0.0.3-canary.9",
+    "version": "0.1.0-beta.2",
     "description": "cli package to scaffold Catalyst application",
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/tata1mg/catalyst-core.git",
+        "directory": "packages/create-catalyst-app"
+    },
+    "scripts": {
+        "prettify": "prettier . --write"
+    },
     "dependencies": {
         "commander": "^8.2.0",
         "fs": "^0.0.1-security",
         "https": "^1.0.0",
+        "jscodeshift": "^0.16.0",
         "picocolors": "^0.1.0",
         "prompts": "^2.4.0",
         "tar": "^6.2.1",
-        "validate-npm-package-name": "^5.0.0",
-        "jscodeshift": "^0.16.0"
+        "validate-npm-package-name": "^5.0.0"
     },
     "devDependencies": {
         "prettier": "^3.2.5"

package/scripts/cli.cjs

@@ -9,6 +9,7 @@ const path = require("path")
 const fs = require("fs")
 var validate = require("validate-npm-package-name")
 const packageJson = require("../package.json")
+const packageRoot = path.join(__dirname, "..")
 
 let projectName = null
 const program = new Commander.Command()
@@ -93,11 +94,8 @@ const program = new Commander.Command()
             const commonCodeDirectory = "package/templates/common"
             const selectedTemplateCode = `package/templates/${repositorySuffixes[stateManagement]}-${repositorySuffixes[language]}`
             const tailwindCodeDirectory = "package/templates/tailwind"
-            const mcpCodeDirectory = "package/templates/mcp-root"
-
             const subDirectoriesToExtract = [commonCodeDirectory, selectedTemplateCode]
             if (tailWindSupport) subDirectoriesToExtract.push(tailwindCodeDirectory)
-            if (mcpSupport) subDirectoriesToExtract.push(mcpCodeDirectory)
 
             const extractionDestination = `/${projectName}/`
             let tempDir
@@ -121,10 +119,6 @@ const program = new Commander.Command()
                         })
                     }
 
-                    if (mcpSupport) {
-                        execSync(`cd ${projectName} && npm i @modelcontextprotocol/sdk`, { stdio: "inherit" })
-                    }
-
                     execSync(
                         `cd ${projectName} && git add . && git commit -m "initial commit from Create Catalyst App"`,
                         {
@@ -146,6 +140,17 @@ const program = new Commander.Command()
 
                     console.log("\nWe suggest you to begin, by running")
                     console.log(` ${cyan("cd")} ${projectName} && ${cyan("npm start")} \n\n`)
+
+                    if (mcpSupport) {
+                        const newMcpDir = path.join(
+                            process.cwd(),
+                            projectName,
+                            "node_modules",
+                            "catalyst-core",
+                            "mcp_v2"
+                        )
+                        runMcpSetup(newMcpDir, path.join(process.cwd(), projectName))
+                    }
                 } catch (error) {
                     console.error(`Error: ${error.message}`)
                     process.exit(1)
@@ -158,14 +163,15 @@ const program = new Commander.Command()
                 const tarballFilePath = path.join(tempDir, tarballFileName)
 
                 try {
-                    execSync(`npm pack ${packageName}@${packageVersion} --silent`, {
-                        cwd: tempDir,
-                    })
-
-                    // to test locally, comment the upper execSync and uncomment this one.
-                    // execSync(`npm pack --pack-destination=${tempDir} --silent`, {
-                    //     cwd: process.cwd(),
-                    // })
+                    if (process.env.CREATE_CATALYST_APP_PACK_SOURCE === "local") {
+                        execSync(`npm pack --pack-destination="${tempDir}" --silent`, {
+                            cwd: packageRoot,
+                        })
+                    } else {
+                        execSync(`npm pack ${packageName}@${packageVersion} --silent`, {
+                            cwd: tempDir,
+                        })
+                    }
 
                     return tarballFilePath
                 } catch (error) {
@@ -203,9 +209,6 @@ const program = new Commander.Command()
                             if (entry.path.startsWith(tailwindCodeDirectory)) {
                                 entry.path = entry.path.replace(tailwindCodeDirectory, extractionDestination)
                             }
-                            if (entry.path.startsWith(mcpCodeDirectory)) {
-                                entry.path = entry.path.replace(mcpCodeDirectory, extractionDestination)
-                            }
                         },
                     })
                 } catch (e) {
@@ -221,8 +224,69 @@ const program = new Commander.Command()
     })
     .allowUnknownOption()
 
+program
+    .command("catalyst-mcp")
+    .description("Set up MCP server in an existing catalyst project")
+    .action(() => {
+        try {
+            const mcpDir = path.join(process.cwd(), "node_modules", "catalyst-core", "mcp_v2")
+            const setupPath = path.join(mcpDir, "setup.js")
+
+            if (!fs.existsSync(setupPath)) {
+                console.log(cyan("mcp_v2 not found in catalyst-core. Downloading from GitHub..."))
+                const catalystCoreDir = path.join(process.cwd(), "node_modules", "catalyst-core")
+                const tarballUrl = "https://github.com/tata1mg/catalyst-core/archive/refs/heads/main.tar.gz"
+                const tarballPath = path.join(catalystCoreDir, "_mcp_v2_tarball.tar.gz")
+                const repoMcpDir = "catalyst-core-main/packages/catalyst-core/mcp_v2"
+                execSync(`curl -fsSL "${tarballUrl}" -o "${tarballPath}"`, { stdio: "inherit" })
+                fs.mkdirSync(mcpDir, { recursive: true })
+                tar.extract({
+                    file: tarballPath,
+                    cwd: mcpDir,
+                    sync: true,
+                    strip: 4,
+                    filter: (entryPath) => entryPath === repoMcpDir || entryPath.startsWith(`${repoMcpDir}/`),
+                })
+                fs.unlinkSync(tarballPath)
+                console.log(cyan("mcp_v2 downloaded successfully."))
+            }
+
+            runMcpSetup(mcpDir)
+        } catch (error) {
+            console.error(red("An error occurred:"), error.message)
+            process.exit(1)
+        }
+    })
+
 program.parse(process.argv)
 
+function runMcpSetup(mcpDir, cwd = process.cwd()) {
+    const pkgPath = path.join(mcpDir, "package.json")
+    const pkg = JSON.parse(fs.readFileSync(pkgPath, "utf8"))
+    pkg.dependencies["better-sqlite3"] = "^12.8.0"
+    fs.writeFileSync(pkgPath, JSON.stringify(pkg, null, 2))
+
+    const mcpNodeModules = path.join(mcpDir, "node_modules")
+    let needsInstall = !fs.existsSync(mcpNodeModules)
+
+    if (!needsInstall) {
+        try {
+            execSync(`node -e "require('better-sqlite3')"`, { cwd: mcpDir, stdio: "pipe" })
+        } catch {
+            console.log(cyan("Detected incompatible better-sqlite3 build. Reinstalling..."))
+            fs.rmSync(mcpNodeModules, { recursive: true, force: true })
+            needsInstall = true
+        }
+    }
+
+    if (needsInstall) {
+        console.log(cyan("Installing mcp_v2 dependencies..."))
+        execSync("npm install", { cwd: mcpDir, stdio: "inherit" })
+    }
+
+    execSync(`node ${path.join(mcpDir, "setup.js")}`, { cwd, stdio: "inherit" })
+}
+
 async function promptStateManagement() {
     const response = await prompts({
         type: "select",

package/templates/common/api.js

@@ -4,13 +4,12 @@ const fetchFunction = (url, options) => {
 
     // Request Interceptor -  modify request here
 
-    return fetch(finalUrl, options)
-        .then(response => {
-            return response.json().then(parsedResponse => {
-                // Response Interceptor -  modify response here
-                return parsedResponse
-            })
+    return fetch(finalUrl, options).then((response) => {
+        return response.json().then((parsedResponse) => {
+            // Response Interceptor -  modify response here
+            return parsedResponse
         })
+    })
 }
 
 export default fetchFunction

package/templates/common/config/config.json

@@ -10,12 +10,14 @@
     "ANALYZE_BUNDLE": false,
     "CLIENT_ENV_VARIABLES": ["API_URL"],
     "WEBVIEW_CONFIG": {
+        "LOCAL_IP": "localhost",
         "port": "3005",
+        "appInfo": "",
         "android": {
-          "buildType": "debug"
+            "buildType": "debug"
         },
         "ios": {
-          "buildType": "debug"
+            "buildType": "debug"
         }
-      }
+    }
 }