create-ripple 0.2.1 → 0.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-ripple",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "Interactive CLI tool for creating Ripple applications",
   "type": "module",
   "license": "MIT",
@@ -21,31 +21,34 @@
     "url": "https://github.com/trueadm/ripple/issues"
   },
   "homepage": "https://ripplejs.com",
+  "files": [
+    "./dist/index.js"
+  ],
   "bin": {
     "create-ripple": "./dist/index.js"
   },
   "engines": {
     "node": ">=18.0.0"
   },
-  "scripts": {
-    "build": "tsdown",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "test:coverage": "vitest run --coverage",
-    "test:ui": "vitest --ui",
-    "format": "prettier --write .",
-    "format:check": "prettier --check ."
-  },
   "devDependencies": {
     "@types/prompts": "^2.4.9",
     "commander": "^12.1.0",
     "degit": "^2.8.4",
-    "jsdom": "catalog:",
+    "jsdom": "^26.1.0",
     "kleur": "^4.1.5",
     "ora": "^8.1.0",
     "prettier": "^3.6.2",
     "prompts": "^2.4.2",
     "tsdown": "^0.15.4",
-    "vitest": "catalog:"
+    "vitest": "^3.2.4"
+  },
+  "scripts": {
+    "build": "tsdown",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage",
+    "test:ui": "vitest --ui",
+    "format": "prettier --write .",
+    "format:check": "prettier --check ."
   }
-}
+}

package/src/commands/create.js

@@ -1,151 +0,0 @@
-import { resolve } from 'node:path';
-import { existsSync } from 'node:fs';
-import { green, cyan, dim, red } from 'kleur/colors';
-import { validateProjectName } from '../lib/validation.js';
-import { validateTemplate, getTemplateNames } from '../lib/templates.js';
-import {
-	promptProjectName,
-	promptTemplate,
-	promptOverwrite,
-	promptPackageManager,
-	promptGitInit,
-	promptStylingFramework
-} from '../lib/prompts.js';
-import { createProject } from '../lib/project-creator.js';
-
-/**
- * Create command handler
- * @param {string} projectName - Project name (optional)
- * @param {object} options - Command options
- */
-export async function createCommand(projectName, options) {
-	console.log();
-	console.log(cyan('🌊 Welcome to Create Ripple App!'));
-	console.log(dim("Let's create a new Ripple application"));
-	console.log();
-
-	// Step 1: Get or validate project name
-	if (!projectName) {
-		projectName = await promptProjectName();
-	} else {
-		const validation = validateProjectName(projectName);
-		if (!validation.valid) {
-			console.error(red(`✖ ${validation.message}`));
-			process.exit(1);
-		}
-	}
-
-	// Step 2: Get template
-	let template = options.template;
-	if (!template) {
-		template = await promptTemplate();
-	} else {
-		// Validate template
-		if (!validateTemplate(template)) {
-			console.error(red(`✖ Template "${template}" not found`));
-			console.error(`Available templates: ${getTemplateNames().join(', ')}`);
-			process.exit(1);
-		}
-	}
-
-	// Step 3: Get package manager
-	let packageManager = options.packageManager || 'npm';
-	if (!options.packageManager && !options.yes) {
-		packageManager = await promptPackageManager();
-	}
-
-	// Step 4: Check directory and handle conflicts
-	const projectPath = resolve(process.cwd(), projectName);
-	if (existsSync(projectPath) && !options.yes) {
-		const shouldOverwrite = await promptOverwrite(projectName);
-		if (!shouldOverwrite) {
-			console.log(red('✖ Operation cancelled'));
-			process.exit(1);
-		}
-	}
-
-	// Step 5: Git initialization preference
-	let gitInit = true;
-	if (!options.git && !options.yes) {
-		gitInit = await promptGitInit();
-	} else if (options.git === false) {
-		gitInit = false;
-	}
-
-		let stylingFramework = 'vanilla';
-	if (!options.yes) {
-		stylingFramework = await promptStylingFramework();
-	}
-
-	// Step 6: Create the project
-	console.log();
-	console.log(`Creating Ripple app in ${green(projectPath)}...`);
-	console.log();
-
-	try {
-		await createProject({
-			projectName,
-			projectPath,
-			template,
-			packageManager,
-			typescript: true,
-			gitInit,
-			stylingFramework
-		});
-
-		showNextSteps(projectName, packageManager);
-	} catch (error) {
-		console.error(red('✖ Failed to create project:'));
-		console.error(error.message);
-		process.exit(1);
-	}
-}
-
-/**
- * Show next steps to the user
- * @param {string} projectName - The created project name
- * @param {string} packageManager - Package manager used
- */
-function showNextSteps(projectName, packageManager) {
-	const installCommand = getInstallCommand(packageManager);
-	const devCommand = getDevCommand(packageManager);
-
-	console.log();
-	console.log(green('🎉 Success! Your Ripple app is ready to go.'));
-	console.log();
-	console.log('Next steps:');
-	console.log(`  ${dim('cd')} ${projectName}`);
-	console.log(`  ${dim(installCommand)}`);
-	console.log(`  ${dim(devCommand)}`);
-	console.log();
-	console.log('Happy coding! 🌊');
-	console.log();
-}
-
-/**
- * Get install command for package manager
- * @param {string} packageManager - Package manager name
- * @returns {string} - Install command
- */
-function getInstallCommand(packageManager) {
-	const commands = {
-		npm: 'npm install',
-		yarn: 'yarn install',
-		pnpm: 'pnpm install'
-	};
-	return commands[packageManager] || 'npm install';
-}
-
-/**
- * Get dev command for package manager
- * @param {string} packageManager - Package manager name
- * @returns {string} - Dev command
- */
-function getDevCommand(packageManager) {
-	const commands = {
-		npm: 'npm run dev',
-		yarn: 'yarn dev',
-		pnpm: 'pnpm dev'
-	};
-	return commands[packageManager] || 'npm run dev';
-}

