Files
tubestation/toolkit/components/nimbus/ExperimentAPI.jsm
Ed Lee 7cfdae56eb Bug 1710955 - Change MR1 upgrade onboarding to Pin then Default then Theme screens r=fluent-reviewers,flod,pdahiya,k88hudson
Copy / migrate strings from onboarding/defaultBrowserNotification. Add updated ltr/rtl images and show them for pin and pin+default. Dynamically adjust steps and record telemetry to identify what was shown. Handle button actions based on string ids. Alias upgradeDialog to aboutwelcome for now. Avoid oddness with scrollbars by hiding horizontal scroll.

Differential Revision: https://phabricator.services.mozilla.com/D115142
2021-05-18 03:16:34 +00:00

539 lines
15 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";
const EXPORTED_SYMBOLS = [
"ExperimentAPI",
"ExperimentFeature",
"NimbusFeatures",
];
// Note: Feature manifest has moved to toolkit/components/nimbus/FeatureManifest.js
function isBooleanValueDefined(value) {
return typeof value === "boolean";
}
const { Services } = ChromeUtils.import("resource://gre/modules/Services.jsm");
const { XPCOMUtils } = ChromeUtils.import(
"resource://gre/modules/XPCOMUtils.jsm"
);
XPCOMUtils.defineLazyModuleGetters(this, {
ExperimentStore: "resource://nimbus/lib/ExperimentStore.jsm",
ExperimentManager: "resource://nimbus/lib/ExperimentManager.jsm",
RemoteSettings: "resource://services-settings/remote-settings.js",
setTimeout: "resource://gre/modules/Timer.jsm",
clearTimeout: "resource://gre/modules/Timer.jsm",
FeatureManifest: "resource://nimbus/FeatureManifest.js",
});
const IS_MAIN_PROCESS =
Services.appinfo.processType === Services.appinfo.PROCESS_TYPE_DEFAULT;
const COLLECTION_ID_PREF = "messaging-system.rsexperimentloader.collection_id";
const COLLECTION_ID_FALLBACK = "nimbus-desktop-experiments";
XPCOMUtils.defineLazyPreferenceGetter(
this,
"COLLECTION_ID",
COLLECTION_ID_PREF,
COLLECTION_ID_FALLBACK
);
const EXPOSURE_EVENT_CATEGORY = "normandy";
const EXPOSURE_EVENT_METHOD = "expose";
const EXPOSURE_EVENT_OBJECT = "nimbus_experiment";
function parseJSON(value) {
if (value) {
try {
return JSON.parse(value);
} catch (e) {
Cu.reportError(e);
}
}
return null;
}
const ExperimentAPI = {
/**
* @returns {Promise} Resolves when the API has synchronized to the main store
*/
ready() {
return this._store.ready();
},
/**
* Returns an experiment, including all its metadata
* Sends exposure event
*
* @param {{slug?: string, featureId?: string}} options slug = An experiment identifier
* or feature = a stable identifier for a type of experiment
* @returns {{slug: string, active: bool}} A matching experiment if one is found.
*/
getExperiment({ slug, featureId, sendExposureEvent } = {}) {
if (!slug && !featureId) {
throw new Error(
"getExperiment(options) must include a slug or a feature."
);
}
let experimentData;
try {
if (slug) {
experimentData = this._store.get(slug);
} else if (featureId) {
experimentData = this._store.getExperimentForFeature(featureId);
}
} catch (e) {
Cu.reportError(e);
}
if (experimentData) {
return {
slug: experimentData.slug,
active: experimentData.active,
branch: this.activateBranch({ slug, featureId, sendExposureEvent }),
};
}
return null;
},
/**
* Return experiment slug its status and the enrolled branch slug
* Does NOT send exposure event because you only have access to the slugs
*/
getExperimentMetaData({ slug, featureId }) {
if (!slug && !featureId) {
throw new Error(
"getExperiment(options) must include a slug or a feature."
);
}
let experimentData;
try {
if (slug) {
experimentData = this._store.get(slug);
} else if (featureId) {
experimentData = this._store.getExperimentForFeature(featureId);
}
} catch (e) {
Cu.reportError(e);
}
if (experimentData) {
return {
slug: experimentData.slug,
active: experimentData.active,
branch: { slug: experimentData.branch.slug },
};
}
return null;
},
/**
* Return FeatureConfig from first active experiment where it can be found
* @param {{slug: string, featureId: string, sendExposureEvent: bool}}
* @returns {Branch | null}
*/
activateBranch({ slug, featureId, sendExposureEvent }) {
let experiment = null;
try {
if (slug) {
experiment = this._store.get(slug);
} else if (featureId) {
experiment = this._store.getExperimentForFeature(featureId);
}
} catch (e) {
Cu.reportError(e);
}
if (!experiment) {
return null;
}
if (sendExposureEvent) {
this.recordExposureEvent({
experimentSlug: experiment.slug,
branchSlug: experiment.branch.slug,
featureId,
});
}
// Default to null for feature-less experiments where we're only
// interested in exposure.
return experiment?.branch || null;
},
/**
* Registers an event listener.
* The following event names are used:
* `update` - an experiment is updated, for example it is no longer active
*
* @param {string} eventName must follow the pattern `event:slug-name`
* @param {{slug?: string, featureId: string?}} options
* @param {function} callback
* @returns {void}
*/
on(eventName, options, callback) {
if (!options) {
throw new Error("Please include an experiment slug or featureId");
}
let fullEventName = `${eventName}:${options.slug || options.featureId}`;
// The update event will always fire after the event listener is added, either
// immediately if it is already ready, or on ready
this._store.ready().then(() => {
let experiment = this.getExperiment(options);
// Only if we have an experiment that matches what the caller requested
if (experiment) {
// If the store already has the experiment in the store then we should
// notify. This covers the startup scenario or cases where listeners
// are attached later than the `update` events.
callback(fullEventName, experiment);
}
});
this._store.on(fullEventName, callback);
},
/**
* Deregisters an event listener.
* @param {string} eventName
* @param {function} callback
*/
off(eventName, callback) {
this._store.off(eventName, callback);
},
/**
* Returns the recipe for a given experiment slug
*
* This should noly be called from the main process.
*
* Note that the recipe is directly fetched from RemoteSettings, which has
* all the recipe metadata available without relying on the `this._store`.
* Therefore, calling this function does not require to call `this.ready()` first.
*
* @param slug {String} An experiment identifier
* @returns {Recipe|undefined} A matching experiment recipe if one is found
*/
async getRecipe(slug) {
if (!IS_MAIN_PROCESS) {
throw new Error(
"getRecipe() should only be called from the main process"
);
}
let recipe;
try {
[recipe] = await this._remoteSettingsClient.get({
// Do not sync the RS store, let RemoteSettingsExperimentLoader do that
syncIfEmpty: false,
filters: { slug },
});
} catch (e) {
Cu.reportError(e);
recipe = undefined;
}
return recipe;
},
/**
* Returns all the branches for a given experiment slug
*
* This should only be called from the main process. Like `getRecipe()`,
* calling this function does not require to call `this.ready()` first.
*
* @param slug {String} An experiment identifier
* @returns {[Branches]|undefined} An array of branches for the given slug
*/
async getAllBranches(slug) {
if (!IS_MAIN_PROCESS) {
throw new Error(
"getAllBranches() should only be called from the main process"
);
}
const recipe = await this.getRecipe(slug);
return recipe?.branches;
},
recordExposureEvent({ featureId, experimentSlug, branchSlug }) {
Services.telemetry.setEventRecordingEnabled(EXPOSURE_EVENT_CATEGORY, true);
try {
Services.telemetry.recordEvent(
EXPOSURE_EVENT_CATEGORY,
EXPOSURE_EVENT_METHOD,
EXPOSURE_EVENT_OBJECT,
experimentSlug,
{
branchSlug,
featureId,
}
);
} catch (e) {
Cu.reportError(e);
}
},
};
/**
* Singleton that holds lazy references to ExperimentFeature instances
* defined by the FeatureManifest
*/
const NimbusFeatures = {};
for (let feature in FeatureManifest) {
XPCOMUtils.defineLazyGetter(NimbusFeatures, feature, () =>
// Alias upgradeDialog to reuse aboutwelcome, which has sync access in 88.
feature === "upgradeDialog"
? NimbusFeatures.aboutwelcome
: new ExperimentFeature(feature)
);
}
class ExperimentFeature {
constructor(featureId, manifest) {
this.featureId = featureId;
this.prefGetters = {};
this.manifest = manifest || FeatureManifest[featureId];
if (!this.manifest) {
Cu.reportError(
`No manifest entry for ${featureId}. Please add one to toolkit/components/nimbus/FeatureManifest.js`
);
}
// Prevent the instance from sending multiple exposure events
this._sendExposureEventOnce = true;
this._onRemoteReady = null;
this._waitForRemote = new Promise(
resolve => (this._onRemoteReady = resolve)
);
this._listenForRemoteDefaults = this._listenForRemoteDefaults.bind(this);
const variables = this.manifest?.variables || {};
// Add special enabled flag
if (this.manifest?.enabledFallbackPref) {
XPCOMUtils.defineLazyPreferenceGetter(
this,
"enabled",
this.manifest?.enabledFallbackPref,
null,
() => {
ExperimentAPI._store._emitFeatureUpdate(
this.featureId,
"pref-updated"
);
}
);
}
Object.keys(variables).forEach(key => {
const { type, fallbackPref } = variables[key];
if (fallbackPref) {
XPCOMUtils.defineLazyPreferenceGetter(
this.prefGetters,
key,
fallbackPref,
null,
() => {
ExperimentAPI._store._emitFeatureUpdate(
this.featureId,
"pref-updated"
);
},
type === "json" ? parseJSON : val => val
);
}
});
/**
* There are multiple events that can resolve the wait for remote defaults:
* 1. The feature can receive data via the RS update cycle
* 2. The RS update cycle finished; no record exists for this feature
* 3. User was enrolled in an experiment that targets this feature, resolve
* because experiments take priority.
*/
ExperimentAPI._store.on(
"remote-defaults-finalized",
this._listenForRemoteDefaults
);
this.onUpdate(this._listenForRemoteDefaults);
}
_listenForRemoteDefaults(eventName, reason) {
if (
// When the update cycle finished
eventName === "remote-defaults-finalized" ||
// remote default or experiment available
reason === "experiment-updated" ||
reason === "remote-defaults-update"
) {
ExperimentAPI._store.off(
"remote-defaults-updated",
this._listenForRemoteDefaults
);
this.off(this._listenForRemoteDefaults);
this._onRemoteReady();
}
}
_getUserPrefsValues() {
let userPrefs = {};
Object.keys(this.manifest?.variables || {}).forEach(variable => {
if (
this.manifest.variables[variable].fallbackPref &&
Services.prefs.prefHasUserValue(
this.manifest.variables[variable].fallbackPref
)
) {
userPrefs[variable] = this.prefGetters[variable];
}
});
return userPrefs;
}
/**
* Wait for ExperimentStore to load giving access to experiment features that
* do not have a pref cache and wait for remote defaults to load from Remote
* Settings.
*
* @param {number} timeout Optional timeout parameter
*/
async ready(timeout) {
const REMOTE_DEFAULTS_TIMEOUT_MS = 15 * 1000; // 15 seconds
await ExperimentAPI.ready();
let remoteTimeoutId = setTimeout(
this._onRemoteReady,
timeout || REMOTE_DEFAULTS_TIMEOUT_MS
);
await this._waitForRemote;
clearTimeout(remoteTimeoutId);
}
/**
* Lookup feature in active experiments and return enabled.
* By default, this will send an exposure event.
* @param {{sendExposureEvent: boolean, defaultValue?: any}} options
* @returns {obj} The feature value
*/
isEnabled({ sendExposureEvent, defaultValue = null } = {}) {
const branch = ExperimentAPI.activateBranch({
featureId: this.featureId,
sendExposureEvent: sendExposureEvent && this._sendExposureEventOnce,
});
// Prevent future exposure events if user is enrolled in an experiment
if (branch && sendExposureEvent) {
this._sendExposureEventOnce = false;
}
// First, try to return an experiment value if it exists.
if (isBooleanValueDefined(branch?.feature.enabled)) {
return branch.feature.enabled;
}
if (isBooleanValueDefined(this.getRemoteConfig()?.enabled)) {
return this.getRemoteConfig().enabled;
}
// Then check the fallback pref, if it is defined
if (isBooleanValueDefined(this.enabled)) {
return this.enabled;
}
// Finally, return options.defaulValue if neither was found
return defaultValue;
}
/**
* Lookup feature in active experiments and return value.
* By default, this will send an exposure event.
* @param {{sendExposureEvent: boolean, defaultValue?: any}} options
* @returns {obj} The feature value
*/
getValue({ sendExposureEvent } = {}) {
// Any user pref will override any other configuration
let userPrefs = this._getUserPrefsValues();
const branch = ExperimentAPI.activateBranch({
featureId: this.featureId,
sendExposureEvent: sendExposureEvent && this._sendExposureEventOnce,
});
// Prevent future exposure events if user is enrolled in an experiment
if (branch && sendExposureEvent) {
this._sendExposureEventOnce = false;
}
if (branch?.feature?.value) {
return { ...branch.feature.value, ...userPrefs };
}
return {
...this.prefGetters,
...this.getRemoteConfig()?.variables,
...userPrefs,
};
}
getRemoteConfig() {
let remoteConfig = ExperimentAPI._store.getRemoteConfig(this.featureId);
if (!remoteConfig) {
return null;
}
return remoteConfig;
}
recordExposureEvent() {
if (this._sendExposureEventOnce) {
let experimentData = ExperimentAPI.activateBranch({
featureId: this.featureId,
sendExposureEvent: true,
});
// Exposure only sent if user is enrolled in an experiment
if (experimentData) {
this._sendExposureEventOnce = false;
}
}
}
onUpdate(callback) {
ExperimentAPI._store._onFeatureUpdate(this.featureId, callback);
}
off(callback) {
ExperimentAPI._store._offFeatureUpdate(this.featureId, callback);
}
debug() {
return {
enabled: this.isEnabled(),
value: this.getValue(),
experiment: ExperimentAPI.getExperimentMetaData({
featureId: this.featureId,
}),
fallbackPrefs:
this.prefGetters &&
Object.keys(this.prefGetters).map(prefName => [
prefName,
this.prefGetters[prefName],
]),
userPrefs: this._getUserPrefsValues(),
remoteDefaults: this.getRemoteConfig(),
};
}
}
XPCOMUtils.defineLazyGetter(ExperimentAPI, "_store", function() {
return IS_MAIN_PROCESS ? ExperimentManager.store : new ExperimentStore();
});
XPCOMUtils.defineLazyGetter(ExperimentAPI, "_remoteSettingsClient", function() {
return RemoteSettings(COLLECTION_ID);
});