create-ng-tailwind 1.0.0 → 2.0.2

package/bin/create-ng-tailwind.js

@@ -1,412 +1,10 @@
 #!/usr/bin/env node
 
-const { program } = require('commander');
-const chalk = require('chalk');
-const inquirer = require('inquirer');
-const ora = require('ora');
-const fs = require('fs-extra');
-const path = require('path');
-const execa = require('execa');
+const CLI = require("../lib/cli");
 
-const packageJson = require('../package.json');
-
-program
-  .name('create-ng-tailwind')
-  .description('Create a new Angular project with Tailwind CSS preconfigured')
-  .version(packageJson.version)
-  .argument('[project-name]', 'name of the project')
-  .option('-d, --directory <dir>', 'target directory (defaults to project name)')
-  .option('--skip-install', 'skip npm install')
-  .option('--no-routing', 'disable Angular routing (enabled by default)')
-  .option('--style <style>', 'stylesheet format (css, scss, sass, less)', 'css')
-  .option('--ssr', 'enable Server-Side Rendering (SSR)')
-  .option('--zoneless', 'create zoneless application without zone.js')
-  .option('--ai-config <tools>', 'AI tools to configure (none, claude, cursor, gemini, copilot, jetbrains, windsurf)', 'none')
-  .option('--interactive', 'enable interactive prompts for project configuration')
-  .parse();
-
-const options = program.opts();
-const projectName = program.args[0];
-
-async function getInteractiveOptions() {
-  console.log(chalk.yellow('📋 Configure your Angular project:\n'));
-  
-  const questions = [
-    {
-      type: 'list',
-      name: 'style',
-      message: 'Which stylesheet format would you like to use?',
-      choices: [
-        { name: 'CSS', value: 'css' },
-        { name: 'SCSS   [ https://sass-lang.com/documentation/syntax#scss ]', value: 'scss' },
-        { name: 'Sass   [ https://sass-lang.com/documentation/syntax#the-indented-syntax ]', value: 'sass' },
-        { name: 'Less   [ https://lesscss.org ]', value: 'less' }
-      ],
-      default: 'css'
-    },
-    {
-      type: 'confirm',
-      name: 'routing',
-      message: 'Would you like to add Angular routing?',
-      default: true
-    },
-    {
-      type: 'confirm',
-      name: 'ssr',
-      message: 'Do you want to enable Server-Side Rendering (SSR) and Static Site Generation (SSG/Prerendering)?',
-      default: false
-    },
-    {
-      type: 'confirm',
-      name: 'zoneless',
-      message: 'Do you want to create a \'zoneless\' application without zone.js?',
-      default: false
-    },
-    {
-      type: 'checkbox',
-      name: 'aiConfig',
-      message: 'Which AI tools do you want to configure with Angular best practices?',
-      choices: [
-        { name: 'None', value: 'none', checked: true },
-        { name: 'Claude                 [ https://docs.anthropic.com/en/docs/claude-code/memory ]', value: 'claude' },
-        { name: 'Cursor                 [ https://docs.cursor.com/en/context/rules ]', value: 'cursor' },
-        { name: 'Gemini                 [ https://ai.google.dev/gemini-api/docs ]', value: 'gemini' },
-        { name: 'GitHub Copilot         [ https://code.visualstudio.com/docs/copilot/copilot-customization#_custom-instructions ]', value: 'copilot' },
-        { name: 'JetBrains AI Assistant [ https://www.jetbrains.com/help/junie/customize-guidelines.html ]', value: 'jetbrains' },
-        { name: 'Windsurf               [ https://docs.windsurf.com/windsurf/cascade/memories#rules ]', value: 'windsurf' }
-      ],
-      validate: (answer) => {
-        if (answer.includes('none') && answer.length > 1) {
-          return 'Please select either "None" or specific AI tools, not both.';
-        }
-        return true;
-      }
-    }
-  ];
-
-  return await inquirer.prompt(questions);
-}
-
-async function main() {
-  console.log(chalk.cyan.bold(`\n🚀 Create Angular + Tailwind CSS Project\n`));
-  
-  let finalProjectName = projectName;
-  let targetDirectory = options.directory;
-
-  // If no project name provided, prompt for it
-  if (!finalProjectName) {
-    const answers = await inquirer.prompt([
-      {
-        type: 'input',
-        name: 'projectName',
-        message: 'What is your project name?',
-        default: 'my-angular-app',
-        validate: (input) => {
-          if (!input.trim()) {
-            return 'Project name is required';
-          }
-          if (!/^[a-zA-Z0-9-_]+$/.test(input)) {
-            return 'Project name can only contain letters, numbers, hyphens, and underscores';
-          }
-          return true;
-        }
-      }
-    ]);
-    finalProjectName = answers.projectName;
-  }
-
-  // Get interactive configuration if requested
-  let interactiveOptions = {};
-  if (options.interactive) {
-    interactiveOptions = await getInteractiveOptions();
-    
-    // Override command line options with interactive choices
-    options.style = interactiveOptions.style;
-    options.noRouting = !interactiveOptions.routing; // Flip because we use --no-routing
-    options.ssr = interactiveOptions.ssr;
-    options.zoneless = interactiveOptions.zoneless;
-    options.aiConfig = interactiveOptions.aiConfig.includes('none') ? 'none' : interactiveOptions.aiConfig.join(',');
-  }
-
-  // Set target directory
-  if (!targetDirectory) {
-    targetDirectory = finalProjectName;
-  }
-
-  const fullPath = path.resolve(process.cwd(), targetDirectory);
-
-  // Check if directory already exists
-  if (await fs.pathExists(fullPath)) {
-    const { overwrite } = await inquirer.prompt([
-      {
-        type: 'confirm',
-        name: 'overwrite',
-        message: `Directory ${targetDirectory} already exists. Do you want to overwrite it?`,
-        default: false
-      }
-    ]);
-
-    if (!overwrite) {
-      console.log(chalk.yellow('Operation cancelled.'));
-      process.exit(0);
-    }
-
-    await fs.remove(fullPath);
-  }
-
-  try {
-    await createAngularProject(finalProjectName, targetDirectory);
-    await configureTailwind(fullPath);
-    await setupProjectFiles(fullPath, finalProjectName);
-    
-    console.log(chalk.green.bold('\n✅ Project created successfully!\n'));
-    console.log(chalk.cyan('Next steps:'));
-    console.log(chalk.white(`  cd ${targetDirectory}`));
-    if (options.skipInstall) {
-      console.log(chalk.white('  npm install'));
-    }
-    console.log(chalk.white('  ng serve'));
-    console.log(chalk.green('\n🎉 Happy coding with Angular and Tailwind CSS!'));
-
-  } catch (error) {
-    console.error(chalk.red('Error creating project:'), error.message);
-    process.exit(1);
-  }
-}
-
-async function createAngularProject(projectName, directory) {
-  const spinner = ora('Creating Angular project...').start();
-  
-  try {
-    // Routing is enabled by default, disabled only with --no-routing flag
-    const routingFlag = options.noRouting ? '--routing=false' : '--routing=true';
-    const styleFlag = `--style=${options.style}`;
-    const ssrFlag = options.ssr ? '--ssr=true' : '--ssr=false';
-    const zonelessFlag = options.zoneless ? '--zoneless=true' : '--zoneless=false';
-    const aiConfigFlag = `--ai-config=${options.aiConfig}`;
-    
-    await execa.command(`npx @angular/cli@latest new ${projectName} ${routingFlag} ${styleFlag} ${ssrFlag} ${zonelessFlag} ${aiConfigFlag} --skip-git --package-manager=npm --interactive=false`, {
-      cwd: process.cwd(),
-      stdio: 'pipe'
-    });
-
-    // If directory name is different from project name, rename it
-    if (directory !== projectName) {
-      await fs.move(path.resolve(process.cwd(), projectName), path.resolve(process.cwd(), directory));
-    }
-
-    spinner.succeed('Angular project created');
-  } catch (error) {
-    spinner.fail('Failed to create Angular project');
-    throw error;
-  }
-}
-
-async function configureTailwind(projectPath) {
-  const spinner = ora('Installing and configuring Tailwind CSS...').start();
-  
-  try {
-    // Install Tailwind CSS dependencies or add them to package.json
-    if (!options.skipInstall) {
-      await execa.command('npm install tailwindcss @tailwindcss/postcss postcss --force', {
-        cwd: projectPath,
-        stdio: 'pipe'
-      });
-    } else {
-      // Add dependencies to package.json when skipping install
-      const packageJsonPath = path.join(projectPath, 'package.json');
-      const packageJson = await fs.readJson(packageJsonPath);
-      
-      if (!packageJson.dependencies) {
-        packageJson.dependencies = {};
-      }
-      
-      packageJson.dependencies['tailwindcss'] = '^3.4.0';
-      packageJson.dependencies['@tailwindcss/postcss'] = '^1.0.0';
-      packageJson.dependencies['postcss'] = '^8.4.0';
-      
-      await fs.writeJson(packageJsonPath, packageJson, { spaces: 2 });
-    }
-
-    // Create .postcssrc.json file with @tailwindcss/postcss plugin
-    const postcssConfig = {
-      "plugins": {
-        "@tailwindcss/postcss": {}
-      }
-    };
-
-    await fs.writeFile(path.join(projectPath, '.postcssrc.json'), JSON.stringify(postcssConfig, null, 2));
-
-    // Update styles file with Tailwind import
-    const stylesPath = path.join(projectPath, `src/styles.${options.style}`);
-    const tailwindImport = `@import "tailwindcss";
-
-/* Your custom styles here */
-`;
-
-    await fs.writeFile(stylesPath, tailwindImport);
-
-    spinner.succeed('Tailwind CSS configured');
-  } catch (error) {
-    spinner.fail('Failed to configure Tailwind CSS');
-    throw error;
-  }
-}
-
-async function setupProjectFiles(projectPath, projectName) {
-  const spinner = ora('Setting up project files...').start();
-  
-  try {
-    // Rename files to traditional Angular naming convention
-    const appPath = path.join(projectPath, 'src/app');
-    await fs.move(path.join(appPath, 'app.html'), path.join(appPath, 'app.component.html'));
-    await fs.move(path.join(appPath, 'app.ts'), path.join(appPath, 'app.component.ts'));
-    await fs.move(path.join(appPath, `app.${options.style}`), path.join(appPath, `app.component.${options.style}`));
-    await fs.move(path.join(appPath, 'app.spec.ts'), path.join(appPath, 'app.component.spec.ts'));
-
-    // Update app.component.html with a Tailwind example
-    const appComponentHtml = `<div class="min-h-screen bg-gradient-to-br from-blue-500 to-purple-600 flex items-center justify-center">
-  <div class="bg-white rounded-lg shadow-2xl p-8 max-w-md w-full mx-4">
-    <div class="text-center">
-      <h1 class="text-3xl font-bold text-gray-800 mb-4">
-        Welcome to {{ title }}!
-      </h1>
-      <div class="mb-6">
-        <svg class="mx-auto h-16 w-16 text-blue-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path>
-        </svg>
-      </div>
-      <p class="text-gray-600 mb-6">
-        Your Angular project with Tailwind CSS is ready to go!
-      </p>
-      <div class="space-y-4">
-        <button class="w-full bg-blue-500 hover:bg-blue-600 text-white font-semibold py-2 px-4 rounded-lg transition duration-200">
-          Get Started
-        </button>
-        <a href="https://tailwindcss.com/docs" target="_blank" 
-           class="block w-full bg-gray-100 hover:bg-gray-200 text-gray-800 font-semibold py-2 px-4 rounded-lg transition duration-200 text-center">
-          View Tailwind Docs
-        </a>
-      </div>
-    </div>
-  </div>
-</div>
-
-<!-- Example of responsive grid with Tailwind -->
-<div class="bg-gray-50 py-12">
-  <div class="max-w-6xl mx-auto px-4">
-    <h2 class="text-2xl font-bold text-center text-gray-800 mb-8">
-      Built with Angular & Tailwind CSS
-    </h2>
-    <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
-      <div class="bg-white rounded-lg shadow-md p-6 text-center">
-        <div class="bg-red-100 rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-4">
-          <svg class="w-8 h-8 text-red-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
-          </svg>
-        </div>
-        <h3 class="text-lg font-semibold text-gray-800 mb-2">Angular</h3>
-        <p class="text-gray-600 text-sm">Powerful TypeScript framework for building web applications</p>
-      </div>
-      <div class="bg-white rounded-lg shadow-md p-6 text-center">
-        <div class="bg-green-100 rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-4">
-          <svg class="w-8 h-8 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path>
-          </svg>
-        </div>
-        <h3 class="text-lg font-semibold text-gray-800 mb-2">Tailwind CSS</h3>
-        <p class="text-gray-600 text-sm">Utility-first CSS framework for rapid UI development</p>
-      </div>
-      <div class="bg-white rounded-lg shadow-md p-6 text-center">
-        <div class="bg-blue-100 rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-4">
-          <svg class="w-8 h-8 text-blue-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
-          </svg>
-        </div>
-        <h3 class="text-lg font-semibold text-gray-800 mb-2">Ready to Go</h3>
-        <p class="text-gray-600 text-sm">Zero configuration required - start building immediately</p>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-    // Update app.component.html with our Tailwind template
-    await fs.writeFile(path.join(projectPath, 'src/app/app.component.html'), appComponentHtml);
-
-    // Update app.component.ts with traditional naming and structure
-    const appComponentTs = `import { Component } from '@angular/core';
-
-@Component({
-  selector: 'app-root',
-  templateUrl: './app.component.html',
-  styleUrl: './app.component.${options.style}'
-})
-export class AppComponent {
-  title = '${projectName}';
-}
-`;
-
-    await fs.writeFile(path.join(projectPath, 'src/app/app.component.ts'), appComponentTs);
-
-    // Update the component style file
-    const componentStyleContent = `/* Add your component-specific styles here */
-`;
-    await fs.writeFile(path.join(projectPath, `src/app/app.component.${options.style}`), componentStyleContent);
-
-    // Update main.ts to import AppComponent instead of App
-    const mainTsContent = `import { bootstrapApplication } from '@angular/platform-browser';
-import { appConfig } from './app/app.config';
-import { AppComponent } from './app/app.component';
-
-bootstrapApplication(AppComponent, appConfig)
-  .catch((err) => console.error(err));
-`;
-
-    await fs.writeFile(path.join(projectPath, 'src/main.ts'), mainTsContent);
-
-    // Update the spec file if needed
-    const specContent = `import { TestBed } from '@angular/core/testing';
-import { AppComponent } from './app.component';
-
-describe('AppComponent', () => {
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [AppComponent],
-    }).compileComponents();
-  });
-
-  it('should create the app', () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.componentInstance;
-    expect(app).toBeTruthy();
-  });
-
-  it(\`should have the '\${projectName}' title\`, () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.componentInstance;
-    expect(app.title).toEqual('${projectName}');
-  });
-
-  it('should render title', () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    fixture.detectChanges();
-    const compiled = fixture.nativeElement as HTMLElement;
-    expect(compiled.querySelector('h1')?.textContent).toContain('Welcome to ${projectName}');
-  });
-});
-`;
-
-    await fs.writeFile(path.join(projectPath, 'src/app/app.component.spec.ts'), specContent);
-
-    spinner.succeed('Project files configured');
-  } catch (error) {
-    spinner.fail('Failed to setup project files');
-    throw error;
-  }
-}
-
-main().catch((error) => {
-  console.error(chalk.red('Unexpected error:'), error);
+// Create and run the CLI
+const cli = new CLI();
+cli.run().catch((error) => {
+  console.error("Unexpected error:", error);
   process.exit(1);
 });

package/lib/cli/index.js

@@ -0,0 +1,222 @@
+const { program } = require("commander");
+const inquirer = require("inquirer");
+const chalk = require("chalk");
+const CLI = require("./interactive");
+const { createLogger } = require("../utils/logger");
+
+class CLIHandler {
+  constructor() {
+    this.logger = createLogger();
+  }
+
+  parseOptions() {
+    program
+      .name("create-ng-tailwind")
+      .description("Create Angular projects with Tailwind CSS")
+      .version(require("../../package.json").version)
+      .argument("[project-name]", "Project name")
+      .option("-t, --template <template>", "Template to use (minimal, starter)")
+      .option("--routing", "Enable Angular routing")
+      .option("--no-routing", "Disable Angular routing")
+      .option(
+        "--ssr",
+        "Enable Server-Side Rendering (SSR) and Static Site Generation",
+      )
+      .option("--zoneless", "Create zoneless application without zone.js")
+      .option(
+        "--ai-config <tools>",
+        "AI tools to configure (none, claude, cursor, gemini, copilot, jetbrains, windsurf)",
+      )
+      .option("--skip-install", "Skip npm install")
+      .parse();
+
+    return program.opts();
+  }
+
+  async getProjectName() {
+    const projectName = program.args[0];
+
+    if (!projectName) {
+      const { name } = await this.logger.prompt([
+        {
+          type: "input",
+          name: "name",
+          message: "What is your project name?",
+          default: "my-angular-app",
+          validate: (input) => {
+            if (!input.trim()) return "Project name is required";
+            if (!/^[a-z0-9-]+$/.test(input)) {
+              return "Project name can only contain lowercase letters, numbers, and hyphens";
+            }
+            return true;
+          },
+        },
+      ]);
+      return name;
+    }
+
+    return projectName;
+  }
+
+  async getTemplateChoice() {
+    const { template } = await this.logger.prompt([
+      {
+        type: "list",
+        name: "template",
+        message: "Which template would you like to use?",
+        choices: [
+          {
+            name: "Minimal     - Clean Angular + Tailwind CSS (zero features, build your own way)",
+            value: "minimal",
+          },
+          {
+            name: "Starter     - Professional foundation (routing, i18n, auth UI, components, services, interceptors)",
+            value: "starter",
+          },
+        ],
+        default: "starter",
+      },
+    ]);
+    return template;
+  }
+
+  async getConfigurationOptions() {
+    const answers = await this.logger.prompt([
+      {
+        type: "confirm",
+        name: "ssr",
+        message:
+          "Do you want to enable Server-Side Rendering (SSR) and Static Site Generation (SSG/Prerendering)?",
+        default: false,
+      },
+      {
+        type: "confirm",
+        name: "zoneless",
+        message:
+          "Do you want to create a 'zoneless' application without zone.js?",
+        default: false,
+      },
+      {
+        type: "checkbox",
+        name: "aiConfig",
+        message:
+          "Which AI tools do you want to configure with Angular best practices? https://angular.dev/ai/develop-with-ai",
+        choices: [
+          { name: "None", value: "none", checked: true },
+          {
+            name: "Claude                 [ https://docs.anthropic.com/en/docs/claude-code/memory ]",
+            value: "claude",
+          },
+          {
+            name: "Cursor                 [ https://docs.cursor.com/en/context/rules ]",
+            value: "cursor",
+          },
+          {
+            name: "Gemini                 [ https://ai.google.dev/gemini-api/docs ]",
+            value: "gemini",
+          },
+          {
+            name: "GitHub Copilot         [ https://docs.github.com/copilot ]",
+            value: "copilot",
+          },
+          {
+            name: "JetBrains AI           [ https://www.jetbrains.com/ai/ ]",
+            value: "jetbrains",
+          },
+          {
+            name: "Windsurf               [ https://codeium.com/windsurf ]",
+            value: "windsurf",
+          },
+        ],
+        validate: (answer) => {
+          // If "None" is selected with other options, remove "none"
+          if (answer.includes("none") && answer.length > 1) {
+            return "Please select either 'None' or specific AI tools, not both";
+          }
+          return true;
+        },
+      },
+    ]);
+
+    return answers;
+  }
+
+  async buildConfiguration(options, projectName, configOptions) {
+    const config = {
+      projectName,
+      template: options.template || "starter",
+      style: "css", // Always use CSS (Tailwind v4 official approach)
+      routing: options.routing !== false, // Default to true unless --no-routing is specified
+      ssr: configOptions.ssr || false,
+      zoneless: configOptions.zoneless || false,
+      aiConfig: configOptions.aiConfig || ["none"], // Array of AI tools
+      skipInstall: options.skipInstall || false,
+      fullPath: require("path").resolve(process.cwd(), projectName),
+    };
+
+    return config;
+  }
+
+  async run() {
+    try {
+      this.logger.welcome();
+
+      const options = this.parseOptions();
+
+      // Check if options were provided via CLI flags
+      const wasTemplateProvided = process.argv.some(
+        (arg) => arg.startsWith("--template") || arg.startsWith("-t"),
+      );
+      const wasSsrProvided = process.argv.some((arg) =>
+        arg.startsWith("--ssr"),
+      );
+      const wasZonelessProvided = process.argv.some((arg) =>
+        arg.startsWith("--zoneless"),
+      );
+      const wasAiConfigProvided = process.argv.some((arg) =>
+        arg.startsWith("--ai-config"),
+      );
+
+      // 1. Get project name
+      const projectName = await this.getProjectName();
+
+      // 2. Get template choice (if not provided via CLI)
+      if (!wasTemplateProvided) {
+        const template = await this.getTemplateChoice();
+        options.template = template;
+      }
+
+      // 3. Get configuration options (SSR, Zoneless, AI tools)
+      let configOptions = {
+        ssr: options.ssr || false,
+        zoneless: options.zoneless || false,
+        aiConfig: options.aiConfig ? [options.aiConfig] : ["none"], // Array
+      };
+
+      // Only ask for config options if NONE of them were provided via CLI
+      if (!wasSsrProvided && !wasZonelessProvided && !wasAiConfigProvided) {
+        const promptedOptions = await this.getConfigurationOptions();
+        configOptions.ssr = promptedOptions.ssr;
+        configOptions.zoneless = promptedOptions.zoneless;
+        configOptions.aiConfig = promptedOptions.aiConfig;
+      }
+
+      const config = await this.buildConfiguration(
+        options,
+        projectName,
+        configOptions,
+      );
+
+      const ProjectManager = require("../managers/ProjectManager");
+      const projectManager = new ProjectManager(config, this.logger);
+      await projectManager.create();
+
+      this.logger.success(config);
+    } catch (error) {
+      this.logger.error("Failed to create project", error);
+      process.exit(1);
+    }
+  }
+}
+
+module.exports = CLIHandler;

package/lib/cli/interactive.js

@@ -0,0 +1,26 @@
+const inquirer = require("inquirer");
+
+async function getInteractiveOptions() {
+  const questions = [
+    {
+      type: "list",
+      name: "template",
+      message: "Which template would you like to use?",
+      choices: [
+        {
+          name: "Minimal - Clean Angular + Tailwind CSS (zero features, build your own way)",
+          value: "minimal",
+        },
+        {
+          name: "Starter - Professional foundation (routing, i18n, auth UI, components, services, interceptors)",
+          value: "starter",
+        },
+      ],
+      default: "starter",
+    },
+  ];
+
+  return await inquirer.prompt(questions);
+}
+
+module.exports = { getInteractiveOptions };

package/lib/cli/validators.js

@@ -0,0 +1,23 @@
+function validateProjectName(input) {
+  if (!input.trim()) {
+    return "Project name is required";
+  }
+
+  if (!/^[a-z0-9-]+$/.test(input)) {
+    return "Project name can only contain lowercase letters, numbers, and hyphens";
+  }
+
+  if (input.length < 2) {
+    return "Project name must be at least 2 characters";
+  }
+
+  if (input.length > 100) {
+    return "Project name must be less than 100 characters";
+  }
+
+  return true;
+}
+
+module.exports = {
+  validateProjectName,
+};