const React = require("react");

const { bindActionCreators, combineReducers } = require("redux");

const ReactDOM = require("react-dom");

const {

client: { getClient, firefox },

renderRoot, bootstrap, L10N

} = require("devtools-local-toolbox");

const { getValue, isFirefoxPanel } = require("devtools-config");

const configureStore = require("./utils/create-store");

const { onConnect, onFirefoxConnect } = require("./utils/client");

const reducers = require("./reducers");

const selectors = require("./selectors");

const App = require("./components/App");

const createStore = configureStore({

log: getValue("logging.actions"),

makeThunkArgs: (args, state) => {

return Object.assign({}, args, { client: getClient(state) });

}

const store = createStore(combineReducers(reducers));

const actions = bindActionCreators(require("./actions"), store.dispatch);

if (!isFirefoxPanel()) {

window.L10N = L10N;

window.L10N.setBundle(require("./strings.json"));

window.appStore = store;

window.actions = {

selectSource: actions.selectSource,

selectSourceURL: actions.selectSourceURL

function unmountRoot() {

const mount = document.querySelector("#mount");

ReactDOM.unmountComponentAtNode(mount);

if (isFirefoxPanel()) {

const sourceMap = require("./utils/source-map");

const prettyPrint = require("./utils/pretty-print");

module.exports = {

bootstrap: ({ threadClient, tabTarget, toolbox, L10N }: any) => {

},

destroy: () => {

},

store: store,

actions: actions,

selectors: selectors,

client: firefox.clientCommands

};

} else {

bootstrap(React, ReactDOM, App, actions, store)

.then(() => onFirefoxConnect(actions, firefox));