@rspress/plugin-preview 1.40.2 → 1.40.3-cannary-20250126

package/dist/index.js

@@ -1,766 +1,603 @@
 "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 __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);
-
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  pluginPreview: () => pluginPreview
-});
-module.exports = __toCommonJS(src_exports);
-var import_node_net = __toESM(require("net"));
-var import_node_path4 = require("path");
-var import_core = require("@rsbuild/core");
-var import_plugin_babel = require("@rsbuild/plugin-babel");
-var import_plugin_react = require("@rsbuild/plugin-react");
-var import_plugin_solid = require("@rsbuild/plugin-solid");
-var import_shared3 = require("@rspress/shared");
-var import_lodash = require("lodash");
-
-// src/constant.ts
-var import_node_path = __toESM(require("path"));
-var import_shared = require("@rspress/shared");
-var staticPath = import_node_path.default.join(__dirname, "..", "static");
-var demoBlockComponentPath = import_node_path.default.join(
-  staticPath,
-  "global-components",
-  "DemoBlock.tsx"
-);
-var virtualDir = import_node_path.default.join(
-  process.cwd(),
-  "node_modules",
-  import_shared.RSPRESS_TEMP_DIR,
-  "virtual-demo"
-);
-
-// src/generate-entry.ts
-var import_node_fs = require("fs");
-var import_node_path2 = require("path");
-
-// src/utils.ts
-var toValidVarName = (str) => {
-  if (/^[a-zA-Z_$][0-9a-zA-Z_$]*$/.test(str)) {
-    return str;
-  }
-  return str.replace(/[^0-9a-zA-Z_$]/g, "_").replace(/^([0-9])/, "_$1");
-};
-var generateId = (pageName, index) => {
-  return `_${toValidVarName(pageName)}_${index}`;
+var __webpack_modules__ = {
+    "@rsbuild/plugin-less": function(module) {
+        module.exports = import("@rsbuild/plugin-less");
+    },
+    "@rsbuild/plugin-sass": function(module) {
+        module.exports = import("@rsbuild/plugin-sass");
+    }
 };
-var injectDemoBlockImport = (str, path2) => {
-  return `
-    import DemoBlock from ${JSON.stringify(path2)};
+var __webpack_module_cache__ = {};
+function __webpack_require__(moduleId) {
+    var cachedModule = __webpack_module_cache__[moduleId];
+    if (void 0 !== cachedModule) return cachedModule.exports;
+    var module = __webpack_module_cache__[moduleId] = {
+        exports: {}
+    };
+    __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+    return module.exports;
+}
+(()=>{
+    __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__, {
+        pluginPreview: ()=>pluginPreview
+    });
+    const external_node_net_namespaceObject = require("node:net");
+    var external_node_net_default = /*#__PURE__*/ __webpack_require__.n(external_node_net_namespaceObject);
+    const external_node_path_namespaceObject = require("node:path");
+    var external_node_path_default = /*#__PURE__*/ __webpack_require__.n(external_node_path_namespaceObject);
+    const core_namespaceObject = require("@rsbuild/core");
+    const plugin_babel_namespaceObject = require("@rsbuild/plugin-babel");
+    const plugin_react_namespaceObject = require("@rsbuild/plugin-react");
+    const plugin_solid_namespaceObject = require("@rsbuild/plugin-solid");
+    const shared_namespaceObject = require("@rspress/shared");
+    const external_lodash_namespaceObject = require("lodash");
+    const staticPath = external_node_path_default().join(__dirname, '..', 'static');
+    const demoBlockComponentPath = external_node_path_default().join(staticPath, 'global-components', 'DemoBlock.tsx');
+    const virtualDir = external_node_path_default().join(process.cwd(), 'node_modules', shared_namespaceObject.RSPRESS_TEMP_DIR, 'virtual-demo');
+    const external_node_fs_namespaceObject = require("node:fs");
+    const toValidVarName = (str)=>{
+        if (/^[a-zA-Z_$][0-9a-zA-Z_$]*$/.test(str)) return str;
+        return str.replace(/[^0-9a-zA-Z_$]/g, '_').replace(/^([0-9])/, '_$1');
+    };
+    const generateId = (pageName, index)=>`_${toValidVarName(pageName)}_${index}`;
+    const injectDemoBlockImport = (str, path)=>`
+    import DemoBlock from ${JSON.stringify(path)};
     ${str}
   `;
-};
-
-// src/generate-entry.ts
-function generateEntry(demos2, framework, position) {
-  const sourceEntry = {};
-  const entryCssPath = (0, import_node_path2.join)(staticPath, "global-styles", "entry.css");
-  if (position === "follow") {
-    Object.values(demos2).forEach((routes) => {
-      routes.forEach((route) => {
-        const { id, path: demoPath } = route;
-        const entry = (0, import_node_path2.join)(virtualDir, `${id}.entry.tsx`);
-        const solidEntry = `
+    function generateEntry(demos, framework, position) {
+        const sourceEntry = {};
+        const entryCssPath = (0, external_node_path_namespaceObject.join)(staticPath, 'global-styles', 'entry.css');
+        if ('follow' === position) Object.values(demos).forEach((routes)=>{
+            routes.forEach((route)=>{
+                const { id, path: demoPath } = route;
+                const entry = (0, external_node_path_namespaceObject.join)(virtualDir, `${id}.entry.tsx`);
+                const solidEntry = `
         import { render } from 'solid-js/web';
         import ${JSON.stringify(entryCssPath)};
         import Demo from ${JSON.stringify(demoPath)};
         render(() => <Demo />, document.getElementById('root'));
         `;
-        const reactEntry = `
+                const reactEntry = `
         import { render } from 'react-dom';
         import ${JSON.stringify(entryCssPath)};
         import Demo from ${JSON.stringify(demoPath)};
         render(<Demo />, document.getElementById('root'));
         `;
-        const entryContent = framework === "react" ? reactEntry : solidEntry;
-        (0, import_node_fs.writeFileSync)(entry, entryContent);
-        sourceEntry[id] = entry;
-      });
-    });
-  } else {
-    Object.entries(demos2).forEach(([key, routes]) => {
-      if (routes.length === 0) {
-        return;
-      }
-      const reactContent = `
+                const entryContent = 'react' === framework ? reactEntry : solidEntry;
+                (0, external_node_fs_namespaceObject.writeFileSync)(entry, entryContent);
+                sourceEntry[id] = entry;
+            });
+        });
+        else Object.entries(demos).forEach(([key, routes])=>{
+            if (0 === routes.length) return;
+            const reactContent = `
         import { render } from 'react-dom';
         import ${JSON.stringify(entryCssPath)};
-        ${routes.map((demo, index) => {
-        return `import Demo_${index} from ${JSON.stringify(demo.path)}`;
-      }).join("\n")}
+        ${routes.map((demo, index)=>`import Demo_${index} from ${JSON.stringify(demo.path)}`).join('\n')}
         function App() {
           return (
             <div className="preview-container">
               <div className="preview-nav">{"${routes[0].title}"}</div>
-              ${routes.map((demo, index) => {
-        return `<Demo_${index} />`;
-      }).join("\n")}
+              ${routes.map((demo, index)=>`<Demo_${index} />`).join('\n')}
             </div>
           )
         }
         render(<App /> , document.getElementById('root'));
       `;
-      const solidContent = `
+            const solidContent = `
         import { render } from 'solid-js/web';
         import ${JSON.stringify(entryCssPath)};
-        ${routes.map((demo, index) => {
-        return `import Demo_${index} from ${JSON.stringify(demo.path)}`;
-      }).join("\n")}
+        ${routes.map((demo, index)=>`import Demo_${index} from ${JSON.stringify(demo.path)}`).join('\n')}
         function App() {
           return (
             <div class="preview-container">
               <div class="preview-nav">{"${routes[0].title}"}</div>
-              ${routes.map((_, index) => {
-        return `<Demo_${index} />`;
-      }).join("\n")}
+              ${routes.map((_, index)=>`<Demo_${index} />`).join('\n')}
             </div>
           )
         }
         render(() => <App /> , document.getElementById('root'));
       `;
-      const renderContent = framework === "solid" ? solidContent : reactContent;
-      const id = `_${toValidVarName(key)}`;
-      const entry = (0, import_node_path2.join)(virtualDir, `${id}.entry.tsx`);
-      (0, import_node_fs.writeFileSync)(entry, renderContent);
-      sourceEntry[id] = entry;
-    });
-  }
-  return sourceEntry;
-}
-
-// src/remarkPlugin.ts
-var import_node_path3 = require("path");
-var import_shared2 = require("@rspress/shared");
-var import_fs_extra = __toESM(require("@rspress/shared/fs-extra"));
-
-// ../../node_modules/.pnpm/unist-util-is@5.2.1/node_modules/unist-util-is/lib/index.js
-var convert = (
-  /**
-   * @type {(
-   *   (<Kind extends Node>(test: PredicateTest<Kind>) => AssertPredicate<Kind>) &
-   *   ((test?: Test) => AssertAnything)
-   * )}
-   */
-  /**
-   * @param {Test} [test]
-   * @returns {AssertAnything}
-   */
-  function(test) {
-    if (test === void 0 || test === null) {
-      return ok;
+            const renderContent = 'solid' === framework ? solidContent : reactContent;
+            const id = `_${toValidVarName(key)}`;
+            const entry = (0, external_node_path_namespaceObject.join)(virtualDir, `${id}.entry.tsx`);
+            (0, external_node_fs_namespaceObject.writeFileSync)(entry, renderContent);
+            sourceEntry[id] = entry;
+        });
+        return sourceEntry;
     }
-    if (typeof test === "string") {
-      return typeFactory(test);
+    const fs_extra_namespaceObject = require("@rspress/shared/fs-extra");
+    var fs_extra_default = /*#__PURE__*/ __webpack_require__.n(fs_extra_namespaceObject);
+    const convert = function(test) {
+        if (null == test) return ok;
+        if ('string' == typeof test) return typeFactory(test);
+        if ('object' == typeof test) return Array.isArray(test) ? anyFactory(test) : propsFactory(test);
+        if ('function' == typeof test) return castFactory(test);
+        throw new Error('Expected function, string, or object as test');
+    };
+    function anyFactory(tests) {
+        const checks = [];
+        let index = -1;
+        while(++index < tests.length)checks[index] = convert(tests[index]);
+        return castFactory(any);
+        function any(...parameters) {
+            let index = -1;
+            while(++index < checks.length)if (checks[index].call(this, ...parameters)) return true;
+            return false;
+        }
     }
-    if (typeof test === "object") {
-      return Array.isArray(test) ? anyFactory(test) : propsFactory(test);
+    function propsFactory(check) {
+        return castFactory(all);
+        function all(node) {
+            let key;
+            for(key in check)if (node[key] !== check[key]) return false;
+            return true;
+        }
     }
-    if (typeof test === "function") {
-      return castFactory(test);
+    function typeFactory(check) {
+        return castFactory(type);
+        function type(node) {
+            return node && node.type === check;
+        }
     }
-    throw new Error("Expected function, string, or object as test");
-  }
-);
-function anyFactory(tests) {
-  const checks = [];
-  let index = -1;
-  while (++index < tests.length) {
-    checks[index] = convert(tests[index]);
-  }
-  return castFactory(any);
-  function any(...parameters) {
-    let index2 = -1;
-    while (++index2 < checks.length) {
-      if (checks[index2].call(this, ...parameters))
-        return true;
+    function castFactory(check) {
+        return assertion;
+        function assertion(node, ...parameters) {
+            return Boolean(node && 'object' == typeof node && 'type' in node && Boolean(check.call(this, node, ...parameters)));
+        }
     }
-    return false;
-  }
-}
-function propsFactory(check) {
-  return castFactory(all);
-  function all(node) {
-    let key;
-    for (key in check) {
-      if (node[key] !== check[key])
-        return false;
+    function ok() {
+        return true;
     }
-    return true;
-  }
-}
-function typeFactory(check) {
-  return castFactory(type);
-  function type(node) {
-    return node && node.type === 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))
-    );
-  }
-}
-function ok() {
-  return true;
-}
-
-// ../../node_modules/.pnpm/unist-util-visit-parents@5.1.3/node_modules/unist-util-visit-parents/lib/color.js
-function color(d) {
-  return "\x1B[33m" + d + "\x1B[39m";
-}
-
-// ../../node_modules/.pnpm/unist-util-visit-parents@5.1.3/node_modules/unist-util-visit-parents/lib/index.js
-var CONTINUE = true;
-var EXIT = false;
-var SKIP = "skip";
-var 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)
-   * )}
-   */
-  /**
-   * @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;
-      visitor = test;
-      test = null;
+    function color(d) {
+        return '\u001B[33m' + d + '\u001B[39m';
     }
-    const is2 = convert(test);
-    const step = reverse ? -1 : 1;
-    factory(tree, void 0, [])();
-    function factory(node, index, parents) {
-      const value = node && typeof node === "object" ? node : {};
-      if (typeof value.type === "string") {
-        const name = (
-          // `hast`
-          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 + ">" : "")) + ")"
-        });
-      }
-      return visit2;
-      function visit2() {
-        let result = [];
-        let subresult;
-        let offset;
-        let grandparents;
-        if (!test || is2(node, index, parents[parents.length - 1] || null)) {
-          result = toResult(visitor(node, parents));
-          if (result[0] === EXIT) {
-            return result;
-          }
+    const CONTINUE = true;
+    const EXIT = false;
+    const SKIP = 'skip';
+    const visitParents = function(tree, test, visitor, reverse) {
+        if ('function' == typeof test && 'function' != typeof visitor) {
+            reverse = visitor;
+            visitor = test;
+            test = null;
         }
-        if (node.children && result[0] !== SKIP) {
-          offset = (reverse ? node.children.length : -1) + step;
-          grandparents = parents.concat(node);
-          while (offset > -1 && offset < node.children.length) {
-            subresult = factory(node.children[offset], offset, grandparents)();
-            if (subresult[0] === EXIT) {
-              return subresult;
+        const is = convert(test);
+        const step = reverse ? -1 : 1;
+        factory(tree, void 0, [])();
+        function factory(node, index, parents) {
+            const value = node && 'object' == typeof node ? node : {};
+            if ('string' == typeof value.type) {
+                const name = 'string' == typeof value.tagName ? value.tagName : 'string' == typeof value.name ? value.name : void 0;
+                Object.defineProperty(visit, 'name', {
+                    value: 'node (' + color(node.type + (name ? '<' + name + '>' : '')) + ')'
+                });
             }
-            offset = typeof subresult[1] === "number" ? subresult[1] : offset + step;
-          }
-        }
-        return result;
-      }
-    }
-  }
-);
-function toResult(value) {
-  if (Array.isArray(value)) {
-    return value;
-  }
-  if (typeof value === "number") {
-    return [CONTINUE, value];
-  }
-  return [value];
-}
-
-// ../../node_modules/.pnpm/unist-util-visit@4.1.2/node_modules/unist-util-visit/lib/index.js
-var visit = (
-  /**
-   * @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} visitor
-   * @param {boolean | null | undefined} [reverse]
-   * @returns {void}
-   */
-  function(tree, test, visitor, reverse) {
-    if (typeof test === "function" && typeof visitor !== "function") {
-      reverse = visitor;
-      visitor = test;
-      test = null;
-    }
-    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
-      );
-    }
-  }
-);
-
-// src/ast-helpers.ts
-var getASTNodeImport = (name, from) => ({
-  type: "mdxjsEsm",
-  value: `import ${name} from ${JSON.stringify(from)}`,
-  data: {
-    estree: {
-      type: "Program",
-      sourceType: "module",
-      body: [
-        {
-          type: "ImportDeclaration",
-          specifiers: [
-            {
-              type: "ImportDefaultSpecifier",
-              local: { type: "Identifier", name }
+            return visit;
+            function visit() {
+                let result = [];
+                let subresult;
+                let offset;
+                let grandparents;
+                if (!test || is(node, index, parents[parents.length - 1] || null)) {
+                    result = toResult(visitor(node, parents));
+                    if (result[0] === EXIT) return result;
+                }
+                if (node.children && result[0] !== SKIP) {
+                    offset = (reverse ? node.children.length : -1) + step;
+                    grandparents = parents.concat(node);
+                    while(offset > -1 && offset < node.children.length){
+                        subresult = factory(node.children[offset], offset, grandparents)();
+                        if (subresult[0] === EXIT) return subresult;
+                        offset = 'number' == typeof subresult[1] ? subresult[1] : offset + step;
+                    }
+                }
+                return result;
             }
-          ],
-          source: {
-            type: "Literal",
-            value: from,
-            raw: `${JSON.stringify(from)}`
-          }
         }
-      ]
+    };
+    function toResult(value) {
+        if (Array.isArray(value)) return value;
+        if ('number' == typeof value) return [
+            CONTINUE,
+            value
+        ];
+        return [
+            value
+        ];
     }
-  }
-});
-var getExternalDemoContent = (tempVar) => ({
-  /**
-   * We create a empty parent node here. If we don't do this, the `pre` tag won't be rendered as our custom mdx component and will be rendered as a normal `pre` tag, which will cause the code block to be displayed incorrectly.
-   */
-  type: "mdxJsxFlowElement",
-  name: "",
-  attributes: [],
-  children: [
-    {
-      type: "mdxJsxFlowElement",
-      name: "pre",
-      attributes: [],
-      children: [
-        {
-          type: "mdxJsxFlowElement",
-          name: "code",
-          attributes: [
-            {
-              type: "mdxJsxAttribute",
-              name: "className",
-              value: "language-tsx"
-            },
-            {
-              type: "mdxJsxAttribute",
-              name: "children",
-              value: {
-                type: "mdxJsxExpressionAttribute",
-                value: tempVar,
-                data: {
-                  estree: {
-                    type: "Program",
+    const lib_visit = function(tree, test, visitor, reverse) {
+        if ('function' == typeof test && 'function' != typeof visitor) {
+            reverse = visitor;
+            visitor = test;
+            test = null;
+        }
+        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);
+        }
+    };
+    const getASTNodeImport = (name, from)=>({
+            type: 'mdxjsEsm',
+            value: `import ${name} from ${JSON.stringify(from)}`,
+            data: {
+                estree: {
+                    type: 'Program',
+                    sourceType: 'module',
                     body: [
-                      {
-                        type: "ExpressionStatement",
-                        expression: {
-                          type: "Identifier",
-                          name: tempVar
+                        {
+                            type: 'ImportDeclaration',
+                            specifiers: [
+                                {
+                                    type: 'ImportDefaultSpecifier',
+                                    local: {
+                                        type: 'Identifier',
+                                        name
+                                    }
+                                }
+                            ],
+                            source: {
+                                type: 'Literal',
+                                value: from,
+                                raw: `${JSON.stringify(from)}`
+                            }
                         }
-                      }
                     ]
-                  }
                 }
-              }
             }
-          ]
-        }
-      ]
-    }
-  ]
-});
-
-// src/remarkPlugin.ts
-var demos = {};
-var remarkCodeToDemo = function({
-  getRouteMeta,
-  previewMode,
-  defaultRenderMode,
-  position,
-  previewLanguages,
-  previewCodeTransform
-}) {
-  const routeMeta2 = getRouteMeta();
-  import_fs_extra.default.ensureDirSync(virtualDir);
-  const data = this.data();
-  return (tree, vfile) => {
-    const demoMdx = [];
-    const route = routeMeta2.find(
-      (meta) => (0, import_shared2.normalizePosixPath)(meta.absolutePath) === (0, import_shared2.normalizePosixPath)(vfile.path || vfile.history[0])
-    );
-    if (!route) {
-      return;
-    }
-    const { pageName } = route;
-    demos[pageName] = [];
-    let title = pageName;
-    let index = 1;
-    let externalDemoIndex = 0;
-    function constructDemoNode(demoId, demoPath, currentNode, isMobileMode, externalDemoIndex2) {
-      if (isMobileMode) {
-        const relativePathReg = new RegExp(/^\.\.?\/.*$/);
-        demos[pageName].push({
-          title,
-          id: demoId,
-          path: relativePathReg.test(demoPath) ? (0, import_node_path3.resolve)(vfile.dirname || (0, import_node_path3.dirname)(vfile.path), demoPath) : demoPath
         });
-      } else {
-        demoMdx.push(getASTNodeImport(`Demo${demoId}`, demoPath));
-      }
-      const tempVar = `externalDemoContent${externalDemoIndex2}`;
-      if (externalDemoIndex2 !== void 0) {
-        demoMdx.push(getASTNodeImport(tempVar, `!!${demoPath}?raw`));
-      }
-      if (isMobileMode && position === "fixed") {
-        externalDemoIndex2 !== void 0 && Object.assign(currentNode, getExternalDemoContent(tempVar));
-      } else {
-        Object.assign(currentNode, {
-          type: "mdxJsxFlowElement",
-          name: "Container",
-          attributes: [
-            {
-              type: "mdxJsxAttribute",
-              name: "isMobile",
-              value: isMobileMode
-            },
-            {
-              type: "mdxJsxAttribute",
-              name: "demoId",
-              value: demoId
-            }
-          ],
-          children: [
-            externalDemoIndex2 === void 0 ? {
-              ...currentNode,
-              hasVisited: true
-            } : getExternalDemoContent(tempVar),
-            isMobileMode ? {
-              type: "mdxJsxFlowElement",
-              name: null
-            } : {
-              type: "mdxJsxFlowElement",
-              name: `Demo${demoId}`
-            }
-          ]
+    const getExternalDemoContent = (tempVar)=>({
+            type: 'mdxJsxFlowElement',
+            name: '',
+            attributes: [],
+            children: [
+                {
+                    type: 'mdxJsxFlowElement',
+                    name: 'pre',
+                    attributes: [],
+                    children: [
+                        {
+                            type: 'mdxJsxFlowElement',
+                            name: 'code',
+                            attributes: [
+                                {
+                                    type: 'mdxJsxAttribute',
+                                    name: 'className',
+                                    value: 'language-tsx'
+                                },
+                                {
+                                    type: 'mdxJsxAttribute',
+                                    name: 'children',
+                                    value: {
+                                        type: 'mdxJsxExpressionAttribute',
+                                        value: tempVar,
+                                        data: {
+                                            estree: {
+                                                type: 'Program',
+                                                body: [
+                                                    {
+                                                        type: 'ExpressionStatement',
+                                                        expression: {
+                                                            type: 'Identifier',
+                                                            name: tempVar
+                                                        }
+                                                    }
+                                                ]
+                                            }
+                                        }
+                                    }
+                                }
+                            ]
+                        }
+                    ]
+                }
+            ]
         });
-      }
-    }
-    visit(tree, "heading", (node) => {
-      if (node.depth === 1) {
-        if (node.children) {
-          title = node.children[0]?.value || title;
-        }
-      }
-    });
-    visit(tree, "mdxJsxFlowElement", (node) => {
-      if (node.name === "code") {
-        const src = node.attributes.find(
-          (attr) => attr.name === "src"
-        )?.value;
-        if (!src) {
-          return;
-        }
-        const currentMode = node.attributes.find(
-          (attr) => attr.name === "previewMode"
-        )?.value ?? previewMode;
-        let isMobileMode = node.attributes.find(
-          (attr) => attr.name === "isMobile"
-        )?.value;
-        if (isMobileMode === void 0) {
-          isMobileMode = currentMode === "iframe";
-        } else if (isMobileMode === null) {
-          isMobileMode = true;
-        } else if (typeof isMobileMode === "object") {
-          isMobileMode = isMobileMode.value !== "false";
-        } else {
-          isMobileMode = isMobileMode !== "false";
-        }
-        const id = generateId(pageName, index++);
-        constructDemoNode(id, src, node, isMobileMode, externalDemoIndex++);
-      }
-    });
-    visit(tree, "code", (node) => {
-      if ("hasVisited" in node) {
-        return;
-      }
-      if (node.lang && previewLanguages.includes(node.lang)) {
-        if (node?.meta?.includes("pure") || !node?.meta?.includes("preview") && defaultRenderMode === "pure") {
-          return;
-        }
-        const value = injectDemoBlockImport(
-          previewCodeTransform({
-            language: node.lang,
-            code: node.value
-          }),
-          demoBlockComponentPath
-        );
-        const isMobileMode = node?.meta?.includes("mobile") || node?.meta?.includes("iframe") || !node?.meta?.includes("web") && !node?.meta?.includes("internal") && previewMode === "iframe";
-        const id = generateId(pageName, index++);
-        const virtualModulePath = (0, import_node_path3.join)(virtualDir, `${id}.tsx`);
-        constructDemoNode(id, virtualModulePath, node, isMobileMode);
-        if (import_fs_extra.default.existsSync(virtualModulePath)) {
-          const content = import_fs_extra.default.readFileSync(virtualModulePath, "utf-8");
-          if (content === value) {
-            return;
-          }
-        }
-        import_fs_extra.default.writeFileSync(virtualModulePath, value);
-      }
-    });
-    tree.children.unshift(...demoMdx);
-    if (demos[pageName].length > 0) {
-      data.pageMeta.haveDemos = true;
-    }
-  };
-};
-
-// src/index.ts
-var routeMeta;
-var DEFAULT_PREVIEW_LANGUAGES = ["jsx", "tsx"];
-function pluginPreview(options) {
-  const {
-    isMobile = false,
-    iframeOptions = {},
-    iframePosition = "follow",
-    defaultRenderMode = "preview",
-    previewLanguages = DEFAULT_PREVIEW_LANGUAGES,
-    previewCodeTransform = ({ code }) => code
-  } = options ?? {};
-  const previewMode = options?.previewMode ?? (isMobile ? "iframe" : "internal");
-  const {
-    devPort = 7890,
-    framework = "react",
-    position = iframePosition,
-    builderConfig = {}
-  } = iframeOptions;
-  const globalUIComponents = position === "fixed" ? [(0, import_node_path4.join)(staticPath, "global-components", "Device.tsx")] : [];
-  const getRouteMeta = () => routeMeta;
-  let lastDemos;
-  let devServer;
-  let clientConfig;
-  const port = devPort;
-  return {
-    name: "@rspress/plugin-preview",
-    config(config) {
-      config.markdown = config.markdown || {};
-      config.markdown.mdxRs = false;
-      return config;
-    },
-    routeGenerated(routes) {
-      routeMeta = routes;
-    },
-    async beforeBuild(_, isProd) {
-      if (!isProd) {
-        try {
-          await new Promise((resolve2, reject) => {
-            const server = import_node_net.default.createServer();
-            server.unref();
-            server.on("error", reject);
-            server.listen({ port, host: "0.0.0.0" }, () => {
-              server.close(resolve2);
+    const remarkPlugin_demos = {};
+    const remarkCodeToDemo = function({ getRouteMeta, previewMode, defaultRenderMode, position, previewLanguages, previewCodeTransform }) {
+        const routeMeta = getRouteMeta();
+        fs_extra_default().ensureDirSync(virtualDir);
+        const data = this.data();
+        return (tree, vfile)=>{
+            const demoMdx = [];
+            const route = routeMeta.find((meta)=>(0, shared_namespaceObject.normalizePosixPath)(meta.absolutePath) === (0, shared_namespaceObject.normalizePosixPath)(vfile.path || vfile.history[0]));
+            if (!route) return;
+            const { pageName } = route;
+            remarkPlugin_demos[pageName] = [];
+            let title = pageName;
+            let index = 1;
+            let externalDemoIndex = 0;
+            function constructDemoNode(demoId, demoPath, currentNode, isMobileMode, externalDemoIndex) {
+                if (isMobileMode) {
+                    const relativePathReg = new RegExp(/^\.\.?\/.*$/);
+                    remarkPlugin_demos[pageName].push({
+                        title,
+                        id: demoId,
+                        path: relativePathReg.test(demoPath) ? (0, external_node_path_namespaceObject.resolve)(vfile.dirname || (0, external_node_path_namespaceObject.dirname)(vfile.path), demoPath) : demoPath
+                    });
+                } else demoMdx.push(getASTNodeImport(`Demo${demoId}`, demoPath));
+                const tempVar = `externalDemoContent${externalDemoIndex}`;
+                if (void 0 !== externalDemoIndex) demoMdx.push(getASTNodeImport(tempVar, `!!${demoPath}?raw`));
+                if (isMobileMode && 'fixed' === position) void 0 !== externalDemoIndex && Object.assign(currentNode, getExternalDemoContent(tempVar));
+                else Object.assign(currentNode, {
+                    type: 'mdxJsxFlowElement',
+                    name: 'Container',
+                    attributes: [
+                        {
+                            type: 'mdxJsxAttribute',
+                            name: 'isMobile',
+                            value: isMobileMode
+                        },
+                        {
+                            type: 'mdxJsxAttribute',
+                            name: 'demoId',
+                            value: demoId
+                        }
+                    ],
+                    children: [
+                        void 0 === externalDemoIndex ? {
+                            ...currentNode,
+                            hasVisited: true
+                        } : getExternalDemoContent(tempVar),
+                        isMobileMode ? {
+                            type: 'mdxJsxFlowElement',
+                            name: null
+                        } : {
+                            type: 'mdxJsxFlowElement',
+                            name: `Demo${demoId}`
+                        }
+                    ]
+                });
+            }
+            lib_visit(tree, 'heading', (node)=>{
+                if (1 === node.depth) {
+                    if (node.children) {
+                        var _node_children_;
+                        title = (null === (_node_children_ = node.children[0]) || void 0 === _node_children_ ? void 0 : _node_children_.value) || title;
+                    }
+                }
             });
-          });
-        } catch (e) {
-          if (e.code !== "EADDRINUSE") {
-            throw e;
-          }
-          throw new Error(
-            `Port "${port}" is occupied, please choose another one.`
-          );
-        }
-      }
-    },
-    async afterBuild(config, isProd) {
-      if ((0, import_lodash.isEqual)(demos, lastDemos)) {
-        return;
-      }
-      lastDemos = (0, import_lodash.cloneDeep)(demos);
-      await devServer?.server?.close();
-      devServer = void 0;
-      const sourceEntry = generateEntry(demos, framework, position);
-      const outDir = (0, import_node_path4.join)(config.outDir ?? "doc_build", "~demo");
-      if (Object.keys(sourceEntry).length === 0) {
-        return;
-      }
-      const { html, source, output, performance } = clientConfig ?? {};
-      const rsbuildConfig = (0, import_core.mergeRsbuildConfig)(
-        {
-          dev: {
-            progressBar: false
-          },
-          server: {
-            port: devPort,
-            printUrls: () => void 0,
-            strictPort: true
-          },
-          performance: {
-            ...performance,
-            printFileSize: false
-          },
-          html,
-          source: {
-            ...source,
-            entry: sourceEntry
-          },
-          output: {
-            ...output,
-            assetPrefix: output?.assetPrefix ? `${(0, import_shared3.removeTrailingSlash)(output.assetPrefix)}/~demo` : "/~demo",
-            distPath: {
-              root: outDir
-            },
-            // not copy files again
-            copy: void 0
-          },
-          plugins: config?.builderPlugins
-        },
-        builderConfig
-      );
-      const rsbuildInstance = await (0, import_core.createRsbuild)({
-        rsbuildConfig
-      });
-      const { pluginSass } = await import("@rsbuild/plugin-sass");
-      const { pluginLess } = await import("@rsbuild/plugin-less");
-      rsbuildInstance.addPlugins([pluginSass(), pluginLess()]);
-      if (framework === "solid") {
-        rsbuildInstance.addPlugins([
-          (0, import_plugin_babel.pluginBabel)({
-            include: /\.(?:jsx|tsx)$/
-          }),
-          (0, import_plugin_solid.pluginSolid)()
-        ]);
-      }
-      if (framework === "react") {
-        rsbuildInstance.addPlugins([(0, import_plugin_react.pluginReact)()]);
-      }
-      if (isProd) {
-        rsbuildInstance.build();
-      } else {
-        devServer = await rsbuildInstance.startDevServer();
-      }
-    },
-    builderConfig: {
-      source: {
-        include: [(0, import_node_path4.join)(__dirname, "..")]
-      },
-      tools: {
-        bundlerChain(chain) {
-          chain.module.rule("Raw").resourceQuery(/raw/).type("asset/source").end();
-          chain.resolve.extensions.prepend(".md").prepend(".mdx");
-        },
-        rspack: {
-          watchOptions: {
-            ignored: /\.git/
-          }
-        }
-      },
-      plugins: [
-        {
-          name: "close-demo-server",
-          setup: (api) => {
-            api.modifyRsbuildConfig((config) => {
-              if (config.output?.target === "web") {
-                clientConfig = config;
-              }
+            lib_visit(tree, 'mdxJsxFlowElement', (node)=>{
+                if ('code' === node.name) {
+                    var _node_attributes_find, _node_attributes_find1, _node_attributes_find2;
+                    const src = null === (_node_attributes_find = node.attributes.find((attr)=>'src' === attr.name)) || void 0 === _node_attributes_find ? void 0 : _node_attributes_find.value;
+                    if (!src) return;
+                    const currentMode = (null === (_node_attributes_find1 = node.attributes.find((attr)=>'previewMode' === attr.name)) || void 0 === _node_attributes_find1 ? void 0 : _node_attributes_find1.value) ?? previewMode;
+                    let isMobileMode = null === (_node_attributes_find2 = node.attributes.find((attr)=>'isMobile' === attr.name)) || void 0 === _node_attributes_find2 ? void 0 : _node_attributes_find2.value;
+                    isMobileMode = void 0 === isMobileMode ? 'iframe' === currentMode : null === isMobileMode || ('object' == typeof isMobileMode ? 'false' !== isMobileMode.value : 'false' !== isMobileMode);
+                    const id = generateId(pageName, index++);
+                    constructDemoNode(id, src, node, isMobileMode, externalDemoIndex++);
+                }
             });
-            api.onCloseDevServer(async () => {
-              await devServer?.server?.close();
-              devServer = void 0;
+            lib_visit(tree, 'code', (node)=>{
+                if ('hasVisited' in node) return;
+                if (node.lang && previewLanguages.includes(node.lang)) {
+                    var _node_meta, _node_meta1, _node_meta2, _node_meta3, _node_meta4, _node_meta5;
+                    if ((null == node ? void 0 : null === (_node_meta = node.meta) || void 0 === _node_meta ? void 0 : _node_meta.includes('pure')) || !(null == node ? void 0 : null === (_node_meta1 = node.meta) || void 0 === _node_meta1 ? void 0 : _node_meta1.includes('preview')) && 'pure' === defaultRenderMode) return;
+                    const value = injectDemoBlockImport(previewCodeTransform({
+                        language: node.lang,
+                        code: node.value
+                    }), demoBlockComponentPath);
+                    const isMobileMode = (null == node ? void 0 : null === (_node_meta2 = node.meta) || void 0 === _node_meta2 ? void 0 : _node_meta2.includes('mobile')) || (null == node ? void 0 : null === (_node_meta3 = node.meta) || void 0 === _node_meta3 ? void 0 : _node_meta3.includes('iframe')) || !(null == node ? void 0 : null === (_node_meta4 = node.meta) || void 0 === _node_meta4 ? void 0 : _node_meta4.includes('web')) && !(null == node ? void 0 : null === (_node_meta5 = node.meta) || void 0 === _node_meta5 ? void 0 : _node_meta5.includes('internal')) && 'iframe' === previewMode;
+                    const id = generateId(pageName, index++);
+                    const virtualModulePath = (0, external_node_path_namespaceObject.join)(virtualDir, `${id}.tsx`);
+                    constructDemoNode(id, virtualModulePath, node, isMobileMode);
+                    if (fs_extra_default().existsSync(virtualModulePath)) {
+                        const content = fs_extra_default().readFileSync(virtualModulePath, 'utf-8');
+                        if (content === value) return;
+                    }
+                    fs_extra_default().writeFileSync(virtualModulePath, value);
+                }
             });
-          }
-        }
-      ]
-    },
-    extendPageData(pageData, isProd) {
-      if (!isProd) {
-        pageData.devPort = port;
-      }
-      pageData.extraHighlightLanguages = previewLanguages;
-    },
-    markdown: {
-      remarkPlugins: [
-        [
-          remarkCodeToDemo,
-          {
-            getRouteMeta,
-            position,
-            previewMode,
-            defaultRenderMode,
-            previewLanguages,
-            previewCodeTransform
-          }
-        ]
-      ],
-      globalComponents: [
-        (0, import_node_path4.join)(staticPath, "global-components", "Container.tsx")
-      ]
-    },
-    globalUIComponents,
-    globalStyles: (0, import_node_path4.join)(staticPath, "global-styles", `${previewMode}.css`)
-  };
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  pluginPreview
+            tree.children.unshift(...demoMdx);
+            if (remarkPlugin_demos[pageName].length > 0) data.pageMeta.haveDemos = true;
+        };
+    };
+    let src_rslib_entry_routeMeta;
+    const DEFAULT_PREVIEW_LANGUAGES = [
+        'jsx',
+        'tsx'
+    ];
+    function pluginPreview(options) {
+        const { isMobile = false, iframeOptions = {}, iframePosition = 'follow', defaultRenderMode = 'preview', previewLanguages = DEFAULT_PREVIEW_LANGUAGES, previewCodeTransform = ({ code })=>code } = options ?? {};
+        const previewMode = (null == options ? void 0 : options.previewMode) ?? (isMobile ? 'iframe' : 'internal');
+        const { devPort = 7890, framework = 'react', position = iframePosition, builderConfig = {} } = iframeOptions;
+        const globalUIComponents = 'fixed' === position ? [
+            (0, external_node_path_namespaceObject.join)(staticPath, 'global-components', 'Device.tsx')
+        ] : [];
+        const getRouteMeta = ()=>src_rslib_entry_routeMeta;
+        let lastDemos;
+        let devServer;
+        let clientConfig;
+        const port = devPort;
+        return {
+            name: '@rspress/plugin-preview',
+            config (config) {
+                config.markdown = config.markdown || {};
+                config.markdown.mdxRs = false;
+                return config;
+            },
+            routeGenerated (routes) {
+                src_rslib_entry_routeMeta = routes;
+            },
+            async beforeBuild (_, isProd) {
+                if (!isProd) try {
+                    await new Promise((resolve, reject)=>{
+                        const server = external_node_net_default().createServer();
+                        server.unref();
+                        server.on('error', reject);
+                        server.listen({
+                            port,
+                            host: '0.0.0.0'
+                        }, ()=>{
+                            server.close(resolve);
+                        });
+                    });
+                } catch (e) {
+                    if ('EADDRINUSE' !== e.code) throw e;
+                    throw new Error(`Port "${port}" is occupied, please choose another one.`);
+                }
+            },
+            async afterBuild (config, isProd) {
+                var _devServer_server;
+                if ((0, external_lodash_namespaceObject.isEqual)(remarkPlugin_demos, lastDemos)) return;
+                lastDemos = (0, external_lodash_namespaceObject.cloneDeep)(remarkPlugin_demos);
+                await (null == devServer ? void 0 : null === (_devServer_server = devServer.server) || void 0 === _devServer_server ? void 0 : _devServer_server.close());
+                devServer = void 0;
+                const sourceEntry = generateEntry(remarkPlugin_demos, framework, position);
+                const outDir = (0, external_node_path_namespaceObject.join)(config.outDir ?? 'doc_build', '~demo');
+                if (0 === Object.keys(sourceEntry).length) return;
+                const { html, source, output, performance } = clientConfig ?? {};
+                const rsbuildConfig = (0, core_namespaceObject.mergeRsbuildConfig)({
+                    dev: {
+                        progressBar: false
+                    },
+                    server: {
+                        port: devPort,
+                        printUrls: ()=>void 0,
+                        strictPort: true
+                    },
+                    performance: {
+                        ...performance,
+                        printFileSize: false
+                    },
+                    html,
+                    source: {
+                        ...source,
+                        entry: sourceEntry
+                    },
+                    output: {
+                        ...output,
+                        assetPrefix: (null == output ? void 0 : output.assetPrefix) ? `${(0, shared_namespaceObject.removeTrailingSlash)(output.assetPrefix)}/~demo` : '/~demo',
+                        distPath: {
+                            root: outDir
+                        },
+                        copy: void 0
+                    },
+                    plugins: null == config ? void 0 : config.builderPlugins
+                }, builderConfig);
+                const rsbuildInstance = await (0, core_namespaceObject.createRsbuild)({
+                    rsbuildConfig
+                });
+                const { pluginSass } = await Promise.resolve().then(__webpack_require__.bind(__webpack_require__, "@rsbuild/plugin-sass"));
+                const { pluginLess } = await Promise.resolve().then(__webpack_require__.bind(__webpack_require__, "@rsbuild/plugin-less"));
+                rsbuildInstance.addPlugins([
+                    pluginSass(),
+                    pluginLess()
+                ]);
+                if ('solid' === framework) rsbuildInstance.addPlugins([
+                    (0, plugin_babel_namespaceObject.pluginBabel)({
+                        include: /\.(?:jsx|tsx)$/
+                    }),
+                    (0, plugin_solid_namespaceObject.pluginSolid)()
+                ]);
+                if ('react' === framework) rsbuildInstance.addPlugins([
+                    (0, plugin_react_namespaceObject.pluginReact)()
+                ]);
+                if (isProd) rsbuildInstance.build();
+                else devServer = await rsbuildInstance.startDevServer();
+            },
+            builderConfig: {
+                source: {
+                    include: [
+                        (0, external_node_path_namespaceObject.join)(__dirname, '..')
+                    ]
+                },
+                tools: {
+                    bundlerChain (chain) {
+                        chain.module.rule('Raw').resourceQuery(/raw/).type('asset/source').end();
+                        chain.resolve.extensions.prepend('.md').prepend('.mdx');
+                    },
+                    rspack: {
+                        watchOptions: {
+                            ignored: /\.git/
+                        }
+                    }
+                },
+                plugins: [
+                    {
+                        name: 'close-demo-server',
+                        setup: (api)=>{
+                            api.modifyRsbuildConfig((config)=>{
+                                var _config_output;
+                                if ((null === (_config_output = config.output) || void 0 === _config_output ? void 0 : _config_output.target) === 'web') clientConfig = config;
+                            });
+                            api.onCloseDevServer(async ()=>{
+                                var _devServer_server;
+                                await (null == devServer ? void 0 : null === (_devServer_server = devServer.server) || void 0 === _devServer_server ? void 0 : _devServer_server.close());
+                                devServer = void 0;
+                            });
+                        }
+                    }
+                ]
+            },
+            extendPageData (pageData, isProd) {
+                if (!isProd) pageData.devPort = port;
+                pageData.extraHighlightLanguages = previewLanguages;
+            },
+            markdown: {
+                remarkPlugins: [
+                    [
+                        remarkCodeToDemo,
+                        {
+                            getRouteMeta,
+                            position,
+                            previewMode,
+                            defaultRenderMode,
+                            previewLanguages,
+                            previewCodeTransform
+                        }
+                    ]
+                ],
+                globalComponents: [
+                    (0, external_node_path_namespaceObject.join)(staticPath, 'global-components', 'Container.tsx')
+                ]
+            },
+            globalUIComponents,
+            globalStyles: (0, external_node_path_namespaceObject.join)(staticPath, 'global-styles', `${previewMode}.css`)
+        };
+    }
+})();
+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