b38dea0597
Share Gaia assets and adapters, keep private profiles and development documents local, and update both public READMEs.
139 lines
4 KiB
JavaScript
Executable file
139 lines
4 KiB
JavaScript
Executable file
define(function(require, exports) {
|
|
'use strict';
|
|
|
|
// Helper for the performance testing events. we created
|
|
// this dedicated module since we need some "state machine" logic to avoid
|
|
// race conditions and the app contains way too many async operations during
|
|
// startup and no simple way to listen to these events.
|
|
|
|
exports._isMonthAgendaInteractive = false;
|
|
exports._isMonthReady = false;
|
|
exports._isVisuallyActive = false;
|
|
exports._isPendingReady = false;
|
|
|
|
// TODO: It would be nice if this had an events interface so I could
|
|
// simply do performance.once('fullyLoaded', () => ...) and
|
|
// I would be called immediately if we were already loaded or
|
|
// when we're loaded otherwise. Revisit this option once
|
|
// PerformanceObserver has been standardized.
|
|
var dispatched = {};
|
|
|
|
/**
|
|
* Performance testing events. See <https://bugzil.la/996038>.
|
|
*/
|
|
function dispatch(markName) {
|
|
dispatched[markName] = true;
|
|
window.performance.mark(markName);
|
|
}
|
|
|
|
exports.isComplete = function(markName) {
|
|
return dispatched[markName];
|
|
};
|
|
|
|
/**
|
|
* Dispatch 'navigationLoaded' marker.
|
|
* Designates that the app's *core* chrome or navigation interface
|
|
* exists in the DOM and is marked as ready to be displayed.
|
|
*/
|
|
exports.domLoaded = function() {
|
|
dispatch('navigationLoaded');
|
|
};
|
|
|
|
/**
|
|
* Designates that the app's *core* chrome or navigation interface
|
|
* has its events bound and is ready for user interaction.
|
|
*/
|
|
exports.chromeInteractive = function() {
|
|
dispatch('navigationInteractive');
|
|
};
|
|
|
|
/**
|
|
* Should be called when the MonthsDayView
|
|
* rendered all the busytimes for that day.
|
|
*/
|
|
exports.monthsDayReady = function() {
|
|
if (exports._isMonthAgendaInteractive) {
|
|
return;
|
|
}
|
|
|
|
exports._isMonthAgendaInteractive = true;
|
|
dispatchVisuallyLoadedAndInteractive();
|
|
};
|
|
|
|
/**
|
|
* Should be called when the month is "ready" (rendered + event listeners)
|
|
* including the busy times indicator.
|
|
*/
|
|
exports.monthReady = function() {
|
|
if (exports._isMonthReady) {
|
|
return;
|
|
}
|
|
|
|
exports._isMonthReady = true;
|
|
dispatchVisuallyLoadedAndInteractive();
|
|
};
|
|
|
|
/**
|
|
* visuallyLoaded and contentInteractive will happen after the
|
|
* MonthChild#activate + rendering the busy counts for the current month +
|
|
* DayBased#_loadRecords (inherited by MonthsDayView)
|
|
*/
|
|
function dispatchVisuallyLoadedAndInteractive() {
|
|
if (exports._isVisuallyActive ||
|
|
!exports._isMonthAgendaInteractive ||
|
|
!exports._isMonthReady) {
|
|
return;
|
|
}
|
|
|
|
exports._isVisuallyActive = true;
|
|
|
|
// PERFORMANCE MARKER (3): visuallyLoaded
|
|
// Designates that the app is visually loaded (e.g.: all of the
|
|
// "above-the-fold" content exists in the DOM and is marked as
|
|
// ready to be displayed).
|
|
dispatch('visuallyLoaded');
|
|
|
|
// PERFORMANCE MARKER (4): contentInteractive
|
|
// Designates that the app has its events bound for the minimum
|
|
// set of functionality to allow the user to interact with the
|
|
// "above-the-fold" content.
|
|
dispatch('contentInteractive');
|
|
|
|
dispatchAppLoad();
|
|
}
|
|
|
|
/**
|
|
* Register that pending manager completed first batch of operations.
|
|
*/
|
|
exports.pendingReady = function() {
|
|
if (exports._isPendingReady) {
|
|
return;
|
|
}
|
|
|
|
exports._isPendingReady = true;
|
|
dispatchAppLoad();
|
|
};
|
|
|
|
/**
|
|
* App is only considered "loaded" after the MonthView and MonthDayAgenda
|
|
* are "ready" and the first pending operations batch is completed (loading
|
|
* events from DB and recurring events expansion).
|
|
*/
|
|
function dispatchAppLoad() {
|
|
if (!exports._isVisuallyActive || !exports._isPendingReady) {
|
|
// to avoid race conditions (in case this is called before month view
|
|
// is built), should not happen, but maybe in the future when IDB gets
|
|
// faster this might be possible.
|
|
return;
|
|
}
|
|
|
|
// PERFORMANCE MARKER (5): fullyLoaded
|
|
// Designates that the app is *completely* loaded and all relevant
|
|
// "below-the-fold" content exists in the DOM, is marked visible,
|
|
// has its events bound and is ready for user interaction. All
|
|
// required startup background processing should be complete.
|
|
dispatch('fullyLoaded');
|
|
window.dispatchEvent(new CustomEvent('fullyLoaded'));
|
|
}
|
|
|
|
});
|