@getpara/create-para-app 0.1.0

package/dist/integrations/packageJsonHelpers.js

@@ -0,0 +1,77 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import fs from 'fs-extra';
+import path from 'path';
+const EVM_DEPS = ['@getpara/evm-wallet-connectors', '@tanstack/react-query', 'wagmi', '@getpara/react-sdk'];
+const SOLANA_DEPS = [
+    '@getpara/react-sdk',
+    '@getpara/solana-wallet-connectors',
+    '@solana-mobile/wallet-adapter-mobile',
+    '@solana/wallet-adapter-base',
+    '@solana/wallet-adapter-react',
+    '@solana/wallet-adapter-walletconnect',
+    '@solana/web3.js',
+    '@tanstack/react-query',
+];
+const COSMOS_DEPS = [
+    '@getpara/core-sdk',
+    '@getpara/cosmos-wallet-connectors',
+    '@getpara/graz',
+    '@getpara/react-sdk',
+    '@getpara/user-management-client',
+    '@cosmjs/cosmwasm-stargate',
+    '@cosmjs/launchpad',
+    '@cosmjs/proto-signing',
+    '@cosmjs/stargate',
+    '@cosmjs/tendermint-rpc',
+    '@leapwallet/cosmos-social-login-capsule-provider',
+    'long',
+    'starknet',
+];
+const BASE_DEPS = ['@getpara/react-sdk'];
+export function updatePackageJsonDependencies(projectName, networks, externalWalletSupport) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const pkgPath = path.join(projectName, 'package.json');
+        const exists = yield fs.pathExists(pkgPath);
+        if (!exists) {
+            return;
+        }
+        const pkgData = yield fs.readJSON(pkgPath);
+        pkgData.dependencies = pkgData.dependencies || {};
+        if (!externalWalletSupport) {
+            BASE_DEPS.forEach(dep => {
+                pkgData.dependencies[dep] = pkgData.dependencies[dep] || 'latest';
+            });
+        }
+        else {
+            if (networks.includes('evm')) {
+                EVM_DEPS.forEach(dep => {
+                    pkgData.dependencies[dep] = pkgData.dependencies[dep] || 'latest';
+                });
+            }
+            if (networks.includes('solana')) {
+                SOLANA_DEPS.forEach(dep => {
+                    pkgData.dependencies[dep] = pkgData.dependencies[dep] || 'latest';
+                });
+            }
+            if (networks.includes('cosmos')) {
+                COSMOS_DEPS.forEach(dep => {
+                    pkgData.dependencies[dep] = pkgData.dependencies[dep] || 'latest';
+                });
+            }
+            if (!networks.includes('evm') && !networks.includes('solana') && !networks.includes('cosmos')) {
+                BASE_DEPS.forEach(dep => {
+                    pkgData.dependencies[dep] = pkgData.dependencies[dep] || 'latest';
+                });
+            }
+        }
+        yield fs.writeJSON(pkgPath, pkgData, { spaces: 2 });
+    });
+}

package/dist/integrations/sdkSetup.js

@@ -0,0 +1,24 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { logInfo } from '../utils/logger.js';
+import { sdkSetupNextjs } from './sdkSetupNextjs.js';
+import { sdkSetupVite } from './sdkSetupVite.js';
+export function runSDKSetup(config) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const { projectName, template } = config;
+        logInfo(`🔌 Integrating Para SDK into project ${projectName}...`);
+        if (template === 'vite-react') {
+            yield sdkSetupVite(config);
+        }
+        else {
+            yield sdkSetupNextjs(config);
+        }
+    });
+}

package/dist/integrations/sdkSetupNextjs.js

