Fix turbopack config to use browser/default structure for client/server detection

Author: remorses

server-actions-for-next-pages/CHANGELOG.md

@@ -1,5 +1,13 @@
 # server-actions-for-next-pages
 
+## 1.5.12
+
+### Patch Changes
+
+- Fix turbopack configuration to use proper browser/default structure for client/server detection
+- Cannot detect build context inside Turbopack loaders (this.target is undefined), must use config-level conditions
+- Restore browser/default loaders with correct isServer: false/true options
+
 ## 1.5.11
 
 ### Patch Changes

server-actions-for-next-pages/package.json

@@ -1,6 +1,6 @@
 {
   "name": "server-actions-for-next-pages",
-  "version": "1.5.11",
+  "version": "1.5.12",
   "description": "Use Next.js server actions in your pages directory",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

server-actions-for-next-pages/src/index.ts

@@ -107,30 +107,31 @@ function applyTurbopackOptions(nextConfig: NextConfig): void {
   const rules = (nextConfig as any).turbopack.rules;
 
   const pagesDir = findPagesDir(process.cwd());
-
   const basePath = (nextConfig.basePath as string) || '/';
+  const loaderPath = require.resolve('../dist/turbopackLoader');
 
   const glob = '{./src/pages,./pages/}/**/*.{ts,tsx,js,jsx}';
-  rules[glob] ??= {};
   const options: RpcPluginOptions = {
     isServer: false,
     pagesDir,
     isAppDir: false,
     basePath,
   };
+
+  rules[glob] ??= {};
   const globbed: any = rules[glob];
   globbed.browser ??= {};
   globbed.browser.as = '*.tsx';
   globbed.browser.loaders ??= [];
   globbed.browser.loaders.push({
-    loader: require.resolve('../dist/turbopackLoader'),
+    loader: loaderPath,
     options: { ...options, isServer: false },
   });
   globbed.default ??= {};
   globbed.default.as = '*.tsx';
   globbed.default.loaders ??= [];
   globbed.default.loaders.push({
-    loader: require.resolve('../dist/turbopackLoader'),
+    loader: loaderPath,
     options: { ...options, isServer: true },
   });
 }