@rspress/plugin-preview 2.0.0-beta.0 → 2.0.0-beta.10

package/dist/utils.js

@@ -1,35 +1,3 @@
-"use strict";
-var __webpack_require__ = {};
-(()=>{
-    __webpack_require__.d = (exports1, definition)=>{
-        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
-            enumerable: true,
-            get: definition[key]
-        });
-    };
-})();
-(()=>{
-    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
-})();
-(()=>{
-    __webpack_require__.r = (exports1)=>{
-        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
-            value: 'Module'
-        });
-        Object.defineProperty(exports1, '__esModule', {
-            value: true
-        });
-    };
-})();
-var __webpack_exports__ = {};
-__webpack_require__.r(__webpack_exports__);
-__webpack_require__.d(__webpack_exports__, {
-    generateId: ()=>generateId,
-    getLangFileExt: ()=>getLangFileExt,
-    injectDemoBlockImport: ()=>injectDemoBlockImport,
-    normalizeId: ()=>normalizeId,
-    toValidVarName: ()=>toValidVarName
-});
 const toValidVarName = (str)=>{
     if (/^[a-zA-Z_$][0-9a-zA-Z_$]*$/.test(str)) return str;
     return str.replace(/[^0-9a-zA-Z_$]/g, '_').replace(/^([0-9])/, '_$1');
@@ -54,18 +22,4 @@ const getLangFileExt = (lang)=>{
             return lang;
     }
 };
-exports.generateId = __webpack_exports__.generateId;
-exports.getLangFileExt = __webpack_exports__.getLangFileExt;
-exports.injectDemoBlockImport = __webpack_exports__.injectDemoBlockImport;
-exports.normalizeId = __webpack_exports__.normalizeId;
-exports.toValidVarName = __webpack_exports__.toValidVarName;
-for(var __webpack_i__ in __webpack_exports__)if (-1 === [
-    "generateId",
-    "getLangFileExt",
-    "injectDemoBlockImport",
-    "normalizeId",
-    "toValidVarName"
-].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
-Object.defineProperty(exports, '__esModule', {
-    value: true
-});
+export { generateId, getLangFileExt, injectDemoBlockImport, normalizeId, toValidVarName };

package/package.json

@@ -1,15 +1,21 @@
 {
   "name": "@rspress/plugin-preview",
-  "version": "2.0.0-beta.0",
+  "version": "2.0.0-beta.10",
   "description": "A plugin for rspress to preview the code block in markdown/mdx file.",
   "bugs": "https://github.com/web-infra-dev/rspress/issues",
   "repository": {
     "type": "git",
-    "url": "https://github.com/web-infra-dev/rspress",
+    "url": "git+https://github.com/web-infra-dev/rspress.git",
     "directory": "packages/plugin-preview"
   },
   "license": "MIT",
-  "main": "./dist/index.js",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./dist/index.js"
+    }
+  },
   "types": "./index.d.ts",
   "files": [
     "index.d.ts",
@@ -17,40 +23,41 @@
     "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.0",
-    "@rspress/theme-default": "2.0.0-beta.0"
+    "@rspress/theme-default": "2.0.0-beta.10",
+    "@rspress/shared": "2.0.0-beta.10"
   },
   "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": "^18.3.22",
+    "@types/react-dom": "^18.3.7",
     "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.2",
     "typescript": "^5.8.2",
     "unified": "^11.0.5",
     "unist-util-visit": "^5.0.0"
   },
   "peerDependencies": {
-    "@rspress/core": "^2.0.0-beta.0",
-    "react": ">=17.0.0",
+    "@rspress/core": "^2.0.0-beta.10",
+    "react": ">=18.0.0",
     "react-router-dom": "^6.8.1"
   },
   "engines": {
-    "node": ">=14.17.6"
+    "node": ">=18.0.0"
   },
   "publishConfig": {
     "access": "public",

package/static/global-components/Container.tsx

@@ -45,7 +45,7 @@ const Container: React.FC<ContainerProps> = props => {
     <NoSSR>
       <div className="rspress-preview">
         {isMobile === 'true' ? (
-          <div className="rspress-preview-wrapper flex">
+          <div className="rspress-preview-wrapper rp-flex">
             <div className="rspress-preview-code">{children?.[0]}</div>
             <div className="rspress-preview-device">
               <iframe src={getPageUrl()} key={iframeKey}></iframe>

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;
 }