import { appendFile } from 'node:fs/promises';
import { getGlobalVariable } from '../../utils/env';
import { readFile, replaceInFile } from '../../utils/fs';
import {
  getActivePackageManager,
  installPackage,
  installWorkspacePackages,
} from '../../utils/packages';
import { ng } from '../../utils/process';
import { isPrereleaseCli, updateJsonFile } from '../../utils/project';
import { executeBrowserTest } from '../../utils/puppeteer';

const snapshots = require('../../ng-snapshot/package.json');

export default async function () {
  const isPrerelease = await isPrereleaseCli();
  let tag = isPrerelease ? '@next' : '';
  if (getActivePackageManager() === 'npm') {
    await appendFile('.npmrc', '\nlegacy-peer-deps=true');
  }

  await ng('add', `@angular/material${tag}`, '--skip-confirmation');

  const isSnapshotBuild = getGlobalVariable('argv')['ng-snapshots'];
  if (isSnapshotBuild) {
    await updateJsonFile('package.json', (packageJson) => {
      const dependencies = packageJson['dependencies'];
      // Angular material adds dependencies on other Angular packages
      // Iterate over all of the packages to update them to the snapshot version.
      for (const [name, version] of Object.entries(snapshots.dependencies)) {
        if (name in dependencies) {
          dependencies[name] = version;
        }
      }

      dependencies['@angular/material-moment-adapter'] =
        snapshots.dependencies['@angular/material-moment-adapter'];
    });
    await installWorkspacePackages();
  } else {
    if (!tag) {
      const installedMaterialVersion = JSON.parse(await readFile('package.json'))['dependencies'][
        '@angular/material'
      ];
      tag = `@${installedMaterialVersion}`;
    }
    await installPackage(`@angular/material-moment-adapter${tag}`);
  }

  await installPackage('moment');

  await ng('build');

  // Ensure moment adapter works (uses unique importing mechanism for moment)
  // Issue: https://github.com/angular/angular-cli/issues/17320
  await replaceInFile(
    'src/app/app.config.ts',
    `from '@angular/core';`,
    `
    from '@angular/core';
    import {
      MomentDateAdapter,
      MAT_MOMENT_DATE_FORMATS
    } from '@angular/material-moment-adapter';
    import {
      DateAdapter,
      MAT_DATE_LOCALE,
      MAT_DATE_FORMATS
    } from '@angular/material/core';
  `,
  );

  await replaceInFile(
    'src/app/app.config.ts',
    `provideRouter(routes)`,
    `provideRouter(routes),
      {
        provide: DateAdapter,
        useClass: MomentDateAdapter,
        deps: [MAT_DATE_LOCALE]
      },
      {
        provide: MAT_DATE_FORMATS,
        useValue: MAT_MOMENT_DATE_FORMATS
      }`,
  );

  await executeBrowserTest({ configuration: 'production' });
}