🐞 - `TableBuilderComponent` not working with Angular >=14

[Markiewic]

Which @angular-ru/* package(s) are the source of the bug?

cdk

Is this a regression?

No

Description

TableBuilderComponent fails to instantiate in Angular >=14 environment. It falls with following error:

Since in the Angular in v14 updated its component/directive definition structure (angular/angular#45672, file packages/core/src/render3/definition.ts), the pipeDefs reads differently — from dependencies field, which is not presented in packaged @angular-ru/cdk, but it has old pipes field.

Вообще, это похоже на проблему ng-packagr, потому что, к примеру, если посмотреть на @angular/material, то там компоненты компилируются не в такую структуру, как наша библиотека:

TableBuilderComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({
  // ...
  pipes: [ /* pipeClasses */ ]
  // ...
})

А в какую-то мифическую:

TooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({
// ...
  pipes: { async: i7.AsyncPipe }
// ...
})

Стоит отметить, что там ng-packagr вообще не используется. Там вообще не понятно, чем пакеты компилируются, и кто ставит эти функции.

Кстати, фан-факт: во всём материале только одно использование пайпа — в компоненте MatTooltip.

[Markiewic]

Окей, прикол в параметре compilationMode в AngularCompilerOptions в tsconfig. У него есть два варианта — full и partial.

Аккординг ту документейшен:

MODES	DETAILS
'full'	Generates fully AOT-compiled code according to the version of Angular that is currently being used.
'partial'	Generates code in a stable, but intermediate form suitable for a published library.

То есть, full-комплиция — компиляция окончательная, уже в быстрый JS-код исходя из текущих фич установленной версии @angular/core. Скомпилированное в среде одной версии может не работать в среде с другой версией, что мы и наблюдаем в этом ишью.

Меж тем, существует partial-компиляция, которая является некой абстракцией над версиями ангуляра, она может быть докомпилирована полностью исходя из среды, в которой используется.

По дефолту стоит full. Нам нужно поставить для библиотек этот параметр как 'partial'. Вот пример из библиотеки ngx-translate, там тоже поставили это значение.