Skip to content
This repository was archived by the owner on Mar 11, 2025. It is now read-only.

Commit bee7188

Browse files
authored
fix: Multibuild to esm and commonjs (#183)
* added multibild to esm and commonjs * updated sd:build command * examples adjustet to new sdk build config * added src to npmignore * mirgate to cross-fetch for esm/cjs compatibility * added sideEffect false to package json * fix for cross-node * updated examples
1 parent 89a8cbb commit bee7188

File tree

23 files changed

+365
-463
lines changed

23 files changed

+365
-463
lines changed
-2.03 MB
Binary file not shown.
Lines changed: 33 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -1,22 +1,35 @@
1-
const webpack = require('webpack');
1+
2+
const webpack = require("webpack");
23

34
module.exports = function override(config) {
4-
const fallback = config.resolve.fallback || {};
5-
Object.assign(fallback, {
6-
"crypto": require.resolve("crypto-browserify"),
7-
"stream": require.resolve("stream-browserify"),
8-
"assert": require.resolve("assert"),
9-
"http": require.resolve("stream-http"),
10-
"https": require.resolve("https-browserify"),
11-
"os": require.resolve("os-browserify"),
12-
"url": require.resolve("url")
13-
})
14-
config.resolve.fallback = fallback;
15-
config.plugins = (config.plugins || []).concat([
16-
new webpack.ProvidePlugin({
17-
process: 'process/browser',
18-
Buffer: ['buffer', 'Buffer']
19-
})
20-
])
21-
return config;
22-
}
5+
const fallback = config.resolve.fallback || {};
6+
Object.assign(fallback, {
7+
crypto: require.resolve("crypto-browserify"),
8+
stream: require.resolve("stream-browserify"),
9+
assert: require.resolve("assert"),
10+
http: require.resolve("stream-http"),
11+
https: require.resolve("https-browserify"),
12+
os: require.resolve("os-browserify"),
13+
url: require.resolve("url"),
14+
});
15+
config.resolve.fallback = fallback;
16+
config.plugins = (config.plugins || []).concat([
17+
new webpack.ProvidePlugin({
18+
process: "process/browser",
19+
Buffer: ["buffer", "Buffer"],
20+
}),
21+
]);
22+
config.module.rules = (config.module.rules || []).concat([
23+
{
24+
test: /\.m?js/,
25+
type: "javascript/auto",
26+
},
27+
{
28+
test: /\.m?js/,
29+
resolve: {
30+
fullySpecified: false,
31+
},
32+
},
33+
]);
34+
return config;
35+
};

examples/erc20-react-example/package.json

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -52,6 +52,7 @@
5252
"assert": "^2.0.0",
5353
"buffer": "^6.0.3",
5454
"crypto-browserify": "^3.12.0",
55+
"eslint-config-react-app": "^7.0.1",
5556
"https-browserify": "^1.0.0",
5657
"os-browserify": "^0.3.0",
5758
"process": "^0.11.10",

