feat(wasm-utxo-ui): replace utxolib with wasm-utxo address functions

Replace utxolib dependency with address utilities from @bitgo/wasm-utxo,
simplifying the UI module by removing external dependency. Update address
generation to use fromOutputScriptWithCoin instead of fromOutputScript.

Co-authored-by: llm-git <[email protected]>

Author: OttoAllmendinger

packages/wasm-utxo-ui/package.json

@@ -23,17 +23,11 @@
   },
   "dependencies": {
     "@bitgo/wasm-utxo": "*",
-    "assert": "^2.1.0",
-    "buffer": "^6.0.3",
-    "crypto-browserify": "^3.12.0",
     "fp-ts": "^2.16.8",
     "io-ts": "^2.2.21",
     "io-ts-types": "^0.5.19",
     "monocle-ts": "^2.3.13",
-    "newtype-ts": "^0.3.5",
-    "process": "^0.11.10",
-    "stream-browserify": "^3.0.0",
-    "vm-browserify": "^1.1.2"
+    "newtype-ts": "^0.3.5"
   },
   "devDependencies": {
     "css-loader": "^7.1.2",

packages/wasm-utxo-ui/src/index.ts

@@ -1,5 +1,4 @@
-import * as utxolib from "@bitgo/utxo-lib";
-import { Descriptor, Miniscript, ScriptContext } from "@bitgo/wasm-utxo";
+import { address, CoinName, Descriptor, Miniscript, ScriptContext } from "@bitgo/wasm-utxo";
 
 import "./style.css";
 
@@ -33,8 +32,8 @@ const elDescriptorAst = getElement("output-descriptor-ast", HTMLDivElement);
 const elMiniscriptAst = getElement("output-miniscript-ast", HTMLDivElement);
 const elStatus = getElement("status", HTMLElement);
 
-function toAddress(scriptPubkeyBytes: Uint8Array, network: utxolib.Network) {
-  return utxolib.address.fromOutputScript(Buffer.from(scriptPubkeyBytes), network);
+function toAddress(scriptPubkeyBytes: Uint8Array, coin: CoinName) {
+  return address.fromOutputScriptWithCoin(scriptPubkeyBytes, coin);
 }
 
 function setHtmlContent(el: HTMLElement, content: HTMLElement | undefined) {
@@ -137,7 +136,7 @@ function applyUpdateWith(
   if (scriptPubkeyBytes) {
     elScriptPubkeyBytes.value = toHex(scriptPubkeyBytes);
     try {
-      elAddress.value = toAddress(scriptPubkeyBytes, utxolib.networks.bitcoin);
+      elAddress.value = toAddress(scriptPubkeyBytes, "btc");
     } catch (e: any) {
       elAddress.value = `error: ${e.message}`;
     }

packages/wasm-utxo-ui/webpack.config.js

@@ -1,5 +1,4 @@
 const path = require("path");
-const webpack = require("webpack");
 const HtmlWebpackPlugin = require("html-webpack-plugin");
 
 module.exports = {
@@ -23,13 +22,6 @@ module.exports = {
   },
   resolve: {
     extensions: [".ts", ".js"],
-    fallback: {
-      buffer: require.resolve("buffer/"),
-      assert: require.resolve("assert/"),
-      stream: require.resolve("stream-browserify"),
-      crypto: require.resolve("crypto-browserify"),
-      vm: require.resolve("vm-browserify"),
-    },
   },
   output: {
     filename: "bundle.js",
@@ -39,10 +31,6 @@ module.exports = {
     new HtmlWebpackPlugin({
       template: "./src/index.html",
     }),
-    new webpack.ProvidePlugin({
-      Buffer: ["buffer", "Buffer"],
-      process: "process/browser",
-    }),
   ],
   mode: "development",
   experiments: {