@@ -0,0 +1,111 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import fs from 'fs-extra';
+import path from 'path';
+import { logHeader, logSection, logSubsection, logStep } from '../utils/logger.js';
+import { formatWithPrettier } from '../utils/formatting.js';
+import { updatePackageJsonDependencies } from './packageJsonHelpers.js';
+import { getEnvFileContent, getParaClientCode, getWalletProviderCodeNextjs, getHelloParaFile, getHomeFile, getStylesNonTailwind, } from './codeGenerators.js';
+export function sdkSetupNextjs(config) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const { projectName, networks, evmSigner, apiKey, noTypescript, noAppRouter, noSrcDir, externalWalletSupport, tailwind, app, } = config;
+        const envContent = getEnvFileContent(apiKey, true);
+        const envPath = path.join(projectName, '.env');
+        yield fs.outputFile(envPath, envContent);
+        const clientDir = path.join(projectName, 'src', 'client');
+        yield fs.ensureDir(clientDir);
+        const paraClient = getParaClientCode(true, !noTypescript);
+        {
+            const filePath = path.join(clientDir, `para.${noTypescript ? 'js' : 'ts'}`);
+            const formatted = yield formatWithPrettier(paraClient, filePath);
+            yield fs.outputFile(filePath, formatted);
+        }
+        if (externalWalletSupport) {
+            const compDir = path.join(projectName, 'src', 'components');
+            yield fs.ensureDir(compDir);
+            const results = getWalletProviderCodeNextjs(networks, noAppRouter);
+            for (const r of results) {
+                const fileExt = noTypescript ? 'jsx' : 'tsx';
+                const filePath = path.join(compDir, `${r.fileName}.${fileExt}`);
+                const formatted = yield formatWithPrettier(r.code, filePath);
+                yield fs.outputFile(filePath, formatted);
+            }
+        }
+        const componentsDir = path.join(projectName, 'src', 'components');
+        yield fs.ensureDir(componentsDir);
+        const helloParaCode = getHelloParaFile(!!tailwind, !noTypescript, true);
+        {
+            const filePath = path.join(componentsDir, `HelloPara.${noTypescript ? 'jsx' : 'tsx'}`);
+            const formatted = yield formatWithPrettier(helloParaCode, filePath);
+            yield fs.outputFile(filePath, formatted);
+        }
+        const homeCode = getHomeFile(!!tailwind, !noTypescript, !!externalWalletSupport);
+        let mainPath = '';
+        if (noAppRouter) {
+            if (noSrcDir) {
+                mainPath = path.join(projectName, 'pages', `index.${noTypescript ? 'jsx' : 'tsx'}`);
+            }
+            else {
+                mainPath = path.join(projectName, 'src', 'pages', `index.${noTypescript ? 'jsx' : 'tsx'}`);
+            }
+        }
+        else {
+            if (noSrcDir) {
+                mainPath = path.join(projectName, 'app', `page.${noTypescript ? 'jsx' : 'tsx'}`);
+            }
+            else {
+                mainPath = path.join(projectName, 'src', 'app', `page.${noTypescript ? 'jsx' : 'tsx'}`);
+            }
+        }
+        const formattedHome = yield formatWithPrettier(homeCode, mainPath);
+        yield fs.writeFile(mainPath, formattedHome);
+        let cssFilePath = '';
+        if (tailwind) {
+            if (app) {
+                cssFilePath = path.join(projectName, 'src', 'app', 'globals.css');
+            }
+            else {
+                cssFilePath = path.join(projectName, 'styles', 'globals.css');
+            }
+            if (!(yield fs.pathExists(cssFilePath))) {
+                yield fs.outputFile(cssFilePath, '');
+            }
+        }
+        else {
+            if (app) {
+                cssFilePath = path.join(projectName, 'src', 'app', 'globals.css');
+            }
+            else {
+                cssFilePath = path.join(projectName, 'src', 'global.css');
+            }
+            if (!(yield fs.pathExists(cssFilePath))) {
+                yield fs.outputFile(cssFilePath, '');
+            }
+            const stylesContent = getStylesNonTailwind();
+            const existing = yield fs.readFile(cssFilePath, 'utf-8');
+            const appended = `${existing.trim()}\n\n${stylesContent}`;
+            const formattedStyles = yield formatWithPrettier(appended, cssFilePath);
+            yield fs.writeFile(cssFilePath, formattedStyles);
+        }
+        yield updatePackageJsonDependencies(projectName, networks, externalWalletSupport);
+        logSection('🛠  Configuration Details:');
+        logSubsection('Project Type', 'nextjs');
+        logSubsection('Supported Networks', networks.join(', ') || 'None');
+        if (networks.includes('evm')) {
+            logSubsection('EVM Signer', evmSigner);
+        }
+        logSubsection('API Key', apiKey);
+        logSection('➡️ Next Steps:');
+        logStep(`1. cd ${projectName}`);
+        logStep(`2. Install dependencies if skipped (e.g., "yarn install" or "npm install")`);
+        logStep(`3. Refer to https://docs.getpara.com/integration-guides/create-para-app for further instructions.`);
+        logHeader('✅ SDK integration complete with ParaModal usage.');
+    });
+}

