@atlaskit/editor-plugin-autocomplete 2.1.0 → 2.2.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @atlaskit/editor-plugin-autocomplete
 
+## 2.2.0
+
+### Minor Changes
+
+- [`6eb5747f5ba37`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6eb5747f5ba37) -
+  Add SAR analytics for autocomplete plugin
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 2.1.0
 
 ### Minor Changes

package/afm-cc/tsconfig.json

@@ -25,6 +25,9 @@
 		},
 		{
 			"path": "../../editor-common/afm-cc/tsconfig.json"
+		},
+		{
+			"path": "../../editor-plugin-analytics/afm-cc/tsconfig.json"
 		}
 	]
 }

package/afm-products/tsconfig.json

@@ -25,6 +25,9 @@
 		},
 		{
 			"path": "../../editor-common/afm-products/tsconfig.json"
+		},
+		{
+			"path": "../../editor-plugin-analytics/afm-products/tsconfig.json"
 		}
 	]
 }

package/dist/cjs/autocompletePlugin.js

@@ -6,7 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.autocompletePlugin = void 0;
 var _autocompletePlugin = require("./pm-plugins/autocomplete-plugin");
 var autocompletePlugin = exports.autocompletePlugin = function autocompletePlugin(_ref) {
-  var options = _ref.config;
+  var options = _ref.config,
+    api = _ref.api;
   return {
     name: 'autocomplete',
     getSharedState: function getSharedState(editorState) {
@@ -19,7 +20,7 @@ var autocompletePlugin = exports.autocompletePlugin = function autocompletePlugi
       return [{
         name: 'autocomplete',
         plugin: function plugin() {
-          return (0, _autocompletePlugin.createAutocompletePlugin)(options);
+          return (0, _autocompletePlugin.createAutocompletePlugin)(options, api);
         }
       }];
     }

package/dist/cjs/pm-plugins/autocomplete-plugin.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.createAutocompletePlugin = exports.autocompletePluginKey = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _analytics = require("@atlaskit/editor-common/analytics");
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _keymap = require("@atlaskit/editor-prosemirror/keymap");
 var _state = require("@atlaskit/editor-prosemirror/state");
@@ -68,6 +69,7 @@ var setAutocompleteMeta = function setAutocompleteMeta(tr, meta) {
 /**
  * Apply a ghost text suggestion to the editor state.
  */
+var lastShownGhostText = '';
 var showGhostText = function showGhostText(view, text, position) {
   var state = view.state,
     dispatch = view.dispatch;
@@ -146,7 +148,7 @@ var buildSlowLaneText = function buildSlowLaneText(docText, context) {
   lines.push("reply ".concat(nextReplyNumber, ": ").concat(docText));
   return lines.join('\n');
 };
-var createAutocompletePlugin = exports.createAutocompletePlugin = function createAutocompletePlugin(options) {
+var createAutocompletePlugin = exports.createAutocompletePlugin = function createAutocompletePlugin(options, api) {
   var debounceTimer = null;
   var hasIngestedPage = false;
   var resolvedContext;
@@ -204,6 +206,15 @@ var createAutocompletePlugin = exports.createAutocompletePlugin = function creat
       var prediction = (0, _textPredictor.predict)(textBefore);
       if (prediction && prediction.length > 0) {
         showGhostText(view, prediction, selection.from);
+        if (prediction !== lastShownGhostText) {
+          var _api$analytics;
+          lastShownGhostText = prediction;
+          api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || _api$analytics.actions.fireAnalyticsEvent({
+            action: _analytics.ACTION.SUGGESTION_VIEWED,
+            actionSubject: _analytics.ACTION_SUBJECT.CONTEXTUAL_TYPEAHEAD,
+            eventType: _analytics.EVENT_TYPE.TRACK
+          });
+        }
       }
     }, DEBOUNCE_MS);
   };
@@ -275,12 +286,30 @@ var createAutocompletePlugin = exports.createAutocompletePlugin = function creat
       handleKeyDown: (0, _keymap.keydownHandler)({
         Tab: function Tab(state, dispatch) {
           var accepted = acceptGhostText(state, dispatch);
-          if (accepted) justAccepted = true;
+          if (accepted) {
+            var _api$analytics2;
+            justAccepted = true;
+            lastShownGhostText = '';
+            api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 || _api$analytics2.actions.fireAnalyticsEvent({
+              action: _analytics.ACTION.SUGGESTION_INSERTED,
+              actionSubject: _analytics.ACTION_SUBJECT.CONTEXTUAL_TYPEAHEAD,
+              eventType: _analytics.EVENT_TYPE.TRACK
+            });
+          }
           return accepted;
         },
         ArrowRight: function ArrowRight(state, dispatch) {
           var accepted = acceptGhostText(state, dispatch);
-          if (accepted) justAccepted = true;
+          if (accepted) {
+            var _api$analytics3;
+            justAccepted = true;
+            lastShownGhostText = '';
+            api === null || api === void 0 || (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 || _api$analytics3.actions.fireAnalyticsEvent({
+              action: _analytics.ACTION.SUGGESTION_INSERTED,
+              actionSubject: _analytics.ACTION_SUBJECT.CONTEXTUAL_TYPEAHEAD,
+              eventType: _analytics.EVENT_TYPE.TRACK
+            });
+          }
           return accepted;
         },
         Escape: function Escape(state, dispatch) {

package/dist/es2019/autocompletePlugin.js

@@ -1,6 +1,7 @@
 import { autocompletePluginKey, createAutocompletePlugin } from './pm-plugins/autocomplete-plugin';
 export const autocompletePlugin = ({
-  config: options
+  config: options,
+  api
 }) => {
   return {
     name: 'autocomplete',
@@ -13,7 +14,7 @@ export const autocompletePlugin = ({
     pmPlugins() {
       return [{
         name: 'autocomplete',
-        plugin: () => createAutocompletePlugin(options)
+        plugin: () => createAutocompletePlugin(options, api)
       }];
     }
   };

package/dist/es2019/pm-plugins/autocomplete-plugin.js

@@ -1,3 +1,4 @@
+import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { keydownHandler } from '@atlaskit/editor-prosemirror/keymap';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
@@ -58,6 +59,7 @@ const setAutocompleteMeta = (tr, meta) => {
 /**
  * Apply a ghost text suggestion to the editor state.
  */
+let lastShownGhostText = '';
 const showGhostText = (view, text, position) => {
   const {
     state,
@@ -140,7 +142,7 @@ const buildSlowLaneText = (docText, context) => {
   lines.push(`reply ${nextReplyNumber}: ${docText}`);
   return lines.join('\n');
 };
-export const createAutocompletePlugin = options => {
+export const createAutocompletePlugin = (options, api) => {
   let debounceTimer = null;
   let hasIngestedPage = false;
   let resolvedContext;
@@ -202,6 +204,15 @@ export const createAutocompletePlugin = options => {
       const prediction = predict(textBefore);
       if (prediction && prediction.length > 0) {
         showGhostText(view, prediction, selection.from);
+        if (prediction !== lastShownGhostText) {
+          var _api$analytics;
+          lastShownGhostText = prediction;
+          api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions.fireAnalyticsEvent({
+            action: ACTION.SUGGESTION_VIEWED,
+            actionSubject: ACTION_SUBJECT.CONTEXTUAL_TYPEAHEAD,
+            eventType: EVENT_TYPE.TRACK
+          });
+        }
       }
     }, DEBOUNCE_MS);
   };
@@ -276,12 +287,30 @@ export const createAutocompletePlugin = options => {
       handleKeyDown: keydownHandler({
         Tab: (state, dispatch) => {
           const accepted = acceptGhostText(state, dispatch);
-          if (accepted) justAccepted = true;
+          if (accepted) {
+            var _api$analytics2;
+            justAccepted = true;
+            lastShownGhostText = '';
+            api === null || api === void 0 ? void 0 : (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions.fireAnalyticsEvent({
+              action: ACTION.SUGGESTION_INSERTED,
+              actionSubject: ACTION_SUBJECT.CONTEXTUAL_TYPEAHEAD,
+              eventType: EVENT_TYPE.TRACK
+            });
+          }
           return accepted;
         },
         ArrowRight: (state, dispatch) => {
           const accepted = acceptGhostText(state, dispatch);
-          if (accepted) justAccepted = true;
+          if (accepted) {
+            var _api$analytics3;
+            justAccepted = true;
+            lastShownGhostText = '';
+            api === null || api === void 0 ? void 0 : (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions.fireAnalyticsEvent({
+              action: ACTION.SUGGESTION_INSERTED,
+              actionSubject: ACTION_SUBJECT.CONTEXTUAL_TYPEAHEAD,
+              eventType: EVENT_TYPE.TRACK
+            });
+          }
           return accepted;
         },
         Escape: (state, dispatch) => {

package/dist/esm/autocompletePlugin.js

@@ -1,6 +1,7 @@
 import { autocompletePluginKey, createAutocompletePlugin } from './pm-plugins/autocomplete-plugin';
 export var autocompletePlugin = function autocompletePlugin(_ref) {
-  var options = _ref.config;
+  var options = _ref.config,
+    api = _ref.api;
   return {
     name: 'autocomplete',
     getSharedState: function getSharedState(editorState) {
@@ -13,7 +14,7 @@ export var autocompletePlugin = function autocompletePlugin(_ref) {
       return [{
         name: 'autocomplete',
         plugin: function plugin() {
-          return createAutocompletePlugin(options);
+          return createAutocompletePlugin(options, api);
         }
       }];
     }

package/dist/esm/pm-plugins/autocomplete-plugin.js

@@ -1,6 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { keydownHandler } from '@atlaskit/editor-prosemirror/keymap';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
@@ -61,6 +62,7 @@ var setAutocompleteMeta = function setAutocompleteMeta(tr, meta) {
 /**
  * Apply a ghost text suggestion to the editor state.
  */
+var lastShownGhostText = '';
 var showGhostText = function showGhostText(view, text, position) {
   var state = view.state,
     dispatch = view.dispatch;
@@ -139,7 +141,7 @@ var buildSlowLaneText = function buildSlowLaneText(docText, context) {
   lines.push("reply ".concat(nextReplyNumber, ": ").concat(docText));
   return lines.join('\n');
 };
-export var createAutocompletePlugin = function createAutocompletePlugin(options) {
+export var createAutocompletePlugin = function createAutocompletePlugin(options, api) {
   var debounceTimer = null;
   var hasIngestedPage = false;
   var resolvedContext;
@@ -197,6 +199,15 @@ export var createAutocompletePlugin = function createAutocompletePlugin(options)
       var prediction = predict(textBefore);
       if (prediction && prediction.length > 0) {
         showGhostText(view, prediction, selection.from);
+        if (prediction !== lastShownGhostText) {
+          var _api$analytics;
+          lastShownGhostText = prediction;
+          api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || _api$analytics.actions.fireAnalyticsEvent({
+            action: ACTION.SUGGESTION_VIEWED,
+            actionSubject: ACTION_SUBJECT.CONTEXTUAL_TYPEAHEAD,
+            eventType: EVENT_TYPE.TRACK
+          });
+        }
       }
     }, DEBOUNCE_MS);
   };
@@ -268,12 +279,30 @@ export var createAutocompletePlugin = function createAutocompletePlugin(options)
       handleKeyDown: keydownHandler({
         Tab: function Tab(state, dispatch) {
           var accepted = acceptGhostText(state, dispatch);
-          if (accepted) justAccepted = true;
+          if (accepted) {
+            var _api$analytics2;
+            justAccepted = true;
+            lastShownGhostText = '';
+            api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 || _api$analytics2.actions.fireAnalyticsEvent({
+              action: ACTION.SUGGESTION_INSERTED,
+              actionSubject: ACTION_SUBJECT.CONTEXTUAL_TYPEAHEAD,
+              eventType: EVENT_TYPE.TRACK
+            });
+          }
           return accepted;
         },
         ArrowRight: function ArrowRight(state, dispatch) {
           var accepted = acceptGhostText(state, dispatch);
-          if (accepted) justAccepted = true;
+          if (accepted) {
+            var _api$analytics3;
+            justAccepted = true;
+            lastShownGhostText = '';
+            api === null || api === void 0 || (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 || _api$analytics3.actions.fireAnalyticsEvent({
+              action: ACTION.SUGGESTION_INSERTED,
+              actionSubject: ACTION_SUBJECT.CONTEXTUAL_TYPEAHEAD,
+              eventType: EVENT_TYPE.TRACK
+            });
+          }
           return accepted;
         },
         Escape: function Escape(state, dispatch) {

package/dist/types/autocompletePluginType.d.ts

@@ -1,6 +1,8 @@
-import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
+import type { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
+import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { AutocompletePluginOptions, AutocompletePluginState } from './pm-plugins/autocomplete-plugin';
 export type AutocompletePlugin = NextEditorPlugin<'autocomplete', {
     pluginConfiguration?: AutocompletePluginOptions | undefined;
     sharedState: AutocompletePluginState | undefined;
+    dependencies: [OptionalPlugin<AnalyticsPlugin>];
 }>;

package/dist/types/pm-plugins/autocomplete-plugin.d.ts

@@ -1,6 +1,8 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
+import type { AutocompletePlugin } from '../autocompletePluginType';
 export declare const autocompletePluginKey: PluginKey<any>;
 export interface AutocompletePluginState {
     /** The decoration set containing the ghost text widget */
@@ -39,4 +41,4 @@ export interface AutocompletePluginOptions {
      */
     getVectorsBinaryUrl?: () => Promise<string>;
 }
-export declare const createAutocompletePlugin: (options?: AutocompletePluginOptions) => SafePlugin<AutocompletePluginState>;
+export declare const createAutocompletePlugin: (options?: AutocompletePluginOptions, api?: ExtractInjectionAPI<AutocompletePlugin>) => SafePlugin<AutocompletePluginState>;

package/dist/types-ts4.5/autocompletePluginType.d.ts

@@ -1,6 +1,10 @@
-import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
+import type { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
+import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { AutocompletePluginOptions, AutocompletePluginState } from './pm-plugins/autocomplete-plugin';
 export type AutocompletePlugin = NextEditorPlugin<'autocomplete', {
     pluginConfiguration?: AutocompletePluginOptions | undefined;
     sharedState: AutocompletePluginState | undefined;
+    dependencies: [
+        OptionalPlugin<AnalyticsPlugin>
+    ];
 }>;

package/dist/types-ts4.5/pm-plugins/autocomplete-plugin.d.ts

@@ -1,6 +1,8 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
+import type { AutocompletePlugin } from '../autocompletePluginType';
 export declare const autocompletePluginKey: PluginKey<any>;
 export interface AutocompletePluginState {
     /** The decoration set containing the ghost text widget */
@@ -39,4 +41,4 @@ export interface AutocompletePluginOptions {
      */
     getVectorsBinaryUrl?: () => Promise<string>;
 }
-export declare const createAutocompletePlugin: (options?: AutocompletePluginOptions) => SafePlugin<AutocompletePluginState>;
+export declare const createAutocompletePlugin: (options?: AutocompletePluginOptions, api?: ExtractInjectionAPI<AutocompletePlugin>) => SafePlugin<AutocompletePluginState>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-autocomplete",
-	"version": "2.1.0",
+	"version": "2.2.0",
 	"description": "Client-side text autocomplete plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -33,7 +33,8 @@
 		"wink-nlp": "^2.4.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^114.1.0",
+		"@atlaskit/editor-common": "^114.5.0",
+		"@atlaskit/editor-plugin-analytics": "^10.0.0",
 		"react": "^18.2.0"
 	},
 	"techstack": {

package/src/autocompletePlugin.tsx

@@ -2,7 +2,7 @@ import type { AutocompletePlugin } from './autocompletePluginType';
 import { autocompletePluginKey, createAutocompletePlugin } from './pm-plugins/autocomplete-plugin';
 import type { AutocompletePluginState } from './pm-plugins/autocomplete-plugin';
 
-export const autocompletePlugin: AutocompletePlugin = ({ config: options }) => {
+export const autocompletePlugin: AutocompletePlugin = ({ config: options, api }) => {
 	return {
 		name: 'autocomplete',
 		getSharedState(editorState): AutocompletePluginState | undefined {
@@ -16,7 +16,7 @@ export const autocompletePlugin: AutocompletePlugin = ({ config: options }) => {
 			return [
 				{
 					name: 'autocomplete',
-					plugin: () => createAutocompletePlugin(options),
+					plugin: () => createAutocompletePlugin(options, api),
 				},
 			];
 		},

package/src/autocompletePluginType.ts

@@ -1,4 +1,5 @@
-import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
+import type { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
+import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 
 import type {
 	AutocompletePluginOptions,
@@ -10,5 +11,6 @@ export type AutocompletePlugin = NextEditorPlugin<
 	{
 		pluginConfiguration?: AutocompletePluginOptions | undefined;
 		sharedState: AutocompletePluginState | undefined;
+		dependencies: [OptionalPlugin<AnalyticsPlugin>];
 	}
 >;

package/src/pm-plugins/autocomplete-plugin.ts

@@ -1,4 +1,6 @@
+import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import { keydownHandler } from '@atlaskit/editor-prosemirror/keymap';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import type {
@@ -9,6 +11,8 @@ import type {
 import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 
+import type { AutocompletePlugin } from '../autocompletePluginType';
+
 import { createGhostTextDecorationSet } from './ghost-text-decoration';
 import { createSlowLaneClient, setDefaultSlowLaneClient, isWordBoundary } from './slow-lane-client';
 import {
@@ -90,6 +94,8 @@ const setAutocompleteMeta = (
 /**
  * Apply a ghost text suggestion to the editor state.
  */
+let lastShownGhostText = '';
+
 const showGhostText = (view: EditorView, text: string, position: number): void => {
 	const { state, dispatch } = view;
 	const decorationSet = createGhostTextDecorationSet(state, position, text);
@@ -196,7 +202,7 @@ const buildSlowLaneText = (docText: string, context?: AutocompleteContext): stri
 	return lines.join('\n');
 };
 
-export const createAutocompletePlugin = (options?: AutocompletePluginOptions) => {
+export const createAutocompletePlugin = (options?: AutocompletePluginOptions, api?: ExtractInjectionAPI<AutocompletePlugin>) => {
 	let debounceTimer: ReturnType<typeof setTimeout> | null = null;
 	let hasIngestedPage = false;
 	let resolvedContext: AutocompleteContext | undefined;
@@ -258,6 +264,14 @@ export const createAutocompletePlugin = (options?: AutocompletePluginOptions) =>
 
 			if (prediction && prediction.length > 0) {
 				showGhostText(view, prediction, selection.from);
+				if (prediction !== lastShownGhostText) {
+					lastShownGhostText = prediction;
+					api?.analytics?.actions.fireAnalyticsEvent({
+						action: ACTION.SUGGESTION_VIEWED,
+						actionSubject: ACTION_SUBJECT.CONTEXTUAL_TYPEAHEAD,
+						eventType: EVENT_TYPE.TRACK,
+					});
+				}
 			}
 		}, DEBOUNCE_MS);
 	};
@@ -346,12 +360,28 @@ export const createAutocompletePlugin = (options?: AutocompletePluginOptions) =>
 			handleKeyDown: keydownHandler({
 				Tab: (state: EditorState, dispatch?: (tr: Transaction) => void) => {
 					const accepted = acceptGhostText(state, dispatch);
-					if (accepted) justAccepted = true;
+					if (accepted) {
+						justAccepted = true;
+						lastShownGhostText = '';
+						api?.analytics?.actions.fireAnalyticsEvent({
+							action: ACTION.SUGGESTION_INSERTED,
+							actionSubject: ACTION_SUBJECT.CONTEXTUAL_TYPEAHEAD,
+							eventType: EVENT_TYPE.TRACK,
+						});
+					}
 					return accepted;
 				},
 				ArrowRight: (state: EditorState, dispatch?: (tr: Transaction) => void) => {
 					const accepted = acceptGhostText(state, dispatch);
-					if (accepted) justAccepted = true;
+					if (accepted) {
+						justAccepted = true;
+						lastShownGhostText = '';
+						api?.analytics?.actions.fireAnalyticsEvent({
+							action: ACTION.SUGGESTION_INSERTED,
+							actionSubject: ACTION_SUBJECT.CONTEXTUAL_TYPEAHEAD,
+							eventType: EVENT_TYPE.TRACK,
+						});
+					}
 					return accepted;
 				},
 				Escape: (state: EditorState, dispatch?: (tr: Transaction) => void) => {

package/src/pm-plugins/text-predictor.ts

@@ -537,11 +537,13 @@ export const predict = (textBefore: string): string | null => {
 	// lmMax in rankCandidates reflects prefix-relevant signal, not the global distribution.
 	const prefix = currentWord.toLowerCase();
 	const prefixLmLogits = lmLogits
-		? Object.fromEntries(
-			Object.entries(lmLogits).filter(([word]) => word.startsWith(prefix))
-		)
+		? Object.fromEntries(Object.entries(lmLogits).filter(([word]) => word.startsWith(prefix)))
 		: null;
-	const { candidates: ranked, grammarMeta, pipelineDebug } = rankCandidates(
+	const {
+		candidates: ranked,
+		grammarMeta,
+		pipelineDebug,
+	} = rankCandidates(
 		scoringCandidates,
 		contextVector,
 		(w: string) => getWordVector(w),

package/tsconfig.app.json

@@ -35,6 +35,9 @@
 		{
 			"path": "../editor-common/tsconfig.app.json"
 		},
+		{
+			"path": "../editor-plugin-analytics/tsconfig.app.json"
+		},
 		{
 			"path": "../editor-prosemirror/tsconfig.app.json"
 		}