use project name as slug (#34)

Author: jairad26

package-lock.json

@@ -16,6 +16,7 @@
     "@oclif/core": "^4",
     "@oclif/plugin-help": "^6",
     "@oclif/plugin-plugins": "^5",
+    "@sindresorhus/slugify": "^2.2.1",
     "@typescript-eslint/eslint-plugin": "^8.11.0",
     "@typescript-eslint/utils": "^8.11.0",
     "chalk": "^5.3.0",

package.json

@@ -1,6 +1,7 @@
 import fetch from 'node-fetch'
 
 import {Org, Project} from '../util/types.js'
+import { getSlugFromName } from './index.js'
 
 export async function sendGraphQLReqToHypermode(jwt: string, query: string): Promise<any> {
   const url = 'https://api.hypermode.com/graphql'
@@ -38,9 +39,10 @@ export async function sendCreateProjectRepoReq(jwt: string, id: string, repoId:
 }
 
 export async function sendCreateProjectReq(jwt: string, orgId: string, projectName: string, repoId: string, repoName: string): Promise<Project> {
+  const slug = getSlugFromName(projectName)
   const query = `
     mutation CreateProjectBranchBackend {
-      createProjectBranchBackend(input: {orgId: "${orgId}", clusterId: "clu-018f07d5-2446-7dbe-a766-dfab00c726de", name: "${projectName}", repoId: "${repoId}", repoName: "${repoName}", sourceType: CUSTOM, defaultBranchName: "main"}
+      createProjectBranchBackend(input: {orgId: "${orgId}", clusterId: "clu-018f07d5-2446-7dbe-a766-dfab00c726de", name: "${projectName}", slug: "${slug}", repoId: "${repoId}", repoName: "${repoName}", sourceType: CUSTOM, defaultBranchName: "main"}
       ) {
           id
           name

src/util/graphql.ts

@@ -1,6 +1,7 @@
 import {ExitPromptError} from '@inquirer/core'
 import * as inquirer from '@inquirer/prompts'
 import chalk from 'chalk'
+import slugify from "@sindresorhus/slugify"
 import * as fs from 'node:fs'
 import * as path from 'node:path'
 import {Interface} from 'node:readline'
@@ -56,6 +57,11 @@ export async function promptProjectName(projects: Project[]): Promise<string> {
     message: 'Creating a new project. Please enter a project name:',
   })
 
+  if (!validateProjectName(projectName)) {
+    console.log(chalk.red('Project name must be longer than 3 characters.'))
+    return promptProjectName(projects)
+  }
+
   // check if project name already exists in projects
   const projectNames = projects.map(project => project.name)
   if (projectNames.includes(projectName)) {
@@ -67,6 +73,14 @@ export async function promptProjectName(projects: Project[]): Promise<string> {
   return projectName
 }
 
+function validateProjectName(projectName: string): boolean {
+  return projectName.length > 3
+}
+
+export function getSlugFromName(name: string): string {
+  return slugify(name)
+}
+
 export async function confirmOverwriteCiHypFile(): Promise<boolean> {
   return inquirer.confirm({
     default: true,