import { Config } from '@stencil/core';

import { angularOutputTarget } from './targets/angular';
import { siteDocsOutputTarget } from './targets/docs';
import { reactOutputTarget } from './targets/react';
import { svelteOutputTarget } from './targets/svelte';
import { vueOutputTarget } from './targets/vue';
import { vueNextOutputTarget } from './targets/vue-next';

export const config: Config = {
  namespace: 'Vime',
  taskQueue: 'async',
  outputTargets: [
    reactOutputTarget(),
    angularOutputTarget(),
    vueOutputTarget(),
    vueNextOutputTarget(),
    svelteOutputTarget(),
    {
      type: 'dist',
      esmLoaderPath: '../loader',
      copy: [{ src: 'icons', dest: '../../', keepDirStructure: true }],
    },
    {
      type: 'dist-custom-elements-bundle',
    },
    {
      type: 'docs-custom',
      generator: siteDocsOutputTarget,
    },
  ],
  testing: {
    globals: {
      'ts-jest': {
        diagnostics: false,
      },
    },
    setupFilesAfterEnv: ['./src/globals/jest.js'],
    coverageDirectory: 'jest-coverage',
    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
    // @ts-ignore
    watchPlugins: [
      'jest-watch-typeahead/filename',
      'jest-watch-typeahead/testname',
    ],
    testPathIgnorePatterns: ['/node_modules/', '/cypress/'],
  },
  preamble: '(C) Vime https://vimejs.com - MIT License',
};