package/dist/integrations/sdkSetupVite.js

@@ -0,0 +1,82 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import fs from 'fs-extra';
+import path from 'path';
+import { logHeader, logSection, logSubsection, logStep, logInfo } from '../utils/logger.js';
+import { formatWithPrettier } from '../utils/formatting.js';
+import { updatePackageJsonDependencies } from './packageJsonHelpers.js';
+import { getEnvFileContent, getParaClientCode, getWalletProviderCodeVite, getHelloParaFile, getHomeFile, getStylesNonTailwind, } from './codeGenerators.js';
+export function sdkSetupVite(config) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const { projectName, networks, evmSigner, apiKey, noTypescript, noSrcDir, externalWalletSupport, tailwind } = config;
+        const envContent = getEnvFileContent(apiKey, false);
+        const envPath = path.join(projectName, '.env');
+        yield fs.outputFile(envPath, envContent);
+        const clientDir = path.join(projectName, 'src', 'client');
+        yield fs.ensureDir(clientDir);
+        const paraClient = getParaClientCode(false, !noTypescript);
+        {
+            const filePath = path.join(clientDir, `para.${noTypescript ? 'js' : 'ts'}`);
+            const formatted = yield formatWithPrettier(paraClient, filePath);
+            yield fs.outputFile(filePath, formatted);
+        }
+        if (externalWalletSupport) {
+            const compDir = path.join(projectName, 'src', 'components');
+            yield fs.ensureDir(compDir);
+            const providerCode = getWalletProviderCodeVite(networks);
+            const filePath = path.join(compDir, `ParaWalletsProvider.${noTypescript ? 'jsx' : 'tsx'}`);
+            const formatted = yield formatWithPrettier(providerCode, filePath);
+            yield fs.outputFile(filePath, formatted);
+        }
+        const compDir = path.join(projectName, 'src', 'components');
+        yield fs.ensureDir(compDir);
+        const helloParaCode = getHelloParaFile(!!tailwind, !noTypescript, false);
+        {
+            const filePath = path.join(compDir, `HelloPara.${noTypescript ? 'jsx' : 'tsx'}`);
+            const formatted = yield formatWithPrettier(helloParaCode, filePath);
+            yield fs.outputFile(filePath, formatted);
+        }
+        const homeCode = getHomeFile(!!tailwind, !noTypescript, !!externalWalletSupport);
+        const mainFileDir = noSrcDir ? projectName : path.join(projectName, 'src');
+        const mainFilePath = path.join(mainFileDir, `App.${noTypescript ? 'jsx' : 'tsx'}`);
+        const exists = yield fs.pathExists(mainFilePath);
+        if (!exists) {
+            logInfo(`Could not find ${mainFilePath} to replace.`);
+        }
+        else {
+            const formatted = yield formatWithPrettier(homeCode, mainFilePath);
+            yield fs.writeFile(mainFilePath, formatted);
+        }
+        if (!tailwind) {
+            const indexCssPath = path.join(projectName, 'src', 'index.css');
+            const existsCss = yield fs.pathExists(indexCssPath);
+            if (!existsCss) {
+                yield fs.outputFile(indexCssPath, '');
+            }
+            const existing = yield fs.readFile(indexCssPath, 'utf-8');
+            const newStyles = `${existing.trim()}\n\n${getStylesNonTailwind()}`;
+            const formattedStyles = yield formatWithPrettier(newStyles, indexCssPath);
+            yield fs.writeFile(indexCssPath, formattedStyles);
+        }
+        yield updatePackageJsonDependencies(projectName, networks, externalWalletSupport);
+        logSection('🛠  Configuration Details:');
+        logSubsection('Project Type', 'vite-react');
+        logSubsection('Supported Networks', networks.join(', ') || 'None');
+        if (networks.includes('evm')) {
+            logSubsection('EVM Signer', evmSigner);
+        }
+        logSubsection('API Key', apiKey);
+        logSection('➡️ Next Steps:');
+        logStep(`1. cd ${projectName}`);
+        logStep(`2. Install dependencies if skipped (e.g., "yarn install" or "npm install")`);
+        logStep(`3. Refer to https://docs.getpara.com/integration-guides/create-para-app for further instructions.`);
+        logHeader('✅ SDK integration complete with ParaModal usage.');
+    });
+}

