@rspress/plugin-preview 1.1.1 → 1.2.0

package/dist/index.d.ts

@@ -1,5 +1,12 @@
 import { RouteMeta, RspressPlugin } from '@rspress/shared';
 
+/**
+ * remove .html extension and validate
+ * @param routePath id from pathname
+ * @returns normalized id
+ */
+declare const normalizeId: (routePath: string) => string;
+
 type Options = {
     /**
      * preview in mobile mode or not
@@ -33,4 +40,4 @@ declare const demoMeta: Record<string, {
  */
 declare function pluginPreview(options?: Options): RspressPlugin;
 
-export { Options, demoMeta, demoRoutes, pluginPreview, routeMeta };
+export { Options, demoMeta, demoRoutes, normalizeId, pluginPreview, routeMeta };

package/dist/index.js

@@ -269,6 +269,7 @@ var src_exports = {};
 __export(src_exports, {
   demoMeta: () => demoMeta,
   demoRoutes: () => demoRoutes,
+  normalizeId: () => normalizeId,
   pluginPreview: () => pluginPreview,
   routeMeta: () => routeMeta
 });
@@ -276,6 +277,7 @@ module.exports = __toCommonJS(src_exports);
 var import_path3 = require("path");
 var import_rspack_plugin_virtual_module = require("rspack-plugin-virtual-module");
 var import_shared2 = require("@rspress/shared");
+var import_lodash = require("lodash");
 
 // src/codeToDemo.ts
 var import_path2 = require("path");
@@ -294,6 +296,10 @@ var toValidVarName = (str) => {
 var generateId = (pageName, index) => {
   return `_${toValidVarName(pageName)}_${index}`;
 };
+var normalizeId = (routePath) => {
+  const result = routePath.replace(/\.(.*)?$/, "");
+  return toValidVarName(result);
+};
 var injectDemoBlockImport = (str, path2) => {
   return `
     import DemoBlock from '${path2}';
@@ -675,6 +681,14 @@ import Demo from ${JSON.stringify(demoComponentPath)}
       `${isMobile ? "mobile" : "web"}.css`
     ),
     addSSGRoutes() {
+      if (iframePosition === "fixed") {
+        const normalizeRoutes = demoRoutes.map(({ path: item }) => {
+          const fragments = item.split("/").filter(Boolean);
+          const demoId = fragments.pop()?.replace(/_(\d+)$/, "");
+          return { path: `/${fragments.join("/")}/${demoId}` };
+        });
+        return (0, import_lodash.uniqBy)(normalizeRoutes, "path");
+      }
       return demoRoutes;
     }
   };
@@ -683,6 +697,7 @@ import Demo from ${JSON.stringify(demoComponentPath)}
 0 && (module.exports = {
   demoMeta,
   demoRoutes,
+  normalizeId,
   pluginPreview,
   routeMeta
 });

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0MA,SAAS,WAAW,OAAO;AAEzB,QAAM,SAAS,CAAC;AAChB,MAAI,QAAQ;AAEZ,SAAO,EAAE,QAAQ,MAAM,QAAQ;AAC7B,WAAO,KAAK,IAAI,QAAQ,MAAM,KAAK,CAAC;AAAA,EACtC;AAEA,SAAO,YAAY,GAAG;AAOtB,WAAS,OAAO,YAAY;AAC1B,QAAIA,SAAQ;AAEZ,WAAO,EAAEA,SAAQ,OAAO,QAAQ;AAC9B,UAAI,OAAOA,MAAK,EAAE,KAAK,MAAM,GAAG,UAAU;AAAG,eAAO;AAAA,IACtD;AAEA,WAAO;AAAA,EACT;AACF;AAQA,SAAS,aAAa,OAAO;AAC3B,SAAO,YAAY,GAAG;AAMtB,WAAS,IAAI,MAAM;AAEjB,QAAI;AAEJ,SAAK,OAAO,OAAO;AAEjB,UAAI,KAAK,GAAG,MAAM,MAAM,GAAG;AAAG,eAAO;AAAA,IACvC;AAEA,WAAO;AAAA,EACT;AACF;AAQA,SAAS,YAAY,OAAO;AAC1B,SAAO,YAAY,IAAI;AAKvB,WAAS,KAAK,MAAM;AAClB,WAAO,QAAQ,KAAK,SAAS;AAAA,EAC/B;AACF;AAQA,SAAS,YAAY,OAAO;AAC1B,SAAO;AAQP,WAAS,UAAU,SAAS,YAAY;AACtC,WAAO;AAAA,MACL,QACE,OAAO,SAAS,YAChB,UAAU;AAAA,MAEV,QAAQ,MAAM,KAAK,MAAM,MAAM,GAAG,UAAU,CAAC;AAAA,IACjD;AAAA,EACF;AACF;AAEA,SAAS,KAAK;AACZ,SAAO;AACT;AA5SA,IAqKa;AArKb;AAAA;AAAA;AAqKO,IAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAYT,SAAU,MAAM;AACd,UAAI,SAAS,UAAa,SAAS,MAAM;AACvC,eAAO;AAAA,MACT;AAEA,UAAI,OAAO,SAAS,UAAU;AAC5B,eAAO,YAAY,IAAI;AAAA,MACzB;AAEA,UAAI,OAAO,SAAS,UAAU;AAC5B,eAAO,MAAM,QAAQ,IAAI,IAAI,WAAW,IAAI,IAAI,aAAa,IAAI;AAAA,MACnE;AAEA,UAAI,OAAO,SAAS,YAAY;AAC9B,eAAO,YAAY,IAAI;AAAA,MACzB;AAEA,YAAM,IAAI,MAAM,8CAA8C;AAAA,IAChE;AAAA;AAAA;;;ACnMJ;AAAA;AAAA;AAqBA;AAAA;AAAA;;;ACjBO,SAAS,MAAM,GAAG;AACvB,SAAO,aAAe,IAAI;AAC5B;AANA;AAAA;AAAA;AAAA;AAAA;;;ACsOA,SAAS,SAAS,OAAO;AACvB,MAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,WAAO;AAAA,EACT;AAEA,MAAI,OAAO,UAAU,UAAU;AAC7B,WAAO,CAAC,UAAU,KAAK;AAAA,EACzB;AAEA,SAAO,CAAC,KAAK;AACf;AAhPA,IAgFa,UAKA,MAKA,MA+BA;AAzHb;AAAA;AAAA;AA0EA;AACA;AAKO,IAAM,WAAW;AAKjB,IAAM,OAAO;AAKb,IAAM,OAAO;AA+Bb,IAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAeT,SAAU,MAAM,MAAM,SAAS,SAAS;AACtC,UAAI,OAAO,SAAS,cAAc,OAAO,YAAY,YAAY;AAC/D,kBAAU;AAEV,kBAAU;AACV,eAAO;AAAA,MACT;AAEA,YAAMC,MAAK,QAAQ,IAAI;AACvB,YAAM,OAAO,UAAU,KAAK;AAE5B,cAAQ,MAAM,QAAW,CAAC,CAAC,EAAE;AAO7B,eAAS,QAAQ,MAAM,OAAO,SAAS;AAGrC,cAAM,QAAQ,QAAQ,OAAO,SAAS,WAAW,OAAO,CAAC;AAEzD,YAAI,OAAO,MAAM,SAAS,UAAU;AAClC,gBAAM;AAAA;AAAA,YAEJ,OAAO,MAAM,YAAY,WACrB,MAAM;AAAA;AAAA,cAER,OAAO,MAAM,SAAS,WACpB,MAAM,OACN;AAAA;AAAA;AAEN,iBAAO,eAAeC,QAAO,QAAQ;AAAA,YACnC,OACE,WAAW,MAAM,KAAK,QAAQ,OAAO,MAAM,OAAO,MAAM,GAAG,IAAI;AAAA,UACnE,CAAC;AAAA,QACH;AAEA,eAAOA;AAEP,iBAASA,SAAQ;AAEf,cAAI,SAAS,CAAC;AAEd,cAAI;AAEJ,cAAI;AAEJ,cAAI;AAEJ,cAAI,CAAC,QAAQD,IAAG,MAAM,OAAO,QAAQ,QAAQ,SAAS,CAAC,KAAK,IAAI,GAAG;AACjE,qBAAS,SAAS,QAAQ,MAAM,OAAO,CAAC;AAExC,gBAAI,OAAO,CAAC,MAAM,MAAM;AACtB,qBAAO;AAAA,YACT;AAAA,UACF;AAGA,cAAI,KAAK,YAAY,OAAO,CAAC,MAAM,MAAM;AAEvC,sBAAU,UAAU,KAAK,SAAS,SAAS,MAAM;AAEjD,2BAAe,QAAQ,OAAO,IAAI;AAGlC,mBAAO,SAAS,MAAM,SAAS,KAAK,SAAS,QAAQ;AAEnD,0BAAY,QAAQ,KAAK,SAAS,MAAM,GAAG,QAAQ,YAAY,EAAE;AAEjE,kBAAI,UAAU,CAAC,MAAM,MAAM;AACzB,uBAAO;AAAA,cACT;AAEA,uBACE,OAAO,UAAU,CAAC,MAAM,WAAW,UAAU,CAAC,IAAI,SAAS;AAAA,YAC/D;AAAA,UACF;AAEA,iBAAO;AAAA,QACT;AAAA,MACF;AAAA,IACF;AAAA;AAAA;;;AC3NJ;AAAA;AAAA;AACA;AAAA;AAAA;;;ACDA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAsBa;AAtBb;AAAA;AAAA;AAQA;AAoDA;AAtCO,IAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAcT,SAAU,MAAM,MAAM,SAAS,SAAS;AACtC,UAAI,OAAO,SAAS,cAAc,OAAO,YAAY,YAAY;AAC/D,kBAAU;AACV,kBAAU;AACV,eAAO;AAAA,MACT;AAEA,mBAAa,MAAM,MAAM,UAAU,OAAO;AAM1C,eAAS,SAAS,MAAM,SAAS;AAC/B,cAAM,SAAS,QAAQ,QAAQ,SAAS,CAAC;AACzC,eAAO;AAAA,UACL;AAAA,UACA,SAAS,OAAO,SAAS,QAAQ,IAAI,IAAI;AAAA,UACzC;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA;AAAA;;;ACzDJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAqC;AACrC,0CAA0C;AAC1C,qBAKO;;;ACPP,mBAA8B;AAC9B;AACA,sBAAe;AACf,oBAIO;;;ACFA,IAAM,iBAAiB,CAAC,QAAwB;AAErD,MAAI,6BAA6B,KAAK,GAAG,GAAG;AAC1C,WAAO;AAAA,EACT,OAAO;AAEL,WAAO,IAAI,QAAQ,mBAAmB,GAAG,EAAE,QAAQ,YAAY,KAAK;AAAA,EACtE;AACF;AAEO,IAAM,aAAa,CAAC,UAAkB,UAAkB;AAC7D,SAAO,IAAI,eAAe,QAAQ,CAAC,IAAI,KAAK;AAC9C;AAYO,IAAM,wBAAwB,CAAC,KAAaE,UAAyB;AAC1E,SAAO;AAAA,6BACoBA,KAAI;AAAA,MAC3B,GAAG;AAAA;AAET;;;AClCA,kBAAiB;AAEV,IAAM,aAAa,oBAAK,KAAK,WAAW,MAAM,QAAQ;AAEtD,IAAM,oBAAoB,oBAAK;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,IAAM,yBAAyB,oBAAK;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AACF;;;AFCA,IAAM,OAAO,KAAK;AAAA,EAChB,wBAAG,iBAAa,sBAAQ,QAAQ,IAAI,GAAG,gBAAgB,GAAG,MAAM;AAClE;AAKO,IAAM,mBAUT,CAAC,EAAE,UAAU,cAAc,gBAAgB,kBAAkB,MAAM;AACrE,QAAMC,aAAY,aAAa;AAE/B,SAAO,CAAC,MAAM,UAAU;AACtB,UAAM,QAAoB,CAAC;AAC3B,UAAM,QAAQA,WAAU;AAAA,MACtB,cACE,kCAAmB,KAAK,YAAY,UACpC,kCAAmB,MAAM,QAAQ,MAAM,QAAQ,CAAC,CAAC;AAAA,IACrD;AACA,QAAI,CAAC,OAAO;AACV;AAAA,IACF;AACA,UAAM,EAAE,SAAS,IAAI;AACrB,QAAI,QAAQ;AACZ,QAAI,oBAAoB;AAExB,aAAS,kBACP,QACA,UACA,aACA,cAEAC,oBACA;AACA,YAAM,YAAY,UAAU,MAAM;AAClC,UAAI,cAAc;AAEhB,mBAAW,KAAK;AAAA,UACd,MAAM;AAAA,QACR,CAAC;AAAA,MACH,OAAO;AACL,cAAM,KAAK,iBAAiB,OAAO,MAAM,IAAI,QAAQ,CAAC;AAAA,MACxD;AAGA,YAAM,UAAU,sBAAsBA,kBAAiB;AACvD,UAAIA,uBAAsB,QAAW;AACnC,cAAM,KAAK,iBAAiB,SAAS,GAAG,QAAQ,MAAM,CAAC;AAAA,MACzD;AAEA,UAAI,gBAAgB,mBAAmB,SAAS;AAE9C,+BAAsB,UACpB,OAAO,OAAO,aAAa,uBAAuB,OAAO,CAAC;AAAA,MAC9D,OAAO;AAEL,eAAO,OAAO,aAAa;AAAA,UACzB,MAAM;AAAA,UACN,MAAM;AAAA,UACN,YAAY;AAAA,YACV;AAAA,cACE,MAAM;AAAA,cACN,MAAM;AAAA,cACN,OAAO;AAAA,YACT;AAAA,YACA;AAAA,cACE,MAAM;AAAA,cACN,MAAM;AAAA,cACN,OAAO;AAAA,YACT;AAAA,YACA;AAAA,cACE,MAAM;AAAA,cACN,MAAM;AAAA,cACN,OAAO,YAAY;AAAA,YACrB;AAAA,YACA;AAAA,cACE,MAAM;AAAA,cACN,MAAM;AAAA,cACN,OAAO,KAAK;AAAA,YACd;AAAA,YACA;AAAA,cACE,MAAM;AAAA,cACN,MAAM;AAAA,cACN,OAAO;AAAA,YACT;AAAA,UACF;AAAA,UACA,UAAU;AAAA,YACRA,uBAAsB,SAClB;AAAA,cACE,GAAG;AAAA,cACH,YAAY;AAAA,YACd,IACA,uBAAuB,OAAO;AAAA,YAClC,eACI;AAAA,cACE,MAAM;AAAA,cACN,MAAM;AAAA,YACR,IACA;AAAA,cACE,MAAM;AAAA,cACN,MAAM,OAAO,MAAM;AAAA,YACrB;AAAA,UACN;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF;AAGA,SAAK,SAAS,QAAQ,CAAC,SAAc;AACnC,UAAI,KAAK,SAAS,uBAAuB,KAAK,SAAS,QAAQ;AAC7D,cAAM,MAAM,KAAK,WAAW;AAAA,UAC1B,CAAC,SAA0C,KAAK,SAAS;AAAA,QAC3D,GAAG;AACH,cAAM,eACJ,KAAK,WAAW;AAAA,UACd,CAAC,SACC,KAAK,SAAS;AAAA,QAClB,GAAG,SAAS;AACd,YAAI,CAAC,KAAK;AACR;AAAA,QACF;AACA,cAAM,KAAK,WAAW,UAAU,OAAO;AACvC,0BAAkB,IAAI,KAAK,MAAM,cAAc,mBAAmB;AAAA,MACpE;AAAA,IACF,CAAC;AAGD,UAAM,MAAM,QAAQ,UAAQ;AAE1B,UAAI,gBAAgB,MAAM;AACxB;AAAA,MACF;AAEA,UAAI,KAAK,SAAS,SAAS,KAAK,SAAS,OAAO;AAC9C,cAAM,QAAQ,sBAAsB,KAAK,OAAO,sBAAsB;AAEtE,cAAM,SAAS,MAAM,MAAM,SAAS,MAAM;AAG1C,YAAI,QAAQ;AACV;AAAA,QACF;AAGA,cAAM,eACJ,MAAM,MAAM,SAAS,QAAQ,KAC5B,CAAC,MAAM,MAAM,SAAS,KAAK,KAAK;AAEnC,cAAM,cAAU;AAAA,UACd,QAAQ,IAAI;AAAA,UACZ;AAAA,UACA;AAAA,UACA;AAAA,QACF;AACA,cAAM,KAAK,WAAW,UAAU,OAAO;AACvC,cAAM,wBAAoB,mBAAK,SAAS,GAAG,EAAE,MAAM;AACnD,gCAAG,kBAAc,mBAAK,OAAO,CAAC;AAG9B,YAAI,wBAAG,WAAW,iBAAiB,GAAG;AACpC,gBAAM,UAAU,wBAAG,aAAa,mBAAmB,OAAO;AAC1D,cAAI,YAAY,OAAO;AACrB,oCAAG,cAAc,mBAAmB,KAAK;AAAA,UAC3C;AAAA,QACF;AACA,0BAAkB,IAAI,mBAAmB,MAAM,YAAY;AAAA,MAC7D;AAAA,IACF,CAAC;AAED,SAAK,SAAS,QAAQ,GAAG,KAAK;AAAA,EAChC;AACF;AAEA,IAAM,mBAAmB,CAAC,MAAc,UACrC;AAAA,EACC,MAAM;AAAA,EACN,OAAO,UAAU,IAAI,SAAS,KAAK,UAAU,IAAI,CAAC;AAAA,EAClD,MAAM;AAAA,IACJ,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,MAAM;AAAA,QACJ;AAAA,UACE,MAAM;AAAA,UACN,YAAY;AAAA,YACV;AAAA,cACE,MAAM;AAAA,cACN,OAAO,EAAE,MAAM,cAAc,KAAK;AAAA,YACpC;AAAA,UACF;AAAA,UACA,QAAQ;AAAA,YACN,MAAM;AAAA,YACN,OAAO;AAAA,YACP,KAAK,GAAG,KAAK,UAAU,IAAI,CAAC;AAAA,UAC9B;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAEF,IAAM,yBAAyB,CAAC,aAAqB;AAAA,EACnD,MAAM;AAAA,EACN,MAAM;AAAA,EACN,UAAU;AAAA,IACR;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,YAAY;AAAA,QACV;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,QACT;AAAA,QACA;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,YACL,MAAM;AAAA,YACN,OAAO;AAAA,YACP,MAAM;AAAA,cACJ,QAAQ;AAAA,gBACN,MAAM;AAAA,gBACN,MAAM;AAAA,kBACJ;AAAA,oBACE,MAAM;AAAA,oBACN,YAAY;AAAA,sBACV,MAAM;AAAA,sBACN,MAAM;AAAA,oBACR;AAAA,kBACF;AAAA,gBACF;AAAA,cACF;AAAA,YACF;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;;;ADtNO,IAAI;AACJ,IAAM,aAAiC,CAAC;AACxC,IAAM,WAGT,CAAC;AAKE,SAAS,cAAc,SAAkC;AAC9D,QAAM,WAAW,SAAS,YAAY;AACtC,QAAM,iBAAiB,SAAS,kBAAkB;AAClD,QAAM,oBAAoB,SAAS,qBAAqB;AACxD,QAAM,oBAAoB,IAAI,8DAA0B,CAAC,CAAC;AAC1D,QAAM,qBACJ,mBAAmB,UACf,KAAC,mBAAK,YAAY,qBAAqB,YAAY,CAAC,IACpD,CAAC;AACP,QAAM,eAAe,MAAM;AAC3B,SAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO,QAAQ;AACb,aAAO,WAAW,OAAO,YAAY,CAAC;AACtC,aAAO,SAAS,QAAQ;AACxB,aAAO;AAAA,IACT;AAAA,IACA,SAAS,SAAS,SAAS;AACzB,aAAO;AAAA,QACL;AAAA,UACE,WAAW;AAAA,UACX,SAAS;AAAA;AAAA;AAAA;AAAA,mBAIA,KAAK,UAAU,iBAAiB,CAAC;AAAA;AAAA,wBAE5B,cAAc;AAAA;AAAA,QAE9B;AAAA,MACF;AAAA,IACF;AAAA,IACA,MAAM,eAAe,QAAqB;AAExC,kBAAY;AAEZ,YAAM,QAAQ,OAAO,IAAI,WAAS,MAAM,YAAY;AAGpD,YAAM,QAAQ;AAAA,QACZ,MAAM,IAAI,OAAO,UAAU,WAAW;AACpC,gBAAM,YAAY,UAAU,KAAK,QAAQ;AACzC,cAAI,CAAC,WAAW;AACd;AAAA,UACF;AACA,gBAAM,EAAE,gBAAgB,IAAI,MAAM,OAAO,aAAa;AACtD,gBAAM,EAAE,cAAM,IAAI,MAAM;AACxB,gBAAM,EAAE,SAASC,IAAG,IAAI,MAAM,OAAO,2BAA2B;AAChE,gBAAM,EAAE,SAAS,UAAU,IAAI,MAAM,OAAO,YAAY;AACxD,cAAI,YAAQ,oBAAM,QAAQ,EAAE;AAC5B,cAAI;AACF,kBAAM,YAAY,gBAAgB;AAAA,cAChC,YAAQ,sBAAQ,QAAQ,EAAE,MAAM,CAAC;AAAA,cACjC,eAAe,CAAC,SAAS;AAAA,YAC3B,CAAC;AACD,kBAAM,SAAS,MAAMA,IAAG,SAAS,UAAU,OAAO;AAClD,kBAAM,MAAM,UAAU,MAAM,MAAM;AAClC,gBAAI,QAAQ;AACZ,kBAAM,EAAE,SAAS,IAAI,UAAU;AAAA,cAC7B,cACE,mCAAmB,KAAK,YAAY,UACpC,mCAAmB,QAAQ;AAAA,YAC/B;AAEA,kBAAM,eAAe,CACnB,QACA,UACA,iBACG;AACH,kBAAI,cAAc;AAEhB,yBAAS,QAAQ,IAAI,SAAS,QAAQ,KAAK,CAAC;AAC5C,sBAAM,UAAU,SAAS,QAAQ,EAAE;AAAA,kBACjC,UAAQ,KAAK,OAAO;AAAA,gBACtB;AACA,oBAAI,CAAC,SAAS;AACZ,2BAAS,QAAQ,EAAE,KAAK;AAAA,oBACtB,IAAI;AAAA,oBACJ;AAAA,oBACA,mBAAmB;AAAA,kBACrB,CAAC;AAAA,gBACH;AAAA,cACF;AAAA,YACF;AACA,mBAAM,KAAK,WAAW,CAAC,SAAkB;AACvC,kBAAI,KAAK,UAAU,GAAG;AACpB,oBAAI,KAAK,UAAU;AACjB,0BAAQ,KAAK,SAAS,CAAC,EAAE;AAAA,gBAC3B;AAAA,cACF;AAAA,YACF,CAAC;AAED,mBAAM,KAAK,qBAAqB,CAAC,SAAc;AAC7C,kBAAI,KAAK,SAAS,QAAQ;AACxB,sBAAM,MAAM,KAAK,WAAW;AAAA,kBAC1B,CAAC,SACC,KAAK,SAAS;AAAA,gBAClB,GAAG;AACH,sBAAM,eACJ,KAAK,WAAW;AAAA,kBACd,CAAC,SACC,KAAK,SAAS;AAAA,gBAClB,GAAG,SAAS;AACd,oBAAI,CAAC,KAAK;AACR;AAAA,gBACF;AACA,sBAAM,KAAK,WAAW,UAAU,OAAO;AACvC,6BAAa,IAAI,KAAK,YAAY;AAAA,cACpC;AAAA,YACF,CAAC;AAED,mBAAM,KAAK,QAAQ,CAAC,SAAc;AAChC,kBAAI,KAAK,SAAS,SAAS,KAAK,SAAS,OAAO;AAC9C,sBAAM,EAAE,MAAM,IAAI;AAClB,sBAAM,SAAS,MAAM,MAAM,SAAS,MAAM;AAG1C,oBAAI,QAAQ;AACV;AAAA,gBACF;AAGA,sBAAM,eACJ,MAAM,MAAM,SAAS,QAAQ,KAC5B,CAAC,MAAM,MAAM,SAAS,KAAK,KAAK;AAEnC,sBAAM,EAAE,oBAAS,IAAI,UAAU;AAAA,kBAC7B,cACE,mCAAmB,KAAK,YAAY,UACpC,mCAAmB,QAAQ;AAAA,gBAC/B;AACA,sBAAM,KAAK,WAAWC,WAAU,OAAO;AAEvC,sBAAM,cAAU;AAAA,kBACd,QAAQ,IAAI;AAAA,kBACZ;AAAA,kBACA;AAAA,kBACA;AAAA,gBACF;AAEA,sBAAM,wBAAoB,mBAAK,SAAS,GAAG,EAAE,MAAM;AACnD,6BAAa,IAAI,mBAAmB,YAAY;AAEhD,oBAAG,kBAAc,mBAAK,OAAO,CAAC;AAC9B,oBAAG;AAAA,kBACD;AAAA,kBACA,sBAAsB,OAAO,sBAAsB;AAAA,gBACrD;AAAA,cACF;AAAA,YACF,CAAC;AAAA,UACH,SAAS,GAAG;AACV,oBAAQ,MAAM,CAAC;AACf,kBAAM;AAAA,UACR;AAAA,QACF,CAAC;AAAA,MACH;AAQA,YAAM,cAAc;AAAA,UAChB,MACC,IAAI,CAAC,UAAU,UAAU;AACxB,eAAO,eAAe,KAAK,UAAU,QAAQ;AAAA,MAC/C,CAAC,EACA,KAAK,IAAI,CAAC;AAAA,gCACW,MACrB,IAAI,CAAC,GAAG,UAAU,QAAQ,KAAK,EAAE,EACjC,KAAK,EACL,KAAK,GAAG,CAAC;AAAA;AAEd,wBAAkB,YAAY,gBAAgB,WAAW;AAAA,IAC3D;AAAA,IACA,eAAe;AAAA,MACb,OAAO;AAAA;AAAA;AAAA,QAGL,QAAQ;AAAA,UACN,SAAS,CAAC,iBAAiB;AAAA,QAC7B;AAAA,QACA,aAAa,OAAO;AAClB,gBAAM,OACH,KAAK,KAAK,EACV,cAAc,KAAK,EACnB,KAAK,cAAc,EACnB,IAAI,EACJ,KAAK,KAAK,EACV,MAAM,SAAS,EACf,OAAO,YAAY,EACnB,cAAc,MAAM,EACpB,IAAI,iBAAiB,EACrB,WAAO,mBAAK,WAAW,wBAAwB,CAAC,EAChD,IAAI;AAEP,gBAAM,QAAQ,WAAW,QAAQ,KAAK,EAAE,QAAQ,MAAM;AAAA,QACxD;AAAA,MACF;AAAA,IACF;AAAA,IACA,UAAU;AAAA,MACR,eAAe;AAAA,QACb;AAAA,UACE;AAAA,UACA,EAAE,UAAU,cAAc,gBAAgB,kBAAkB;AAAA,QAC9D;AAAA,MACF;AAAA,MACA,kBAAkB;AAAA,YAChB,mBAAK,YAAY,qBAAqB,eAAe;AAAA,MACvD;AAAA,IACF;AAAA,IACA;AAAA,IACA,kBAAc;AAAA,MACZ;AAAA,MACA;AAAA,MACA,GAAG,WAAW,WAAW,KAAK;AAAA,IAChC;AAAA,IACA,eAAe;AACb,aAAO;AAAA,IACT;AAAA,EACF;AACF;","names":["index","is","visit","path","routeMeta","externalDemoIndex","fs","pageName"],"sources":["../../../node_modules/.pnpm/unist-util-is@5.2.1/node_modules/unist-util-is/lib/index.js","../../../node_modules/.pnpm/unist-util-is@5.2.1/node_modules/unist-util-is/index.js","../../../node_modules/.pnpm/unist-util-visit-parents@5.1.3/node_modules/unist-util-visit-parents/lib/color.js","../../../node_modules/.pnpm/unist-util-visit-parents@5.1.3/node_modules/unist-util-visit-parents/lib/index.js","../../../node_modules/.pnpm/unist-util-visit-parents@5.1.3/node_modules/unist-util-visit-parents/index.js","../../../node_modules/.pnpm/unist-util-visit@4.1.1/node_modules/unist-util-visit/index.js","../src/index.ts","../src/codeToDemo.ts","../src/utils.ts","../src/constant.ts"],"sourcesContent":["/**\n * @typedef {import('unist').Node} Node\n * @typedef {import('unist').Parent} Parent\n */\n\n/**\n * @typedef {Record<string, unknown>} Props\n * @typedef {null | undefined | string | Props | TestFunctionAnything | Array<string | Props | TestFunctionAnything>} Test\n *   Check for an arbitrary node, unaware of TypeScript inferral.\n *\n * @callback TestFunctionAnything\n *   Check if a node passes a test, unaware of TypeScript inferral.\n * @param {unknown} this\n *   The given context.\n * @param {Node} node\n *   A node.\n * @param {number | null | undefined} [index]\n *   The node’s position in its parent.\n * @param {Parent | null | undefined} [parent]\n *   The node’s parent.\n * @returns {boolean | void}\n *   Whether this node passes the test.\n */\n\n/**\n * @template {Node} Kind\n *   Node type.\n * @typedef {Kind['type'] | Partial<Kind> | TestFunctionPredicate<Kind> | Array<Kind['type'] | Partial<Kind> | TestFunctionPredicate<Kind>>} PredicateTest\n *   Check for a node that can be inferred by TypeScript.\n */\n\n/**\n * Check if a node passes a certain test.\n *\n * @template {Node} Kind\n *   Node type.\n * @callback TestFunctionPredicate\n *   Complex test function for a node that can be inferred by TypeScript.\n * @param {Node} node\n *   A node.\n * @param {number | null | undefined} [index]\n *   The node’s position in its parent.\n * @param {Parent | null | undefined} [parent]\n *   The node’s parent.\n * @returns {node is Kind}\n *   Whether this node passes the test.\n */\n\n/**\n * @callback AssertAnything\n *   Check that an arbitrary value is a node, unaware of TypeScript inferral.\n * @param {unknown} [node]\n *   Anything (typically a node).\n * @param {number | null | undefined} [index]\n *   The node’s position in its parent.\n * @param {Parent | null | undefined} [parent]\n *   The node’s parent.\n * @returns {boolean}\n *   Whether this is a node and passes a test.\n */\n\n/**\n * Check if a node is a node and passes a certain node test.\n *\n * @template {Node} Kind\n *   Node type.\n * @callback AssertPredicate\n *   Check that an arbitrary value is a specific node, aware of TypeScript.\n * @param {unknown} [node]\n *   Anything (typically a node).\n * @param {number | null | undefined} [index]\n *   The node’s position in its parent.\n * @param {Parent | null | undefined} [parent]\n *   The node’s parent.\n * @returns {node is Kind}\n *   Whether this is a node and passes a test.\n */\n\n/**\n * Check if `node` is a `Node` and whether it passes the given test.\n *\n * @param node\n *   Thing to check, typically `Node`.\n * @param test\n *   A check for a specific node.\n * @param index\n *   The node’s position in its parent.\n * @param parent\n *   The node’s parent.\n * @returns\n *   Whether `node` is a node and passes a test.\n */\nexport const is =\n  /**\n   * @type {(\n   *   (() => false) &\n   *   (<Kind extends Node = Node>(node: unknown, test: PredicateTest<Kind>, index: number, parent: Parent, context?: unknown) => node is Kind) &\n   *   (<Kind extends Node = Node>(node: unknown, test: PredicateTest<Kind>, index?: null | undefined, parent?: null | undefined, context?: unknown) => node is Kind) &\n   *   ((node: unknown, test: Test, index: number, parent: Parent, context?: unknown) => boolean) &\n   *   ((node: unknown, test?: Test, index?: null | undefined, parent?: null | undefined, context?: unknown) => boolean)\n   * )}\n   */\n  (\n    /**\n     * @param {unknown} [node]\n     * @param {Test} [test]\n     * @param {number | null | undefined} [index]\n     * @param {Parent | null | undefined} [parent]\n     * @param {unknown} [context]\n     * @returns {boolean}\n     */\n    // eslint-disable-next-line max-params\n    function is(node, test, index, parent, context) {\n      const check = convert(test)\n\n      if (\n        index !== undefined &&\n        index !== null &&\n        (typeof index !== 'number' ||\n          index < 0 ||\n          index === Number.POSITIVE_INFINITY)\n      ) {\n        throw new Error('Expected positive finite index')\n      }\n\n      if (\n        parent !== undefined &&\n        parent !== null &&\n        (!is(parent) || !parent.children)\n      ) {\n        throw new Error('Expected parent node')\n      }\n\n      if (\n        (parent === undefined || parent === null) !==\n        (index === undefined || index === null)\n      ) {\n        throw new Error('Expected both parent and index')\n      }\n\n      // @ts-expect-error Looks like a node.\n      return node && node.type && typeof node.type === 'string'\n        ? Boolean(check.call(context, node, index, parent))\n        : false\n    }\n  )\n\n/**\n * Generate an assertion from a test.\n *\n * Useful if you’re going to test many nodes, for example when creating a\n * utility where something else passes a compatible test.\n *\n * The created function is a bit faster because it expects valid input only:\n * a `node`, `index`, and `parent`.\n *\n * @param test\n *   *   when nullish, checks if `node` is a `Node`.\n *   *   when `string`, works like passing `(node) => node.type === test`.\n *   *   when `function` checks if function passed the node is true.\n *   *   when `object`, checks that all keys in test are in node, and that they have (strictly) equal values.\n *   *   when `array`, checks if any one of the subtests pass.\n * @returns\n *   An assertion.\n */\nexport const convert =\n  /**\n   * @type {(\n   *   (<Kind extends Node>(test: PredicateTest<Kind>) => AssertPredicate<Kind>) &\n   *   ((test?: Test) => AssertAnything)\n   * )}\n   */\n  (\n    /**\n     * @param {Test} [test]\n     * @returns {AssertAnything}\n     */\n    function (test) {\n      if (test === undefined || test === null) {\n        return ok\n      }\n\n      if (typeof test === 'string') {\n        return typeFactory(test)\n      }\n\n      if (typeof test === 'object') {\n        return Array.isArray(test) ? anyFactory(test) : propsFactory(test)\n      }\n\n      if (typeof test === 'function') {\n        return castFactory(test)\n      }\n\n      throw new Error('Expected function, string, or object as test')\n    }\n  )\n\n/**\n * @param {Array<string | Props | TestFunctionAnything>} tests\n * @returns {AssertAnything}\n */\nfunction anyFactory(tests) {\n  /** @type {Array<AssertAnything>} */\n  const checks = []\n  let index = -1\n\n  while (++index < tests.length) {\n    checks[index] = convert(tests[index])\n  }\n\n  return castFactory(any)\n\n  /**\n   * @this {unknown}\n   * @param {Array<unknown>} parameters\n   * @returns {boolean}\n   */\n  function any(...parameters) {\n    let index = -1\n\n    while (++index < checks.length) {\n      if (checks[index].call(this, ...parameters)) return true\n    }\n\n    return false\n  }\n}\n\n/**\n * Turn an object into a test for a node with a certain fields.\n *\n * @param {Props} check\n * @returns {AssertAnything}\n */\nfunction propsFactory(check) {\n  return castFactory(all)\n\n  /**\n   * @param {Node} node\n   * @returns {boolean}\n   */\n  function all(node) {\n    /** @type {string} */\n    let key\n\n    for (key in check) {\n      // @ts-expect-error: hush, it sure works as an index.\n      if (node[key] !== check[key]) return false\n    }\n\n    return true\n  }\n}\n\n/**\n * Turn a string into a test for a node with a certain type.\n *\n * @param {string} check\n * @returns {AssertAnything}\n */\nfunction typeFactory(check) {\n  return castFactory(type)\n\n  /**\n   * @param {Node} node\n   */\n  function type(node) {\n    return node && node.type === check\n  }\n}\n\n/**\n * Turn a custom test into a test for a node that passes that test.\n *\n * @param {TestFunctionAnything} check\n * @returns {AssertAnything}\n */\nfunction castFactory(check) {\n  return assertion\n\n  /**\n   * @this {unknown}\n   * @param {unknown} node\n   * @param {Array<unknown>} parameters\n   * @returns {boolean}\n   */\n  function assertion(node, ...parameters) {\n    return Boolean(\n      node &&\n        typeof node === 'object' &&\n        'type' in node &&\n        // @ts-expect-error: fine.\n        Boolean(check.call(this, node, ...parameters))\n    )\n  }\n}\n\nfunction ok() {\n  return true\n}\n","/**\n * @typedef {import('./lib/index.js').Test} Test\n * @typedef {import('./lib/index.js').TestFunctionAnything} TestFunctionAnything\n * @typedef {import('./lib/index.js').AssertAnything} AssertAnything\n */\n\n/**\n * @template {import('unist').Node} Kind\n * @typedef {import('./lib/index.js').PredicateTest<Kind>} PredicateTest\n */\n\n/**\n * @template {import('unist').Node} Kind\n * @typedef {import('./lib/index.js').TestFunctionPredicate<Kind>} TestFunctionPredicate\n */\n\n/**\n * @template {import('unist').Node} Kind\n * @typedef {import('./lib/index.js').AssertPredicate<Kind>} AssertPredicate\n */\n\nexport {is, convert} from './lib/index.js'\n","/**\n * @param {string} d\n * @returns {string}\n */\nexport function color(d) {\n  return '\\u001B[33m' + d + '\\u001B[39m'\n}\n","/**\n * @typedef {import('unist').Node} Node\n * @typedef {import('unist').Parent} Parent\n * @typedef {import('unist-util-is').Test} Test\n */\n\n/**\n * @typedef {boolean | 'skip'} Action\n *   Union of the action types.\n *\n * @typedef {number} Index\n *   Move to the sibling at `index` next (after node itself is completely\n *   traversed).\n *\n *   Useful if mutating the tree, such as removing the node the visitor is\n *   currently on, or any of its previous siblings.\n *   Results less than 0 or greater than or equal to `children.length` stop\n *   traversing the parent.\n *\n * @typedef {[(Action | null | undefined | void)?, (Index | null | undefined)?]} ActionTuple\n *   List with one or two values, the first an action, the second an index.\n *\n * @typedef {Action | ActionTuple | Index | null | undefined | void} VisitorResult\n *   Any value that can be returned from a visitor.\n */\n\n/**\n * @template {Node} [Visited=Node]\n *   Visited node type.\n * @template {Parent} [Ancestor=Parent]\n *   Ancestor type.\n * @callback Visitor\n *   Handle a node (matching `test`, if given).\n *\n *   Visitors are free to transform `node`.\n *   They can also transform the parent of node (the last of `ancestors`).\n *\n *   Replacing `node` itself, if `SKIP` is not returned, still causes its\n *   descendants to be walked (which is a bug).\n *\n *   When adding or removing previous siblings of `node` (or next siblings, in\n *   case of reverse), the `Visitor` should return a new `Index` to specify the\n *   sibling to traverse after `node` is traversed.\n *   Adding or removing next siblings of `node` (or previous siblings, in case\n *   of reverse) is handled as expected without needing to return a new `Index`.\n *\n *   Removing the children property of an ancestor still results in them being\n *   traversed.\n * @param {Visited} node\n *   Found node.\n * @param {Array<Ancestor>} ancestors\n *   Ancestors of `node`.\n * @returns {VisitorResult}\n *   What to do next.\n *\n *   An `Index` is treated as a tuple of `[CONTINUE, Index]`.\n *   An `Action` is treated as a tuple of `[Action]`.\n *\n *   Passing a tuple back only makes sense if the `Action` is `SKIP`.\n *   When the `Action` is `EXIT`, that action can be returned.\n *   When the `Action` is `CONTINUE`, `Index` can be returned.\n */\n\n/**\n * @template {Node} [Tree=Node]\n *   Tree type.\n * @template {Test} [Check=string]\n *   Test type.\n * @typedef {Visitor<import('./complex-types.js').Matches<import('./complex-types.js').InclusiveDescendant<Tree>, Check>, Extract<import('./complex-types.js').InclusiveDescendant<Tree>, Parent>>} BuildVisitor\n *   Build a typed `Visitor` function from a tree and a test.\n *\n *   It will infer which values are passed as `node` and which as `parents`.\n */\n\nimport {convert} from 'unist-util-is'\nimport {color} from './color.js'\n\n/**\n * Continue traversing as normal.\n */\nexport const CONTINUE = true\n\n/**\n * Stop traversing immediately.\n */\nexport const EXIT = false\n\n/**\n * Do not traverse this node’s children.\n */\nexport const SKIP = 'skip'\n\n/**\n * Visit nodes, with ancestral information.\n *\n * This algorithm performs *depth-first* *tree traversal* in *preorder*\n * (**NLR**) or if `reverse` is given, in *reverse preorder* (**NRL**).\n *\n * You can choose for which nodes `visitor` is called by passing a `test`.\n * For complex tests, you should test yourself in `visitor`, as it will be\n * faster and will have improved type information.\n *\n * Walking the tree is an intensive task.\n * Make use of the return values of the visitor when possible.\n * Instead of walking a tree multiple times, walk it once, use `unist-util-is`\n * to check if a node matches, and then perform different operations.\n *\n * You can change the tree.\n * See `Visitor` for more info.\n *\n * @param tree\n *   Tree to traverse.\n * @param test\n *   `unist-util-is`-compatible test\n * @param visitor\n *   Handle each node.\n * @param reverse\n *   Traverse in reverse preorder (NRL) instead of the default preorder (NLR).\n * @returns\n *   Nothing.\n */\nexport const visitParents =\n  /**\n   * @type {(\n   *   (<Tree extends Node, Check extends Test>(tree: Tree, test: Check, visitor: BuildVisitor<Tree, Check>, reverse?: boolean | null | undefined) => void) &\n   *   (<Tree extends Node>(tree: Tree, visitor: BuildVisitor<Tree>, reverse?: boolean | null | undefined) => void)\n   * )}\n   */\n  (\n    /**\n     * @param {Node} tree\n     * @param {Test} test\n     * @param {Visitor<Node>} visitor\n     * @param {boolean | null | undefined} [reverse]\n     * @returns {void}\n     */\n    function (tree, test, visitor, reverse) {\n      if (typeof test === 'function' && typeof visitor !== 'function') {\n        reverse = visitor\n        // @ts-expect-error no visitor given, so `visitor` is test.\n        visitor = test\n        test = null\n      }\n\n      const is = convert(test)\n      const step = reverse ? -1 : 1\n\n      factory(tree, undefined, [])()\n\n      /**\n       * @param {Node} node\n       * @param {number | undefined} index\n       * @param {Array<Parent>} parents\n       */\n      function factory(node, index, parents) {\n        /** @type {Record<string, unknown>} */\n        // @ts-expect-error: hush\n        const value = node && typeof node === 'object' ? node : {}\n\n        if (typeof value.type === 'string') {\n          const name =\n            // `hast`\n            typeof value.tagName === 'string'\n              ? value.tagName\n              : // `xast`\n              typeof value.name === 'string'\n              ? value.name\n              : undefined\n\n          Object.defineProperty(visit, 'name', {\n            value:\n              'node (' + color(node.type + (name ? '<' + name + '>' : '')) + ')'\n          })\n        }\n\n        return visit\n\n        function visit() {\n          /** @type {ActionTuple} */\n          let result = []\n          /** @type {ActionTuple} */\n          let subresult\n          /** @type {number} */\n          let offset\n          /** @type {Array<Parent>} */\n          let grandparents\n\n          if (!test || is(node, index, parents[parents.length - 1] || null)) {\n            result = toResult(visitor(node, parents))\n\n            if (result[0] === EXIT) {\n              return result\n            }\n          }\n\n          // @ts-expect-error looks like a parent.\n          if (node.children && result[0] !== SKIP) {\n            // @ts-expect-error looks like a parent.\n            offset = (reverse ? node.children.length : -1) + step\n            // @ts-expect-error looks like a parent.\n            grandparents = parents.concat(node)\n\n            // @ts-expect-error looks like a parent.\n            while (offset > -1 && offset < node.children.length) {\n              // @ts-expect-error looks like a parent.\n              subresult = factory(node.children[offset], offset, grandparents)()\n\n              if (subresult[0] === EXIT) {\n                return subresult\n              }\n\n              offset =\n                typeof subresult[1] === 'number' ? subresult[1] : offset + step\n            }\n          }\n\n          return result\n        }\n      }\n    }\n  )\n\n/**\n * Turn a return value into a clean result.\n *\n * @param {VisitorResult} value\n *   Valid return values from visitors.\n * @returns {ActionTuple}\n *   Clean result.\n */\nfunction toResult(value) {\n  if (Array.isArray(value)) {\n    return value\n  }\n\n  if (typeof value === 'number') {\n    return [CONTINUE, value]\n  }\n\n  return [value]\n}\n","// Note: types exported from `index.d.ts`\nexport {CONTINUE, EXIT, SKIP, visitParents} from './lib/index.js'\n","/**\n * @typedef {import('unist').Node} Node\n * @typedef {import('unist').Parent} Parent\n * @typedef {import('unist-util-is').Test} Test\n * @typedef {import('unist-util-visit-parents').VisitorResult} VisitorResult\n * @typedef {import('./complex-types.js').Visitor} Visitor\n */\n\nimport {visitParents} from 'unist-util-visit-parents'\n\n/**\n * Visit children of tree which pass test.\n *\n * @param tree\n *   Tree to walk\n * @param [test]\n *   `unist-util-is`-compatible test\n * @param visitor\n *   Function called for nodes that pass `test`.\n * @param reverse\n *   Traverse in reverse preorder (NRL) instead of preorder (NLR) (default).\n */\nexport const visit =\n  /**\n   * @type {(\n   *   (<Tree extends Node, Check extends Test>(tree: Tree, test: Check, visitor: import('./complex-types.js').BuildVisitor<Tree, Check>, reverse?: boolean) => void) &\n   *   (<Tree extends Node>(tree: Tree, visitor: import('./complex-types.js').BuildVisitor<Tree>, reverse?: boolean) => void)\n   * )}\n   */\n  (\n    /**\n     * @param {Node} tree\n     * @param {Test} test\n     * @param {import('./complex-types.js').Visitor} visitor\n     * @param {boolean} [reverse]\n     */\n    function (tree, test, visitor, reverse) {\n      if (typeof test === 'function' && typeof visitor !== 'function') {\n        reverse = visitor\n        visitor = test\n        test = null\n      }\n\n      visitParents(tree, test, overload, reverse)\n\n      /**\n       * @param {Node} node\n       * @param {Array<Parent>} parents\n       */\n      function overload(node, parents) {\n        const parent = parents[parents.length - 1]\n        return visitor(\n          node,\n          parent ? parent.children.indexOf(node) : null,\n          parent\n        )\n      }\n    }\n  )\n\nexport {CONTINUE, EXIT, SKIP} from 'unist-util-visit-parents'\n","import { join, parse, extname } from 'path';\nimport { RspackVirtualModulePlugin } from 'rspack-plugin-virtual-module';\nimport {\n  type RspressPlugin,\n  type RouteMeta,\n  RSPRESS_TEMP_DIR,\n  normalizePosixPath,\n} from '@rspress/shared';\nimport { remarkCodeToDemo } from './codeToDemo';\nimport { generateId, injectDemoBlockImport } from './utils';\nimport {\n  demoBlockComponentPath,\n  demoComponentPath,\n  staticPath,\n} from './constant';\n\nexport type Options = {\n  /**\n   * preview in mobile mode or not\n   * when isMobile is true, 1. aside will hide. 2. default preview component by iframe\n   * @default false\n   */\n  isMobile?: boolean;\n  /**\n   * position of the iframe\n   * @default 'follow'\n   */\n  iframePosition?: 'fixed' | 'follow';\n  /**\n   * whether the demo can open in codesandbox\n   * @default false\n   * @experimental\n   */\n  enableCodesandbox?: boolean;\n};\n\ninterface Heading {\n  type: string;\n  depth?: number;\n  children?: ChildNode[];\n}\n\ninterface ChildNode {\n  type: 'link' | 'text' | 'inlineCode';\n  value: string;\n  children?: ChildNode[];\n}\n\n// eslint-disable-next-line import/no-mutable-exports\nexport let routeMeta: RouteMeta[];\nexport const demoRoutes: { path: string }[] = [];\nexport const demoMeta: Record<\n  string,\n  { id: string; virtualModulePath: string; title: string }[]\n> = {};\n\n/**\n * The plugin is used to preview component.\n */\nexport function pluginPreview(options?: Options): RspressPlugin {\n  const isMobile = options?.isMobile ?? false;\n  const iframePosition = options?.iframePosition ?? 'follow';\n  const enableCodesandbox = options?.enableCodesandbox ?? false;\n  const demoRuntimeModule = new RspackVirtualModulePlugin({});\n  const globalUIComponents =\n    iframePosition === 'fixed'\n      ? [join(staticPath, 'global-components', 'Device.tsx')]\n      : [];\n  const getRouteMeta = () => routeMeta;\n  return {\n    name: '@rspress/plugin-preview',\n    config(config) {\n      config.markdown = config.markdown || {};\n      config.markdown.mdxRs = false;\n      return config;\n    },\n    addPages(_config, _isProd) {\n      return [\n        {\n          routePath: '/~demo/:id',\n          content: `---\npageType: \"blank\"\n---\n\nimport Demo from ${JSON.stringify(demoComponentPath)}\n\n<Demo iframePosition=\"${iframePosition}\"/>\n          `,\n        },\n      ];\n    },\n    async routeGenerated(routes: RouteMeta[]) {\n      // init routeMeta\n      routeMeta = routes;\n\n      const files = routes.map(route => route.absolutePath);\n      // Write the demo code ahead of time\n      // Fix: rspack build error because demo file is not exist, probably the demo file was written in rspack build process?\n      await Promise.all(\n        files.map(async (filepath, _index) => {\n          const isMdxFile = /\\.mdx?$/.test(filepath);\n          if (!isMdxFile) {\n            return;\n          }\n          const { createProcessor } = await import('@mdx-js/mdx');\n          const { visit } = await import('unist-util-visit');\n          const { default: fs } = await import('@modern-js/utils/fs-extra');\n          const { default: remarkGFM } = await import('remark-gfm');\n          let title = parse(filepath).name;\n          try {\n            const processor = createProcessor({\n              format: extname(filepath).slice(1) as 'mdx' | 'md',\n              remarkPlugins: [remarkGFM],\n            });\n            const source = await fs.readFile(filepath, 'utf-8');\n            const ast = processor.parse(source);\n            let index = 1;\n            const { pageName } = routeMeta.find(\n              meta =>\n                normalizePosixPath(meta.absolutePath) ===\n                normalizePosixPath(filepath),\n            )!;\n\n            const registerDemo = (\n              demoId: string,\n              demoPath: string,\n              isMobileMode: boolean,\n            ) => {\n              if (isMobileMode) {\n                // only add demoMeta in mobile mode\n                demoMeta[filepath] = demoMeta[filepath] ?? [];\n                const isExist = demoMeta[filepath].find(\n                  item => item.id === demoId,\n                );\n                if (!isExist) {\n                  demoMeta[filepath].push({\n                    id: demoId,\n                    title,\n                    virtualModulePath: demoPath,\n                  });\n                }\n              }\n            };\n            visit(ast, 'heading', (node: Heading) => {\n              if (node.depth === 1) {\n                if (node.children) {\n                  title = node.children[0].value;\n                }\n              }\n            });\n\n            visit(ast, 'mdxJsxFlowElement', (node: any) => {\n              if (node.name === 'code') {\n                const src = node.attributes.find(\n                  (attr: { name: string; value: string }) =>\n                    attr.name === 'src',\n                )?.value;\n                const isMobileMode =\n                  node.attributes.find(\n                    (attr: { name: string; value: boolean }) =>\n                      attr.name === 'isMobile',\n                  )?.value ?? isMobile;\n                if (!src) {\n                  return;\n                }\n                const id = generateId(pageName, index++);\n                registerDemo(id, src, isMobileMode);\n              }\n            });\n\n            visit(ast, 'code', (node: any) => {\n              if (node.lang === 'jsx' || node.lang === 'tsx') {\n                const { value } = node;\n                const isPure = node?.meta?.includes('pure');\n\n                // do not anything for pure mode\n                if (isPure) {\n                  return;\n                }\n\n                // every code block can change their preview mode by meta\n                const isMobileMode =\n                  node?.meta?.includes('mobile') ||\n                  (!node?.meta?.includes('web') && isMobile);\n\n                const { pageName } = routeMeta.find(\n                  meta =>\n                    normalizePosixPath(meta.absolutePath) ===\n                    normalizePosixPath(filepath),\n                )!;\n                const id = generateId(pageName, index++);\n\n                const demoDir = join(\n                  process.cwd(),\n                  'node_modules',\n                  RSPRESS_TEMP_DIR,\n                  `virtual-demo`,\n                );\n\n                const virtualModulePath = join(demoDir, `${id}.tsx`);\n                registerDemo(id, virtualModulePath, isMobileMode);\n\n                fs.ensureDirSync(join(demoDir));\n                fs.writeFileSync(\n                  virtualModulePath,\n                  injectDemoBlockImport(value, demoBlockComponentPath),\n                );\n              }\n            });\n          } catch (e) {\n            console.error(e);\n            throw e;\n          }\n        }),\n      );\n      /**\n       * expect the meta of each demo file is like this:\n       * {\n       *   id,\n       *   component,\n       * }\n       */\n      const virtualMeta = `\n        ${files\n          .map((filepath, index) => {\n            return `import Route${index} from '${filepath}?meta';`;\n          })\n          .join('\\n')}\n        export const demos = [${files\n          .map((_, index) => `Route${index}`)\n          .flat()\n          .join(',')}];\n        `;\n      demoRuntimeModule.writeModule('virtual-meta', virtualMeta);\n    },\n    builderConfig: {\n      tools: {\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment, @typescript-eslint/prefer-ts-expect-error\n        // @ts-ignore\n        rspack: {\n          plugins: [demoRuntimeModule],\n        },\n        bundlerChain(chain) {\n          chain.module\n            .rule('Raw')\n            .resourceQuery(/raw/)\n            .type('asset/source')\n            .end()\n            .rule('MDX')\n            .oneOf('MDXMeta')\n            .before('MDXCompile')\n            .resourceQuery(/meta/)\n            .use('mdx-meta-loader')\n            .loader(join(__dirname, '../mdx-meta-loader.cjs'))\n            .end();\n\n          chain.resolve.extensions.prepend('.md').prepend('.mdx');\n        },\n      },\n    },\n    markdown: {\n      remarkPlugins: [\n        [\n          remarkCodeToDemo,\n          { isMobile, getRouteMeta, iframePosition, enableCodesandbox },\n        ],\n      ],\n      globalComponents: [\n        join(staticPath, 'global-components', 'Container.tsx'),\n      ],\n    },\n    globalUIComponents,\n    globalStyles: join(\n      staticPath,\n      'global-styles',\n      `${isMobile ? 'mobile' : 'web'}.css`,\n    ),\n    addSSGRoutes() {\n      return demoRoutes;\n    },\n  };\n}\n","import { join, resolve } from 'path';\nimport { visit } from 'unist-util-visit';\nimport fs from '@modern-js/utils/fs-extra';\nimport {\n  RSPRESS_TEMP_DIR,\n  normalizePosixPath,\n  type RouteMeta,\n} from '@rspress/shared';\nimport type { Plugin } from 'unified';\nimport type { Root } from 'mdast';\nimport type { MdxjsEsm } from 'mdast-util-mdxjs-esm';\nimport { injectDemoBlockImport, generateId } from './utils';\nimport { demoBlockComponentPath } from './constant';\nimport { demoRoutes } from '.';\n\n// FIXME: remove it\nconst json = JSON.parse(\n  fs.readFileSync(resolve(process.cwd(), './package.json'), 'utf8'),\n);\n\n/**\n * remark plugin to transform code to demo\n */\nexport const remarkCodeToDemo: Plugin<\n  [\n    {\n      isMobile: boolean;\n      getRouteMeta: () => RouteMeta[];\n      iframePosition: 'fixed' | 'follow';\n      enableCodesandbox: boolean;\n    },\n  ],\n  Root\n> = ({ isMobile, getRouteMeta, iframePosition, enableCodesandbox }) => {\n  const routeMeta = getRouteMeta();\n\n  return (tree, vfile) => {\n    const demos: MdxjsEsm[] = [];\n    const route = routeMeta.find(\n      meta =>\n        normalizePosixPath(meta.absolutePath) ===\n        normalizePosixPath(vfile.path || vfile.history[0]),\n    );\n    if (!route) {\n      return;\n    }\n    const { pageName } = route;\n    let index = 1;\n    let externalDemoIndex = 0;\n\n    function constructDemoNode(\n      demoId: string,\n      demoPath: string,\n      currentNode: any,\n      isMobileMode: boolean,\n      // Only for external demo\n      externalDemoIndex?: number,\n    ) {\n      const demoRoute = `/~demo/${demoId}`;\n      if (isMobileMode) {\n        // only add demoRoutes in mobile mode\n        demoRoutes.push({\n          path: demoRoute,\n        });\n      } else {\n        demos.push(getASTNodeImport(`Demo${demoId}`, demoPath));\n      }\n\n      // get external demo content\n      const tempVar = `externalDemoContent${externalDemoIndex}`;\n      if (externalDemoIndex !== undefined) {\n        demos.push(getASTNodeImport(tempVar, `${demoPath}?raw`));\n      }\n\n      if (isMobileMode && iframePosition === 'fixed') {\n        // Only show the code block\n        externalDemoIndex !== undefined &&\n          Object.assign(currentNode, getExternalDemoContent(tempVar));\n      } else {\n        // Use container to show the code and view\n        Object.assign(currentNode, {\n          type: 'mdxJsxFlowElement',\n          name: 'Container',\n          attributes: [\n            {\n              type: 'mdxJsxAttribute',\n              name: 'isMobile',\n              value: isMobileMode,\n            },\n            {\n              type: 'mdxJsxAttribute',\n              name: 'url',\n              value: demoRoute,\n            },\n            {\n              type: 'mdxJsxAttribute',\n              name: 'content',\n              value: currentNode.value,\n            },\n            {\n              type: 'mdxJsxAttribute',\n              name: 'packageName',\n              value: json.name,\n            },\n            {\n              type: 'mdxJsxAttribute',\n              name: 'enableCodesandbox',\n              value: enableCodesandbox,\n            },\n          ],\n          children: [\n            externalDemoIndex === undefined\n              ? {\n                  ...currentNode,\n                  hasVisited: true,\n                }\n              : getExternalDemoContent(tempVar),\n            isMobileMode\n              ? {\n                  type: 'mdxJsxFlowElement',\n                  name: null,\n                }\n              : {\n                  type: 'mdxJsxFlowElement',\n                  name: `Demo${demoId}`,\n                },\n          ],\n        });\n      }\n    }\n\n    // 1. External demo , use <code src=\"xxx\" /> to declare demo\n    tree.children.forEach((node: any) => {\n      if (node.type === 'mdxJsxFlowElement' && node.name === 'code') {\n        const src = node.attributes.find(\n          (attr: { name: string; value: string }) => attr.name === 'src',\n        )?.value;\n        const isMobileMode =\n          node.attributes.find(\n            (attr: { name: string; value: boolean }) =>\n              attr.name === 'isMobile',\n          )?.value ?? isMobile;\n        if (!src) {\n          return;\n        }\n        const id = generateId(pageName, index++);\n        constructDemoNode(id, src, node, isMobileMode, externalDemoIndex++);\n      }\n    });\n\n    // 2. Internal demo, use ```j/tsx to declare demo\n    visit(tree, 'code', node => {\n      // hasVisited is a custom property\n      if ('hasVisited' in node) {\n        return;\n      }\n\n      if (node.lang === 'jsx' || node.lang === 'tsx') {\n        const value = injectDemoBlockImport(node.value, demoBlockComponentPath);\n\n        const isPure = node?.meta?.includes('pure');\n\n        // do nothing for pure mode\n        if (isPure) {\n          return;\n        }\n\n        // every code block can change their preview mode by meta\n        const isMobileMode =\n          node?.meta?.includes('mobile') ||\n          (!node?.meta?.includes('web') && isMobile);\n\n        const demoDir = join(\n          process.cwd(),\n          'node_modules',\n          RSPRESS_TEMP_DIR,\n          `virtual-demo`,\n        );\n        const id = generateId(pageName, index++);\n        const virtualModulePath = join(demoDir, `${id}.tsx`);\n        fs.ensureDirSync(join(demoDir));\n        // Only when the content of the file changes, the file will be written\n        // Avoid to trigger the hmr indefinitely\n        if (fs.existsSync(virtualModulePath)) {\n          const content = fs.readFileSync(virtualModulePath, 'utf-8');\n          if (content !== value) {\n            fs.writeFileSync(virtualModulePath, value);\n          }\n        }\n        constructDemoNode(id, virtualModulePath, node, isMobileMode);\n      }\n    });\n\n    tree.children.unshift(...demos);\n  };\n};\n\nconst getASTNodeImport = (name: string, from: string) =>\n  ({\n    type: 'mdxjsEsm',\n    value: `import ${name} from ${JSON.stringify(from)}`,\n    data: {\n      estree: {\n        type: 'Program',\n        sourceType: 'module',\n        body: [\n          {\n            type: 'ImportDeclaration',\n            specifiers: [\n              {\n                type: 'ImportDefaultSpecifier',\n                local: { type: 'Identifier', name },\n              },\n            ],\n            source: {\n              type: 'Literal',\n              value: from,\n              raw: `${JSON.stringify(from)}`,\n            },\n          },\n        ],\n      },\n    },\n  } as MdxjsEsm);\n\nconst getExternalDemoContent = (tempVar: string) => ({\n  type: 'mdxJsxFlowElement',\n  name: 'pre',\n  children: [\n    {\n      type: 'mdxJsxFlowElement',\n      name: 'code',\n      attributes: [\n        {\n          type: 'mdxJsxAttribute',\n          name: 'className',\n          value: 'language-tsx',\n        },\n        {\n          type: 'mdxJsxAttribute',\n          name: 'children',\n          value: {\n            type: 'mdxJsxExpressionAttribute',\n            value: tempVar,\n            data: {\n              estree: {\n                type: 'Program',\n                body: [\n                  {\n                    type: 'ExpressionStatement',\n                    expression: {\n                      type: 'Identifier',\n                      name: tempVar,\n                    },\n                  },\n                ],\n              },\n            },\n          },\n        },\n      ],\n    },\n  ],\n});\n","/**\n * Converts a string to a valid variable name. If the string is already a valid variable name, returns the original string.\n * @param str - The string to convert.\n * @returns The converted string.\n */\nexport const toValidVarName = (str: string): string => {\n  // Check if the string is a valid variable name\n  if (/^[a-zA-Z_$][0-9a-zA-Z_$]*$/.test(str)) {\n    return str; // If it is a valid variable name, return the original string\n  } else {\n    // If it is not a valid variable name, convert it to a valid variable name\n    return str.replace(/[^0-9a-zA-Z_$]/g, '_').replace(/^([0-9])/, '_$1');\n  }\n};\n\nexport const generateId = (pageName: string, index: number) => {\n  return `_${toValidVarName(pageName)}_${index}`;\n};\n\n/**\n * remove .html extension and validate\n * @param routePath id from pathname\n * @returns normalized id\n */\nexport const normalizeId = (routePath: string) => {\n  const result = routePath.replace(/\\.(.*)?$/, '');\n  return toValidVarName(result);\n};\n\nexport const injectDemoBlockImport = (str: string, path: string): string => {\n  return `\n    import DemoBlock from '${path}';\n    ${str}\n  `;\n};\n","import path from 'path';\n\nexport const staticPath = path.join(__dirname, '..', 'static');\n\nexport const demoComponentPath = path.join(\n  __dirname,\n  '..',\n  'dist',\n  'virtual-demo.js',\n);\n\nexport const demoBlockComponentPath = path.join(\n  staticPath,\n  'global-components',\n  'DemoBlock.tsx',\n);\n"]}
+{"version":3,"mappings":"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","names":["index","is","visit","path","routeMeta","externalDemoIndex","fs","pageName"],"sources":["../../../node_modules/.pnpm/unist-util-is@5.2.1/node_modules/unist-util-is/lib/index.js","../../../node_modules/.pnpm/unist-util-is@5.2.1/node_modules/unist-util-is/index.js","../../../node_modules/.pnpm/unist-util-visit-parents@5.1.3/node_modules/unist-util-visit-parents/lib/color.js","../../../node_modules/.pnpm/unist-util-visit-parents@5.1.3/node_modules/unist-util-visit-parents/lib/index.js","../../../node_modules/.pnpm/unist-util-visit-parents@5.1.3/node_modules/unist-util-visit-parents/index.js","../../../node_modules/.pnpm/unist-util-visit@4.1.1/node_modules/unist-util-visit/index.js","../src/index.ts","../src/codeToDemo.ts","../src/utils.ts","../src/constant.ts"],"sourcesContent":["/**\n * @typedef {import('unist').Node} Node\n * @typedef {import('unist').Parent} Parent\n */\n\n/**\n * @typedef {Record<string, unknown>} Props\n * @typedef {null | undefined | string | Props | TestFunctionAnything | Array<string | Props | TestFunctionAnything>} Test\n *   Check for an arbitrary node, unaware of TypeScript inferral.\n *\n * @callback TestFunctionAnything\n *   Check if a node passes a test, unaware of TypeScript inferral.\n * @param {unknown} this\n *   The given context.\n * @param {Node} node\n *   A node.\n * @param {number | null | undefined} [index]\n *   The node’s position in its parent.\n * @param {Parent | null | undefined} [parent]\n *   The node’s parent.\n * @returns {boolean | void}\n *   Whether this node passes the test.\n */\n\n/**\n * @template {Node} Kind\n *   Node type.\n * @typedef {Kind['type'] | Partial<Kind> | TestFunctionPredicate<Kind> | Array<Kind['type'] | Partial<Kind> | TestFunctionPredicate<Kind>>} PredicateTest\n *   Check for a node that can be inferred by TypeScript.\n */\n\n/**\n * Check if a node passes a certain test.\n *\n * @template {Node} Kind\n *   Node type.\n * @callback TestFunctionPredicate\n *   Complex test function for a node that can be inferred by TypeScript.\n * @param {Node} node\n *   A node.\n * @param {number | null | undefined} [index]\n *   The node’s position in its parent.\n * @param {Parent | null | undefined} [parent]\n *   The node’s parent.\n * @returns {node is Kind}\n *   Whether this node passes the test.\n */\n\n/**\n * @callback AssertAnything\n *   Check that an arbitrary value is a node, unaware of TypeScript inferral.\n * @param {unknown} [node]\n *   Anything (typically a node).\n * @param {number | null | undefined} [index]\n *   The node’s position in its parent.\n * @param {Parent | null | undefined} [parent]\n *   The node’s parent.\n * @returns {boolean}\n *   Whether this is a node and passes a test.\n */\n\n/**\n * Check if a node is a node and passes a certain node test.\n *\n * @template {Node} Kind\n *   Node type.\n * @callback AssertPredicate\n *   Check that an arbitrary value is a specific node, aware of TypeScript.\n * @param {unknown} [node]\n *   Anything (typically a node).\n * @param {number | null | undefined} [index]\n *   The node’s position in its parent.\n * @param {Parent | null | undefined} [parent]\n *   The node’s parent.\n * @returns {node is Kind}\n *   Whether this is a node and passes a test.\n */\n\n/**\n * Check if `node` is a `Node` and whether it passes the given test.\n *\n * @param node\n *   Thing to check, typically `Node`.\n * @param test\n *   A check for a specific node.\n * @param index\n *   The node’s position in its parent.\n * @param parent\n *   The node’s parent.\n * @returns\n *   Whether `node` is a node and passes a test.\n */\nexport const is =\n  /**\n   * @type {(\n   *   (() => false) &\n   *   (<Kind extends Node = Node>(node: unknown, test: PredicateTest<Kind>, index: number, parent: Parent, context?: unknown) => node is Kind) &\n   *   (<Kind extends Node = Node>(node: unknown, test: PredicateTest<Kind>, index?: null | undefined, parent?: null | undefined, context?: unknown) => node is Kind) &\n   *   ((node: unknown, test: Test, index: number, parent: Parent, context?: unknown) => boolean) &\n   *   ((node: unknown, test?: Test, index?: null | undefined, parent?: null | undefined, context?: unknown) => boolean)\n   * )}\n   */\n  (\n    /**\n     * @param {unknown} [node]\n     * @param {Test} [test]\n     * @param {number | null | undefined} [index]\n     * @param {Parent | null | undefined} [parent]\n     * @param {unknown} [context]\n     * @returns {boolean}\n     */\n    // eslint-disable-next-line max-params\n    function is(node, test, index, parent, context) {\n      const check = convert(test)\n\n      if (\n        index !== undefined &&\n        index !== null &&\n        (typeof index !== 'number' ||\n          index < 0 ||\n          index === Number.POSITIVE_INFINITY)\n      ) {\n        throw new Error('Expected positive finite index')\n      }\n\n      if (\n        parent !== undefined &&\n        parent !== null &&\n        (!is(parent) || !parent.children)\n      ) {\n        throw new Error('Expected parent node')\n      }\n\n      if (\n        (parent === undefined || parent === null) !==\n        (index === undefined || index === null)\n      ) {\n        throw new Error('Expected both parent and index')\n      }\n\n      // @ts-expect-error Looks like a node.\n      return node && node.type && typeof node.type === 'string'\n        ? Boolean(check.call(context, node, index, parent))\n        : false\n    }\n  )\n\n/**\n * Generate an assertion from a test.\n *\n * Useful if you’re going to test many nodes, for example when creating a\n * utility where something else passes a compatible test.\n *\n * The created function is a bit faster because it expects valid input only:\n * a `node`, `index`, and `parent`.\n *\n * @param test\n *   *   when nullish, checks if `node` is a `Node`.\n *   *   when `string`, works like passing `(node) => node.type === test`.\n *   *   when `function` checks if function passed the node is true.\n *   *   when `object`, checks that all keys in test are in node, and that they have (strictly) equal values.\n *   *   when `array`, checks if any one of the subtests pass.\n * @returns\n *   An assertion.\n */\nexport const convert =\n  /**\n   * @type {(\n   *   (<Kind extends Node>(test: PredicateTest<Kind>) => AssertPredicate<Kind>) &\n   *   ((test?: Test) => AssertAnything)\n   * )}\n   */\n  (\n    /**\n     * @param {Test} [test]\n     * @returns {AssertAnything}\n     */\n    function (test) {\n      if (test === undefined || test === null) {\n        return ok\n      }\n\n      if (typeof test === 'string') {\n        return typeFactory(test)\n      }\n\n      if (typeof test === 'object') {\n        return Array.isArray(test) ? anyFactory(test) : propsFactory(test)\n      }\n\n      if (typeof test === 'function') {\n        return castFactory(test)\n      }\n\n      throw new Error('Expected function, string, or object as test')\n    }\n  )\n\n/**\n * @param {Array<string | Props | TestFunctionAnything>} tests\n * @returns {AssertAnything}\n */\nfunction anyFactory(tests) {\n  /** @type {Array<AssertAnything>} */\n  const checks = []\n  let index = -1\n\n  while (++index < tests.length) {\n    checks[index] = convert(tests[index])\n  }\n\n  return castFactory(any)\n\n  /**\n   * @this {unknown}\n   * @param {Array<unknown>} parameters\n   * @returns {boolean}\n   */\n  function any(...parameters) {\n    let index = -1\n\n    while (++index < checks.length) {\n      if (checks[index].call(this, ...parameters)) return true\n    }\n\n    return false\n  }\n}\n\n/**\n * Turn an object into a test for a node with a certain fields.\n *\n * @param {Props} check\n * @returns {AssertAnything}\n */\nfunction propsFactory(check) {\n  return castFactory(all)\n\n  /**\n   * @param {Node} node\n   * @returns {boolean}\n   */\n  function all(node) {\n    /** @type {string} */\n    let key\n\n    for (key in check) {\n      // @ts-expect-error: hush, it sure works as an index.\n      if (node[key] !== check[key]) return false\n    }\n\n    return true\n  }\n}\n\n/**\n * Turn a string into a test for a node with a certain type.\n *\n * @param {string} check\n * @returns {AssertAnything}\n */\nfunction typeFactory(check) {\n  return castFactory(type)\n\n  /**\n   * @param {Node} node\n   */\n  function type(node) {\n    return node && node.type === check\n  }\n}\n\n/**\n * Turn a custom test into a test for a node that passes that test.\n *\n * @param {TestFunctionAnything} check\n * @returns {AssertAnything}\n */\nfunction castFactory(check) {\n  return assertion\n\n  /**\n   * @this {unknown}\n   * @param {unknown} node\n   * @param {Array<unknown>} parameters\n   * @returns {boolean}\n   */\n  function assertion(node, ...parameters) {\n    return Boolean(\n      node &&\n        typeof node === 'object' &&\n        'type' in node &&\n        // @ts-expect-error: fine.\n        Boolean(check.call(this, node, ...parameters))\n    )\n  }\n}\n\nfunction ok() {\n  return true\n}\n","/**\n * @typedef {import('./lib/index.js').Test} Test\n * @typedef {import('./lib/index.js').TestFunctionAnything} TestFunctionAnything\n * @typedef {import('./lib/index.js').AssertAnything} AssertAnything\n */\n\n/**\n * @template {import('unist').Node} Kind\n * @typedef {import('./lib/index.js').PredicateTest<Kind>} PredicateTest\n */\n\n/**\n * @template {import('unist').Node} Kind\n * @typedef {import('./lib/index.js').TestFunctionPredicate<Kind>} TestFunctionPredicate\n */\n\n/**\n * @template {import('unist').Node} Kind\n * @typedef {import('./lib/index.js').AssertPredicate<Kind>} AssertPredicate\n */\n\nexport {is, convert} from './lib/index.js'\n","/**\n * @param {string} d\n * @returns {string}\n */\nexport function color(d) {\n  return '\\u001B[33m' + d + '\\u001B[39m'\n}\n","/**\n * @typedef {import('unist').Node} Node\n * @typedef {import('unist').Parent} Parent\n * @typedef {import('unist-util-is').Test} Test\n */\n\n/**\n * @typedef {boolean | 'skip'} Action\n *   Union of the action types.\n *\n * @typedef {number} Index\n *   Move to the sibling at `index` next (after node itself is completely\n *   traversed).\n *\n *   Useful if mutating the tree, such as removing the node the visitor is\n *   currently on, or any of its previous siblings.\n *   Results less than 0 or greater than or equal to `children.length` stop\n *   traversing the parent.\n *\n * @typedef {[(Action | null | undefined | void)?, (Index | null | undefined)?]} ActionTuple\n *   List with one or two values, the first an action, the second an index.\n *\n * @typedef {Action | ActionTuple | Index | null | undefined | void} VisitorResult\n *   Any value that can be returned from a visitor.\n */\n\n/**\n * @template {Node} [Visited=Node]\n *   Visited node type.\n * @template {Parent} [Ancestor=Parent]\n *   Ancestor type.\n * @callback Visitor\n *   Handle a node (matching `test`, if given).\n *\n *   Visitors are free to transform `node`.\n *   They can also transform the parent of node (the last of `ancestors`).\n *\n *   Replacing `node` itself, if `SKIP` is not returned, still causes its\n *   descendants to be walked (which is a bug).\n *\n *   When adding or removing previous siblings of `node` (or next siblings, in\n *   case of reverse), the `Visitor` should return a new `Index` to specify the\n *   sibling to traverse after `node` is traversed.\n *   Adding or removing next siblings of `node` (or previous siblings, in case\n *   of reverse) is handled as expected without needing to return a new `Index`.\n *\n *   Removing the children property of an ancestor still results in them being\n *   traversed.\n * @param {Visited} node\n *   Found node.\n * @param {Array<Ancestor>} ancestors\n *   Ancestors of `node`.\n * @returns {VisitorResult}\n *   What to do next.\n *\n *   An `Index` is treated as a tuple of `[CONTINUE, Index]`.\n *   An `Action` is treated as a tuple of `[Action]`.\n *\n *   Passing a tuple back only makes sense if the `Action` is `SKIP`.\n *   When the `Action` is `EXIT`, that action can be returned.\n *   When the `Action` is `CONTINUE`, `Index` can be returned.\n */\n\n/**\n * @template {Node} [Tree=Node]\n *   Tree type.\n * @template {Test} [Check=string]\n *   Test type.\n * @typedef {Visitor<import('./complex-types.js').Matches<import('./complex-types.js').InclusiveDescendant<Tree>, Check>, Extract<import('./complex-types.js').InclusiveDescendant<Tree>, Parent>>} BuildVisitor\n *   Build a typed `Visitor` function from a tree and a test.\n *\n *   It will infer which values are passed as `node` and which as `parents`.\n */\n\nimport {convert} from 'unist-util-is'\nimport {color} from './color.js'\n\n/**\n * Continue traversing as normal.\n */\nexport const CONTINUE = true\n\n/**\n * Stop traversing immediately.\n */\nexport const EXIT = false\n\n/**\n * Do not traverse this node’s children.\n */\nexport const SKIP = 'skip'\n\n/**\n * Visit nodes, with ancestral information.\n *\n * This algorithm performs *depth-first* *tree traversal* in *preorder*\n * (**NLR**) or if `reverse` is given, in *reverse preorder* (**NRL**).\n *\n * You can choose for which nodes `visitor` is called by passing a `test`.\n * For complex tests, you should test yourself in `visitor`, as it will be\n * faster and will have improved type information.\n *\n * Walking the tree is an intensive task.\n * Make use of the return values of the visitor when possible.\n * Instead of walking a tree multiple times, walk it once, use `unist-util-is`\n * to check if a node matches, and then perform different operations.\n *\n * You can change the tree.\n * See `Visitor` for more info.\n *\n * @param tree\n *   Tree to traverse.\n * @param test\n *   `unist-util-is`-compatible test\n * @param visitor\n *   Handle each node.\n * @param reverse\n *   Traverse in reverse preorder (NRL) instead of the default preorder (NLR).\n * @returns\n *   Nothing.\n */\nexport const visitParents =\n  /**\n   * @type {(\n   *   (<Tree extends Node, Check extends Test>(tree: Tree, test: Check, visitor: BuildVisitor<Tree, Check>, reverse?: boolean | null | undefined) => void) &\n   *   (<Tree extends Node>(tree: Tree, visitor: BuildVisitor<Tree>, reverse?: boolean | null | undefined) => void)\n   * )}\n   */\n  (\n    /**\n     * @param {Node} tree\n     * @param {Test} test\n     * @param {Visitor<Node>} visitor\n     * @param {boolean | null | undefined} [reverse]\n     * @returns {void}\n     */\n    function (tree, test, visitor, reverse) {\n      if (typeof test === 'function' && typeof visitor !== 'function') {\n        reverse = visitor\n        // @ts-expect-error no visitor given, so `visitor` is test.\n        visitor = test\n        test = null\n      }\n\n      const is = convert(test)\n      const step = reverse ? -1 : 1\n\n      factory(tree, undefined, [])()\n\n      /**\n       * @param {Node} node\n       * @param {number | undefined} index\n       * @param {Array<Parent>} parents\n       */\n      function factory(node, index, parents) {\n        /** @type {Record<string, unknown>} */\n        // @ts-expect-error: hush\n        const value = node && typeof node === 'object' ? node : {}\n\n        if (typeof value.type === 'string') {\n          const name =\n            // `hast`\n            typeof value.tagName === 'string'\n              ? value.tagName\n              : // `xast`\n              typeof value.name === 'string'\n              ? value.name\n              : undefined\n\n          Object.defineProperty(visit, 'name', {\n            value:\n              'node (' + color(node.type + (name ? '<' + name + '>' : '')) + ')'\n          })\n        }\n\n        return visit\n\n        function visit() {\n          /** @type {ActionTuple} */\n          let result = []\n          /** @type {ActionTuple} */\n          let subresult\n          /** @type {number} */\n          let offset\n          /** @type {Array<Parent>} */\n          let grandparents\n\n          if (!test || is(node, index, parents[parents.length - 1] || null)) {\n            result = toResult(visitor(node, parents))\n\n            if (result[0] === EXIT) {\n              return result\n            }\n          }\n\n          // @ts-expect-error looks like a parent.\n          if (node.children && result[0] !== SKIP) {\n            // @ts-expect-error looks like a parent.\n            offset = (reverse ? node.children.length : -1) + step\n            // @ts-expect-error looks like a parent.\n            grandparents = parents.concat(node)\n\n            // @ts-expect-error looks like a parent.\n            while (offset > -1 && offset < node.children.length) {\n              // @ts-expect-error looks like a parent.\n              subresult = factory(node.children[offset], offset, grandparents)()\n\n              if (subresult[0] === EXIT) {\n                return subresult\n              }\n\n              offset =\n                typeof subresult[1] === 'number' ? subresult[1] : offset + step\n            }\n          }\n\n          return result\n        }\n      }\n    }\n  )\n\n/**\n * Turn a return value into a clean result.\n *\n * @param {VisitorResult} value\n *   Valid return values from visitors.\n * @returns {ActionTuple}\n *   Clean result.\n */\nfunction toResult(value) {\n  if (Array.isArray(value)) {\n    return value\n  }\n\n  if (typeof value === 'number') {\n    return [CONTINUE, value]\n  }\n\n  return [value]\n}\n","// Note: types exported from `index.d.ts`\nexport {CONTINUE, EXIT, SKIP, visitParents} from './lib/index.js'\n","/**\n * @typedef {import('unist').Node} Node\n * @typedef {import('unist').Parent} Parent\n * @typedef {import('unist-util-is').Test} Test\n * @typedef {import('unist-util-visit-parents').VisitorResult} VisitorResult\n * @typedef {import('./complex-types.js').Visitor} Visitor\n */\n\nimport {visitParents} from 'unist-util-visit-parents'\n\n/**\n * Visit children of tree which pass test.\n *\n * @param tree\n *   Tree to walk\n * @param [test]\n *   `unist-util-is`-compatible test\n * @param visitor\n *   Function called for nodes that pass `test`.\n * @param reverse\n *   Traverse in reverse preorder (NRL) instead of preorder (NLR) (default).\n */\nexport const visit =\n  /**\n   * @type {(\n   *   (<Tree extends Node, Check extends Test>(tree: Tree, test: Check, visitor: import('./complex-types.js').BuildVisitor<Tree, Check>, reverse?: boolean) => void) &\n   *   (<Tree extends Node>(tree: Tree, visitor: import('./complex-types.js').BuildVisitor<Tree>, reverse?: boolean) => void)\n   * )}\n   */\n  (\n    /**\n     * @param {Node} tree\n     * @param {Test} test\n     * @param {import('./complex-types.js').Visitor} visitor\n     * @param {boolean} [reverse]\n     */\n    function (tree, test, visitor, reverse) {\n      if (typeof test === 'function' && typeof visitor !== 'function') {\n        reverse = visitor\n        visitor = test\n        test = null\n      }\n\n      visitParents(tree, test, overload, reverse)\n\n      /**\n       * @param {Node} node\n       * @param {Array<Parent>} parents\n       */\n      function overload(node, parents) {\n        const parent = parents[parents.length - 1]\n        return visitor(\n          node,\n          parent ? parent.children.indexOf(node) : null,\n          parent\n        )\n      }\n    }\n  )\n\nexport {CONTINUE, EXIT, SKIP} from 'unist-util-visit-parents'\n","import { join, parse, extname } from 'path';\nimport { RspackVirtualModulePlugin } from 'rspack-plugin-virtual-module';\nimport {\n  type RspressPlugin,\n  type RouteMeta,\n  RSPRESS_TEMP_DIR,\n  normalizePosixPath,\n} from '@rspress/shared';\nimport { uniqBy } from 'lodash';\nimport { remarkCodeToDemo } from './codeToDemo';\nimport { generateId, injectDemoBlockImport } from './utils';\nimport {\n  demoBlockComponentPath,\n  demoComponentPath,\n  staticPath,\n} from './constant';\n\nexport type Options = {\n  /**\n   * preview in mobile mode or not\n   * when isMobile is true, 1. aside will hide. 2. default preview component by iframe\n   * @default false\n   */\n  isMobile?: boolean;\n  /**\n   * position of the iframe\n   * @default 'follow'\n   */\n  iframePosition?: 'fixed' | 'follow';\n  /**\n   * whether the demo can open in codesandbox\n   * @default false\n   * @experimental\n   */\n  enableCodesandbox?: boolean;\n};\n\ninterface Heading {\n  type: string;\n  depth?: number;\n  children?: ChildNode[];\n}\n\ninterface ChildNode {\n  type: 'link' | 'text' | 'inlineCode';\n  value: string;\n  children?: ChildNode[];\n}\n\n// eslint-disable-next-line import/no-mutable-exports\nexport let routeMeta: RouteMeta[];\nexport const demoRoutes: { path: string }[] = [];\nexport const demoMeta: Record<\n  string,\n  { id: string; virtualModulePath: string; title: string }[]\n> = {};\n\n/**\n * The plugin is used to preview component.\n */\nexport function pluginPreview(options?: Options): RspressPlugin {\n  const isMobile = options?.isMobile ?? false;\n  const iframePosition = options?.iframePosition ?? 'follow';\n  const enableCodesandbox = options?.enableCodesandbox ?? false;\n  const demoRuntimeModule = new RspackVirtualModulePlugin({});\n  const globalUIComponents =\n    iframePosition === 'fixed'\n      ? [join(staticPath, 'global-components', 'Device.tsx')]\n      : [];\n  const getRouteMeta = () => routeMeta;\n  return {\n    name: '@rspress/plugin-preview',\n    config(config) {\n      config.markdown = config.markdown || {};\n      config.markdown.mdxRs = false;\n      return config;\n    },\n    addPages(_config, _isProd) {\n      return [\n        {\n          routePath: '/~demo/:id',\n          content: `---\npageType: \"blank\"\n---\n\nimport Demo from ${JSON.stringify(demoComponentPath)}\n\n<Demo iframePosition=\"${iframePosition}\"/>\n          `,\n        },\n      ];\n    },\n    async routeGenerated(routes: RouteMeta[]) {\n      // init routeMeta\n      routeMeta = routes;\n\n      const files = routes.map(route => route.absolutePath);\n      // Write the demo code ahead of time\n      // Fix: rspack build error because demo file is not exist, probably the demo file was written in rspack build process?\n      await Promise.all(\n        files.map(async (filepath, _index) => {\n          const isMdxFile = /\\.mdx?$/.test(filepath);\n          if (!isMdxFile) {\n            return;\n          }\n          const { createProcessor } = await import('@mdx-js/mdx');\n          const { visit } = await import('unist-util-visit');\n          const { default: fs } = await import('@modern-js/utils/fs-extra');\n          const { default: remarkGFM } = await import('remark-gfm');\n          let title = parse(filepath).name;\n          try {\n            const processor = createProcessor({\n              format: extname(filepath).slice(1) as 'mdx' | 'md',\n              remarkPlugins: [remarkGFM],\n            });\n            const source = await fs.readFile(filepath, 'utf-8');\n            const ast = processor.parse(source);\n            let index = 1;\n            const { pageName } = routeMeta.find(\n              meta =>\n                normalizePosixPath(meta.absolutePath) ===\n                normalizePosixPath(filepath),\n            )!;\n\n            const registerDemo = (\n              demoId: string,\n              demoPath: string,\n              isMobileMode: boolean,\n            ) => {\n              if (isMobileMode) {\n                // only add demoMeta in mobile mode\n                demoMeta[filepath] = demoMeta[filepath] ?? [];\n                const isExist = demoMeta[filepath].find(\n                  item => item.id === demoId,\n                );\n                if (!isExist) {\n                  demoMeta[filepath].push({\n                    id: demoId,\n                    title,\n                    virtualModulePath: demoPath,\n                  });\n                }\n              }\n            };\n            visit(ast, 'heading', (node: Heading) => {\n              if (node.depth === 1) {\n                if (node.children) {\n                  title = node.children[0].value;\n                }\n              }\n            });\n\n            visit(ast, 'mdxJsxFlowElement', (node: any) => {\n              if (node.name === 'code') {\n                const src = node.attributes.find(\n                  (attr: { name: string; value: string }) =>\n                    attr.name === 'src',\n                )?.value;\n                const isMobileMode =\n                  node.attributes.find(\n                    (attr: { name: string; value: boolean }) =>\n                      attr.name === 'isMobile',\n                  )?.value ?? isMobile;\n                if (!src) {\n                  return;\n                }\n                const id = generateId(pageName, index++);\n                registerDemo(id, src, isMobileMode);\n              }\n            });\n\n            visit(ast, 'code', (node: any) => {\n              if (node.lang === 'jsx' || node.lang === 'tsx') {\n                const { value } = node;\n                const isPure = node?.meta?.includes('pure');\n\n                // do not anything for pure mode\n                if (isPure) {\n                  return;\n                }\n\n                // every code block can change their preview mode by meta\n                const isMobileMode =\n                  node?.meta?.includes('mobile') ||\n                  (!node?.meta?.includes('web') && isMobile);\n\n                const { pageName } = routeMeta.find(\n                  meta =>\n                    normalizePosixPath(meta.absolutePath) ===\n                    normalizePosixPath(filepath),\n                )!;\n                const id = generateId(pageName, index++);\n\n                const demoDir = join(\n                  process.cwd(),\n                  'node_modules',\n                  RSPRESS_TEMP_DIR,\n                  `virtual-demo`,\n                );\n\n                const virtualModulePath = join(demoDir, `${id}.tsx`);\n                registerDemo(id, virtualModulePath, isMobileMode);\n\n                fs.ensureDirSync(join(demoDir));\n                fs.writeFileSync(\n                  virtualModulePath,\n                  injectDemoBlockImport(value, demoBlockComponentPath),\n                );\n              }\n            });\n          } catch (e) {\n            console.error(e);\n            throw e;\n          }\n        }),\n      );\n      /**\n       * expect the meta of each demo file is like this:\n       * {\n       *   id,\n       *   component,\n       * }\n       */\n      const virtualMeta = `\n        ${files\n          .map((filepath, index) => {\n            return `import Route${index} from '${filepath}?meta';`;\n          })\n          .join('\\n')}\n        export const demos = [${files\n          .map((_, index) => `Route${index}`)\n          .flat()\n          .join(',')}];\n        `;\n      demoRuntimeModule.writeModule('virtual-meta', virtualMeta);\n    },\n    builderConfig: {\n      tools: {\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment, @typescript-eslint/prefer-ts-expect-error\n        // @ts-ignore\n        rspack: {\n          plugins: [demoRuntimeModule],\n        },\n        bundlerChain(chain) {\n          chain.module\n            .rule('Raw')\n            .resourceQuery(/raw/)\n            .type('asset/source')\n            .end()\n            .rule('MDX')\n            .oneOf('MDXMeta')\n            .before('MDXCompile')\n            .resourceQuery(/meta/)\n            .use('mdx-meta-loader')\n            .loader(join(__dirname, '../mdx-meta-loader.cjs'))\n            .end();\n\n          chain.resolve.extensions.prepend('.md').prepend('.mdx');\n        },\n      },\n    },\n    markdown: {\n      remarkPlugins: [\n        [\n          remarkCodeToDemo,\n          { isMobile, getRouteMeta, iframePosition, enableCodesandbox },\n        ],\n      ],\n      globalComponents: [\n        join(staticPath, 'global-components', 'Container.tsx'),\n      ],\n    },\n    globalUIComponents,\n    globalStyles: join(\n      staticPath,\n      'global-styles',\n      `${isMobile ? 'mobile' : 'web'}.css`,\n    ),\n    addSSGRoutes() {\n      if (iframePosition === 'fixed') {\n        const normalizeRoutes = demoRoutes.map(({ path: item }) => {\n          const fragments = item.split('/').filter(Boolean);\n          const demoId = fragments.pop()?.replace(/_(\\d+)$/, '');\n          return { path: `/${fragments.join('/')}/${demoId}` };\n        });\n        // Unique the routes accrodint to the path\n        return uniqBy(normalizeRoutes, 'path');\n      }\n      return demoRoutes;\n    },\n  };\n}\n\nexport { normalizeId } from './utils';\n","import { join, resolve } from 'path';\nimport { visit } from 'unist-util-visit';\nimport fs from '@modern-js/utils/fs-extra';\nimport {\n  RSPRESS_TEMP_DIR,\n  normalizePosixPath,\n  type RouteMeta,\n} from '@rspress/shared';\nimport type { Plugin } from 'unified';\nimport type { Root } from 'mdast';\nimport type { MdxjsEsm } from 'mdast-util-mdxjs-esm';\nimport { injectDemoBlockImport, generateId } from './utils';\nimport { demoBlockComponentPath } from './constant';\nimport { demoRoutes } from '.';\n\n// FIXME: remove it\nconst json = JSON.parse(\n  fs.readFileSync(resolve(process.cwd(), './package.json'), 'utf8'),\n);\n\n/**\n * remark plugin to transform code to demo\n */\nexport const remarkCodeToDemo: Plugin<\n  [\n    {\n      isMobile: boolean;\n      getRouteMeta: () => RouteMeta[];\n      iframePosition: 'fixed' | 'follow';\n      enableCodesandbox: boolean;\n    },\n  ],\n  Root\n> = ({ isMobile, getRouteMeta, iframePosition, enableCodesandbox }) => {\n  const routeMeta = getRouteMeta();\n\n  return (tree, vfile) => {\n    const demos: MdxjsEsm[] = [];\n    const route = routeMeta.find(\n      meta =>\n        normalizePosixPath(meta.absolutePath) ===\n        normalizePosixPath(vfile.path || vfile.history[0]),\n    );\n    if (!route) {\n      return;\n    }\n    const { pageName } = route;\n    let index = 1;\n    let externalDemoIndex = 0;\n\n    function constructDemoNode(\n      demoId: string,\n      demoPath: string,\n      currentNode: any,\n      isMobileMode: boolean,\n      // Only for external demo\n      externalDemoIndex?: number,\n    ) {\n      const demoRoute = `/~demo/${demoId}`;\n      if (isMobileMode) {\n        // only add demoRoutes in mobile mode\n        demoRoutes.push({\n          path: demoRoute,\n        });\n      } else {\n        demos.push(getASTNodeImport(`Demo${demoId}`, demoPath));\n      }\n\n      // get external demo content\n      const tempVar = `externalDemoContent${externalDemoIndex}`;\n      if (externalDemoIndex !== undefined) {\n        demos.push(getASTNodeImport(tempVar, `${demoPath}?raw`));\n      }\n\n      if (isMobileMode && iframePosition === 'fixed') {\n        // Only show the code block\n        externalDemoIndex !== undefined &&\n          Object.assign(currentNode, getExternalDemoContent(tempVar));\n      } else {\n        // Use container to show the code and view\n        Object.assign(currentNode, {\n          type: 'mdxJsxFlowElement',\n          name: 'Container',\n          attributes: [\n            {\n              type: 'mdxJsxAttribute',\n              name: 'isMobile',\n              value: isMobileMode,\n            },\n            {\n              type: 'mdxJsxAttribute',\n              name: 'url',\n              value: demoRoute,\n            },\n            {\n              type: 'mdxJsxAttribute',\n              name: 'content',\n              value: currentNode.value,\n            },\n            {\n              type: 'mdxJsxAttribute',\n              name: 'packageName',\n              value: json.name,\n            },\n            {\n              type: 'mdxJsxAttribute',\n              name: 'enableCodesandbox',\n              value: enableCodesandbox,\n            },\n          ],\n          children: [\n            externalDemoIndex === undefined\n              ? {\n                  ...currentNode,\n                  hasVisited: true,\n                }\n              : getExternalDemoContent(tempVar),\n            isMobileMode\n              ? {\n                  type: 'mdxJsxFlowElement',\n                  name: null,\n                }\n              : {\n                  type: 'mdxJsxFlowElement',\n                  name: `Demo${demoId}`,\n                },\n          ],\n        });\n      }\n    }\n\n    // 1. External demo , use <code src=\"xxx\" /> to declare demo\n    tree.children.forEach((node: any) => {\n      if (node.type === 'mdxJsxFlowElement' && node.name === 'code') {\n        const src = node.attributes.find(\n          (attr: { name: string; value: string }) => attr.name === 'src',\n        )?.value;\n        const isMobileMode =\n          node.attributes.find(\n            (attr: { name: string; value: boolean }) =>\n              attr.name === 'isMobile',\n          )?.value ?? isMobile;\n        if (!src) {\n          return;\n        }\n        const id = generateId(pageName, index++);\n        constructDemoNode(id, src, node, isMobileMode, externalDemoIndex++);\n      }\n    });\n\n    // 2. Internal demo, use ```j/tsx to declare demo\n    visit(tree, 'code', node => {\n      // hasVisited is a custom property\n      if ('hasVisited' in node) {\n        return;\n      }\n\n      if (node.lang === 'jsx' || node.lang === 'tsx') {\n        const value = injectDemoBlockImport(node.value, demoBlockComponentPath);\n\n        const isPure = node?.meta?.includes('pure');\n\n        // do nothing for pure mode\n        if (isPure) {\n          return;\n        }\n\n        // every code block can change their preview mode by meta\n        const isMobileMode =\n          node?.meta?.includes('mobile') ||\n          (!node?.meta?.includes('web') && isMobile);\n\n        const demoDir = join(\n          process.cwd(),\n          'node_modules',\n          RSPRESS_TEMP_DIR,\n          `virtual-demo`,\n        );\n        const id = generateId(pageName, index++);\n        const virtualModulePath = join(demoDir, `${id}.tsx`);\n        fs.ensureDirSync(join(demoDir));\n        // Only when the content of the file changes, the file will be written\n        // Avoid to trigger the hmr indefinitely\n        if (fs.existsSync(virtualModulePath)) {\n          const content = fs.readFileSync(virtualModulePath, 'utf-8');\n          if (content !== value) {\n            fs.writeFileSync(virtualModulePath, value);\n          }\n        }\n        constructDemoNode(id, virtualModulePath, node, isMobileMode);\n      }\n    });\n\n    tree.children.unshift(...demos);\n  };\n};\n\nconst getASTNodeImport = (name: string, from: string) =>\n  ({\n    type: 'mdxjsEsm',\n    value: `import ${name} from ${JSON.stringify(from)}`,\n    data: {\n      estree: {\n        type: 'Program',\n        sourceType: 'module',\n        body: [\n          {\n            type: 'ImportDeclaration',\n            specifiers: [\n              {\n                type: 'ImportDefaultSpecifier',\n                local: { type: 'Identifier', name },\n              },\n            ],\n            source: {\n              type: 'Literal',\n              value: from,\n              raw: `${JSON.stringify(from)}`,\n            },\n          },\n        ],\n      },\n    },\n  } as MdxjsEsm);\n\nconst getExternalDemoContent = (tempVar: string) => ({\n  type: 'mdxJsxFlowElement',\n  name: 'pre',\n  children: [\n    {\n      type: 'mdxJsxFlowElement',\n      name: 'code',\n      attributes: [\n        {\n          type: 'mdxJsxAttribute',\n          name: 'className',\n          value: 'language-tsx',\n        },\n        {\n          type: 'mdxJsxAttribute',\n          name: 'children',\n          value: {\n            type: 'mdxJsxExpressionAttribute',\n            value: tempVar,\n            data: {\n              estree: {\n                type: 'Program',\n                body: [\n                  {\n                    type: 'ExpressionStatement',\n                    expression: {\n                      type: 'Identifier',\n                      name: tempVar,\n                    },\n                  },\n                ],\n              },\n            },\n          },\n        },\n      ],\n    },\n  ],\n});\n","/**\n * Converts a string to a valid variable name. If the string is already a valid variable name, returns the original string.\n * @param str - The string to convert.\n * @returns The converted string.\n */\nexport const toValidVarName = (str: string): string => {\n  // Check if the string is a valid variable name\n  if (/^[a-zA-Z_$][0-9a-zA-Z_$]*$/.test(str)) {\n    return str; // If it is a valid variable name, return the original string\n  } else {\n    // If it is not a valid variable name, convert it to a valid variable name\n    return str.replace(/[^0-9a-zA-Z_$]/g, '_').replace(/^([0-9])/, '_$1');\n  }\n};\n\nexport const generateId = (pageName: string, index: number) => {\n  return `_${toValidVarName(pageName)}_${index}`;\n};\n\n/**\n * remove .html extension and validate\n * @param routePath id from pathname\n * @returns normalized id\n */\nexport const normalizeId = (routePath: string) => {\n  const result = routePath.replace(/\\.(.*)?$/, '');\n  return toValidVarName(result);\n};\n\nexport const injectDemoBlockImport = (str: string, path: string): string => {\n  return `\n    import DemoBlock from '${path}';\n    ${str}\n  `;\n};\n","import path from 'path';\n\nexport const staticPath = path.join(__dirname, '..', 'static');\n\nexport const demoComponentPath = path.join(\n  __dirname,\n  '..',\n  'dist',\n  'virtual-demo.js',\n);\n\nexport const demoBlockComponentPath = path.join(\n  staticPath,\n  'global-components',\n  'DemoBlock.tsx',\n);\n"]}

package/dist/utils.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Converts a string to a valid variable name. If the string is already a valid variable name, returns the original string.
+ * @param str - The string to convert.
+ * @returns The converted string.
+ */
+declare const toValidVarName: (str: string) => string;
+declare const generateId: (pageName: string, index: number) => string;
+/**
+ * remove .html extension and validate
+ * @param routePath id from pathname
+ * @returns normalized id
+ */
+declare const normalizeId: (routePath: string) => string;
+declare const injectDemoBlockImport: (str: string, path: string) => string;
+
+export { generateId, injectDemoBlockImport, normalizeId, toValidVarName };

package/dist/utils.js

@@ -0,0 +1,57 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/utils.ts
+var utils_exports = {};
+__export(utils_exports, {
+  generateId: () => generateId,
+  injectDemoBlockImport: () => injectDemoBlockImport,
+  normalizeId: () => normalizeId,
+  toValidVarName: () => toValidVarName
+});
+module.exports = __toCommonJS(utils_exports);
+var toValidVarName = (str) => {
+  if (/^[a-zA-Z_$][0-9a-zA-Z_$]*$/.test(str)) {
+    return str;
+  } else {
+    return str.replace(/[^0-9a-zA-Z_$]/g, "_").replace(/^([0-9])/, "_$1");
+  }
+};
+var generateId = (pageName, index) => {
+  return `_${toValidVarName(pageName)}_${index}`;
+};
+var normalizeId = (routePath) => {
+  const result = routePath.replace(/\.(.*)?$/, "");
+  return toValidVarName(result);
+};
+var injectDemoBlockImport = (str, path) => {
+  return `
+    import DemoBlock from '${path}';
+    ${str}
+  `;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  generateId,
+  injectDemoBlockImport,
+  normalizeId,
+  toValidVarName
+});
+
+//# sourceMappingURL=utils.js.map

