authorgravatar for julius0216@outlook.comJulius Marminge <julius0216@outlook.com> 2026-02-28 15:12:54-08:00
committergravatar for jmarminge@gmail.comJulius Marminge <jmarminge@gmail.com> 2026-02-28 15:17:03-08:00
log1a66e517cdb2b5ff9486620bce64dc249a1d92be
treeb01599df3ff5ea846c26f69e62c7e1b958c74797
parent33e6f35ce9b4c846a64c818430797590fe965fe0

simp

1 files changed, 5 insertions(+), 13 deletions(-)

apps/web/src/components/ChatMarkdown.tsx+5-13
...@@ -87,28 +87,20 @@ function createHighlightCacheKey(code: string, language: string, themeName: Diff...@@ -87,28 +87,20 @@ function createHighlightCacheKey(code: string, language: string, themeName: Diff
87 return `${fnv1a32(code).toString(36)}:${code.length}:${language}:${themeName}`;87 return `${fnv1a32(code).toString(36)}:${code.length}:${language}:${themeName}`;
88}88}
8989
90function createHighlighterPromiseKey(language: string, themeName: DiffThemeName): string {
91 return `${language}:${themeName}`;
92}
93
94function estimateHighlightedSize(html: string, code: string): number {90function estimateHighlightedSize(html: string, code: string): number {
95 return Math.max(html.length * 2, code.length * 3);91 return Math.max(html.length * 2, code.length * 3);
96}92}
9793
98function getHighlighterPromise(94function getHighlighterPromise(language: string): Promise<DiffsHighlighter> {
99 language: string,95 const cached = highlighterPromiseCache.get(language);
100 themeName: DiffThemeName,
101): Promise<DiffsHighlighter> {
102 const cacheKey = createHighlighterPromiseKey(language, themeName);
103 const cached = highlighterPromiseCache.get(cacheKey);
104 if (cached) return cached;96 if (cached) return cached;
10597
106 const promise = getSharedHighlighter({98 const promise = getSharedHighlighter({
107 themes: [themeName],99 themes: ["pierre-dark", "pierre-light"],
108 langs: [language as SupportedLanguages],100 langs: [language as SupportedLanguages],
109 preferredHighlighter: "shiki-js",101 preferredHighlighter: "shiki-js",
110 });102 });
111 highlighterPromiseCache.set(cacheKey, promise);103 highlighterPromiseCache.set(language, promise);
112 return promise;104 return promise;
113}105}
114106
...@@ -186,7 +178,7 @@ function SuspenseShikiCodeBlock({...@@ -186,7 +178,7 @@ function SuspenseShikiCodeBlock({
186 );178 );
187 }179 }
188180
189 const highlighter = use(getHighlighterPromise(language, themeName));181 const highlighter = use(getHighlighterPromise(language));
190 const highlightedHtml = useMemo(182 const highlightedHtml = useMemo(
191 () => highlighter.codeToHtml(code, { lang: language, theme: themeName }),183 () => highlighter.codeToHtml(code, { lang: language, theme: themeName }),
192 [code, highlighter, language, themeName],184 [code, highlighter, language, themeName],