create-vitnode-app 1.2.0-canary.4 → 1.2.0-canary.41

package/copy-of-vitnode-app/root/src/app/global.css

@@ -0,0 +1,127 @@
+@import 'tailwindcss';
+
+@import 'tw-animate-css';
+
+@source "../../node_modules/@vitnode/core/dist/src/components";
+@source "../../node_modules/@vitnode/core/dist/src/views";
+
+:root:not(.dark) {
+  --background: oklch(0.96 0.01 250);
+  --foreground: oklch(0.18 0.01 250);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.22 0.01 250);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.22 0.01 250);
+  --primary: oklch(0.51 0.16 262.61);
+  --primary-foreground: oklch(0.985 0 0);
+  --secondary: oklch(0.93 0.01 250);
+  --secondary-foreground: oklch(0.25 0.01 250);
+  --muted: oklch(0.95 0.01 250);
+  --muted-foreground: oklch(0.35 0.01 250);
+  --accent: oklch(0.92 0.01 250);
+  --accent-foreground: oklch(0.25 0.01 250);
+  --destructive: oklch(0.6 0.2 24.45);
+  --warn: oklch(0.54 0.12 82.58);
+  --border: oklch(0.9 0.01 250);
+  --input: oklch(0.9 0.01 250);
+  --ring: oklch(0.7 0.13 250);
+  --chart-1: oklch(0.65 0.13 250);
+  --chart-2: oklch(0.6 0.11 260);
+  --chart-3: oklch(0.45 0.09 250);
+  --chart-4: oklch(0.8 0.13 250);
+  --chart-5: oklch(0.75 0.13 250);
+  --sidebar: var(--card);
+  --sidebar-foreground: oklch(0.22 0.01 250);
+  --sidebar-primary: var(--primary);
+  --sidebar-primary-foreground: var(--primary-foreground);
+  --sidebar-accent: oklch(0.97 0.01 250);
+  --sidebar-accent-foreground: oklch(0.25 0.01 250);
+  --sidebar-border: oklch(0.91 0.01 250);
+  --sidebar-ring: oklch(0.7 0.13 250);
+}
+
+.dark {
+  --background: oklch(0.16 0.01 250);
+  --foreground: oklch(0.96 0.01 250);
+  --card: oklch(0.18 0.01 250);
+  --card-foreground: oklch(0.96 0.01 250);
+  --popover: oklch(0.18 0.01 250);
+  --popover-foreground: oklch(0.96 0.01 250);
+  --primary: oklch(0.51 0.16 262.61);
+  --primary-foreground: oklch(0.98 0 0);
+  --secondary: oklch(0.22 0.01 250);
+  --secondary-foreground: oklch(0.96 0.01 250);
+  --muted: oklch(0.22 0.01 250);
+  --muted-foreground: oklch(0.7 0.01 250);
+  --accent: oklch(0.28 0.01 250);
+  --destructive: oklch(0.62 0.2 25.35);
+  --warn: oklch(0.76 0.18 81.84);
+  --border: oklch(0.26 0.01 250);
+  --input: oklch(0.26 0.01 250);
+  --ring: oklch(0.54 0.13 250);
+  --chart-1: oklch(0.45 0.09 250);
+  --chart-2: oklch(0.6 0.11 260);
+  --chart-3: oklch(0.75 0.13 250);
+  --chart-4: oklch(0.8 0.13 250);
+  --chart-5: oklch(0.65 0.13 250);
+  --sidebar: var(--card);
+  --sidebar-foreground: oklch(0.96 0.01 250);
+  --sidebar-primary: var(--primary);
+  --sidebar-primary-foreground: var(--primary-foreground);
+  --sidebar-accent: oklch(0.22 0.01 250);
+  --sidebar-accent-foreground: oklch(0.96 0.01 250);
+  --sidebar-border: oklch(0.21 0.01 250);
+  --sidebar-ring: oklch(0.54 0.13 250);
+}
+
+:root {
+  --radius: 0.625rem;
+}
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-destructive: var(--destructive);
+  --color-warn: var(--warn);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+  --color-chart-1: var(--chart-1);
+  --color-chart-2: var(--chart-2);
+  --color-chart-3: var(--chart-3);
+  --color-chart-4: var(--chart-4);
+  --color-chart-5: var(--chart-5);
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+  --color-sidebar: var(--sidebar);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-ring: var(--sidebar-ring);
+}
+
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+}

