src/console/index.tsx


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

import * as messages from "../shared/messages";
import reducers from "./reducers";
import { createStore, applyMiddleware } from "redux";
import promise from "redux-promise";
import * as consoleActions from "./actions/console";
import { Provider } from "react-redux";
import Console from "./components/Console";
import "./index.css";
import React from "react";
import ReactDOM from "react-dom";

const store = createStore(reducers, applyMiddleware(promise));

window.addEventListener("load", () => {
  const wrapper = document.getElementById("vimvixen-console");
  ReactDOM.render(
    <Provider store={store}>
      <Console></Console>
    </Provider>,
    wrapper
  );
});

const onMessage = async (message: any): Promise<any> => {
  const msg = messages.valueOf(message);
  switch (msg.type) {
    case messages.CONSOLE_SHOW_COMMAND:
      return store.dispatch(await consoleActions.showCommand(msg.command));
    case messages.CONSOLE_SHOW_FIND:
      return store.dispatch(consoleActions.showFind());
    case messages.CONSOLE_SHOW_ERROR:
      return store.dispatch(consoleActions.showError(msg.text));
    case messages.CONSOLE_SHOW_INFO:
      return store.dispatch(consoleActions.showInfo(msg.text));
    case messages.CONSOLE_HIDE:
      return store.dispatch(consoleActions.hide());
  }
};

browser.runtime.onMessage.addListener(onMessage);
const port = browser.runtime.connect(undefined, { name: "vimvixen-console" });
port.onMessage.addListener(onMessage);