package/dist/package.json

@@ -0,0 +1,40 @@
+{
+    "name": "create-para-app",
+    "version": "1.0.0",
+    "main": "dist/index.js",
+    "type": "module",
+    "bin": {
+        "create-para-app": "dist/index.js"
+    },
+    "engines": {
+        "node": ">=14.0.0"
+    },
+    "license": "MIT",
+    "scripts": {
+        "build": "tsc",
+        "start": "node dist/index.js",
+        "dev": "node --no-warnings --loader ts-node/esm src/index.ts"
+    },
+    "dependencies": {
+        "chalk": "^5.4.1",
+        "commander": "^13.1.0",
+        "execa": "^9.5.2",
+        "fs-extra": "^11.3.0",
+        "inquirer": "^12.4.1",
+        "ora": "^8.2.0",
+        "update-notifier": "^7.3.1"
+    },
+    "devDependencies": {
+        "@types/chalk": "^2.2.4",
+        "@types/commander": "^2.12.5",
+        "@types/inquirer": "^9.0.7",
+        "@types/jest": "^29.5.14",
+        "@types/node": "^22.13.1",
+        "@types/update-notifier": "6.0.8",
+        "@types/fs-extra": "11.0.4",
+        "jest": "^29.7.0",
+        "ts-jest": "^29.2.5",
+        "ts-node": "^10.9.2",
+        "typescript": "^5.7.3"
+    }
+}

package/dist/prompts/interactive.js

@@ -0,0 +1,98 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import inquirer from 'inquirer';
+export function promptInteractive(config) {
+    return __awaiter(this, void 0, void 0, function* () {
+        var _a, _b;
+        const template = config.template || 'nextjs';
+        const defaultName = config.projectName || `para-${template}-template`;
+        const questions = [];
+        if (!config.template) {
+            questions.push({
+                type: 'list',
+                name: 'template',
+                message: 'Select a project type:',
+                choices: ['nextjs', 'vite-react'],
+                default: 'nextjs',
+            });
+        }
+        if (!config.projectName) {
+            questions.push({
+                type: 'input',
+                name: 'projectName',
+                message: 'Enter your project name:',
+                default: answers => {
+                    const selectedTemplate = answers.template || config.template || 'nextjs';
+                    return `para-${selectedTemplate}-template`;
+                },
+            });
+        }
+        if (!config.networks || !config.networks.length) {
+            questions.push({
+                type: 'checkbox',
+                name: 'networks',
+                message: 'Select supported networks:',
+                choices: [
+                    { name: 'EVM', value: 'evm' },
+                    { name: 'Cosmos', value: 'cosmos' },
+                    { name: 'Solana', value: 'solana' },
+                ],
+            });
+        }
+        if (config.networks && config.networks.includes('evm') && !config.evmSigner) {
+            questions.push({
+                type: 'list',
+                name: 'evmSigner',
+                message: 'Select signer for EVM:',
+                choices: ['ethers', 'viem'],
+                default: 'ethers',
+            });
+        }
+        if (config.externalWalletSupport === undefined) {
+            questions.push({
+                type: 'confirm',
+                name: 'externalWalletSupport',
+                message: 'Enable external wallet support?',
+                default: false,
+                when: answers => {
+                    const nets = answers.networks || config.networks;
+                    return Array.isArray(nets) && nets.length > 0;
+                },
+            });
+        }
+        if (!config.apiKey) {
+            questions.push({
+                type: 'input',
+                name: 'apiKey',
+                message: 'Enter your API key:',
+                validate: input => (input ? true : 'API key cannot be empty'),
+            });
+        }
+        if (!questions.length) {
+            return {
+                projectName: config.projectName || defaultName,
+                template,
+                networks: config.networks || [],
+                evmSigner: config.evmSigner,
+                externalWalletSupport: !!config.externalWalletSupport,
+                apiKey: config.apiKey || '',
+            };
+        }
+        const answers = yield inquirer.prompt(questions);
+        return {
+            template: answers.template || template,
+            projectName: answers.projectName || config.projectName || defaultName,
+            networks: answers.networks || config.networks || [],
+            evmSigner: answers.evmSigner || config.evmSigner,
+            externalWalletSupport: (_b = (_a = answers.externalWalletSupport) !== null && _a !== void 0 ? _a : config.externalWalletSupport) !== null && _b !== void 0 ? _b : false,
+            apiKey: answers.apiKey || config.apiKey || '',
+        };
+    });
+}

