Elgato_dark/angular
1
0
Fork 0
mirror of https://github.com/angular/angular synced 2026-05-24 09:28:37 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactor(docs-infra): lazy-load EmbeddedTutorialManager in editor UI state (#59509)

Browse source 
In this commit, we lazy-load the `EmbeddedTutorialManager` in the editor UI state as done in other parts of the code.

PR Close #59509
This commit is contained in:
arturovt 2025-01-14 06:53:24 +02:00 committed by kirjs
parent 5ee7f85394
commit 8f7615c8d6
1 changed files with 9 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
adev/src/app/editor/editor-ui-state.service.ts
View file

@ -6,13 +6,13 @@
* found in the LICENSE file at https://angular.dev/license
*/
import {DestroyRef, inject, Injectable, signal} from '@angular/core';
import {EnvironmentInjector, inject, Injectable, signal} from '@angular/core';
import {takeUntilDestroyed} from '@angular/core/rxjs-interop';
import {filter, map, Subject} from 'rxjs';
import {filter, from, map, Subject, switchMap} from 'rxjs';
import {TutorialMetadata, TutorialType} from '@angular/docs';
import {EmbeddedTutorialManager} from './embedded-tutorial-manager.service';
import {injectEmbeddedTutorialManager} from './inject-embedded-tutorial-manager';
export interface EditorUiStateConfig {
displayOnlyInteractiveTerminal: boolean;
@ -23,8 +23,7 @@ export const DEFAULT_EDITOR_UI_STATE: EditorUiStateConfig = {
@Injectable()
export class EditorUiState {
private readonly embeddedTutorialManager = inject(EmbeddedTutorialManager);
private readonly destroyRef = inject(DestroyRef);
private readonly environmentInjector = inject(EnvironmentInjector);
private readonly stateChanged = new Subject<void>();
@ -41,11 +40,13 @@ export class EditorUiState {
}
private handleTutorialChange() {
this.embeddedTutorialManager.tutorialChanged$
from(injectEmbeddedTutorialManager(this.environmentInjector))
.pipe(
map(() => this.embeddedTutorialManager.type()),
switchMap((embeddedTutorialManager) =>
embeddedTutorialManager.tutorialChanged$.pipe(map(() => embeddedTutorialManager.type())),
),
filter((tutorialType): tutorialType is TutorialMetadata['type'] => Boolean(tutorialType)),
takeUntilDestroyed(this.destroyRef),
takeUntilDestroyed(),
)
.subscribe((tutorialType) => {
if (tutorialType === TutorialType.CLI) {