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

package/dist/cli/esm/index.d.ts

@@ -6,6 +6,7 @@ interface PlaygroundOptions {
     include: Array<string | [string, string]>;
     defaultDirection: 'horizontal' | 'vertical';
     editorPosition: 'left' | 'right';
+    babelUrl: string;
     monacoLoader: Parameters<typeof loader.config>[0];
     monacoOptions: EditorProps['options'];
 }

package/dist/cli/esm/index.js

@@ -3006,15 +3006,29 @@ var remarkPlugin = ({ getRouteMeta, defaultDirection, editorPosition }) => {
   };
 };
 
+// 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) {
-  const { render = "", include, defaultDirection = "horizontal", editorPosition = "left", monacoLoader = {}, monacoOptions = {} } = options || {};
+  const { render = "", include, defaultDirection = "horizontal", editorPosition = "left", babelUrl = "", monacoLoader = {}, monacoOptions = {} } = options || {};
   const playgroundVirtualModule = new import_rspack_plugin_virtual_module.RspackVirtualModulePlugin({});
   const getRouteMeta = () => routeMeta;
   if (render && !/Playground\.(jsx?|tsx?)$/.test(render)) {
     throw new Error("[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) {
@@ -3112,10 +3126,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