@rspress/plugin-playground 2.0.0-beta.0 → 2.0.0-beta.10

package/README.md

@@ -2,4 +2,4 @@
 
 > Playground plugin for rspress
 
-[Documentation](https://rspress.dev/plugin/official-plugins/playground)
+[Documentation](https://rspress.rs/plugin/official-plugins/playground)

package/dist/cli/{esm/index.mjs → index.js}

@@ -4,218 +4,13 @@ import * as __WEBPACK_EXTERNAL_MODULE_node_fs_5ea92f0c__ from "node:fs";
 import * as __WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__ from "node:path";
 import * as __WEBPACK_EXTERNAL_MODULE__rspress_shared_node_utils_78947ce6__ from "@rspress/shared/node-utils";
 import * as __WEBPACK_EXTERNAL_MODULE_rspack_plugin_virtual_module_609978fd__ from "rspack-plugin-virtual-module";
+import * as __WEBPACK_EXTERNAL_MODULE_unist_util_visit_555e002a__ from "unist-util-visit";
 import * as __WEBPACK_EXTERNAL_MODULE__oxidation_compiler_napi_5e24345a__ from "@oxidation-compiler/napi";
-var __webpack_modules__ = {
-    "../../node_modules/.pnpm/unist-util-visit@5.0.0/node_modules/unist-util-visit/lib/index.js": function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-        __webpack_require__.d(__webpack_exports__, {
-            Vn: ()=>lib_visit
-        });
-        const convert = function(test) {
-            if (null == test) return ok;
-            if ('function' == typeof test) return castFactory(test);
-            if ('object' == typeof test) return Array.isArray(test) ? anyFactory(test) : propsFactory(test);
-            if ('string' == typeof test) return typeFactory(test);
-            throw new Error('Expected function, string, or object as test');
-        };
-        function anyFactory(tests) {
-            const checks = [];
-            let index = -1;
-            while(++index < tests.length)checks[index] = convert(tests[index]);
-            return castFactory(any);
-            function any(...parameters) {
-                let index = -1;
-                while(++index < checks.length)if (checks[index].apply(this, parameters)) return true;
-                return false;
-            }
-        }
-        function propsFactory(check) {
-            const checkAsRecord = check;
-            return castFactory(all);
-            function all(node) {
-                const nodeAsRecord = node;
-                let key;
-                for(key in check)if (nodeAsRecord[key] !== checkAsRecord[key]) return false;
-                return true;
-            }
-        }
-        function typeFactory(check) {
-            return castFactory(type);
-            function type(node) {
-                return node && node.type === check;
-            }
-        }
-        function castFactory(testFunction) {
-            return check;
-            function check(value, index, parent) {
-                return Boolean(looksLikeANode(value) && testFunction.call(this, value, 'number' == typeof index ? index : void 0, parent || void 0));
-            }
-        }
-        function ok() {
-            return true;
-        }
-        function looksLikeANode(value) {
-            return null !== value && 'object' == typeof value && 'type' in value;
-        }
-        function color(d) {
-            return '\u001B[33m' + d + '\u001B[39m';
-        }
-        const empty = [];
-        const CONTINUE = true;
-        const EXIT = false;
-        const SKIP = 'skip';
-        function visitParents(tree, test, visitor, reverse) {
-            let check;
-            if ('function' == typeof test && 'function' != typeof visitor) {
-                reverse = visitor;
-                visitor = test;
-            } else check = test;
-            const is = convert(check);
-            const step = reverse ? -1 : 1;
-            factory(tree, void 0, [])();
-            function factory(node, index, parents) {
-                const value = node && 'object' == typeof node ? node : {};
-                if ('string' == typeof value.type) {
-                    const name = 'string' == typeof value.tagName ? value.tagName : 'string' == typeof value.name ? value.name : void 0;
-                    Object.defineProperty(visit, 'name', {
-                        value: 'node (' + color(node.type + (name ? '<' + name + '>' : '')) + ')'
-                    });
-                }
-                return visit;
-                function visit() {
-                    let result = empty;
-                    let subresult;
-                    let offset;
-                    let grandparents;
-                    if (!test || is(node, index, parents[parents.length - 1] || void 0)) {
-                        result = toResult(visitor(node, parents));
-                        if (result[0] === EXIT) return result;
-                    }
-                    if ('children' in node && node.children) {
-                        const nodeAsParent = node;
-                        if (nodeAsParent.children && result[0] !== SKIP) {
-                            offset = (reverse ? nodeAsParent.children.length : -1) + step;
-                            grandparents = parents.concat(nodeAsParent);
-                            while(offset > -1 && offset < nodeAsParent.children.length){
-                                const child = nodeAsParent.children[offset];
-                                subresult = factory(child, offset, grandparents)();
-                                if (subresult[0] === EXIT) return subresult;
-                                offset = 'number' == typeof subresult[1] ? subresult[1] : offset + step;
-                            }
-                        }
-                    }
-                    return result;
-                }
-            }
-        }
-        function toResult(value) {
-            if (Array.isArray(value)) return value;
-            if ('number' == typeof value) return [
-                CONTINUE,
-                value
-            ];
-            return null == value ? empty : [
-                value
-            ];
-        }
-        function lib_visit(tree, testOrVisitor, visitorOrReverse, maybeReverse) {
-            let reverse;
-            let test;
-            let visitor;
-            if ('function' == typeof testOrVisitor && 'function' != typeof visitorOrReverse) {
-                test = void 0;
-                visitor = testOrVisitor;
-                reverse = visitorOrReverse;
-            } else {
-                test = testOrVisitor;
-                visitor = visitorOrReverse;
-                reverse = maybeReverse;
-            }
-            visitParents(tree, test, overload, reverse);
-            function overload(node, parents) {
-                const parent = parents[parents.length - 1];
-                const index = parent ? parent.children.indexOf(node) : void 0;
-                return visitor(node, index, parent);
-            }
-        }
-    }
-};
-var __webpack_module_cache__ = {};
-function __webpack_require__(moduleId) {
-    var cachedModule = __webpack_module_cache__[moduleId];
-    if (void 0 !== cachedModule) return cachedModule.exports;
-    var module = __webpack_module_cache__[moduleId] = {
-        exports: {}
-    };
-    __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
-    return module.exports;
-}
-__webpack_require__.m = __webpack_modules__;
-(()=>{
-    __webpack_require__.d = (exports, definition)=>{
-        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) Object.defineProperty(exports, key, {
-            enumerable: true,
-            get: definition[key]
-        });
-    };
-})();
-(()=>{
-    __webpack_require__.f = {};
-    __webpack_require__.e = (chunkId)=>Promise.all(Object.keys(__webpack_require__.f).reduce((promises, key)=>{
-            __webpack_require__.f[key](chunkId, promises);
-            return promises;
-        }, []));
-})();
-(()=>{
-    __webpack_require__.u = (chunkId)=>"" + chunkId + ".mjs";
-})();
-(()=>{
-    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
-})();
-(()=>{
-    var installedChunks = {
-        980: 0
-    };
-    var installChunk = (data)=>{
-        var __webpack_ids__ = data.__webpack_ids__;
-        var __webpack_modules__ = data.__webpack_modules__;
-        var __webpack_runtime__ = data.__webpack_runtime__;
-        var moduleId, chunkId, i = 0;
-        for(moduleId in __webpack_modules__)if (__webpack_require__.o(__webpack_modules__, moduleId)) __webpack_require__.m[moduleId] = __webpack_modules__[moduleId];
-        if (__webpack_runtime__) __webpack_runtime__(__webpack_require__);
-        for(; i < __webpack_ids__.length; i++){
-            chunkId = __webpack_ids__[i];
-            if (__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) installedChunks[chunkId][0]();
-            installedChunks[__webpack_ids__[i]] = 0;
-        }
-    };
-    __webpack_require__.f.j = function(chunkId, promises) {
-        var installedChunkData = __webpack_require__.o(installedChunks, chunkId) ? installedChunks[chunkId] : void 0;
-        if (0 !== installedChunkData) if (installedChunkData) promises.push(installedChunkData[1]);
-        else {
-            var promise = import("./" + __webpack_require__.u(chunkId)).then(installChunk, (e)=>{
-                if (0 !== installedChunks[chunkId]) installedChunks[chunkId] = void 0;
-                throw e;
-            });
-            var promise = Promise.race([
-                promise,
-                new Promise((resolve)=>{
-                    installedChunkData = installedChunks[chunkId] = [
-                        resolve
-                    ];
-                })
-            ]);
-            promises.push(installedChunkData[1] = promise);
-        }
-    };
-})();
 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, '/');
 }