package/src/constants.js

@@ -1,17 +0,0 @@
-/**
- * Available templates configuration
- */
-export const TEMPLATES = [
-	{
-		name: 'basic',
-		display: 'Basic Ripple App',
-		description: 'A minimal Ripple application with Vite and TypeScript'
-	}
-];
-
-/**
- * GitHub repository configuration
- */
-export const GITHUB_REPO = 'trueadm/ripple';
-export const GITHUB_BRANCH = 'main'; // or whatever the default branch is
-export const GITHUB_TEMPLATES_DIRECTORY = 'templates';

package/src/index.js

@@ -1,52 +0,0 @@
-#!/usr/bin/env node
-
-import { Command } from 'commander';
-import { readFileSync } from 'node:fs';
-import { fileURLToPath } from 'node:url';
-import { dirname, join } from 'node:path';
-import { red } from 'kleur/colors';
-import { createCommand } from './commands/create.js';
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = dirname(__filename);
-
-const packageJson = JSON.parse(readFileSync(join(__dirname, '../package.json'), 'utf-8'));
-const program = new Command();
-
-program
-	.name('create-ripple')
-	.description('Interactive CLI tool for creating Ripple applications')
-	.version(packageJson.version)
-	.helpOption('-h, --help', 'Display help for command');
-
-program
-	.argument('[project-name]', 'Name of the project to create')
-	.option('-t, --template <template>', 'Template to use (default: basic)')
-	.option('-p, --package-manager <pm>', 'Package manager to use (npm, yarn, pnpm)', 'npm')
-	.option('--no-git', 'Skip Git repository initialization')
-	.option('-y, --yes', 'Skip all prompts and use defaults')
-	.action(async (projectName, options) => {
-		try {
-			await createCommand(projectName, options);
-		} catch (error) {
-			console.error(red('✖ Unexpected error:'));
-			console.error(error.message);
-			process.exit(1);
-		}
-	});
-
-// Handle unhandled promise rejections
-process.on('unhandledRejection', (err) => {
-	console.error(red('✖ Unhandled error:'));
-	console.error(err);
-	process.exit(1);
-});
-
-// Handle SIGINT (Ctrl+C)
-process.on('SIGINT', () => {
-	console.log();
-	console.log(red('✖ Operation cancelled'));
-	process.exit(1);
-});
-
-program.parse();

package/src/lib/project-creator.js