package/dist/src/index.js

@@ -0,0 +1,43 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import chalk from 'chalk';
+import { program } from 'commander';
+import inquirer from 'inquirer';
+import { execa } from 'execa';
+import fs from 'fs-extra';
+import ora from 'ora';
+import updateNotifier from 'update-notifier';
+import pkg from '../package.json' assert { type: 'json' };
+console.log('Imported pkg:', pkg);
+updateNotifier({ pkg }).notify();
+program.name('create-para-app').description('CLI tool for scaffolding app projects with our SDKs').version(pkg.version);
+program
+    .command('hello')
+    .description('Run a hello world command')
+    .action(() => __awaiter(void 0, void 0, void 0, function* () {
+    console.log(chalk.green('Hello world from create-para-app!'));
+    // Prompt user for their name
+    const answer = yield inquirer.prompt({
+        type: 'input',
+        name: 'username',
+        message: "What's your name?",
+    });
+    console.log(`Nice to meet you, ${chalk.blue(answer.username)}!`);
+    // Execute a sample command using execa
+    const { stdout } = yield execa('echo', ['Hello from execa']);
+    console.log(chalk.yellow(stdout));
+    // Simulate a file operation with fs-extra and show a spinner with ora
+    const spinner = ora('Simulating file operation with fs-extra...').start();
+    const tempFile = './temp.txt';
+    yield fs.writeFile(tempFile, 'Temporary file content');
+    yield fs.remove(tempFile);
+    spinner.succeed('File operation completed!');
+}));
+program.parse(process.argv);

package/dist/templates/nextjs.js

@@ -0,0 +1,61 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { execCommand } from '../utils/exec.js';
+import { logInfo } from '../utils/logger.js';
+export function scaffoldNextjs(config) {
+    return __awaiter(this, void 0, void 0, function* () {
+        logInfo(`🔧 Scaffolding Next.js app for project ${config.projectName}...`);
+        const versionTag = config.useLatest ? 'latest' : 'latest';
+        // Start with these flags for a default Next.js TS, ESLint, Tailwind, src, app setup
+        const baseFlags = new Set(['--typescript', '--eslint', '--tailwind', '--src-dir', '--app', '--no-turbopack', '--yes']);
+        // If user wants no typescript => remove --typescript, add --javascript
+        if (!config.typescript) {
+            baseFlags.delete('--typescript');
+            baseFlags.add('--javascript');
+        }
+        if (!config.eslint) {
+            baseFlags.delete('--eslint');
+        }
+        if (!config.tailwind) {
+            baseFlags.delete('--tailwind');
+        }
+        if (!config.srcDir) {
+            baseFlags.delete('--src-dir');
+        }
+        if (!config.app) {
+            baseFlags.delete('--app');
+        }
+        let cmd = `npx create-next-app@${versionTag} ${config.projectName}`;
+        for (const f of baseFlags) {
+            cmd += ` ${f}`;
+        }
+        if (config.noGit) {
+            cmd += ' --no-git';
+        }
+        if (config.skipDeps) {
+            cmd += ' --skip-install';
+        }
+        if (config.packageManager && config.packageManager !== 'yarn') {
+            if (config.packageManager === 'npm') {
+                cmd += ' --use-npm';
+            }
+            else if (config.packageManager === 'pnpm') {
+                cmd += ' --use-pnpm';
+            }
+            else if (config.packageManager === 'bun') {
+                // create-next-app doesn't have a built-in --use-bun, we might skip or log a warning
+                logInfo('Warning: create-next-app does not officially support "--use-bun". Using npm instead.');
+                cmd += ' --use-npm';
+            }
+        }
+        logInfo(`💻 Executing command: ${cmd}`);
+        yield execCommand(cmd);
+    });
+}

