@rspress/plugin-playground 1.0.0-beta.5 → 1.0.2

package/dist/cli/esm/index.js

@@ -45,8 +45,10 @@ function typeFactory(check) {
 function castFactory(check) {
   return assertion;
   function assertion(node, ...parameters) {
-    return Boolean(node && typeof node === "object" && "type" in node && // @ts-expect-error: fine.
-    Boolean(check.call(this, node, ...parameters)));
+    return Boolean(
+      node && typeof node === "object" && "type" in node && // @ts-expect-error: fine.
+      Boolean(check.call(this, node, ...parameters))
+    );
   }
 }
 function ok() {
@@ -55,16 +57,17 @@ function ok() {
 var convert;
 var init_lib = __esm({
   "../../node_modules/.pnpm/unist-util-is@5.2.1/node_modules/unist-util-is/lib/index.js"() {
+    "use strict";
     convert = /**
-    * @type {(
-    *   (<Kind extends Node>(test: PredicateTest<Kind>) => AssertPredicate<Kind>) &
-    *   ((test?: Test) => AssertAnything)
-    * )}
-    */
+     * @type {(
+     *   (<Kind extends Node>(test: PredicateTest<Kind>) => AssertPredicate<Kind>) &
+     *   ((test?: Test) => AssertAnything)
+     * )}
+     */
     /**
-    * @param {Test} [test]
-    * @returns {AssertAnything}
-    */
+     * @param {Test} [test]
+     * @returns {AssertAnything}
+     */
     function(test) {
       if (test === void 0 || test === null) {
         return ok;
@@ -86,6 +89,7 @@ var init_lib = __esm({
 // ../../node_modules/.pnpm/unist-util-is@5.2.1/node_modules/unist-util-is/index.js
 var init_unist_util_is = __esm({
   "../../node_modules/.pnpm/unist-util-is@5.2.1/node_modules/unist-util-is/index.js"() {
+    "use strict";
     init_lib();
   }
 });
@@ -96,6 +100,7 @@ function color(d) {
 }
 var init_color = __esm({
   "../../node_modules/.pnpm/unist-util-visit-parents@5.1.3/node_modules/unist-util-visit-parents/lib/color.js"() {
+    "use strict";
   }
 });
 
@@ -105,36 +110,32 @@ function toResult(value) {
     return value;
   }
   if (typeof value === "number") {
-    return [
-      CONTINUE,
-      value
-    ];
+    return [CONTINUE, value];
   }
-  return [
-    value
-  ];
+  return [value];
 }
 var CONTINUE, EXIT, SKIP, visitParents;
 var init_lib2 = __esm({
   "../../node_modules/.pnpm/unist-util-visit-parents@5.1.3/node_modules/unist-util-visit-parents/lib/index.js"() {
+    "use strict";
     init_unist_util_is();
     init_color();
     CONTINUE = true;
     EXIT = false;
     SKIP = "skip";
     visitParents = /**
-    * @type {(
-    *   (<Tree extends Node, Check extends Test>(tree: Tree, test: Check, visitor: BuildVisitor<Tree, Check>, reverse?: boolean | null | undefined) => void) &
-    *   (<Tree extends Node>(tree: Tree, visitor: BuildVisitor<Tree>, reverse?: boolean | null | undefined) => void)
-    * )}
-    */
+     * @type {(
+     *   (<Tree extends Node, Check extends Test>(tree: Tree, test: Check, visitor: BuildVisitor<Tree, Check>, reverse?: boolean | null | undefined) => void) &
+     *   (<Tree extends Node>(tree: Tree, visitor: BuildVisitor<Tree>, reverse?: boolean | null | undefined) => void)
+     * )}
+     */
     /**
-    * @param {Node} tree
-    * @param {Test} test
-    * @param {Visitor<Node>} visitor
-    * @param {boolean | null | undefined} [reverse]
-    * @returns {void}
-    */
+     * @param {Node} tree
+     * @param {Test} test
+     * @param {Visitor<Node>} visitor
+     * @param {boolean | null | undefined} [reverse]
+     * @returns {void}
+     */
     function(tree, test, visitor, reverse) {
       if (typeof test === "function" && typeof visitor !== "function") {
         reverse = visitor;
@@ -149,7 +150,10 @@ var init_lib2 = __esm({
         if (typeof value.type === "string") {
           const name = (
             // `hast`
-            typeof value.tagName === "string" ? value.tagName : typeof value.name === "string" ? value.name : void 0
+            typeof value.tagName === "string" ? value.tagName : (
+              // `xast`
+              typeof value.name === "string" ? value.name : void 0
+            )
           );
           Object.defineProperty(visit2, "name", {
             value: "node (" + color(node.type + (name ? "<" + name + ">" : "")) + ")"
@@ -188,6 +192,7 @@ var init_lib2 = __esm({
 // ../../node_modules/.pnpm/unist-util-visit-parents@5.1.3/node_modules/unist-util-visit-parents/index.js
 var init_unist_util_visit_parents = __esm({
   "../../node_modules/.pnpm/unist-util-visit-parents@5.1.3/node_modules/unist-util-visit-parents/index.js"() {
+    "use strict";
     init_lib2();
   }
 });
@@ -203,20 +208,21 @@ __export(unist_util_visit_exports, {
 var visit;
 var init_unist_util_visit = __esm({
   "../../node_modules/.pnpm/unist-util-visit@4.1.1/node_modules/unist-util-visit/index.js"() {
+    "use strict";
     init_unist_util_visit_parents();
     init_unist_util_visit_parents();
     visit = /**
-    * @type {(
-    *   (<Tree extends Node, Check extends Test>(tree: Tree, test: Check, visitor: import('./complex-types.js').BuildVisitor<Tree, Check>, reverse?: boolean) => void) &
-    *   (<Tree extends Node>(tree: Tree, visitor: import('./complex-types.js').BuildVisitor<Tree>, reverse?: boolean) => void)
-    * )}
-    */
+     * @type {(
+     *   (<Tree extends Node, Check extends Test>(tree: Tree, test: Check, visitor: import('./complex-types.js').BuildVisitor<Tree, Check>, reverse?: boolean) => void) &
+     *   (<Tree extends Node>(tree: Tree, visitor: import('./complex-types.js').BuildVisitor<Tree>, reverse?: boolean) => void)
+     * )}
+     */
     /**
-    * @param {Node} tree
-    * @param {Test} test
-    * @param {import('./complex-types.js').Visitor} visitor
-    * @param {boolean} [reverse]
-    */
+     * @param {Node} tree
+     * @param {Test} test
+     * @param {import('./complex-types.js').Visitor} visitor
+     * @param {boolean} [reverse]
+     */
     function(tree, test, visitor, reverse) {
       if (typeof test === "function" && typeof visitor !== "function") {
         reverse = visitor;
@@ -226,7 +232,11 @@ var init_unist_util_visit = __esm({
       visitParents(tree, test, overload, reverse);
       function overload(node, parents) {
         const parent = parents[parents.length - 1];
-        return visitor(node, parent ? parent.children.indexOf(node) : null, parent);
+        return visitor(
+          node,
+          parent ? parent.children.indexOf(node) : null,
+          parent
+        );
       }
     };
   }
@@ -257,14 +267,18 @@ var parseImports = (code, sourceExt) => {
   return result;
 };
 var getNodeAttribute = (node, attrName) => {
-  return node.attributes.find((attr) => attr.name === attrName)?.value;
+  return node.attributes.find(
+    (attr) => attr.name === attrName
+  )?.value;
 };
 var getNodeMeta = (node, metaName) => {
   if (!node.meta) {
     return;
   }
   const meta = node.meta.split(" ");
-  const item = meta.find((x) => x.startsWith(metaName));
+  const item = meta.find(
+    (x) => x.startsWith(metaName)
+  );
   if (item?.startsWith(`${metaName}=`)) {
     return item.substring(metaName.length + 1);
   }
@@ -286,10 +300,16 @@ function createPlaygroundNode(currentNode, attrs) {
     }))
   });
 }
-var remarkPlugin = ({ getRouteMeta, defaultDirection, editorPosition }) => {
+var remarkPlugin = ({
+  getRouteMeta,
+  defaultDirection,
+  editorPosition
+}) => {
   const routeMeta2 = getRouteMeta();
   return (tree, vfile) => {
-    const route = routeMeta2.find((meta) => meta.absolutePath === (vfile.path || vfile.history[0]));
+    const route = routeMeta2.find(
+      (meta) => meta.absolutePath === (vfile.path || vfile.history[0])
+    );
     if (!route) {
       return;
     }
@@ -309,22 +329,10 @@ var remarkPlugin = ({ getRouteMeta, defaultDirection, editorPosition }) => {
         });
         const language = src.substr(src.lastIndexOf(".") + 1);
         createPlaygroundNode(node, [
-          [
-            "code",
-            code
-          ],
-          [
-            "language",
-            language
-          ],
-          [
-            "direction",
-            direction
-          ],
-          [
-            "editorPosition",
-            editorPosition
-          ]
+          ["code", code],
+          ["language", language],
+          ["direction", direction],
+          ["editorPosition", editorPosition]
         ]);
       }
     });
@@ -336,22 +344,10 @@ var remarkPlugin = ({ getRouteMeta, defaultDirection, editorPosition }) => {
         }
         const direction = getNodeMeta(node, "direction") || defaultDirection;
         createPlaygroundNode(node, [
-          [
-            "code",
-            node.value
-          ],
-          [
-            "language",
-            node.lang
-          ],
-          [
-            "direction",
-            direction
-          ],
-          [
-            "editorPosition",
-            editorPosition
-          ]
+          ["code", node.value],
+          ["language", node.lang],
+          ["direction", direction],
+          ["editorPosition", editorPosition]
         ]);
       }
     });
@@ -370,11 +366,21 @@ function normalizeUrl(u) {
 // src/cli/index.ts
 var routeMeta;
 function pluginPlayground(options) {
-  const { render = "", include, defaultDirection = "horizontal", editorPosition = "left", babelUrl = "", monacoLoader = {}, monacoOptions = {} } = options || {};
+  const {
+    render = "",
+    include,
+    defaultDirection = "horizontal",
+    editorPosition = "left",
+    babelUrl = "",
+    monacoLoader = {},
+    monacoOptions = {}
+  } = options || {};
   const playgroundVirtualModule = new RspackVirtualModulePlugin({});
   const getRouteMeta = () => routeMeta;
   if (render && !/Playground\.(jsx?|tsx?)$/.test(render)) {
-    throw new Error("[Playground]: render should ends with Playground.(jsx?|tsx?)");
+    throw new Error(
+      "[Playground]: render should ends with Playground.(jsx?|tsx?)"
+    );
   }
   const preloads = [];
   preloads.push(babelUrl || DEFAULT_BABEL_URL);
@@ -388,64 +394,64 @@ function pluginPlayground(options) {
       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 import("@mdx-js/mdx");
-        const { visit: visit2 } = await Promise.resolve().then(() => (init_unist_util_visit(), unist_util_visit_exports));
-        const { default: remarkGFM } = await import("remark-gfm");
-        try {
-          const processor = createProcessor({
-            format: path3.extname(filepath).slice(1),
-            remarkPlugins: [
-              remarkGFM
-            ]
-          });
-          const source = await fs2.readFile(filepath, "utf-8");
-          const ast = processor.parse(source);
-          visit2(ast, "mdxJsxFlowElement", (node) => {
-            if (node.name === "code") {
-              const src = getNodeAttribute(node, "src");
-              if (!src) {
-                return;
-              }
-              const demoPath = join2(path3.dirname(filepath), src);
-              if (!fs2.existsSync(demoPath)) {
-                return;
-              }
-              const code2 = fs2.readFileSync(demoPath, {
-                encoding: "utf8"
-              });
-              const thisImports = parseImports(code2, path3.extname(demoPath));
-              thisImports.forEach((x) => {
-                if (typeof imports[x] === "undefined") {
-                  imports[x] = x;
+      await Promise.all(
+        files.map(async (filepath, _index) => {
+          const isMdxFile = /\.mdx?$/.test(filepath);
+          if (!isMdxFile) {
+            return;
+          }
+          const { createProcessor } = await import("@mdx-js/mdx");
+          const { visit: visit2 } = await Promise.resolve().then(() => (init_unist_util_visit(), unist_util_visit_exports));
+          const { default: remarkGFM } = await import("remark-gfm");
+          try {
+            const processor = createProcessor({
+              format: path3.extname(filepath).slice(1),
+              remarkPlugins: [remarkGFM]
+            });
+            const source = await fs2.readFile(filepath, "utf-8");
+            const ast = processor.parse(source);
+            visit2(ast, "mdxJsxFlowElement", (node) => {
+              if (node.name === "code") {
+                const src = getNodeAttribute(node, "src");
+                if (!src) {
+                  return;
                 }
-              });
-            }
-          });
-          visit2(ast, "code", (node) => {
-            if (node.lang === "jsx" || node.lang === "tsx") {
-              const { value } = node;
-              const isPure = node?.meta?.includes("pure");
-              if (isPure) {
-                return;
+                const demoPath = join2(path3.dirname(filepath), src);
+                if (!fs2.existsSync(demoPath)) {
+                  return;
+                }
+                const code2 = fs2.readFileSync(demoPath, {
+                  encoding: "utf8"
+                });
+                const thisImports = parseImports(code2, path3.extname(demoPath));
+                thisImports.forEach((x) => {
+                  if (typeof imports[x] === "undefined") {
+                    imports[x] = x;
+                  }
+                });
               }
-              const thisImports = parseImports(value, node.lang);
-              thisImports.forEach((x) => {
-                if (typeof imports[x] === "undefined") {
-                  imports[x] = x;
+            });
+            visit2(ast, "code", (node) => {
+              if (node.lang === "jsx" || node.lang === "tsx") {
+                const { value } = node;
+                const isPure = node?.meta?.includes("pure");
+                if (isPure) {
+                  return;
                 }
-              });
-            }
-          });
-        } catch (e) {
-          console.error(e);
-          throw e;
-        }
-      }));
+                const thisImports = parseImports(value, node.lang);
+                thisImports.forEach((x) => {
+                  if (typeof imports[x] === "undefined") {
+                    imports[x] = x;
+                  }
+                });
+              }
+            });
+          } catch (e) {
+            console.error(e);
+            throw e;
+          }
+        })
+      );
       if (include) {
         include.forEach((item) => {
           if (typeof item === "string") {
@@ -457,7 +463,9 @@ function pluginPlayground(options) {
       }
       const importKeys = Object.keys(imports);
       const code = [
-        ...importKeys.map((x, index) => `import * as i_${index} from '${imports[x]}';`),
+        ...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) {",
@@ -498,22 +506,13 @@ function pluginPlayground(options) {
         // eslint-disable-next-line @typescript-eslint/ban-ts-comment, @typescript-eslint/prefer-ts-expect-error
         // @ts-ignore
         rspack: {
-          plugins: [
-            playgroundVirtualModule
-          ]
+          plugins: [playgroundVirtualModule]
         }
       }
     },
     markdown: {
       remarkPlugins: [
-        [
-          remarkPlugin,
-          {
-            getRouteMeta,
-            defaultDirection,
-            editorPosition
-          }
-        ]
+        [remarkPlugin, { getRouteMeta, defaultDirection, editorPosition }]
       ],
       globalComponents: [
         render ? render : path3.join(staticPath, "global-components", "Playground.tsx")