feat: GFM alerts support custom css

doocs · Nov 22, 2024 · 2c26d59 · 2c26d59
1 parent 53a8cd5
commit 2c26d59
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 7 deletions.
diff --git a/src/utils/MDAlert.ts b/src/utils/MDAlert.ts
@@ -51,11 +51,6 @@ export default function markedAlert(options: AlertOptions = {}): MarkedExtension
           },
         })
 
-        console.log({
-          ...options.theme?.block[className],
-          ...options.theme?.block[`${className}-${variantType}`],
-        }, `style`)
-
         const firstLine = token.tokens?.[0] as Tokens.Paragraph
         const firstLineText = firstLine.raw?.replace(typeRegexp, ``).trim()
 

diff --git a/src/utils/index.ts b/src/utils/index.ts
@@ -34,15 +34,15 @@ export function customizeTheme(theme: Theme, options: {
 export function customCssWithTemplate(jsonString: Partial<Record<Block | Inline, PropertiesHyphen>>, color: string, theme: Theme) {
   const newTheme = customizeTheme(theme, { color })
 
-  const mergeProperties = <T extends Block | Inline = Block>(target: Record<T, PropertiesHyphen>, source: Partial<Record<Block | Inline, PropertiesHyphen>>, keys: T[]) => {
+  const mergeProperties = <T extends Block | Inline | string = Block>(target: Record<T, PropertiesHyphen>, source: Partial<Record<Block | Inline | string, PropertiesHyphen>>, keys: T[]) => {
     keys.forEach((key) => {
       if (source[key]) {
         target[key] = Object.assign(target[key] || {}, source[key])
       }
     })
   }
 
-  const blockKeys: Block[] = [
+  const blockKeys: (Block | string)[] = [
     `h1`,
     `h2`,
     `h3`,
@@ -55,6 +55,14 @@ export function customCssWithTemplate(jsonString: Partial<Record<Block | Inline,
     `hr`,
     `blockquote`,
     `blockquote_p`,
+    `markdown-alert`,
+    `markdown-alert-title`,
+    `markdown-alert-content-wrapper`,
+    `markdown-alert-title-note`,
+    `markdown-alert-title-tip`,
+    `markdown-alert-title-important`,
+    `markdown-alert-title-warning`,
+    `markdown-alert-title-caution`,
     `image`,
     `ul`,
     `ol`,