package/dist/templates/vite-react.js

@@ -0,0 +1,43 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { execCommand } from '../utils/exec.js';
+import { logInfo } from '../utils/logger.js';
+export function scaffoldViteReact(config) {
+    return __awaiter(this, void 0, void 0, function* () {
+        logInfo(`🔧 Scaffolding Vite React app for project ${config.projectName}...`);
+        const versionTag = config.useLatest ? 'latest' : 'latest';
+        const templateName = config.typescript ? 'react-ts' : 'react';
+        let cmd = '';
+        if (config.packageManager === 'yarn') {
+            cmd = `yarn create vite ${config.projectName} --template ${templateName}`;
+        }
+        else if (config.packageManager === 'npm') {
+            cmd = `npm create vite@${versionTag} ${config.projectName} --template ${templateName}`;
+        }
+        else if (config.packageManager === 'pnpm') {
+            cmd = `pnpm dlx create-vite@${versionTag} ${config.projectName} --template ${templateName}`;
+        }
+        else if (config.packageManager === 'bun') {
+            logInfo('Warning: "bun create vite" not officially tested. Using npm create instead.');
+            cmd = `npm create vite@${versionTag} ${config.projectName} --template ${templateName}`;
+        }
+        else {
+            cmd = `npm create vite@${versionTag} ${config.projectName} --template ${templateName}`;
+        }
+        if (config.noGit) {
+            cmd += ' --no-git';
+        }
+        if (config.skipDeps) {
+            cmd += ' --skip-install';
+        }
+        logInfo(`💻 Executing command: ${cmd}`);
+        yield execCommand(cmd);
+    });
+}

package/dist/utils/exec.js

@@ -0,0 +1,16 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { execa } from 'execa';
+export function execCommand(command) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const [cmd, ...args] = command.split(' ');
+        yield execa(cmd, args, { stdio: 'inherit' });
+    });
+}

package/dist/utils/formatting.js

@@ -0,0 +1,31 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import prettier from 'prettier';
+export function formatWithPrettier(code, filePath) {
+    return __awaiter(this, void 0, void 0, function* () {
+        let parser = 'babel';
+        if (filePath.endsWith('.ts')) {
+            parser = 'typescript';
+        }
+        else if (filePath.endsWith('.tsx')) {
+            parser = 'babel-ts';
+        }
+        else if (filePath.endsWith('.js')) {
+            parser = 'babel';
+        }
+        else if (filePath.endsWith('.jsx')) {
+            parser = 'babel';
+        }
+        return prettier.format(code, {
+            parser,
+            singleQuote: true,
+        });
+    });
+}

package/dist/utils/logger.js

@@ -0,0 +1,19 @@
+import chalk from 'chalk';
+export function logHeader(message) {
+    console.log(chalk.bold.magentaBright(`\n${message}\n`));
+}
+export function logSection(message) {
+    console.log(chalk.bold.cyanBright(`\n${message}`));
+}
+export function logSubsection(key, value) {
+    console.log(chalk.green(`${key}: `) + chalk.white(`${value}`));
+}
+export function logStep(step) {
+    console.log(chalk.yellow(step));
+}
+export function logInfo(message) {
+    console.log(chalk.cyanBright(`- ${message}`));
+}
+export function logError(message) {
+    console.error(chalk.redBright(`❌ ${message}`));
+}