store input keys in content script
This commit is contained in:
parent
a6b197ca73
commit
8ff302a1f2
7 changed files with 92 additions and 119 deletions
|
@ -1,70 +1,32 @@
|
|||
import './console-frame.scss';
|
||||
import * as consoleFrames from './console-frames';
|
||||
import * as scrolls from 'content/scrolls';
|
||||
import * as navigates from 'content/navigates';
|
||||
import * as settingActions from 'actions/setting';
|
||||
import * as followActions from 'actions/follow';
|
||||
import { createStore } from 'store';
|
||||
import ContentInputComponent from 'components/content-input';
|
||||
import FollowComponent from 'components/follow';
|
||||
import reducers from 'reducers';
|
||||
import operations from 'shared/operations';
|
||||
import messages from './messages';
|
||||
|
||||
const store = createStore(reducers);
|
||||
const followComponent = new FollowComponent(window.document.body, store);
|
||||
const contentInputComponent = new ContentInputComponent(window, store);
|
||||
store.subscribe(() => {
|
||||
try {
|
||||
followComponent.update();
|
||||
contentInputComponent.update();
|
||||
} catch (e) {
|
||||
console.error(e);
|
||||
}
|
||||
});
|
||||
// eslint-disable-next-line no-unused-vars
|
||||
const contentInputComponent = new ContentInputComponent(window);
|
||||
|
||||
consoleFrames.initialize(window.document);
|
||||
|
||||
const execOperation = (operation) => {
|
||||
switch (operation.type) {
|
||||
case operations.SCROLL_LINES:
|
||||
return scrolls.scrollLines(window, operation.count);
|
||||
case operations.SCROLL_PAGES:
|
||||
return scrolls.scrollPages(window, operation.count);
|
||||
case operations.SCROLL_TOP:
|
||||
return scrolls.scrollTop(window);
|
||||
case operations.SCROLL_BOTTOM:
|
||||
return scrolls.scrollBottom(window);
|
||||
case operations.SCROLL_HOME:
|
||||
return scrolls.scrollLeft(window);
|
||||
case operations.SCROLL_END:
|
||||
return scrolls.scrollRight(window);
|
||||
case operations.FOLLOW_START:
|
||||
return store.dispatch(followActions.enable(false));
|
||||
case operations.NAVIGATE_HISTORY_PREV:
|
||||
return navigates.historyPrev(window);
|
||||
case operations.NAVIGATE_HISTORY_NEXT:
|
||||
return navigates.historyNext(window);
|
||||
case operations.NAVIGATE_LINK_PREV:
|
||||
return navigates.linkPrev(window);
|
||||
case operations.NAVIGATE_LINK_NEXT:
|
||||
return navigates.linkNext(window);
|
||||
case operations.NAVIGATE_PARENT:
|
||||
return navigates.parent(window);
|
||||
case operations.NAVIGATE_ROOT:
|
||||
return navigates.root(window);
|
||||
}
|
||||
};
|
||||
|
||||
browser.runtime.onMessage.addListener((action) => {
|
||||
switch (action.type) {
|
||||
case messages.CONSOLE_HIDE:
|
||||
window.focus();
|
||||
consoleFrames.blur(window.document);
|
||||
return Promise.resolve();
|
||||
case messages.CONTENT_OPERATION:
|
||||
execOperation(action.operation);
|
||||
return Promise.resolve();
|
||||
case messages.CONTENT_SET_SETTINGS:
|
||||
store.dispatch(settingActions.set(action.settings));
|
||||
return Promise.resolve();
|
||||
|
|
Reference in a new issue