printOutput.ts

import { outro, spinner } from '@clack/prompts';
import { Toolbox } from 'gluegun/build/types/domain/toolbox';
import os from 'os';
import { AvailablePackages, CliResults } from '../types';
import { copyBaseAssets } from './copyBaseAssets';
import { generateNWUI } from './generateNWUI';
import { getPackageManager, getPackageManagerRunnerX } from './getPackageManager';
import { easConfigure } from './runEasConfigure';
import { ONLY_ERRORS, quoteShellArg, runSystemCommand } from './systemCommand';
import { appendFile, writeFile } from 'fs/promises';

const yarnRcFixes = `
enableGlobalCache: false

nodeLinker: node-modules`;

export async function printOutput(
  cliResults: CliResults,
  formattedFiles: any[],
  toolbox: Toolbox,
  stylingPackage: AvailablePackages
): Promise<void> {
  const {
    parameters: { options },
    print: { info, success, highlight, warning }
  } = toolbox;

  const { projectName, flags } = cliResults;
  const projectDir = quoteShellArg(projectName);
  const projectCwd = projectName;
  const s = spinner();

  // Output the results to the user

  s.start('Initializing your project...');
  await Promise.all(formattedFiles);
  s.stop('Project initialized!');

  s.start('Copying base assets...');
  await copyBaseAssets(projectName, toolbox);
  s.stop('Base assets copied!');

  // check if npm option is set, otherwise set based on what the system is configure to use
  const packageManager = cliResults.flags.packageManager || getPackageManager(toolbox, cliResults);
  const isNpm = packageManager === 'npm';

  // seems like all package managers actually support the run command
  const runCommand = `${packageManager} run`;

  const runnerType = getPackageManagerRunnerX(toolbox, cliResults);
  const expoCommand =
    packageManager === 'pnpm'
      ? 'pnpm exec expo'
      : packageManager === 'yarn'
        ? 'yarn expo'
        : packageManager === 'bun'
          ? 'bunx expo'
          : 'npx expo@latest';
  const pnpmInstallEnv = packageManager === 'pnpm' ? { PNPM_CONFIG_STRICT_DEP_BUILDS: 'false' } : undefined;

  if (!options.noInstall && !flags.noInstall) {
    s.start(`Installing dependencies using ${packageManager}...`);
    // attempt to improve npm install speeds by disabling audit and progress

    const additionalFlags = isNpm
      ? '--silent --no-audit --progress=false --legacy-peer-deps'
      : packageManager === 'pnpm'
        ? '--config.strict-dep-builds=false'
        : '';
    const installCommand = `${packageManager} install${additionalFlags ? ` ${additionalFlags}` : ''}`;

    if (packageManager === 'yarn') {
      // create empty yarn.lock to stop yarn from complaining
      await writeFile(`${projectName}/yarn.lock`, '');

      // apply fixes to .yarnrc.yml to stop issues with PnP and caching
      await appendFile(`${projectName}/.yarnrc.yml`, yarnRcFixes);

      await runSystemCommand({
        toolbox,
        command: 'yarn set version stable',
        stdio: ONLY_ERRORS,
        errorMessage: 'Error setting yarn version',
        cwd: projectCwd
      });
    }

    await runSystemCommand({
      toolbox,
      command: installCommand,
      stdio: isNpm ? undefined : ONLY_ERRORS,
      errorMessage: 'Error installing dependencies',
      env: pnpmInstallEnv,
      cwd: projectCwd
    });

    s.stop('Dependencies installed!');

    s.start('Updating packages to expo compatible versions...');

    const expoInstallFixCommand =
      packageManager === 'pnpm'
        ? 'pnpm exec expo install --fix'
        : packageManager === 'yarn'
          ? 'yarn expo install --fix'
          : packageManager === 'bun'
            ? 'bunx expo install --fix'
            : `npx expo@latest install --fix ${isNpm ? `-- ${additionalFlags}` : ``}`;

    await runSystemCommand({
      toolbox,
      command: expoInstallFixCommand,
      errorMessage: 'Error updating packages',
      stdio: undefined,
      env: pnpmInstallEnv,
      cwd: projectCwd
    });

    s.stop('Packages updated!');

    await generateNWUI(cliResults, toolbox);

    s.start(`Cleaning up your project...`);

    // format the files with prettier and eslint using installed packages.
    await runSystemCommand({
      toolbox,
      command: `${runCommand} format`,
      errorMessage: 'Error formatting code',
      stdio: ONLY_ERRORS,
      env: pnpmInstallEnv,
      cwd: projectCwd
    });

    s.stop('Project files formatted!');
  } else {
    await generateNWUI(cliResults, toolbox);

    s.start(`formatting your project using ${runnerType} prettier...`);

    // Running prettier using global runners against the template.
    // Use --no-config to prevent using project's config (that may have plugins/dependencies)
    await runSystemCommand({
      toolbox,
      command: `${runnerType} prettier "${projectName}/**/*.{json,js,jsx,ts,tsx}" --no-config --write`,
      errorMessage: 'Error formatting code',
      stdio: ONLY_ERRORS
    });

    s.stop('Project files formatted!');
  }

  if (!options.noGit && !flags.noGit && process.env.NODE_ENV !== 'test') {
    s.start(`Initializing git...`);
    // initialize git repo and add first commit
    // get create expo stack version
    const cesVersion: string = require('../../package.json').version || '2.0.0';
    const generatedByMessage = quoteShellArg(`Generated by create-expo-stack ${cesVersion}`);

    await runSystemCommand({
      toolbox,
      command: `git init --quiet && git add . && git commit --no-verify --no-gpg-sign -m "Initial commit" -m ${generatedByMessage} --quiet`,
      errorMessage: 'Error initializing git',
      stdio: ONLY_ERRORS,
      env: {
        GIT_TERMINAL_PROMPT: '0',
        GIT_EDITOR: 'true',
        GCM_INTERACTIVE: 'Never'
      },
      cwd: projectCwd
    });

    s.stop(`Git initialized!`);
  }

  if (cliResults.flags.eas) {
    await easConfigure(cliResults, packageManager, toolbox);
  }

  if (stylingPackage?.name === 'unistyles' && os.type() === 'Darwin') {
    try {
      const xcodeVersion = await runSystemCommand({
        command: `xcodebuild -version | head -n 1 | awk '{print $2}'`,
        errorMessage: 'failed to check xcode version',
        stdio: 'pipe',
        toolbox,
        failOnError: false
      });

      const xcodeVersionString = String(xcodeVersion).trim();

      if (xcodeVersionString === '16.2') {
        warning(
          '\nUnistyles is currently not compatible with xcode 16.2 due to an xcode bug, downgrade to 16.1 or lower to use Unistyles \nhttps://github.com/jpudysz/react-native-unistyles/issues/507'
        );
      }
    } catch (_e: unknown) {
      // ignore this error
    }
  }

  const printVexoSteps = () => {
    info(``);
    highlight('Head over to https://vexo.co to create a new Vexo project.');
    info(``);
    highlight(`Get the API key:`);
    info(`1. Create a new app in your vexo dashboard:`);
    highlight(`https://vexo.co/apps`);
    info(`2. Find your API key on your app settings page.`);
    info(`3. Copy the key and paste it into your .env file.`);
    info(`4. Optionally, follow the docs to get started with Vexo:`);
    highlight(`https://docs.vexo.co/`);
    info(``);
  };

  //	check if packages includes package with name "supabase"
  if (cliResults.packages.some((pkg) => pkg.name === 'supabase')) {
    success(`\nSuccess! 🎉 Now, here's what's next:`);
    info(``);
    highlight('Head over to https://database.new to create a new Supabase project.');
    info(``);
    highlight(`Get the Project URL and anon key from the API settings:`);
    info(`1. Go to the API settings page in the Dashboard.`);
    info(`2. Find your Project URL, anon, and service_role keys on this page.`);
    info(`3. Copy these keys and paste them into your .env file.`);
    info(`4. Optionally, follow one of these guides to get started with Supabase:`);
    highlight(`https://docs.expo.dev/guides/using-supabase/#next-steps`);
    if (cliResults.packages.some((pkg) => pkg.name === 'vexo-analytics')) {
      printVexoSteps();
    }
    success(`Once you're done, run the following to get started: `);
    info(``);
  } else if (cliResults.packages.some((pkg) => pkg.name === 'firebase')) {
    success(`\nSuccess! 🎉 Now, here's what's next:`);
    info(``);
    highlight('Head over to https://console.firebase.google.com/ to create a new Firebase project.');
    info(``);
    highlight(`Get the API key and other unique identifiers:`);
    info(`1. Register a web app in your Firebase project:`);
    highlight(`https://firebase.google.com/docs/web/setup#register-app`);
    info(`2. Find your API key and other identifiers.`);
    info(`3. Copy these keys and paste them into your .env file.`);
    info(`4. Optionally, follow one of these guides to get started with Firebase:`);
    highlight(`https://docs.expo.dev/guides/using-firebase/#next-steps`);
    if (cliResults.packages.some((pkg) => pkg.name === 'vexo-analytics')) {
      printVexoSteps();
    }
    success(`Once you're done, run the following to get started: `);
    info(``);
  } else {
    if (cliResults.packages.some((pkg) => pkg.name === 'vexo-analytics')) {
      success(`Success! 🎉 Now, here's what's next:`);
      printVexoSteps();
      success(`Once you're done, run the following to get started: `);
    } else {
      success('\nSuccess! 🎉 Now, just run the following to get started: ');
    }
    info(``);
  }
  let step = 1;

  if (flags.eas) {
    info(`To build for development:`);
    info(``);
    highlight(`${step}. cd ${projectDir}`);
    if (flags.noInstall) highlight(`${++step}. ${packageManager} install`);
    highlight(`${++step}. eas build --profile=development`);
    highlight(`${++step}. ${runCommand} start`);

    info(``);

    step = 1;

    info(`To create a build to share with others:`);
    info(``);
    highlight(`${step}. cd ${projectDir}`);
    if (flags.noInstall) highlight(`${++step}. ${packageManager} install`);
    highlight(`${++step}. eas build --profile=preview`);

    info(``);

    info('To add additional ios users:');
    info(``);
    highlight(`eas device:create `);
  } else {
    highlight(`${step}. cd ${projectDir}`);
    if (flags.noInstall) highlight(`${++step}. ${packageManager} install`);
    if (stylingPackage.name === 'unistyles' || stylingPackage.name === 'nativewindui') {
      highlight(`${++step}. ${expoCommand} prebuild --clean`);
    }
    highlight(`${++step}. ${runCommand} ios`);
  }
  info(``);

  if (!flags.publish) {
    info('To create a GitHub repository for this project, run:');
    highlight('npx rn-new --publish');
    info(``);
  }

  outro(
    `If you're looking to move even faster, the team at Ronin can help you build it:\n- https://ronindevs.com/?utm_source=rn_new&utm_medium=cli`
  );
}