package/copy-of-vitnode-app/root/src/middleware.ts

@@ -0,0 +1,24 @@
+import createMiddleware from 'next-intl/middleware';
+
+import { vitNodeConfig } from './vitnode.config';
+
+export default createMiddleware({
+  locales: vitNodeConfig.i18n.locales.map(locale => locale.code),
+  defaultLocale: vitNodeConfig.i18n.defaultLocale,
+  localePrefix: vitNodeConfig.i18n.localePrefix,
+});
+
+export const config = {
+  matcher: [
+    // Enable a redirect to a matching locale at the root
+    '/',
+
+    // Set a cookie to remember the previous locale for
+    // all requests that have a locale prefix
+    '/(en)/:path*',
+
+    // Enable redirects that add missing locales
+    // (e.g. `/pathnames` -> `/en/pathnames`)
+    '/((?!_next|_vercel|api|.*\\..*).*)',
+  ],
+};

package/copy-of-vitnode-app/root/src/vitnode.config.ts

@@ -0,0 +1,32 @@
+import { buildConfig, handleRequestConfig } from '@vitnode/core/vitnode.config';
+import { getRequestConfig } from 'next-intl/server';
+
+export const vitNodeConfig = buildConfig({
+  metadata: {
+    title: 'VitNode',
+    shortTitle: 'VitNode',
+  },
+  plugins: [],
+  i18n: {
+    locales: [
+      {
+        code: 'en',
+        name: 'English',
+      },
+    ],
+    defaultLocale: 'en',
+  },
+  theme: {
+    defaultTheme: 'light',
+  },
+});
+
+// This is the request config for the app. It will be used in the app router.
+export default getRequestConfig(
+  async ({ requestLocale }) =>
+    await handleRequestConfig({
+      requestLocale,
+      vitNodeConfig,
+      pathToMessages: async path => await import(`./locales/${path}`),
+    }),
+);

package/copy-of-vitnode-app/root/tsconfig.json

