@rspress/plugin-playground 1.40.1 → 1.40.3-cannary-20250126

package/dist/web/cjs/index.js

@@ -1,385 +1,319 @@
 "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 });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  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 = {};
-__export(web_exports, {
-  Editor: () => Editor,
-  MonacoEditor: () => import_react4.default,
-  MonacoEditorLoader: () => import_react4.loader,
-  Runner: () => Runner
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.n = function(module) {
+        var getter = module && module.__esModule ? function() {
+            return module['default'];
+        } : function() {
+            return module;
+        };
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
+(()=>{
+    __webpack_require__.d = function(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 = function(obj, prop) {
+        return Object.prototype.hasOwnProperty.call(obj, prop);
+    };
+})();
+(()=>{
+    __webpack_require__.r = function(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__, {
+    Editor: ()=>Editor,
+    MonacoEditor: ()=>react_default(),
+    MonacoEditorLoader: ()=>react_namespaceObject.loader,
+    Runner: ()=>Runner
 });
-module.exports = __toCommonJS(web_exports);
-var import_react4 = __toESM(require("@monaco-editor/react"));
-
-// src/web/editor.tsx
-var import_react = __toESM(require("@monaco-editor/react"));
-var import_runtime = require("@rspress/core/runtime");
-var import_react2 = require("react");
-
-// src/web/constant.ts
-var DEFAULT_MONACO_URL = "https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.43.0/min/vs";
-
-// src/web/editor.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
+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) {
-  }
-  import_react.loader.config(loaderConfig);
+    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 {};
+    try {
+        return __PLAYGROUND_MONACO_OPTIONS__;
+    } catch (e) {}
+    return {};
 }
 function Editor(props) {
-  const { options, className = "", theme: themeProp, ...rest } = props || {};
-  const dark = (0, import_runtime.useDark)();
-  const theme = (0, import_react2.useMemo)(() => {
-    if (themeProp) {
-      return themeProp;
-    }
-    return dark ? "vs-dark" : "light";
-  }, [themeProp, dark]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `rspress-playground-editor ${className}`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_react.default,
-    {
-      ...rest,
-      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
-      }
-    }
-  ) });
+    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__*/ external_react_default().createElement("div", {
+        className: `rspress-playground-editor ${className}`
+    }, /*#__PURE__*/ external_react_default().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
+        }
+    }));
 }
-
-// src/web/runner.tsx
-var import_react3 = __toESM(require("react"));
-
-// src/web/ast.ts
 function createVariableDeclaration(id, init) {
-  return {
-    type: "VariableDeclaration",
-    declarations: [
-      {
-        type: "VariableDeclarator",
-        id: typeof id === "string" ? {
-          type: "Identifier",
-          name: id
-        } : id,
-        init
-      }
-    ],
-    kind: "const"
-  };
+    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
-  };
+    return {
+        type: 'Identifier',
+        name
+    };
 }
 function createObjectProperty(key, value) {
-  return {
-    type: "ObjectProperty",
-    key: createIdentifier(key),
-    computed: false,
-    shorthand: key === value,
-    value: createIdentifier(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)
-    )
-  };
+    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)
-      }
-    ]
-  };
+    return {
+        type: 'CallExpression',
+        callee: {
+            type: 'Identifier',
+            name: '__get_import'
+        },
+        arguments: [
+            {
+                type: 'StringLiteral',
+                value: name
+            },
+            {
+                type: 'BooleanLiteral',
+                value: Boolean(getDefault)
+            }
+        ]
+    };
 }
-
-// src/web/babel.ts
 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 exports = {};
-  const module2 = { exports };
-  const require2 = () => {
-  };
-  run(exports, module2, require2);
-  return exports;
+    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;
 }
-var loadBabelPromise = null;
+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;
-  }
+    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;
+    }
 }
-
-// src/web/runner.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var DEBOUNCE_TIME = 800;
-var Runner = class extends import_react3.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,
-      comp: null
-    };
-  }
-  waitCompile(targetCode) {
-    if (this.timer) {
-      clearTimeout(this.timer);
+const DEBOUNCE_TIME = 800;
+class Runner extends external_react_namespaceObject.Component {
+    static getDerivedStateFromError(error) {
+        return {
+            error,
+            comp: null
+        };
     }
-    this.timer = 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 (language === "tsx" || language === "ts") {
-        presets.unshift([
-          babel.availablePresets.typescript,
-          {
-            allExtensions: true,
-            isTSX: language === "tsx"
-          }
-        ]);
-      }
-      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 (specifier.local.name === "React") {
-                    this.hasReactImported = true;
-                  }
-                  if (specifier.type === "ImportDefaultSpecifier") {
-                    code.push(
-                      createVariableDeclaration(
-                        specifier.local.name,
-                        createGetImport(pkg, true)
-                      )
-                    );
-                  }
-                  if (specifier.type === "ImportNamespaceSpecifier") {
-                    code.push(
-                      createVariableDeclaration(
-                        specifier.local.name,
-                        createGetImport(pkg)
-                      )
-                    );
-                  }
-                  if (specifier.type === "ImportSpecifier") {
-                    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);
+    waitCompile(targetCode) {
+        if (this.timer) clearTimeout(this.timer);
+        this.timer = 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
                 }
-                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)
-                  )
-                );
-              }
+            ]);
+            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) {
+                this.setState({
+                    error: void 0,
+                    comp: /*#__PURE__*/ external_react_default().createElement(runExports.default)
+                });
+                return;
             }
-          }
-        ]
-      });
-      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) {
-        this.setState({
-          error: void 0,
-          comp: import_react3.default.createElement(runExports.default)
-        });
-        return;
-      }
-      this.setState({
-        error: new Error("No default export")
-      });
-    } catch (e) {
-      if (targetCode !== this.props.code) {
-        return;
-      }
-      console.error(e);
-      this.setState({
-        error: e
-      });
+            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);
     }
-  }
-  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);
+    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__ */ (0, import_jsx_runtime2.jsxs)("div", { className: `rspress-playground-runner ${className}`, ...rest, children: [
-      comp,
-      error && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("pre", { className: "rspress-playground-error", children: error.message })
-    ] });
-  }
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Editor,
-  MonacoEditor,
-  MonacoEditorLoader,
-  Runner
+    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);
+        this.state = {
+            error: void 0,
+            comp: null
+        };
+        this.doCompile = this.doCompile.bind(this);
+        this.waitCompile = this.waitCompile.bind(this);
+    }
+}
+var __webpack_export_target__ = exports;
+for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
+if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
+    value: true
 });
-
-//# sourceMappingURL=index.js.map