first commit

2026-03-10 19:37:31 +03:30
commit 61f56f997c
27684 changed files with 2784175 additions and 0 deletions
--- a/test/e2e/app-dir/rsc-webpack-loader/app/layout.js
+++ b/test/e2e/app-dir/rsc-webpack-loader/app/layout.js
@@ -0,0 +1,12 @@
+import React from 'react'
+
+export default function AppLayout({ children }) {
+  return (
+    <html>
+      <head>
+        <title>RSC</title>
+      </head>
+      <body>{children}</body>
+    </html>
+  )
+}
--- a/test/e2e/app-dir/rsc-webpack-loader/app/loader-rule/a.txt
+++ b/test/e2e/app-dir/rsc-webpack-loader/app/loader-rule/a.txt
@@ -0,0 +1,3 @@
+.red {
+  color: red;
+}
--- a/test/e2e/app-dir/rsc-webpack-loader/app/loader-rule/page.js
+++ b/test/e2e/app-dir/rsc-webpack-loader/app/loader-rule/page.js
@@ -0,0 +1,11 @@
+'use client'
+
+import styles from './a.module.css!=!./a.txt'
+
+export default function Home() {
+  return (
+    <div id="red" className={styles.red}>
+      Red
+    </div>
+  )
+}
--- a/test/e2e/app-dir/rsc-webpack-loader/next.config.js
+++ b/test/e2e/app-dir/rsc-webpack-loader/next.config.js
@@ -0,0 +1,17 @@
+module.exports = {
+  reactStrictMode: true,
+  onDemandEntries: {
+    maxInactiveAge: 1000 * 60 * 60,
+  },
+  serverExternalPackages: ['conditional-exports-optout'],
+  rewrites: async () => {
+    return {
+      afterFiles: [
+        {
+          source: '/rewritten-to-edge-dynamic',
+          destination: '/edge/dynamic',
+        },
+      ],
+    }
+  },
+}
--- a/test/e2e/app-dir/rsc-webpack-loader/rsc-webpack-loader.test.ts
+++ b/test/e2e/app-dir/rsc-webpack-loader/rsc-webpack-loader.test.ts
@@ -0,0 +1,33 @@
+import { nextTestSetup } from 'e2e-utils'
+
+// Skip as Turbopack doesn't support the `!=!` Webpack syntax
+;(process.env.IS_TURBOPACK_TEST ? describe.skip : describe)(
+  'app dir - rsc webpack loader',
+  () => {
+    const { next } = nextTestSetup({
+      files: __dirname,
+      dependencies: {
+        // TODO: Temporarily pinned due to https://github.com/styled-components/styled-components/issues/5667
+        // which is breaking deployment tests
+        'styled-components': '6.3.9',
+        'server-only': 'latest',
+      },
+      resolutions: {
+        '@babel/core': '7.22.18',
+        '@babel/parser': '7.22.16',
+        '@babel/types': '7.22.17',
+        '@babel/traverse': '7.22.18',
+      },
+    })
+
+    it('should support webpack loader rules', async () => {
+      const browser = await next.browser('/loader-rule')
+
+      expect(
+        await browser.eval(
+          `window.getComputedStyle(document.querySelector('#red')).color`
+        )
+      ).toBe('rgb(255, 0, 0)')
+    })
+  }
+)