🐞 - Unused extensions are not tree-shaken from production bundle

[hakimio]

Code Example URL

stackblitz.com

Description

Even if you customize the editor's extensions using TUI_EDITOR_EXTENSIONS provider, the production bundle still includes all the unused extensions like markdown and prosemirror-tables.

import type {Extension, Mark, Node} from '@tiptap/core';
import {TUI_EDITOR_EXTENSIONS, TuiStarterKit, TuiTabExtension, TuiLink} from '@taiga-ui/editor';
import {type ApplicationConfig} from '@angular/core';

const TUI_EDITOR_DEFAULT_EXTENSIONS: ReadonlyArray<
    Extension | Mark | Node | Promise<Extension | Mark | Node>
> = [
    TuiStarterKit.configure({
        heading: false,
        code: false,
        codeBlock: false,
        dropcursor: false,
        gapcursor: false
    }),
    import('@tiptap/extension-text-style').then(({default: textStyle}) => textStyle),
    import('@tiptap/extension-underline').then(({default: underline}) => underline),
    TuiLink,
    TuiTabExtension
];

export const appConfig: ApplicationConfig = {
    providers: [{
        provide: TUI_EDITOR_EXTENSIONS,
        useValue: TUI_EDITOR_DEFAULT_EXTENSIONS
    }]
};

Additional info

Angular: 18.2.5
Builder: @angular/build:application (based on esbuild)

ng build --stats-json can be used to generates a stats.json file which can be analyzed with esbuild bundle analyzer.

It might be needed to provide secondary entrypoints like in Angular Material project to have proper bundle tree-shaking
ng-packagr explanation on how to add secondary entrypoints

Taiga UI version

4.7.0

Browser Used

Chrome

OS Used

Windows

[hakimio]

@splincode I have some good news and some bad news.

Good news
Tree-shaking seems to work now and I get 200+ KB production bundle size reduction when using deep imports like import {TuiTabExtension} from '@taiga-ui/editor/extensions/indent-outdent';

Bad news
Using short imports like import {TuiTabExtension} from '@taiga-ui/editor'; results in some build errors:
https://gist.github.com/hakimio/4646371ff531c8d19bfe8e65cc8d0e65