skills/angular__angular
1
0
Fork 0
mirror of https://github.com/angular/angular.git synced 2026-09-14 13:54:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(docs-infra): correct misspelled CodeHighlighter class name

Browse Source 
The class exported from `code-highlighter.ts` was named `CodeHighligher` (missing the second `h`) and its private field was `cachedHighligher`, both disagreeing with the filename which spells "highlighter" correctly. Rename the class to `CodeHighlighter` and the field to `cachedHighlighter`, and update the sole consumer (`CodeBlock`). Pure rename, no behavior change.
This commit is contained in:
Kam
2026-05-31 18:55:10 +03:00
committed by Pawel Kozlowski
parent 9b5952e3a3
commit 032fae8b36
2 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
adev/src/app/features/home/code-highlighting/code-highlighter.ts
+6 -6
View File
@@ -15,8 +15,8 @@ import {CodeToHastOptions, createHighlighterCoreSync, HighlighterCore} from 'shi
import {createOnigurumaEngine} from 'shiki/engine/oniguruma';
@Service()
export class CodeHighligher implements OnDestroy {
private cachedHighligher: HighlighterCore | undefined;
export class CodeHighlighter implements OnDestroy {
private cachedHighlighter: HighlighterCore | undefined;
async codeToHtml(code: string, options: CodeToHastOptions): Promise<string> {
const highlighter = await this.getHighlighter();
@@ -24,19 +24,19 @@ export class CodeHighligher implements OnDestroy {
}
ngOnDestroy(): void {
this.cachedHighligher?.dispose();
this.cachedHighlighter?.dispose();
}
private async getHighlighter() {
if (!this.cachedHighligher) {
if (!this.cachedHighlighter) {
const engine = await createOnigurumaEngine(import('shiki/wasm'));
this.cachedHighligher = createHighlighterCoreSync({
this.cachedHighlighter = createHighlighterCoreSync({
themes: [githubLight, githubDark],
langs: [angularTs, angularHtml],
engine,
});
}
return this.cachedHighligher;
return this.cachedHighlighter;
}
}
adev/src/app/features/home/components/code-block/code-block.ts
+2 -2
View File
@@ -10,7 +10,7 @@ import {AsyncPipe} from '@angular/common';
import {Component, computed, inject, input} from '@angular/core';
import {DomSanitizer} from '@angular/platform-browser';
import {ThemeManager} from '../../../../core/services/theme-manager.service';
import {CodeHighligher} from '../../code-highlighting/code-highlighter';
import {CodeHighlighter} from '../../code-highlighting/code-highlighter';
@Component({
selector: 'adev-code-block',
@@ -23,7 +23,7 @@ import {CodeHighligher} from '../../code-highlighting/code-highlighter';
`,
})
export class CodeBlock {
codeHighlighter = inject(CodeHighligher);
codeHighlighter = inject(CodeHighlighter);
code = input.required<string>();
language = input<'angular-html' | 'angular-ts'>('angular-ts');
sanitizer = inject(DomSanitizer);