support ESM builds (#6131)

* update files to support es6 imports

* add js to file extensions

* remove stats

* adding js for relative paths

* update configs

* update relative links to js

* update extensionalias to accept .js relative paths

* allow relative js imports

* update

* test other tests

* remove running on prs

* remove artifacts from esm build

* update build

* update flow

* revert build -esm

Author: Alex

.eslintrc.js

@@ -11,4 +11,9 @@ module.exports = {
 		sourceType: 'module',
 	},
 	extends: ['web3-base/ts'],
+	settings: {
+		'import/resolver': {
+			typescript: {}, // this loads tsconfig.json to eslint
+		},
+	},
 };

.github/workflows/build.yml

@@ -31,8 +31,8 @@ jobs:
         with:
           name: web3-${{ matrix.node }}.js.tar.gz
           path: /tmp/web3-${{ matrix.node }}.js.tar.gz
-  build-esm-types:
-      name: Build ESM & Types
+  build-esm:
+      name: Build ESM
       needs: build
       runs-on: ubuntu-latest
       strategy:
@@ -48,6 +48,22 @@ jobs:
                 path: /tmp
           -   run: tar -xf /tmp/web3-${{ matrix.node }}.js.tar.gz -C ./
           -   run: yarn build:esm
+  build-types:
+      name: Build Types
+      needs: build
+      runs-on: ubuntu-latest
+      strategy:
+          matrix:
+              node: [ 18, 16 ]
+      steps:
+          -   uses: actions/setup-node@v3
+              with:
+                node-version: ${{ matrix.node }}
+          -   uses: actions/download-artifact@v3
+              with:
+                name: web3-${{ matrix.node }}.js.tar.gz
+                path: /tmp
+          -   run: tar -xf /tmp/web3-${{ matrix.node }}.js.tar.gz -C ./
           -   run: yarn build:types
   lint:
       name: Lint

CHANGELOG.md

@@ -1488,6 +1488,7 @@ should use 4.0.1-alpha.0 for testing.
 #### web3-eth-accounts
 
 -   Fixed ESM import bugs reported in (#6032) and (#6034)
+-   ESM projects will not need to run --experimental-specifier-resolution=node (#6127)
 
 ### Changed
 

package.json

@@ -106,6 +106,7 @@
 		"cypress-jest-adapter": "^0.1.1",
 		"declaration-bundler-webpack-plugin": "^1.0.3",
 		"eslint": "^8.20.0",
+		"eslint-import-resolver-typescript": "^3.5.5",
 		"http-browserify": "^1.7.0",
 		"https-browserify": "^1.0.0",
 		"husky": "^8.0.1",

packages/web3-core/src/index.ts

@@ -15,17 +15,17 @@ You should have received a copy of the GNU Lesser General Public License
 along with web3.js.  If not, see <http://www.gnu.org/licenses/>.
 */
 
-export * from './web3_config';
-export * from './web3_request_manager';
-export * from './web3_subscription_manager';
-export * from './web3_subscriptions';
-export * from './web3_context';
-export * from './web3_batch_request';
-export * from './utils';
-export * from './types';
-export * from './formatters';
-export * from './web3_promi_event';
-export * from './web3_event_emitter';
+export * from './web3_config.js';
+export * from './web3_request_manager.js';
+export * from './web3_subscription_manager.js';
+export * from './web3_subscriptions.js';
+export * from './web3_context.js';
+export * from './web3_batch_request.js';
+export * from './utils.js';
+export * from './types.js';
+export * from './formatters.js';
+export * from './web3_promi_event.js';
+export * from './web3_event_emitter.js';
 
 // For backward usability export as namespace
-export * as formatters from './formatters';
+export * as formatters from './formatters.js';

packages/web3-core/src/web3_batch_request.ts

@@ -18,7 +18,7 @@ along with web3.js.  If not, see <http://www.gnu.org/licenses/>.
 import { JsonRpcBatchResponse, JsonRpcOptionalRequest, JsonRpcRequest } from 'web3-types';
 import { jsonRpc, Web3DeferredPromise } from 'web3-utils';
 import { OperationAbortError, OperationTimeoutError, ResponseError } from 'web3-errors';
-import { Web3RequestManager } from './web3_request_manager';
+import { Web3RequestManager } from './web3_request_manager.js';
 
 export const DEFAULT_BATCH_REQUEST_TIMEOUT = 1000;
 

packages/web3-core/src/web3_config.ts

@@ -18,10 +18,10 @@ along with web3.js.  If not, see <http://www.gnu.org/licenses/>.
 import { Numbers, HexString, BlockNumberOrTag, Common } from 'web3-types';
 import { ConfigHardforkMismatchError, ConfigChainMismatchError } from 'web3-errors';
 import { isNullish, toHex } from 'web3-utils';
-import { TransactionTypeParser } from './types';
+import { TransactionTypeParser } from './types.js';
 // eslint-disable-next-line import/no-cycle
-import { TransactionBuilder } from './web3_context';
-import { Web3EventEmitter } from './web3_event_emitter';
+import { TransactionBuilder } from './web3_context.js';
+import { Web3EventEmitter } from './web3_event_emitter.js';
 
 // To avoid cycle dependency declare this
 export interface Web3ConfigOptions {

packages/web3-core/src/web3_context.ts

@@ -29,13 +29,13 @@ import {
 import { isNullish } from 'web3-utils';
 import { ExistingPluginNamespaceError } from 'web3-errors';
 
-import { isSupportedProvider } from './utils';
+import { isSupportedProvider } from './utils.js';
 // eslint-disable-next-line import/no-cycle
-import { Web3Config, Web3ConfigEvent, Web3ConfigOptions } from './web3_config';
-import { Web3RequestManager } from './web3_request_manager';
-import { Web3SubscriptionConstructor } from './web3_subscriptions';
-import { Web3SubscriptionManager } from './web3_subscription_manager';
-import { Web3BatchRequest } from './web3_batch_request';
+import { Web3Config, Web3ConfigEvent, Web3ConfigOptions } from './web3_config.js';
+import { Web3RequestManager } from './web3_request_manager.js';
+import { Web3SubscriptionConstructor } from './web3_subscriptions.js';
+import { Web3SubscriptionManager } from './web3_subscription_manager.js';
+import { Web3BatchRequest } from './web3_batch_request.js';
 
 // To avoid circular dependencies, we need to export type from here.
 export type Web3ContextObject<

packages/web3-core/src/web3_promi_event.ts

@@ -20,7 +20,7 @@ import {
 	Web3EventEmitter,
 	Web3EventKey,
 	Web3EventMap,
-} from './web3_event_emitter';
+} from './web3_event_emitter.js';
 
 export type PromiseExecutor<T> = (
 	resolve: (data: T) => void,

packages/web3-core/src/web3_request_manager.ts

@@ -50,8 +50,8 @@ import {
 	isLegacySendAsyncProvider,
 	isLegacySendProvider,
 	isWeb3Provider,
-} from './utils';
-import { Web3EventEmitter } from './web3_event_emitter';
+} from './utils.js';
+import { Web3EventEmitter } from './web3_event_emitter.js';
 
 export enum Web3RequestManagerEvent {
 	PROVIDER_CHANGED = 'PROVIDER_CHANGED',