forked from firefox-devtools/debugger
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathbootstrap.js
More file actions
125 lines (106 loc) · 3.65 KB
/
bootstrap.js
File metadata and controls
125 lines (106 loc) · 3.65 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
// @flow
import React from "react";
import { bindActionCreators, combineReducers } from "redux";
import ReactDOM from "react-dom";
const { Provider } = require("react-redux");
import { isFirefoxPanel, isDevelopment, isTesting } from "devtools-environment";
import { startSourceMapWorker, stopSourceMapWorker } from "devtools-source-map";
import * as search from "../workers/search";
import * as prettyPrint from "../workers/pretty-print";
import * as parser from "../workers/parser";
import configureStore from "../actions/utils/create-store";
import reducers from "../reducers";
import * as selectors from "../selectors";
import App from "../components/App";
import { asyncStore, prefs } from "./prefs";
import type { Panel } from "../client/firefox/types";
import typeof SourceMaps from "../../packages/devtools-source-map/src";
function renderPanel(component, store) {
const root = document.createElement("div");
root.className = "launchpad-root theme-body";
root.style.setProperty("flex", "1");
const mount = document.querySelector("#mount");
if (!mount) {
return;
}
mount.appendChild(root);
ReactDOM.render(
React.createElement(Provider, { store }, React.createElement(component)),
root
);
}
export function bootstrapStore(
client: any,
sourceMaps: SourceMaps,
panel: Panel,
initialState: Object
) {
const createStore = configureStore({
log: prefs.logging || isTesting(),
timing: isDevelopment(),
makeThunkArgs: (args, state) => {
return { ...args, client, sourceMaps, panel };
}
});
const store = createStore(combineReducers(reducers), initialState);
store.subscribe(() => updatePrefs(store.getState()));
const actions = bindActionCreators(
require("../actions").default,
store.dispatch
);
return { store, actions, selectors };
}
export function bootstrapWorkers() {
const workerPath = isDevelopment()
? "assets/build"
: "resource://devtools/client/debugger/new/dist";
if (isDevelopment()) {
// When used in Firefox, the toolbox manages the source map worker.
startSourceMapWorker(
`${workerPath}/source-map-worker.js`,
// This is relative to the worker itself.
"./source-map-worker-assets/"
);
}
prettyPrint.start(`${workerPath}/pretty-print-worker.js`);
parser.start(`${workerPath}/parser-worker.js`);
search.start(`${workerPath}/search-worker.js`);
return { prettyPrint, parser, search };
}
export function teardownWorkers() {
if (!isFirefoxPanel()) {
// When used in Firefox, the toolbox manages the source map worker.
stopSourceMapWorker();
}
prettyPrint.stop();
parser.stop();
search.stop();
}
export function bootstrapApp(store: any) {
if (isFirefoxPanel()) {
renderPanel(App, store);
} else {
const { renderRoot } = require("devtools-launchpad");
renderRoot(React, ReactDOM, App, store);
}
}
let currentPendingBreakpoints;
let currentXHRBreakpoints;
function updatePrefs(state: any) {
const previousPendingBreakpoints = currentPendingBreakpoints;
const previousXHRBreakpoints = currentXHRBreakpoints;
currentPendingBreakpoints = selectors.getPendingBreakpoints(state);
currentXHRBreakpoints = selectors.getXHRBreakpoints(state);
if (
previousPendingBreakpoints &&
currentPendingBreakpoints !== previousPendingBreakpoints
) {
asyncStore.pendingBreakpoints = currentPendingBreakpoints;
}
if (currentXHRBreakpoints !== previousXHRBreakpoints) {
asyncStore.xhrBreakpoints = currentXHRBreakpoints;
}
}