Break up plugin (#10)

Author: ScriptedAlchemy

.github/workflows/e2e-tests.yml

@@ -0,0 +1,48 @@
+name: E2E Tests
+
+on:
+  push:
+    branches: [ main ]
+  pull_request:
+    branches: [ main ]
+
+jobs:
+  e2e-tests:
+    runs-on: ubuntu-latest
+    
+    steps:
+      - uses: actions/checkout@v4
+      
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version-file: '.nvmrc'
+          
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v2
+        with:
+          version: 9.15.3
+          run_install: false
+          
+      - name: Get pnpm store directory
+        id: pnpm-cache
+        shell: bash
+        run: |
+          echo "STORE_PATH=$(pnpm store path)" >> $GITHUB_OUTPUT
+          
+      - uses: actions/cache@v3
+        name: Setup pnpm cache
+        with:
+          path: ${{ steps.pnpm-cache.outputs.STORE_PATH }}
+          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+          restore-keys: |
+            ${{ runner.os }}-pnpm-store-
+      
+      - name: Install dependencies
+        run: pnpm install
+        
+      - name: Install Playwright browsers
+        run: npx playwright install --with-deps chromium
+        
+      - name: Run E2E tests
+        run: pnpm e2e 

package.json

@@ -33,12 +33,15 @@
   ],
   "scripts": {
     "build": "rslib build",
+    "e2e": "pnpm build && cd examples/default-template; pnpm test:e2e",
     "dev": "rslib build --watch",
     "test": "vitest run",
     "test:watch": "vitest watch",
     "test:coverage": "vitest run --coverage",
     "test:core": "vitest run -c ./vitest.config.ts",
-    "test:core:watch": "vitest watch -c ./vitest.config.ts"
+    "test:core:watch": "vitest watch -c ./vitest.config.ts",
+    "format": "prettier --write \"src/**/*.{js,jsx,ts,tsx}\"",
+    "format:check": "prettier --check \"src/**/*.{js,jsx,ts,tsx}\""
   },
   "dependencies": {
     "@babel/core": "^7.26.3",
@@ -75,6 +78,7 @@
     "@types/react-dom": "^19.0.1",
     "jiti": "^2.4.1",
     "playwright": "^1.50.1",
+    "prettier": "3.4.2",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "react-router": "^7.4.0",

pnpm-lock.yaml

@@ -1,5 +1,14 @@
 export const PLUGIN_NAME = 'rsbuild:react-router';
 
+export const JS_EXTENSIONS = ['.tsx', '.ts', '.jsx', '.js', '.mjs'] as const;
+
+export const JS_LOADERS = {
+  '.ts': 'ts',
+  '.tsx': 'tsx',
+  '.js': 'js',
+  '.jsx': 'jsx',
+} as const;
+
 export const SERVER_ONLY_ROUTE_EXPORTS = [
   'loader',
   'action',
@@ -41,4 +50,4 @@ export const CLIENT_EXPORTS = {
   links: 'links',
   meta: 'meta',
   shouldRevalidate: 'shouldRevalidate',
-} as const;
+} as const;

src/constants.ts

@@ -8,11 +8,13 @@ export type DevServerMiddleware = (
 ) => Promise<void>;
 
 export const createDevServerMiddleware = (server: any): DevServerMiddleware => {
-  return async (req: IncomingMessage, res: ServerResponse, next: (err?: any) => void): Promise<void> => {
+  return async (
+    req: IncomingMessage,
+    res: ServerResponse,
+    next: (err?: any) => void
+  ): Promise<void> => {
     try {
-      const bundle = (await server.environments.node.loadBundle(
-        'app',
-      ));
+      const bundle = await server.environments.node.loadBundle('app');
 
       if (!bundle || !bundle.routes) {
         throw new Error('Server bundle not found or invalid');