add util polyfill

[mpetrunic]

Description

Please include a summary of the changes and be sure to follow our Contribution Guidelines.

Fixes #6146

Type of change

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)

Checklist:

• I have selected the correct base branch.
• I have performed a self-review of my own code.
• I have commented my code, particularly in hard-to-understand areas.
• I have made corresponding changes to the documentation.
• My changes generate no new warnings.
• Any dependent changes have been merged and published in downstream modules.
• I ran npm run lint with success and extended the tests and types if necessary.
• I ran npm run test:unit with success.
• I ran npm run test:coverage and my test cases cover all the lines and branches of the added code.
• I ran npm run build and tested dist/web3.min.js in a browser.
• I have tested my code on the live network.
• I have checked the Deploy Preview and it looks correct.
• I have updated the CHANGELOG.md file in the root folder.
• I have linked Issue(s) with this PR in "Linked Issues" menu.

[cloudflare-pages]

Deploying with    Cloudflare Pages

Latest commit:	d2d1a8b
Status:	✅  Deploy successful!
Preview URL:	https://290463ad.web3-js-docs.pages.dev
Branch Preview URL:	https://add-missing-polyfill.web3-js-docs.pages.dev

View logs

[github-actions]

Bundle Stats

Hey there, this message comes from a github action that helps you and reviewers to understand how these changes affect the size of this project's bundle.

As this PR is updated, I'll keep you updated on how the bundle size is impacted.

Total

Asset	Old size	New size	Diff	Diff %
Total	638 KB	638 KB	0	0.00%

View detailed bundle breakdown

Added

No assets were added

Removed

No assets were removed

Bigger

No assets were bigger

Smaller

No assets were smaller

Unchanged

Asset	Old size	New size	Diff	Diff %
web3.min.js	621 KB	621 KB	0	0.00%
../lib/commonjs/index.d.ts	8.44 KB	8.44 KB	0	0.00%
../lib/commonjs/accounts.d.ts	3.67 KB	3.67 KB	0	0.00%
../lib/commonjs/types.d.ts	2.37 KB	2.37 KB	0	0.00%
../lib/commonjs/abi.d.ts	1000 bytes	1000 bytes	0	0.00%
../lib/commonjs/web3.d.ts	811 bytes	811 bytes	0	0.00%
../lib/commonjs/eth.exports.d.ts	280 bytes	280 bytes	0	0.00%
../lib/commonjs/providers.exports.d.ts	148 bytes	148 bytes	0	0.00%
../lib/commonjs/version.d.ts	60 bytes	60 bytes	0	0.00%

[codecov]

Codecov Report

Merging #6150 (d2d1a8b) into 4.x (45edf3d) will not change coverage.
The diff coverage is n/a.

Additional details and impacted files

@@           Coverage Diff           @@
##              4.x    #6150   +/-   ##
=======================================
  Coverage   87.37%   87.37%           
=======================================
  Files         197      197           
  Lines        7548     7548           
  Branches     2059     2059           
=======================================
  Hits         6595     6595           
  Misses        953      953           

Flag	Coverage Δ
UnitTests	87.37% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

Components	Coverage Δ
web3	∅ <ø> (∅)
web3-core	∅ <ø> (∅)
web3-errors	∅ <ø> (∅)
web3-eth	∅ <ø> (∅)
web3-eth-abi	∅ <ø> (∅)
web3-eth-accounts	∅ <ø> (∅)
web3-eth-contract	∅ <ø> (∅)
web3-eth-ens	∅ <ø> (∅)
web3-eth-iban	∅ <ø> (∅)
web3-eth-personal	∅ <ø> (∅)
web3-net	∅ <ø> (∅)
web3-providers-http	∅ <ø> (∅)
web3-providers-ipc	∅ <ø> (∅)
web3-providers-ws	∅ <ø> (∅)
web3-rpc-methods	∅ <ø> (∅)
web3-utils	∅ <ø> (∅)
web3-validator	∅ <ø> (∅)

[luu-alex]

Can you double check if this fixs the polyfill problem? I'm still getting the error building with angular.

Although seems like CRA builds work fine on 4.x main branch, not sure why.

[mpetrunic]

Can you double check if this fixs the polyfill problem? I'm still getting the error building with angular.

Although seems like CRA builds work fine on 4.x main branch, not sure why.

I tried it with CRA and it worked. Could you paste angular error and link to repo with angular repo?

[luu-alex]

https://github.com/luu-alex/angular-web3/tree/main
yarn link add web3
ng serve

Uncaught ReferenceError: process is not defined
    at 9300 (util.js:109:1)
    at __webpack_require__ (bootstrap:19:1)
    at 3653 (index.js:1:12)
    at __webpack_require__ (bootstrap:19:1)
    at 2242 (index.js:2:14)
    at __webpack_require__ (bootstrap:19:1)
    at 630 (topic.ts:43:8)
    at __webpack_require__ (bootstrap:19:1)
    at 5788 (validator.ts:26:23)
    at __webpack_require__ (bootstrap:19:1)

[jdevcs]

https://github.com/luu-alex/angular-web3/tree/main yarn link add web3 ng serve

Uncaught ReferenceError: process is not defined
    at 9300 (util.js:109:1)
    at __webpack_require__ (bootstrap:19:1)
    at 3653 (index.js:1:12)
    at __webpack_require__ (bootstrap:19:1)
    at 2242 (index.js:2:14)
    at __webpack_require__ (bootstrap:19:1)
    at 630 (topic.ts:43:8)
    at __webpack_require__ (bootstrap:19:1)
    at 5788 (validator.ts:26:23)
    at __webpack_require__ (bootstrap:19:1)

For end users few options are, users adding explicitly in polyfills.ts :

(window as any).process = {
  env: { DEBUG: undefined },
};

or

yarn add process
and after that adding explicitly in polyfills.ts :

import * as process from 'process';
window['process'] = process;

[mpetrunic]

yarn link add web3

There is no way around it except for #6156