Record each completion selection for analytics (#13665)

GitOrigin-RevId: bc8e92ceca51f6365c4311204a35fc85914969b0
This commit is contained in:
Alf Eaton
2023-07-17 11:03:43 +00:00
committed by Copybot
parent 5a786029a3
commit 48e758a5fe
9 changed files with 57 additions and 15 deletions
@@ -4,7 +4,7 @@ import Icon from '../../../../shared/components/icon'
import useDropdown from '../../../../shared/hooks/use-dropdown'
import Tooltip from '../../../../shared/components/tooltip'
import { EditorView } from '@codemirror/view'
import { emitCommandEvent } from '../../extensions/toolbar/utils/analytics'
import { emitToolbarEvent } from '../../extensions/toolbar/utils/analytics'
import { useCodeMirrorViewContext } from '../codemirror-editor'
import MaterialIcon from '../../../../shared/components/material-icon'
@@ -38,7 +38,7 @@ export const ToolbarButtonMenu: FC<{
}}
onClick={event => {
if (event.altKey && altCommand && open === false) {
emitCommandEvent(view, id)
emitToolbarEvent(view, id)
event.preventDefault()
altCommand(view)
view.focus()
@@ -4,7 +4,7 @@ import Icon from '../../../../shared/components/icon'
import { useCallback } from 'react'
import { FigureModalSource } from '../figure-modal/figure-modal-context'
import { useTranslation } from 'react-i18next'
import { emitCommandEvent } from '../../extensions/toolbar/utils/analytics'
import { emitToolbarEvent } from '../../extensions/toolbar/utils/analytics'
import { useCodeMirrorViewContext } from '../codemirror-editor'
import { insertFigure } from '../../extensions/toolbar/commands'
@@ -13,7 +13,7 @@ export const InsertFigureDropdown = () => {
const view = useCodeMirrorViewContext()
const openFigureModal = useCallback(
(source: FigureModalSource, sourceName: string) => {
emitCommandEvent(view, `toolbar-figure-modal-${sourceName}`)
emitToolbarEvent(view, `toolbar-figure-modal-${sourceName}`)
window.dispatchEvent(
new CustomEvent('figure-modal:open', {
detail: source,
@@ -1,6 +1,6 @@
import { ListGroupItem } from 'react-bootstrap'
import { ToolbarButtonMenu } from './button-menu'
import { emitCommandEvent } from '../../extensions/toolbar/utils/analytics'
import { emitToolbarEvent } from '../../extensions/toolbar/utils/analytics'
import MaterialIcon from '../../../../shared/components/material-icon'
import { useTranslation } from 'react-i18next'
import { useCodeMirrorViewContext } from '../codemirror-editor'
@@ -23,7 +23,7 @@ export function MathDropdown() {
<ListGroupItem
aria-label={t('toolbar_insert_inline_math')}
onClick={event => {
emitCommandEvent(view, 'toolbar-inline-math')
emitToolbarEvent(view, 'toolbar-inline-math')
event.preventDefault()
wrapInInlineMath(view)
view.focus()
@@ -35,7 +35,7 @@ export function MathDropdown() {
<ListGroupItem
aria-label={t('toolbar_insert_display_math')}
onClick={event => {
emitCommandEvent(view, 'toolbar-display-math')
emitToolbarEvent(view, 'toolbar-display-math')
event.preventDefault()
wrapInDisplayMath(view)
view.focus()
@@ -11,7 +11,7 @@ import { useCallback, useRef } from 'react'
import { Overlay, Popover } from 'react-bootstrap'
import useEventListener from '../../../../shared/hooks/use-event-listener'
import useDropdown from '../../../../shared/hooks/use-dropdown'
import { emitCommandEvent } from '../../extensions/toolbar/utils/analytics'
import { emitToolbarEvent } from '../../extensions/toolbar/utils/analytics'
import Icon from '../../../../shared/components/icon'
import { useTranslation } from 'react-i18next'
@@ -90,7 +90,7 @@ export const SectionHeadingDropdown = () => {
role="menuitem"
key={level}
onClick={() => {
emitCommandEvent(view, 'section-level-change')
emitToolbarEvent(view, 'section-level-change')
setSectionHeadingLevel(view, level)
view.focus()
setOverflowOpen(false)
@@ -4,7 +4,7 @@ import { useCodeMirrorViewContext } from '../codemirror-editor'
import { Button } from 'react-bootstrap'
import classnames from 'classnames'
import Tooltip from '../../../../shared/components/tooltip'
import { emitCommandEvent } from '../../extensions/toolbar/utils/analytics'
import { emitToolbarEvent } from '../../extensions/toolbar/utils/analytics'
import Icon from '../../../../shared/components/icon'
export const ToolbarButton = memo<{
@@ -38,7 +38,7 @@ export const ToolbarButton = memo<{
const handleClick = useCallback(
event => {
emitCommandEvent(view, id)
emitToolbarEvent(view, id)
if (command) {
event.preventDefault()
command(view)