Generator

Tab

Typescript
React

import { registerFocusTrackerConfiguration } from '@michaeldrotar/focus-tracker-js/registerFocusTrackerConfiguration'
import { startUserFocusTracker } from '@michaeldrotar/focus-tracker-js/startUserFocusTracker'

registerFocusTrackerConfiguration(document.body, {})
startUserFocusTracker()

import { FocusTrackerRegistration } from '@michaeldrotar/react-focus-tracker/FocusTrackerRegistration'
import { UserFocusTracker } from '@michaeldrotar/react-focus-tracker/UserFocusTracker'

function App() {
  return (
    <FocusTrackerRegistration>
      <body>
        // ...
      </body>
    </FocusTrackerRegistration>
    <UserFocusTracker />
  )
}