create-laju-app 1.1.5 → 1.3.0

package/README.md

@@ -24,6 +24,7 @@ npx create-laju-app <project-name> [options]
 | Option | Description | Default |
 |--------|-------------|---------|
 | `--package-manager` | Package manager to use (npm, yarn, bun) | Auto-detect |
+| `--tailwind` | TailwindCSS version to use (v3, v4) | Prompt (defaults to v4) |
 
 ## What's Included
 
@@ -32,7 +33,7 @@ The created project includes:
 - **Laju Framework** - High-performance TypeScript web framework
 - **Svelte 5** - Reactive UI with runes
 - **Inertia.js** - SPA without client-side routing
-- **TailwindCSS 4** - Utility-first CSS with Vite
+- **TailwindCSS** - Utility-first CSS with Vite (v4 or v3)
 - **Database** - SQLite + Knex.js migrations
 - **Authentication** - Session-based auth + OAuth (Google)
 - **Storage** - S3/Wasabi support with presigned URLs

package/bin/cli.js

@@ -106,9 +106,27 @@ program
   .description('CLI to create a new project from template')
   .version('1.0.0');
 
+async function selectTailwindVersion() {
+  console.log('');
+  console.log('\x1b[36m  Which TailwindCSS version would you like to use?\x1b[0m');
+
+  const response = await prompts({
+    type: 'select',
+    name: 'tailwindVersion',
+    message: '',
+    choices: [
+      { title: 'TailwindCSS 4 (latest ✓)', value: 'v4' },
+      { title: 'TailwindCSS 3 (stable)', value: 'v3' }
+    ]
+  });
+
+  return response.tailwindVersion || 'v4';
+}
+
 program
   .argument('[project-directory]', 'Project directory name')
   .option('--package-manager <pm>', 'Package manager to use (npm, yarn, bun)')
+  .option('--tailwind <version>', 'TailwindCSS version to use (v3, v4)')
   .action(async (projectDirectory, options) => {
     try {
       console.log('');
@@ -130,6 +148,20 @@ program
       console.log('\x1b[36m  Using ' + packageManager + '\x1b[0m');
       console.log('');
 
+      // Select TailwindCSS version (default to v4 if not specified)
+      let tailwindVersion;
+      if (options.tailwind) {
+        tailwindVersion = options.tailwind;
+        if (!['v3', 'v4'].includes(tailwindVersion)) {
+          console.log('\x1b[1;31m✖\x1b[0m \x1b[1;91mError:\x1b[0m Invalid TailwindCSS version. Use v3 or v4.');
+          process.exit(1);
+        }
+      } else {
+        tailwindVersion = await selectTailwindVersion();
+      }
+      console.log('\x1b[36m  Using TailwindCSS ' + tailwindVersion + '\x1b[0m');
+      console.log('');
+
       // If no project name, ask user
       if (!projectDirectory) {
         console.log('\x1b[36m  Project name:\x1b[0m');
@@ -191,6 +223,9 @@ program
       // Update project name in package.json
       packageJson.name = projectDirectory;
 
+      // Reset version to 0.0.1 for new project
+      packageJson.version = '0.0.1';
+
       // Write back package.json
       fs.writeFileSync(
         packageJsonPath,
@@ -216,6 +251,14 @@ program
         console.log('\x1b[36m  Preparing database...\x1b[0m');
         execSync('npm run refresh 1', { stdio: 'inherit', timeout: 60000 });
         console.log('\x1b[32m  ✓ Database ready\x1b[0m');
+
+        // Migrate to TailwindCSS v4 if selected
+        if (tailwindVersion === 'v4') {
+          console.log('');
+          console.log('\x1b[36m  Migrating to TailwindCSS v4...\x1b[0m');
+          execSync('npm run tailwind:migrate to-v4', { stdio: 'inherit', timeout: 60000 });
+          console.log('\x1b[32m  ✓ TailwindCSS v4 ready\x1b[0m');
+        }
       } finally {
         process.chdir(originalDir);
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-laju-app",
-  "version": "1.1.5",
+  "version": "1.3.0",
   "description": "CLI tool to scaffold new Laju framework projects",
   "keywords": [
     "laju",
@@ -34,6 +34,10 @@
     "README.md",
     "LICENSE"
   ],
+  "type": "commonjs",
+  "publishConfig": {
+    "access": "public"
+  },
   "dependencies": {
     "commander": "^11.0.0",
     "degit": "^2.8.4",