examples/erc20-react-example/src/App.tsx

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,7 @@ import {
1111
const bridgeSetupList: EvmBridgeSetupList = [
1212
{
1313
domainId: "1",
14+
type: "Ethereum",
1415
networkId: 1337,
1516
name: "Local EVM 1",
1617
decimals: 18,
@@ -37,6 +38,7 @@ const bridgeSetupList: EvmBridgeSetupList = [
3738
},
3839
{
3940
domainId: "2",
41+
type: "Ethereum",
4042
networkId: 1338,
4143
name: "Local EVM 2",
4244
decimals: 18,
Lines changed: 4 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,10 @@
11
import React from "react";
2-
import ReactDOM from "react-dom/client";
2+
import { render } from "react-dom";
33
import App from "./App";
44

5-
const root = ReactDOM.createRoot(
6-
document.getElementById("root") as HTMLElement
7-
);
8-
root.render(
5+
render(
96
<React.StrictMode>
107
<App />
11-
</React.StrictMode>
8+
</React.StrictMode>,
9+
document.getElementById("root")
1210
);
Lines changed: 38 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -1,22 +1,40 @@
1-
const webpack = require('webpack');
1+
const webpack = require("webpack");
22

33
module.exports = function override(config) {
4-
const fallback = config.resolve.fallback || {};
5-
Object.assign(fallback, {
6-
"crypto": require.resolve("crypto-browserify"),
7-
"stream": require.resolve("stream-browserify"),
8-
"assert": require.resolve("assert"),
9-
"http": require.resolve("stream-http"),
10-
"https": require.resolve("https-browserify"),
11-
"os": require.resolve("os-browserify"),
12-
"url": require.resolve("url")
13-
})
14-
config.resolve.fallback = fallback;
15-
config.plugins = (config.plugins || []).concat([
16-
new webpack.ProvidePlugin({
17-
process: 'process/browser',
18-
Buffer: ['buffer', 'Buffer']
19-
})
20-
])
21-
return config;
22-
}
4+
const fallback = config.resolve.fallback || {};
5+
Object.assign(fallback, {
6+
crypto: require.resolve("crypto-browserify"),
7+
stream: require.resolve("stream-browserify"),
8+
assert: require.resolve("assert"),
9+
http: require.resolve("stream-http"),
10+
https: require.resolve("https-browserify"),
11+
os: require.resolve("os-browserify"),
12+
url: require.resolve("url"),
13+
});
14+
config.resolve.fallback = fallback;
15+
config.plugins = (config.plugins || []).concat([
16+
new webpack.ProvidePlugin({
17+
process: "process/browser",
18+
Buffer: ["buffer", "Buffer"],
19+
}),
20+
]);
21+
config.plugins = (config.plugins || []).concat([
22+
new webpack.ProvidePlugin({
23+
process: "process/browser",
24+
Buffer: ["buffer", "Buffer"],
25+
}),
26+
]);
27+
config.module.rules = (config.module.rules || []).concat([
28+
{
29+
test: /\.m?js/,
30+
type: "javascript/auto",
31+
},
32+
{
33+
test: /\.m?js/,
34+
resolve: {
35+
fullySpecified: false,
36+
},
37+
},
38+
]);
39+
return config;
40+
};

examples/erc721-react-example/package.json

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -52,6 +52,7 @@
5252
"assert": "^2.0.0",
5353
"buffer": "^6.0.3",
5454
"crypto-browserify": "^3.12.0",
55+
"eslint-config-react-app": "^7.0.1",
5556
"https-browserify": "^1.0.0",
5657
"os-browserify": "^0.3.0",
5758
"process": "^0.11.10",

examples/erc721-react-example/src/App.tsx

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,7 @@ import {
1010
const bridgeSetupList: EvmBridgeSetupList = [
1111
{
1212
domainId: "1",
13+
type: "Ethereum",
1314
networkId: 1337,
1415
name: "Local EVM 1",
1516
decimals: 18,
@@ -36,6 +37,7 @@ const bridgeSetupList: EvmBridgeSetupList = [
3637
},
3738
{
3839
domainId: "2",
40+
type: "Ethereum",
3941
networkId: 1338,
4042
name: "Local EVM 2",
4143
decimals: 18,
Lines changed: 4 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,10 @@
11
import React from "react";
2-
import ReactDOM from "react-dom/client";
2+
import { render } from "react-dom";
33
import App from "./App";
44

5-
const root = ReactDOM.createRoot(
6-
document.getElementById("root") as HTMLElement
7-
);
8-
root.render(
5+
render(
96
<React.StrictMode>
107
<App />
11-
</React.StrictMode>
8+
</React.StrictMode>,
9+
document.getElementById("root")
1210
);
Lines changed: 38 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -1,22 +1,40 @@
1-
const webpack = require('webpack');
1+
const webpack = require("webpack");
22

33
module.exports = function override(config) {
4-
const fallback = config.resolve.fallback || {};
5-
Object.assign(fallback, {
6-
"crypto": require.resolve("crypto-browserify"),
7-
"stream": require.resolve("stream-browserify"),
8-
"assert": require.resolve("assert"),
9-
"http": require.resolve("stream-http"),
10-
"https": require.resolve("https-browserify"),
11-
"os": require.resolve("os-browserify"),
12-
"url": require.resolve("url")
13-
})
14-
config.resolve.fallback = fallback;
15-
config.plugins = (config.plugins || []).concat([
16-
new webpack.ProvidePlugin({
17-
process: 'process/browser',
18-
Buffer: ['buffer', 'Buffer']
19-
})
20-
])
21-
return config;
22-
}
4+
const fallback = config.resolve.fallback || {};
5+
Object.assign(fallback, {
6+
crypto: require.resolve("crypto-browserify"),
7+
stream: require.resolve("stream-browserify"),
8+
assert: require.resolve("assert"),
9+
http: require.resolve("stream-http"),
10+
https: require.resolve("https-browserify"),
11+
os: require.resolve("os-browserify"),
12+
url: require.resolve("url"),
13+
});
14+
config.resolve.fallback = fallback;
15+
config.plugins = (config.plugins || []).concat([
16+
new webpack.ProvidePlugin({
17+
process: "process/browser",
18+
Buffer: ["buffer", "Buffer"],
19+
}),
20+
]);
21+
config.plugins = (config.plugins || []).concat([
22+
new webpack.ProvidePlugin({
23+
process: "process/browser",
24+
Buffer: ["buffer", "Buffer"],
25+
}),
26+
]);
27+
config.module.rules = (config.module.rules || []).concat([
28+
{
29+
test: /\.m?js/,
30+
type: "javascript/auto",
31+
},
32+
{
33+
test: /\.m?js/,
34+
resolve: {
35+
fullySpecified: false,
36+
},
37+
},
38+
]);
39+
return config;
40+
};

0 commit comments

Comments
 (0)