@rspress/plugin-preview 2.0.0-alpha.6 → 2.0.0-alpha.8

package/dist/index.js

@@ -590,8 +590,10 @@ var __webpack_exports__ = {};
         };
     }
 })();
-var __webpack_export_target__ = exports;
-for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
-if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
+exports.pluginPreview = __webpack_exports__.pluginPreview;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "pluginPreview"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
     value: true
 });

package/dist/utils.js

@@ -42,8 +42,16 @@ const injectDemoBlockImport = (str, path)=>`
     import DemoBlock from ${JSON.stringify(path)};
     ${str}
   `;
-var __webpack_export_target__ = exports;
-for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
-if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
+exports.generateId = __webpack_exports__.generateId;
+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",
+    "injectDemoBlockImport",
+    "normalizeId",
+    "toValidVarName"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
     value: true
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rspress/plugin-preview",
-  "version": "2.0.0-alpha.6",
+  "version": "2.0.0-alpha.8",
   "description": "A plugin for rspress to preview the code block in markdown/mdx file.",
   "bugs": "https://github.com/web-infra-dev/rspress/issues",
   "repository": {
@@ -17,23 +17,23 @@
     "static"
   ],
   "dependencies": {
-    "@rsbuild/core": "1.2.19",
+    "@rsbuild/core": "1.3.0",
     "@rsbuild/plugin-babel": "~1.0.4",
-    "@rsbuild/plugin-less": "~1.1.1",
+    "@rsbuild/plugin-less": "~1.2.1",
     "@rsbuild/plugin-react": "~1.1.1",
-    "@rsbuild/plugin-sass": "~1.2.2",
+    "@rsbuild/plugin-sass": "~1.3.1",
     "@rsbuild/plugin-solid": "~1.0.5",
     "lodash": "4.17.21",
     "qrcode.react": "^4.2.0",
-    "@rspress/theme-default": "2.0.0-alpha.6",
-    "@rspress/shared": "2.0.0-alpha.6"
+    "@rspress/shared": "2.0.0-alpha.8",
+    "@rspress/theme-default": "2.0.0-alpha.8"
   },
   "devDependencies": {
-    "@rslib/core": "0.5.5",
+    "@rslib/core": "0.6.0",
     "@types/lodash": "^4.17.16",
     "@types/mdast": "^3.0.15",
     "@types/node": "^18.11.17",
-    "@types/react": "^18.3.19",
+    "@types/react": "^18.3.20",
     "@types/react-dom": "^18.3.5",
     "mdast-util-mdx-jsx": "^2.1.4",
     "mdast-util-mdxjs-esm": "^1.3.1",
@@ -45,7 +45,7 @@
     "unist-util-visit": "^4.1.2"
   },
   "peerDependencies": {
-    "@rspress/core": "^2.0.0-alpha.6",
+    "@rspress/core": "^2.0.0-alpha.8",
     "react": ">=17.0.0",
     "react-router-dom": "^6.8.1"
   },

package/static/global-components/Device.tsx

@@ -1,4 +1,9 @@
-import { NoSSR, usePageData, withBase } from '@rspress/core/runtime';
+import {
+  NoSSR,
+  usePageData,
+  useWindowSize,
+  withBase,
+} from '@rspress/core/runtime';
 import { useCallback, useEffect, useState } from 'react';
 // @ts-ignore
 import { normalizeId } from '../../dist/utils';
@@ -22,10 +27,8 @@ export default () => {
     // Do nothing in ssr
     return '';
   };
-  const initialInnerWidth =
-    typeof window !== 'undefined' ? window.innerWidth : 0;
   const [asideWidth, setAsideWidth] = useState('0px');
-  const [innerWidth, setInnerWidth] = useState(initialInnerWidth);
+  const { width: innerWidth } = useWindowSize();
   const [iframeKey, setIframeKey] = useState(0);
   const refresh = useCallback(() => {
     setIframeKey(Math.random());
@@ -40,11 +43,6 @@ export default () => {
         getComputedStyle(root).getPropertyValue('--rp-aside-width');
       setAsideWidth(defaultAsideWidth);
     }
-    const handleResize = () => {
-      setInnerWidth(window.innerWidth);
-    };
-    window.addEventListener('resize', handleResize);
-    return () => window.removeEventListener('resize', handleResize);
   }, []);
 
   useEffect(() => {