chore: fix

.github/renovate.json

@@ -1,6 +1,18 @@
 {
     "$schema": "https://docs.renovatebot.com/renovate-schema.json",
     "extends": ["github>taiga-family/renovate-config"],
+    "postUpgradeTasks": {
+        "commands": [
+            "echo 'TODO: workaround for https://github.com/npm/cli/issues/7019'",
+            "rm -rf package-lock.json node_modules **/node_modules",
+            "npm i",
+            "echo '------------------'",
+            "echo 'TODO: workaround for https://github.com/npm/cli/issues/6787#issuecomment-1751005219'",
+            "npm i"
+        ],
+        "executionMode": "branch",
+        "fileFilters": ["package-lock.json"]
+    },
     "packageRules": [
         {
             "matchUpdateTypes": ["major"],

apps/demo/src/app/app.component.ts

@@ -1,11 +1,12 @@
 import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';
 import {RouterOutlet} from '@angular/router';
 import {TuiRootModule} from '@taiga-ui/core';
+import {TuiEditorModule} from '@tinkoff/tui-editor';
 
 @Component({
     standalone: true,
     selector: 'app',
-    imports: [TuiRootModule, RouterOutlet],
+    imports: [TuiRootModule, RouterOutlet, TuiEditorModule],
     templateUrl: './app.component.html',
     encapsulation: ViewEncapsulation.None,
     changeDetection: ChangeDetectionStrategy.OnPush,

apps/demo/src/app/app.config.ts

@@ -1,11 +1,12 @@
-import type {ApplicationConfig} from '@angular/core';
-import {importProvidersFrom} from '@angular/core';
+import type {ApplicationConfig, Injector} from '@angular/core';
+import {importProvidersFrom, INJECTOR} from '@angular/core';
 import {provideClientHydration} from '@angular/platform-browser';
 import {provideAnimations} from '@angular/platform-browser/animations';
 import {provideRouter} from '@angular/router';
 import {TUI_SANITIZER, TuiDialogModule, TuiRootModule} from '@taiga-ui/core';
 import {TuiPushModule} from '@taiga-ui/kit';
 import {NgDompurifySanitizer} from '@tinkoff/ng-dompurify';
+import {TUI_EDITOR_DEFAULT_EXTENSIONS, TUI_EDITOR_EXTENSIONS} from '@tinkoff/tui-editor';
 
 export const appConfig: ApplicationConfig = {
     providers: [
@@ -19,6 +20,17 @@ export const appConfig: ApplicationConfig = {
         ]),
         provideClientHydration(),
         importProvidersFrom(TuiRootModule, TuiDialogModule, TuiPushModule),
+        {
+            provide: TUI_EDITOR_EXTENSIONS,
+            deps: [INJECTOR],
+            useFactory: (injector: Injector) => [
+                ...TUI_EDITOR_DEFAULT_EXTENSIONS,
+                import('@tinkoff/tui-editor/extensions/image-editor').then(
+                    ({tuiCreateImageEditorExtension}) =>
+                        tuiCreateImageEditorExtension({injector}),
+                ),
+            ],
+        },
         {
             provide: TUI_SANITIZER,
             useClass: NgDompurifySanitizer,

apps/demo/src/app/home/home.component.html

@@ -96,6 +96,8 @@ <h2 class="title">
     </div>
 </div>
 
+<tui-editor [tools]="builtInTools">Typing...</tui-editor>
+
 <ng-template
     #callTemplate
     let-observer

apps/demo/src/app/home/home.component.less

@@ -12,6 +12,7 @@
 
 .flex {
     display: flex;
+    margin-bottom: 1.5625rem;
 }
 
 .date {

apps/demo/src/app/home/home.component.ts

@@ -29,6 +29,7 @@ import {
     TuiToggleModule,
 } from '@taiga-ui/kit';
 import {NgDompurifyModule, NgDompurifySanitizer} from '@tinkoff/ng-dompurify';
+import {TuiEditorModule, TuiEditorTool} from '@tinkoff/tui-editor';
 
 @Component({
     standalone: true,
@@ -50,6 +51,7 @@ import {NgDompurifyModule, NgDompurifySanitizer} from '@tinkoff/ng-dompurify';
         TuiLinkModule,
         TuiDropdownModule,
         NgDompurifyModule,
+        TuiEditorModule,
     ],
     templateUrl: './home.component.html',
     styleUrls: ['./home.component.less'],
@@ -61,6 +63,7 @@ export default class HomeComponent {
     private readonly dialogs = inject(TuiDialogService);
     private readonly cd = inject(ChangeDetectorRef);
 
+    protected readonly builtInTools = [TuiEditorTool.Undo, TuiEditorTool.Img];
     protected readonly labels = ['New', 'Read', 'Archived', 'Junk'];
     protected tags = ['Angular', 'Open source'];
     protected date: TuiDay | null = null;