@@ -1,316 +0,0 @@
-import { join } from 'node:path';
-import { existsSync, mkdirSync, cpSync, readFileSync, writeFileSync, rmSync } from 'node:fs';
-import { execSync } from 'node:child_process';
-import { green, dim } from 'kleur/colors';
-import ora from 'ora';
-
-import { downloadTemplate, getLocalTemplatePath, isLocalDevelopment } from './templates.js';
-
-/**
- * Create a new Ripple project
- * @param {object} options - Project creation options
- * @param {string} options.projectName - Name of the project
- * @param {string} options.projectPath - Absolute path where project will be created
- * @param {string} options.template - Template to use
- * @param {string} options.packageManager - Package manager to use
- * @param {boolean} options.gitInit - Whether to initialize Git
- * @param {string} options.stylingFramework - Styling framework to use
- */
-export async function createProject({
-	projectName,
-	projectPath,
-	template,
-	packageManager = 'npm',
-	gitInit = true,
-	stylingFramework = 'vanilla'
-}) {
-	console.log(dim(`Creating project: ${projectName}`));
-	console.log(dim(`Template: ${template}`));
-	console.log(dim(`Package manager: ${packageManager}`));
-	console.log();
-
-	let templatePath;
-	let isTemporary = false;
-
-	// Step 1: Get or download template
-	const spinner1 = ora('Preparing template...').start();
-	try {
-		if (isLocalDevelopment()) {
-			// Use local template for development
-			templatePath = getLocalTemplatePath(template);
-			if (!existsSync(templatePath)) {
-				throw new Error(`Local template "${template}" not found at ${templatePath}`);
-			}
-			spinner1.succeed('Local template located');
-		} else {
-			// Download template from GitHub
-			spinner1.text = 'Downloading template from GitHub...';
-			templatePath = await downloadTemplate(template);
-			isTemporary = true;
-			spinner1.succeed('Template downloaded');
-		}
-	} catch (error) {
-		spinner1.fail('Failed to prepare template');
-		throw error;
-	}
-
-	// Step 2: Create project directory
-	const spinner2 = ora('Creating project directory...').start();
-	try {
-		mkdirSync(projectPath, { recursive: true });
-		spinner2.succeed('Project directory created');
-	} catch (error) {
-		spinner2.fail('Failed to create project directory');
-		if (isTemporary) {
-			rmSync(templatePath, { recursive: true, force: true });
-		}
-		throw error;
-	}
-
-	// Step 3: Copy template files
-	const spinner3 = ora('Copying template files...').start();
-	try {
-		cpSync(templatePath, projectPath, {
-			recursive: true,
-			filter: (src) => {
-				// Skip node_modules and any lock files from template
-				const relativePath = src.replace(templatePath, '');
-				return (
-					!relativePath.includes('node_modules') &&
-					!relativePath.includes('package-lock.json') &&
-					!relativePath.includes('yarn.lock') &&
-					!relativePath.includes('pnpm-lock.yaml')
-				);
-			}
-		});
-		spinner3.succeed('Template files copied');
-	} catch (error) {
-		spinner3.fail('Failed to copy template files');
-		if (isTemporary) {
-			rmSync(templatePath, { recursive: true, force: true });
-		}
-		throw error;
-	}
-
-	// Step 4: Update package.json
-	const spinner4 = ora('Configuring package.json...').start();
-	try {
-		updatePackageJson(projectPath, projectName, packageManager, stylingFramework);
-		spinner4.succeed('Package.json configured');
-	} catch (error) {
-		spinner4.fail('Failed to configure package.json');
-		if (isTemporary) {
-			rmSync(templatePath, { recursive: true, force: true });
-		}
-		throw error;
-	}
-
-	// Step 5: Configure styling
-	const spinner5 = ora('Configuring styling framework...').start();
-	try {
-		configureStyling(projectPath, stylingFramework);
-		spinner5.succeed('Styling framework configured');
-	} catch (error) {
-		spinner5.fail('Failed to configure styling framework');
-		if (isTemporary) {
-			rmSync(templatePath, { recursive: true, force: true });
-		}
-		throw error;
-	}
-
-
-
-	// Step 6: Initialize Git (if requested)
-	if (gitInit) {
-		const spinner6 = ora('Initializing Git repository...').start();
-		try {
-			execSync('git init', { cwd: projectPath, stdio: 'ignore' });
-			spinner6.succeed('Git repository initialized');
-		} catch (error) {
-			spinner6.warn('Git initialization failed (optional)');
-		}
-	}
-
-	// Clean up temporary template directory
-	if (isTemporary) {
-		try {
-			rmSync(templatePath, { recursive: true, force: true });
-		} catch (error) {
-			// Ignore cleanup errors
-		}
-	}
-
-	console.log();
-	console.log(green('✓ Project created successfully!'));
-}
-
-/**
- * Update package.json with project-specific configurations
- * @param {string} projectPath - Path to the project
- * @param {string} projectName - Name of the project
- * @param {string} packageManager - Package manager being used
- * @param {string} stylingFramework - Styling framework being used
- */
-function updatePackageJson(projectPath, projectName, packageManager, stylingFramework) {
-	const packageJsonPath = join(projectPath, 'package.json');
-
-	if (!existsSync(packageJsonPath)) {
-		throw new Error('package.json not found in template');
-	}
-
-	const packageJson = JSON.parse(readFileSync(packageJsonPath, 'utf-8'));
-
-	// Update package name
-	packageJson.name = projectName;
-
-	// Remove version if it exists (since this is a new project)
-	if (packageJson.version === '0.0.0') {
-		packageJson.version = '1.0.0';
-	}
-
-	// Update description
-	packageJson.description = `A Ripple application created with create-ripple`;
-
-	// Add package manager field if not npm
-	if (packageManager !== 'npm') {
-		packageJson.packageManager = getPackageManagerVersion(packageManager);
-	}
-
-	// Add styling dependencies
-    if (stylingFramework === 'tailwind') {
-        packageJson.devDependencies = {
-            ...packageJson.devDependencies,
-            'tailwindcss': '^4.1.12',
-            '@tailwindcss/vite': '^4.1.12'
-        };
-    } else if (stylingFramework === 'bootstrap') {
-        packageJson.dependencies = {
-            ...packageJson.dependencies,
-            'bootstrap': '^5.3.0'
-        };
-    }
-
-	// Ensure we're using the latest versions
-	updateDependencyVersions(packageJson);
-
-	// Update scripts based on package manager
-	updateScripts(packageJson, packageManager);
-
-	writeFileSync(packageJsonPath, JSON.stringify(packageJson, null, 2) + '\n');
-}
-
-function configureStyling(projectPath, stylingFramework) {
-    if (stylingFramework === 'tailwind') {
-		const tailwindConfig = `import type { Config } from 'tailwindcss';
-export default {
-	content: [
-		"./index.html",
-		"./src/**/*.{ts,ripple}",
-	],
-	theme: {
-		extend: {},
-	},
-	plugins: []
-} satisfies Config
-`;
-		writeFileSync(join(projectPath, 'tailwind.config.ts'), tailwindConfig);
-		const mainCss = `@import "tailwindcss";
-@config "./tailwind.config.ts";`;
-		writeFileSync(join(projectPath, 'src', 'index.css'), mainCss);
-
-		const mainTs = readFileSync(join(projectPath, 'src', 'index.ts'), 'utf-8');
-		const newMainTs = "import './index.css';\n" + mainTs;
-		writeFileSync(join(projectPath, 'src', 'index.ts'), newMainTs);
-		
-		if (existsSync(join(projectPath, 'vite.config.js'))) {
-			rmSync(join(projectPath, 'vite.config.js'));
-		}
-		const viteConfig = `import { defineConfig } from 'vite';
-import { ripple } from 'vite-plugin-ripple';
-import tailwindcss from '@tailwindcss/vite';
-
-export default defineConfig({
-	plugins: [ripple(), tailwindcss()],
-	server: {
-		port: 3000
-	}
-});
-`;
-		writeFileSync(join(projectPath, 'vite.config.js'), viteConfig);
-
-    } else if (stylingFramework === 'bootstrap') {
-		const mainTs = readFileSync(join(projectPath, 'src', 'index.ts'), 'utf-8');
-		const newMainTs = "import 'bootstrap/dist/css/bootstrap.min.css';\n" + mainTs;
-		writeFileSync(join(projectPath, 'src', 'index.ts'), newMainTs);
-    }
-}
-
-/**
- * Update dependency versions to latest
- * @param {object} packageJson - Package.json object
- */
-function updateDependencyVersions(packageJson) {
-	// Use the latest versions for Ripple packages
-	const latestVersions = {
-		ripple: '^0.2.35',
-		'vite-plugin-ripple': '^0.2.29',
-		'prettier-plugin-ripple': '^0.2.29'
-	};
-
-	// Update dependencies
-	if (packageJson.dependencies) {
-		for (const [pkg, version] of Object.entries(latestVersions)) {
-			if (packageJson.dependencies[pkg]) {
-				packageJson.dependencies[pkg] = version;
-			}
-		}
-	}
-
-	// Update devDependencies
-	if (packageJson.devDependencies) {
-		for (const [pkg, version] of Object.entries(latestVersions)) {
-			if (packageJson.devDependencies[pkg]) {
-				packageJson.devDependencies[pkg] = version;
-			}
-		}
-	}
-}
-
-/**
- * Update scripts based on package manager
- * @param {object} packageJson - Package.json object
- * @param {string} packageManager - Package manager being used
- */
-function updateScripts(packageJson, packageManager) {
-	if (!packageJson.scripts) return;
-
-	// Add package manager specific scripts
-	const pmCommands = {
-		npm: 'npm run',
-		yarn: 'yarn',
-		pnpm: 'pnpm'
-	};
-
-	const pm = pmCommands[packageManager] || 'npm run';
-
-	// Update format scripts to use the correct package manager
-	if (packageJson.scripts.format) {
-		packageJson.scripts.format = 'prettier --write .';
-	}
-	if (packageJson.scripts['format:check']) {
-		packageJson.scripts['format:check'] = 'prettier --check .';
-	}
-}
-
-/**
- * Get package manager version string
- * @param {string} packageManager - Package manager name
- * @returns {string} - Package manager with version
- */
-function getPackageManagerVersion(packageManager) {
-	const versions = {
-		yarn: 'yarn@4.0.0',
-		pnpm: 'pnpm@9.0.0'
-	};
-	return versions[packageManager] || packageManager;
-}