@rspress/plugin-preview 2.0.0-beta.1 → 2.0.0-beta.11

package/README.md

@@ -2,4 +2,4 @@
 
 > Preview plugin for rspress
 
-[Documentation](https://rspress.dev/plugin/official-plugins/preview)
+[Documentation](https://rspress.rs/plugin/official-plugins/preview)

package/dist/index.js

@@ -7,7 +7,6 @@ import * as __WEBPACK_EXTERNAL_MODULE__rsbuild_plugin_solid_0a0a2645__ from "@rs
 import * as __WEBPACK_EXTERNAL_MODULE__rspress_shared_baa012d0__ from "@rspress/shared";
 import * as __WEBPACK_EXTERNAL_MODULE_lodash__ from "lodash";
 import * as __WEBPACK_EXTERNAL_MODULE_node_fs_5ea92f0c__ from "node:fs";
-import * as __WEBPACK_EXTERNAL_MODULE__rspress_shared_node_utils_78947ce6__ from "@rspress/shared/node-utils";
 const staticPath = __WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__["default"].join(__dirname, '..', 'static');
 const demoBlockComponentPath = __WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__["default"].join(staticPath, 'global-components', 'DemoBlock.tsx');
 const virtualDir = __WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__["default"].join(process.cwd(), 'node_modules', __WEBPACK_EXTERNAL_MODULE__rspress_shared_baa012d0__.RSPRESS_TEMP_DIR, 'virtual-demo');
@@ -316,7 +315,6 @@ const remarkCodeToDemo = function({ getRouteMeta, previewMode, defaultRenderMode
         remarkPlugin_demos[pageName] = [];
         let title = pageName;
         let index = 1;
-        let externalDemoIndex = 0;
         function constructDemoNode(demoId, demoPath, currentNode, isMobileMode, externalDemoIndex) {
             if (isMobileMode) {
                 const relativePathReg = new RegExp(/^\.\.?\/.*$/);
@@ -365,18 +363,6 @@ const remarkCodeToDemo = function({ getRouteMeta, previewMode, defaultRenderMode
                 title = firstChild && 'value' in firstChild && firstChild.value || title;
             }
         });
-        lib_visit(tree, 'mdxJsxFlowElement', (node)=>{
-            if ('code' === node.name) {
-                const src = (0, __WEBPACK_EXTERNAL_MODULE__rspress_shared_node_utils_78947ce6__.getNodeAttribute)(node, 'src');
-                if ('string' != typeof src) return;
-                const currentMode = (0, __WEBPACK_EXTERNAL_MODULE__rspress_shared_node_utils_78947ce6__.getNodeAttribute)(node, 'previewMode') ?? previewMode;
-                const isMobileAttr = (0, __WEBPACK_EXTERNAL_MODULE__rspress_shared_node_utils_78947ce6__.getNodeAttribute)(node, 'isMobile');
-                let isMobileMode = false;
-                isMobileMode = void 0 === isMobileAttr ? 'iframe' === currentMode : null === isMobileAttr ? true : 'object' == typeof isMobileAttr ? 'false' !== isMobileAttr.value : 'false' !== isMobileAttr;
-                const id = generateId(pageName, index++);
-                constructDemoNode(id, src, node, isMobileMode, externalDemoIndex++);
-            }
-        });
         lib_visit(tree, 'code', (node)=>{
             if ('hasVisited' in node) return;
             if (node.lang && previewLanguages.includes(node.lang)) {
@@ -486,6 +472,7 @@ function pluginPreview(options) {
                 plugins: config?.builderPlugins
             }, builderConfig);
             const rsbuildInstance = await (0, __WEBPACK_EXTERNAL_MODULE__rsbuild_core_1b356efc__.createRsbuild)({
+                callerName: 'rspress',
                 rsbuildConfig
             });
             const { pluginSass } = await import("@rsbuild/plugin-sass");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rspress/plugin-preview",
-  "version": "2.0.0-beta.1",
+  "version": "2.0.0-beta.11",
   "description": "A plugin for rspress to preview the code block in markdown/mdx file.",
   "bugs": "https://github.com/web-infra-dev/rspress/issues",
   "repository": {
@@ -23,36 +23,36 @@
     "static"
   ],
   "dependencies": {
-    "@rsbuild/core": "1.3.9",
+    "@rsbuild/core": "~1.3.21",
     "@rsbuild/plugin-babel": "~1.0.5",
-    "@rsbuild/plugin-less": "~1.2.2",
-    "@rsbuild/plugin-react": "~1.1.1",
+    "@rsbuild/plugin-less": "~1.2.4",
+    "@rsbuild/plugin-react": "~1.3.1",
     "@rsbuild/plugin-sass": "~1.3.1",
     "@rsbuild/plugin-solid": "~1.0.5",
     "lodash": "4.17.21",
     "qrcode.react": "^4.2.0",
-    "@rspress/shared": "2.0.0-beta.1",
-    "@rspress/theme-default": "2.0.0-beta.1"
+    "@rspress/shared": "2.0.0-beta.11",
+    "@rspress/theme-default": "2.0.0-beta.11"
   },
   "devDependencies": {
-    "@rslib/core": "0.6.5",
-    "@types/lodash": "^4.17.16",
+    "@rslib/core": "0.8.0",
+    "@types/lodash": "^4.17.17",
     "@types/mdast": "^4.0.4",
-    "@types/node": "^18.11.17",
-    "@types/react": "^18.3.20",
-    "@types/react-dom": "^18.3.6",
+    "@types/node": "^22.8.1",
+    "@types/react": "^19.1.6",
+    "@types/react-dom": "^19.1.6",
     "mdast-util-mdx-jsx": "^3.2.0",
     "mdast-util-mdxjs-esm": "^2.0.1",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "react-router-dom": "^6.29.0",
-    "rsbuild-plugin-publint": "^0.3.0",
+    "rsbuild-plugin-publint": "^0.3.2",
     "typescript": "^5.8.2",
     "unified": "^11.0.5",
     "unist-util-visit": "^5.0.0"
   },
   "peerDependencies": {
-    "@rspress/core": "^2.0.0-beta.1",
+    "@rspress/core": "^2.0.0-beta.11",
     "react": ">=18.0.0",
     "react-router-dom": "^6.8.1"
   },

package/static/global-styles/entry.css

@@ -1,12 +1,29 @@
-@import url(@rspress/theme-default/bundle.css);
-
 :root {
-  --rp-iframe-bg: var(--rp-code-block-bg);
+  --rp-iframe-bg: #f6f8fa;
+  --rp-iframe-nav-bg: #ffffff;
 }
 
+/* TODO: support dark mode */
+/* .dark {
+  --rp-iframe-bg: #242424;
+  --rp-iframe-nav-bg: #191d24;
+} */
+
 body {
-  background-color: var(--rp-iframe-bg);
+  background-color: var(--rp-iframe-bg) !important;
+  margin: 0px; /* copied from preflight.css */
+}
+
+/* #region copied from preflight.css */
+*,
+::before,
+::after {
+  box-sizing: border-box; /* 1 */
+  border-width: 0; /* 2 */
+  border-style: solid; /* 2 */
+  border-color: theme('borderColor.DEFAULT', currentColor); /* 2 */
 }
+/* #endregion copied from preflight.css */
 
 .preview-nav {
   position: relative;
@@ -14,7 +31,7 @@ body {
   align-items: center;
   justify-content: center;
   height: 56px;
-  background-color: var(--rp-c-bg);
+  background-color: var(--rp-iframe-nav-bg) !important;
   font-weight: 600;
   font-size: 17px;
 }