@@ -1,6 +1,6 @@
 {
   "$schema": "https://json.schemastore.org/tsconfig",
-  "extends": "eslint-config-typescript-vitnode/tsconfig",
+  "extends": "@vitnode/eslint-config/tsconfig",
   "compilerOptions": {
     "target": "ESNext",
     "module": "esnext",

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

@@ -0,0 +1,255 @@
+import { readFile, writeFile } from 'fs/promises';
+import { dirname, join } from 'path';
+import { fileURLToPath } from 'url';
+import { getAvailablePackageManagers } from '../helpers/get-available-package-managers.js';
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+export const createPackageJSON = async ({ appName, packageManager, root, eslint, docker, mode, monorepo, }) => {
+    const availablePackageManagers = await getAvailablePackageManagers();
+    const pkg = JSON.parse(await readFile(join(__dirname, '..', '..', '..', 'package.json'), 'utf-8'));
+    const pkgVitNodeVersion = `^${pkg.version}`;
+    const monorepoStructure = {
+        api: join(root, 'apps', 'api'),
+        web: join(root, 'apps', 'web'),
+    };
+    if (mode === 'apiMonorepo' || monorepo) {
+        const rootPackageJson = {
+            name: appName,
+            private: true,
+            scripts: {
+                'db:migrate': 'turbo db:migrate',
+                'db:push': 'turbo db:push',
+                init: 'turbo init',
+                dev: 'turbo dev',
+                build: 'turbo build',
+                start: 'turbo start',
+                ...(eslint
+                    ? {
+                        lint: 'eslint .',
+                        'lint:fix': 'eslint . --fix',
+                    }
+                    : {}),
+                ...(docker
+                    ? {
+                        'docker:dev': `docker compose -f ./docker-compose.yml -p ${appName}-vitnode-dev up -d`,
+                    }
+                    : {}),
+            },
+            devDependencies: {
+                '@types/node': '^24',
+                '@vitnode/eslint-config': pkgVitNodeVersion,
+                ...(eslint
+                    ? {
+                        'prettier-plugin-tailwindcss': '^0.6.14',
+                        prettier: '^3.6.2',
+                    }
+                    : {}),
+                turbo: '^2.5.4',
+                typescript: '^5.8.3',
+                zod: '^3.25.74',
+            },
+            packageManager: `${packageManager}@${availablePackageManagers[packageManager]}`,
+            workspaces: ['apps/*', 'plugins/*'],
+        };
+        await writeFile(join(root, 'package.json'), JSON.stringify(rootPackageJson, null, 2));
+    }
+    const apiPackageJson = {
+        name: mode === 'apiMonorepo' || monorepo ? 'api' : appName,
+        version: '0.1.0',
+        private: true,
+        type: 'module',
+        scripts: {
+            'db:push': 'vitnode push',
+            'db:migrate': 'vitnode migrate',
+            init: 'vitnode init --api',
+            ...(packageManager === 'bun'
+                ? {
+                    dev: 'vitnode init --api && bun run --hot src/index.ts',
+                    start: 'NODE_ENV=production bun run src/index.ts',
+                }
+                : {
+                    dev: 'vitnode init --api && tsx watch src/index.ts',
+                    build: 'tsc && tsc-alias -p tsconfig.json',
+                    start: 'node dist/index.js',
+                }),
+            ...(eslint
+                ? {
+                    lint: 'eslint .',
+                    'lint:fix': 'eslint . --fix',
+                }
+                : {}),
+            ...(docker && mode === 'onlyApi'
+                ? {
+                    'docker:dev': `docker compose -f ./docker-compose.yml -p ${appName}-vitnode-dev up -d`,
+                }
+                : {}),
+            'drizzle-kit': 'drizzle-kit',
+        },
+        dependencies: {
+            '@hono/zod-openapi': '^0.19.8',
+            '@hono/zod-validator': '^0.7.0',
+            '@react-email/components': '^0.2.0',
+            '@vitnode/core': pkgVitNodeVersion,
+            'drizzle-kit': '^0.31.3',
+            'drizzle-orm': '^0.44.2',
+            hono: '^4.8.3',
+            'next-intl': '^4.3.1',
+            react: '^19.1',
+            'react-dom': '^19.1',
+            zod: '^3.25.67',
+        },
+        devDependencies: {
+            '@hono/node-server': '^1.15.0',
+            ...(packageManager === 'bun'
+                ? {
+                    '@types/bun': 'latest',
+                }
+                : {}),
+            '@types/node': '^24',
+            '@types/react': '^19.1',
+            '@types/react-dom': '^19.1',
+            '@vitnode/eslint-config': pkgVitNodeVersion,
+            dotenv: '^17.2.0',
+            ...(eslint
+                ? {
+                    eslint: '^9.30.1',
+                    ...(mode === 'onlyApi'
+                        ? {
+                            'prettier-plugin-tailwindcss': '^0.6.14',
+                            prettier: '^3.6.2',
+                        }
+                        : {}),
+                }
+                : {}),
+            'react-email': '^4.1.1',
+            'tsc-alias': '^1.8.16',
+            tsx: '^4.20.3',
+            typescript: '^5.8.3',
+        },
+    };
+    if (mode === 'singleApp') {
+        const packageJson = {
+            name: monorepo ? 'web' : appName,
+            version: '0.1.0',
+            private: true,
+            type: 'module',
+            scripts: {
+                'db:push': 'vitnode push',
+                'db:migrate': 'vitnode migrate',
+                init: 'vitnode init',
+                dev: 'vitnode init && next dev --turbopack',
+                build: 'next build --turbopack',
+                start: 'next start',
+                ...(eslint
+                    ? {
+                        lint: 'eslint .',
+                        'lint:fix': 'eslint . --fix',
+                    }
+                    : {}),
+                ...(docker
+                    ? {
+                        'docker:dev': `docker compose -f ./docker-compose.yml -p ${appName}-vitnode-dev up -d`,
+                    }
+                    : {}),
+                'drizzle-kit': 'drizzle-kit',
+            },
+            dependencies: {
+                '@hono/zod-openapi': '^0.19.9',
+                '@hono/zod-validator': '^0.7.0',
+                '@hookform/resolvers': '^5.1.1',
+                '@react-email/components': '^0.2.0',
+                '@vitnode/core': pkgVitNodeVersion,
+                'babel-plugin-react-compiler': '19.1.0-rc.2',
+                'drizzle-kit': '^0.31.4',
+                'drizzle-orm': '^0.44.2',
+                hono: '^4.8.4',
+                'lucide-react': '^0.525.0',
+                next: '^15.3.5',
+                'next-intl': '^4.3.4',
+                react: '^19.1',
+                'react-dom': '^19.1',
+                'react-hook-form': '^7.60.0',
+                sonner: '^2.0.6',
+                zod: '^3.25.74',
+            },
+            devDependencies: {
+                '@tailwindcss/postcss': '^4.1.11',
+                '@types/node': '^24',
+                '@types/react': '^19.1',
+                '@types/react-dom': '^19.1',
+                '@vitnode/eslint-config': pkgVitNodeVersion,
+                ...(eslint
+                    ? {
+                        eslint: '^9.30.1',
+                        'prettier-plugin-tailwindcss': '^0.6.14',
+                        prettier: '^3.6.2',
+                    }
+                    : {}),
+                'react-email': '^4.1.1',
+                turbo: '^2.5.4',
+                tailwindcss: '^4.1.11',
+                'tw-animate-css': '^1.3.5',
+                typescript: '^5.8.3',
+            },
+            packageManager: `${packageManager}@${availablePackageManagers[packageManager]}`,
+        };
+        await writeFile(join(monorepo ? monorepoStructure.web : root, 'package.json'), JSON.stringify(packageJson, null, 2));
+    }
+    else if (mode === 'apiMonorepo') {
+        await writeFile(join(root, 'apps', 'api', 'package.json'), JSON.stringify(apiPackageJson, null, 2));
+        const webPackageJson = {
+            name: 'web',
+            version: '0.1.0',
+            private: true,
+            type: 'module',
+            scripts: {
+                init: 'vitnode init --web',
+                dev: 'vitnode init --web && next dev --turbopack',
+                build: 'next build --turbopack',
+                start: 'next start',
+                ...(eslint
+                    ? {
+                        lint: 'eslint .',
+                        'lint:fix': 'eslint . --fix',
+                    }
+                    : {}),
+            },
+            dependencies: {
+                '@vitnode/core': pkgVitNodeVersion,
+                'babel-plugin-react-compiler': '19.1.0-rc.2',
+                'lucide-react': '^0.525.0',
+                next: '^15.3.5',
+                'next-intl': '^4.3.4',
+                react: '^19.1',
+                'react-dom': '^19.1',
+                'react-hook-form': '^7.60.0',
+                sonner: '^2.0.6',
+            },
+            devDependencies: {
+                '@playwright/test': '^1.53.2',
+                '@tailwindcss/postcss': '^4.1.11',
+                '@types/mdx': '^2.0.13',
+                '@types/node': '^24',
+                '@types/react': '^19.1',
+                '@types/react-dom': '^19.1',
+                '@vitnode/eslint-config': pkgVitNodeVersion,
+                'class-variance-authority': '^0.7.1',
+                ...(eslint
+                    ? {
+                        eslint: '^9.30.1',
+                    }
+                    : {}),
+                postcss: '^8.5.6',
+                'react-email': '^4.1.1',
+                tailwindcss: '^4.1.11',
+                'tw-animate-css': '^1.3.5',
+                typescript: '^5.8.3',
+                zod: '^3.25.74',
+            },
+        };
+        await writeFile(join(root, 'apps', 'web', 'package.json'), JSON.stringify(webPackageJson, null, 2));
+    }
+    else if (mode === 'onlyApi') {
+        await writeFile(join(monorepo ? monorepoStructure.api : root, 'package.json'), JSON.stringify(apiPackageJson, null, 2));
+    }
+};

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

@@ -1,11 +1,14 @@
 import { existsSync } from 'fs';
-import { cp, mkdir } from 'fs/promises';
+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 { generateMigrationsVitnode, initFilesVitnode, } from '../helpers/init-vitnode.js';
+import { installDependencies } from '../helpers/install-dependencies.js';
 import { isFolderEmpty } from '../helpers/is-folder-empty.js';
-export const createVitNode = async ({ root, appName, packageManager, }) => {
+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);
@@ -18,9 +21,122 @@ export const createVitNode = async ({ root, appName, packageManager, }) => {
     if (!isFolderEmpty(root, appName)) {
         process.exit(1);
     }
+    const monorepoStructure = {
+        api: join(root, 'apps', 'api'),
+        web: join(root, 'apps', 'web'),
+    };
+    spinner.text = 'Preparing the project structure...';
+    if (monorepo || mode === 'apiMonorepo') {
+        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, 'root'), root, {
+    await cp(join(templatePath, '.vscode'), join(root, '.vscode'), {
         recursive: true,
     });
+    if (mode === 'singleApp') {
+        await Promise.all([
+            cp(join(templatePath, 'root'), monorepo ? monorepoStructure.web : root, {
+                recursive: true,
+            }),
+            cp(join(templatePath, 'api-single-app'), monorepo ? monorepoStructure.web : root, {
+                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) {
+        await cp(join(templatePath, 'monorepo'), root, {
+            recursive: true,
+        });
+    }
+    if (eslint) {
+        spinner.text = 'Copying eslint files...';
+        await cp(join(templatePath, 'eslint'), 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,
+    });
+    if (mode === 'apiMonorepo' && 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);
+    }
+    if (install) {
+        spinner.text = 'Installing dependencies...';
+        await installDependencies({
+            packageManager,
+            cwd: root,
+        });
+        if (mode !== 'onlyApi') {
+            spinner.text = 'Initializing VitNode files...';
+            initFilesVitnode({
+                packageManager,
+                cwd: mode === 'apiMonorepo' || monorepo ? monorepoStructure.web : root,
+            });
+        }
+        spinner.text = 'Generating migrations...';
+        generateMigrationsVitnode({
+            packageManager,
+            cwd: mode === 'apiMonorepo' || monorepo ? monorepoStructure.api : root,
+        });
+    }
     spinner.succeed(`${color.green('Success!')} Created ${color.cyan(appName)} at ${color.cyan(root)}`);
 };

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

@@ -0,0 +1,15 @@
+import { spawn } from 'child_process';
+export const initFilesVitnode = ({ packageManager: pm, cwd, }) => {
+    const packageManager = pm.split('@')[0];
+    const args = ['vitnode', 'prepare-plugins'];
+    spawn(packageManager, args, {
+        cwd,
+    });
+};
+export const generateMigrationsVitnode = ({ packageManager: pm, cwd, }) => {
+    const packageManager = pm.split('@')[0];
+    const args = ['vitnode', 'migrate', '--generate'];
+    spawn(packageManager, args, {
+        cwd,
+    });
+};

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

@@ -0,0 +1,67 @@
+import { spawn } from 'child_process';
+import color from 'picocolors';
+import { getOnline } from './is-online.js';
+export const installDependencies = async ({ packageManager: pm, cwd, }) => {
+    const packageManager = pm.split('@')[0];
+    const isOnline = await getOnline();
+    const args = ['install'];
+    if (!isOnline) {
+        console.log(color.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: 'pipe',
+            cwd,
+            env: {
+                ...process.env,
+                ADBLOCK: '1',
+                NODE_ENV: 'development',
+                DISABLE_OPENCOLLECTIVE: '1',
+            },
+        });
+        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) {
+                console.error(color.red(`\n❌ Installation failed with exit code: ${code}`));
+                if (stderr) {
+                    console.error(color.red('Error output:'));
+                    console.error(stderr);
+                }
+                if (stdout) {
+                    console.log(color.yellow('Standard output:'));
+                    console.log(stdout);
+                }
+                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.'));
+                }
+                reject(new Error(`Failed to install dependencies using ${packageManager}. Exit code: ${code}\n${stderr || stdout}`));
+                return;
+            }
+            resolve();
+        });
+        child.on('error', error => {
+            console.error(color.red(`❌ Failed to start ${packageManager}:`), error.message);
+            reject(new Error(`Failed to start ${packageManager}: ${error.message}`));
+        });
+    });
+};