@rspress/plugin-preview 2.0.0-beta.31 → 2.0.0-beta.32

package/dist/index.js

@@ -6,7 +6,8 @@ import { pluginReact } from "@rsbuild/plugin-react";
 import { pluginSolid } from "@rsbuild/plugin-solid";
 import { RSPRESS_TEMP_DIR, normalizePosixPath, removeTrailingSlash } from "@rspress/core";
 import { cloneDeep, isEqual } from "lodash";
-import node_fs, { writeFileSync } from "node:fs";
+import { mkdir, writeFile } from "node:fs/promises";
+import node_fs from "node:fs";
 const staticPath = node_path.join(__dirname, '..', 'static');
 const demoBlockComponentPath = node_path.join(staticPath, 'global-components', 'DemoBlock.tsx');
 const virtualDir = node_path.join(process.cwd(), 'node_modules', RSPRESS_TEMP_DIR, 'virtual-demo');
@@ -30,11 +31,13 @@ const getLangFileExt = (lang)=>{
             return lang;
     }
 };
-function generateEntry(demos, framework, position, customEntry) {
+async function generateEntry(demos, framework, position, customEntry) {
     const sourceEntry = {};
     const entryCssPath = join(staticPath, 'global-styles', 'entry.css');
-    if ('follow' === position) Object.values(demos).forEach((routes)=>{
-        routes.forEach((route)=>{
+    await mkdir(virtualDir, {
+        recursive: true
+    });
+    if ('follow' === position) await Promise.all(Object.values(demos).map((routes)=>routes.map(async (route)=>{
             const { id, path: demoPath } = route;
             const entry = join(virtualDir, `${id}.entry.tsx`);
             const solidEntry = `
@@ -54,11 +57,10 @@ function generateEntry(demos, framework, position, customEntry) {
                 entryCssPath,
                 demoPath
             }) : 'react' === framework ? reactEntry : solidEntry;
-            writeFileSync(entry, entryContent);
+            await writeFile(entry, entryContent);
             sourceEntry[id] = entry;
-        });
-    });
-    else Object.entries(demos).forEach(([key, routes])=>{
+        })).flat());
+    else await Promise.all(Object.entries(demos).map(async ([key, routes])=>{
         if (0 === routes.length) return;
         const reactContent = `
         import { createRoot } from 'react-dom/client';
@@ -92,9 +94,9 @@ function generateEntry(demos, framework, position, customEntry) {
         const renderContent = 'solid' === framework ? solidContent : reactContent;
         const id = `_${toValidVarName(key)}`;
         const entry = join(virtualDir, `${id}.entry.tsx`);
-        writeFileSync(entry, renderContent);
+        await writeFile(entry, renderContent);
         sourceEntry[id] = entry;
-    });
+    }));
     return sourceEntry;
 }
 const convert = function(test) {
@@ -439,7 +441,7 @@ function pluginPreview(options) {
             lastDemos = cloneDeep(remarkPlugin_demos);
             await devServer?.server?.close();
             devServer = void 0;
-            const sourceEntry = generateEntry(remarkPlugin_demos, framework, position, customEntry);
+            const sourceEntry = await generateEntry(remarkPlugin_demos, framework, position, customEntry);
             const outDir = join(config.outDir ?? 'doc_build', '~demo');
             if (0 === Object.keys(sourceEntry).length) return;
             const { html, source, output, performance } = clientConfig ?? {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rspress/plugin-preview",
-  "version": "2.0.0-beta.31",
+  "version": "2.0.0-beta.32",
   "description": "A plugin for rspress to preview the code block in markdown/mdx file.",
   "bugs": "https://github.com/web-infra-dev/rspress/issues",
   "repository": {
@@ -23,7 +23,7 @@
     "static"
   ],
   "dependencies": {
-    "@rsbuild/core": "~1.5.3",
+    "@rsbuild/core": "~1.5.4",
     "@rsbuild/plugin-babel": "~1.0.6",
     "@rsbuild/plugin-react": "~1.4.0",
     "@rsbuild/plugin-solid": "~1.0.6",
@@ -48,7 +48,7 @@
     "unist-util-visit": "^5.0.0"
   },
   "peerDependencies": {
-    "@rspress/core": "^2.0.0-beta.31",
+    "@rspress/core": "^2.0.0-beta.32",
     "react": ">=18.0.0",
     "react-router-dom": "^6.8.1"
   },