create-catalyst-app-internal 0.0.1-beta.61 → 0.0.1-beta.63

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "create-catalyst-app-internal",
     "bin": "scripts/cli.cjs",
-    "version": "0.0.1-beta.61",
+    "version": "0.0.1-beta.63",
     "description": "cli package to scaffold Catalyst application",
     "dependencies": {
         "commander": "^8.2.0",

package/scripts/cli.cjs

@@ -47,8 +47,9 @@ const program = new Commander.Command()
                 console.log(red(`${projectName} already exists, try again.`))
                 process.exit(1)
             }
-            const language = await promptTypescript()
             const projectDescription = await promptDescription()
+            const language = await promptTypescript()
+            const tailWindSupport = await promptTailwind()
             const stateManagement = cmd.stateManagement || (await promptStateManagement())
 
             // Define mapping of options to repository suffixes
@@ -65,7 +66,11 @@ const program = new Commander.Command()
 
             const commonCodeDirectory = "package/templates/common"
             const selectedTemplateCode = `package/templates/${repositorySuffixes[stateManagement]}-${repositorySuffixes[language]}`
+            const tailwindCodeDirectory = "package/templates/tailwind"
+
             const subDirectoriesToExtract = [commonCodeDirectory, selectedTemplateCode]
+            if (tailWindSupport) subDirectoriesToExtract.push(tailwindCodeDirectory)
+
             const extractionDestination = `/${projectName}/`
             let tempDir
             ;(() => {
@@ -77,6 +82,8 @@ const program = new Commander.Command()
                     extractSubdirectory(packageFilePath)
                     createGitignore(projectName)
 
+                    if (tailWindSupport) setupTailwind(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"`,
                         { stdio: "inherit" }
@@ -150,6 +157,9 @@ 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)
+                            }
                         },
                     })
                 } catch (e) {
@@ -232,6 +242,35 @@ async function promptTypescript() {
     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 setupTailwind(projectName) {
+    try {
+        const packageJsonPath = path.join(process.cwd(), projectName, "package.json")
+        const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, "utf8"))
+        packageJson.dependencies = {
+            ...(packageJson.dependencies || {}),
+            tailwindcss: "^4.1.4",
+            "@tailwindcss/postcss": "^4.1.4",
+        }
+        fs.writeFileSync(packageJsonPath, JSON.stringify(packageJson, null, 2))
+    } catch (error) {
+        console.log("Error while setting up tailwind:", error)
+        process.exit(1)
+    }
+}
+
 function validateOptions(cmd) {
     // Validate language option
     if (cmd.lang && !["js", "ts"].includes(cmd.lang.toLowerCase())) {

package/templates/none-js/package.json

@@ -20,7 +20,7 @@
     "dependencies": {
         "@loadable/component": "^5.16.3",
         "@tata1mg/router": "^0.0.1-beta.7",
-        "catalyst-core": "^0.0.1-beta.13"
+        "catalyst-core": "0.0.1-beta.13"
     },
     "devDependencies": {
         "eslint": "^8.26.0",

package/templates/none-ts/package.json

@@ -3,7 +3,7 @@
     "version": "1.0.0",
     "scripts": {
         "start": "catalyst start",
-        "build": "catalyst build",
+        "build": "npm run typecheck && catalyst build",
         "serve": "catalyst serve",
         "lint": "eslint .",
         "devBuild": "catalyst devBuild",
@@ -21,7 +21,7 @@
     "dependencies": {
         "@loadable/component": "^5.16.3",
         "@tata1mg/router": "^0.0.1-beta.7",
-        "catalyst-core": "^0.0.1-beta.13"
+        "catalyst-core": "0.0.1-beta.13"
     },
     "devDependencies": {
         "eslint": "^8.26.0",

package/templates/redux-js/package.json

@@ -21,7 +21,7 @@
     "dependencies": {
         "@loadable/component": "^5.16.3",
         "@tata1mg/router": "^0.0.1-beta.7",
-        "catalyst-core": "^0.0.1-beta.13",
+        "catalyst-core": "0.0.1-beta.13",
         "@reduxjs/toolkit": "1.9.3",
         "react-redux": "^8.1.3"
     },

package/templates/redux-ts/package.json

@@ -3,7 +3,7 @@
     "version": "1.0.0",
     "scripts": {
         "start": "catalyst start",
-        "build": "catalyst build",
+        "build": "npm run typecheck && catalyst build",
         "serve": "catalyst serve",
         "lint": "eslint .",
         "devBuild": "catalyst devBuild",
@@ -22,7 +22,7 @@
     "dependencies": {
         "@loadable/component": "^5.16.3",
         "@tata1mg/router": "^0.0.1-beta.7",
-        "catalyst-core": "^0.0.1-beta.13",
+        "catalyst-core": "0.0.1-beta.13",
         "@reduxjs/toolkit": "1.9.3",
         "react-redux": "^8.1.3"
     },

package/templates/rtk-js/package.json

@@ -21,7 +21,7 @@
     "dependencies": {
         "@loadable/component": "^5.16.3",
         "@tata1mg/router": "^0.0.1-beta.7",
-        "catalyst-core": "^0.0.1-beta.13",
+        "catalyst-core": "0.0.1-beta.13",
         "@reduxjs/toolkit": "1.9.3",
         "react-redux": "^8.1.3"
     },

package/templates/rtk-ts/package.json

@@ -3,7 +3,7 @@
     "version": "1.0.0",
     "scripts": {
         "start": "catalyst start",
-        "build": "catalyst build",
+        "build": "npm run typecheck && catalyst build",
         "serve": "catalyst serve",
         "lint": "eslint .",
         "devBuild": "catalyst devBuild",
@@ -22,7 +22,7 @@
     "dependencies": {
         "@loadable/component": "^5.16.3",
         "@tata1mg/router": "^0.0.1-beta.7",
-        "catalyst-core": "^0.0.1-beta.13",
+        "catalyst-core": "0.0.1-beta.13",
         "@reduxjs/toolkit": "1.9.3",
         "react-redux": "^8.1.3"
     },

package/templates/tailwind/postcss.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+    plugins: {
+        "@tailwindcss/postcss": {},
+    },
+}

package/templates/tailwind/src/static/css/base/index.scss

@@ -0,0 +1,2 @@
+@import "styles";
+@import "tailwindcss";