@rspress/plugin-playground 0.0.0-nightly-20230920160336 → 0.1.0

package/dist/cli/cjs/index.js

@@ -2876,6 +2876,15 @@ var remarkPlugin = ({
   };
 };
 
+// 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/utils.ts
+function normalizeUrl(u) {
+  return u.replace(/\/\//g, "/");
+}
+
 // src/cli/index.ts
 var routeMeta;
 function pluginPlayground(options) {
@@ -2884,6 +2893,7 @@ function pluginPlayground(options) {
     include,
     defaultDirection = "horizontal",
     editorPosition = "left",
+    babelUrl = "",
     monacoLoader = {},
     monacoOptions = {}
   } = options || {};
@@ -2894,6 +2904,11 @@ function pluginPlayground(options) {
       "[Playground]: render should ends with Playground.(jsx?|tsx?)"
     );
   }
+  const preloads = [];
+  preloads.push(babelUrl || DEFAULT_BABEL_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",
     async routeGenerated(routes) {
@@ -2993,10 +3008,22 @@ function pluginPlayground(options) {
     builderConfig: {
       source: {
         define: {
+          __PLAYGROUND_BABEL_URL__: JSON.stringify(babelUrl),
           __PLAYGROUND_MONACO_LOADER__: JSON.stringify(monacoLoader),
           __PLAYGROUND_MONACO_OPTIONS__: JSON.stringify(monacoOptions)
         }
       },
+      html: {
+        tags: preloads.map((url) => ({
+          tag: "link",
+          head: true,
+          attrs: {
+            rel: "preload",
+            href: url,
+            as: "script"
+          }
+        }))
+      },
       tools: {
         // eslint-disable-next-line @typescript-eslint/ban-ts-comment, @typescript-eslint/prefer-ts-expect-error
         // @ts-ignore