@rspress/runtime 2.0.0-rc.1 → 2.0.0-rc.2

package/dist/hooks/useWindowSize.js

@@ -1,19 +1,28 @@
 import { useLayoutEffect, useState } from "react";
+const RESIZE_DEBOUNCE_MS = 150;
 function useWindowSize(initialWidth, initialHeight) {
     const [size, setSize] = useState({
         width: initialWidth ?? 1 / 0,
         height: initialHeight ?? 1 / 0
     });
     useLayoutEffect(()=>{
+        let timeoutId = null;
         const handleResize = ()=>{
-            setSize({
-                width: window.innerWidth,
-                height: window.innerHeight
-            });
+            if (timeoutId) clearTimeout(timeoutId);
+            timeoutId = setTimeout(()=>{
+                setSize({
+                    width: window.innerWidth,
+                    height: window.innerHeight
+                });
+            }, RESIZE_DEBOUNCE_MS);
         };
-        handleResize();
+        setSize({
+            width: window.innerWidth,
+            height: window.innerHeight
+        });
         window.addEventListener('resize', handleResize);
         return ()=>{
+            if (timeoutId) clearTimeout(timeoutId);
             window.removeEventListener('resize', handleResize);
         };
     }, []);

package/dist/hooks/useWindowSize.test.js

@@ -0,0 +1,36 @@
+import { readFileSync } from "node:fs";
+import { join } from "node:path";
+import { describe, expect, it } from "vitest";
+describe('useWindowSize', ()=>{
+    it('should have debounce implementation with RESIZE_DEBOUNCE_MS constant', ()=>{
+        const filePath = join(__dirname, 'useWindowSize.ts');
+        const fileContent = readFileSync(filePath, 'utf-8');
+        expect(fileContent).toContain('const RESIZE_DEBOUNCE_MS = 150');
+        expect(fileContent).toContain('setTimeout');
+        expect(fileContent).toContain('RESIZE_DEBOUNCE_MS');
+    });
+    it('should clear timeout with conditional check', ()=>{
+        const filePath = join(__dirname, 'useWindowSize.ts');
+        const fileContent = readFileSync(filePath, 'utf-8');
+        expect(fileContent).toContain('if (timeoutId) clearTimeout(timeoutId)');
+        expect(fileContent).not.toContain('clearTimeout(timeoutId!)');
+    });
+    it('should register and cleanup resize event listener', ()=>{
+        const filePath = join(__dirname, 'useWindowSize.ts');
+        const fileContent = readFileSync(filePath, 'utf-8');
+        expect(fileContent).toContain("addEventListener('resize'");
+        expect(fileContent).toContain("removeEventListener('resize'");
+    });
+    it('should set initial size immediately', ()=>{
+        const filePath = join(__dirname, 'useWindowSize.ts');
+        const fileContent = readFileSync(filePath, 'utf-8');
+        const setStateMatch = fileContent.match(/setSize\(\{[^}]+\}\)/g);
+        expect(setStateMatch).toBeTruthy();
+        expect(setStateMatch?.length).toBeGreaterThanOrEqual(2);
+    });
+    it('should export useWindowSize function', async ()=>{
+        const module = await import("./useWindowSize.js");
+        expect(module.useWindowSize).toBeDefined();
+        expect(typeof module.useWindowSize).toBe('function');
+    });
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rspress/runtime",
-  "version": "2.0.0-rc.1",
+  "version": "2.0.0-rc.2",
   "description": "The Runtime of Rspress Documentation Framework",
   "bugs": "https://github.com/web-infra-dev/rspress/issues",
   "repository": {
@@ -20,29 +20,23 @@
     ".": {
       "types": "./dist/index.d.ts",
       "default": "./dist/index.js"
-    },
-    "./server": {
-      "types": "./server.d.ts",
-      "default": "./server.js"
     }
   },
   "types": "./dist/index.d.ts",
   "files": [
-    "dist",
-    "server.js",
-    "server.d.ts"
+    "dist"
   ],
   "dependencies": {
     "@unhead/react": "^2.0.19",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0",
-    "react-router-dom": "^6.30.2",
-    "@rspress/shared": "2.0.0-rc.1"
+    "react": "^19.2.1",
+    "react-dom": "^19.2.1",
+    "react-router-dom": "^7.10.1",
+    "@rspress/shared": "2.0.0-rc.2"
   },
   "devDependencies": {
     "@rsbuild/plugin-react": "~1.4.2",
-    "@rslib/core": "0.17.2",
-    "@types/react": "^19.2.5",
+    "@rslib/core": "0.18.3",
+    "@types/react": "^19.2.7",
     "@types/react-dom": "^19.2.3",
     "rsbuild-plugin-publint": "^0.3.3",
     "typescript": "^5.8.2",

package/server.d.ts

@@ -1,2 +0,0 @@
-export { StaticRouter } from 'react-router-dom/server';
-export { matchPath } from 'react-router-dom';

package/server.js

@@ -1,2 +0,0 @@
-export { matchPath } from 'react-router-dom';
-export { StaticRouter } from 'react-router-dom/server.mjs';