Fix for vite plugin crypto exports not defined when deployed

art-by-city · Aug 21, 2024 · 1b8b656 · 1b8b656
1 parent 24ad973
commit 1b8b656
Show file tree

Hide file tree

Showing 4 changed files with 87 additions and 1 deletion.
diff --git a/nuxt.config.ts b/nuxt.config.ts
@@ -1,4 +1,5 @@
 import { nodePolyfills } from 'vite-plugin-node-polyfills'
+import { replaceCodePlugin } from './plugins/vite-plugin-replace'
 
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
@@ -48,7 +49,24 @@ export default defineNuxtConfig({
     define: {
       'process.env.DEBUG': false,
     },
-    plugins: [ nodePolyfills() ]
+    plugins: [
+      nodePolyfills(),
+      replaceCodePlugin({
+        replacements: [
+          {
+            from: `if ((crypto && crypto.getRandomValues) || !process.browser) {
+  exports.randomFill = randomFill
+  exports.randomFillSync = randomFillSync
+} else {
+  exports.randomFill = oldBrowser
+  exports.randomFillSync = oldBrowser
+}`,
+            to: `exports.randomFill = randomFill
+exports.randomFillSync = randomFillSync`,
+          }
+        ]
+      })
+    ]
   },
 
   /**

diff --git a/plugins/vite-plugin-replace/index.d.ts b/plugins/vite-plugin-replace/index.d.ts
@@ -0,0 +1,14 @@
+import type { Plugin } from 'vite'
+
+interface ViteReplacement {
+  from: string | RegExp
+  to: string | Function
+}
+
+export interface VitePluginReplaceConfig {
+  replacements: ViteReplacement[]
+}
+
+export declare function replaceCodePlugin(
+  config: VitePluginReplaceConfig
+): Plugin
diff --git a/plugins/vite-plugin-replace/index.js b/plugins/vite-plugin-replace/index.js
diff --git a/plugins/vite-plugin-replace/index.js.map b/plugins/vite-plugin-replace/index.js.map