fix: added manifest.json, used httpClient instead of axios

Author: harshithad0703

src/commands/app/create.ts

@@ -98,12 +98,22 @@ export default class Create extends BaseCommand<typeof Create> {
         }))
       ) {
         const boilerplate = await selectedBoilerplate();
-        if (boilerplate) {
+
+        if (boilerplate && boilerplate.name && boilerplate.link) {
           this.sharedConfig.boilerplateName = boilerplate.name
             .toLowerCase()
             .replace(/ /g, "-");
           this.sharedConfig.appBoilerplateGithubUrl = boilerplate.link;
-          this.sharedConfig.appName = this.sharedConfig.boilerplateName;
+          this.sharedConfig.appName = await getAppName(
+            this.sharedConfig.boilerplateName
+          );
+
+          // Handle case where user does not provide a new name
+          if (!this.sharedConfig.appName) {
+            console.error("App name is required.");
+            process.exit(1);
+          }
+
           await this.boilerplateFlow();
         }
       } else {
@@ -258,10 +268,7 @@ export default class Create extends BaseCommand<typeof Create> {
    */
   manageManifestToggeling() {
     // NOTE Use boilerplate manifest if exist
-    const manifestPath = resolve(
-      this.sharedConfig.folderPath,
-      `${this.sharedConfig.folderPath}/manifest.json`
-    );
+    const manifestPath = resolve(this.sharedConfig.folderPath, "manifest.json");
 
     if (existsSync(manifestPath)) {
       this.sharedConfig.manifestPath = manifestPath;

src/config/index.ts

@@ -2,7 +2,7 @@ import { resolve } from "path";
 
 const config = {
   defaultAppName: "app-boilerplate",
-  manifestPath: resolve(__dirname, ""),
+  manifestPath: resolve(__dirname, "manifest.json"),
   boilerplateName: "marketplace-app-boilerplate-main",
   developerHubBaseUrl: "",
   appBoilerplateGithubUrl:

src/config/manifest.json

@@ -0,0 +1,105 @@
+{
+  "description": "",
+  "icon": "",
+  "name": "",
+  "organization_uid": "",
+  "target_type": "stack",
+  "visibility": "private",
+  "uid": "",
+  "ui_location": {
+    "signed": false,
+    "base_url": "http://localhost:3000",
+    "locations": [
+      {
+        "type": "cs.cm.stack.custom_field",
+        "meta": [
+          {
+            "multiple": false,
+            "path": "/#/custom-field",
+            "signed": false,
+            "enabled": true,
+            "data_type": "json"
+          }
+        ]
+      },
+      {
+        "type": "cs.cm.stack.dashboard",
+        "meta": [
+          {
+            "path": "/#/stack-dashboard",
+            "signed": false,
+            "enabled": true,
+            "default_width": "half"
+          }
+        ]
+      },
+      {
+        "type": "cs.cm.stack.asset_sidebar",
+        "meta": [
+          {
+            "blur": false,
+            "path": "/#/asset-sidebar",
+            "signed": false,
+            "enabled": true,
+            "width": 500
+          }
+        ]
+      },
+      {
+        "type": "cs.cm.stack.sidebar",
+        "meta": [
+          {
+            "path": "/#/entry-sidebar",
+            "signed": false,
+            "enabled": true
+          }
+        ]
+      },
+      {
+        "type": "cs.cm.stack.full_page",
+        "meta": [
+          {
+            "path": "/#/full-page",
+            "signed": false,
+            "enabled": true
+          }
+        ]
+      },
+      {
+        "type": "cs.cm.stack.field_modifier",
+        "meta": [
+          {
+            "path": "/#/field-modifier",
+            "signed": false,
+            "enabled": true,
+            "allowed_types": ["$all"]
+          }
+        ]
+      },
+      {
+        "type": "cs.cm.stack.config",
+        "meta": [
+          {
+            "path": "/#/app-configuration",
+            "signed": false,
+            "enabled": true
+          }
+        ]
+      },
+      {
+        "type": "cs.cm.stack.rte",
+        "meta": [
+          {
+            "path": "/json-rte.js",
+            "signed": false,
+            "enabled": true
+          }
+        ]
+      }
+    ]
+  },
+  "hosting": {
+    "provider": "external",
+    "deployment_url": "http://localhost:3000"
+  }
+}

src/util/common-utils.ts

@@ -7,6 +7,7 @@ import {
   cliux,
   Stack,
   FsUtility,
+  HttpClient,
 } from "@contentstack/cli-utilities";
 import { projectsQuery } from "../graphql/queries";
 import { apiRequestHandler } from "./api-request-handler";
@@ -20,7 +21,6 @@ import {
 import { askProjectName } from "./inquirer";
 import { deployAppMsg } from "../messages";
 import config from "../config";
-import axios from "axios";
 
 export type CommonOptions = {
   log: LogFn;
@@ -401,8 +401,9 @@ const handleProjectNameConflict = async (
 async function fetchBoilerplateDetails(): Promise<Record<string, any>[]> {
   try {
     const url = config.boilerplatesUrl;
-    const content = await axios.get(url);
-    return content.data.templates
+    const client = new HttpClient();
+    const content = await client.get(url);
+    return content?.data?.templates ?? [];
   } catch (error) {
     throw error;
   }

src/util/inquirer.ts

@@ -389,7 +389,7 @@ function inquireRequireValidation(input: any): string | boolean {
 const selectedBoilerplate = async (): Promise<any> => {
   const boilerplates = await fetchBoilerplateDetails();
 
-  const response = await cliux
+  return await cliux
     .inquire({
       type: "search-list",
       name: "App",
@@ -399,7 +399,6 @@ const selectedBoilerplate = async (): Promise<any> => {
     .then((name) => {
       return find(boilerplates, (boilerplate) => boilerplate.name === name);
     });
-  return response;
 };
 
 export {