fune/browser/components/urlbar/UrlbarProviderExtension.jsm
Drew Willcoxon b7a84320fc Bug 1694315 - Add queryContext and details parameters to UrlbarProvider.onEngagement(). r=harry
There are a couple of things that would make collecting engagement telemetry
like impressions and clicks a lot easier: having the query context and details
of the picked result. We need to collect this exact telemetry for the top sites
and quick suggest experiments. For quick suggest in particular, we need the
index of the quick suggest result for the impression telemetry. There's no good
way to get that right now because although the quick suggest is always last, the
index depends on the muxer and the number of final results.

Details of the picked result is easy because there's already a `details` object
with that info when the controller's telemetry event tells the providers manager
to notify providers of an engagement.

The query context is a little harder, but we can take it from the controller.
It's not guaranteed to be defined at the time that `onEngagement` is called for
`start`, so I tried to make that clear in the javadoc. Since it may not be
defined on `start`, `onEngagement` still needs the `isPrivate` param even though
the context also has an `isPrivate` property.

With this patch, we should be able to record clicks in providers without having
to call `pickResult` for every provider. `pickResult` would be the other obvious
place to record picks on results in providers.

Depends on D105815

Differential Revision: https://phabricator.services.mozilla.com/D106060
2021-02-23 17:43:33 +00:00

