create-catalyst-app-internal 0.0.3-canary.33 → 0.0.3-canary.34

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "create-catalyst-app-internal",
     "bin": "scripts/cli.cjs",
-    "version": "0.0.3-canary.33",
+    "version": "0.0.3-canary.34",
     "description": "cli package to scaffold Catalyst application",
     "dependencies": {
         "commander": "^8.2.0",

package/scripts/cli.cjs

@@ -17,6 +17,7 @@ const program = new Commander.Command()
     .arguments("[folderName]")
     .usage(`${green("[folderName]")} [options]`)
     .action((name) => (projectName = name))
+    .addOption(new Option("-y, --yes [yes]", "Use default configuration"))
     .addOption(
         new Option(
             "-s, --state-management [stateManagement]",
@@ -27,15 +28,39 @@ const program = new Commander.Command()
     )
     .action(async (folderName = null, cmd) => {
         try {
+            let config = {
+                folderName,
+                language: null,
+                tailWindSupport: null,
+                description: null,
+                stateManagement: cmd.stateManagement,
+                mcpSupport: null,
+            }
+
             if (process.argv.includes("new-route")) {
                 const createRoutePath = path.join(__dirname, "../codemod/new-route/index.js")
                 execSync(`node ${createRoutePath}`, { stdio: "inherit" })
                 return
             }
 
+            console.log(cyan(`Using create-catalyst-app version ${bold(packageJson.version)}`))
+
             // Use options provided through commander or prompt the user
             validateOptions(cmd)
-            const projectName = folderName || (await promptProjectName())
+
+            if (cmd.yes) {
+                console.log("Using default configuration.")
+                config = {
+                    folderName: "my-app",
+                    language: "js",
+                    tailWindSupport: false,
+                    description: "Default catalyst app",
+                    stateManagement: "none",
+                    mcpSupport: true,
+                }
+            }
+
+            const projectName = config.folderName || (await promptProjectName())
             let isNameValid = validate(projectName)
             if (!isNameValid.validForNewPackages) {
                 isNameValid?.warnings?.forEach?.((item) => console.log(red(item)))
@@ -47,9 +72,11 @@ const program = new Commander.Command()
                 console.log(red(`${projectName} already exists, try again.`))
                 process.exit(1)
             }
-            const language = "js"
-            const projectDescription = await promptDescription()
-            const stateManagement = cmd.stateManagement || (await promptStateManagement())
+            const projectDescription = config.description || (await promptDescription())
+            const language = config.language || (await promptTypescript())
+            const tailWindSupport = config.tailWindSupport !== null || (await promptTailwind())
+            const stateManagement = config.stateManagement || (await promptStateManagement())
+            const mcpSupport = config.mcpSupport !== null || (await promptMcp())
 
             // Define mapping of options to repository suffixes
             const repositorySuffixes = {
@@ -65,7 +92,13 @@ 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
             ;(() => {
@@ -78,10 +111,27 @@ const program = new Commander.Command()
                     createGitignore(projectName)
 
                     execSync(
-                        `cd ${projectName} && npm i && npm pkg set name=${projectName} ${projectDescription ? `description="${projectDescription}"` : ""} && git init --quiet && git add . && git commit -m "initial commit from Create Catalyst App"`,
+                        `cd ${projectName} && npm i && npm pkg set name=${projectName} ${projectDescription ? `description="${projectDescription}"` : ""} && git init --quiet`,
                         { stdio: "inherit" }
                     )
 
+                    if (tailWindSupport) {
+                        execSync(`cd ${projectName} && npm i tailwindcss@4.1.4 @tailwindcss/postcss@4.1.4`, {
+                            stdio: "inherit",
+                        })
+                    }
+
+                    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"`,
+                        {
+                            stdio: "inherit",
+                        }
+                    )
+
                     console.log(`\n${green(bold("Success!"))} created ${projectName} at ${projectPath}`)
                     console.log("Inside this directory, you can run the following commands.")
 
@@ -114,8 +164,8 @@ const program = new Commander.Command()
 
                     // to test locally, comment the upper execSync and uncomment this one.
                     // execSync(`npm pack --pack-destination=${tempDir} --silent`, {
-                    //   cwd: process.cwd(),
-                    // });
+                    //     cwd: process.cwd(),
+                    // })
 
                     return tarballFilePath
                 } catch (error) {
@@ -150,13 +200,19 @@ const program = new Commander.Command()
                             if (entry.path.startsWith(selectedTemplateCode)) {
                                 entry.path = entry.path.replace(selectedTemplateCode, extractionDestination)
                             }
+                            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) {
                     console.log("An error occurred", e)
                 }
 
-                cyan(`Run cd ${projectName} && npm start to get started.`)
+                console.log(cyan(`Run cd ${projectName} && npm start to get started.`))
             }
         } catch (error) {
             console.error(red("An error occurred:"), error.message)
@@ -218,6 +274,46 @@ async function promptDescription() {
     } else return null
 }
 
+async function promptTypescript() {
+    const response = await prompts({
+        type: "select",
+        name: "typescript",
+        message: "Would you like to use TypeScript?",
+        choices: [
+            { title: "Yes", value: "ts" },
+            { title: "No", value: "js" },
+        ],
+    })
+
+    return response.typescript
+}
+
+async function promptTailwind() {
+    const response = await prompts({
+        type: "select",
+        name: "tailwind",
+        message: "Would you like to use Tailwind CSS?",
+        choices: [
+            { title: "Yes", value: true },
+            { title: "No", value: false },
+        ],
+    })
+    return response.tailwind
+}
+
+async function promptMcp() {
+    const response = await prompts({
+        type: "select",
+        name: "mcp",
+        message: "Would you like to setup an MCP server?",
+        choices: [
+            { title: "Yes", value: true },
+            { title: "No", value: false },
+        ],
+    })
+    return response.mcp
+}
+
 function validateOptions(cmd) {
     // Validate language option
     if (cmd.lang && !["js", "ts"].includes(cmd.lang.toLowerCase())) {
@@ -228,6 +324,10 @@ function validateOptions(cmd) {
     if (cmd.stateManagement && !["rtk", "redux", "none"].includes(cmd.stateManagement.toLowerCase())) {
         throw new Error('Invalid state management option. Use "rtk", "redux", or "none".')
     }
+
+    if (cmd.yes && typeof cmd.yes !== "boolean") {
+        throw new Error('Invalid option for "yes". Use "-y" or "--yes" to accept defaults.')
+    }
 }
 
 function deleteDirectory(dirPath) {

package/templates/common/webpackConfig.js

@@ -2,4 +2,5 @@ module.exports = {
     developmentPlugins: [],
     ssrPlugins: [],
     clientPlugins: [],
+    transpileModules: [],
 }