/* 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 } from "./prefs";

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,
  { services, toolboxActions }: any,
  initialState: Object
) {
  const createStore = configureStore({
    log: isTesting(),
    timing: isDevelopment(),
    makeThunkArgs: (args, state) => {
      return { ...args, client, ...services, ...toolboxActions };
    }
  });

  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`);
  }

  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;
function updatePrefs(state: any) {
  const previousPendingBreakpoints = currentPendingBreakpoints;
  currentPendingBreakpoints = selectors.getPendingBreakpoints(state);

  if (
    previousPendingBreakpoints &&
    currentPendingBreakpoints !== previousPendingBreakpoints
  ) {
    asyncStore.pendingBreakpoints = currentPendingBreakpoints;
  }
}