@rspress/plugin-playground 2.0.0-beta.14 → 2.0.0-beta.16

package/dist/cli/index.js

@@ -1,18 +1,18 @@
 import { fileURLToPath as __webpack_fileURLToPath__ } from "node:url";
 import { dirname as __webpack_dirname__ } from "node:path";
-import external_node_fs_default from "node:fs";
-import external_node_path_default, { dirname, join, resolve } from "node:path";
+import node_fs from "node:fs";
+import node_path, { dirname, join, resolve } from "node:path";
 import { getNodeAttribute } from "@rspress/shared/node-utils";
 import { RspackVirtualModulePlugin } from "rspack-plugin-virtual-module";
 import { visit as external_unist_util_visit_visit } from "unist-util-visit";
-import napi_default from "@oxidation-compiler/napi";
+import napi from "@oxidation-compiler/napi";
 const DEFAULT_BABEL_URL = 'https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/7.22.20/babel.min.js';
 const DEFAULT_MONACO_URL = 'https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.43.0/min/vs';
 function normalizeUrl(u) {
     return u.replace(/\/\//g, '/');
 }
 const parseImports = (code, sourceExt)=>{
-    const parsed = napi_default.parseSync(code, {
+    const parsed = napi.parseSync(code, {
         sourceType: 'module',
         sourceFilename: `index.${sourceExt}`
     });
@@ -51,9 +51,9 @@ const remarkPlugin = ({ getRouteMeta, editorPosition, defaultRenderMode })=>{
                 const src = getNodeAttribute(node, 'src');
                 if ('string' != typeof src) return;
                 const demoPath = join(dirname(route.absolutePath), src);
-                if (!external_node_fs_default.existsSync(demoPath)) return;
+                if (!node_fs.existsSync(demoPath)) return;
                 const direction = getNodeAttribute(node, 'direction') || '';
-                const code = external_node_fs_default.readFileSync(demoPath, {
+                const code = node_fs.readFileSync(demoPath, {
                     encoding: 'utf8'
                 });
                 const language = src.slice(src.lastIndexOf('.') + 1);
@@ -117,8 +117,8 @@ const remarkPlugin = ({ getRouteMeta, editorPosition, defaultRenderMode })=>{
     };
 };
 var cli_dirname = __webpack_dirname__(__webpack_fileURLToPath__(import.meta.url));
-const pkgRootPath = external_node_path_default.join(cli_dirname, '../../');
-const staticPath = external_node_path_default.join(pkgRootPath, 'static');
+const pkgRootPath = node_path.join(cli_dirname, '../../');
+const staticPath = node_path.join(pkgRootPath, 'static');
 let cli_routeMeta;
 function pluginPlayground(options) {
     const { render = '', include, defaultDirection = 'horizontal', editorPosition = 'left', babelUrl = DEFAULT_BABEL_URL, monacoLoader = {}, monacoOptions = {}, defaultRenderMode = 'playground' } = options || {};
@@ -148,23 +148,23 @@ function pluginPlayground(options) {
                 const { default: remarkGFM } = await import("remark-gfm");
                 try {
                     const processor = createProcessor({
-                        format: external_node_path_default.extname(filepath).slice(1),
+                        format: node_path.extname(filepath).slice(1),
                         remarkPlugins: [
                             remarkGFM
                         ]
                     });
-                    const source = await external_node_fs_default.promises.readFile(filepath, 'utf-8');
+                    const source = await node_fs.promises.readFile(filepath, 'utf-8');
                     const ast = processor.parse(source);
                     visit(ast, 'mdxJsxFlowElement', (node)=>{
                         if ('code' === node.name) {
                             const src = getNodeAttribute(node, 'src');
                             if ('string' != typeof src) return;
-                            const demoPath = join(external_node_path_default.dirname(filepath), src);
-                            if (!external_node_fs_default.existsSync(demoPath)) return;
-                            const code = external_node_fs_default.readFileSync(demoPath, {
+                            const demoPath = join(node_path.dirname(filepath), src);
+                            if (!node_fs.existsSync(demoPath)) return;
+                            const code = node_fs.readFileSync(demoPath, {
                                 encoding: 'utf8'
                             });
-                            const thisImports = parseImports(code, external_node_path_default.extname(demoPath));
+                            const thisImports = parseImports(code, node_path.extname(demoPath));
                             thisImports.forEach((x)=>{
                                 if (void 0 === imports[x]) imports[x] = x;
                             });
@@ -266,10 +266,10 @@ function pluginPlayground(options) {
                 ]
             ],
             globalComponents: [
-                render ? render : external_node_path_default.join(staticPath, 'global-components', 'Playground.tsx')
+                render ? render : node_path.join(staticPath, 'global-components', 'Playground.tsx')
             ]
         },
-        globalStyles: external_node_path_default.join(staticPath, 'global-styles', 'web.css')
+        globalStyles: node_path.join(staticPath, 'global-styles', 'web.css')
     };
 }
 export { pluginPlayground, cli_routeMeta as routeMeta };

package/dist/web/index.js

@@ -1,7 +1,7 @@
-import react_default, { loader } from "@monaco-editor/react";
+import react, { loader } from "@monaco-editor/react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useDark } from "@rspress/core/runtime";
-import external_react_default, { Component, useMemo } from "react";
+import react_0, { Component, useMemo } from "react";
 const DEFAULT_MONACO_URL = 'https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.43.0/min/vs';
 function initLoader() {
     let loaderConfig = {
@@ -34,7 +34,7 @@ function Editor(props) {
     ]);
     return /*#__PURE__*/ jsx("div", {
         className: `rspress-playground-editor ${className}`,
-        children: /*#__PURE__*/ jsx(react_default, {
+        children: /*#__PURE__*/ jsx(react, {
             ...rest,
             theme: theme,
             options: {
@@ -228,7 +228,7 @@ class Runner extends Component {
             func(getImport, runExports);
             if (runExports.default) return void this.setState({
                 error: void 0,
-                comp: /*#__PURE__*/ external_react_default.createElement(runExports.default)
+                comp: /*#__PURE__*/ react_0.createElement(runExports.default)
             });
             this.setState({
                 error: new Error('No default export')
@@ -267,4 +267,4 @@ class Runner extends Component {
         });
     }
 }
-export { Editor, react_default as MonacoEditor, loader as MonacoEditorLoader, Runner };
+export { Editor, react as MonacoEditor, loader as MonacoEditorLoader, Runner };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rspress/plugin-playground",
-  "version": "2.0.0-beta.14",
+  "version": "2.0.0-beta.16",
   "description": "A plugin for rspress to preview the code block in markdown/mdx file.",
   "bugs": "https://github.com/web-infra-dev/rspress/issues",
   "repository": {
@@ -33,18 +33,18 @@
     "remark-gfm": "^4.0.1",
     "rspack-plugin-virtual-module": "1.0.1",
     "unist-util-visit": "^5.0.0",
-    "@rspress/shared": "2.0.0-beta.14"
+    "@rspress/shared": "2.0.0-beta.16"
   },
   "devDependencies": {
     "@babel/types": "^7.27.6",
     "@rsbuild/plugin-react": "~1.3.2",
-    "@rslib/core": "0.9.2",
+    "@rslib/core": "0.10.0",
     "@types/babel__core": "^7.20.5",
     "@types/babel__standalone": "^7.1.9",
     "@types/babel__traverse": "^7.20.7",
     "@types/mdast": "^4.0.4",
     "@types/node": "^22.8.1",
-    "@types/react": "^19.1.6",
+    "@types/react": "^19.1.8",
     "@types/react-dom": "^19.1.6",
     "mdast-util-mdx-jsx": "^3.2.0",
     "react": "^19.1.0",
@@ -53,10 +53,10 @@
     "rsbuild-plugin-publint": "^0.3.2",
     "typescript": "^5.8.2",
     "unified": "^11.0.5",
-    "@rspress/plugin-playground": "2.0.0-beta.14"
+    "@rspress/plugin-playground": "2.0.0-beta.16"
   },
   "peerDependencies": {
-    "@rspress/core": "^2.0.0-beta.14",
+    "@rspress/core": "^2.0.0-beta.16",
     "react": ">=18.0.0",
     "react-router-dom": "^6.8.1"
   },