feat: 导出 mdParser 和 parseMd 函数，增强 Markdown 解析功能；调整 SlideRenderer 的 getSlidesInfo 方法为公共方法

Author: MarleneJiang

src/compiler/md.ts

@@ -12,11 +12,11 @@ import { extractTemplateBody } from './utils'
 import { compileVue } from './vue'
 // import '@slidev/theme-seriph/styles/index'
 
-const mdParser = new MarkdownIt({ quotes: '""\'\'', html: true, xhtmlOut: true, linkify: true })
+export const mdParser = new MarkdownIt({ quotes: '""\'\'', html: true, xhtmlOut: true, linkify: true })
 mdParser.use(MarkdownItFootnote)
 mdParser.use(MarkdownItMdc)
 
-function parseMd(code: string) {
+export function parseMd(code: string) {
   return `<template><div>${mdParser.render(code)}</div></template>
 <script setup>
 </script>`

src/index.ts

@@ -1,4 +1,4 @@
-export { compileCss, compileMd, compileVueSFC } from './compiler/md'
+export { compileCss, compileMd, compileVueSFC, mdParser, parseMd } from './compiler/md'
 export { generateUnoCss, UnoGenerator } from './compiler/uno'
 export { compileVue } from './compiler/vue'
 export { default as RemoteComp } from './components/RemoteComp.vue'

src/slides.ts

@@ -43,7 +43,7 @@ export class SlideRenderer {
     this.unoGenerator = new UnoGenerator(options.unoConfig)
   }
 
-  private getSlidesInfo(slidesSource: SlideSource[]): SlideInfo[] {
+  getSlidesInfo(slidesSource: SlideSource[]): SlideInfo[] {
     return slidesSource.map(
       (s, i) => ({
         frontmatter: s.frontmatter,

test/index.test.ts

@@ -1,6 +1,5 @@
 import { describe, expect, it } from 'vitest'
-import { generateUnoCss } from '../src/compiler/uno'
-import { SlideRenderer } from '../src/index'
+import { compileVueSFC, generateUnoCss, SlideRenderer } from '../src/index'
 
 describe('slide compiler css', async () => {
   const slidesSource = [
@@ -35,3 +34,33 @@ describe('unocss generate', async () => {
 .mt-5{margin-top:1.25rem;}`)
   })
 })
+
+describe('vue sfc generate', async () => {
+  const renderer = new SlideRenderer()
+  const slidesData = renderer.parse(`---
+layout: fact
+---
+
+# 生成伪代码样式
+
+<div bg-pink:10 border="~ pink/50 rounded-lg" op40>
+  <div flex="~ items-center gap-2" bg-pink:10 px4 py2 rounded><div i-ph:number-circle-four text-xl /> 代码实时渲染执行</div>
+
+  <div ml2 p2 text-pink2>
+
+  - 将 MDC 代码转换为 Web 渲染可用的格式
+  - 静态编译
+  - 动态渲染
+
+  </div>
+</div>`)
+  const output = await compileVueSFC({
+    slidesInfo: renderer.getSlidesInfo(slidesData),
+    code: slidesData[0].content,
+    filename: '__slidev_0.md',
+  })
+//   it('exported', () => {
+//     expect(output).toEqual(`/* layer: default */
+// .mt-5{margin-top:1.25rem;}`)
+//   })
+})