397 lines
14 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/. */
"use strict";
/**
* This module exports a provider class that is used for providers created by
* extensions.
*/
var EXPORTED_SYMBOLS = ["UrlbarProviderExtension"];
const { XPCOMUtils } = ChromeUtils.import(
"resource://gre/modules/XPCOMUtils.jsm"
);
XPCOMUtils.defineLazyModuleGetters(this, {
Services: "resource://gre/modules/Services.jsm",
SkippableTimer: "resource:///modules/UrlbarUtils.jsm",
UrlbarPrefs: "resource:///modules/UrlbarPrefs.jsm",
UrlbarProvider: "resource:///modules/UrlbarUtils.jsm",
UrlbarProvidersManager: "resource:///modules/UrlbarProvidersManager.jsm",
UrlbarResult: "resource:///modules/UrlbarResult.jsm",
UrlbarSearchUtils: "resource:///modules/UrlbarSearchUtils.jsm",
UrlbarUtils: "resource:///modules/UrlbarUtils.jsm",
});
/**
* The browser.urlbar extension API allows extensions to create their own urlbar
* providers. The results from extension providers are integrated into the
* urlbar view just like the results from providers that are built into Firefox.
*
* This class is the interface between the provider-related parts of the
* browser.urlbar extension API implementation and our internal urlbar
* implementation. The API implementation should use this class to manage
* providers created by extensions. All extension providers must be instances
* of this class.
*
* When an extension requires a provider, the API implementation should call
* getOrCreate() to get or create it. When an extension adds an event listener
* related to a provider, the API implementation should call setEventListener()
* to register its own event listener with the provider.
*/
class UrlbarProviderExtension extends UrlbarProvider {
/**
* Returns the extension provider with the given name, creating it first if
* it doesn't exist.
*
* @param {string} name
* The provider name.
* @returns {UrlbarProviderExtension}
* The provider.
*/
static getOrCreate(name) {
let provider = UrlbarProvidersManager.getProvider(name);
if (!provider) {
provider = new UrlbarProviderExtension(name);
UrlbarProvidersManager.registerProvider(provider);
}
return provider;
}
/**
* Constructor.
*
* @param {string} name
* The provider's name.
*/
constructor(name) {
super();
this._name = name;
this._eventListeners = new Map();
this.behavior = "inactive";
}
/**
* The provider's name.
*/
get name() {
return this._name;
}
/**
* The provider's type. The type of extension providers is always
* UrlbarUtils.PROVIDER_TYPE.EXTENSION.
*/
get type() {
return UrlbarUtils.PROVIDER_TYPE.EXTENSION;
}
/**
* Whether the provider should be invoked for the given context. If this
* method returns false, the providers manager won't start a query with this
* provider, to save on resources.
*
* @param {UrlbarQueryContext} context
* The query context object.
* @returns {boolean}
* Whether this provider should be invoked for the search.
*/
isActive(context) {
return this.behavior != "inactive";
}
/**
* Gets the provider's priority.
*
* @param {UrlbarQueryContext} context
* The query context object.
* @returns {number}
* The provider's priority for the given query.
*/
getPriority(context) {
// We give restricting extension providers a very high priority so that they
// normally override all built-in providers, but not Infinity so that we can
// still override them if necessary.
return this.behavior == "restricting" ? 999 : 0;
}
/**
* Sets the listener function for an event. The extension API implementation
* should call this from its EventManager.register() implementations. Since
* EventManager.register() is called at most only once for each extension
* event (the first time the extension adds a listener for the event), each
* provider instance needs at most only one listener per event, and that's why
* this method is named setEventListener instead of addEventListener.
*
* The given listener function may return a promise that's resolved once the
* extension responds to the event, or if the event requires no response from
* the extension, it may return a non-promise value (possibly nothing).
*
* To remove the previously set listener, call this method again but pass null
* as the listener function.
*
* The event name should be one of the following:
*
* behaviorRequested
* This event is fired when the provider's behavior is needed from the
* extension. The listener should return a behavior string.
* queryCanceled
* This event is fired when an ongoing query is canceled. The listener
* shouldn't return anything.
* resultsRequested
* This event is fired when the provider's results are needed from the
* extension. The listener should return an array of results.
*
* @param {string} eventName
* The name of the event to listen to.
* @param {function} listener
* The function that will be called when the event is fired.
*/
setEventListener(eventName, listener) {
if (listener) {
this._eventListeners.set(eventName, listener);
} else {
this._eventListeners.delete(eventName);
if (!this._eventListeners.size) {
UrlbarProvidersManager.unregisterProvider(this);
}
}
}
/**
* This method is called by the providers manager before a query starts to
* update each extension provider's behavior. It fires the behaviorRequested
* event.
*
* @param {UrlbarQueryContext} context
* The query context.
*/
async updateBehavior(context) {
let behavior = await this._notifyListener("behaviorRequested", context);
if (behavior) {
this.behavior = behavior;
}
}
/**
* This is called only for dynamic result types, when the urlbar view updates
* the view of one of the results of the provider. It should return an object
* describing the view update. See the base UrlbarProvider class for more.
*
* @param {UrlbarResult} result The result whose view will be updated.
* @param {Map} idsByName
* A Map from an element's name, as defined by the provider; to its ID in
* the DOM, as defined by the browser.
* @returns {object} An object describing the view update.
*/
async getViewUpdate(result, idsByName) {
return this._notifyListener("getViewUpdate", result, idsByName);
}
/**
* This method is called by the providers manager when a query starts to fetch
* each extension provider's results. It fires the resultsRequested event.
*
* @param {UrlbarQueryContext} context
* The query context.
* @param {function} addCallback
* The callback invoked by this method to add each result.
*/
async startQuery(context, addCallback) {
let extResults = await this._notifyListener("resultsRequested", context);
if (extResults) {
for (let extResult of extResults) {
let result = await this._makeUrlbarResult(context, extResult).catch(
Cu.reportError
);
if (result) {
addCallback(this, result);
}
}
}
}
/**
* This method is called by the providers manager when an ongoing query is
* canceled. It fires the queryCanceled event.
*
* @param {UrlbarQueryContext} context
* The query context.
*/
cancelQuery(context) {
this._notifyListener("queryCanceled", context);
}
/**
* This method is called when a result from the provider without a URL is
* picked, but currently only for tip results. The provider should handle the
* pick.
*
* @param {UrlbarResult} result
* The result that was picked.
* @param {Element} element
* The element in the result's view that was picked.
*/
pickResult(result, element) {
let dynamicElementName = "";
if (element && result.type == UrlbarUtils.RESULT_TYPE.DYNAMIC) {
dynamicElementName = element.getAttribute("name");
}
this._notifyListener("resultPicked", result.payload, dynamicElementName);
}
/**
* Called when the user starts and ends an engagement with the urlbar. For
* details on parameters, see UrlbarProvider.onEngagement().
*
* @param {boolean} isPrivate
* True if the engagement is in a private context.
* @param {string} state
* The state of the engagement, one of: start, engagement, abandonment,
* discard
* @param {UrlbarQueryContext} queryContext
* The engagement's query context. This is *not* guaranteed to be defined
* when `state` is "start". It will always be defined for "engagement" and
* "abandonment".
* @param {object} details
* This is defined only when `state` is "engagement" or "abandonment", and
* it describes the search string and picked result.
*/
onEngagement(isPrivate, state, queryContext, details) {
this._notifyListener("engagement", isPrivate, state);
}
/**
* Calls a listener function set by the extension API implementation, if any.
*
* @param {string} eventName
* The name of the listener to call (i.e., the name of the event to fire).
* @param {*} args
* Arguments to the listener function.
* @returns {*}
* The value returned by the listener function, if any.
*/
async _notifyListener(eventName, ...args) {
let listener = this._eventListeners.get(eventName);
if (!listener) {
return undefined;
}
let result;
try {
result = listener(...args);
} catch (error) {
Cu.reportError(error);
return undefined;
}
if (result.catch) {
// The result is a promise, so wait for it to be resolved. Set up a timer
// so that we're not stuck waiting forever.
let timer = new SkippableTimer({
name: "UrlbarProviderExtension notification timer",
time: UrlbarPrefs.get("extension.timeout"),
reportErrorOnTimeout: true,
logger: this.logger,
});
result = await Promise.race([
timer.promise,
result.catch(Cu.reportError),
]);
timer.cancel();
}
return result;
}
/**
* Converts a plain-JS-object result created by the extension into a
* UrlbarResult object.
*
* @param {UrlbarQueryContext} context
* The query context.
* @param {object} extResult
* A plain JS object representing a result created by the extension.
* @returns {UrlbarResult}
* The UrlbarResult object.
*/
async _makeUrlbarResult(context, extResult) {
// If the result is a search result, make sure its payload has a valid
// `engine` property, which is the name of an engine, and which we use later
// on to look up the nsISearchEngine. We allow the extension to specify the
// engine by its name, alias, or domain. Prefer aliases over domains since
// one domain can have many engines.
if (extResult.type == "search") {
let engine;
if (extResult.payload.engine) {
// Validate the engine name by looking it up.
engine = Services.search.getEngineByName(extResult.payload.engine);
} else if (extResult.payload.keyword) {
// Look up the engine by its alias.
engine = await UrlbarSearchUtils.engineForAlias(
extResult.payload.keyword
);
} else if (extResult.payload.url) {
// Look up the engine by its domain.
let host;
try {
host = new URL(extResult.payload.url).hostname;
} catch (err) {}
if (host) {
engine = (await UrlbarSearchUtils.enginesForDomainPrefix(host))[0];
}
}
if (!engine) {
// No engine found.
throw new Error("Invalid or missing engine specified by extension");
}
extResult.payload.engine = engine.name;
}
let type = UrlbarProviderExtension.RESULT_TYPES[extResult.type];
if (type == UrlbarUtils.RESULT_TYPE.TIP) {
extResult.payload.type = extResult.payload.type || "extension";
}
let result = new UrlbarResult(
UrlbarProviderExtension.RESULT_TYPES[extResult.type],
UrlbarProviderExtension.SOURCE_TYPES[extResult.source],
...UrlbarResult.payloadAndSimpleHighlights(
context.tokens,
extResult.payload || {}
)
);
if (extResult.heuristic && this.behavior == "restricting") {
// The muxer chooses the final heuristic result by taking the first one
// that claims to be the heuristic. We don't want extensions to clobber
// UnifiedComplete's heuristic, so we allow this only if the provider is
// restricting.
result.heuristic = extResult.heuristic;
}
if (extResult.suggestedIndex !== undefined) {
result.suggestedIndex = extResult.suggestedIndex;
}
return result;
}
}
// Maps extension result type enums to internal result types.
UrlbarProviderExtension.RESULT_TYPES = {
dynamic: UrlbarUtils.RESULT_TYPE.DYNAMIC,
keyword: UrlbarUtils.RESULT_TYPE.KEYWORD,
omnibox: UrlbarUtils.RESULT_TYPE.OMNIBOX,
remote_tab: UrlbarUtils.RESULT_TYPE.REMOTE_TAB,
search: UrlbarUtils.RESULT_TYPE.SEARCH,
tab: UrlbarUtils.RESULT_TYPE.TAB_SWITCH,
tip: UrlbarUtils.RESULT_TYPE.TIP,
url: UrlbarUtils.RESULT_TYPE.URL,
};
// Maps extension source type enums to internal source types.
UrlbarProviderExtension.SOURCE_TYPES = {
bookmarks: UrlbarUtils.RESULT_SOURCE.BOOKMARKS,
history: UrlbarUtils.RESULT_SOURCE.HISTORY,
local: UrlbarUtils.RESULT_SOURCE.OTHER_LOCAL,
network: UrlbarUtils.RESULT_SOURCE.OTHER_NETWORK,
search: UrlbarUtils.RESULT_SOURCE.SEARCH,
tabs: UrlbarUtils.RESULT_SOURCE.TABS,
};