@shivasankaran18/stackd 1.8.0 → 2.0.2

package/apps/cli/src/cli.ts

@@ -15,6 +15,7 @@ export interface ProjectConfig {
   orm: string;
   auth: string;
   dbUrl: string;
+  ui: string;
 }
 
 interface Answers {
@@ -27,7 +28,8 @@ interface Answers {
   orm: string;
   auth: string;
   dbUrl: string;
-  projectName:string;
+  projectName: string;
+  ui: string;
 }
 
 const showBanner = () => {
@@ -67,7 +69,9 @@ const CHOICES = {
   MONGOOSE: 'Mongoose',
   JWT: 'JWT',
   NEXTAUTH: 'NextAuth',
-  PASSPORT: 'Passport'
+  PASSPORT: 'Passport',
+  TAILWIND: 'Tailwind CSS',
+  SHADCN: 'shadcn/ui + Tailwind'
 };
 
 program
@@ -124,6 +128,27 @@ program
       }
     ]);
 
+    // Add UI framework selection after frontend
+    let uiChoice = { ui: CHOICES.NONE };
+    if (frontendChoice.frontend !== chalk.green(CHOICES.DJANGO_TEMPLATES) && 
+        frontendChoice.frontend !== CHOICES.SKIP) {
+      uiChoice = await inquirer.prompt([
+        {
+          type: 'list',
+          name: 'ui',
+          message: chalk.magenta.bold('🎨 Choose a UI framework:'),
+          choices: (answers) => {
+            const isReact = frontendChoice.frontend.includes('React');
+            return [
+              chalk.blue(CHOICES.TAILWIND),
+              ...(isReact ? [chalk.cyan(CHOICES.SHADCN)] : []),
+              CHOICES.NONE
+            ];
+          },
+          default: CHOICES.NONE,
+        }
+      ]);
+    }
 
     const backendChoice = await inquirer.prompt([
       {
@@ -210,6 +235,7 @@ program
     const answers = {
       ...projectSettings,
       ...frontendChoice,
+      ...uiChoice,
       ...backendChoice,
       ...databaseChoice,
       ...ormChoice,

package/apps/cli/src/commands/create.ts

@@ -16,6 +16,8 @@ import chalk from 'chalk';
 import ora from 'ora';
 import { mkdir } from 'fs/promises';
 import { ProjectConfig } from '../cli.js';
+import { setupShadcn } from '../scripts/ui/shadcn.js';
+import { setupTailwindCSS } from '../scripts/ui/tailwindcss.js';
 
 const emitLog = (message: string): void => {
   console.log(`[Emit Logs]: ${message}`);
@@ -64,6 +66,24 @@ export async function createProject(projectName: string, options: ProjectConfig)
         break;
     }
 
+    // UI Framework setup
+    if (options.ui !== 'None' && options.frontend !== 'Django Templates' && options.frontend !== 'Skip') {
+      spinner.text = 'Setting up UI framework...';
+      switch(options.ui) {
+        case 'Tailwind CSS':
+          await setupTailwindCSS(config, projectDir, emitLog);
+          break;
+        case 'shadcn/ui + Tailwind':
+          await setupTailwindCSS(config, projectDir, emitLog);
+          // @ts-ignore
+          await setupShadcn(config, projectDir, emitLog);
+          break;
+        default:
+          emitLog('Unknown UI framework choice');
+          break;
+      }
+    }
+
     // Backend setup
     spinner.text = 'Setting up backend...';
     switch(options.backend) {
@@ -143,6 +163,16 @@ export async function createProject(projectName: string, options: ProjectConfig)
       }
     }
 
+    // Add UI-specific instructions
+    if (options.ui !== 'None') {
+      console.log(chalk.yellow('\nUI Framework Setup:'));
+      if (options.ui === 'Tailwind CSS') {
+        console.log(chalk.cyan('  Tailwind CSS is ready to use'));
+      } else if (options.ui === 'shadcn/ui + Tailwind') {
+        console.log(chalk.cyan('  Run `npx shadcn-ui@latest init` to complete shadcn/ui setup'));
+      }
+    }
+
     // Add database specific instructions
     if (options.database !== 'Skip') {
       console.log(chalk.yellow('\nDatabase Setup:'));

package/apps/cli/src/scripts/ui/shadcn.ts

@@ -2,12 +2,9 @@ import { writeFile, mkdir } from 'fs/promises';
 import { join } from 'path';
 import { execSync } from 'child_process';
 import { existsSync } from 'fs';
+import { ProjectConfig } from '../../cli.js';
 
-export async function setupShadcn(
-    config: any,
-    projectDir: string,
-    emitLog: (log: string) => void
-) {
+export async function setupShadcn(config: ProjectConfig, projectDir: string, emitLog: (message: string) => void) {
     try {
         const frontendDir = join(projectDir, 'frontend');
         emitLog('📦 Setting up shadcn/ui...');
@@ -17,10 +14,7 @@ export async function setupShadcn(
 
         // Install shadcn/ui dependencies
         emitLog('Installing shadcn/ui dependencies...');
-        execSync('npm install @shadcn/ui class-variance-authority clsx tailwind-merge lucide-react', {
-            cwd: frontendDir,
-            stdio: 'inherit'
-        });
+        execSync('npm install @shadcn/ui', { cwd: projectDir });
 
         // Create components.json configuration
         const componentsConfig = {
@@ -66,7 +60,7 @@ export function cn(...inputs: ClassValue[]) {
 
         emitLog('✅ shadcn/ui setup completed successfully!');
     } catch (error) {
-        emitLog(`❌ Error setting up shadcn/ui: ${error instanceof Error ? error.message : 'Unknown error'}`);
+        emitLog('Failed to setup shadcn/ui');
         throw error;
     }
 }

package/apps/cli/src/scripts/ui/tailwind.ts

@@ -0,0 +1,39 @@
+import { execSync } from 'child_process';
+import { writeFile } from 'fs/promises';
+import { join } from 'path';
+import { ProjectConfig } from '../../cli.js';
+
+export async function setupTailwind(config: ProjectConfig, projectDir: string, emitLog: (message: string) => void) {
+  try {
+    emitLog('Installing Tailwind CSS...');
+    execSync('npm install -D tailwindcss postcss autoprefixer', { cwd: projectDir });
+    execSync('npx tailwindcss init -p', { cwd: projectDir });
+
+    // Add Tailwind configuration
+    const tailwindConfig = `
+module.exports = {
+  content: [
+    "./src/**/*.{js,jsx,ts,tsx}",
+  ],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+}`;
+
+    await writeFile(join(projectDir, 'tailwind.config.js'), tailwindConfig);
+    
+    // Add Tailwind directives to CSS
+    const cssContent = `
+@tailwind base;
+@tailwind components;
+@tailwind utilities;`;
+
+    await writeFile(join(projectDir, 'src/index.css'), cssContent);
+    
+    emitLog('Tailwind CSS setup completed');
+  } catch (error) {
+    emitLog('Failed to setup Tailwind CSS');
+    throw error;
+  }
+} 

package/apps/web/app/scaffold/page.tsx

@@ -49,7 +49,7 @@ const Navbar = () => (
       </div>
       
       <a 
-        href="https://github.com/ShyamSunder06/STACKD" 
+        href="https://github.com/shivasankaran18/STACKD" 
         target="_blank" 
         rel="noopener noreferrer"
         className="absolute right-8 text-muted-foreground hover:text-foreground"

package/apps/web/package.json

@@ -37,7 +37,7 @@
   },
   "devDependencies": {
     "@repo/eslint-config": "*",
-    "@repo/typescript-config": "*",
+ 
     "@types/d3": "^7.4.3",
     "@types/node": "^20.0.0",
     "@types/react": "19.0.8",

package/apps/web/tsconfig.json

@@ -1,23 +1,125 @@
-{
-  "extends": "@repo/typescript-config/nextjs.json",
-  "compilerOptions": {
-    "plugins": [
-      {
-        "name": "next"
-      }
-    ],
-    "paths": {
-      "@/*": ["./*"]
-    }
-  },
-  "include": [
-    "**/*.ts",
-    "**/*.tsx",
-    "next-env.d.ts",
-    "next.config.js",
-    ".next/types/**/*.ts"
-  ],
-  "exclude": [
-    "node_modules"
-  ]
-}
+{
+  "compilerOptions": {
+    /* Visit https://aka.ms/tsconfig to read more about this file */
+    /* Projects */
+    // "incremental": true,                              /* Save .tsbuildinfo files to allow for incremental compilation of projects. */
+    // "composite": true,                                /* Enable constraints that allow a TypeScript project to be used with project references. */
+    // "tsBuildInfoFile": "./.tsbuildinfo",              /* Specify the path to .tsbuildinfo incremental compilation file. */
+    // "disableSourceOfProjectReferenceRedirect": true,  /* Disable preferring source files instead of declaration files when referencing composite projects. */
+    // "disableSolutionSearching": true,                 /* Opt a project out of multi-project reference checking when editing. */
+    // "disableReferencedProjectLoad": true,             /* Reduce the number of projects loaded automatically by TypeScript. */
+    /* Language and Environment */
+    "target": "ESNext", /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */// "lib": [],                                        /* Specify a set of bundled library declaration files that describe the target runtime environment. */
+    // "jsx": "preserve",                                /* Specify what JSX code is generated. */
+    // "experimentalDecorators": true,                   /* Enable experimental support for legacy experimental decorators. */
+    // "emitDecoratorMetadata": true,                    /* Emit design-type metadata for decorated declarations in source files. */
+    // "jsxFactory": "",                                 /* Specify the JSX factory function used when targeting React JSX emit, e.g. 'React.createElement' or 'h'. */
+    // "jsxFragmentFactory": "",                         /* Specify the JSX Fragment reference used for fragments when targeting React JSX emit e.g. 'React.Fragment' or 'Fragment'. */
+    // "jsxImportSource": "",                            /* Specify module specifier used to import the JSX factory functions when using 'jsx: react-jsx*'. */
+    // "reactNamespace": "",                             /* Specify the object invoked for 'createElement'. This only applies when targeting 'react' JSX emit. */
+    // "noLib": true,                                    /* Disable including any library files, including the default lib.d.ts. */
+    // "useDefineForClassFields": true,                  /* Emit ECMAScript-standard-compliant class fields. */
+    // "moduleDetection": "auto",                        /* Control what method is used to detect module-format JS files. */
+    /* Modules */
+    "module": "NodeNext", /* Specify what module code is generated. */// "rootDir": "./",                                  /* Specify the root folder within your source files. */
+    "moduleResolution": "NodeNext", /* Specify how TypeScript looks up a file from a given module specifier. */// "baseUrl": "./",                                  /* Specify the base directory to resolve non-relative module names. */
+    "paths": {
+      "@/*": ["./*"]
+    },                                      /* Specify a set of entries that re-map imports to additional lookup locations. */
+    // "rootDirs": [],                                   /* Allow multiple folders to be treated as one when resolving modules. */
+    // "typeRoots": [],                                  /* Specify multiple folders that act like './node_modules/@types'. */
+    // "types": [],                                      /* Specify type package names to be included without being referenced in a source file. */
+    // "allowUmdGlobalAccess": true,                     /* Allow accessing UMD globals from modules. */
+    // "moduleSuffixes": [],                             /* List of file name suffixes to search when resolving a module. */
+    // "allowImportingTsExtensions": true,               /* Allow imports to include TypeScript file extensions. Requires '--moduleResolution bundler' and either '--noEmit' or '--emitDeclarationOnly' to be set. */
+    // "rewriteRelativeImportExtensions": true,          /* Rewrite '.ts', '.tsx', '.mts', and '.cts' file extensions in relative import paths to their JavaScript equivalent in output files. */
+    // "resolvePackageJsonExports": true,                /* Use the package.json 'exports' field when resolving package imports. */
+    // "resolvePackageJsonImports": true,                /* Use the package.json 'imports' field when resolving imports. */
+    // "customConditions": [],                           /* Conditions to set in addition to the resolver-specific defaults when resolving imports. */
+    // "noUncheckedSideEffectImports": true,             /* Check side effect imports. */
+    // "resolveJsonModule": true,                        /* Enable importing .json files. */
+    // "allowArbitraryExtensions": true,                 /* Enable importing files with any extension, provided a declaration file is present. */
+    // "noResolve": true,                                /* Disallow 'import's, 'require's or '<reference>'s from expanding the number of files TypeScript should add to a project. */
+    /* JavaScript Support */
+    // "allowJs": true,                                  /* Allow JavaScript files to be a part of your program. Use the 'checkJS' option to get errors from these files. */
+    // "checkJs": true,                                  /* Enable error reporting in type-checked JavaScript files. */
+    // "maxNodeModuleJsDepth": 1,                        /* Specify the maximum folder depth used for checking JavaScript files from 'node_modules'. Only applicable with 'allowJs'. */
+    /* Emit */
+    // "declaration": true,                              /* Generate .d.ts files from TypeScript and JavaScript files in your project. */
+    // "declarationMap": true,                           /* Create sourcemaps for d.ts files. */
+    // "emitDeclarationOnly": true,                      /* Only output d.ts files and not JavaScript files. */
+    // "sourceMap": true,                                /* Create source map files for emitted JavaScript files. */
+    // "inlineSourceMap": true,                          /* Include sourcemap files inside the emitted JavaScript. */
+    // "noEmit": true,                                   /* Disable emitting files from a compilation. */
+    // "outFile": "./",                                  /* Specify a file that bundles all outputs into one JavaScript file. If 'declaration' is true, also designates a file that bundles all .d.ts output. */
+    "outDir": "./dist", /* Specify an output folder for all emitted files. */// "removeComments": true,                           /* Disable emitting comments. */
+    // "importHelpers": true,                            /* Allow importing helper functions from tslib once per project, instead of including them per-file. */
+    // "downlevelIteration": true,                       /* Emit more compliant, but verbose and less performant JavaScript for iteration. */
+    // "sourceRoot": "",                                 /* Specify the root path for debuggers to find the reference source code. */
+    // "mapRoot": "",                                    /* Specify the location where debugger should locate map files instead of generated locations. */
+    // "inlineSources": true,                            /* Include source code in the sourcemaps inside the emitted JavaScript. */
+    // "emitBOM": true,                                  /* Emit a UTF-8 Byte Order Mark (BOM) in the beginning of output files. */
+    // "newLine": "crlf",                                /* Set the newline character for emitting files. */
+    // "stripInternal": true,                            /* Disable emitting declarations that have '@internal' in their JSDoc comments. */
+    // "noEmitHelpers": true,                            /* Disable generating custom helper functions like '__extends' in compiled output. */
+    // "noEmitOnError": true,                            /* Disable emitting files if any type checking errors are reported. */
+    // "preserveConstEnums": true,                       /* Disable erasing 'const enum' declarations in generated code. */
+    // "declarationDir": "./",                           /* Specify the output directory for generated declaration files. */
+    /* Interop Constraints */
+    // "isolatedModules": true,                          /* Ensure that each file can be safely transpiled without relying on other imports. */
+    // "verbatimModuleSyntax": true,                     /* Do not transform or elide any imports or exports not marked as type-only, ensuring they are written in the output file's format based on the 'module' setting. */
+    // "isolatedDeclarations": true,                     /* Require sufficient annotation on exports so other tools can trivially generate declaration files. */
+    // "allowSyntheticDefaultImports": true,             /* Allow 'import x from y' when a module doesn't have a default export. */
+    "esModuleInterop": true, /* Emit additional JavaScript to ease support for importing CommonJS modules. This enables 'allowSyntheticDefaultImports' for type compatibility. */// "preserveSymlinks": true,                         /* Disable resolving symlinks to their realpath. This correlates to the same flag in node. */
+    "forceConsistentCasingInFileNames": true, /* Ensure that casing is correct in imports. *//* Type Checking */
+    "strict": true, /* Enable all strict type-checking options. */// "noImplicitAny": true,                            /* Enable error reporting for expressions and declarations with an implied 'any' type. */
+    // "strictNullChecks": true,                         /* When type checking, take into account 'null' and 'undefined'. */
+    // "strictFunctionTypes": true,                      /* When assigning functions, check to ensure parameters and the return values are subtype-compatible. */
+    // "strictBindCallApply": true,                      /* Check that the arguments for 'bind', 'call', and 'apply' methods match the original function. */
+    // "strictPropertyInitialization": true,             /* Check for class properties that are declared but not set in the constructor. */
+    // "strictBuiltinIteratorReturn": true,              /* Built-in iterators are instantiated with a 'TReturn' type of 'undefined' instead of 'any'. */
+    // "noImplicitThis": true,                           /* Enable error reporting when 'this' is given the type 'any'. */
+    // "useUnknownInCatchVariables": true,               /* Default catch clause variables as 'unknown' instead of 'any'. */
+    // "alwaysStrict": true,                             /* Ensure 'use strict' is always emitted. */
+    // "noUnusedLocals": true,                           /* Enable error reporting when local variables aren't read. */
+    // "noUnusedParameters": true,                       /* Raise an error when a function parameter isn't read. */
+    // "exactOptionalPropertyTypes": true,               /* Interpret optional property types as written, rather than adding 'undefined'. */
+    // "noImplicitReturns": true,                        /* Enable error reporting for codepaths that do not explicitly return in a function. */
+    // "noFallthroughCasesInSwitch": true,               /* Enable error reporting for fallthrough cases in switch statements. */
+    // "noUncheckedIndexedAccess": true,                 /* Add 'undefined' to a type when accessed using an index. */
+    // "noImplicitOverride": true,                       /* Ensure overriding members in derived classes are marked with an override modifier. */
+    // "noPropertyAccessFromIndexSignature": true,       /* Enforces using indexed accessors for keys declared using an indexed type. */
+    // "allowUnusedLabels": true,                        /* Disable error reporting for unused labels. */
+    // "allowUnreachableCode": true,                     /* Disable error reporting for unreachable code. */
+    /* Completeness */
+    // "skipDefaultLibCheck": true,                      /* Skip type checking .d.ts files that are included with TypeScript. */
+    "skipLibCheck": true /* Skip type checking all .d.ts files. */,
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
+    "allowJs": true,
+    "noEmit": true,
+    "incremental": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ]
+  },
+  "include": [
+    "**/*.ts",
+    "**/*.tsx",
+    "next-env.d.ts",
+    "next.config.js",
+    ".next/types/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ],
+  
+}

package/package.json

@@ -1,11 +1,10 @@
 {
   "name": "@shivasankaran18/stackd",
-  "version": "1.8.0",
+  "version": "2.0.2",
   "bin": {
     "stackd": "stackd.ts",
     "pre-install": "npm install"
   },
-  "main": "dist/stackd.js",
   "type": "module",
   "scripts": {
     "build": "turbo run build",
@@ -13,7 +12,6 @@
     "lint": "turbo run lint",
     "format": "prettier --write \"**/*.{ts,tsx,md}\"",
     "check-types": "turbo run check-types",
-    "prepare": "husky install",
     "setup": "sh start-web.sh",
     "@types/node": "^22.13.5",
     "chalk": "4",
@@ -24,7 +22,7 @@
     "ora": "^8.2.0",
     "path": "^0.12.7",
     "ts-node": "^10.9.2",
-    "create":"tsx ./stackd.ts init"
+    "create": "tsx ./stackd.ts init"
   },
   "devDependencies": {
     "@types/chalk": "^2.2.4",
@@ -46,42 +44,42 @@
   ],
   "dependencies": {
     "@octokit/rest": "^21.1.1",
-    "chalk": "^4.1.2",
-    "framer-motion": "^12.4.7",
-    "fs": "^0.0.1-security",
-    "simple-git": "^3.27.0",
-    "ts-node": "^10.9.2",
-    "tsx": "^4.19.3",
-    "@types/chalk": "^2.2.4",
-    "@types/commander": "^2.12.5",
-    "@types/node": "^22.13.5",
-    "commander": "^13.1.0",
-    "gradient-string": "^3.0.0",
-    "inquirer": "^12.4.2",
-    "ora": "^8.2.0",
-  
     "@radix-ui/react-dropdown-menu": "^2.1.6",
     "@radix-ui/react-label": "^2.1.2",
     "@radix-ui/react-scroll-area": "^1.2.3",
     "@radix-ui/react-slot": "^1.1.2",
     "@radix-ui/react-switch": "^1.1.3",
+    "@types/chalk": "^2.2.4",
+    "@types/commander": "^2.12.5",
+    "@types/node": "^22.13.5",
+    "@types/react": "^19.0.10",
     "axios": "^1.7.9",
+    "chalk": "^4.1.2",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "commander": "^13.1.0",
     "d3": "^7.9.0",
     "date-fns": "^4.1.0",
-
+    "dotenv": "^16.4.7",
+    "framer-motion": "^12.4.7",
+    "fs": "^0.0.1-security",
+    "gradient-string": "^3.0.0",
+    "inquirer": "^12.4.2",
     "lucide-react": "^0.475.0",
     "next": "^15.1.6",
     "next-auth": "^4.24.11",
     "next-themes": "^0.4.4",
+    "ora": "^8.2.0",
     "path": "^0.12.7",
     "prisma": "^6.4.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "redis": "^4.7.0",
+    "simple-git": "^3.27.0",
     "sonner": "^2.0.1",
     "tailwind-merge": "^3.0.1",
-    "tailwindcss-animate": "^1.0.7"
+    "tailwindcss-animate": "^1.0.7",
+    "ts-node": "^10.9.2",
+    "tsx": "^4.19.3"
   }
 }