rspress-plugin-mermaid 0.1.0 → 0.1.1

package/CHANGELOG.md

@@ -0,0 +1,19 @@
+# rspress-plugin-mermaid
+
+## 0.1.1
+
+### Patch Changes
+
+- 546dcf0: release beta
+- 5e28903: fixup publish config
+- Updated dependencies [546dcf0]
+- Updated dependencies [5e28903]
+  - rspress-plugin-devkit@0.1.1
+
+## 0.1.1-beta.0
+
+### Patch Changes
+
+- 546dcf0: release beta
+- Updated dependencies [546dcf0]
+  - rspress-plugin-devkit@0.1.1-beta.0

package/README.md

@@ -1,4 +1,4 @@
-# rspress-plugin-mermaid
+# rspress-plugin-mermaid ![NPM Version](https://img.shields.io/npm/v/rspress-plugin-mermaid)
 
 Rspress plugin to render mermaid diagrams in markdown files.
 
@@ -16,7 +16,7 @@ flowchart TD
 ````
 
 <div align="center">
-  <img src="./image.png" alt="sample" width="400" height="550" />
+  <img src="./image.png" alt="sample" width="400" height="560" />
 </div>
 
 ## Usage
@@ -52,10 +52,12 @@ import mermaid from 'rspress-plugin-mermaid';
 
 export default defineConfig({
   root: path.join(__dirname, 'docs'),
-  plugins: [mermaid({
-    mermaidConfig: {
-      theme: 'forest',
-    },
-  })],
+  plugins: [
+    mermaid({
+      mermaidConfig: {
+        theme: 'forest',
+      },
+    }),
+  ],
 });
-```
+```

package/dist/index.js

@@ -1,10 +1,9 @@
 import path from 'node:path';
-import { CodeBlock2GlobalComponentPluginFactory } from 'rspress-plugin-devkit';
+import { PresetConfigMutator, RemarkCodeBlockToGlobalComponentPluginFactory, } from 'rspress-plugin-devkit';
 export default function rspressPluginMermaid(options = {}) {
     const { mermaidConfig = {} } = options;
-    return new CodeBlock2GlobalComponentPluginFactory({
-        name: 'rspress-plugin-mermaid',
-        transformers: [
+    const remarkMermaid = new RemarkCodeBlockToGlobalComponentPluginFactory({
+        components: [
             {
                 lang: 'mermaid',
                 componentPath: path.join(__dirname, './components/MermaidRender.tsx'),
@@ -19,5 +18,16 @@ export default function rspressPluginMermaid(options = {}) {
                 },
             },
         ],
-    }).instantiate();
+    });
+    return {
+        name: 'rspress-plugin-mermaid',
+        config(config) {
+            return new PresetConfigMutator(config).disableMdxRs().toConfig();
+        },
+        markdown: {
+            remarkPlugins: [remarkMermaid.remarkPlugin],
+            globalComponents: remarkMermaid.mdxComponents,
+        },
+        builderConfig: remarkMermaid.builderConfig,
+    };
 }

package/doc_build/static/search_index.8a52de80.json

@@ -0,0 +1 @@
+[{"id":0,"title":"RSPress x Mermaid","content":"#\n\nMERMAID\n\nflowchart TD\n\nA[Christmas] -->|Get money| B(Go shopping)\n\nB --> C{Let me think}\n\nC -->|One| D[Laptop]\n\nC -->|Two| E[iPhone]\n\nC -->|Three| F[fa:fa-car Car]","routePath":"/","lang":"","toc":[],"domain":"","frontmatter":{},"version":""}]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rspress-plugin-mermaid",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Rspress plugin to render mermaid diagrams",
   "keywords": [
     "rspress",
@@ -19,15 +19,18 @@
   "author": "Linbudu <linbudu599@gmail.com> (https://github.com/linbudu599)",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
+  "publishConfig": {
+    "access": "public"
+  },
   "dependencies": {
-    "@rspress/shared": "^1.16.2",
+    "@rspress/shared": "^1.17.1",
     "mermaid": "^10.9.0",
-    "rspress-plugin-devkit": "^0.1.0"
+    "rspress-plugin-devkit": "^0.1.1"
   },
   "devDependencies": {
-    "@types/node": "^20.12.2",
-    "@types/react": "^18.2.73",
-    "typescript": "^5"
+    "@types/node": "^20.12.5",
+    "@types/react": "^18.2.74",
+    "typescript": "^5.4.4"
   },
   "peerDependencies": {
     "rspress": "*"
@@ -36,7 +39,6 @@
     "build": "tsc --declarationMap false",
     "dev": "tsc -w",
     "docs:build": "rspress build",
-    "docs:dev": "rspress dev",
-    "prepublish": "npm run build"
+    "docs:dev": "rspress dev"
   }
 }

package/src/index.ts

@@ -1,6 +1,9 @@
 import path from 'node:path';
 
-import { CodeBlock2GlobalComponentPluginFactory } from 'rspress-plugin-devkit';
+import {
+  PresetConfigMutator,
+  RemarkCodeBlockToGlobalComponentPluginFactory,
+} from 'rspress-plugin-devkit';
 
 import type { RspressPlugin } from '@rspress/shared';
 import type { MermaidConfig } from 'mermaid';
@@ -15,9 +18,8 @@ export default function rspressPluginMermaid(
 ): RspressPlugin {
   const { mermaidConfig = {} } = options;
 
-  return new CodeBlock2GlobalComponentPluginFactory({
-    name: 'rspress-plugin-mermaid',
-    transformers: [
+  const remarkMermaid = new RemarkCodeBlockToGlobalComponentPluginFactory({
+    components: [
       {
         lang: 'mermaid',
         componentPath: path.join(__dirname, './components/MermaidRender.tsx'),
@@ -32,5 +34,17 @@ export default function rspressPluginMermaid(
         },
       },
     ],
-  }).instantiate();
+  });
+
+  return {
+    name: 'rspress-plugin-mermaid',
+    config(config) {
+      return new PresetConfigMutator(config).disableMdxRs().toConfig();
+    },
+    markdown: {
+      remarkPlugins: [remarkMermaid.remarkPlugin],
+      globalComponents: remarkMermaid.mdxComponents,
+    },
+    builderConfig: remarkMermaid.builderConfig,
+  };
 }

package/doc_build/static/search_index.e342ad1c.json

@@ -1 +0,0 @@
-[{"id":0,"title":"RSPress x Mermaid","content":"#\n\n","routePath":"/","lang":"","toc":[],"domain":"","frontmatter":{},"version":""}]