Merge pull request #5 from nanoapi-io/chore/fix-manifest-upload

fix instructuon for manifest upload

Author: florianbgt

packages/app/src/main.tsx

@@ -23,7 +23,6 @@ import ProfilePage from "./pages/profile.tsx";
 import ProjectBase from "./pages/projects/project/base.tsx";
 import ProjectIndex from "./pages/projects/project/index.tsx";
 import ProjectManifests from "./pages/projects/project/manifests/index.tsx";
-import ProjectManifestsAdd from "./pages/projects/project/manifests/add.tsx.tsx";
 import ProjectManifestsCliSetup from "./pages/projects/project/manifests/cliSetup.tsx";
 import ProjectManifest from "./pages/projects/project/manifests/manifest.tsx";
 import ProjectSettings from "./pages/projects/project/settings.tsx";
@@ -145,13 +144,13 @@ const router = createBrowserRouter([
             } satisfies BreadcrumbHandle,
             children: [
               {
-                path: "manifests/add",
-                Component: ProjectManifestsAdd,
+                path: "manifests/cliSetup",
+                Component: ProjectManifestsCliSetup,
                 handle: {
                   breadcrumb: {
-                    title: "Add Manifest",
+                    title: "CLI Setup",
                     href: (params) =>
-                      `/projects/${params.projectId}/manifests/add`,
+                      `/projects/${params.projectId}/manifests/add/cli`,
                   },
                 } satisfies BreadcrumbHandle,
               },
@@ -162,31 +161,14 @@ const router = createBrowserRouter([
                   { index: true, element: <Navigate to="manifests" replace /> },
                   {
                     path: "manifests",
+                    Component: ProjectManifests,
                     handle: {
                       breadcrumb: {
                         title: "Manifests",
                         href: (params) =>
                           `/projects/${params.projectId}/manifests`,
                       },
                     } satisfies BreadcrumbHandle,
-                    children: [
-                      {
-                        index: true,
-                        Component: ProjectManifests,
-                      },
-
-                      {
-                        path: "cliSetup",
-                        Component: ProjectManifestsCliSetup,
-                        handle: {
-                          breadcrumb: {
-                            title: "CLI Setup",
-                            href: (params) =>
-                              `/projects/${params.projectId}/manifests/add/cli`,
-                          },
-                        } satisfies BreadcrumbHandle,
-                      },
-                    ],
                   },
                   {
                     path: "settings",

packages/app/src/pages/projects/project/manifests/add.tsx.tsx

@@ -36,24 +36,32 @@ export default function ProjectManifestsCliSetup() {
   const cliCommands = [
     {
       title: "Install the CLI",
-      command: "npm install -g @stackcore/cli",
-      description: "Install the StackCore CLI globally on your system",
+      command: "https://github.com/nanoapi-io/napi",
+      description:
+        "Follow the instructions to install napi CLI globally on your system",
     },
     {
       title: "Login to your account",
-      command: "napi auth login",
-      description: "Authenticate with your StackCore account",
+      command: "napi login",
+      description: "Authenticate with your nanoapi account",
+    },
+    {
+      title: "Initialize your project (if not already done)",
+      command: "napi init",
+      description:
+        `You will be prompted to select an existing project, select project "${context.project.name}"`,
     },
     {
       title: "Generate the manifest",
       command: "napi manifest generate",
-      description: "Generate a manifest file with metadata",
+      description: "This will generate a manifest and push it to your project.",
     },
     {
-      title: "Upload with commit info (optional)",
+      title: "Generate the manifest (in a CI/CD pipeline)",
       command:
-        `napi manifest push --project-id ${context.project.id} --file ./manifest.json --commit-sha $(git rev-parse HEAD) --branch $(git branch --show-current)`,
-      description: "Automatically include Git commit information",
+        "napi manifest generate --branch=${{ github.ref_name }} --commit-sha=${{ github.sha }} --commit-sha-date=${{ github.event_time }}",
+      description:
+        "This will generate a manifest and push it to your project without prompting.",
     },
   ];
 
@@ -66,8 +74,8 @@ export default function ProjectManifestsCliSetup() {
             CLI Instructions
           </CardTitle>
           <CardDescription>
-            Upload manifests programmatically using our CLI tool for{" "}
-            {context.project.name}
+            Upload manifests programmatically using our CLI tool for your
+            project: {context.project.name}
           </CardDescription>
         </CardHeader>
         <CardContent className="space-y-4">