1409

import React from "react"
import { HotKeys } from "react-hotkeys"
import { connect } from "react-redux"
import { defaultKeyMap, implCommandMap } from "./commandMap"

export const GlobalKeyHandler = connect(_state => {
  return {}
})(function GlobalKeyHandlerImpl({ children, dispatch }: any) {
  const keyMap = { ...defaultKeyMap }
  const handlers: {
    [key: string]: (dispatch: any, event: any) => void
  } = Object.keys(implCommandMap).reduce(
    (acc, _key: any) => {
      const key: string = _key
      const fn = implCommandMap[key]
      if (fn) {
        return {
          ...acc,
          [key]: (event: Event) => fn(dispatch, event)
        }
      }
      return acc
    },
    {} as any
  )

  return (
    <HotKeys
      focused
      keyMap={keyMap as any}
      handlers={handlers as any}
      style={{ width: "100%", height: "100%" }}
    >
      {children}
    </HotKeys>
  )
})

1	import React from "react"	×
2	import { HotKeys } from "react-hotkeys"	×
3	import { connect } from "react-redux"	×
4	import { defaultKeyMap, implCommandMap } from "./commandMap"	×
5
6	export const GlobalKeyHandler = connect(_state => {	×
7	return {}	×
8	})(function GlobalKeyHandlerImpl({ children, dispatch }: any) {
9	const keyMap = { ...defaultKeyMap }	×
10	const handlers: {
11	[key: string]: (dispatch: any, event: any) => void
12	} = Object.keys(implCommandMap).reduce(	×
13	(acc, _key: any) => {
14	const key: string = _key	×
15	const fn = implCommandMap[key]	×
16	if (fn) {
17	return {	×
18	...acc,
19	[key]: (event: Event) => fn(dispatch, event)	×
20	}
21	}
22	return acc	×
23	},
24	{} as any
25	)
26
27	return (	×
28	<HotKeys
29	focused
30	keyMap={keyMap as any}
31	handlers={handlers as any}
32	style={{ width: "100%", height: "100%" }}
33	>
34	{children}
35	</HotKeys>
36	)
37	})

mizchi / next-editor / 1409

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous