mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-11-30 08:09:15 +01:00
9e2e353a24
We inject `web3` globally on most websites. This has been breaking websites that attempted to serialize the `window` object, because any attempt to access certain `web3` properties (such as `web3.eth.mining`) would throw an error. This is because `web3` defined a getter for these properties that would call `.send([method])`, which doesn't work for most methods. An example of a site that this breaks is `Storybook`, when the `@storybook/addon-actions` addon is being used. When using storybook with this addon and with the MetaMask extension installed, actions would not be properly dispatched because an error would be thrown in the attempt to serialize the event (which includes a reference to the `window`). The `web3` global we inject is now defined as non-enumerable, so it will be skipped automatically in any attempt to serialize the `window` object.
91 lines
2.1 KiB
JavaScript
91 lines
2.1 KiB
JavaScript
/*global Web3*/
|
|
|
|
// need to make sure we aren't affected by overlapping namespaces
|
|
// and that we dont affect the app with our namespace
|
|
// mostly a fix for web3's BigNumber if AMD's "define" is defined...
|
|
let __define
|
|
|
|
/**
|
|
* Caches reference to global define object and deletes it to
|
|
* avoid conflicts with other global define objects, such as
|
|
* AMD's define function
|
|
*/
|
|
const cleanContextForImports = () => {
|
|
__define = global.define
|
|
try {
|
|
global.define = undefined
|
|
} catch (_) {
|
|
console.warn('MetaMask - global.define could not be deleted.')
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Restores global define object from cached reference
|
|
*/
|
|
const restoreContextAfterImports = () => {
|
|
try {
|
|
global.define = __define
|
|
} catch (_) {
|
|
console.warn('MetaMask - global.define could not be overwritten.')
|
|
}
|
|
}
|
|
|
|
cleanContextForImports()
|
|
|
|
import log from 'loglevel'
|
|
import LocalMessageDuplexStream from 'post-message-stream'
|
|
import { initProvider } from '@metamask/inpage-provider'
|
|
|
|
// TODO:deprecate:2020
|
|
import 'web3/dist/web3.min.js'
|
|
|
|
import setupDappAutoReload from './lib/auto-reload.js'
|
|
|
|
restoreContextAfterImports()
|
|
|
|
log.setDefaultLevel(process.env.METAMASK_DEBUG ? 'debug' : 'warn')
|
|
|
|
//
|
|
// setup plugin communication
|
|
//
|
|
|
|
// setup background connection
|
|
const metamaskStream = new LocalMessageDuplexStream({
|
|
name: 'inpage',
|
|
target: 'contentscript',
|
|
})
|
|
|
|
initProvider({
|
|
connectionStream: metamaskStream,
|
|
})
|
|
|
|
//
|
|
// TODO:deprecate:2020
|
|
//
|
|
|
|
// setup web3
|
|
|
|
if (typeof window.web3 !== 'undefined') {
|
|
throw new Error(`MetaMask detected another web3.
|
|
MetaMask will not work reliably with another web3 extension.
|
|
This usually happens if you have two MetaMasks installed,
|
|
or MetaMask and another web3 extension. Please remove one
|
|
and try again.`)
|
|
}
|
|
|
|
const web3 = new Web3(window.ethereum)
|
|
web3.setProvider = function () {
|
|
log.debug('MetaMask - overrode web3.setProvider')
|
|
}
|
|
log.debug('MetaMask - injected web3')
|
|
|
|
Object.defineProperty(window.ethereum, '_web3Ref', {
|
|
enumerable: false,
|
|
writable: true,
|
|
configurable: true,
|
|
value: web3.eth,
|
|
})
|
|
|
|
// setup dapp auto reload AND proxy web3
|
|
setupDappAutoReload(web3, window.ethereum._publicConfigStore)
|