import { ComponentContext, ComponentFile } from '@teambit/generator';

export const ngAppFile = (context: ComponentContext): ComponentFile => {
  const { name, namePascalCase: Name } = context;
  return {
    relativePath: `${name}.ng-app.ts`,
    content: `import { AngularAppOptions } from '@teambit/angular-apps';
import { BrowserOptions, DevServerOptions } from '@teambit/angular-common';

const angularOptions: BrowserOptions & DevServerOptions = {
  main: './src/main.ts',
  polyfills: './src/polyfills.ts',
  index: './src/index.html',
  tsConfig: './tsconfig.app.json',
  assets: [{
    "glob": "**/*",
    "input": "src/assets/",
    "output": "/assets/"
  }],
  styles: ['./src/styles.scss'],
};

export const ${Name}Options: AngularAppOptions = {
  /**
   * Name of the app in Bit CLI.
   */
  name: '${name}',

  /**
   * Angular options for \`bit build\`
   */
  angularBuildOptions: angularOptions,

  /**
   * Angular options for \`bit run\`
   */
  angularServeOptions: angularOptions,

  /**
    * Folder containing the main file of your application
    */
  sourceRoot: './src',
};

export default ${Name}Options;
`,
  };
};