custom-elements-manifest.config.mjs

export default {
    globs: ['src/components/**/!(*.test).ts'],
    exclude: ['src/**/*.css', 'src/components/icon/icon-list.ts', 'src/components/fp-icon/general-icon-list.ts','src/components/fp-icon/crypto-icon-list.ts'],
    outdir: 'dist/',
    dev: false,
    watch: false,
    dependencies: false,
    packagejson: true,
    litelement: true,
    plugins: [
      {
        name: 'filter',
        analyzePhase({ ts, node, moduleDoc }) {
          switch (node.kind) {
            case ts.SyntaxKind.ClassDeclaration: {
              const className = node.name.getText();
              const classDoc = moduleDoc?.declarations?.find(declaration => declaration.name === className);
  
              if (classDoc?.members) {
                const eventMembers = classDoc.members.filter(member => member.type?.text?.startsWith('EventDispatcher'));
  
                classDoc.events?.push(...eventMembers.map(({description, name, type}) => {
                  const eventMemberNode = node.members.find((member) => member.name.getText() === name);
                  const eventDecorator = eventMemberNode.decorators.find((decorator) => decorator.expression.expression.getText() === 'event');
  
                  name = eventDecorator.expression.arguments[0]?.text || name;
  
                  return {
                    type: {
                      text: `CustomEvent<${type.text.replace(/.*<([a-z]+)>/, '$1')}>`
                    },
                    description,
                    name
                  }
                }));
  
                // Remove events from properties
                classDoc.members = classDoc.members.filter(member => member.type?.text?.startsWith('EventDispatcher'));
  
                // Remove private properties
                classDoc.members = classDoc.members.filter(member => member.privacy !== 'private');
              }
              break;
            }
          }
        },
      }
    ],
  };