Initial refactor of client actions, data preloading, SEO

An initial stab at flarum/core#126. Still WIP. Preliminary
implementation of flarum/core#128 and flarum/core#13.

js/forum/src/components/avatar-editor.js

@@ -70,7 +70,7 @@ export default class AvatarEditor extends Component {
       m.redraw();
       m.request({
         method: 'POST',
-        url: app.config['api_url']+'/users/'+user.id()+'/avatar',
+        url: app.forum.attribute('apiUrl')+'/users/'+user.id()+'/avatar',
         data: data,
         serialize: data => data,
         background: true,
@@ -91,7 +91,7 @@ export default class AvatarEditor extends Component {
     m.redraw();
     m.request({
       method: 'DELETE',
-      url: app.config['api_url']+'/users/'+user.id()+'/avatar',
+      url: app.forum.attribute('apiUrl')+'/users/'+user.id()+'/avatar',
       config: app.session.authorize.bind(app.session)
     }).then(function(data) {
       self.loading(false);

js/forum/src/components/change-password-modal.js

@@ -20,7 +20,7 @@ export default class ChangePasswordModal extends FormModal {
 
     m.request({
       method: 'POST',
-      url: app.config['api_url']+'/forgot',
+      url: app.forum.attribute('apiUrl')+'/forgot',
       data: {email: app.session.user().email()},
       background: true
     }).then(response => {

js/forum/src/components/discussion-list.js

@@ -64,9 +64,9 @@ export default class DiscussionList extends Component {
   }
 
   loadResults(offset) {
-    if (app.preload.response) {
-      var discussions = app.store.pushPayload(app.preload.response);
-      app.preload.response = null;
+    const discussions = app.preloadedDocument();
+
+    if (discussions) {
       return m.deferred().resolve(discussions).promise;
     } else {
       var params = this.params();

js/forum/src/components/discussion-page.js

@@ -43,17 +43,13 @@ export default class DiscussionPage extends mixin(Component, evented) {
     var params = this.params();
     params.include = params.include.join(',');
 
-    var discussion;
-    if (app.preload.response) {
+    const discussion = app.preloadedDocument();
+    if (discussion) {
       // We must wrap this in a setTimeout because if we are mounting this
       // component for the first time on page load, then any calls to m.redraw
       // will be ineffective and thus any configs (scroll code) will be run
       // before stuff is drawn to the page.
-      setTimeout(() => {
-        var discussion = app.store.pushPayload(app.preload.response);
-        app.preload.response = null;
-        this.setupDiscussion(discussion);
-      });
+      setTimeout(this.setupDiscussion.bind(this, discussion));
     } else {
       app.store.find('discussions', m.route.param('id'), params).then(this.setupDiscussion.bind(this));
     }

js/forum/src/components/forgot-password-modal.js

@@ -44,7 +44,7 @@ export default class ForgotPasswordModal extends FormModal {
 
     m.request({
       method: 'POST',
-      url: app.config['api_url']+'/forgot',
+      url: app.forum.attribute('apiUrl')+'/forgot',
       data: {email: this.email()},
       background: true,
       extract: xhr => {

js/forum/src/components/notification-list.js

@@ -61,7 +61,7 @@ export default class NotificationList extends Component {
                 badges && badges.length ? m('ul.badges', listItems(badges)) : '',
                 group.discussion.title()
               )
-              : m('div.notification-group-header', app.config['forum_title']),
+              : m('div.notification-group-header', app.forum.attribute('title')),
             m('ul.notification-group-list', group.notifications.map(notification => {
               var NotificationComponent = app.notificationComponentRegistry[notification.contentType()];
               return NotificationComponent ? m('li', NotificationComponent.component({notification})) : '';

js/forum/src/components/user-dropdown.js

@@ -45,7 +45,7 @@ export default class UserDropdown extends Component {
         ActionButton.component({
           icon: 'wrench',
           label: 'Administration',
-          href: app.config['base_url']+'/admin'
+          href: app.forum.attribute('baseUrl')+'/admin'
         })
       );
     }

js/forum/src/components/welcome-hero.js

@@ -17,8 +17,8 @@ export default class WelcomeHero extends Component {
       m('div.container', [
         m('button.close.btn.btn-icon.btn-link', {onclick: () => this.$().slideUp(this.hide.bind(this))}, m('i.fa.fa-times')),
         m('div.container-narrow', [
-          m('h2', app.config['welcome_title']),
-          m('div.subtitle', m.trust(app.config['welcome_message']))
+          m('h2', app.forum.attribute('welcomeTitle')),
+          m('div.subtitle', m.trust(app.forum.attribute('welcomeMessage')))
         ])
       ])
     ])