-var constant_dirname = __webpack_dirname__(__webpack_fileURLToPath__(import.meta.url));
-const staticPath = __WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__["default"].join(constant_dirname, '../../../static');
-var lib = __webpack_require__("../../node_modules/.pnpm/unist-util-visit@5.0.0/node_modules/unist-util-visit/lib/index.js");
 const parseImports = (code, sourceExt)=>{
     const parsed = __WEBPACK_EXTERNAL_MODULE__oxidation_compiler_napi_5e24345a__["default"].parseSync(code, {
         sourceType: 'module',
@@ -232,7 +27,7 @@ const getNodeMeta = (node, metaName)=>{
     if (!node.meta) return;
     const meta = node.meta.split(' ');
     const item = meta.find((x)=>x.startsWith(metaName));
-    if (null == item ? void 0 : item.startsWith(`${metaName}=`)) return item.slice(metaName.length + 1);
+    if (item?.startsWith(`${metaName}=`)) return item.slice(metaName.length + 1);
     return item;
 };
 function createPlaygroundNode(currentNode, attrs) {
@@ -251,7 +46,7 @@ const remarkPlugin = ({ getRouteMeta, editorPosition, defaultRenderMode })=>{
     return (tree, vfile)=>{
         const route = routeMeta.find((meta)=>(0, __WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__.resolve)(meta.absolutePath) === (0, __WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__.resolve)(vfile.path || vfile.history[0]));
         if (!route) return;
-        (0, lib.Vn)(tree, 'mdxJsxFlowElement', (node)=>{
+        (0, __WEBPACK_EXTERNAL_MODULE_unist_util_visit_555e002a__.visit)(tree, 'mdxJsxFlowElement', (node)=>{
             if ('code' === node.name) {
                 const src = (0, __WEBPACK_EXTERNAL_MODULE__rspress_shared_node_utils_78947ce6__.getNodeAttribute)(node, 'src');
                 if ('string' != typeof src) return;
@@ -282,11 +77,10 @@ const remarkPlugin = ({ getRouteMeta, editorPosition, defaultRenderMode })=>{
                 ]);
             }
         });
-        (0, lib.Vn)(tree, 'code', (node)=>{
+        (0, __WEBPACK_EXTERNAL_MODULE_unist_util_visit_555e002a__.visit)(tree, 'code', (node)=>{
             if ('jsx' === node.lang || 'tsx' === node.lang) {
-                var _node_meta, _node_meta1;
-                const hasPureMeta = null == (_node_meta = node.meta) ? void 0 : _node_meta.includes('pure');
-                const hasPlaygroundMeta = null == (_node_meta1 = node.meta) ? void 0 : _node_meta1.includes('playground');
+                const hasPureMeta = node.meta?.includes('pure');
+                const hasPlaygroundMeta = node.meta?.includes('playground');
                 let noTransform;
                 switch(defaultRenderMode){
                     case 'pure':
@@ -323,22 +117,22 @@ const remarkPlugin = ({ getRouteMeta, editorPosition, defaultRenderMode })=>{
     };
 };
 var cli_dirname = __webpack_dirname__(__webpack_fileURLToPath__(import.meta.url));
+const pkgRootPath = __WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__["default"].join(cli_dirname, '../../');
+const staticPath = __WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__["default"].join(pkgRootPath, 'static');
 let cli_routeMeta;
 function pluginPlayground(options) {
-    var _monacoLoader_paths;
     const { render = '', include, defaultDirection = 'horizontal', editorPosition = 'left', babelUrl = DEFAULT_BABEL_URL, monacoLoader = {}, monacoOptions = {}, defaultRenderMode = 'playground' } = options || {};
     const playgroundVirtualModule = new __WEBPACK_EXTERNAL_MODULE_rspack_plugin_virtual_module_609978fd__.RspackVirtualModulePlugin({});
     const getRouteMeta = ()=>cli_routeMeta;
     if (render && !/Playground\.(jsx?|tsx?)$/.test(render)) throw new Error('[Playground]: render should ends with Playground.(jsx?|tsx?)');
     const preloads = [];
-    const monacoPrefix = (null == (_monacoLoader_paths = monacoLoader.paths) ? void 0 : _monacoLoader_paths.vs) || DEFAULT_MONACO_URL;
+    const monacoPrefix = monacoLoader.paths?.vs || DEFAULT_MONACO_URL;
     preloads.push(normalizeUrl(`${monacoPrefix}/loader.js`));
     preloads.push(normalizeUrl(`${monacoPrefix}/editor/editor.main.js`));
     return {
         name: '@rspress/plugin-playground',
         config (config, { removePlugin }) {
             config.markdown = config.markdown || {};
-            config.markdown.mdxRs = false;
             removePlugin('@rspress/plugin-preview');
             return config;
         },
@@ -350,7 +144,7 @@ function pluginPlayground(options) {
                 const isMdxFile = /\.mdx?$/.test(filepath);
                 if (!isMdxFile) return;
                 const { createProcessor } = await import("@mdx-js/mdx");
-                const { visit } = await __webpack_require__.e("52").then(__webpack_require__.bind(__webpack_require__, "../../node_modules/.pnpm/unist-util-visit@5.0.0/node_modules/unist-util-visit/index.js"));
+                const { visit } = await import("unist-util-visit");
                 const { default: remarkGFM } = await import("remark-gfm");
                 try {
                     const processor = createProcessor({
@@ -379,8 +173,8 @@ function pluginPlayground(options) {
                     visit(ast, 'code', (node)=>{
                         if ('jsx' === node.lang || 'tsx' === node.lang) {
                             const { value, meta } = node;
-                            const hasPureMeta = null == meta ? void 0 : meta.includes('pure');
-                            const hasPlaygroundMeta = null == meta ? void 0 : meta.includes('playground');
+                            const hasPureMeta = meta?.includes('pure');
+                            const hasPlaygroundMeta = meta?.includes('playground');
                             let noTransform;
                             switch(defaultRenderMode){
                                 case 'pure':
@@ -438,7 +232,7 @@ function pluginPlayground(options) {
                     __PLAYGROUND_BABEL_URL__: JSON.stringify(babelUrl)
                 },
                 include: [
-                    (0, __WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__.join)(cli_dirname, '..', '..', '..')
+                    pkgRootPath
                 ]
             },
             html: {

package/dist/web/{esm/index.mjs → index.js}

@@ -141,16 +141,6 @@ async function getBabel() {
         throw e;
     }
 }
-function _define_property(obj, key, value) {
-    if (key in obj) Object.defineProperty(obj, key, {
-        value: value,
-        enumerable: true,
-        configurable: true,
-        writable: true
-    });
-    else obj[key] = value;
-    return obj;
-}
 const DEBOUNCE_TIME = 800;
 class Runner extends __WEBPACK_EXTERNAL_MODULE_react__.Component {
     static getDerivedStateFromError(error) {
@@ -159,6 +149,16 @@ class Runner extends __WEBPACK_EXTERNAL_MODULE_react__.Component {
             comp: null
         };
     }
+    timer = null;
+    constructor(props){
+        super(props);
+        this.state = {
+            error: void 0,
+            comp: null
+        };
+        this.doCompile = this.doCompile.bind(this);
+        this.waitCompile = this.waitCompile.bind(this);
+    }
     waitCompile(targetCode) {
         if (this.timer) clearTimeout(this.timer);
         this.timer = window.setTimeout(()=>{
@@ -266,15 +266,6 @@ class Runner extends __WEBPACK_EXTERNAL_MODULE_react__.Component {
             ]
         });
     }
-    constructor(props){
-        super(props), _define_property(this, "timer", null);
-        this.state = {
-            error: void 0,
-            comp: null
-        };
-        this.doCompile = this.doCompile.bind(this);
-        this.waitCompile = this.waitCompile.bind(this);
-    }
 }
 var __webpack_exports__MonacoEditor = __WEBPACK_EXTERNAL_MODULE__monaco_editor_react_be42f315__["default"];
 var __webpack_exports__MonacoEditorLoader = __WEBPACK_EXTERNAL_MODULE__monaco_editor_react_be42f315__.loader;

package/package.json

@@ -1,29 +1,27 @@
 {
   "name": "@rspress/plugin-playground",
-  "version": "2.0.0-beta.0",
+  "version": "2.0.0-beta.10",
   "description": "A plugin for rspress to preview the code block in markdown/mdx file.",
   "bugs": "https://github.com/web-infra-dev/rspress/issues",
   "repository": {
     "type": "git",
-    "url": "https://github.com/web-infra-dev/rspress",
+    "url": "git+https://github.com/web-infra-dev/rspress.git",
     "directory": "packages/plugin-preview"
   },
   "license": "MIT",
+  "type": "module",
   "exports": {
     ".": {
-      "types": "./dist/cli/esm/index.d.ts",
-      "import": "./dist/cli/esm/index.mjs",
-      "default": "./dist/cli/cjs/index.js"
+      "types": "./dist/cli/index.d.ts",
+      "default": "./dist/cli/index.js"
     },
     "./web": {
-      "types": "./dist/web/esm/index.d.ts",
-      "import": "./dist/web/esm/index.mjs",
-      "default": "./dist/web/cjs/index.js"
+      "types": "./dist/web/index.d.ts",
+      "default": "./dist/web/index.js"
     }
   },
-  "main": "./dist/cli/cjs/index.js",
-  "module": "./dist/cli/esm/index.js",
-  "types": "./dist/cli/esm/index.d.ts",
+  "module": "./dist/cli/index.js",
+  "types": "./dist/cli/index.d.ts",
   "files": [
     "dist",
     "static"
@@ -33,35 +31,37 @@
     "@monaco-editor/react": "~4.7.0",
     "@oxidation-compiler/napi": "^0.2.0",
     "remark-gfm": "^4.0.1",
-    "rspack-plugin-virtual-module": "0.1.13",
-    "@rspress/shared": "2.0.0-beta.0"
+    "rspack-plugin-virtual-module": "1.0.1",
+    "unist-util-visit": "^5.0.0",
+    "@rspress/shared": "2.0.0-beta.10"
   },
   "devDependencies": {
-    "@babel/types": "^7.27.0",
-    "@rsbuild/plugin-react": "~1.1.1",
-    "@rslib/core": "0.6.5",
+    "@babel/types": "^7.27.1",
+    "@rsbuild/plugin-react": "~1.3.1",
+    "@rslib/core": "0.8.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": "^18.11.17",
-    "@types/react": "^18.3.20",
-    "@types/react-dom": "^18.3.6",
+    "@types/node": "^22.8.1",
+    "@types/react": "^18.3.22",
+    "@types/react-dom": "^18.3.7",
     "mdast-util-mdx-jsx": "^3.2.0",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "react-router-dom": "^6.29.0",
+    "rsbuild-plugin-publint": "^0.3.2",
     "typescript": "^5.8.2",
     "unified": "^11.0.5",
-    "unist-util-visit": "^5.0.0"
+    "@rspress/plugin-playground": "2.0.0-beta.10"
   },
   "peerDependencies": {
-    "@rspress/core": "^2.0.0-beta.0",
-    "react": ">=17.0.0",
+    "@rspress/core": "^2.0.0-beta.10",
+    "react": ">=18.0.0",
     "react-router-dom": "^6.8.1"
   },
   "engines": {
-    "node": ">=14.17.6"
+    "node": ">=18.0.0"
   },
   "publishConfig": {
     "access": "public",

package/static/global-components/Playground.tsx

@@ -1,4 +1,5 @@
 import { usePageData } from '@rspress/core/runtime';
+import { Editor, Runner } from '@rspress/plugin-playground/web';
 // @ts-ignore Cannot find module _rspress_playground_imports
 import getImport from '_rspress_playground_imports';
 import React, {
@@ -7,7 +8,6 @@ import React, {
   useCallback,
   useState,
 } from 'react';
-import { Editor, Runner } from '../../dist/web/esm';
 
 // inject by builder in cli/index.ts
 declare global {

package/dist/cli/cjs/52.js

@@ -1,12 +0,0 @@
-"use strict";
-exports.ids = [
-    '52'
-];
-exports.modules = {
-    "../../node_modules/.pnpm/unist-util-visit@5.0.0/node_modules/unist-util-visit/index.js": function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-        __webpack_require__.d(__webpack_exports__, {
-            visit: ()=>_lib_index_js__WEBPACK_IMPORTED_MODULE_0__.Vn
-        });
-        var _lib_index_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../node_modules/.pnpm/unist-util-visit@5.0.0/node_modules/unist-util-visit/lib/index.js");
-    }
-};

package/dist/cli/cjs/index.js

@@ -1,503 +0,0 @@
-"use strict";
-var __webpack_modules__ = {
-    "@mdx-js/mdx": function(module) {
-        module.exports = import("@mdx-js/mdx").then(function(module) {
-            return module;
-        });
-    },
-    "remark-gfm": function(module) {
-        module.exports = import("remark-gfm").then(function(module) {
-            return module;
-        });
-    },
-    "../../node_modules/.pnpm/unist-util-visit@5.0.0/node_modules/unist-util-visit/lib/index.js": function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-        __webpack_require__.d(__webpack_exports__, {
-            Vn: ()=>lib_visit
-        });
-        const convert = function(test) {
-            if (null == test) return ok;
-            if ('function' == typeof test) return castFactory(test);
-            if ('object' == typeof test) return Array.isArray(test) ? anyFactory(test) : propsFactory(test);
-            if ('string' == typeof test) return typeFactory(test);
-            throw new Error('Expected function, string, or object as test');
-        };
-        function anyFactory(tests) {
-            const checks = [];
-            let index = -1;
-            while(++index < tests.length)checks[index] = convert(tests[index]);
-            return castFactory(any);
-            function any(...parameters) {
-                let index = -1;
-                while(++index < checks.length)if (checks[index].apply(this, parameters)) return true;
-                return false;
-            }
-        }
-        function propsFactory(check) {
-            const checkAsRecord = check;
-            return castFactory(all);
-            function all(node) {
-                const nodeAsRecord = node;
-                let key;
-                for(key in check)if (nodeAsRecord[key] !== checkAsRecord[key]) return false;
-                return true;
-            }
-        }
-        function typeFactory(check) {
-            return castFactory(type);
-            function type(node) {
-                return node && node.type === check;
-            }
-        }
-        function castFactory(testFunction) {
-            return check;
-            function check(value, index, parent) {
-                return Boolean(looksLikeANode(value) && testFunction.call(this, value, 'number' == typeof index ? index : void 0, parent || void 0));
-            }
-        }
-        function ok() {
-            return true;
-        }
-        function looksLikeANode(value) {
-            return null !== value && 'object' == typeof value && 'type' in value;
-        }
-        function color(d) {
-            return '\u001B[33m' + d + '\u001B[39m';
-        }
-        const empty = [];
-        const CONTINUE = true;
-        const EXIT = false;
-        const SKIP = 'skip';
-        function visitParents(tree, test, visitor, reverse) {
-            let check;
-            if ('function' == typeof test && 'function' != typeof visitor) {
-                reverse = visitor;
-                visitor = test;
-            } else check = test;
-            const is = convert(check);
-            const step = reverse ? -1 : 1;
-            factory(tree, void 0, [])();
-            function factory(node, index, parents) {
-                const value = node && 'object' == typeof node ? node : {};
-                if ('string' == typeof value.type) {
-                    const name = 'string' == typeof value.tagName ? value.tagName : 'string' == typeof value.name ? value.name : void 0;
-                    Object.defineProperty(visit, 'name', {
-                        value: 'node (' + color(node.type + (name ? '<' + name + '>' : '')) + ')'
-                    });
-                }
-                return visit;
-                function visit() {
-                    let result = empty;
-                    let subresult;
-                    let offset;
-                    let grandparents;
-                    if (!test || is(node, index, parents[parents.length - 1] || void 0)) {
-                        result = toResult(visitor(node, parents));
-                        if (result[0] === EXIT) return result;
-                    }
-                    if ('children' in node && node.children) {
-                        const nodeAsParent = node;
-                        if (nodeAsParent.children && result[0] !== SKIP) {
-                            offset = (reverse ? nodeAsParent.children.length : -1) + step;
-                            grandparents = parents.concat(nodeAsParent);
-                            while(offset > -1 && offset < nodeAsParent.children.length){
-                                const child = nodeAsParent.children[offset];
-                                subresult = factory(child, offset, grandparents)();
-                                if (subresult[0] === EXIT) return subresult;
-                                offset = 'number' == typeof subresult[1] ? subresult[1] : offset + step;
-                            }
-                        }
-                    }
-                    return result;
-                }
-            }
-        }
-        function toResult(value) {
-            if (Array.isArray(value)) return value;
-            if ('number' == typeof value) return [
-                CONTINUE,
-                value
-            ];
-            return null == value ? empty : [
-                value
-            ];
-        }
-        function lib_visit(tree, testOrVisitor, visitorOrReverse, maybeReverse) {
-            let reverse;
-            let test;
-            let visitor;
-            if ('function' == typeof testOrVisitor && 'function' != typeof visitorOrReverse) {
-                test = void 0;
-                visitor = testOrVisitor;
-                reverse = visitorOrReverse;
-            } else {
-                test = testOrVisitor;
-                visitor = visitorOrReverse;
-                reverse = maybeReverse;
-            }
-            visitParents(tree, test, overload, reverse);
-            function overload(node, parents) {
-                const parent = parents[parents.length - 1];
-                const index = parent ? parent.children.indexOf(node) : void 0;
-                return visitor(node, index, parent);
-            }
-        }
-    }
-};
-var __webpack_module_cache__ = {};
-function __webpack_require__(moduleId) {
-    var cachedModule = __webpack_module_cache__[moduleId];
-    if (void 0 !== cachedModule) return cachedModule.exports;
-    var module = __webpack_module_cache__[moduleId] = {
-        exports: {}
-    };
-    __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
-    return module.exports;
-}
-__webpack_require__.m = __webpack_modules__;
-(()=>{
-    __webpack_require__.n = (module)=>{
-        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
-        __webpack_require__.d(getter, {
-            a: getter
-        });
-        return getter;
-    };
-})();
-(()=>{
-    __webpack_require__.d = (exports1, definition)=>{
-        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
-            enumerable: true,
-            get: definition[key]
-        });
-    };
-})();
-(()=>{
-    __webpack_require__.f = {};
-    __webpack_require__.e = (chunkId)=>Promise.all(Object.keys(__webpack_require__.f).reduce((promises, key)=>{
-            __webpack_require__.f[key](chunkId, promises);
-            return promises;
-        }, []));
-})();
-(()=>{
-    __webpack_require__.u = (chunkId)=>"" + chunkId + ".js";
-})();
-(()=>{
-    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
-})();
-(()=>{
-    __webpack_require__.r = (exports1)=>{
-        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
-            value: 'Module'
-        });
-        Object.defineProperty(exports1, '__esModule', {
-            value: true
-        });
-    };
-})();
-(()=>{
-    var installedChunks = {
-        980: 1
-    };
-    var installChunk = (chunk)=>{
-        var moreModules = chunk.modules, chunkIds = chunk.ids, runtime = chunk.runtime;
-        for(var moduleId in moreModules)if (__webpack_require__.o(moreModules, moduleId)) __webpack_require__.m[moduleId] = moreModules[moduleId];
-        if (runtime) runtime(__webpack_require__);
-        for(var i = 0; i < chunkIds.length; i++)installedChunks[chunkIds[i]] = 1;
-    };
-    __webpack_require__.f.require = (chunkId, promises)=>{
-        if (!installedChunks[chunkId]) installChunk(require("./" + __webpack_require__.u(chunkId)));
-    };
-})();
-var __webpack_exports__ = {};
-(()=>{
-    __webpack_require__.r(__webpack_exports__);
-    __webpack_require__.d(__webpack_exports__, {
-        pluginPlayground: ()=>pluginPlayground,
-        routeMeta: ()=>cli_routeMeta
-    });
-    const external_node_fs_namespaceObject = require("node:fs");
-    var external_node_fs_default = /*#__PURE__*/ __webpack_require__.n(external_node_fs_namespaceObject);
-    const external_node_path_namespaceObject = require("node:path");
-    var external_node_path_default = /*#__PURE__*/ __webpack_require__.n(external_node_path_namespaceObject);
-    const node_utils_namespaceObject = require("@rspress/shared/node-utils");
-    const external_rspack_plugin_virtual_module_namespaceObject = require("rspack-plugin-virtual-module");
-    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 staticPath = external_node_path_default().join(__dirname, '../../../static');
-    var lib = __webpack_require__("../../node_modules/.pnpm/unist-util-visit@5.0.0/node_modules/unist-util-visit/lib/index.js");
-    const napi_namespaceObject = require("@oxidation-compiler/napi");
-    var napi_default = /*#__PURE__*/ __webpack_require__.n(napi_namespaceObject);
-    const parseImports = (code, sourceExt)=>{
-        const parsed = napi_default().parseSync(code, {
-            sourceType: 'module',
-            sourceFilename: `index.${sourceExt}`
-        });
-        const ast = JSON.parse(parsed.program);
-        const result = [];
-        ast.body.forEach((statement)=>{
-            if ('ImportDeclaration' === statement.type) result.push(statement.source.value);
-        });
-        return result;
-    };
-    const getNodeMeta = (node, metaName)=>{
-        if (!node.meta) return;
-        const meta = node.meta.split(' ');
-        const item = meta.find((x)=>x.startsWith(metaName));
-        if (null == item ? void 0 : item.startsWith(`${metaName}=`)) return item.slice(metaName.length + 1);
-        return item;
-    };
-    function createPlaygroundNode(currentNode, attrs) {
-        Object.assign(currentNode, {
-            type: 'mdxJsxFlowElement',
-            name: 'Playground',
-            attributes: attrs.map((it)=>({
-                    type: 'mdxJsxAttribute',
-                    name: it[0],
-                    value: it[1]
-                }))
-        });
-    }
-    const remarkPlugin = ({ getRouteMeta, editorPosition, defaultRenderMode })=>{
-        const routeMeta = getRouteMeta();
-        return (tree, vfile)=>{
-            const route = routeMeta.find((meta)=>(0, external_node_path_namespaceObject.resolve)(meta.absolutePath) === (0, external_node_path_namespaceObject.resolve)(vfile.path || vfile.history[0]));
-            if (!route) return;
-            (0, lib.Vn)(tree, 'mdxJsxFlowElement', (node)=>{
-                if ('code' === node.name) {
-                    const src = (0, node_utils_namespaceObject.getNodeAttribute)(node, 'src');
-                    if ('string' != typeof src) return;
-                    const demoPath = (0, external_node_path_namespaceObject.join)((0, external_node_path_namespaceObject.dirname)(route.absolutePath), src);
-                    if (!external_node_fs_default().existsSync(demoPath)) return;
-                    const direction = (0, node_utils_namespaceObject.getNodeAttribute)(node, 'direction') || '';
-                    const code = external_node_fs_default().readFileSync(demoPath, {
-                        encoding: 'utf8'
-                    });
-                    const language = src.slice(src.lastIndexOf('.') + 1);
-                    createPlaygroundNode(node, [
-                        [
-                            'code',
-                            code
-                        ],
-                        [
-                            'language',
-                            language
-                        ],
-                        [
-                            'direction',
-                            direction
-                        ],
-                        [
-                            'editorPosition',
-                            editorPosition
-                        ]
-                    ]);
-                }
-            });
-            (0, lib.Vn)(tree, 'code', (node)=>{
-                if ('jsx' === node.lang || 'tsx' === node.lang) {
-                    var _node_meta, _node_meta1;
-                    const hasPureMeta = null == (_node_meta = node.meta) ? void 0 : _node_meta.includes('pure');
-                    const hasPlaygroundMeta = null == (_node_meta1 = node.meta) ? void 0 : _node_meta1.includes('playground');
-                    let noTransform;
-                    switch(defaultRenderMode){
-                        case 'pure':
-                            noTransform = !hasPlaygroundMeta;
-                            break;
-                        case 'playground':
-                            noTransform = hasPureMeta;
-                            break;
-                        default:
-                            break;
-                    }
-                    if (noTransform) return;
-                    const direction = getNodeMeta(node, 'direction') || '';
-                    createPlaygroundNode(node, [
-                        [
-                            'code',
-                            node.value
-                        ],
-                        [
-                            'language',
-                            node.lang
-                        ],
-                        [
-                            'direction',
-                            direction
-                        ],
-                        [
-                            'editorPosition',
-                            editorPosition
-                        ]
-                    ]);
-                }
-            });
-        };
-    };
-    let cli_routeMeta;
-    function pluginPlayground(options) {
-        var _monacoLoader_paths;
-        const { render = '', include, defaultDirection = 'horizontal', editorPosition = 'left', babelUrl = DEFAULT_BABEL_URL, monacoLoader = {}, monacoOptions = {}, defaultRenderMode = 'playground' } = options || {};
-        const playgroundVirtualModule = new external_rspack_plugin_virtual_module_namespaceObject.RspackVirtualModulePlugin({});
-        const getRouteMeta = ()=>cli_routeMeta;
-        if (render && !/Playground\.(jsx?|tsx?)$/.test(render)) throw new Error('[Playground]: render should ends with Playground.(jsx?|tsx?)');
-        const preloads = [];
-        const monacoPrefix = (null == (_monacoLoader_paths = monacoLoader.paths) ? void 0 : _monacoLoader_paths.vs) || DEFAULT_MONACO_URL;
-        preloads.push(normalizeUrl(`${monacoPrefix}/loader.js`));
-        preloads.push(normalizeUrl(`${monacoPrefix}/editor/editor.main.js`));
-        return {
-            name: '@rspress/plugin-playground',
-            config (config, { removePlugin }) {
-                config.markdown = config.markdown || {};
-                config.markdown.mdxRs = false;
-                removePlugin('@rspress/plugin-preview');
-                return config;
-            },
-            async routeGenerated (routes) {
-                cli_routeMeta = routes;
-                const files = routes.map((route)=>route.absolutePath);
-                const imports = {};
-                await Promise.all(files.map(async (filepath, _index)=>{
-                    const isMdxFile = /\.mdx?$/.test(filepath);
-                    if (!isMdxFile) return;
-                    const { createProcessor } = await Promise.resolve().then(__webpack_require__.bind(__webpack_require__, "@mdx-js/mdx"));
-                    const { visit } = await __webpack_require__.e("52").then(__webpack_require__.bind(__webpack_require__, "../../node_modules/.pnpm/unist-util-visit@5.0.0/node_modules/unist-util-visit/index.js"));
-                    const { default: remarkGFM } = await Promise.resolve().then(__webpack_require__.bind(__webpack_require__, "remark-gfm"));
-                    try {
-                        const processor = createProcessor({
-                            format: external_node_path_default().extname(filepath).slice(1),
-                            remarkPlugins: [
-                                remarkGFM
-                            ]
-                        });
-                        const source = await external_node_fs_default().promises.readFile(filepath, 'utf-8');
-                        const ast = processor.parse(source);
-                        visit(ast, 'mdxJsxFlowElement', (node)=>{
-                            if ('code' === node.name) {
-                                const src = (0, node_utils_namespaceObject.getNodeAttribute)(node, 'src');
-                                if ('string' != typeof src) return;
-                                const demoPath = (0, external_node_path_namespaceObject.join)(external_node_path_default().dirname(filepath), src);
-                                if (!external_node_fs_default().existsSync(demoPath)) return;
-                                const code = external_node_fs_default().readFileSync(demoPath, {
-                                    encoding: 'utf8'
-                                });
-                                const thisImports = parseImports(code, external_node_path_default().extname(demoPath));
-                                thisImports.forEach((x)=>{
-                                    if (void 0 === imports[x]) imports[x] = x;
-                                });
-                            }
-                        });
-                        visit(ast, 'code', (node)=>{
-                            if ('jsx' === node.lang || 'tsx' === node.lang) {
-                                const { value, meta } = node;
-                                const hasPureMeta = null == meta ? void 0 : meta.includes('pure');
-                                const hasPlaygroundMeta = null == meta ? void 0 : meta.includes('playground');
-                                let noTransform;
-                                switch(defaultRenderMode){
-                                    case 'pure':
-                                        noTransform = !hasPlaygroundMeta;
-                                        break;
-                                    case 'playground':
-                                        noTransform = hasPureMeta;
-                                        break;
-                                    default:
-                                        break;
-                                }
-                                if (noTransform) return;
-                                const thisImports = parseImports(value, node.lang);
-                                thisImports.forEach((x)=>{
-                                    if (void 0 === imports[x]) imports[x] = x;
-                                });
-                            }
-                        });
-                    } catch (e) {
-                        console.error(e);
-                        throw e;
-                    }
-                }));
-                if (include) include.forEach((item)=>{
-                    if ('string' == typeof item) imports[item] = item;
-                    else imports[item[0]] = item[1];
-                });
-                if (!('react' in imports)) imports.react = 'react';
-                const importKeys = Object.keys(imports);
-                const code = [
-                    ...importKeys.map((x, index)=>`import * as i_${index} from '${imports[x]}';`),
-                    'const imports = new Map();',
-                    ...importKeys.map((x, index)=>`imports.set('${x}', i_${index});`),
-                    'function getImport(name, getDefault) {',
-                    '  if (!imports.has(name)) {',
-                    '    throw new Error("Module " + name + " not found");',
-                    '  }',
-                    '  const result = imports.get(name);',
-                    '  if (getDefault && typeof result === "object") {',
-                    '    return result.default || result;',
-                    '  }',
-                    '  return result;',
-                    '}',
-                    'export { imports };',
-                    'export default getImport;'
-                ].join('\n');
-                playgroundVirtualModule.writeModule('_rspress_playground_imports', code);
-            },
-            builderConfig: {
-                source: {
-                    define: {
-                        __PLAYGROUND_DIRECTION__: JSON.stringify(defaultDirection),
-                        __PLAYGROUND_MONACO_LOADER__: JSON.stringify(monacoLoader),
-                        __PLAYGROUND_MONACO_OPTIONS__: JSON.stringify(monacoOptions),
-                        __PLAYGROUND_BABEL_URL__: JSON.stringify(babelUrl)
-                    },
-                    include: [
-                        (0, external_node_path_namespaceObject.join)(__dirname, '..', '..', '..')
-                    ]
-                },
-                html: {
-                    tags: preloads.map((url)=>({
-                            tag: 'link',
-                            head: true,
-                            attrs: {
-                                rel: 'preload',
-                                href: url,
-                                as: "script"
-                            }
-                        }))
-                },
-                tools: {
-                    rspack: {
-                        plugins: [
-                            playgroundVirtualModule
-                        ]
-                    }
-                }
-            },
-            markdown: {
-                remarkPlugins: [
-                    [
-                        remarkPlugin,
-                        {
-                            getRouteMeta,
-                            editorPosition,
-                            defaultRenderMode
-                        }
-                    ]
-                ],
-                globalComponents: [
-                    render ? render : external_node_path_default().join(staticPath, 'global-components', 'Playground.tsx')
-                ]
-            },
-            globalStyles: external_node_path_default().join(staticPath, 'global-styles', 'web.css')
-        };
-    }
-})();
-exports.pluginPlayground = __webpack_exports__.pluginPlayground;
-exports.routeMeta = __webpack_exports__.routeMeta;
-for(var __webpack_i__ in __webpack_exports__)if (-1 === [
-    "pluginPlayground",
-    "routeMeta"
-].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
-Object.defineProperty(exports, '__esModule', {
-    value: true
-});

package/dist/cli/esm/52.mjs

@@ -1,11 +0,0 @@
-export const __webpack_ids__ = [
-    '52'
-];
-export const __webpack_modules__ = {
-    "../../node_modules/.pnpm/unist-util-visit@5.0.0/node_modules/unist-util-visit/index.js": function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-        __webpack_require__.d(__webpack_exports__, {
-            visit: ()=>_lib_index_js__WEBPACK_IMPORTED_MODULE_0__.Vn
-        });
-        var _lib_index_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../node_modules/.pnpm/unist-util-visit@5.0.0/node_modules/unist-util-visit/lib/index.js");
-    }
-};

package/dist/web/cjs/index.js

@@ -1,326 +0,0 @@
-"use strict";
-var __webpack_require__ = {};
-(()=>{
-    __webpack_require__.n = (module)=>{
-        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
-        __webpack_require__.d(getter, {
-            a: getter
-        });
-        return getter;
-    };
-})();
-(()=>{
-    __webpack_require__.d = (exports1, definition)=>{
-        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
-            enumerable: true,
-            get: definition[key]
-        });
-    };
-})();
-(()=>{
-    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
-})();
-(()=>{
-    __webpack_require__.r = (exports1)=>{
-        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
-            value: 'Module'
-        });
-        Object.defineProperty(exports1, '__esModule', {
-            value: true
-        });
-    };
-})();
-var __webpack_exports__ = {};
-__webpack_require__.r(__webpack_exports__);
-__webpack_require__.d(__webpack_exports__, {
-    MonacoEditor: ()=>react_default(),
-    Editor: ()=>Editor,
-    MonacoEditorLoader: ()=>react_namespaceObject.loader,
-    Runner: ()=>Runner
-});
-const react_namespaceObject = require("@monaco-editor/react");
-var react_default = /*#__PURE__*/ __webpack_require__.n(react_namespaceObject);
-const runtime_namespaceObject = require("@rspress/core/runtime");
-const external_react_namespaceObject = require("react");
-var external_react_default = /*#__PURE__*/ __webpack_require__.n(external_react_namespaceObject);
-const DEFAULT_MONACO_URL = 'https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.43.0/min/vs';
-function initLoader() {
-    let loaderConfig = {
-        paths: {
-            vs: DEFAULT_MONACO_URL
-        }
-    };
-    try {
-        const keys = Object.keys(__PLAYGROUND_MONACO_LOADER__);
-        if (keys.length > 0) loaderConfig = __PLAYGROUND_MONACO_LOADER__;
-    } catch (_e) {}
-    react_namespaceObject.loader.config(loaderConfig);
-}
-initLoader();
-function getMonacoOptions() {
-    try {
-        return __PLAYGROUND_MONACO_OPTIONS__;
-    } catch (_e) {}
-    return {};
-}
-function Editor(props) {
-    const { options, className = '', theme: themeProp, ...rest } = props || {};
-    const dark = (0, runtime_namespaceObject.useDark)();
-    const theme = (0, external_react_namespaceObject.useMemo)(()=>{
-        if (themeProp) return themeProp;
-        return dark ? 'vs-dark' : 'light';
-    }, [
-        themeProp,
-        dark
-    ]);
-    return /*#__PURE__*/ React.createElement("div", {
-        className: `rspress-playground-editor ${className}`
-    }, /*#__PURE__*/ React.createElement(react_default(), {
-        ...rest,
-        theme: theme,
-        options: {
-            minimap: {
-                enabled: true,
-                autohide: true
-            },
-            fontSize: 14,
-            lineNumbersMinChars: 7,
-            scrollBeyondLastLine: false,
-            automaticLayout: true,
-            wordBasedSuggestions: true,
-            quickSuggestions: true,
-            scrollbar: {
-                verticalScrollbarSize: 8,
-                horizontalScrollbarSize: 8
-            },
-            scrollPredominantAxis: false,
-            ...getMonacoOptions(),
-            ...options
-        }
-    }));
-}
-function createVariableDeclaration(id, init) {
-    return {
-        type: 'VariableDeclaration',
-        declarations: [
-            {
-                type: 'VariableDeclarator',
-                id: 'string' == typeof id ? {
-                    type: 'Identifier',
-                    name: id
-                } : id,
-                init
-            }
-        ],
-        kind: 'const'
-    };
-}
-function createIdentifier(name) {
-    return {
-        type: 'Identifier',
-        name
-    };
-}
-function createObjectProperty(key, value) {
-    return {
-        type: 'ObjectProperty',
-        key: createIdentifier(key),
-        computed: false,
-        shorthand: key === value,
-        value: createIdentifier(value)
-    };
-}
-function createObjectPattern(names) {
-    return {
-        type: 'ObjectPattern',
-        properties: names.map((name)=>Array.isArray(name) ? createObjectProperty(name[0], name[1]) : createObjectProperty(name, name))
-    };
-}
-function createGetImport(name, getDefault) {
-    return {
-        type: 'CallExpression',
-        callee: {
-            type: 'Identifier',
-            name: '__get_import'
-        },
-        arguments: [
-            {
-                type: 'StringLiteral',
-                value: name
-            },
-            {
-                type: 'BooleanLiteral',
-                value: Boolean(getDefault)
-            }
-        ]
-    };
-}
-async function loadUmdBabelModule() {
-    const data = await fetch(__PLAYGROUND_BABEL_URL__);
-    const umdSourceCode = await data.text();
-    const run = new Function('exports', 'module', 'require', `with(exports, module, require) {${umdSourceCode}}`);
-    const exports1 = {};
-    const module = {
-        exports: exports1
-    };
-    const require1 = ()=>{};
-    run(exports1, module, require1);
-    return exports1;
-}
-let loadBabelPromise = null;
-async function getBabel() {
-    if (window.Babel) return window.Babel;
-    if (loadBabelPromise) return loadBabelPromise;
-    loadBabelPromise = loadUmdBabelModule();
-    try {
-        const Babel = await loadBabelPromise;
-        window.Babel = Babel;
-        return Babel;
-    } catch (e) {
-        loadBabelPromise = null;
-        throw e;
-    }
-}
-function _define_property(obj, key, value) {
-    if (key in obj) Object.defineProperty(obj, key, {
-        value: value,
-        enumerable: true,
-        configurable: true,
-        writable: true
-    });
-    else obj[key] = value;
-    return obj;
-}
-const DEBOUNCE_TIME = 800;
-class Runner extends external_react_namespaceObject.Component {
-    static getDerivedStateFromError(error) {
-        return {
-            error,
-            comp: null
-        };
-    }
-    waitCompile(targetCode) {
-        if (this.timer) clearTimeout(this.timer);
-        this.timer = window.setTimeout(()=>{
-            this.timer = null;
-            this.doCompile(targetCode);
-        }, DEBOUNCE_TIME);
-    }
-    async doCompile(targetCode) {
-        const { language, getImport } = this.props;
-        const babel = await getBabel();
-        try {
-            const presets = [
-                [
-                    babel.availablePresets.react
-                ],
-                [
-                    babel.availablePresets.env,
-                    {
-                        modules: 'commonjs'
-                    }
-                ]
-            ];
-            if ('tsx' === language || 'ts' === language) presets.unshift([
-                babel.availablePresets.typescript,
-                {
-                    allExtensions: true,
-                    isTSX: 'tsx' === language
-                }
-            ]);
-            const result = babel.transform(targetCode, {
-                sourceType: 'module',
-                sourceMaps: 'inline',
-                presets,
-                plugins: [
-                    {
-                        pre () {
-                            this.hasReactImported = false;
-                        },
-                        visitor: {
-                            ImportDeclaration (path) {
-                                const pkg = path.node.source.value;
-                                const code = [];
-                                const specifiers = [];
-                                for (const specifier of path.node.specifiers){
-                                    if ('React' === specifier.local.name) this.hasReactImported = true;
-                                    if ('ImportDefaultSpecifier' === specifier.type) code.push(createVariableDeclaration(specifier.local.name, createGetImport(pkg, true)));
-                                    if ('ImportNamespaceSpecifier' === specifier.type) code.push(createVariableDeclaration(specifier.local.name, createGetImport(pkg)));
-                                    if ('ImportSpecifier' === specifier.type) if ('name' in specifier.imported && specifier.imported.name !== specifier.local.name) specifiers.push([
-                                        specifier.imported.name,
-                                        specifier.local.name
-                                    ]);
-                                    else specifiers.push(specifier.local.name);
-                                }
-                                if (specifiers.length > 0) code.push(createVariableDeclaration(createObjectPattern(specifiers), createGetImport(pkg)));
-                                path.replaceWithMultiple(code);
-                            }
-                        },
-                        post (file) {
-                            if (!this.hasReactImported) file.ast.program.body.unshift(createVariableDeclaration('React', createGetImport('react', true)));
-                        }
-                    }
-                ]
-            });
-            if (targetCode !== this.props.code || !result || !result.code) return;
-            const runExports = {};
-            const func = new Function('__get_import', 'exports', result.code);
-            func(getImport, runExports);
-            if (runExports.default) return void this.setState({
-                error: void 0,
-                comp: /*#__PURE__*/ external_react_default().createElement(runExports.default)
-            });
-            this.setState({
-                error: new Error('No default export')
-            });
-        } catch (e) {
-            if (targetCode !== this.props.code) return;
-            console.error(e);
-            this.setState({
-                error: e
-            });
-        }
-    }
-    componentDidCatch(error, errorInfo) {
-        console.error(error);
-        console.error(errorInfo);
-    }
-    componentDidMount() {
-        this.doCompile(this.props.code);
-    }
-    componentDidUpdate(prevProps) {
-        if (prevProps.code !== this.props.code) this.waitCompile(this.props.code);
-    }
-    render() {
-        const { className = '', code, language, getImport, ...rest } = this.props;
-        const { error, comp } = this.state;
-        return /*#__PURE__*/ external_react_default().createElement("div", {
-            className: `rspress-playground-runner ${className}`,
-            ...rest
-        }, comp, error && /*#__PURE__*/ external_react_default().createElement("pre", {
-            className: "rspress-playground-error"
-        }, error.message));
-    }
-    constructor(props){
-        super(props), _define_property(this, "timer", null);
-        this.state = {
-            error: void 0,
-            comp: null
-        };
-        this.doCompile = this.doCompile.bind(this);
-        this.waitCompile = this.waitCompile.bind(this);
-    }
-}
-exports.Editor = __webpack_exports__.Editor;
-exports.MonacoEditor = __webpack_exports__.MonacoEditor;
-exports.MonacoEditorLoader = __webpack_exports__.MonacoEditorLoader;
-exports.Runner = __webpack_exports__.Runner;
-for(var __webpack_i__ in __webpack_exports__)if (-1 === [
-    "Editor",
-    "MonacoEditor",
-    "MonacoEditorLoader",
-    "Runner"
-].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
-Object.defineProperty(exports, '__esModule', {
-    value: true
-});