mirror of
https://github.com/gristlabs/grist-core.git
synced 2024-09-28 21:20:46 +00:00
95b734149e
This is a start at a page for diagnosing problems while setting up Grist. Starting to add some diagnostics based on feedback in github issues. We should make Grist installation easier! But when there is a problem it should be easier to diagnose than it is now, and this may help. The page is ugly and doesn't have many diagnostics yet, but we can iterate. Visit `/boot` on a Grist server for tips on how to use this feature.
41 lines
1.5 KiB
TypeScript
41 lines
1.5 KiB
TypeScript
import {get as getBrowserGlobals} from 'app/client/lib/browserGlobals';
|
|
import {setupLocale} from 'app/client/lib/localization';
|
|
import {AppModel, TopAppModelImpl, TopAppModelOptions} from 'app/client/models/AppModel';
|
|
import {reportError, setUpErrorHandling} from 'app/client/models/errors';
|
|
import {buildSnackbarDom} from 'app/client/ui/NotifyUI';
|
|
import {addViewportTag} from 'app/client/ui/viewport';
|
|
import {attachCssRootVars, attachTheme} from 'app/client/ui2018/cssVars';
|
|
import {BaseAPI} from 'app/common/BaseAPI';
|
|
import {dom, DomContents} from 'grainjs';
|
|
|
|
const G = getBrowserGlobals('document', 'window');
|
|
|
|
/**
|
|
* Sets up the application model, error handling, and global styles, and replaces
|
|
* the DOM body with the result of calling `buildAppPage`.
|
|
*/
|
|
export function createAppPage(
|
|
buildAppPage: (appModel: AppModel) => DomContents,
|
|
modelOptions: TopAppModelOptions = {}) {
|
|
setUpErrorHandling();
|
|
|
|
const topAppModel = TopAppModelImpl.create(null, {}, undefined, modelOptions);
|
|
|
|
addViewportTag();
|
|
attachCssRootVars(topAppModel.productFlavor);
|
|
setupLocale().catch(reportError);
|
|
|
|
// Add globals needed by test utils.
|
|
G.window.gristApp = {
|
|
testNumPendingApiRequests: () => BaseAPI.numPendingRequests(),
|
|
};
|
|
dom.update(document.body, dom.maybeOwned(topAppModel.appObs, (owner, appModel) => {
|
|
owner.autoDispose(attachTheme(appModel.currentTheme));
|
|
|
|
return [
|
|
buildAppPage(appModel),
|
|
buildSnackbarDom(appModel.notifier, appModel),
|
|
];
|
|
}));
|
|
}
|