1317 lines
41 KiB
JavaScript
1317 lines
41 KiB
JavaScript
/* This Source Code Form is subject to the terms of the Mozilla Public
|
|
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
|
|
|
|
import { AppConstants } from "resource://gre/modules/AppConstants.sys.mjs";
|
|
|
|
const lazy = {};
|
|
|
|
ChromeUtils.defineESModuleGetters(lazy, {
|
|
BrowserSearchTelemetry: "resource:///modules/BrowserSearchTelemetry.sys.mjs",
|
|
UrlbarPrefs: "resource:///modules/UrlbarPrefs.sys.mjs",
|
|
UrlbarProvidersManager: "resource:///modules/UrlbarProvidersManager.sys.mjs",
|
|
UrlbarTokenizer: "resource:///modules/UrlbarTokenizer.sys.mjs",
|
|
UrlbarUtils: "resource:///modules/UrlbarUtils.sys.mjs",
|
|
});
|
|
|
|
const TELEMETRY_1ST_RESULT = "PLACES_AUTOCOMPLETE_1ST_RESULT_TIME_MS";
|
|
const TELEMETRY_6_FIRST_RESULTS = "PLACES_AUTOCOMPLETE_6_FIRST_RESULTS_TIME_MS";
|
|
|
|
const TELEMETRY_SCALAR_ENGAGEMENT = "urlbar.engagement";
|
|
const TELEMETRY_SCALAR_ABANDONMENT = "urlbar.abandonment";
|
|
|
|
const NOTIFICATIONS = {
|
|
QUERY_STARTED: "onQueryStarted",
|
|
QUERY_RESULTS: "onQueryResults",
|
|
QUERY_RESULT_REMOVED: "onQueryResultRemoved",
|
|
QUERY_CANCELLED: "onQueryCancelled",
|
|
QUERY_FINISHED: "onQueryFinished",
|
|
VIEW_OPEN: "onViewOpen",
|
|
VIEW_CLOSE: "onViewClose",
|
|
};
|
|
|
|
/**
|
|
* The address bar controller handles queries from the address bar, obtains
|
|
* results and returns them to the UI for display.
|
|
*
|
|
* Listeners may be added to listen for the results. They may support the
|
|
* following methods which may be called when a query is run:
|
|
*
|
|
* - onQueryStarted(queryContext)
|
|
* - onQueryResults(queryContext)
|
|
* - onQueryCancelled(queryContext)
|
|
* - onQueryFinished(queryContext)
|
|
* - onQueryResultRemoved(index)
|
|
* - onViewOpen()
|
|
* - onViewClose()
|
|
*/
|
|
export class UrlbarController {
|
|
/**
|
|
* Initialises the class. The manager may be overridden here, this is for
|
|
* test purposes.
|
|
*
|
|
* @param {object} options
|
|
* The initial options for UrlbarController.
|
|
* @param {UrlbarInput} options.input
|
|
* The input this controller is operating with.
|
|
* @param {object} [options.manager]
|
|
* Optional fake providers manager to override the built-in providers manager.
|
|
* Intended for use in unit tests only.
|
|
*/
|
|
constructor(options = {}) {
|
|
if (!options.input) {
|
|
throw new Error("Missing options: input");
|
|
}
|
|
if (!options.input.window) {
|
|
throw new Error("input is missing 'window' property.");
|
|
}
|
|
if (
|
|
!options.input.window.location ||
|
|
options.input.window.location.href != AppConstants.BROWSER_CHROME_URL
|
|
) {
|
|
throw new Error("input.window should be an actual browser window.");
|
|
}
|
|
if (!("isPrivate" in options.input)) {
|
|
throw new Error("input.isPrivate must be set.");
|
|
}
|
|
|
|
this.input = options.input;
|
|
this.browserWindow = options.input.window;
|
|
|
|
this.manager = options.manager || lazy.UrlbarProvidersManager;
|
|
|
|
this._listeners = new Set();
|
|
this._userSelectionBehavior = "none";
|
|
|
|
this.engagementEvent = new TelemetryEvent(
|
|
this,
|
|
options.eventTelemetryCategory
|
|
);
|
|
|
|
ChromeUtils.defineLazyGetter(this, "logger", () =>
|
|
lazy.UrlbarUtils.getLogger({ prefix: "Controller" })
|
|
);
|
|
}
|
|
|
|
get NOTIFICATIONS() {
|
|
return NOTIFICATIONS;
|
|
}
|
|
|
|
/**
|
|
* Hooks up the controller with a view.
|
|
*
|
|
* @param {UrlbarView} view
|
|
* The UrlbarView instance associated with this controller.
|
|
*/
|
|
setView(view) {
|
|
this.view = view;
|
|
}
|
|
|
|
/**
|
|
* Takes a query context and starts the query based on the user input.
|
|
*
|
|
* @param {UrlbarQueryContext} queryContext The query details.
|
|
*/
|
|
async startQuery(queryContext) {
|
|
// Cancel any running query.
|
|
this.cancelQuery();
|
|
|
|
// Wrap the external queryContext, to track a unique object, in case
|
|
// the external consumer reuses the same context multiple times.
|
|
// This also allows to add properties without polluting the context.
|
|
// Note this can't be null-ed or deleted once a query is done, because it's
|
|
// used by #dismissSelectedResult and handleKeyNavigation, that can run after
|
|
// a query is cancelled or finished.
|
|
let contextWrapper = (this._lastQueryContextWrapper = { queryContext });
|
|
|
|
queryContext.lastResultCount = 0;
|
|
TelemetryStopwatch.start(TELEMETRY_1ST_RESULT, queryContext);
|
|
TelemetryStopwatch.start(TELEMETRY_6_FIRST_RESULTS, queryContext);
|
|
|
|
// For proper functionality we must ensure this notification is fired
|
|
// synchronously, as soon as startQuery is invoked, but after any
|
|
// notifications related to the previous query.
|
|
this.notify(NOTIFICATIONS.QUERY_STARTED, queryContext);
|
|
await this.manager.startQuery(queryContext, this);
|
|
// If the query has been cancelled, onQueryFinished was notified already.
|
|
// Note this._lastQueryContextWrapper may have changed in the meanwhile.
|
|
if (
|
|
contextWrapper === this._lastQueryContextWrapper &&
|
|
!contextWrapper.done
|
|
) {
|
|
contextWrapper.done = true;
|
|
// TODO (Bug 1549936) this is necessary to avoid leaks in PB tests.
|
|
this.manager.cancelQuery(queryContext);
|
|
this.notify(NOTIFICATIONS.QUERY_FINISHED, queryContext);
|
|
}
|
|
return queryContext;
|
|
}
|
|
|
|
/**
|
|
* Cancels an in-progress query. Note, queries may continue running if they
|
|
* can't be cancelled.
|
|
*/
|
|
cancelQuery() {
|
|
// If the query finished already, don't handle cancel.
|
|
if (!this._lastQueryContextWrapper || this._lastQueryContextWrapper.done) {
|
|
return;
|
|
}
|
|
|
|
this._lastQueryContextWrapper.done = true;
|
|
|
|
let { queryContext } = this._lastQueryContextWrapper;
|
|
TelemetryStopwatch.cancel(TELEMETRY_1ST_RESULT, queryContext);
|
|
TelemetryStopwatch.cancel(TELEMETRY_6_FIRST_RESULTS, queryContext);
|
|
this.manager.cancelQuery(queryContext);
|
|
this.notify(NOTIFICATIONS.QUERY_CANCELLED, queryContext);
|
|
this.notify(NOTIFICATIONS.QUERY_FINISHED, queryContext);
|
|
}
|
|
|
|
/**
|
|
* Receives results from a query.
|
|
*
|
|
* @param {UrlbarQueryContext} queryContext The query details.
|
|
*/
|
|
receiveResults(queryContext) {
|
|
if (queryContext.lastResultCount < 1 && queryContext.results.length >= 1) {
|
|
TelemetryStopwatch.finish(TELEMETRY_1ST_RESULT, queryContext);
|
|
}
|
|
if (queryContext.lastResultCount < 6 && queryContext.results.length >= 6) {
|
|
TelemetryStopwatch.finish(TELEMETRY_6_FIRST_RESULTS, queryContext);
|
|
}
|
|
|
|
if (queryContext.firstResultChanged) {
|
|
// Notify the input so it can make adjustments based on the first result.
|
|
if (this.input.onFirstResult(queryContext.results[0])) {
|
|
// The input canceled the query and started a new one.
|
|
return;
|
|
}
|
|
|
|
// The first time we receive results try to connect to the heuristic
|
|
// result.
|
|
this.speculativeConnect(
|
|
queryContext.results[0],
|
|
queryContext,
|
|
"resultsadded"
|
|
);
|
|
}
|
|
|
|
this.notify(NOTIFICATIONS.QUERY_RESULTS, queryContext);
|
|
// Update lastResultCount after notifying, so the view can use it.
|
|
queryContext.lastResultCount = queryContext.results.length;
|
|
}
|
|
|
|
/**
|
|
* Adds a listener for query actions and results.
|
|
*
|
|
* @param {object} listener The listener to add.
|
|
* @throws {TypeError} Throws if the listener is not an object.
|
|
*/
|
|
addQueryListener(listener) {
|
|
if (!listener || typeof listener != "object") {
|
|
throw new TypeError("Expected listener to be an object");
|
|
}
|
|
this._listeners.add(listener);
|
|
}
|
|
|
|
/**
|
|
* Removes a query listener.
|
|
*
|
|
* @param {object} listener The listener to add.
|
|
*/
|
|
removeQueryListener(listener) {
|
|
this._listeners.delete(listener);
|
|
}
|
|
|
|
/**
|
|
* Checks whether a keyboard event that would normally open the view should
|
|
* instead be handled natively by the input field.
|
|
* On certain platforms, the up and down keys can be used to move the caret,
|
|
* in which case we only want to open the view if the caret is at the
|
|
* start or end of the input.
|
|
*
|
|
* @param {KeyboardEvent} event
|
|
* The DOM KeyboardEvent.
|
|
* @returns {boolean}
|
|
* Returns true if the event should move the caret instead of opening the
|
|
* view.
|
|
*/
|
|
keyEventMovesCaret(event) {
|
|
if (this.view.isOpen) {
|
|
return false;
|
|
}
|
|
if (AppConstants.platform != "macosx" && AppConstants.platform != "linux") {
|
|
return false;
|
|
}
|
|
let isArrowUp = event.keyCode == KeyEvent.DOM_VK_UP;
|
|
let isArrowDown = event.keyCode == KeyEvent.DOM_VK_DOWN;
|
|
if (!isArrowUp && !isArrowDown) {
|
|
return false;
|
|
}
|
|
let start = this.input.selectionStart;
|
|
let end = this.input.selectionEnd;
|
|
if (
|
|
end != start ||
|
|
(isArrowUp && start > 0) ||
|
|
(isArrowDown && end < this.input.value.length)
|
|
) {
|
|
return true;
|
|
}
|
|
return false;
|
|
}
|
|
|
|
/**
|
|
* Receives keyboard events from the input and handles those that should
|
|
* navigate within the view or pick the currently selected item.
|
|
*
|
|
* @param {KeyboardEvent} event
|
|
* The DOM KeyboardEvent.
|
|
* @param {boolean} executeAction
|
|
* Whether the event should actually execute the associated action, or just
|
|
* be managed (at a preventDefault() level). This is used when the event
|
|
* will be deferred by the event bufferer, but preventDefault() and friends
|
|
* should still happen synchronously.
|
|
*/
|
|
handleKeyNavigation(event, executeAction = true) {
|
|
const isMac = AppConstants.platform == "macosx";
|
|
// Handle readline/emacs-style navigation bindings on Mac.
|
|
if (
|
|
isMac &&
|
|
this.view.isOpen &&
|
|
event.ctrlKey &&
|
|
(event.key == "n" || event.key == "p")
|
|
) {
|
|
if (executeAction) {
|
|
this.view.selectBy(1, { reverse: event.key == "p" });
|
|
}
|
|
event.preventDefault();
|
|
return;
|
|
}
|
|
|
|
if (this.view.isOpen && executeAction && this._lastQueryContextWrapper) {
|
|
// In native inputs on most platforms, Shift+Up/Down moves the caret to the
|
|
// start/end of the input and changes its selection, so in that case defer
|
|
// handling to the input instead of changing the view's selection.
|
|
if (
|
|
event.shiftKey &&
|
|
(event.keyCode === KeyEvent.DOM_VK_UP ||
|
|
event.keyCode === KeyEvent.DOM_VK_DOWN)
|
|
) {
|
|
return;
|
|
}
|
|
|
|
let { queryContext } = this._lastQueryContextWrapper;
|
|
let handled = this.view.oneOffSearchButtons.handleKeyDown(
|
|
event,
|
|
this.view.visibleRowCount,
|
|
this.view.allowEmptySelection,
|
|
queryContext.searchString
|
|
);
|
|
if (handled) {
|
|
return;
|
|
}
|
|
}
|
|
|
|
switch (event.keyCode) {
|
|
case KeyEvent.DOM_VK_ESCAPE:
|
|
if (executeAction) {
|
|
if (this.view.isOpen) {
|
|
this.view.close();
|
|
} else {
|
|
this.input.handleRevert(true);
|
|
}
|
|
}
|
|
event.preventDefault();
|
|
break;
|
|
case KeyEvent.DOM_VK_SPACE:
|
|
if (!this.view.shouldSpaceActivateSelectedElement()) {
|
|
break;
|
|
}
|
|
// Fall through, we want the SPACE key to activate this element.
|
|
case KeyEvent.DOM_VK_RETURN:
|
|
this.logger.debug(`Enter pressed${executeAction ? "" : " delayed"}`);
|
|
if (executeAction) {
|
|
this.input.handleCommand(event);
|
|
}
|
|
event.preventDefault();
|
|
break;
|
|
case KeyEvent.DOM_VK_TAB:
|
|
// It's always possible to tab through results when the urlbar was
|
|
// focused with the mouse or has a search string, or when the view
|
|
// already has a selection.
|
|
// We allow tabbing without a search string when in search mode preview,
|
|
// since that means the user has interacted with the Urlbar since
|
|
// opening it.
|
|
// When there's no search string and no view selection, we want to focus
|
|
// the next toolbar item instead, for accessibility reasons.
|
|
let allowTabbingThroughResults =
|
|
this.input.focusedViaMousedown ||
|
|
this.input.searchMode?.isPreview ||
|
|
this.view.selectedElement ||
|
|
(this.input.value &&
|
|
this.input.getAttribute("pageproxystate") != "valid");
|
|
if (
|
|
// Even if the view is closed, we may be waiting results, and in
|
|
// such a case we don't want to tab out of the urlbar.
|
|
(this.view.isOpen || !executeAction) &&
|
|
!event.ctrlKey &&
|
|
!event.altKey &&
|
|
allowTabbingThroughResults
|
|
) {
|
|
if (executeAction) {
|
|
this.userSelectionBehavior = "tab";
|
|
this.view.selectBy(1, {
|
|
reverse: event.shiftKey,
|
|
userPressedTab: true,
|
|
});
|
|
}
|
|
event.preventDefault();
|
|
}
|
|
break;
|
|
case KeyEvent.DOM_VK_PAGE_DOWN:
|
|
case KeyEvent.DOM_VK_PAGE_UP:
|
|
if (event.ctrlKey) {
|
|
break;
|
|
}
|
|
// eslint-disable-next-lined no-fallthrough
|
|
case KeyEvent.DOM_VK_DOWN:
|
|
case KeyEvent.DOM_VK_UP:
|
|
if (event.altKey) {
|
|
break;
|
|
}
|
|
if (this.view.isOpen) {
|
|
if (executeAction) {
|
|
this.userSelectionBehavior = "arrow";
|
|
this.view.selectBy(
|
|
event.keyCode == KeyEvent.DOM_VK_PAGE_DOWN ||
|
|
event.keyCode == KeyEvent.DOM_VK_PAGE_UP
|
|
? lazy.UrlbarUtils.PAGE_UP_DOWN_DELTA
|
|
: 1,
|
|
{
|
|
reverse:
|
|
event.keyCode == KeyEvent.DOM_VK_UP ||
|
|
event.keyCode == KeyEvent.DOM_VK_PAGE_UP,
|
|
}
|
|
);
|
|
}
|
|
} else {
|
|
if (this.keyEventMovesCaret(event)) {
|
|
break;
|
|
}
|
|
if (executeAction) {
|
|
this.userSelectionBehavior = "arrow";
|
|
this.input.startQuery({
|
|
searchString: this.input.value,
|
|
event,
|
|
});
|
|
}
|
|
}
|
|
event.preventDefault();
|
|
break;
|
|
case KeyEvent.DOM_VK_RIGHT:
|
|
case KeyEvent.DOM_VK_END:
|
|
this.input.maybeConfirmSearchModeFromResult({
|
|
entry: "typed",
|
|
});
|
|
// Fall through.
|
|
case KeyEvent.DOM_VK_LEFT:
|
|
case KeyEvent.DOM_VK_HOME:
|
|
this.view.removeAccessibleFocus();
|
|
break;
|
|
case KeyEvent.DOM_VK_BACK_SPACE:
|
|
if (
|
|
this.input.searchMode &&
|
|
this.input.selectionStart == 0 &&
|
|
this.input.selectionEnd == 0 &&
|
|
!event.shiftKey
|
|
) {
|
|
this.input.searchMode = null;
|
|
this.input.view.oneOffSearchButtons.selectedButton = null;
|
|
this.input.startQuery({
|
|
allowAutofill: false,
|
|
event,
|
|
});
|
|
}
|
|
// Fall through.
|
|
case KeyEvent.DOM_VK_DELETE:
|
|
if (!this.view.isOpen) {
|
|
break;
|
|
}
|
|
if (event.shiftKey) {
|
|
if (!executeAction || this.#dismissSelectedResult(event)) {
|
|
event.preventDefault();
|
|
}
|
|
} else if (executeAction) {
|
|
this.userSelectionBehavior = "none";
|
|
}
|
|
break;
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Tries to initialize a speculative connection on a result.
|
|
* Speculative connections are only supported for a subset of all the results.
|
|
*
|
|
* Speculative connect to:
|
|
* - Search engine heuristic results
|
|
* - autofill results
|
|
* - http/https results
|
|
*
|
|
* @param {UrlbarResult} result The result to speculative connect to.
|
|
* @param {UrlbarQueryContext} context The queryContext
|
|
* @param {string} reason Reason for the speculative connect request.
|
|
*/
|
|
speculativeConnect(result, context, reason) {
|
|
// Never speculative connect in private contexts.
|
|
if (!this.input || context.isPrivate || !context.results.length) {
|
|
return;
|
|
}
|
|
let { url } = lazy.UrlbarUtils.getUrlFromResult(result);
|
|
if (!url) {
|
|
return;
|
|
}
|
|
|
|
switch (reason) {
|
|
case "resultsadded": {
|
|
// We should connect to an heuristic result, if it exists.
|
|
if (
|
|
(result == context.results[0] && result.heuristic) ||
|
|
result.autofill
|
|
) {
|
|
if (result.type == lazy.UrlbarUtils.RESULT_TYPE.SEARCH) {
|
|
// Speculative connect only if search suggestions are enabled.
|
|
if (
|
|
lazy.UrlbarPrefs.get("suggest.searches") &&
|
|
lazy.UrlbarPrefs.get("browser.search.suggest.enabled")
|
|
) {
|
|
let engine = Services.search.getEngineByName(
|
|
result.payload.engine
|
|
);
|
|
lazy.UrlbarUtils.setupSpeculativeConnection(
|
|
engine,
|
|
this.browserWindow
|
|
);
|
|
}
|
|
} else if (result.autofill) {
|
|
lazy.UrlbarUtils.setupSpeculativeConnection(
|
|
url,
|
|
this.browserWindow
|
|
);
|
|
}
|
|
}
|
|
return;
|
|
}
|
|
case "mousedown": {
|
|
// On mousedown, connect only to http/https urls.
|
|
if (url.startsWith("http")) {
|
|
lazy.UrlbarUtils.setupSpeculativeConnection(url, this.browserWindow);
|
|
}
|
|
return;
|
|
}
|
|
default: {
|
|
throw new Error("Invalid speculative connection reason");
|
|
}
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Stores the selection behavior that the user has used to select a result.
|
|
*
|
|
* @param {"arrow"|"tab"|"none"} behavior
|
|
* The behavior the user used.
|
|
*/
|
|
set userSelectionBehavior(behavior) {
|
|
// Don't change the behavior to arrow if tab has already been recorded,
|
|
// as we want to know that the tab was used first.
|
|
if (behavior == "arrow" && this._userSelectionBehavior == "tab") {
|
|
return;
|
|
}
|
|
this._userSelectionBehavior = behavior;
|
|
}
|
|
|
|
/**
|
|
* Records details of the selected result in telemetry. We only record the
|
|
* selection behavior, type and index.
|
|
*
|
|
* @param {Event} event
|
|
* The event which triggered the result to be selected.
|
|
* @param {UrlbarResult} result
|
|
* The selected result.
|
|
*/
|
|
recordSelectedResult(event, result) {
|
|
let resultIndex = result ? result.rowIndex : -1;
|
|
let selectedResult = -1;
|
|
if (resultIndex >= 0) {
|
|
// Except for the history popup, the urlbar always has a selection. The
|
|
// first result at index 0 is the "heuristic" result that indicates what
|
|
// will happen when you press the Enter key. Treat it as no selection.
|
|
selectedResult = resultIndex > 0 || !result.heuristic ? resultIndex : -1;
|
|
}
|
|
lazy.BrowserSearchTelemetry.recordSearchSuggestionSelectionMethod(
|
|
event,
|
|
"urlbar",
|
|
selectedResult,
|
|
this._userSelectionBehavior
|
|
);
|
|
|
|
if (!result) {
|
|
return;
|
|
}
|
|
|
|
// Do not modify existing telemetry types. To add a new type:
|
|
//
|
|
// * Set telemetryType appropriately. Since telemetryType is used as the
|
|
// probe name, it must be alphanumeric with optional underscores.
|
|
// * Add a new keyed scalar probe into the urlbar.picked category for the
|
|
// newly added telemetryType.
|
|
// * Add a test named browser_UsageTelemetry_urlbar_newType.js to
|
|
// browser/modules/test/browser.
|
|
//
|
|
// The "topsite" type overrides the other ones, because it starts from a
|
|
// unique user interaction, that we want to count apart. We do this here
|
|
// rather than in telemetryTypeFromResult because other consumers, like
|
|
// events telemetry, are reporting this information separately.
|
|
let telemetryType =
|
|
result.providerName == "UrlbarProviderTopSites"
|
|
? "topsite"
|
|
: lazy.UrlbarUtils.telemetryTypeFromResult(result);
|
|
Services.telemetry.keyedScalarAdd(
|
|
`urlbar.picked.${telemetryType}`,
|
|
resultIndex,
|
|
1
|
|
);
|
|
if (this.input.searchMode && !this.input.searchMode.isPreview) {
|
|
Services.telemetry.keyedScalarAdd(
|
|
`urlbar.picked.searchmode.${this.input.searchMode.entry}`,
|
|
resultIndex,
|
|
1
|
|
);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Triggers a "dismiss" engagement for the selected result if one is selected
|
|
* and it's not the heuristic. Providers that can respond to dismissals of
|
|
* their results should implement `onEngagement()`, handle the dismissal, and
|
|
* call `controller.removeResult()`.
|
|
*
|
|
* @param {Event} event
|
|
* The event that triggered dismissal.
|
|
* @returns {boolean}
|
|
* Whether providers were notified about the engagement. Providers will not
|
|
* be notified if there is no selected result or the selected result is the
|
|
* heuristic, since the heuristic result cannot be dismissed.
|
|
*/
|
|
#dismissSelectedResult(event) {
|
|
if (!this._lastQueryContextWrapper) {
|
|
console.error("Cannot dismiss selected result, last query not present");
|
|
return false;
|
|
}
|
|
let { queryContext } = this._lastQueryContextWrapper;
|
|
|
|
let { selectedElement } = this.input.view;
|
|
if (selectedElement?.classList.contains("urlbarView-button")) {
|
|
// For results with buttons, delete them only when the main part of the
|
|
// row is selected, not a button.
|
|
return false;
|
|
}
|
|
|
|
let result = this.input.view.selectedResult;
|
|
if (!result || result.heuristic) {
|
|
return false;
|
|
}
|
|
|
|
this.engagementEvent.record(event, {
|
|
result,
|
|
selType: "dismiss",
|
|
searchString: queryContext.searchString,
|
|
});
|
|
|
|
return true;
|
|
}
|
|
|
|
/**
|
|
* Removes a result from the current query context and notifies listeners.
|
|
* Heuristic results cannot be removed.
|
|
*
|
|
* @param {UrlbarResult} result
|
|
* The result to remove.
|
|
*/
|
|
removeResult(result) {
|
|
if (!result || result.heuristic) {
|
|
return;
|
|
}
|
|
|
|
if (!this._lastQueryContextWrapper) {
|
|
console.error("Cannot remove result, last query not present");
|
|
return;
|
|
}
|
|
let { queryContext } = this._lastQueryContextWrapper;
|
|
|
|
let index = queryContext.results.indexOf(result);
|
|
if (index < 0) {
|
|
console.error("Failed to find the selected result in the results");
|
|
return;
|
|
}
|
|
|
|
queryContext.results.splice(index, 1);
|
|
this.notify(NOTIFICATIONS.QUERY_RESULT_REMOVED, index);
|
|
}
|
|
|
|
/**
|
|
* Set the query context cache.
|
|
*
|
|
* @param {UrlbarQueryContext} queryContext the object to cache.
|
|
*/
|
|
setLastQueryContextCache(queryContext) {
|
|
this._lastQueryContextWrapper = { queryContext };
|
|
}
|
|
|
|
/**
|
|
* Clear the previous query context cache.
|
|
*/
|
|
clearLastQueryContextCache() {
|
|
this._lastQueryContextWrapper = null;
|
|
}
|
|
|
|
/**
|
|
* Notifies listeners of results.
|
|
*
|
|
* @param {string} name Name of the notification.
|
|
* @param {object} params Parameters to pass with the notification.
|
|
*/
|
|
notify(name, ...params) {
|
|
for (let listener of this._listeners) {
|
|
// Can't use "in" because some tests proxify these.
|
|
if (typeof listener[name] != "undefined") {
|
|
try {
|
|
listener[name](...params);
|
|
} catch (ex) {
|
|
console.error(ex);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Tracks and records telemetry events for the given category, if provided,
|
|
* otherwise it's a no-op.
|
|
* It is currently designed around the "urlbar" category, even if it can
|
|
* potentially be extended to other categories.
|
|
* To record an event, invoke start() with a starting event, then either
|
|
* invoke record() with a final event, or discard() to drop the recording.
|
|
*
|
|
* @see Events.yaml
|
|
*/
|
|
class TelemetryEvent {
|
|
constructor(controller, category) {
|
|
this._controller = controller;
|
|
this._category = category;
|
|
this.#exposureResultTypes = new Set();
|
|
this.#beginObservingPingPrefs();
|
|
}
|
|
|
|
/**
|
|
* Start measuring the elapsed time from a user-generated event.
|
|
* After this has been invoked, any subsequent calls to start() are ignored,
|
|
* until either record() or discard() are invoked. Thus, it is safe to keep
|
|
* invoking this on every input event as the user is typing, for example.
|
|
*
|
|
* @param {event} event A DOM event.
|
|
* @param {UrlbarQueryContext} queryContext A queryContext.
|
|
* @param {string} [searchString] Pass a search string related to the event if
|
|
* you have one. The event by itself sometimes isn't enough to
|
|
* determine the telemetry details we should record.
|
|
* @throws This should never throw, or it may break the urlbar.
|
|
* @see {@link https://firefox-source-docs.mozilla.org/browser/urlbar/telemetry.html}
|
|
*/
|
|
start(event, queryContext, searchString = null) {
|
|
if (this._startEventInfo) {
|
|
if (this._startEventInfo.interactionType == "topsites") {
|
|
// If the most recent event came from opening the results pane with an
|
|
// empty string replace the interactionType (that would be "topsites")
|
|
// with one for the current event to better measure the user flow.
|
|
this._startEventInfo.interactionType = this._getStartInteractionType(
|
|
event,
|
|
searchString
|
|
);
|
|
this._startEventInfo.searchString = searchString;
|
|
} else if (
|
|
this._startEventInfo.interactionType == "returned" &&
|
|
(!searchString ||
|
|
this._startEventInfo.searchString[0] != searchString[0])
|
|
) {
|
|
// In case of a "returned" interaction ongoing, the user may either
|
|
// continue the search, or restart with a new search string. In that case
|
|
// we want to change the interaction type to "restarted".
|
|
// Detecting all the possible ways of clearing the input would be tricky,
|
|
// thus this makes a guess by just checking the first char matches; even if
|
|
// the user backspaces a part of the string, we still count that as a
|
|
// "returned" interaction.
|
|
this._startEventInfo.interactionType = "restarted";
|
|
}
|
|
|
|
// start is invoked on a user-generated event, but we only count the first
|
|
// one. Once an engagement or abandoment happens, we clear _startEventInfo.
|
|
return;
|
|
}
|
|
|
|
if (!this._category) {
|
|
return;
|
|
}
|
|
if (!event) {
|
|
console.error("Must always provide an event");
|
|
return;
|
|
}
|
|
const validEvents = [
|
|
"click",
|
|
"command",
|
|
"drop",
|
|
"input",
|
|
"keydown",
|
|
"mousedown",
|
|
"tabswitch",
|
|
"focus",
|
|
];
|
|
if (!validEvents.includes(event.type)) {
|
|
console.error("Can't start recording from event type: ", event.type);
|
|
return;
|
|
}
|
|
|
|
this._startEventInfo = {
|
|
timeStamp: event.timeStamp || Cu.now(),
|
|
interactionType: this._getStartInteractionType(event, searchString),
|
|
searchString,
|
|
};
|
|
|
|
this._controller.manager.notifyEngagementChange(
|
|
"start",
|
|
queryContext,
|
|
{},
|
|
this._controller
|
|
);
|
|
}
|
|
|
|
/**
|
|
* Record an engagement telemetry event.
|
|
* When the user picks a result from a search through the mouse or keyboard,
|
|
* an engagement event is recorded. If instead the user abandons a search, by
|
|
* blurring the input field, an abandonment event is recorded.
|
|
*
|
|
* On return, `details.isSessionOngoing` will be set to true if the engagement
|
|
* did not end the search session. Not all engagements end the session. The
|
|
* session remains ongoing when certain commands are picked (like dismissal)
|
|
* and results that enter search mode are picked.
|
|
*
|
|
* @param {event} [event]
|
|
* A DOM event.
|
|
* Note: event can be null, that usually happens for paste&go or drop&go.
|
|
* If there's no _startEventInfo this is a no-op.
|
|
* @param {object} details An object describing action details.
|
|
* @param {string} [details.searchString] The user's search string. Note that
|
|
* this string is not sent with telemetry data. It is only used
|
|
* locally to discern other data, such as the number of characters and
|
|
* words in the string.
|
|
* @param {string} [details.selType] type of the selected element, undefined
|
|
* for "blur". One of "unknown", "autofill", "visiturl", "bookmark",
|
|
* "help", "history", "keyword", "searchengine", "searchsuggestion",
|
|
* "switchtab", "remotetab", "extension", "oneoff", "dismiss".
|
|
* @param {UrlbarResult} [details.result] The engaged result. This should be
|
|
* set to the result related to the picked element.
|
|
* @param {DOMElement} [details.element] The picked view element.
|
|
*/
|
|
record(event, details) {
|
|
// This should never throw, or it may break the urlbar.
|
|
try {
|
|
this._internalRecord(event, details);
|
|
} catch (ex) {
|
|
console.error("Could not record event: ", ex);
|
|
} finally {
|
|
// Reset the start event info except for engagements that do not end the
|
|
// search session. In that case, the view stays open and further
|
|
// engagements are possible and should be recorded when they occur.
|
|
// (`details.isSessionOngoing` is not a param; rather, it's set by
|
|
// `_internalRecord()`.)
|
|
if (!details.isSessionOngoing) {
|
|
this._startEventInfo = null;
|
|
this._discarded = false;
|
|
}
|
|
}
|
|
}
|
|
|
|
_internalRecord(event, details) {
|
|
const startEventInfo = this._startEventInfo;
|
|
|
|
if (!this._category || !startEventInfo) {
|
|
if (this._discarded && this._category && details?.selType !== "dismiss") {
|
|
let { queryContext } = this._controller._lastQueryContextWrapper || {};
|
|
this._controller.manager.notifyEngagementChange(
|
|
"discard",
|
|
queryContext,
|
|
{},
|
|
this._controller
|
|
);
|
|
}
|
|
return;
|
|
}
|
|
if (
|
|
!event &&
|
|
startEventInfo.interactionType != "pasted" &&
|
|
startEventInfo.interactionType != "dropped"
|
|
) {
|
|
// If no event is passed, we must be executing either paste&go or drop&go.
|
|
throw new Error("Event must be defined, unless input was pasted/dropped");
|
|
}
|
|
if (!details) {
|
|
throw new Error("Invalid event details: " + details);
|
|
}
|
|
|
|
let action;
|
|
let skipLegacyTelemetry = false;
|
|
if (!event) {
|
|
action =
|
|
startEventInfo.interactionType == "dropped" ? "drop_go" : "paste_go";
|
|
} else if (event.type == "blur") {
|
|
action = "blur";
|
|
} else if (event.type == "tabswitch") {
|
|
action = "tab_switch";
|
|
} else if (
|
|
details.element?.dataset.command &&
|
|
// The "help" selType is recognized by legacy telemetry, and `action`
|
|
// should be set to either "click" or "enter" depending on whether the
|
|
// event is a mouse event, so ignore "help" here.
|
|
details.element.dataset.command != "help"
|
|
) {
|
|
action = details.element.dataset.command;
|
|
skipLegacyTelemetry = true;
|
|
} else if (details.selType == "dismiss") {
|
|
action = "dismiss";
|
|
skipLegacyTelemetry = true;
|
|
} else if (MouseEvent.isInstance(event)) {
|
|
action = event.target.id == "urlbar-go-button" ? "go_button" : "click";
|
|
} else {
|
|
action = "enter";
|
|
}
|
|
|
|
let method =
|
|
action == "blur" || action == "tab_switch" ? "abandonment" : "engagement";
|
|
|
|
if (method == "engagement") {
|
|
// Not all engagements end the search session. The session remains ongoing
|
|
// when certain commands are picked (like dismissal) and results that
|
|
// enter search mode are picked. We should find a generalized way to
|
|
// determine this instead of listing all the cases like this.
|
|
details.isSessionOngoing = !!(
|
|
["dismiss", "inaccurate_location", "show_less_frequently"].includes(
|
|
details.selType
|
|
) || details.result?.payload.providesSearchMode
|
|
);
|
|
}
|
|
|
|
// numWords is not a perfect measurement, since it will return an incorrect
|
|
// value for languages that do not use spaces or URLs containing spaces in
|
|
// its query parameters, for example.
|
|
let { numChars, numWords, searchWords } = this._parseSearchString(
|
|
details.searchString
|
|
);
|
|
|
|
details.provider = details.result?.providerName;
|
|
details.selIndex = details.result?.rowIndex ?? -1;
|
|
|
|
let { queryContext } = this._controller._lastQueryContextWrapper || {};
|
|
|
|
this._recordSearchEngagementTelemetry(
|
|
queryContext,
|
|
method,
|
|
startEventInfo,
|
|
{
|
|
action,
|
|
numChars,
|
|
numWords,
|
|
searchWords,
|
|
provider: details.provider,
|
|
searchSource: details.searchSource,
|
|
searchMode: details.searchMode,
|
|
selectedElement: details.element,
|
|
selIndex: details.selIndex,
|
|
selType: details.selType,
|
|
}
|
|
);
|
|
|
|
if (skipLegacyTelemetry) {
|
|
this._controller.manager.notifyEngagementChange(
|
|
method,
|
|
queryContext,
|
|
details,
|
|
this._controller
|
|
);
|
|
return;
|
|
}
|
|
|
|
Services.telemetry.scalarAdd(
|
|
method == "engagement"
|
|
? TELEMETRY_SCALAR_ENGAGEMENT
|
|
: TELEMETRY_SCALAR_ABANDONMENT,
|
|
1
|
|
);
|
|
|
|
if (
|
|
method === "engagement" &&
|
|
this._controller.view?.visibleResults?.[0]?.autofill
|
|
) {
|
|
// Record autofill impressions upon engagement.
|
|
const type = lazy.UrlbarUtils.telemetryTypeFromResult(
|
|
this._controller.view.visibleResults[0]
|
|
);
|
|
Services.telemetry.scalarAdd(`urlbar.impression.${type}`, 1);
|
|
}
|
|
|
|
this._controller.manager.notifyEngagementChange(
|
|
method,
|
|
queryContext,
|
|
details,
|
|
this._controller
|
|
);
|
|
}
|
|
|
|
_recordSearchEngagementTelemetry(
|
|
queryContext,
|
|
method,
|
|
startEventInfo,
|
|
{
|
|
action,
|
|
numWords,
|
|
numChars,
|
|
provider,
|
|
reason,
|
|
searchWords,
|
|
searchSource,
|
|
searchMode,
|
|
selectedElement,
|
|
selIndex,
|
|
selType,
|
|
}
|
|
) {
|
|
const browserWindow = this._controller.browserWindow;
|
|
let sap = "urlbar";
|
|
if (searchSource === "urlbar-handoff") {
|
|
sap = "handoff";
|
|
} else if (
|
|
browserWindow.isBlankPageURL(browserWindow.gBrowser.currentURI.spec)
|
|
) {
|
|
sap = "urlbar_newtab";
|
|
} else if (browserWindow.gBrowser.currentURI.schemeIs("moz-extension")) {
|
|
sap = "urlbar_addonpage";
|
|
}
|
|
|
|
searchMode = searchMode ?? this._controller.input.searchMode;
|
|
|
|
// Distinguish user typed search strings from persisted search terms.
|
|
const interaction = this.#getInteractionType(
|
|
method,
|
|
startEventInfo,
|
|
searchSource,
|
|
searchWords,
|
|
searchMode
|
|
);
|
|
const search_mode = this.#getSearchMode(searchMode);
|
|
const currentResults = this._controller.view?.visibleResults ?? [];
|
|
let numResults = currentResults.length;
|
|
let groups = currentResults
|
|
.map(r => lazy.UrlbarUtils.searchEngagementTelemetryGroup(r))
|
|
.join(",");
|
|
let results = currentResults
|
|
.map(r => lazy.UrlbarUtils.searchEngagementTelemetryType(r))
|
|
.join(",");
|
|
const search_engine_default_id = Services.search.defaultEngine.telemetryId;
|
|
|
|
let eventInfo;
|
|
if (method === "engagement") {
|
|
const selected_result = lazy.UrlbarUtils.searchEngagementTelemetryType(
|
|
currentResults[selIndex],
|
|
selType
|
|
);
|
|
const selected_result_subtype =
|
|
lazy.UrlbarUtils.searchEngagementTelemetrySubtype(
|
|
currentResults[selIndex],
|
|
selectedElement
|
|
);
|
|
|
|
if (selected_result === "input_field" && !this._controller.view?.isOpen) {
|
|
numResults = 0;
|
|
groups = "";
|
|
results = "";
|
|
}
|
|
|
|
eventInfo = {
|
|
sap,
|
|
interaction,
|
|
search_mode,
|
|
n_chars: numChars,
|
|
n_words: numWords,
|
|
n_results: numResults,
|
|
selected_position: selIndex + 1,
|
|
selected_result,
|
|
selected_result_subtype,
|
|
provider,
|
|
engagement_type:
|
|
selType === "help" || selType === "dismiss" ? selType : action,
|
|
search_engine_default_id,
|
|
groups,
|
|
results,
|
|
};
|
|
} else if (method === "abandonment") {
|
|
eventInfo = {
|
|
abandonment_type: action,
|
|
sap,
|
|
interaction,
|
|
search_mode,
|
|
n_chars: numChars,
|
|
n_words: numWords,
|
|
n_results: numResults,
|
|
search_engine_default_id,
|
|
groups,
|
|
results,
|
|
};
|
|
} else if (method === "impression") {
|
|
eventInfo = {
|
|
reason,
|
|
sap,
|
|
interaction,
|
|
search_mode,
|
|
n_chars: numChars,
|
|
n_words: numWords,
|
|
n_results: numResults,
|
|
search_engine_default_id,
|
|
groups,
|
|
results,
|
|
};
|
|
} else {
|
|
console.error(`Unknown telemetry event method: ${method}`);
|
|
return;
|
|
}
|
|
|
|
// First check to see if we can record an exposure event
|
|
if (
|
|
(method === "abandonment" || method === "engagement") &&
|
|
this.#exposureResultTypes.size
|
|
) {
|
|
const exposureResults = Array.from(this.#exposureResultTypes).join(",");
|
|
this._controller.logger.debug(
|
|
`exposure event: ${JSON.stringify({ results: exposureResults })}`
|
|
);
|
|
Glean.urlbar.exposure.record({ results: exposureResults });
|
|
|
|
// reset the provider list on the controller
|
|
this.#exposureResultTypes.clear();
|
|
}
|
|
|
|
this._controller.logger.info(
|
|
`${method} event: ${JSON.stringify(eventInfo)}`
|
|
);
|
|
|
|
Glean.urlbar[method].record(eventInfo);
|
|
}
|
|
|
|
/**
|
|
* Add result type to engagementEvent instance exposureResultTypes Set.
|
|
*
|
|
* @param {UrlbarResult} result UrlbarResult to have exposure recorded.
|
|
*/
|
|
addExposure(result) {
|
|
if (result.exposureResultType) {
|
|
this.#exposureResultTypes.add(result.exposureResultType);
|
|
}
|
|
}
|
|
|
|
#getInteractionType(
|
|
method,
|
|
startEventInfo,
|
|
searchSource,
|
|
searchWords,
|
|
searchMode
|
|
) {
|
|
if (searchMode?.entry === "topsites_newtab") {
|
|
return "topsite_search";
|
|
}
|
|
|
|
let interaction = startEventInfo.interactionType;
|
|
if (
|
|
(interaction === "returned" || interaction === "restarted") &&
|
|
this._isRefined(new Set(searchWords), this.#previousSearchWordsSet)
|
|
) {
|
|
interaction = "refined";
|
|
}
|
|
|
|
if (searchSource === "urlbar-persisted") {
|
|
switch (interaction) {
|
|
case "returned": {
|
|
interaction = "persisted_search_terms";
|
|
break;
|
|
}
|
|
case "restarted":
|
|
case "refined": {
|
|
interaction = `persisted_search_terms_${interaction}`;
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
|
|
if (
|
|
(method === "engagement" &&
|
|
lazy.UrlbarPrefs.isPersistedSearchTermsEnabled()) ||
|
|
method === "abandonment"
|
|
) {
|
|
this.#previousSearchWordsSet = new Set(searchWords);
|
|
} else if (method === "engagement") {
|
|
this.#previousSearchWordsSet = null;
|
|
}
|
|
|
|
return interaction;
|
|
}
|
|
|
|
#getSearchMode(searchMode) {
|
|
if (!searchMode) {
|
|
return "";
|
|
}
|
|
|
|
if (searchMode.engineName) {
|
|
return "search_engine";
|
|
}
|
|
|
|
const source = lazy.UrlbarUtils.LOCAL_SEARCH_MODES.find(
|
|
m => m.source == searchMode.source
|
|
)?.telemetryLabel;
|
|
return source ?? "unknown";
|
|
}
|
|
|
|
_parseSearchString(searchString) {
|
|
let numChars = searchString.length.toString();
|
|
let searchWords = searchString
|
|
.substring(0, lazy.UrlbarUtils.MAX_TEXT_LENGTH)
|
|
.trim()
|
|
.split(lazy.UrlbarTokenizer.REGEXP_SPACES)
|
|
.filter(t => t);
|
|
let numWords = searchWords.length.toString();
|
|
|
|
return {
|
|
numChars,
|
|
numWords,
|
|
searchWords,
|
|
};
|
|
}
|
|
|
|
/**
|
|
* Checks whether re-searched by modifying some of the keywords from the
|
|
* previous search. Concretely, returns true if there is intersects between
|
|
* both keywords, otherwise returns false. Also, returns false even if both
|
|
* are the same.
|
|
*
|
|
* @param {Set} currentSet The current keywords.
|
|
* @param {Set} [previousSet] The previous keywords.
|
|
* @returns {boolean} true if current searching are refined.
|
|
*/
|
|
_isRefined(currentSet, previousSet = null) {
|
|
if (!previousSet) {
|
|
return false;
|
|
}
|
|
|
|
const intersect = (setA, setB) => {
|
|
let count = 0;
|
|
for (const word of setA.values()) {
|
|
if (setB.has(word)) {
|
|
count += 1;
|
|
}
|
|
}
|
|
return count > 0 && count != setA.size;
|
|
};
|
|
|
|
return (
|
|
intersect(currentSet, previousSet) || intersect(previousSet, currentSet)
|
|
);
|
|
}
|
|
|
|
_getStartInteractionType(event, searchString) {
|
|
if (event.interactionType) {
|
|
return event.interactionType;
|
|
} else if (event.type == "input") {
|
|
return lazy.UrlbarUtils.isPasteEvent(event) ? "pasted" : "typed";
|
|
} else if (event.type == "drop") {
|
|
return "dropped";
|
|
} else if (searchString) {
|
|
return "typed";
|
|
}
|
|
return "topsites";
|
|
}
|
|
|
|
/**
|
|
* Resets the currently tracked user-generated event that was registered via
|
|
* start(), so it won't be recorded. If there's no tracked event, this is a
|
|
* no-op.
|
|
*/
|
|
discard() {
|
|
if (this._startEventInfo) {
|
|
this._startEventInfo = null;
|
|
this._discarded = true;
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Extracts a telemetry type from a result and the element being interacted
|
|
* with for event telemetry.
|
|
*
|
|
* @param {object} result The element to analyze.
|
|
* @param {Element} element The element to analyze.
|
|
* @returns {string} a string type for the telemetry event.
|
|
*/
|
|
typeFromElement(result, element) {
|
|
if (!element) {
|
|
return "none";
|
|
}
|
|
if (element.dataset.command == "help") {
|
|
return result?.type == lazy.UrlbarUtils.RESULT_TYPE.TIP
|
|
? "tiphelp"
|
|
: "help";
|
|
}
|
|
if (element.dataset.command == "dismiss") {
|
|
return "block";
|
|
}
|
|
// Now handle the result.
|
|
return lazy.UrlbarUtils.telemetryTypeFromResult(result);
|
|
}
|
|
|
|
/**
|
|
* Reset the internal state. This function is used for only when testing.
|
|
*/
|
|
reset() {
|
|
this.#previousSearchWordsSet = null;
|
|
}
|
|
|
|
#PING_PREFS = {
|
|
maxRichResults: Glean.urlbar.prefMaxResults,
|
|
"quicksuggest.dataCollection.enabled":
|
|
Glean.urlbar.prefSuggestDataCollection,
|
|
"suggest.quicksuggest.nonsponsored": Glean.urlbar.prefSuggestNonsponsored,
|
|
"suggest.quicksuggest.sponsored": Glean.urlbar.prefSuggestSponsored,
|
|
"suggest.topsites": Glean.urlbar.prefSuggestTopsites,
|
|
};
|
|
|
|
#beginObservingPingPrefs() {
|
|
for (const p of Object.keys(this.#PING_PREFS)) {
|
|
this.onPrefChanged(p);
|
|
}
|
|
lazy.UrlbarPrefs.addObserver(this);
|
|
}
|
|
|
|
onPrefChanged(pref) {
|
|
const metric = this.#PING_PREFS[pref];
|
|
if (metric) {
|
|
metric.set(lazy.UrlbarPrefs.get(pref));
|
|
}
|
|
}
|
|
|
|
#previousSearchWordsSet = null;
|
|
|
|
#exposureResultTypes;
|
|
}
|