2016-07-21 18:08:35 -07:00
|
|
|
/* MOCK DEV
|
|
|
|
*
|
|
|
|
* This is a utility module.
|
|
|
|
* It initializes a minimalist browserifiable project
|
|
|
|
* that contains the Metamask UI, with a local background process.
|
|
|
|
*
|
|
|
|
* Includes a state reset button for restoring to initial state.
|
|
|
|
*
|
|
|
|
* This is a convenient way to develop and test the plugin
|
|
|
|
* without having to re-open the plugin or even re-build it.
|
|
|
|
*
|
|
|
|
* To use, run `npm run mock`.
|
|
|
|
*/
|
|
|
|
|
|
|
|
const render = require('react-dom').render
|
|
|
|
const h = require('react-hyperscript')
|
2018-03-13 06:15:19 -07:00
|
|
|
const Root = require('../ui/app/root')
|
|
|
|
const configureStore = require('../ui/app/store')
|
|
|
|
const actions = require('../ui/app/actions')
|
|
|
|
const states = require('./states')
|
|
|
|
const backGroundConnectionModifiers = require('./backGroundConnectionModifiers')
|
|
|
|
const Selector = require('./selector')
|
|
|
|
const MetamaskController = require('../app/scripts/metamask-controller')
|
|
|
|
const firstTimeState = require('../app/scripts/first-time-state')
|
2021-01-20 02:57:30 -08:00
|
|
|
import ExtensionPlatform from '../app/scripts/platforms/extension'
|
2017-01-11 22:47:56 -08:00
|
|
|
const noop = function () {}
|
|
|
|
|
2017-02-20 12:59:44 -08:00
|
|
|
const log = require('loglevel')
|
|
|
|
window.log = log
|
2017-02-20 23:33:21 -08:00
|
|
|
log.setLevel('debug')
|
2016-07-21 18:08:35 -07:00
|
|
|
|
2017-01-11 22:47:56 -08:00
|
|
|
//
|
2016-07-21 18:08:35 -07:00
|
|
|
// Query String
|
2017-01-11 22:47:56 -08:00
|
|
|
//
|
|
|
|
|
2016-07-21 18:08:35 -07:00
|
|
|
const qs = require('qs')
|
2018-04-04 18:21:30 -07:00
|
|
|
const routerPath = window.location.href.split('#')[1]
|
|
|
|
let queryString = {}
|
|
|
|
let selectedView
|
|
|
|
|
|
|
|
if (routerPath) {
|
|
|
|
queryString = qs.parse(routerPath.split('?')[1])
|
|
|
|
}
|
|
|
|
|
|
|
|
selectedView = queryString.view || 'first time'
|
2016-07-21 18:08:35 -07:00
|
|
|
const firstState = states[selectedView]
|
|
|
|
updateQueryParams(selectedView)
|
|
|
|
|
2018-04-04 18:21:30 -07:00
|
|
|
function updateQueryParams (newView) {
|
2017-01-11 22:47:56 -08:00
|
|
|
queryString.view = newView
|
|
|
|
const params = qs.stringify(queryString)
|
2018-04-04 18:21:30 -07:00
|
|
|
const locationPaths = window.location.href.split('#')
|
|
|
|
const routerPath = locationPaths[1] || ''
|
|
|
|
const newPath = locationPaths[0] + '#' + routerPath.split('?')[0] + `?${params}`
|
|
|
|
|
|
|
|
if (window.location.href !== newPath) {
|
|
|
|
window.location.href = newPath
|
|
|
|
}
|
2017-01-11 22:47:56 -08:00
|
|
|
}
|
|
|
|
|
|
|
|
//
|
2016-07-21 18:08:35 -07:00
|
|
|
// CSS
|
2017-01-11 22:47:56 -08:00
|
|
|
//
|
|
|
|
|
2018-09-18 09:15:56 -07:00
|
|
|
const MetaMaskUiCss = require('../old-ui/css')
|
2016-07-21 18:08:35 -07:00
|
|
|
const injectCss = require('inject-css')
|
|
|
|
|
2017-01-11 22:47:56 -08:00
|
|
|
//
|
|
|
|
// MetaMask Controller
|
|
|
|
//
|
2016-07-21 18:08:35 -07:00
|
|
|
|
|
|
|
const controller = new MetamaskController({
|
|
|
|
// User confirmation callbacks:
|
|
|
|
showUnconfirmedMessage: noop,
|
|
|
|
unlockAccountMessage: noop,
|
2016-12-16 10:33:36 -08:00
|
|
|
showUnapprovedTx: noop,
|
2017-09-19 10:53:56 -07:00
|
|
|
platform: {},
|
2017-01-11 19:04:19 -08:00
|
|
|
// initial state
|
2017-01-31 23:39:39 -08:00
|
|
|
initState: firstTimeState,
|
2016-07-21 18:08:35 -07:00
|
|
|
})
|
2017-02-01 16:31:22 -08:00
|
|
|
global.metamaskController = controller
|
2018-07-02 15:49:33 -07:00
|
|
|
global.platform = new ExtensionPlatform()
|
2016-07-21 18:08:35 -07:00
|
|
|
|
2017-01-11 22:47:56 -08:00
|
|
|
//
|
|
|
|
// User Interface
|
|
|
|
//
|
2016-07-21 18:08:35 -07:00
|
|
|
|
2016-10-20 12:13:12 -07:00
|
|
|
actions._setBackgroundConnection(controller.getApi())
|
2018-07-02 15:49:33 -07:00
|
|
|
actions.update = function (stateName) {
|
2016-07-21 18:08:35 -07:00
|
|
|
selectedView = stateName
|
|
|
|
updateQueryParams(stateName)
|
|
|
|
const newState = states[selectedView]
|
|
|
|
return {
|
|
|
|
type: 'GLOBAL_FORCE_UPDATE',
|
|
|
|
value: newState,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2018-07-02 15:49:33 -07:00
|
|
|
function modifyBackgroundConnection (backgroundConnectionModifier) {
|
2018-02-06 10:20:37 -08:00
|
|
|
const modifiedBackgroundConnection = Object.assign({}, controller.getApi(), backgroundConnectionModifier)
|
|
|
|
actions._setBackgroundConnection(modifiedBackgroundConnection)
|
|
|
|
}
|
|
|
|
|
2016-07-21 18:08:35 -07:00
|
|
|
var css = MetaMaskUiCss()
|
|
|
|
injectCss(css)
|
|
|
|
|
|
|
|
// parse opts
|
|
|
|
var store = configureStore(firstState)
|
|
|
|
|
|
|
|
// start app
|
2017-09-11 20:14:52 -07:00
|
|
|
startApp()
|
|
|
|
|
2018-07-02 15:49:33 -07:00
|
|
|
function startApp () {
|
2017-09-11 20:14:52 -07:00
|
|
|
const body = document.body
|
|
|
|
const container = document.createElement('div')
|
2017-09-13 20:25:27 -07:00
|
|
|
container.id = 'test-container'
|
2017-09-11 20:14:52 -07:00
|
|
|
body.appendChild(container)
|
|
|
|
|
|
|
|
render(
|
|
|
|
h('.super-dev-container', [
|
|
|
|
|
|
|
|
h('button', {
|
|
|
|
onClick: (ev) => {
|
|
|
|
ev.preventDefault()
|
|
|
|
store.dispatch(actions.update('terms'))
|
|
|
|
},
|
|
|
|
style: {
|
|
|
|
margin: '19px 19px 0px 19px',
|
|
|
|
},
|
|
|
|
}, 'Reset State'),
|
|
|
|
|
2018-02-06 10:20:37 -08:00
|
|
|
h(Selector, {
|
|
|
|
actions,
|
|
|
|
selectedKey: selectedView,
|
|
|
|
states,
|
|
|
|
store,
|
|
|
|
modifyBackgroundConnection,
|
|
|
|
backGroundConnectionModifiers,
|
|
|
|
}),
|
2017-09-11 20:14:52 -07:00
|
|
|
|
2017-09-13 20:25:27 -07:00
|
|
|
h('#app-content', {
|
2017-09-11 20:14:52 -07:00
|
|
|
style: {
|
|
|
|
height: '500px',
|
|
|
|
width: '360px',
|
|
|
|
boxShadow: 'grey 0px 2px 9px',
|
|
|
|
margin: '20px',
|
|
|
|
},
|
|
|
|
}, [
|
|
|
|
h(Root, {
|
|
|
|
store: store,
|
|
|
|
}),
|
|
|
|
]),
|
|
|
|
|
2020-03-25 13:48:24 -07:00
|
|
|
],
|
2017-09-11 20:14:52 -07:00
|
|
|
), container)
|
|
|
|
}
|