fix: fix preview example. (#248)

Author: jaywcjlove

core/src/index.tsx

@@ -12,8 +12,8 @@ export * from './preview';
 
 export default React.forwardRef<MarkdownPreviewRef, MarkdownPreviewProps>((props, ref) => {
   const rehypePlugins: PluggableList = [
-    rehypeRaw,
     reservedMeta,
+    rehypeRaw,
     [rehypePrism, { ignoreMissing: true }],
     ...defaultRehypePlugins,
     [rehypeRewrite, { rewrite: rehypeRewriteHandle(props.disableCopy ?? false, props.rehypeRewrite) }],

core/src/nohighlight.tsx

@@ -9,8 +9,8 @@ import { rehypeRewriteHandle, defaultRehypePlugins } from './rehypePlugins';
 
 export default React.forwardRef<MarkdownPreviewRef, MarkdownPreviewProps>((props, ref) => {
   const rehypePlugins: PluggableList = [
-    rehypeRaw,
     reservedMeta,
+    rehypeRaw,
     ...defaultRehypePlugins,
     [rehypeRewrite, { rewrite: rehypeRewriteHandle(props.disableCopy ?? false, props.rehypeRewrite) }],
     [rehypeAttrs, { properties: 'attr' }],

core/src/plugins/reservedMeta.ts

@@ -10,6 +10,9 @@ export const reservedMeta: Plugin<[ReservedMetaOptions?], Root> = (options = {})
       if (node.type === 'element' && node.tagName === 'code' && node.properties && node.properties.meta) {
         node.properties = { ...node.properties, 'data-meta': String(node.properties.meta) };
       }
+      if (node.type === 'element' && node.tagName === 'code' && node.data && node.data.meta) {
+        node.properties = { ...node.properties, 'data-meta': String(node.data.meta) };
+      }
     });
   };
 };

website/package.json

@@ -4,11 +4,11 @@
   "private": true,
   "scripts": {
     "build": "kkt build",
-    "start": "kkt start",
+    "start": "GENERATE_SOURCEMAP=false kkt start",
     "map": "source-map-explorer build/static/js/*.js --html build/website-result.html"
   },
   "dependencies": {
-    "@uiw/react-markdown-preview-example": "^1.5.5",
+    "@uiw/react-markdown-preview-example": "^1.5.9",
     "@uiw/react-shields": "^2.0.1",
     "mermaid": "^10.4.0",
     "react": "~18.2.0",