feat(content): add query panel state

src/content/redux/create.ts

@@ -8,7 +8,13 @@ import { startUpAction as widgetStartUp } from './modules/widget'
 import { startUpAction as dictionariesStartUp } from './modules/dictionaries'
 
 import { message } from '@/_helpers/browser-api'
-import { MsgType, MsgIsPinned } from '@/typings/message'
+import { MsgType, MsgIsPinned, MsgQueryPanelState } from '@/typings/message'
+
+import { Observable } from 'rxjs/Observable'
+import { map } from 'rxjs/operators/map'
+import { distinctUntilChanged } from 'rxjs/operators/distinctUntilChanged'
+
+import get from 'lodash/get'
 
 export default () => {
   const composeEnhancers = window['__REDUX_DEVTOOLS_EXTENSION_COMPOSE__'] || compose
@@ -24,14 +30,29 @@ export default () => {
   store.dispatch<any>(dictionariesStartUp())
 
   // sync state
-  store.subscribe(() => {
-    const state = store.getState()
+  const storeState$ = new Observable<StoreState>(observer => {
+    store.subscribe(() => observer.next(store.getState()))
+  })
 
+  storeState$.pipe(
+    map(state => state.widget.isPinned),
+    distinctUntilChanged()
+  ).subscribe(isPinned => {
     message.self.send<MsgIsPinned>({
       type: MsgType.IsPinned,
-      isPinned: state.widget.isPinned,
+      isPinned,
     })
   })
 
+  message.addListener<MsgQueryPanelState>(MsgType.QueryPanelState, queryStoreState)
+  message.self.addListener<MsgQueryPanelState>(MsgType.QueryPanelState, queryStoreState)
+
+  function queryStoreState ({ path }: MsgQueryPanelState) {
+    return Promise.resolve(path && typeof path === 'string'
+      ? get(store.getState(), path)
+      : store.getState()
+    )
+  }
+
   return store
 }

src/typings/message.ts

@@ -50,6 +50,9 @@ export const enum MsgType {
   /** Word page */
   EditWord,
 
+  /** Query panel state */
+  QueryPanelState,
+
   /**
    * Background proxy sends back underlyingly
    */
@@ -167,3 +170,9 @@ export interface MsgIsPinned {
   type: MsgType.IsPinned
   isPinned: boolean
 }
+
+export interface MsgQueryPanelState {
+  type: MsgType.QueryPanelState,
+  /** object path, default returns the whole state */
+  path?: string
+}