mediawiki-extensions-Echo/Resources.php
Moriel Schottlender c5905962ab Only load ext.echo.ui if the user clicks the echo badge
There is no need to load the entire of Echo's ui module (especially
since that includes ooui widgets and their styles) on every page load.
There's only need to load the entire module if and when a user clicks
the Echo notification badge.

Also, make the echo.dm model accept an external fetchNotifications
promise so we can send the API request alongside loading the echo UI
and "feed" it into the DM for processing.

CSS adjusted to make the "jump" between the nojs and the js buttons
seem less jumpy.

Bug: T112401
Change-Id: I516e655ffd198511d694489a0702c5c713a5fd68
2015-09-15 17:11:46 -07:00

170 lines
5 KiB
PHP

<?php
/**
* MediaWiki Extension: Echo
* http://www.mediawiki.org/wiki/Extension:Echo
*
* Permission is hereby granted, free of charge, to any person obtaining a copy
* of this software and associated documentation files (the "Software"), to deal
* in the Software without restriction, including without limitation the rights
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
* copies of the Software, and to permit persons to whom the Software is
* furnished to do so, subject to the following conditions:
*
* The above copyright notice and this permission notice shall be included in
* all copies or substantial portions of the Software.
*
* This program is distributed WITHOUT ANY WARRANTY.
*/
/**
*
* @file
* @ingroup Extensions
* @author Andrew Garrett, Benny Situ, Ryan Kaldari, Erik Bernhardson
* @licence MIT License
*/
$echoResourceTemplate = array(
'localBasePath' => __DIR__ . '/modules',
'remoteExtPath' => 'Echo/modules',
);
$wgResourceModules += array(
'ext.echo.ui' => $echoResourceTemplate + array(
'scripts' => array(
'ooui/mw.echo.ui.js',
'ooui/mw.echo.ui.NotificationsWidget.js',
'ooui/mw.echo.ui.NotificationOptionWidget.js',
'ooui/mw.echo.ui.NotificationBadgeWidget.js'
),
'styles' => array(
'ooui/styles/mw.echo.ui.NotificationsWidget.less',
'ooui/styles/mw.echo.ui.NotificationOptionWidget.less',
'ooui/styles/mw.echo.ui.NotificationBadgeWidget.less'
),
'skinStyles' => array(
'monobook' => array(
'ooui/styles/mw.echo.ui.NotificationsWidget.monobook.less',
'ooui/styles/mw.echo.ui.NotificationBadgeWidget.monobook.less'
),
'modern' => array(
'ooui/styles/mw.echo.ui.NotificationOptionWidget.modern.less',
'ooui/styles/mw.echo.ui.NotificationBadgeWidget.modern.less'
)
),
'dependencies' => array(
'ext.echo.nojs',
'ext.echo.dm',
'oojs-ui',
'ext.echo.logger',
'mediawiki.api',
'mediawiki.jqueryMsg',
'mediawiki.language',
),
'messages' => array(
'echo-overlay-link',
'echo-mark-all-as-read',
'echo-more-info',
'echo-feedback',
'echo-notification-alert',
'echo-notification-message',
'echo-notification-alert-text-only',
'echo-notification-message-text-only',
'echo-email-batch-bullet',
'tooltip-pt-notifications-alert',
'tooltip-pt-notifications-message',
'mypreferences'
),
'targets' => array( 'desktop' ),
),
'ext.echo.dm' => $echoResourceTemplate + array(
'scripts' => array(
'viewmodel/mw.echo.dm.js',
'viewmodel/mw.echo.dm.NotificationItem.js',
'viewmodel/mw.echo.dm.List.js',
'viewmodel/mw.echo.dm.NotificationList.js',
'viewmodel/mw.echo.dm.NotificationsModel.js',
),
'dependencies' => array(
'oojs'
),
'targets' => array( 'desktop', 'mobile' ),
),
'ext.echo.base' => array(
// This is a dummy module for backwards compatibility.
// Most extensions that require ext.echo.base actually need
// the logger. They will have to be adjusted to use the new
// logger functionality, however.
//
// This module is mainly here to make sure other extensions
// that rely on ext.echo.base don't explode, and that CI lets
// us merge this while fixing the main extensions that require
// to be changed due to the new structure.
'targets' => array( 'desktop', 'mobile' ),
'dependencies' => array( 'ext.echo.logger' )
),
// ext.echo.logger is registered in EchoHooks::onResourceLoaderRegisterModules
'ext.echo.init' => $echoResourceTemplate + array(
'scripts' => array(
'ext.echo.init.js',
),
'dependencies' => array(
'ext.echo.logger',
),
'targets' => array( 'desktop' ),
),
// Base no-js styles
'ext.echo.nojs' => $echoResourceTemplate + array(
'position' => 'top',
'styles' => array(
'nojs/mw.echo.badge.less',
'nojs/mw.echo.alert.less',
'nojs/mw.echo.notifications.less'
),
'skinStyles' => array(
'monobook' => array(
'nojs/mw.echo.alert.monobook.less',
),
'modern' => array(
'nojs/mw.echo.alert.modern.less',
)
),
'targets' => array( 'desktop', 'mobile' ),
),
'ext.echo.nojs.special' => $echoResourceTemplate + array(
'position' => 'top',
'styles' => array(
'nojs/mw.echo.special.less',
),
'targets' => array( 'desktop', 'mobile' ),
),
'ext.echo.special' => $echoResourceTemplate + array(
'scripts' => array(
'special/ext.echo.special.js',
),
'dependencies' => array(
'mediawiki.ui.button',
'mediawiki.api',
'ext.echo.ui',
),
'messages' => array(
'echo-load-more-error',
'echo-more-info',
'echo-feedback',
),
),
// HACK: OOUI has an icon pack for these, but it's unhelpfully large and we don't
// want to load more as render-blocking CSS than we have to (T112401)
'ext.echo.badgeicons' => $echoResourceTemplate + array(
'class' => 'ResourceLoaderOOUIImageModule',
'position' => 'top',
'name' => 'badgeicons',
'rootPath' => 'icons',
'selectorWithoutVariant' => '.oo-ui-icon-{name}',
'selectorWithVariant' => '.oo-ui-image-{variant}.oo-ui-icon-{name}',
),
);
unset( $echoResourceTemplate );