fix: sodium native missing prebuilds (blitz-js#4276)

* fix: copy sodium native prebuilds to `vender-chunks` and `chunks` using webpack

* Create seven-cheetahs-enjoy.md

.changeset/seven-cheetahs-enjoy.md

@@ -0,0 +1,7 @@
+---
+"@blitzjs/next": patch
+"@blitzjs/rpc": patch
+"blitz": patch
+---
+
+Address missing sodium native prebuilds required to use secure-password during server rendering

packages/blitz-next/package.json

@@ -31,6 +31,7 @@
   "dependencies": {
     "@blitzjs/rpc": "2.0.2",
     "@types/hoist-non-react-statics": "3.3.1",
+    "copy-webpack-plugin": "11.0.0",
     "debug": "4.3.3",
     "fs-extra": "10.0.1",
     "hoist-non-react-statics": "3.3.2",

packages/blitz-next/src/index-server.ts

@@ -38,6 +38,9 @@ import {withSuperJsonProps} from "./superjson"
 import {ParsedUrlQuery} from "querystring"
 import {PreviewData} from "next/types"
 import {resolveHref} from "next/dist/client/resolve-href"
+import fs from "fs"
+import path from "path"
+import CopyPlugin from "copy-webpack-plugin"
 
 export * from "./index-browser"
 
@@ -268,6 +271,27 @@ export function withBlitz(nextConfig: BlitzConfig = {}): NextConfig {
         },
       })
 
+      try {
+        const sodiumNativePath = fs.realpathSync(path.join(require.resolve("sodium-native"), ".."))
+        const dotNextDirectory = `${process.cwd()}/.next`
+        config.plugins.push(
+          new CopyPlugin({
+            patterns: [
+              {
+                //dev
+                from: `${sodiumNativePath}/prebuilds/`,
+                to: `${dotNextDirectory}/server/vendor-chunks/prebuilds/`,
+              },
+              {
+                //prod
+                from: `${sodiumNativePath}/prebuilds/`,
+                to: `${dotNextDirectory}/server/chunks/prebuilds/`,
+              },
+            ],
+          }),
+        )
+      } catch {}
+
       if (typeof nextConfig.webpack === "function") {
         return nextConfig.webpack(config, options)
       }

packages/blitz-rpc/src/index-server.ts

@@ -119,6 +119,7 @@ export interface InstallWebpackConfigOptions {
         [key: string]: boolean | string
       }
     }
+    plugins: any[]
     module: {
       rules: WebpackRule[]
     }