Ghost-Admin/app/controllers/application.js

81 lines
2.3 KiB
JavaScript
Raw Permalink Normal View History

import classic from 'ember-classic-decorator';
import {action, computed} from '@ember/object';
import {reads} from '@ember/object/computed';
import {inject as service} from '@ember/service';
/* eslint-disable ghost/ember/alias-model-in-controller */
import Controller from '@ember/controller';
@classic
export default class ApplicationController extends Controller {
@service ajax;
@service billing;
@service config;
@service dropdown;
@service feature;
@service ghostPaths;
@service router;
@service session;
@service settings;
@service store;
@service ui;
@reads('config.hostSettings.update.enabled')
showUpdateLink;
@reads('config.hostSettings.billing.enabled')
showBilling;
@computed(
'router.currentRouteName',
'session.{isAuthenticated,user}',
'ui.isFullScreen'
)
get showNavMenu() {
let {router, session, ui} = this;
// if we're in fullscreen mode don't show the nav menu
if (ui.isFullScreen) {
return false;
}
// we need to defer showing the navigation menu until the session.user
Made `session.user` a synchronous property rather than a promise no issue Having `session.user` return a promise made dealing with it in components difficult because you always had to remember it returned a promise rather than a model and had to handle the async behaviour. It also meant that you couldn't use any current user properties directly inside getters which made refactors to Glimmer/Octane idioms harder to reason about. `session.user` was a cached computed property so it really made no sense for it to be a promise - it was loaded on first access and then always returned instantly but with a fulfilled promise rather than the underlying model. Refactoring to a synchronous property that is loaded as part of the authentication flows (we load the current user to check that we're logged in - we may as well make use of that!) means one less thing to be aware of/remember and provides a nicer migration process to Glimmer components. As part of the refactor, the auth flows and pre-load of required data across other services was also simplified to make it easier to find and follow. - refactored app setup and `session.user` - added `session.populateUser()` that fetches a user model from the current user endpoint and sets it on `session.user` - removed knowledge of app setup from the `cookie` authenticator and moved it into = `session.postAuthPreparation()`, this means we have the same post-authentication setup no matter which authenticator is used so we have more consistent behaviour in tests which don't use the `cookie` authenticator - switched `session` service to native class syntax to get the expected `super()` behaviour - updated `handleAuthentication()` so it populate's `session.user` and performs post-auth setup before transitioning (handles sign-in after app load) - updated `application` route to remove duplicated knowledge of app preload behaviour that now lives in `session.postAuthPreparation()` (handles already-authed app load) - removed out-of-date attempt at pre-loading data from setup controller as that's now handled automatically via `session.handleAuthentication` - updated app code to not treat `session.user` as a promise - predominant usage was router `beforeModel` hooks that transitioned users without valid permissions, this sets us up for an easier removal of the `current-user-settings` mixin in the future
2021-07-08 15:37:31 +02:00
// is populated so that gh-user-can-admin has the correct data
if (!session.isAuthenticated || !session.user) {
return false;
}
return (router.currentRouteName !== 'error404' || session.isAuthenticated)
&& !router.currentRouteName.match(/(signin|signup|setup|reset)/);
}
get ownerUserNameOrEmail() {
let user = this.store.peekAll('user').findBy('isOwnerOnly', true);
if (user) {
if (user.name) {
return user.name;
} else if (user.email) {
return user.email;
}
}
return null;
}
@action
openUpdateTab() {
const updateWindow = window.open('', '_blank');
updateWindow.document.write('Loading...');
const updateUrl = new URL(this.config.get('hostSettings.update.url'));
const ghostIdentityUrl = this.ghostPaths.url.api('identities');
this.ajax.request(ghostIdentityUrl).then((response) => {
const token = response?.identities?.[0]?.token;
updateUrl.searchParams.append('jwt', token);
updateWindow.location.href = updateUrl.toString();
});
}
}