michael/astro
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Cleanup markdoc shiki

Browse source
This commit is contained in:
bluwy 2023-10-09 20:40:09 +08:00
parent 0387b8518a
commit e0ae877384
1 changed files with 3 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
packages/integrations/markdoc/src/extensions/shiki.ts
View file

@ -25,6 +25,7 @@ const COLOR_REPLACEMENT_REGEX = new RegExp(
const PRE_SELECTOR = /<pre class="(.*?)shiki(.*?)"/; const PRE_SELECTOR = /<pre class="(.*?)shiki(.*?)"/;
const LINE_SELECTOR = /<span class="line"><span style="(.*?)">([\+|\-])/g; const LINE_SELECTOR = /<span class="line"><span style="(.*?)">([\+|\-])/g;
const INLINE_STYLE_SELECTOR = /style="(.*?)"/; const INLINE_STYLE_SELECTOR = /style="(.*?)"/;
const INLINE_STYLE_SELECTOR_GLOBAL = /style="(.*?)"/g;
/** /**
* Note: cache only needed for dev server reloads, internal test suites, and manual calls to `Markdoc.transform` by the user. * Note: cache only needed for dev server reloads, internal test suites, and manual calls to `Markdoc.transform` by the user.
@ -99,7 +100,7 @@ export default async function shiki({
// theme.id for shiki -> shikiji compat // theme.id for shiki -> shikiji compat
const themeName = typeof theme === 'string' ? theme : theme.name; const themeName = typeof theme === 'string' ? theme : theme.name;
if (themeName === 'css-variables') { if (themeName === 'css-variables') {
html = html.replace(/style="(.*?)"/g, (m) => replaceCssVariables(m)); html = html.replace(INLINE_STYLE_SELECTOR_GLOBAL, (m) => replaceCssVariables(m));
} }
// Use `unescapeHTML` to return `HTMLString` for Astro renderer to inline as HTML // Use `unescapeHTML` to return `HTMLString` for Astro renderer to inline as HTML
@ -113,6 +114,6 @@ export default async function shiki({
/** /**
* shiki -> shikiji compat as we need to manually replace it * shiki -> shikiji compat as we need to manually replace it
*/ */
export function replaceCssVariables(str: string) { function replaceCssVariables(str: string) {
return str.replace(COLOR_REPLACEMENT_REGEX, (match) => ASTRO_COLOR_REPLACEMENTS[match] || match); return str.replace(COLOR_REPLACEMENT_REGEX, (match) => ASTRO_COLOR_REPLACEMENTS[match] || match);
} }