create-vitnode-app 1.2.0-canary.9 → 2.0.0-canary.2

package/dist/src/create/create-vitnode.js

@@ -1,55 +1,204 @@
-import { randomBytes } from 'crypto';
-import { existsSync } from 'fs';
-import { copyFile, cp, mkdir, readFile, rename, writeFile } from 'fs/promises';
-import ora from 'ora';
-import { dirname, join } from 'path';
-import color from 'picocolors';
-import { fileURLToPath } from 'url';
-import { installDependencies } from '../helpers/install-dependencies.js';
-import { isFolderEmpty } from '../helpers/is-folder-empty.js';
-import { createPackageJSON } from './create-package-json.js';
-export const createVitNode = async ({ root, appName, packageManager, eslint, install, }) => {
+import { existsSync } from "node:fs";
+import { copyFile, cp, mkdir, readFile, rename, writeFile, } from "node:fs/promises";
+import { dirname, join } from "node:path";
+import { fileURLToPath } from "node:url";
+import ora from "ora";
+import color from "picocolors";
+import { generateMigrationsVitnode } from "../helpers/init-vitnode.js";
+import { installDependencies } from "../helpers/install-dependencies.js";
+import { isFolderEmpty } from "../helpers/is-folder-empty.js";
+import { createPackageJSON } from "./create-package-json.js";
+export const createVitNode = async ({ root, appName, packageManager, eslint, install, docker, mode, monorepo, }) => {
     const spinner = ora(`Creating a new VitNode app in ${color.green(root)}. Using ${color.green(packageManager)}...`).start();
     const __filename = fileURLToPath(import.meta.url);
     const __dirname = dirname(__filename);
-    const templatePath = join(__dirname, '..', '..', '..', 'copy-of-vitnode-app');
+    const templatePath = join(__dirname, "..", "..", "..", "copy-of-vitnode-app");
     if (!existsSync(templatePath)) {
-        spinner.fail(`\n${color.red('Error!')} Template path ${color.cyan(templatePath)} does not exist.`);
+        spinner.fail(`\n${color.red("Error!")} Template path ${color.cyan(templatePath)} does not exist.`);
         process.exit(1);
     }
     await mkdir(root, { recursive: true });
     if (!isFolderEmpty(root, appName)) {
         process.exit(1);
     }
-    spinner.text = 'Copying files...';
-    await cp(join(templatePath, 'root'), root, {
+    const monorepoStructure = {
+        api: join(root, "apps", "api"),
+        web: join(root, "apps", "web"),
+    };
+    spinner.text = "Preparing the project structure...";
+    if (monorepo || mode === "apiMonorepo") {
+        monorepo = true;
+        const dirsToCreate = [];
+        if (mode === "apiMonorepo" || (monorepo && mode === "onlyApi")) {
+            dirsToCreate.push(monorepoStructure.api);
+        }
+        if (mode === "apiMonorepo" || (monorepo && mode === "singleApp")) {
+            dirsToCreate.push(monorepoStructure.web);
+        }
+        await Promise.all(dirsToCreate.map(async (dir) => mkdir(dir, { recursive: true })));
+    }
+    spinner.text = "Copying files...";
+    await cp(join(templatePath, ".vscode"), join(root, ".vscode"), {
         recursive: true,
     });
-    if (eslint) {
-        spinner.text = 'Copying eslint files...';
-        await cp(join(templatePath, 'eslint'), root, {
+    if (mode === "singleApp") {
+        const destination = monorepo ? monorepoStructure.web : root;
+        await cp(join(templatePath, "root"), destination, { recursive: true });
+        await cp(join(templatePath, "api-single-app"), destination, {
+            recursive: true,
+        });
+    }
+    else if (mode === "apiMonorepo") {
+        await Promise.all([
+            cp(join(templatePath, "root"), monorepoStructure.web, {
+                recursive: true,
+            }),
+            cp(join(templatePath, "api"), monorepoStructure.api, {
+                recursive: true,
+            }),
+        ]);
+        if (packageManager === "bun") {
+            await cp(join(templatePath, "api-bun"), monorepoStructure.api, {
+                recursive: true,
+            });
+        }
+    }
+    else if (mode === "onlyApi") {
+        await cp(join(templatePath, "api"), monorepo ? monorepoStructure.api : root, {
+            recursive: true,
+        });
+        if (packageManager === "bun") {
+            await cp(join(templatePath, "api-bun"), monorepo ? monorepoStructure.api : root, {
+                recursive: true,
+            });
+        }
+    }
+    if (mode === "apiMonorepo" || (monorepo && mode !== "singleApp")) {
+        await cp(join(templatePath, "monorepo"), root, {
             recursive: true,
         });
     }
-    spinner.text = 'Renaming special files...';
-    await rename(join(root, 'gitignore_template'), join(root, '.gitignore'));
-    spinner.text = 'Creating package.json...';
+    else if (monorepo && mode === "singleApp") {
+        await copyFile(join(templatePath, "monorepo", "turbo.json"), join(root, "turbo.json"));
+        await copyFile(join(templatePath, "monorepo", ".gitignore_template"), join(root, ".gitignore_template"));
+    }
+    if (eslint) {
+        spinner.text = "Copying ESLint & Prettier files...";
+        if (monorepo) {
+            if (existsSync(monorepoStructure.api)) {
+                await cp(join(templatePath, "eslint"), monorepoStructure.api, {
+                    recursive: true,
+                });
+            }
+            if (existsSync(monorepoStructure.web)) {
+                await cp(join(templatePath, "eslint-react"), monorepoStructure.web, {
+                    recursive: true,
+                });
+            }
+        }
+        else {
+            if (mode === "onlyApi") {
+                await cp(join(templatePath, "eslint"), root, {
+                    recursive: true,
+                });
+            }
+            else if (mode === "singleApp") {
+                await cp(join(templatePath, "eslint-react"), root, {
+                    recursive: true,
+                });
+            }
+        }
+    }
+    spinner.text = "Renaming special files...";
+    await rename(join(root, ".gitignore_template"), join(root, ".gitignore"));
+    if (mode === "apiMonorepo" || monorepo) {
+        if (existsSync(join(monorepoStructure.api, ".gitignore_template"))) {
+            await rename(join(monorepoStructure.api, ".gitignore_template"), join(monorepoStructure.api, ".gitignore"));
+        }
+        if (existsSync(join(monorepoStructure.web, ".gitignore_template"))) {
+            await rename(join(monorepoStructure.web, ".gitignore_template"), join(monorepoStructure.web, ".gitignore"));
+        }
+    }
+    spinner.text = "Creating package.json...";
     await createPackageJSON({
         root,
         appName,
         packageManager,
         eslint,
+        docker,
+        mode,
+        monorepo,
     });
-    spinner.text = 'Changing .env file...';
-    await copyFile(join(root, '.env.example'), join(root, '.env'));
-    const envPath = join(root, '.env');
-    const newEnv = (await readFile(envPath, 'utf-8')).replace('LOGIN_TOKEN_SECRET=vitnode_secret', `LOGIN_TOKEN_SECRET=${randomBytes(32).toString('hex')}`);
-    await writeFile(envPath, newEnv);
+    if ((mode === "apiMonorepo" || monorepo) && packageManager === "pnpm") {
+        spinner.text = "Creating pnpm-workspace.yaml...";
+        const pnpmWorkspaceContent = `packages:\n  - 'apps/*'\n  - 'plugins/*'\n`;
+        await writeFile(join(root, "pnpm-workspace.yaml"), pnpmWorkspaceContent);
+    }
+    if (docker) {
+        spinner.text = "Copying docker files...";
+        await copyFile(join(templatePath, "docker", "docker-compose.yml"), join(root, "docker-compose.yml"));
+        const dockerComposePath = join(root, "docker-compose.yml");
+        const dockerComposeContent = await readFile(dockerComposePath, "utf-8");
+        const updatedContent = dockerComposeContent.replace(/vitnode_postgres_dev/g, `${appName}_vitnode_postgres_dev`);
+        await writeFile(dockerComposePath, updatedContent);
+    }
+    spinner.text = "Updating VitNode paths...";
+    if ((mode === "apiMonorepo" || monorepo) &&
+        packageManager === "npm" &&
+        mode !== "onlyApi") {
+        const stylesPath = join(monorepoStructure.web, "src", "styles.css");
+        const stylesContent = await readFile(stylesPath, "utf-8");
+        await writeFile(stylesPath, stylesContent.replaceAll('@source "../node_modules/@vitnode/', '@source "../../../node_modules/@vitnode/'));
+    }
+    if (mode === "apiMonorepo") {
+        spinner.text = "Setting up environment variables...";
+        const envExamplePath = join(monorepoStructure.web, ".env.example");
+        if (existsSync(envExamplePath)) {
+            await rename(envExamplePath, join(monorepoStructure.web, ".env"));
+        }
+    }
     if (install) {
-        spinner.text = 'Installing dependencies...';
+        spinner.text = "Installing dependencies...";
         await installDependencies({
             packageManager,
+            cwd: root,
         });
+        spinner.text = "Preparing README...";
+        await copyFile(join(templatePath, "README.md"), join(root, "README.md"));
+        let readmeContent = await readFile(join(root, "README.md"), "utf-8");
+        readmeContent = readmeContent.replaceAll("pnpm", packageManager);
+        let startUrlsText = "[http://localhost:3000](http://localhost:3000)";
+        if (mode === "onlyApi") {
+            startUrlsText = "[http://localhost:8000](http://localhost:8000)";
+        }
+        else if (mode === "apiMonorepo") {
+            startUrlsText =
+                "[http://localhost:3000](http://localhost:3000) for the Web app and [http://localhost:8000](http://localhost:8000) for the API";
+        }
+        readmeContent = readmeContent.replace("{{START_URLS}}", startUrlsText);
+        await writeFile(join(root, "README.md"), readmeContent);
+        spinner.text = "Generating migrations...";
+        let migrationsCwd;
+        if (mode === "apiMonorepo" || (monorepo && mode !== "singleApp")) {
+            migrationsCwd = monorepoStructure.api;
+        }
+        else if (mode === "singleApp" && monorepo) {
+            migrationsCwd = monorepoStructure.web;
+        }
+        else {
+            migrationsCwd = root;
+        }
+        try {
+            await generateMigrationsVitnode({
+                packageManager,
+                cwd: migrationsCwd,
+            });
+        }
+        catch (error) {
+            spinner.fail(`${color.red("Error!")} Created ${color.cyan(appName)}, but could not generate its migrations.`);
+            console.error(color.red(error instanceof Error ? error.message : String(error)));
+            process.exit(1);
+        }
     }
-    spinner.succeed(`${color.green('Success!')} Created ${color.cyan(appName)} at ${color.cyan(root)}`);
+    spinner.succeed(`${color.green("Success!")} Created ${color.cyan(appName)} at ${color.cyan(root)}`);
 };

package/dist/src/create/package-versions.js

@@ -0,0 +1,49 @@
+export const versionsPackageJson = {
+    typesNode: "^26",
+    typesReact: "^19.2",
+    typesReactDom: "^19.2",
+    typesBun: "latest",
+    turbo: "^2.10",
+    typescript: "^6.0",
+    tsx: "^4",
+    tscAlias: "^1.9",
+    eslint: "^10",
+    prettier: "^3.9",
+    prettierTailwind: "^0.8",
+    tailwind: "^4.2",
+    twAnimateCss: "^1.4.0",
+    react: "^19.2",
+    reactDom: "^19.2",
+    useIntl: "^4.13.7",
+    rhf: "^7",
+    rhfResolvers: "^5.1.1",
+    lucide: "^1.21",
+    sonner: "^2.0.7",
+    dotenv: "^17.4",
+    drizzleKit: "1.0.0-rc.4",
+    drizzleOrm: "1.0.0-rc.4",
+    hono: "^4.12",
+    honoZodOpenapi: "^1.5",
+    honoZodValidator: "^0.9",
+    reactEmail: "^6.9",
+    reactEmailUi: "^6.9",
+    zod: "^4.4",
+    ws: "^8",
+    cva: "^0.7.1",
+    tanstackReactRouter: "^1.170",
+    tanstackReactStart: "^1.168",
+    tanstackReactQuery: "^5.101",
+    tanstackRouterSsrQuery: "^1.167",
+    tanstackReactDevtools: "^0.10",
+    tanstackDevtoolsVite: "^0.8",
+    tanstackQueryDevtools: "^5.102",
+    tanstackRouterDevtools: "^1.167",
+    vite: "^8.0",
+    viteReact: "^6.0",
+    tailwindVite: "^4.2",
+    nitro: "3.0.260610-beta",
+    tslib: "^2.8.1",
+    swcCli: "^0.8.1",
+    swcCore: "^1.15",
+    shadcn: "^4",
+};

package/dist/src/helpers/get-available-package-managers.js

@@ -1,20 +1,20 @@
-import { exec } from 'child_process';
+import { exec } from "node:child_process";
 export const execShellCommand = async (cmd) => {
-    return new Promise(resolve => {
+    return await new Promise(resolve => {
         exec(cmd, (error, stdout, stderr) => {
             if (error) {
                 resolve(undefined);
             }
             const result = stdout ? stdout : stderr;
-            resolve(result.replace(/\s+/g, ''));
+            resolve(result.replace(/\s+/g, ""));
         });
     });
 };
 export const getAvailablePackageManagers = async () => {
     const [npm, pnpm, bun] = await Promise.all([
-        execShellCommand('npm --version'),
-        execShellCommand('pnpm --version'),
-        execShellCommand('bun --version'),
+        execShellCommand("npm --version"),
+        execShellCommand("pnpm --version"),
+        execShellCommand("bun --version"),
     ]);
     return {
         pnpm,

package/dist/src/helpers/get-package-json.js

@@ -1,2 +1,2 @@
-import { readFileSync } from 'fs';
-export const packageJson = JSON.parse(readFileSync(new URL('../../../package.json', import.meta.url), 'utf-8'));
+import { readFileSync } from "node:fs";
+export const packageJson = JSON.parse(readFileSync(new URL("../../../package.json", import.meta.url), "utf-8"));

package/dist/src/helpers/get-package-manager-from-root.js

@@ -0,0 +1,15 @@
+import { readFileSync } from "node:fs";
+import { join } from "node:path";
+export const getPackageManagerFromRoot = (rootPath) => {
+    try {
+        const packageJsonPath = join(rootPath, "package.json");
+        const packageJson = JSON.parse(readFileSync(packageJsonPath, "utf-8"));
+        if (packageJson.packageManager) {
+            return packageJson.packageManager.split("@")[0];
+        }
+        return "npm";
+    }
+    catch {
+        return "npm";
+    }
+};

package/dist/src/helpers/get-vitnode-package-version.js

@@ -0,0 +1,9 @@
+import { readFile } from "fs/promises";
+import { dirname, join } from "path";
+import { fileURLToPath } from "url";
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+export const getVitnodePackageVersion = async () => {
+    const cliPkg = JSON.parse(await readFile(join(__dirname, "..", "..", "..", "package.json"), "utf-8"));
+    return `^${cliPkg.version}`;
+};

package/dist/src/helpers/init-vitnode.js

@@ -0,0 +1,34 @@
+import { spawn } from "node:child_process";
+import color from "picocolors";
+export const generateMigrationsVitnode = async ({ packageManager: pm, cwd, }) => {
+    const packageManager = pm.split("@")[0];
+    const args = ["vitnode", "migrate", "--generate"];
+    await new Promise((resolve, reject) => {
+        let output = "";
+        const child = spawn(packageManager, args, {
+            cwd,
+            env: process.env,
+            shell: true,
+            stdio: "pipe",
+        });
+        child.stdout?.on("data", (data) => {
+            output += data.toString();
+        });
+        child.stderr?.on("data", (data) => {
+            output += data.toString();
+        });
+        child.on("error", error => {
+            reject(new Error(`Failed to start ${packageManager}: ${error.message}\nRun "${packageManager} vitnode db:prepare" in the new project once your database is running.`));
+        });
+        child.on("close", code => {
+            if (code === 0) {
+                resolve();
+                return;
+            }
+            if (output.trim().length > 0) {
+                console.error(color.red(output.trim()));
+            }
+            reject(new Error(`"${packageManager} vitnode migrate --generate" exited with code ${String(code)}. Your project was created - run "${packageManager} dev" once your database is running and it will migrate itself.`));
+        });
+    });
+};

package/dist/src/helpers/install-dependencies.js

@@ -1,30 +1,71 @@
-import { spawn } from 'child_process';
-import color from 'picocolors';
-import { getOnline } from './is-online.js';
-export const installDependencies = async ({ packageManager: pm, }) => {
-    const packageManager = pm.split('@')[0];
+import { spawn } from "node:child_process";
+import consoleColor from "picocolors";
+import { getOnline } from "./is-online.js";
+function printInstallErrorSuggestions(stderr, color) {
+    if (stderr.includes("ENOTFOUND") || stderr.includes("network")) {
+        console.error(color.yellow("💡 Network error detected. Please check your internet connection."));
+    }
+    else if (stderr.includes("EACCES") ||
+        stderr.includes("permission denied")) {
+        console.error(color.yellow("💡 Permission error detected. Try running with elevated privileges or check file permissions."));
+    }
+    else if (stderr.includes("ENOSPC")) {
+        console.error(color.yellow("💡 Disk space error detected. Please free up some disk space."));
+    }
+    else if (stderr.includes("ERR_PNPM_PEER_DEP_ISSUES")) {
+        console.error(color.yellow("💡 Peer dependency issues detected. Consider using --force flag or resolve conflicts manually."));
+    }
+}
+export const installDependencies = async ({ packageManager: pm, cwd, }) => {
+    const packageManager = pm.split("@")[0];
     const isOnline = await getOnline();
-    const args = packageManager === 'npm' ? ['install', '--force'] : ['install'];
+    const args = ["install"];
     if (!isOnline) {
-        console.log(color.yellow('You appear to be offline.\nFalling back to the local cache.'));
-        args.push('--offline');
+        console.log(consoleColor.yellow("You appear to be offline.\nFalling back to the local cache."));
+        args.push("--offline");
     }
     return new Promise((resolve, reject) => {
+        let stdout = "";
+        let stderr = "";
         const child = spawn(packageManager, args, {
-            stdio: 'ignore',
+            stdio: "pipe",
+            cwd,
+            shell: true,
             env: {
                 ...process.env,
-                ADBLOCK: '1',
-                NODE_ENV: 'development',
-                DISABLE_OPENCOLLECTIVE: '1',
+                ADBLOCK: "1",
+                NODE_ENV: "development",
+                DISABLE_OPENCOLLECTIVE: "1",
             },
         });
-        child.on('close', code => {
+        child.stdout?.on("data", (data) => {
+            const output = data.toString();
+            stdout += output;
+        });
+        child.stderr?.on("data", (data) => {
+            const output = data.toString();
+            stderr += output;
+        });
+        child.on("close", code => {
             if (code !== 0) {
-                reject({ command: `${packageManager} ${args.join(' ')}` });
+                console.error(consoleColor.red(`\n❌ Installation failed with exit code: ${code}`));
+                if (stderr) {
+                    console.error(consoleColor.red("Error output:"));
+                    console.error(stderr);
+                }
+                if (stdout) {
+                    console.log(consoleColor.yellow("Standard output:"));
+                    console.log(stdout);
+                }
+                printInstallErrorSuggestions(stderr, consoleColor);
+                reject(new Error(`Failed to install dependencies using ${packageManager}. Exit code: ${code}\n${stderr || stdout}`));
                 return;
             }
             resolve();
         });
+        child.on("error", error => {
+            console.error(consoleColor.red(`❌ Failed to start ${packageManager}:`), error.message);
+            reject(new Error(`Failed to start ${packageManager}: ${error.message}`));
+        });
     });
 };

package/dist/src/helpers/is-folder-empty.js

@@ -1,31 +1,30 @@
-import { lstatSync, readdirSync } from 'node:fs';
-import { join } from 'node:path';
-import colors from 'picocolors';
+import { lstatSync, readdirSync } from "node:fs";
+import { join } from "node:path";
+import colors from "picocolors";
 export function isFolderEmpty(root, name) {
     const validFiles = [
-        '.DS_Store',
-        '.git',
-        '.gitattributes',
-        '.gitignore',
-        '.gitlab-ci.yml',
-        '.hg',
-        '.hgcheck',
-        '.hgignore',
-        '.idea',
-        '.npmignore',
-        '.travis.yml',
-        'LICENSE',
-        'Thumbs.db',
-        'docs',
-        'mkdocs.yml',
-        'npm-debug.log',
-        'yarn-debug.log',
-        'yarn-error.log',
-        'yarnrc.yml',
-        '.yarn',
+        ".DS_Store",
+        ".git",
+        ".gitattributes",
+        ".gitignore",
+        ".gitlab-ci.yml",
+        ".hg",
+        ".hgcheck",
+        ".hgignore",
+        ".idea",
+        ".npmignore",
+        ".travis.yml",
+        "LICENSE",
+        "Thumbs.db",
+        "docs",
+        "mkdocs.yml",
+        "npm-debug.log",
+        "yarn-debug.log",
+        "yarn-error.log",
+        "yarnrc.yml",
+        ".yarn",
     ];
-    const conflicts = readdirSync(root).filter(file => !validFiles.includes(file) &&
-        !file.endsWith('.iml'));
+    const conflicts = readdirSync(root).filter(file => !(validFiles.includes(file) || file.endsWith(".iml")));
     if (conflicts.length > 0) {
         console.log(`The directory ${colors.green(name)} contains files that could conflict:\n`);
         for (const file of conflicts) {
@@ -42,7 +41,7 @@ export function isFolderEmpty(root, name) {
                 console.log(file);
             }
         }
-        console.log('\nEither try using a new directory name, or remove the files listed above.\n');
+        console.log("\nEither try using a new directory name, or remove the files listed above.\n");
         return false;
     }
     return true;

package/dist/src/helpers/is-online.js

@@ -1,9 +1,21 @@
-import { execSync } from 'child_process';
-import { lookup } from 'dns/promises';
-import { URL } from 'url';
+import { execSync } from "node:child_process";
+import { lookup } from "node:dns/promises";
+import { URL } from "node:url";
+function getProxy() {
+    if (process.env.https_proxy) {
+        return process.env.https_proxy;
+    }
+    try {
+        const httpsProxy = execSync("npm config get https-proxy").toString().trim();
+        return httpsProxy !== "null" ? httpsProxy : undefined;
+    }
+    catch {
+        return;
+    }
+}
 export async function getOnline() {
     try {
-        await lookup('registry.yarnpkg.com');
+        await lookup("registry.yarnpkg.com");
         return true;
     }
     catch {
@@ -24,15 +36,3 @@ export async function getOnline() {
         }
     }
 }
-function getProxy() {
-    if (process.env.https_proxy) {
-        return process.env.https_proxy;
-    }
-    try {
-        const httpsProxy = execSync('npm config get https-proxy').toString().trim();
-        return httpsProxy !== 'null' ? httpsProxy : undefined;
-    }
-    catch (_) {
-        return;
-    }
-}

package/dist/src/helpers/is-writeable.js

@@ -1,11 +1,11 @@
-import { W_OK } from 'constants';
-import { access } from 'fs/promises';
+import { W_OK } from "node:constants";
+import { access } from "node:fs/promises";
 export async function isWriteable(directory) {
     try {
         await access(directory, W_OK);
         return true;
     }
-    catch (_) {
+    catch {
         return false;
     }
 }

package/dist/src/helpers/validate-pkg.js

@@ -1,4 +1,4 @@
-import validateProjectName from 'validate-npm-package-name';
+import validateProjectName from "validate-npm-package-name";
 export const validateNpmName = ({ name, }) => {
     const nameValidation = validateProjectName(name);
     if (nameValidation.validForNewPackages) {

package/dist/src/helpers/with-If.js

@@ -0,0 +1 @@
+export const withIf = (cond, obj) => (cond ? obj : {});