create-vorzelajs 0.0.1

package/README.md

@@ -0,0 +1,22 @@
+# create-vorzelajs
+
+Scaffold a new [VorzelaJs](https://github.com/vorzela/VorzelaJS) project.
+
+## Usage
+
+```bash
+npm create vorzelajs@latest my-app
+```
+
+You will be prompted for:
+- **Template**: `modern` (multi-page) or `bare` (single page)
+- **Styling**: `tailwindcss`, `css-modules`, or `css`
+
+## Quick Start
+
+```bash
+npm create vorzelajs@latest my-app
+cd my-app
+npm install
+npm run dev
+```

package/dist/index.js

@@ -0,0 +1,139 @@
+#!/usr/bin/env node
+import fs from 'node:fs/promises';
+import path from 'node:path';
+import url from 'node:url';
+import prompts from 'prompts';
+const __filename = url.fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+// Templates ship inside the vorzelajs package
+function resolveTemplatesDir() {
+    try {
+        const vorzelaRoot = path.dirname(require.resolve('vorzelajs/package.json'));
+        return path.join(vorzelaRoot, 'templates');
+    }
+    catch {
+        // Fallback: assume templates are sibling to create-vorzelajs
+        return path.resolve(__dirname, '..', '..', 'templates');
+    }
+}
+async function copyDir(src, dest) {
+    await fs.mkdir(dest, { recursive: true });
+    for (const entry of await fs.readdir(src, { withFileTypes: true })) {
+        const srcPath = path.join(src, entry.name);
+        const destPath = path.join(dest, entry.name === 'gitignore' ? '.gitignore' : entry.name);
+        if (entry.isDirectory()) {
+            await copyDir(srcPath, destPath);
+        }
+        else {
+            await fs.copyFile(srcPath, destPath);
+        }
+    }
+}
+async function pathExists(p) {
+    try {
+        await fs.access(p);
+        return true;
+    }
+    catch {
+        return false;
+    }
+}
+function generatePackageJson(config) {
+    const pkg = {
+        name: config.name,
+        private: true,
+        type: 'module',
+        scripts: {
+            dev: 'vorzelajs dev',
+            build: 'vorzelajs build',
+            serve: 'NODE_ENV=production vorzelajs serve',
+            check: 'tsc --noEmit',
+        },
+        dependencies: {
+            vorzelajs: '^0.0.1',
+            'solid-js': '^1.9',
+        },
+        devDependencies: {
+            typescript: '^6',
+        },
+    };
+    if (config.styling === 'tailwindcss') {
+        pkg.dependencies.tailwindcss = '^4.2';
+        pkg.dependencies['@tailwindcss/vite'] = '^4.2';
+    }
+    return JSON.stringify(pkg, null, 2) + '\n';
+}
+async function main() {
+    const argProjectName = process.argv[2];
+    const response = await prompts([
+        {
+            type: argProjectName ? null : 'text',
+            name: 'name',
+            message: 'Project name:',
+            initial: 'my-app',
+        },
+        {
+            type: 'select',
+            name: 'template',
+            message: 'Template:',
+            choices: [
+                { title: 'Modern', description: 'Multi-page starter with nav, features, and about page', value: 'modern' },
+                { title: 'Bare', description: 'Single landing page with counter', value: 'bare' },
+            ],
+            initial: 0,
+        },
+        {
+            type: 'select',
+            name: 'styling',
+            message: 'Styling:',
+            choices: [
+                { title: 'Tailwind CSS', description: 'Tailwind CSS v4 with utility classes', value: 'tailwindcss' },
+                { title: 'CSS Modules', description: 'Scoped CSS modules', value: 'css-modules' },
+                { title: 'Plain CSS', description: 'Global CSS with custom properties', value: 'css' },
+            ],
+            initial: 0,
+        },
+    ], {
+        onCancel() {
+            console.info('\nCancelled.');
+            process.exit(0);
+        },
+    });
+    const config = {
+        name: argProjectName ?? response.name ?? 'my-app',
+        template: response.template ?? 'modern',
+        styling: response.styling ?? 'tailwindcss',
+    };
+    const targetDir = path.resolve(process.cwd(), config.name);
+    if (await pathExists(targetDir)) {
+        const existing = await fs.readdir(targetDir);
+        if (existing.length > 0) {
+            console.error(`\nError: Directory "${config.name}" is not empty.`);
+            process.exit(1);
+        }
+    }
+    const templatesDir = resolveTemplatesDir();
+    console.info(`\nScaffolding ${config.name}...`);
+    // 1. Copy base template
+    await copyDir(path.join(templatesDir, 'base'), targetDir);
+    // 2. Copy chosen template
+    await copyDir(path.join(templatesDir, config.template), targetDir);
+    // 3. Apply styling variant
+    const stylingDir = config.styling === 'tailwindcss' ? 'tailwind'
+        : config.styling === 'css-modules' ? 'css-modules'
+            : 'css';
+    const stylesSource = path.join(templatesDir, 'styling', stylingDir, 'styles.css');
+    const stylesDest = path.join(targetDir, 'src', 'styles.css');
+    await fs.mkdir(path.dirname(stylesDest), { recursive: true });
+    await fs.copyFile(stylesSource, stylesDest);
+    // 4. Generate package.json
+    await fs.writeFile(path.join(targetDir, 'package.json'), generatePackageJson(config));
+    console.info(`\nDone! Next steps:\n`);
+    console.info(`  cd ${config.name}`);
+    console.info(`  npm install`);
+    console.info(`  npm run dev\n`);
+}
+main().catch((error) => {
+    console.error(error);
+    process.exitCode = 1;
+});

package/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "create-vorzelajs",
+  "version": "0.0.1",
+  "type": "module",
+  "description": "Create a new VorzelaJs project",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/vorzela/VorzelaJS.git",
+    "directory": "create-vorzelajs"
+  },
+  "bin": {
+    "create-vorzelajs": "./dist/index.js"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsc -p tsconfig.json"
+  },
+  "dependencies": {
+    "prompts": "^2.4.2"
+  },
+  "devDependencies": {
+    "@types/prompts": "^2.4.9",
+    "typescript": "^6.0.2"
+  }
+}