custom-elements-manifest.config.mjs

import { customElementVsCodePlugin } from 'custom-element-vs-code-integration';
import { customEsLintRuleGeneratorPlugin } from 'custom-element-eslint-rule-generator';
import { customElementJsxPlugin } from 'custom-element-jsx-integration';
import { expandTypesPlugin, getTsProgram } from 'cem-plugin-expanded-types';

console.log('Building the custom element manifest...');

const outdir = './';

export default {
  /** Globs to analyze */
  globs: ['src/lib/qti-components/**/*.ts', 'src/lib/qti-item/**/*.ts', 'src/lib/qti-test/**/*.ts'],
  /** Globs to exclude */
  exclude: ['src/**/qti-*.stories.ts', 'src/**/qti-*.spec.ts', 'src/**/qti-*.styles.ts'],
  /** Directory to output CEM to */
  outdir: outdir,
  /** Run in dev mode, provides extra logging */
  dev: false,
  /** Run in watch mode, runs on file changes */
  watch: false,
  /** Include third party custom elements manifests */
  dependencies: false,
  /** Output CEM path to `package.json`, defaults to true */
  packagejson: false,
  /** Enable special handling for litelement */
  litelement: true,

  overrideModuleCreation: ({ ts, globs }) => {
    const program = getTsProgram(ts, globs, 'tsconfig.json');
    return program.getSourceFiles().filter(sf => globs.find(glob => sf.fileName.includes(glob)));
  },

  plugins: [
    expandTypesPlugin({
      outdir: outdir + 'dist'
    }),
    customElementVsCodePlugin({
      outdir: outdir + 'dist'
    }),
    customElementJsxPlugin({
      outdir: outdir + 'dist',
      exclude: [],
      fileName: `qti-components-jsx.d.ts`
    })
    // customEsLintRuleGeneratorPlugin({
    //   outdir: outdir + 'dist'
    // })
  ]
};