refactor: cleanup addon-doc (#7855)

projects/addon-doc/README.md

@@ -57,7 +57,7 @@ npm i @taiga-ui/addon-doc
        },
      ],
    })
-   export class AppComponent {}
+   export class App {}
    ```
 
 3. Configure documentation providers:
@@ -103,7 +103,7 @@ npm i @taiga-ui/addon-doc
      standalone: true,
      imports: [TuiAddonDoc, SuperComponent],
    })
-   export class AppComponent {}
+   export class App {}
    ```
 
    _Component:_
@@ -113,10 +113,10 @@ npm i @taiga-ui/addon-doc
 
    @Component({
      standalone: true,
-     selector: 'super-component',
+     selector: 'super',
      templateUrl: './super.component.html',
    })
-   export class SuperComponent {
+   export class Super {
      // Keys would be used as tabs for code example
      readonly example = {
        // import a file as a string

projects/addon-doc/components/internal/header/index.ts

@@ -26,7 +26,7 @@ import {TuiDocNavigation} from '../../navigation/navigation.component';
     styleUrls: ['./index.less'],
     changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class TuiDocHeaderComponent {
+export class TuiDocHeader {
     private readonly stream$ = new Subject<boolean>();
     private readonly router = inject(Router);
     protected readonly icons = inject(TUI_DOC_ICONS);

projects/addon-doc/components/internal/see-also/index.ts

@@ -12,7 +12,7 @@ import {TuiLink} from '@taiga-ui/core';
     styleUrls: ['./index.less'],
     changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class TuiDocSeeAlsoComponent {
+export class TuiDocSeeAlso {
     private readonly pages = inject(TUI_DOC_MAP_PAGES);
     protected readonly text = inject(TUI_DOC_SEE_ALSO_TEXT);
 

projects/addon-doc/components/internal/source-code/source-code.component.ts

@@ -16,7 +16,7 @@ import {PolymorpheusOutlet, PolymorpheusTemplate} from '@taiga-ui/polymorpheus';
     templateUrl: './source-code.template.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class TuiDocSourceCodeComponent {
+export class TuiDocSourceCode {
     protected readonly icons = inject(TUI_DOC_ICONS);
     protected readonly sourceCode = inject(TUI_DOC_SOURCE_CODE);
     protected readonly text = inject(TUI_DOC_SOURCE_CODE_TEXT);

projects/addon-doc/components/language-switcher/index.ts

@@ -3,7 +3,7 @@ import {ChangeDetectionStrategy, Component, inject} from '@angular/core';
 import {FormControl, ReactiveFormsModule} from '@angular/forms';
 import {TuiDataList, TuiFlagPipe} from '@taiga-ui/core';
 import type {TuiCountryIsoCode, TuiLanguageName} from '@taiga-ui/i18n';
-import {TuiLanguageSwitcher} from '@taiga-ui/i18n';
+import {TuiLanguageSwitcherService} from '@taiga-ui/i18n';
 import {TuiSelectModule} from '@taiga-ui/legacy';
 
 @Component({
@@ -21,8 +21,8 @@ import {TuiSelectModule} from '@taiga-ui/legacy';
     styleUrls: ['./index.less'],
     changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class TuiLanguageSwitcherComponent {
-    protected readonly switcher = inject(TuiLanguageSwitcher);
+export class TuiLanguageSwitcher {
+    protected readonly switcher = inject(TuiLanguageSwitcherService);
     protected readonly language = new FormControl(capitalize(this.switcher.language));
 
     public readonly flags = new Map<TuiLanguageName, TuiCountryIsoCode>([

projects/addon-doc/components/language-switcher/tests/language-switcher.component.spec.ts

@@ -1,27 +1,27 @@
 import type {ComponentFixture} from '@angular/core/testing';
 import {TestBed} from '@angular/core/testing';
 import {ReactiveFormsModule} from '@angular/forms';
-import {TuiLanguageSwitcherComponent} from '@taiga-ui/addon-doc';
+import {TuiLanguageSwitcher} from '@taiga-ui/addon-doc';
 import {TuiDataList, TuiFlagPipe} from '@taiga-ui/core';
-import {TuiLanguageSwitcher} from '@taiga-ui/i18n';
+import {TuiLanguageSwitcherService} from '@taiga-ui/i18n';
 import {TuiSelectModule} from '@taiga-ui/legacy';
 
 describe('TuiLanguageSwitcherComponent', () => {
-    let component: TuiLanguageSwitcherComponent;
-    let fixture: ComponentFixture<TuiLanguageSwitcherComponent>;
+    let component: TuiLanguageSwitcher;
+    let fixture: ComponentFixture<TuiLanguageSwitcher>;
 
     beforeEach(async () => {
         await TestBed.configureTestingModule({
             imports: [
                 ReactiveFormsModule,
                 TuiSelectModule,
                 TuiDataList,
-                TuiLanguageSwitcherComponent,
+                TuiLanguageSwitcher,
             ],
-            providers: [TuiLanguageSwitcher],
+            providers: [TuiLanguageSwitcherService],
         }).compileComponents();
 
-        fixture = TestBed.createComponent(TuiLanguageSwitcherComponent);
+        fixture = TestBed.createComponent(TuiLanguageSwitcher);
         component = fixture.componentInstance;
         fixture.detectChanges();
     });

projects/addon-doc/components/main/main.component.ts

@@ -11,7 +11,7 @@ import {TUI_DOC_ICONS} from '@taiga-ui/addon-doc/tokens';
 import {TuiSwipeService} from '@taiga-ui/cdk';
 import {TuiButton, TuiRoot} from '@taiga-ui/core';
 
-import {TuiDocHeaderComponent} from '../internal/header';
+import {TuiDocHeader} from '../internal/header';
 import {TuiDocNavigation} from '../navigation/navigation.component';
 
 @Component({
@@ -22,7 +22,7 @@ import {TuiDocNavigation} from '../navigation/navigation.component';
         AsyncPipe,
         RouterOutlet,
         TuiButton,
-        TuiDocHeaderComponent,
+        TuiDocHeader,
         TuiDocNavigation,
     ],
     templateUrl: './main.template.html',

projects/addon-doc/components/page/page.component.ts

@@ -13,8 +13,8 @@ import {EMPTY_QUERY, TuiItem, TuiReplacePipe} from '@taiga-ui/cdk';
 import {TuiAutoColorPipe} from '@taiga-ui/core';
 import {TuiChip, TuiTabDirective, TuiTabsWithMoreComponent} from '@taiga-ui/kit';
 
-import {TuiDocSeeAlsoComponent} from '../internal/see-also';
-import {TuiDocSourceCodeComponent} from '../internal/source-code/source-code.component';
+import {TuiDocSeeAlso} from '../internal/see-also';
+import {TuiDocSourceCode} from '../internal/source-code/source-code.component';
 import {PAGE_PROVIDERS, PAGE_SEE_ALSO} from './page.providers';
 import {TuiDocPageTabConnector} from './page-tab.directive';
 
@@ -32,8 +32,8 @@ import {TuiDocPageTabConnector} from './page-tab.directive';
         RouterLink,
         RouterLinkActive,
         TuiReplacePipe,
-        TuiDocSourceCodeComponent,
-        TuiDocSeeAlsoComponent,
+        TuiDocSourceCode,
+        TuiDocSeeAlso,
         NgTemplateOutlet,
     ],
     templateUrl: './page.template.html',

projects/addon-doc/index.ts

@@ -1,4 +1,37 @@
-export * from './addon-doc.module';
+import {
+    TuiDocCode,
+    TuiDocCopy,
+    TuiDocDemo,
+    TuiDocDocumentation,
+    TuiDocDocumentationPropertyConnector,
+    TuiDocExample,
+    TuiDocExampleGetTabsPipe,
+    TuiDocMain,
+    TuiDocNavigation,
+    TuiDocPage,
+    TuiDocPageTabConnector,
+    TuiDocTab,
+    TuiDocTypeReferencePipe,
+} from '@taiga-ui/addon-doc/components';
+import {TuiTextCode} from '@taiga-ui/addon-doc/directives';
+
+export const TuiAddonDoc = [
+    TuiDocCopy,
+    TuiDocTab,
+    TuiDocDemo,
+    TuiDocCode,
+    TuiDocExample,
+    TuiDocExampleGetTabsPipe,
+    TuiDocTypeReferencePipe,
+    TuiDocDocumentation,
+    TuiDocDocumentationPropertyConnector,
+    TuiDocPage,
+    TuiDocPageTabConnector,
+    TuiDocNavigation,
+    TuiDocMain,
+    TuiTextCode,
+] as const;
+
 export * from '@taiga-ui/addon-doc/components';
 export * from '@taiga-ui/addon-doc/directives';
 export * from '@taiga-ui/addon-doc/pipes';

projects/demo/src/modules/app/app.component.ts

@@ -7,7 +7,7 @@ import {DemoRoute} from '@demo/routes';
 import {TuiDemo} from '@demo/utils';
 import {LOCAL_STORAGE} from '@ng-web-apis/common';
 import {ResizeObserverService} from '@ng-web-apis/resize-observer';
-import {TuiLanguageSwitcherComponent} from '@taiga-ui/addon-doc';
+import {TuiLanguageSwitcher} from '@taiga-ui/addon-doc';
 import {TuiSheetModule, TuiTextfieldControllerModule} from '@taiga-ui/legacy';
 import {distinctUntilChanged, filter, map} from 'rxjs';
 
@@ -22,7 +22,7 @@ import {TUI_VERSION_MANAGER_PROVIDERS} from './version-manager/version-manager.p
     selector: 'app',
     imports: [
         TuiDemo,
-        TuiLanguageSwitcherComponent,
+        TuiLanguageSwitcher,
         VersionManager,
         CustomHost,
         TuiTextfieldControllerModule,

projects/demo/src/modules/customization/i18n/index.ts

@@ -1,13 +1,13 @@
 import {Component} from '@angular/core';
 import {changeDetection} from '@demo/emulate/change-detection';
 import {TuiDemo} from '@demo/utils';
-import {TuiLanguageSwitcherComponent} from '@taiga-ui/addon-doc';
+import {TuiLanguageSwitcher} from '@taiga-ui/addon-doc';
 import {TuiLink} from '@taiga-ui/core';
 import {from, map} from 'rxjs';
 
 @Component({
     standalone: true,
-    imports: [TuiDemo, TuiLink, TuiLanguageSwitcherComponent],
+    imports: [TuiDemo, TuiLink, TuiLanguageSwitcher],
     templateUrl: './index.html',
     changeDetection,
 })

projects/i18n/switch/language-switcher.providers.ts

@@ -2,7 +2,7 @@ import type {Provider} from '@angular/core';
 import type {TuiLanguageLoader} from '@taiga-ui/i18n/interfaces';
 import {TUI_LANGUAGE, TUI_LANGUAGE_LOADER} from '@taiga-ui/i18n/tokens';
 
-import {TuiLanguageSwitcher} from './language-switcher.service';
+import {TuiLanguageSwitcherService} from './language-switcher.service';
 
 export function tuiLanguageSwitcher(loader: TuiLanguageLoader): Provider[] {
     return [
@@ -12,7 +12,7 @@ export function tuiLanguageSwitcher(loader: TuiLanguageLoader): Provider[] {
         },
         {
             provide: TUI_LANGUAGE,
-            useExisting: TuiLanguageSwitcher,
+            useExisting: TuiLanguageSwitcherService,
         },
     ];
 }

projects/i18n/switch/language-switcher.service.ts

@@ -11,8 +11,10 @@ import {BehaviorSubject, of} from 'rxjs';
 
 import {tuiAsyncLoadLanguage} from './utils';
 
-@Injectable({providedIn: 'root'})
-export class TuiLanguageSwitcher extends BehaviorSubject<Observable<TuiLanguage>> {
+@Injectable({
+    providedIn: 'root',
+})
+export class TuiLanguageSwitcherService extends BehaviorSubject<Observable<TuiLanguage>> {
     private readonly fallback = inject(TUI_DEFAULT_LANGUAGE);
     private readonly key = inject(TUI_LANGUAGE_STORAGE_KEY);
     private readonly storage = inject(LOCAL_STORAGE);