Fix web-grpc connecting for webpack

Author: palas

cardano-wasm/npm-wrapper/package.json

@@ -54,7 +54,8 @@
     "@rollup/plugin-commonjs": "^28.0.6",
     "@rollup/plugin-node-resolve": "^16.0.1",
     "rollup": "^4.52.3",
-    "rollup-plugin-copy": "^3.5.0"
+    "rollup-plugin-copy": "^3.5.0",
+    "rollup-plugin-string": "^3.0.0"
   },
   "jest": {
     "testEnvironment": "node"

cardano-wasm/npm-wrapper/rollup.config.js

@@ -1,11 +1,15 @@
 import resolve from '@rollup/plugin-node-resolve';
 import commonjs from '@rollup/plugin-commonjs';
 import copy from 'rollup-plugin-copy';
+import { string } from 'rollup-plugin-string';
 
 const isProduction = process.env.NODE_ENV === 'production';
 
 const plugins = [
   resolve({ browser: true }),
+  string({
+    include: '**/cardano_node_grpc_web_pb.js',
+  }),
   commonjs(),
 ];
 

cardano-wasm/npm-wrapper/src/browser.js

@@ -1,6 +1,11 @@
 import { createInitializer } from './main.js';
 import { WASI } from '@bjorn3/browser_wasi_shim';
 import wasmUrl from './cardano-wasm.wasm';
+import grpcWebScript from './cardano_node_grpc_web_pb.js';
+
+const script = document.createElement('script');
+script.textContent = grpcWebScript;
+document.head.appendChild(script);
 
 const getWasiInstance = async () => {
     return new WASI([], [], []);