@rspress/plugin-playground 0.0.0-next-20230927072732 → 0.0.0-next-20231020055855

package/dist/web/cjs/index.js

@@ -1,9 +1,11 @@
+"use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -25,6 +27,10 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 
 // src/web/index.ts
 var web_exports = {};
@@ -197,6 +203,7 @@ var import_jsx_runtime2 = require("react/jsx-runtime");
 var Runner = class extends import_react2.Component {
   constructor(props) {
     super(props);
+    __publicField(this, "timer");
     this.state = {
       error: void 0,
       comp: null

package/dist/web/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"mappings":"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","names":[],"sources":["../../../src/web/index.ts","../../../src/web/editor.tsx","../../../src/web/constant.ts","../../../src/web/runner.tsx","../../../src/web/ast.ts","../../../src/web/utils.ts","../../../src/web/babel.ts"],"sourcesContent":["export {\n  default as MonacoEditor,\n  loader as MonacoEditorLoader,\n  EditorProps as MonacoEditorProps,\n} from '@monaco-editor/react';\nexport { Editor } from './editor';\nexport { Runner } from './runner';\n","import React from 'react';\nimport MonacoEditor, {\n  loader,\n  EditorProps as MonacoEditorProps,\n} from '@monaco-editor/react';\nimport { DEFAULT_MONACO_URL } from './constant';\n\n// inject by builder in cli/index.ts\n// see: https://modernjs.dev/builder/api/config-source.html#sourcedefine\ndeclare global {\n  const __PLAYGROUND_MONACO_LOADER__: any;\n  const __PLAYGROUND_MONACO_OPTIONS__: any;\n}\n\nfunction initLoader() {\n  let loaderConfig = {\n    paths: {\n      vs: DEFAULT_MONACO_URL,\n    },\n  };\n\n  try {\n    const keys = Object.keys(__PLAYGROUND_MONACO_LOADER__);\n\n    if (keys.length > 0) {\n      loaderConfig = __PLAYGROUND_MONACO_LOADER__;\n    }\n  } catch (e) {\n    // ignore\n  }\n\n  loader.config(loaderConfig);\n}\ninitLoader();\n\nfunction getMonacoOptions() {\n  try {\n    return __PLAYGROUND_MONACO_OPTIONS__;\n  } catch (e) {\n    // ignore\n  }\n  return {};\n}\n\nexport type EditorProps = Partial<MonacoEditorProps>;\n\nexport function Editor(props: EditorProps) {\n  const { options, className = '', ...rest } = props || {};\n\n  return (\n    <div className={`rspress-playground-editor ${className}`}>\n      <MonacoEditor\n        {...rest}\n        theme=\"light\"\n        options={{\n          minimap: {\n            enabled: true,\n            autohide: true,\n          },\n          fontSize: 14,\n          lineNumbersMinChars: 7,\n          scrollBeyondLastLine: false,\n          automaticLayout: true,\n          wordBasedSuggestions: true,\n          quickSuggestions: true,\n          scrollbar: {\n            verticalScrollbarSize: 8,\n            horizontalScrollbarSize: 8,\n          },\n          scrollPredominantAxis: false,\n          ...getMonacoOptions(),\n          ...options,\n        }}\n      />\n    </div>\n  );\n}\n","export const DEFAULT_BABEL_URL =\n  'https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/7.22.20/babel.min.js';\n\nexport const DEFAULT_MONACO_URL =\n  'https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.43.0/min/vs';\n","import type { Node } from '@babel/types';\nimport React, { Component, HTMLAttributes } from 'react';\nimport {\n  createGetImport,\n  createObjectPattern,\n  createVariableDeclaration,\n} from './ast';\nimport { getBabel } from './babel';\n\ninterface RunnerProps extends HTMLAttributes<HTMLDivElement> {\n  code: string;\n  language: string;\n  getImport: (name: string, getDefault?: boolean) => void;\n}\n\ninterface RunnerState {\n  error?: Error;\n  comp: any;\n}\n\nclass Runner extends Component<RunnerProps, RunnerState> {\n  static getDerivedStateFromError(error: Error) {\n    return {\n      error,\n      comp: null,\n    };\n  }\n\n  timer: any;\n\n  constructor(props: RunnerProps) {\n    super(props);\n\n    this.state = {\n      error: undefined,\n      comp: null,\n    };\n\n    this.doCompile = this.doCompile.bind(this);\n    this.waitCompile = this.waitCompile.bind(this);\n  }\n\n  waitCompile(targetCode: string) {\n    if (this.timer) {\n      clearTimeout(this.timer);\n    }\n    this.timer = setTimeout(() => {\n      this.timer = null;\n      this.doCompile(targetCode);\n    }, 600);\n  }\n\n  async doCompile(targetCode: string) {\n    const { language, getImport } = this.props;\n    const babel = await getBabel();\n    try {\n      const presets = [\n        [babel.availablePresets.react],\n        [babel.availablePresets.env, { modules: 'commonjs' }],\n      ];\n      if (language === 'tsx' || language === 'ts') {\n        presets.unshift([\n          babel.availablePresets.typescript,\n          {\n            allExtensions: true,\n            isTSX: language === 'tsx',\n          },\n        ]);\n      }\n      const result = babel.transform(targetCode, {\n        sourceType: 'module',\n        presets,\n        plugins: [\n          {\n            visitor: {\n              ImportDeclaration(path) {\n                const pkg = path.node.source.value;\n                const code: Node[] = [];\n                for (const specifier of path.node.specifiers) {\n                  // import X from 'xxx'\n                  if (specifier.type === 'ImportDefaultSpecifier') {\n                    // const ${specifier.local.name} = __get_import()\n                    code.push(\n                      createVariableDeclaration(\n                        specifier.local.name,\n                        createGetImport(pkg, true),\n                      ),\n                    );\n                  }\n                  // import * as X from 'xxx'\n                  if (specifier.type === 'ImportNamespaceSpecifier') {\n                    // const ${specifier.local.name} = __get_import()\n                    code.push(\n                      createVariableDeclaration(\n                        specifier.local.name,\n                        createGetImport(pkg),\n                      ),\n                    );\n                  }\n                  // import { a, b, c } from 'xxx'\n                  if (specifier.type === 'ImportSpecifier') {\n                    // const {${specifier.local.name}} = __get_import()\n                    code.push(\n                      createVariableDeclaration(\n                        createObjectPattern([specifier.local.name]),\n                        createGetImport(pkg),\n                      ),\n                    );\n                  }\n                }\n                path.replaceWithMultiple(code);\n              },\n            },\n          },\n        ],\n      });\n\n      // Code has been updated\n      if (targetCode !== this.props.code || !result || !result.code) {\n        return;\n      }\n\n      const runExports: any = {};\n      // eslint-disable-next-line @typescript-eslint/no-implied-eval, no-new-func\n      const func = new Function('__get_import', 'exports', result.code);\n      func(getImport, runExports);\n\n      if (runExports.default) {\n        this.setState({\n          error: undefined,\n          comp: React.createElement(runExports.default),\n        });\n        return;\n      }\n\n      this.setState({\n        error: new Error('No default export'),\n        comp: null,\n      });\n    } catch (e) {\n      // Code has been updated\n      if (targetCode !== this.props.code) {\n        return;\n      }\n      console.error(e);\n      this.setState({\n        error: e as Error,\n        comp: null,\n      });\n    }\n  }\n\n  componentDidCatch(error: Error, errorInfo: React.ErrorInfo) {\n    console.error(error);\n    console.error(errorInfo);\n  }\n\n  componentDidMount() {\n    this.doCompile(this.props.code);\n  }\n\n  componentDidUpdate(prevProps: RunnerProps) {\n    if (prevProps.code !== this.props.code) {\n      this.waitCompile(this.props.code);\n    }\n  }\n\n  render() {\n    const { className = '', code, language, getImport, ...rest } = this.props;\n    const { error, comp } = this.state;\n\n    if (error) {\n      return (\n        <div className={`rspress-playground-runner ${className}`} {...rest}>\n          <span style={{ color: 'red' }}>{error.message}</span>\n        </div>\n      );\n    }\n\n    return (\n      <div className={`rspress-playground-runner ${className}`} {...rest}>\n        {comp}\n      </div>\n    );\n  }\n}\n\nexport { Runner };\n","import type {\n  CallExpression,\n  Expression,\n  ObjectPattern,\n  VariableDeclaration,\n} from '@babel/types';\n\nexport function createVariableDeclaration(\n  id: string | ObjectPattern,\n  init: Expression,\n): VariableDeclaration {\n  return {\n    type: 'VariableDeclaration',\n    declarations: [\n      {\n        type: 'VariableDeclarator',\n        id:\n          typeof id === 'string'\n            ? {\n                type: 'Identifier',\n                name: id,\n              }\n            : id,\n        init,\n      },\n    ],\n    kind: 'const',\n  };\n}\n\nexport function createObjectPattern(names: string[]): ObjectPattern {\n  return {\n    type: 'ObjectPattern',\n    properties: names.map(name => ({\n      type: 'ObjectProperty',\n      key: {\n        type: 'Identifier',\n        name,\n      },\n      computed: false,\n      method: false,\n      shorthand: true,\n      value: {\n        type: 'Identifier',\n        name,\n      },\n    })),\n  };\n}\n\nexport function createGetImport(\n  name: string,\n  getDefault?: boolean,\n): CallExpression {\n  return {\n    type: 'CallExpression',\n    callee: {\n      type: 'Identifier',\n      name: '__get_import',\n    },\n    arguments: [\n      {\n        type: 'StringLiteral',\n        value: name,\n      },\n      {\n        type: 'BooleanLiteral',\n        value: Boolean(getDefault),\n      },\n    ],\n  };\n}\n","const loadingMap = new Map<string, Promise<void>>();\n\nexport function loadScript(url: string): Promise<void> {\n  const exists = loadingMap.get(url);\n  if (exists) {\n    return exists;\n  }\n  const n: Promise<void> = new Promise(resolve => {\n    const e = document.createElement('script');\n    e.src = url;\n    e.onload = () => resolve();\n    document.body.appendChild(e);\n  });\n  loadingMap.set(url, n);\n  return n;\n}\n\nexport function normalizeUrl(u: string) {\n  return u.replace(/\\/\\//g, '/');\n}\n","import type babel from '@babel/standalone';\nimport { DEFAULT_BABEL_URL } from './constant';\nimport { loadScript } from './utils';\n\ndeclare global {\n  // inject by builder in cli/index.ts\n  // see: https://modernjs.dev/builder/api/config-source.html#sourcedefine\n  const __PLAYGROUND_BABEL_URL__: any;\n  interface Window {\n    Babel: typeof babel;\n  }\n}\n\nasync function getBabel() {\n  if (!window.Babel) {\n    let babelUrl = DEFAULT_BABEL_URL;\n    try {\n      const u = __PLAYGROUND_BABEL_URL__;\n      if (u) {\n        babelUrl = u;\n      }\n    } catch (e) {\n      // ignore\n    }\n    await loadScript(babelUrl);\n  }\n  return window.Babel;\n}\n\nexport { getBabel };\n"]}
+{"version":3,"mappings":"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","names":[],"sources":["../../../src/web/index.ts","../../../src/web/editor.tsx","../../../src/web/constant.ts","../../../src/web/runner.tsx","../../../src/web/ast.ts","../../../src/web/utils.ts","../../../src/web/babel.ts"],"sourcesContent":["export {\n  default as MonacoEditor,\n  loader as MonacoEditorLoader,\n  EditorProps as MonacoEditorProps,\n} from '@monaco-editor/react';\nexport { Editor } from './editor';\nexport { Runner } from './runner';\n","import React from 'react';\nimport MonacoEditor, {\n  loader,\n  EditorProps as MonacoEditorProps,\n} from '@monaco-editor/react';\nimport { DEFAULT_MONACO_URL } from './constant';\n\n// inject by builder in cli/index.ts\n// see: https://modernjs.dev/builder/api/config-source.html#sourcedefine\ndeclare global {\n  const __PLAYGROUND_MONACO_LOADER__: any;\n  const __PLAYGROUND_MONACO_OPTIONS__: any;\n}\n\nfunction initLoader() {\n  let loaderConfig = {\n    paths: {\n      vs: DEFAULT_MONACO_URL,\n    },\n  };\n\n  try {\n    const keys = Object.keys(__PLAYGROUND_MONACO_LOADER__);\n\n    if (keys.length > 0) {\n      loaderConfig = __PLAYGROUND_MONACO_LOADER__;\n    }\n  } catch (e) {\n    // ignore\n  }\n\n  loader.config(loaderConfig);\n}\ninitLoader();\n\nfunction getMonacoOptions() {\n  try {\n    return __PLAYGROUND_MONACO_OPTIONS__;\n  } catch (e) {\n    // ignore\n  }\n  return {};\n}\n\nexport type EditorProps = Partial<MonacoEditorProps>;\n\nexport function Editor(props: EditorProps) {\n  const { options, className = '', ...rest } = props || {};\n\n  return (\n    <div className={`rspress-playground-editor ${className}`}>\n      <MonacoEditor\n        {...rest}\n        theme=\"light\"\n        options={{\n          minimap: {\n            enabled: true,\n            autohide: true,\n          },\n          fontSize: 14,\n          lineNumbersMinChars: 7,\n          scrollBeyondLastLine: false,\n          automaticLayout: true,\n          wordBasedSuggestions: true,\n          quickSuggestions: true,\n          scrollbar: {\n            verticalScrollbarSize: 8,\n            horizontalScrollbarSize: 8,\n          },\n          scrollPredominantAxis: false,\n          ...getMonacoOptions(),\n          ...options,\n        }}\n      />\n    </div>\n  );\n}\n","export const DEFAULT_BABEL_URL =\n  'https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/7.22.20/babel.min.js';\n\nexport const DEFAULT_MONACO_URL =\n  'https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.43.0/min/vs';\n","import type { Node } from '@babel/types';\nimport React, { Component, HTMLAttributes } from 'react';\nimport {\n  createGetImport,\n  createObjectPattern,\n  createVariableDeclaration,\n} from './ast';\nimport { getBabel } from './babel';\n\ninterface RunnerProps extends HTMLAttributes<HTMLDivElement> {\n  code: string;\n  language: string;\n  getImport: (name: string, getDefault?: boolean) => void;\n}\n\ninterface RunnerState {\n  error?: Error;\n  comp: any;\n}\n\nclass Runner extends Component<RunnerProps, RunnerState> {\n  static getDerivedStateFromError(error: Error) {\n    return {\n      error,\n      comp: null,\n    };\n  }\n\n  timer: any;\n\n  constructor(props: RunnerProps) {\n    super(props);\n\n    this.state = {\n      error: undefined,\n      comp: null,\n    };\n\n    this.doCompile = this.doCompile.bind(this);\n    this.waitCompile = this.waitCompile.bind(this);\n  }\n\n  waitCompile(targetCode: string) {\n    if (this.timer) {\n      clearTimeout(this.timer);\n    }\n    this.timer = setTimeout(() => {\n      this.timer = null;\n      this.doCompile(targetCode);\n    }, 600);\n  }\n\n  async doCompile(targetCode: string) {\n    const { language, getImport } = this.props;\n    const babel = await getBabel();\n    try {\n      const presets = [\n        [babel.availablePresets.react],\n        [babel.availablePresets.env, { modules: 'commonjs' }],\n      ];\n      if (language === 'tsx' || language === 'ts') {\n        presets.unshift([\n          babel.availablePresets.typescript,\n          {\n            allExtensions: true,\n            isTSX: language === 'tsx',\n          },\n        ]);\n      }\n      const result = babel.transform(targetCode, {\n        sourceType: 'module',\n        presets,\n        plugins: [\n          {\n            visitor: {\n              ImportDeclaration(path) {\n                const pkg = path.node.source.value;\n                const code: Node[] = [];\n                for (const specifier of path.node.specifiers) {\n                  // import X from 'xxx'\n                  if (specifier.type === 'ImportDefaultSpecifier') {\n                    // const ${specifier.local.name} = __get_import()\n                    code.push(\n                      createVariableDeclaration(\n                        specifier.local.name,\n                        createGetImport(pkg, true),\n                      ),\n                    );\n                  }\n                  // import * as X from 'xxx'\n                  if (specifier.type === 'ImportNamespaceSpecifier') {\n                    // const ${specifier.local.name} = __get_import()\n                    code.push(\n                      createVariableDeclaration(\n                        specifier.local.name,\n                        createGetImport(pkg),\n                      ),\n                    );\n                  }\n                  // import { a, b, c } from 'xxx'\n                  if (specifier.type === 'ImportSpecifier') {\n                    // const {${specifier.local.name}} = __get_import()\n                    code.push(\n                      createVariableDeclaration(\n                        createObjectPattern([specifier.local.name]),\n                        createGetImport(pkg),\n                      ),\n                    );\n                  }\n                }\n                path.replaceWithMultiple(code);\n              },\n            },\n          },\n        ],\n      });\n\n      // Code has been updated\n      if (targetCode !== this.props.code || !result || !result.code) {\n        return;\n      }\n\n      const runExports: any = {};\n      // eslint-disable-next-line @typescript-eslint/no-implied-eval, no-new-func\n      const func = new Function('__get_import', 'exports', result.code);\n      func(getImport, runExports);\n\n      if (runExports.default) {\n        this.setState({\n          error: undefined,\n          comp: React.createElement(runExports.default),\n        });\n        return;\n      }\n\n      this.setState({\n        error: new Error('No default export'),\n        comp: null,\n      });\n    } catch (e) {\n      // Code has been updated\n      if (targetCode !== this.props.code) {\n        return;\n      }\n      console.error(e);\n      this.setState({\n        error: e as Error,\n        comp: null,\n      });\n    }\n  }\n\n  componentDidCatch(error: Error, errorInfo: React.ErrorInfo) {\n    console.error(error);\n    console.error(errorInfo);\n  }\n\n  componentDidMount() {\n    this.doCompile(this.props.code);\n  }\n\n  componentDidUpdate(prevProps: RunnerProps) {\n    if (prevProps.code !== this.props.code) {\n      this.waitCompile(this.props.code);\n    }\n  }\n\n  render() {\n    const { className = '', code, language, getImport, ...rest } = this.props;\n    const { error, comp } = this.state;\n\n    if (error) {\n      return (\n        <div className={`rspress-playground-runner ${className}`} {...rest}>\n          <span style={{ color: 'red' }}>{error.message}</span>\n        </div>\n      );\n    }\n\n    return (\n      <div className={`rspress-playground-runner ${className}`} {...rest}>\n        {comp}\n      </div>\n    );\n  }\n}\n\nexport { Runner };\n","import type {\n  CallExpression,\n  Expression,\n  ObjectPattern,\n  VariableDeclaration,\n} from '@babel/types';\n\nexport function createVariableDeclaration(\n  id: string | ObjectPattern,\n  init: Expression,\n): VariableDeclaration {\n  return {\n    type: 'VariableDeclaration',\n    declarations: [\n      {\n        type: 'VariableDeclarator',\n        id:\n          typeof id === 'string'\n            ? {\n                type: 'Identifier',\n                name: id,\n              }\n            : id,\n        init,\n      },\n    ],\n    kind: 'const',\n  };\n}\n\nexport function createObjectPattern(names: string[]): ObjectPattern {\n  return {\n    type: 'ObjectPattern',\n    properties: names.map(name => ({\n      type: 'ObjectProperty',\n      key: {\n        type: 'Identifier',\n        name,\n      },\n      computed: false,\n      method: false,\n      shorthand: true,\n      value: {\n        type: 'Identifier',\n        name,\n      },\n    })),\n  };\n}\n\nexport function createGetImport(\n  name: string,\n  getDefault?: boolean,\n): CallExpression {\n  return {\n    type: 'CallExpression',\n    callee: {\n      type: 'Identifier',\n      name: '__get_import',\n    },\n    arguments: [\n      {\n        type: 'StringLiteral',\n        value: name,\n      },\n      {\n        type: 'BooleanLiteral',\n        value: Boolean(getDefault),\n      },\n    ],\n  };\n}\n","const loadingMap = new Map<string, Promise<void>>();\n\nexport function loadScript(url: string): Promise<void> {\n  const exists = loadingMap.get(url);\n  if (exists) {\n    return exists;\n  }\n  const n: Promise<void> = new Promise(resolve => {\n    const e = document.createElement('script');\n    e.src = url;\n    e.onload = () => resolve();\n    document.body.appendChild(e);\n  });\n  loadingMap.set(url, n);\n  return n;\n}\n\nexport function normalizeUrl(u: string) {\n  return u.replace(/\\/\\//g, '/');\n}\n","import type babel from '@babel/standalone';\nimport { DEFAULT_BABEL_URL } from './constant';\nimport { loadScript } from './utils';\n\ndeclare global {\n  // inject by builder in cli/index.ts\n  // see: https://modernjs.dev/builder/api/config-source.html#sourcedefine\n  const __PLAYGROUND_BABEL_URL__: any;\n  interface Window {\n    Babel: typeof babel;\n  }\n}\n\nasync function getBabel() {\n  if (!window.Babel) {\n    let babelUrl = DEFAULT_BABEL_URL;\n    try {\n      const u = __PLAYGROUND_BABEL_URL__;\n      if (u) {\n        babelUrl = u;\n      }\n    } catch (e) {\n      // ignore\n    }\n    await loadScript(babelUrl);\n  }\n  return window.Babel;\n}\n\nexport { getBabel };\n"]}

package/dist/web/esm/index.js

@@ -1,15 +1,28 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+
 // src/web/index.ts
-import { default as default2, loader as loader2, EditorProps } from "@monaco-editor/react";
+import {
+  default as default2,
+  loader as loader2,
+  EditorProps
+} from "@monaco-editor/react";
 
 // src/web/editor.tsx
-import { jsx as _jsx } from "react/jsx-runtime";
-import MonacoEditor, { loader } from "@monaco-editor/react";
+import MonacoEditor, {
+  loader
+} from "@monaco-editor/react";
 
 // src/web/constant.ts
 var DEFAULT_BABEL_URL = "https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/7.22.20/babel.min.js";
 var DEFAULT_MONACO_URL = "https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.43.0/min/vs";
 
 // src/web/editor.tsx
+import { jsx } from "react/jsx-runtime";
 function initLoader() {
   let loaderConfig = {
     paths: {
@@ -35,9 +48,9 @@ function getMonacoOptions() {
 }
 function Editor(props) {
   const { options, className = "", ...rest } = props || {};
-  return /* @__PURE__ */ _jsx("div", {
-    className: `rspress-playground-editor ${className}`,
-    children: /* @__PURE__ */ _jsx(MonacoEditor, {
+  return /* @__PURE__ */ jsx("div", { className: `rspress-playground-editor ${className}`, children: /* @__PURE__ */ jsx(
+    MonacoEditor,
+    {
       ...rest,
       theme: "light",
       options: {
@@ -59,12 +72,11 @@ function Editor(props) {
         ...getMonacoOptions(),
         ...options
       }
-    })
-  });
+    }
+  ) });
 }
 
 // src/web/runner.tsx
-import { jsx as _jsx2 } from "react/jsx-runtime";
 import React, { Component } from "react";
 
 // src/web/ast.ts
@@ -157,20 +169,18 @@ async function getBabel() {
 }
 
 // src/web/runner.tsx
-function _define_property(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
+import { jsx as jsx2 } from "react/jsx-runtime";
 var Runner = class extends Component {
+  constructor(props) {
+    super(props);
+    __publicField(this, "timer");
+    this.state = {
+      error: void 0,
+      comp: null
+    };
+    this.doCompile = this.doCompile.bind(this);
+    this.waitCompile = this.waitCompile.bind(this);
+  }
   static getDerivedStateFromError(error) {
     return {
       error,
@@ -191,15 +201,8 @@ var Runner = class extends Component {
     const babel = await getBabel();
     try {
       const presets = [
-        [
-          babel.availablePresets.react
-        ],
-        [
-          babel.availablePresets.env,
-          {
-            modules: "commonjs"
-          }
-        ]
+        [babel.availablePresets.react],
+        [babel.availablePresets.env, { modules: "commonjs" }]
       ];
       if (language === "tsx" || language === "ts") {
         presets.unshift([
@@ -221,15 +224,28 @@ var Runner = class extends Component {
                 const code = [];
                 for (const specifier of path.node.specifiers) {
                   if (specifier.type === "ImportDefaultSpecifier") {
-                    code.push(createVariableDeclaration(specifier.local.name, createGetImport(pkg, true)));
+                    code.push(
+                      createVariableDeclaration(
+                        specifier.local.name,
+                        createGetImport(pkg, true)
+                      )
+                    );
                   }
                   if (specifier.type === "ImportNamespaceSpecifier") {
-                    code.push(createVariableDeclaration(specifier.local.name, createGetImport(pkg)));
+                    code.push(
+                      createVariableDeclaration(
+                        specifier.local.name,
+                        createGetImport(pkg)
+                      )
+                    );
                   }
                   if (specifier.type === "ImportSpecifier") {
-                    code.push(createVariableDeclaration(createObjectPattern([
-                      specifier.local.name
-                    ]), createGetImport(pkg)));
+                    code.push(
+                      createVariableDeclaration(
+                        createObjectPattern([specifier.local.name]),
+                        createGetImport(pkg)
+                      )
+                    );
                   }
                 }
                 path.replaceWithMultiple(code);
@@ -247,7 +263,7 @@ var Runner = class extends Component {
       if (runExports.default) {
         this.setState({
           error: void 0,
-          comp: /* @__PURE__ */ React.createElement(runExports.default)
+          comp: React.createElement(runExports.default)
         });
         return;
       }
@@ -282,32 +298,9 @@ var Runner = class extends Component {
     const { className = "", code, language, getImport, ...rest } = this.props;
     const { error, comp } = this.state;
     if (error) {
-      return /* @__PURE__ */ _jsx2("div", {
-        className: `rspress-playground-runner ${className}`,
-        ...rest,
-        children: /* @__PURE__ */ _jsx2("span", {
-          style: {
-            color: "red"
-          },
-          children: error.message
-        })
-      });
+      return /* @__PURE__ */ jsx2("div", { className: `rspress-playground-runner ${className}`, ...rest, children: /* @__PURE__ */ jsx2("span", { style: { color: "red" }, children: error.message }) });
     }
-    return /* @__PURE__ */ _jsx2("div", {
-      className: `rspress-playground-runner ${className}`,
-      ...rest,
-      children: comp
-    });
-  }
-  constructor(props) {
-    super(props);
-    _define_property(this, "timer", void 0);
-    this.state = {
-      error: void 0,
-      comp: null
-    };
-    this.doCompile = this.doCompile.bind(this);
-    this.waitCompile = this.waitCompile.bind(this);
+    return /* @__PURE__ */ jsx2("div", { className: `rspress-playground-runner ${className}`, ...rest, children: comp });
   }
 };
 export {

package/dist/web/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"mappings":"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","names":["MonacoEditor","default","MonacoEditorLoader","loader","MonacoEditorProps","DEFAULT_BABEL_URL","DEFAULT_MONACO_URL","initLoader","loaderConfig","paths","vs","keys","Object","__PLAYGROUND_MONACO_LOADER__","length","e","config","getMonacoOptions","__PLAYGROUND_MONACO_OPTIONS__","Editor","props","options","className","rest","div","theme","minimap","enabled","autohide","fontSize","lineNumbersMinChars","scrollBeyondLastLine","automaticLayout","wordBasedSuggestions","quickSuggestions","scrollbar","verticalScrollbarSize","horizontalScrollbarSize","scrollPredominantAxis","React","Component","createVariableDeclaration","id","init","type","declarations","name","kind","createObjectPattern","names","properties","map","key","computed","method","shorthand","value","createGetImport","getDefault","callee","arguments","Boolean","loadingMap","Map","loadScript","url","exists","get","n","Promise","resolve","document","createElement","src","onload","body","appendChild","set","getBabel","window","Babel","babelUrl","u","__PLAYGROUND_BABEL_URL__","Runner","getDerivedStateFromError","error","comp","waitCompile","targetCode","timer","clearTimeout","setTimeout","doCompile","language","getImport","babel","presets","availablePresets","react","env","modules","unshift","typescript","allExtensions","isTSX","result","transform","sourceType","plugins","visitor","ImportDeclaration","path","pkg","node","source","code","specifier","specifiers","push","local","replaceWithMultiple","runExports","func","Function","setState","undefined","Error","console","componentDidCatch","errorInfo","componentDidMount","componentDidUpdate","prevProps","render","state","span","style","color","message","constructor","bind"],"sources":["../../../src/web/home/runner/work/rspress/rspress/packages/plugin-playground/src/web/index.ts","../../../src/web/home/runner/work/rspress/rspress/packages/plugin-playground/src/web/editor.tsx","../../../src/web/home/runner/work/rspress/rspress/packages/plugin-playground/src/web/constant.ts","../../../src/web/home/runner/work/rspress/rspress/packages/plugin-playground/src/web/runner.tsx","../../../src/web/home/runner/work/rspress/rspress/packages/plugin-playground/src/web/ast.ts","../../../src/web/home/runner/work/rspress/rspress/packages/plugin-playground/src/web/utils.ts","../../../src/web/home/runner/work/rspress/rspress/packages/plugin-playground/src/web/babel.ts"],"sourcesContent":["export {\n  default as MonacoEditor,\n  loader as MonacoEditorLoader,\n  EditorProps as MonacoEditorProps,\n} from '@monaco-editor/react';\nexport { Editor } from './editor';\nexport { Runner } from './runner';\n","import React from 'react';\nimport MonacoEditor, {\n  loader,\n  EditorProps as MonacoEditorProps,\n} from '@monaco-editor/react';\nimport { DEFAULT_MONACO_URL } from './constant';\n\n// inject by builder in cli/index.ts\n// see: https://modernjs.dev/builder/api/config-source.html#sourcedefine\ndeclare global {\n  const __PLAYGROUND_MONACO_LOADER__: any;\n  const __PLAYGROUND_MONACO_OPTIONS__: any;\n}\n\nfunction initLoader() {\n  let loaderConfig = {\n    paths: {\n      vs: DEFAULT_MONACO_URL,\n    },\n  };\n\n  try {\n    const keys = Object.keys(__PLAYGROUND_MONACO_LOADER__);\n\n    if (keys.length > 0) {\n      loaderConfig = __PLAYGROUND_MONACO_LOADER__;\n    }\n  } catch (e) {\n    // ignore\n  }\n\n  loader.config(loaderConfig);\n}\ninitLoader();\n\nfunction getMonacoOptions() {\n  try {\n    return __PLAYGROUND_MONACO_OPTIONS__;\n  } catch (e) {\n    // ignore\n  }\n  return {};\n}\n\nexport type EditorProps = Partial<MonacoEditorProps>;\n\nexport function Editor(props: EditorProps) {\n  const { options, className = '', ...rest } = props || {};\n\n  return (\n    <div className={`rspress-playground-editor ${className}`}>\n      <MonacoEditor\n        {...rest}\n        theme=\"light\"\n        options={{\n          minimap: {\n            enabled: true,\n            autohide: true,\n          },\n          fontSize: 14,\n          lineNumbersMinChars: 7,\n          scrollBeyondLastLine: false,\n          automaticLayout: true,\n          wordBasedSuggestions: true,\n          quickSuggestions: true,\n          scrollbar: {\n            verticalScrollbarSize: 8,\n            horizontalScrollbarSize: 8,\n          },\n          scrollPredominantAxis: false,\n          ...getMonacoOptions(),\n          ...options,\n        }}\n      />\n    </div>\n  );\n}\n","export const DEFAULT_BABEL_URL =\n  'https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/7.22.20/babel.min.js';\n\nexport const DEFAULT_MONACO_URL =\n  'https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.43.0/min/vs';\n","import type { Node } from '@babel/types';\nimport React, { Component, HTMLAttributes } from 'react';\nimport {\n  createGetImport,\n  createObjectPattern,\n  createVariableDeclaration,\n} from './ast';\nimport { getBabel } from './babel';\n\ninterface RunnerProps extends HTMLAttributes<HTMLDivElement> {\n  code: string;\n  language: string;\n  getImport: (name: string, getDefault?: boolean) => void;\n}\n\ninterface RunnerState {\n  error?: Error;\n  comp: any;\n}\n\nclass Runner extends Component<RunnerProps, RunnerState> {\n  static getDerivedStateFromError(error: Error) {\n    return {\n      error,\n      comp: null,\n    };\n  }\n\n  timer: any;\n\n  constructor(props: RunnerProps) {\n    super(props);\n\n    this.state = {\n      error: undefined,\n      comp: null,\n    };\n\n    this.doCompile = this.doCompile.bind(this);\n    this.waitCompile = this.waitCompile.bind(this);\n  }\n\n  waitCompile(targetCode: string) {\n    if (this.timer) {\n      clearTimeout(this.timer);\n    }\n    this.timer = setTimeout(() => {\n      this.timer = null;\n      this.doCompile(targetCode);\n    }, 600);\n  }\n\n  async doCompile(targetCode: string) {\n    const { language, getImport } = this.props;\n    const babel = await getBabel();\n    try {\n      const presets = [\n        [babel.availablePresets.react],\n        [babel.availablePresets.env, { modules: 'commonjs' }],\n      ];\n      if (language === 'tsx' || language === 'ts') {\n        presets.unshift([\n          babel.availablePresets.typescript,\n          {\n            allExtensions: true,\n            isTSX: language === 'tsx',\n          },\n        ]);\n      }\n      const result = babel.transform(targetCode, {\n        sourceType: 'module',\n        presets,\n        plugins: [\n          {\n            visitor: {\n              ImportDeclaration(path) {\n                const pkg = path.node.source.value;\n                const code: Node[] = [];\n                for (const specifier of path.node.specifiers) {\n                  // import X from 'xxx'\n                  if (specifier.type === 'ImportDefaultSpecifier') {\n                    // const ${specifier.local.name} = __get_import()\n                    code.push(\n                      createVariableDeclaration(\n                        specifier.local.name,\n                        createGetImport(pkg, true),\n                      ),\n                    );\n                  }\n                  // import * as X from 'xxx'\n                  if (specifier.type === 'ImportNamespaceSpecifier') {\n                    // const ${specifier.local.name} = __get_import()\n                    code.push(\n                      createVariableDeclaration(\n                        specifier.local.name,\n                        createGetImport(pkg),\n                      ),\n                    );\n                  }\n                  // import { a, b, c } from 'xxx'\n                  if (specifier.type === 'ImportSpecifier') {\n                    // const {${specifier.local.name}} = __get_import()\n                    code.push(\n                      createVariableDeclaration(\n                        createObjectPattern([specifier.local.name]),\n                        createGetImport(pkg),\n                      ),\n                    );\n                  }\n                }\n                path.replaceWithMultiple(code);\n              },\n            },\n          },\n        ],\n      });\n\n      // Code has been updated\n      if (targetCode !== this.props.code || !result || !result.code) {\n        return;\n      }\n\n      const runExports: any = {};\n      // eslint-disable-next-line @typescript-eslint/no-implied-eval, no-new-func\n      const func = new Function('__get_import', 'exports', result.code);\n      func(getImport, runExports);\n\n      if (runExports.default) {\n        this.setState({\n          error: undefined,\n          comp: React.createElement(runExports.default),\n        });\n        return;\n      }\n\n      this.setState({\n        error: new Error('No default export'),\n        comp: null,\n      });\n    } catch (e) {\n      // Code has been updated\n      if (targetCode !== this.props.code) {\n        return;\n      }\n      console.error(e);\n      this.setState({\n        error: e as Error,\n        comp: null,\n      });\n    }\n  }\n\n  componentDidCatch(error: Error, errorInfo: React.ErrorInfo) {\n    console.error(error);\n    console.error(errorInfo);\n  }\n\n  componentDidMount() {\n    this.doCompile(this.props.code);\n  }\n\n  componentDidUpdate(prevProps: RunnerProps) {\n    if (prevProps.code !== this.props.code) {\n      this.waitCompile(this.props.code);\n    }\n  }\n\n  render() {\n    const { className = '', code, language, getImport, ...rest } = this.props;\n    const { error, comp } = this.state;\n\n    if (error) {\n      return (\n        <div className={`rspress-playground-runner ${className}`} {...rest}>\n          <span style={{ color: 'red' }}>{error.message}</span>\n        </div>\n      );\n    }\n\n    return (\n      <div className={`rspress-playground-runner ${className}`} {...rest}>\n        {comp}\n      </div>\n    );\n  }\n}\n\nexport { Runner };\n","import type {\n  CallExpression,\n  Expression,\n  ObjectPattern,\n  VariableDeclaration,\n} from '@babel/types';\n\nexport function createVariableDeclaration(\n  id: string | ObjectPattern,\n  init: Expression,\n): VariableDeclaration {\n  return {\n    type: 'VariableDeclaration',\n    declarations: [\n      {\n        type: 'VariableDeclarator',\n        id:\n          typeof id === 'string'\n            ? {\n                type: 'Identifier',\n                name: id,\n              }\n            : id,\n        init,\n      },\n    ],\n    kind: 'const',\n  };\n}\n\nexport function createObjectPattern(names: string[]): ObjectPattern {\n  return {\n    type: 'ObjectPattern',\n    properties: names.map(name => ({\n      type: 'ObjectProperty',\n      key: {\n        type: 'Identifier',\n        name,\n      },\n      computed: false,\n      method: false,\n      shorthand: true,\n      value: {\n        type: 'Identifier',\n        name,\n      },\n    })),\n  };\n}\n\nexport function createGetImport(\n  name: string,\n  getDefault?: boolean,\n): CallExpression {\n  return {\n    type: 'CallExpression',\n    callee: {\n      type: 'Identifier',\n      name: '__get_import',\n    },\n    arguments: [\n      {\n        type: 'StringLiteral',\n        value: name,\n      },\n      {\n        type: 'BooleanLiteral',\n        value: Boolean(getDefault),\n      },\n    ],\n  };\n}\n","const loadingMap = new Map<string, Promise<void>>();\n\nexport function loadScript(url: string): Promise<void> {\n  const exists = loadingMap.get(url);\n  if (exists) {\n    return exists;\n  }\n  const n: Promise<void> = new Promise(resolve => {\n    const e = document.createElement('script');\n    e.src = url;\n    e.onload = () => resolve();\n    document.body.appendChild(e);\n  });\n  loadingMap.set(url, n);\n  return n;\n}\n\nexport function normalizeUrl(u: string) {\n  return u.replace(/\\/\\//g, '/');\n}\n","import type babel from '@babel/standalone';\nimport { DEFAULT_BABEL_URL } from './constant';\nimport { loadScript } from './utils';\n\ndeclare global {\n  // inject by builder in cli/index.ts\n  // see: https://modernjs.dev/builder/api/config-source.html#sourcedefine\n  const __PLAYGROUND_BABEL_URL__: any;\n  interface Window {\n    Babel: typeof babel;\n  }\n}\n\nasync function getBabel() {\n  if (!window.Babel) {\n    let babelUrl = DEFAULT_BABEL_URL;\n    try {\n      const u = __PLAYGROUND_BABEL_URL__;\n      if (u) {\n        babelUrl = u;\n      }\n    } catch (e) {\n      // ignore\n    }\n    await loadScript(babelUrl);\n  }\n  return window.Babel;\n}\n\nexport { getBabel };\n"]}
+{"version":3,"mappings":"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","names":["default","loader"],"sources":["../../../src/web/index.ts","../../../src/web/editor.tsx","../../../src/web/constant.ts","../../../src/web/runner.tsx","../../../src/web/ast.ts","../../../src/web/utils.ts","../../../src/web/babel.ts"],"sourcesContent":["export {\n  default as MonacoEditor,\n  loader as MonacoEditorLoader,\n  EditorProps as MonacoEditorProps,\n} from '@monaco-editor/react';\nexport { Editor } from './editor';\nexport { Runner } from './runner';\n","import React from 'react';\nimport MonacoEditor, {\n  loader,\n  EditorProps as MonacoEditorProps,\n} from '@monaco-editor/react';\nimport { DEFAULT_MONACO_URL } from './constant';\n\n// inject by builder in cli/index.ts\n// see: https://modernjs.dev/builder/api/config-source.html#sourcedefine\ndeclare global {\n  const __PLAYGROUND_MONACO_LOADER__: any;\n  const __PLAYGROUND_MONACO_OPTIONS__: any;\n}\n\nfunction initLoader() {\n  let loaderConfig = {\n    paths: {\n      vs: DEFAULT_MONACO_URL,\n    },\n  };\n\n  try {\n    const keys = Object.keys(__PLAYGROUND_MONACO_LOADER__);\n\n    if (keys.length > 0) {\n      loaderConfig = __PLAYGROUND_MONACO_LOADER__;\n    }\n  } catch (e) {\n    // ignore\n  }\n\n  loader.config(loaderConfig);\n}\ninitLoader();\n\nfunction getMonacoOptions() {\n  try {\n    return __PLAYGROUND_MONACO_OPTIONS__;\n  } catch (e) {\n    // ignore\n  }\n  return {};\n}\n\nexport type EditorProps = Partial<MonacoEditorProps>;\n\nexport function Editor(props: EditorProps) {\n  const { options, className = '', ...rest } = props || {};\n\n  return (\n    <div className={`rspress-playground-editor ${className}`}>\n      <MonacoEditor\n        {...rest}\n        theme=\"light\"\n        options={{\n          minimap: {\n            enabled: true,\n            autohide: true,\n          },\n          fontSize: 14,\n          lineNumbersMinChars: 7,\n          scrollBeyondLastLine: false,\n          automaticLayout: true,\n          wordBasedSuggestions: true,\n          quickSuggestions: true,\n          scrollbar: {\n            verticalScrollbarSize: 8,\n            horizontalScrollbarSize: 8,\n          },\n          scrollPredominantAxis: false,\n          ...getMonacoOptions(),\n          ...options,\n        }}\n      />\n    </div>\n  );\n}\n","export const DEFAULT_BABEL_URL =\n  'https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/7.22.20/babel.min.js';\n\nexport const DEFAULT_MONACO_URL =\n  'https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.43.0/min/vs';\n","import type { Node } from '@babel/types';\nimport React, { Component, HTMLAttributes } from 'react';\nimport {\n  createGetImport,\n  createObjectPattern,\n  createVariableDeclaration,\n} from './ast';\nimport { getBabel } from './babel';\n\ninterface RunnerProps extends HTMLAttributes<HTMLDivElement> {\n  code: string;\n  language: string;\n  getImport: (name: string, getDefault?: boolean) => void;\n}\n\ninterface RunnerState {\n  error?: Error;\n  comp: any;\n}\n\nclass Runner extends Component<RunnerProps, RunnerState> {\n  static getDerivedStateFromError(error: Error) {\n    return {\n      error,\n      comp: null,\n    };\n  }\n\n  timer: any;\n\n  constructor(props: RunnerProps) {\n    super(props);\n\n    this.state = {\n      error: undefined,\n      comp: null,\n    };\n\n    this.doCompile = this.doCompile.bind(this);\n    this.waitCompile = this.waitCompile.bind(this);\n  }\n\n  waitCompile(targetCode: string) {\n    if (this.timer) {\n      clearTimeout(this.timer);\n    }\n    this.timer = setTimeout(() => {\n      this.timer = null;\n      this.doCompile(targetCode);\n    }, 600);\n  }\n\n  async doCompile(targetCode: string) {\n    const { language, getImport } = this.props;\n    const babel = await getBabel();\n    try {\n      const presets = [\n        [babel.availablePresets.react],\n        [babel.availablePresets.env, { modules: 'commonjs' }],\n      ];\n      if (language === 'tsx' || language === 'ts') {\n        presets.unshift([\n          babel.availablePresets.typescript,\n          {\n            allExtensions: true,\n            isTSX: language === 'tsx',\n          },\n        ]);\n      }\n      const result = babel.transform(targetCode, {\n        sourceType: 'module',\n        presets,\n        plugins: [\n          {\n            visitor: {\n              ImportDeclaration(path) {\n                const pkg = path.node.source.value;\n                const code: Node[] = [];\n                for (const specifier of path.node.specifiers) {\n                  // import X from 'xxx'\n                  if (specifier.type === 'ImportDefaultSpecifier') {\n                    // const ${specifier.local.name} = __get_import()\n                    code.push(\n                      createVariableDeclaration(\n                        specifier.local.name,\n                        createGetImport(pkg, true),\n                      ),\n                    );\n                  }\n                  // import * as X from 'xxx'\n                  if (specifier.type === 'ImportNamespaceSpecifier') {\n                    // const ${specifier.local.name} = __get_import()\n                    code.push(\n                      createVariableDeclaration(\n                        specifier.local.name,\n                        createGetImport(pkg),\n                      ),\n                    );\n                  }\n                  // import { a, b, c } from 'xxx'\n                  if (specifier.type === 'ImportSpecifier') {\n                    // const {${specifier.local.name}} = __get_import()\n                    code.push(\n                      createVariableDeclaration(\n                        createObjectPattern([specifier.local.name]),\n                        createGetImport(pkg),\n                      ),\n                    );\n                  }\n                }\n                path.replaceWithMultiple(code);\n              },\n            },\n          },\n        ],\n      });\n\n      // Code has been updated\n      if (targetCode !== this.props.code || !result || !result.code) {\n        return;\n      }\n\n      const runExports: any = {};\n      // eslint-disable-next-line @typescript-eslint/no-implied-eval, no-new-func\n      const func = new Function('__get_import', 'exports', result.code);\n      func(getImport, runExports);\n\n      if (runExports.default) {\n        this.setState({\n          error: undefined,\n          comp: React.createElement(runExports.default),\n        });\n        return;\n      }\n\n      this.setState({\n        error: new Error('No default export'),\n        comp: null,\n      });\n    } catch (e) {\n      // Code has been updated\n      if (targetCode !== this.props.code) {\n        return;\n      }\n      console.error(e);\n      this.setState({\n        error: e as Error,\n        comp: null,\n      });\n    }\n  }\n\n  componentDidCatch(error: Error, errorInfo: React.ErrorInfo) {\n    console.error(error);\n    console.error(errorInfo);\n  }\n\n  componentDidMount() {\n    this.doCompile(this.props.code);\n  }\n\n  componentDidUpdate(prevProps: RunnerProps) {\n    if (prevProps.code !== this.props.code) {\n      this.waitCompile(this.props.code);\n    }\n  }\n\n  render() {\n    const { className = '', code, language, getImport, ...rest } = this.props;\n    const { error, comp } = this.state;\n\n    if (error) {\n      return (\n        <div className={`rspress-playground-runner ${className}`} {...rest}>\n          <span style={{ color: 'red' }}>{error.message}</span>\n        </div>\n      );\n    }\n\n    return (\n      <div className={`rspress-playground-runner ${className}`} {...rest}>\n        {comp}\n      </div>\n    );\n  }\n}\n\nexport { Runner };\n","import type {\n  CallExpression,\n  Expression,\n  ObjectPattern,\n  VariableDeclaration,\n} from '@babel/types';\n\nexport function createVariableDeclaration(\n  id: string | ObjectPattern,\n  init: Expression,\n): VariableDeclaration {\n  return {\n    type: 'VariableDeclaration',\n    declarations: [\n      {\n        type: 'VariableDeclarator',\n        id:\n          typeof id === 'string'\n            ? {\n                type: 'Identifier',\n                name: id,\n              }\n            : id,\n        init,\n      },\n    ],\n    kind: 'const',\n  };\n}\n\nexport function createObjectPattern(names: string[]): ObjectPattern {\n  return {\n    type: 'ObjectPattern',\n    properties: names.map(name => ({\n      type: 'ObjectProperty',\n      key: {\n        type: 'Identifier',\n        name,\n      },\n      computed: false,\n      method: false,\n      shorthand: true,\n      value: {\n        type: 'Identifier',\n        name,\n      },\n    })),\n  };\n}\n\nexport function createGetImport(\n  name: string,\n  getDefault?: boolean,\n): CallExpression {\n  return {\n    type: 'CallExpression',\n    callee: {\n      type: 'Identifier',\n      name: '__get_import',\n    },\n    arguments: [\n      {\n        type: 'StringLiteral',\n        value: name,\n      },\n      {\n        type: 'BooleanLiteral',\n        value: Boolean(getDefault),\n      },\n    ],\n  };\n}\n","const loadingMap = new Map<string, Promise<void>>();\n\nexport function loadScript(url: string): Promise<void> {\n  const exists = loadingMap.get(url);\n  if (exists) {\n    return exists;\n  }\n  const n: Promise<void> = new Promise(resolve => {\n    const e = document.createElement('script');\n    e.src = url;\n    e.onload = () => resolve();\n    document.body.appendChild(e);\n  });\n  loadingMap.set(url, n);\n  return n;\n}\n\nexport function normalizeUrl(u: string) {\n  return u.replace(/\\/\\//g, '/');\n}\n","import type babel from '@babel/standalone';\nimport { DEFAULT_BABEL_URL } from './constant';\nimport { loadScript } from './utils';\n\ndeclare global {\n  // inject by builder in cli/index.ts\n  // see: https://modernjs.dev/builder/api/config-source.html#sourcedefine\n  const __PLAYGROUND_BABEL_URL__: any;\n  interface Window {\n    Babel: typeof babel;\n  }\n}\n\nasync function getBabel() {\n  if (!window.Babel) {\n    let babelUrl = DEFAULT_BABEL_URL;\n    try {\n      const u = __PLAYGROUND_BABEL_URL__;\n      if (u) {\n        babelUrl = u;\n      }\n    } catch (e) {\n      // ignore\n    }\n    await loadScript(babelUrl);\n  }\n  return window.Babel;\n}\n\nexport { getBabel };\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rspress/plugin-playground",
-  "version": "0.0.0-next-20230927072732",
+  "version": "0.0.0-next-20231020055855",
   "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,11 +33,12 @@
   ],
   "dependencies": {
     "@mdx-js/mdx": "2.2.1",
-    "@modern-js/utils": "2.35.1",
+    "@modern-js/utils": "2.37.1",
     "@monaco-editor/react": "~4.4.6",
     "@oxidation-compiler/napi": "^0.1.0",
     "remark-gfm": "3.0.1",
-    "@rspress/shared": "0.0.0-next-20230927072732"
+    "rspack-plugin-virtual-module": "0.1.12",
+    "@rspress/shared": "0.0.0-next-20231020055855"
   },
   "devDependencies": {
     "@babel/types": "^7.22.17",
@@ -53,13 +54,12 @@
     "react": "^18",
     "react-dom": "^18",
     "react-router-dom": "^6.8.1",
-    "rspack-plugin-virtual-module": "0.1.11",
     "typescript": "^5",
     "unified": "^10.1.2",
     "unist-util-visit": "^4.1.1"
   },
   "peerDependencies": {
-    "@rspress/core": "0.0.0-next-20230927072732",
+    "@rspress/core": "0.0.0-next-20231020055855",
     "react": ">=17",
     "react-router-dom": "^6.8.1"
   },