package/dist/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKO,IAAM,iBAAiB,CAAC,QAAwB;AAErD,MAAI,6BAA6B,KAAK,GAAG,GAAG;AAC1C,WAAO;AAAA,EACT,OAAO;AAEL,WAAO,IAAI,QAAQ,mBAAmB,GAAG,EAAE,QAAQ,YAAY,KAAK;AAAA,EACtE;AACF;AAEO,IAAM,aAAa,CAAC,UAAkB,UAAkB;AAC7D,SAAO,IAAI,eAAe,QAAQ,CAAC,IAAI,KAAK;AAC9C;AAOO,IAAM,cAAc,CAAC,cAAsB;AAChD,QAAM,SAAS,UAAU,QAAQ,YAAY,EAAE;AAC/C,SAAO,eAAe,MAAM;AAC9B;AAEO,IAAM,wBAAwB,CAAC,KAAa,SAAyB;AAC1E,SAAO;AAAA,6BACoB,IAAI;AAAA,MAC3B,GAAG;AAAA;AAET;","names":[],"sources":["../src/utils.ts"],"sourcesContent":["/**\n * Converts a string to a valid variable name. If the string is already a valid variable name, returns the original string.\n * @param str - The string to convert.\n * @returns The converted string.\n */\nexport const toValidVarName = (str: string): string => {\n  // Check if the string is a valid variable name\n  if (/^[a-zA-Z_$][0-9a-zA-Z_$]*$/.test(str)) {\n    return str; // If it is a valid variable name, return the original string\n  } else {\n    // If it is not a valid variable name, convert it to a valid variable name\n    return str.replace(/[^0-9a-zA-Z_$]/g, '_').replace(/^([0-9])/, '_$1');\n  }\n};\n\nexport const generateId = (pageName: string, index: number) => {\n  return `_${toValidVarName(pageName)}_${index}`;\n};\n\n/**\n * remove .html extension and validate\n * @param routePath id from pathname\n * @returns normalized id\n */\nexport const normalizeId = (routePath: string) => {\n  const result = routePath.replace(/\\.(.*)?$/, '');\n  return toValidVarName(result);\n};\n\nexport const injectDemoBlockImport = (str: string, path: string): string => {\n  return `\n    import DemoBlock from '${path}';\n    ${str}\n  `;\n};\n"]}

package/dist/virtual-demo.js

@@ -53,10 +53,10 @@ style_inject_es_default(css_248z);
 import { jsx, jsxs } from "react/jsx-runtime";
 function Demo(props) {
   const { pathname } = useLocation();
-  const id = pathname.split("/").pop();
-  const normalizedId = normalizeId(id || "");
+  const pureDemoPath = pathname.split("/").filter(Boolean).slice(1)?.join("/");
+  const normalizedId = normalizeId(pureDemoPath || "");
   if (props.iframePosition === "fixed") {
-    const renderDemos = demos.flat().filter((item) => new RegExp(`_${normalizedId}_\\d+`).test(item.id));
+    const renderDemos = demos.flat().filter((item) => new RegExp(`${normalizedId}_\\d+`).test(item.id));
     return renderDemos.length > 0 ? /* @__PURE__ */ jsx(NoSSR, { children: /* @__PURE__ */ jsxs("div", { className: "preview-container", children: [
       /* @__PURE__ */ jsx("div", { className: "preview-nav", children: renderDemos[0].title }),
       renderDemos.map((renderDemo) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rspress/plugin-preview",
-  "version": "1.1.1",
+  "version": "1.2.0",
   "description": "A plugin for rspress to preview the code block in markdown/mdx file.",
   "bugs": "https://github.com/web-infra-dev/rspress/issues",
   "repository": {
@@ -26,11 +26,13 @@
     "remark-gfm": "3.0.1",
     "rspack-plugin-virtual-module": "0.1.12",
     "codesandbox": "2.2.3",
-    "@rspress/shared": "1.1.1"
+    "lodash": "4.17.21",
+    "@rspress/shared": "1.2.0"
   },
   "devDependencies": {
     "@types/mdast": "^3.0.10",
     "@types/node": "^18.11.17",
+    "@types/lodash": "4.14.200",
     "@types/react": "^18",
     "@types/react-dom": "^18",
     "mdast-util-mdxjs-esm": "^1.3.0",

package/static/global-components/Device.tsx

@@ -1,6 +1,7 @@
 import { usePageData, withBase } from '@rspress/core/runtime';
 import { demos } from 'virtual-meta';
 import { useCallback, useEffect, useState } from 'react';
+import { normalizeId } from '../../dist/utils';
 import MobileOperation from './common/mobile-operation';
 import './Device.scss';
 
@@ -12,22 +13,17 @@ export default () => {
     // Do nothing in ssr
     return '';
   };
-  const removeLeadingSlash = (url: string) => {
-    return url.charAt(0) === '/' ? url.slice(1) : url;
-  };
-
-  const getPageKey = (route: string) => {
-    const cleanRoute = removeLeadingSlash(route);
-    return cleanRoute.replace(/\//g, '_').replace(/\.[^.]+$/, '') || 'index';
-  };
   const { page } = usePageData();
-  const pageName = getPageKey(page.pagePath);
+
+  const pageName = `_${normalizeId(page.pagePath)}`;
   const url = `~demo/${pageName}`;
   const haveDemos =
     demos.flat().filter(item => new RegExp(`${pageName}_\\d+`).test(item.id))
       .length > 0;
+  const initialInnerWidth =
+    typeof window !== 'undefined' ? window.innerWidth : 0;
   const [asideWidth, setAsideWidth] = useState('0px');
-  const [innerWidth, setInnerWidth] = useState(window.innerWidth);
+  const [innerWidth, setInnerWidth] = useState(initialInnerWidth);
   const [iframeKey, setIframeKey] = useState(0);
   const refresh = useCallback(() => {
     setIframeKey(Math.random());