refactor(sdk): force browser compatibility

sdk/package.json

@@ -13,6 +13,7 @@
 	"scripts": {
 		"lint": "eslint './**/*.{ts,tsx}' --quiet",
 		"build": "yarn clean && tsc -p tsconfig.json && tsc -p tsconfig.browser.json && node scripts/postbuild.js",
+		"build:browser": "yarn clean && tsc -p tsconfig.json && tsc -p tsconfig.browser.json && node scripts/post-browser-build.js",
 		"clean": "rm -rf lib",
 		"test": "mocha -r ts-node/register tests/**/*.ts",
 		"test:inspect": "mocha --inspect-brk -r ts-node/register tests/**/*.ts",
@@ -87,4 +88,4 @@
 		"@solana/errors": "2.0.0-preview.4",
 		"@solana/codecs-data-structures": "2.0.0-preview.4"
 	}
-}
+}

sdk/scripts/post-browser-build.js

@@ -0,0 +1,67 @@
+// README
+// This script is used to ensure that all isomorphic packages are browser compatible.
+// Even if the browser build has server code (e.g. NextJS APIs), they will import the browser compatible versions of the isomorphic packages.
+
+// scripts/postbuild.js
+const fs = require('fs');
+const path = require('path');
+
+const isomorphicPackages = ['grpc'];
+
+const BROWSER_ENVIRONMENT = 'browser';
+
+const environments = ['node', BROWSER_ENVIRONMENT];
+
+environments.forEach((environment) => {
+	console.log(`Running ${environment} environment postbuild script`);
+	console.log(``);
+
+	isomorphicPackages.forEach((package) => {
+		const isomorphPath = path.join(
+			__dirname,
+			'..',
+			'lib',
+			environment,
+			'isomorphic',
+			package + '.js'
+		);
+
+		const targetPath = path.join(
+			__dirname,
+			'..',
+			'lib',
+			environment,
+			'isomorphic',
+			`${package}.${BROWSER_ENVIRONMENT}.js` // force all isomorphic packages to be browser compatible
+		);
+
+		try {
+			const content = fs.readFileSync(targetPath, 'utf8');
+			fs.writeFileSync(isomorphPath, content);
+		} catch (error) {
+			console.error(
+				`Error processing isomophic package : ${package} :: ${error.message}`
+			);
+		}
+
+		// Delete other environment files for safety
+		environments.forEach((otherEnvironment) => {
+			if (otherEnvironment === environment) {
+				return;
+			}
+
+			const otherTargetPath = path.join(
+				__dirname,
+				'..',
+				'lib',
+				environment,
+				'isomorphic',
+				`${package}.${otherEnvironment}.js`
+			);
+
+			if (fs.existsSync(otherTargetPath)) {
+				fs.unlinkSync(otherTargetPath);
+			}
+		});
+	});
+});