() * @package Vector * @internal */ class Hooks implements GetPreferencesHook, LocalUserCreatedHook, MakeGlobalVariablesScriptHook, OutputPageBodyAttributesHook, ResourceLoaderSiteModulePagesHook, ResourceLoaderSiteStylesModulePagesHook, SkinPageReadyConfigHook { /** * Checks if the current skin is a variant of Vector * * @param string $skinName * @return bool */ private static function isVectorSkin( string $skinName ): bool { return ( $skinName === Constants::SKIN_NAME_LEGACY || $skinName === Constants::SKIN_NAME_MODERN ); } /** * @param Config $config * @return array */ private static function getActiveABTest( $config ) { $ab = $config->get( Constants::CONFIG_WEB_AB_TEST_ENROLLMENT ); if ( count( $ab ) === 0 ) { // If array is empty then no experiment and need to validate. return $ab; } if ( !array_key_exists( 'buckets', $ab ) ) { throw new RuntimeException( 'Invalid VectorWebABTestEnrollment value: Must contain buckets key.' ); } if ( !array_key_exists( 'unsampled', $ab['buckets'] ) ) { throw new RuntimeException( 'Invalid VectorWebABTestEnrollment value: Must define an `unsampled` bucket.' ); } else { // check bucket values. foreach ( $ab['buckets'] as $bucketName => $bucketDefinition ) { if ( !is_array( $bucketDefinition ) ) { throw new RuntimeException( 'Invalid VectorWebABTestEnrollment value: Buckets should be arrays' ); } $samplingRate = $bucketDefinition['samplingRate']; if ( is_string( $samplingRate ) ) { throw new RuntimeException( 'Invalid VectorWebABTestEnrollment value: Sampling rate should be number between 0 and 1.' ); } } } return $ab; } /** * Passes config variables to Vector (modern) ResourceLoader module. * @param ResourceLoaderContext $context * @param Config $config * @return array */ public static function getVectorResourceLoaderConfig( ResourceLoaderContext $context, Config $config ) { return [ 'wgVectorSearchHost' => $config->get( 'VectorSearchHost' ), 'wgVectorWebABTestEnrollment' => self::getActiveABTest( $config ), ]; } /** * Generates config variables for skins.vector.search Resource Loader module (defined in * skin.json). * * @param ResourceLoaderContext $context * @param Config $config * @return array */ public static function getVectorWvuiSearchResourceLoaderConfig( ResourceLoaderContext $context, Config $config ): array { $result = $config->get( 'VectorWvuiSearchOptions' ); $result['highlightQuery'] = VectorServices::getLanguageService()->canWordsBeSplitSafely( $context->getLanguage() ); return $result; } /** * SkinPageReadyConfig hook handler * * Replace searchModule provided by skin. * * @since 1.35 * @param ResourceLoaderContext $context * @param mixed[] &$config Associative array of configurable options * @return void This hook must not abort, it must return no value */ public function onSkinPageReadyConfig( ResourceLoaderContext $context, array &$config ): void { // It's better to exit before any additional check if ( !self::isVectorSkin( $context->getSkin() ) ) { return; } // Tell the `mediawiki.page.ready` module not to wire up search. // This allows us to use the new Vue implementation. // ResourceLoaderContext has no knowledge of legacy / modern Vector // and from its point of view they are the same thing. // Please see the modules `skins.vector.js` and `skins.vector.legacy.js` // for the wire up of search. // The related method self::getVectorResourceLoaderConfig handles which // search to load. $config['search'] = false; } /** * Transforms watch item inside the action navigation menu * * @param array &$content_navigation */ private static function updateActionsMenu( &$content_navigation ) { $key = null; if ( isset( $content_navigation['actions']['watch'] ) ) { $key = 'watch'; } if ( isset( $content_navigation['actions']['unwatch'] ) ) { $key = 'unwatch'; } // Promote watch link from actions to views and add an icon if ( $key !== null ) { self::appendClassToListItem( $content_navigation['actions'][$key], 'icon' ); $content_navigation['views'][$key] = $content_navigation['actions'][$key]; unset( $content_navigation['actions'][$key] ); } } /** * Updates class list on list item * * @param array &$item to update for use in makeListItem * @param array $classes to add to the item * @param bool $applyToLink (optional) and defaults to false. * If set will modify `link-class` instead of `class` */ private static function addListItemClass( &$item, $classes, $applyToLink = false ) { $property = $applyToLink ? 'link-class' : 'class'; $existingClass = $item[$property] ?? []; if ( is_array( $existingClass ) ) { $item[$property] = array_merge( $existingClass, $classes ); } elseif ( is_string( $existingClass ) ) { // treat as string $item[$property] = array_merge( [ $existingClass ], $classes ); } else { $item[$property] = $classes; } } /** * Updates the class on an existing item taking into account whether * a class exists there already. * * @param array &$item * @param string $newClass */ private static function appendClassToListItem( &$item, $newClass ) { self::addListItemClass( $item, [ $newClass ] ); } /** * Adds an icon to the list item of a menu. * * @param array &$item * @param string $icon_name */ private static function addIconToListItem( &$item, $icon_name ) { // Set the default menu icon classes. $menu_icon_classes = [ 'mw-ui-icon', 'mw-ui-icon-before', // Some extensions declare icons without the wikimedia- prefix. e.g. Echo 'mw-ui-icon-' . $icon_name, // FIXME: Some icon names are prefixed with `wikimedia-`. // We should seek to remove all these instances. 'mw-ui-icon-wikimedia-' . $icon_name ]; self::addListItemClass( $item, $menu_icon_classes, true ); } /** * Updates personal navigation menu (user links) dropdown for modern Vector: * - Adds icons * - Makes user page and watchlist collapsible * * @param SkinTemplate $sk * @param array &$content_navigation * @suppress PhanTypeArraySuspiciousNullable False positives * @suppress PhanTypePossiblyInvalidDimOffset False positives */ private static function updateUserLinksDropdownItems( $sk, &$content_navigation ) { // For logged-in users in modern Vector, rearrange some links in the personal toolbar. $user = $sk->getUser(); $isTemp = $user->isTemp(); $isRegistered = $user->isRegistered(); if ( $isTemp ) { if ( isset( $content_navigation['user-page']['tmpuserpage'] ) ) { self::makeMenuItemCollapsible( $content_navigation['user-page']['tmpuserpage'] ); } if ( isset( $content_navigation['user-menu']['tmpuserpage'] ) ) { self::makeMenuItemCollapsible( $content_navigation['user-menu']['tmpuserpage'] ); } } elseif ( $isRegistered ) { // Remove user page from personal menu dropdown for logged in use self::makeMenuItemCollapsible( $content_navigation['user-menu']['userpage'] ); // watchlist may be disabled if $wgGroupPermissions['*']['viewmywatchlist'] = false; // See [[phab:T299671]] if ( isset( $content_navigation['user-menu']['watchlist'] ) ) { self::makeMenuItemCollapsible( $content_navigation['user-menu']['watchlist'] ); } // Remove logout link from user-menu and recreate it in SkinVector, unset( $content_navigation['user-menu']['logout'] ); } if ( $isRegistered ) { // Don't show icons for anon menu items (besides login and create account). // Prefix user link items with associated icon. $user_menu = $content_navigation['user-menu']; // Loop through each menu to check/append its link classes. foreach ( $user_menu as $menu_key => $menu_value ) { $icon_name = $menu_value['icon'] ?? ''; self::addIconToListItem( $content_navigation['user-menu'][$menu_key], $icon_name ); } } else { // Remove "Not logged in" from personal menu dropdown for anon users. unset( $content_navigation['user-menu']['anonuserpage'] ); } if ( !$isRegistered || $isTemp ) { // "Create account" link is handled manually by Vector unset( $content_navigation['user-menu']['createaccount'] ); // "Login" link is handled manually by Vector unset( $content_navigation['user-menu']['login'] ); // Remove duplicate "Login" link added by SkinTemplate::buildPersonalUrls if group read permissions // are set to false. unset( $content_navigation['user-menu']['login-private'] ); } } /** * Updates personal navigation menu (user links) overflow items for modern Vector * including 'notification', 'user-interface-preferences', 'user-page', 'vector-user-menu-overflow' * * @param array &$content_navigation */ private static function updateUserLinksOverflowItems( &$content_navigation ) { // Upgrade preferences, notifications, and watchlist to icon buttons // for extensions that have opted in. if ( isset( $content_navigation['notifications'] ) ) { self::updateMenuItems( $content_navigation, 'notifications' ); } if ( isset( $content_navigation['user-interface-preferences']['uls'] ) ) { $content_navigation['user-interface-preferences']['uls'] += [ 'collapsible' => true, ]; self::updateMenuItems( $content_navigation, 'user-interface-preferences' ); } if ( isset( $content_navigation['user-page']['userpage'] ) ) { $content_navigation['user-page']['userpage'] = array_merge( $content_navigation['user-page']['userpage'], [ 'button' => true, 'collapsible' => true, 'icon' => null, ] ); self::updateMenuItems( $content_navigation, 'user-page' ); } if ( isset( $content_navigation['vector-user-menu-overflow']['watchlist'] ) ) { $content_navigation['vector-user-menu-overflow']['watchlist'] += [ 'button' => true, 'collapsible' => true, 'text-hidden' => true, 'id' => 'pt-watchlist-2', ]; self::updateMenuItems( $content_navigation, 'vector-user-menu-overflow' ); } } /** * Updates personal navigation menu (user links) for modern Vector wherein user page, create account and login links * are removed from the dropdown to be handled separately. In legacy Vector, the custom "user-page" bucket is * removed to preserve existing behavior. * * @param SkinTemplate $sk * @param array &$content_navigation */ private static function updateUserLinksItems( $sk, &$content_navigation ) { $skinName = $sk->getSkinName(); if ( self::isSkinVersionLegacy( $skinName ) ) { // Remove user page from personal toolbar since it will be inside the personal menu for logged-in // users in legacy Vector. unset( $content_navigation['user-page'] ); } else { if ( isset( $content_navigation['user-menu'] ) ) { if ( isset( $content_navigation['user-menu']['watchlist'] ) ) { // Copy watchlist data into 'vector-user-menu-overflow' $content_navigation['vector-user-menu-overflow'] = [ 'watchlist' => $content_navigation['user-menu']['watchlist'] ]; } self::updateUserLinksDropdownItems( $sk, $content_navigation ); } self::updateUserLinksOverflowItems( $content_navigation ); } } /** * Modifies list item to make it collapsible. * * @param array &$item * @param string $prefix defaults to user-links- */ private static function makeMenuItemCollapsible( array &$item, string $prefix = 'user-links-' ) { $COLLAPSE_MENU_ITEM_CLASS = $prefix . 'collapsible-item'; self::appendClassToListItem( $item, $COLLAPSE_MENU_ITEM_CLASS ); } /** * Make an icon * * @internal for use inside Vector skin. * @param string $name * @return string of HTML */ public static function makeIcon( $name ) { // Html::makeLink will pass this through rawElement return ''; } /** * Updates user interface preferences for modern Vector to upgrade icon/button menu items. * * @param array &$content_navigation * @param string $menu identifier */ private static function updateMenuItems( &$content_navigation, $menu ) { foreach ( $content_navigation[$menu] as $key => $item ) { $hasButton = $item['button'] ?? false; $hideText = $item['text-hidden'] ?? false; $isCollapsible = $item['collapsible'] ?? false; $icon = $item['icon'] ?? ''; unset( $item['button'] ); unset( $item['icon'] ); unset( $item['text-hidden'] ); unset( $item['collapsible'] ); if ( $isCollapsible ) { self::makeMenuItemCollapsible( $item ); } if ( $hasButton ) { self::addListItemClass( $item, [ 'mw-ui-button', 'mw-ui-quiet' ], true ); } if ( $icon ) { if ( $hideText ) { $iconElementClasses = [ 'mw-ui-icon', 'mw-ui-icon-element', // Some extensions declare icons without the wikimedia- prefix. e.g. Echo 'mw-ui-icon-' . $icon, // FIXME: Some icon names are prefixed with `wikimedia-`. // We should seek to remove all these instances. 'mw-ui-icon-wikimedia-' . $icon ]; self::addListItemClass( $item, $iconElementClasses, true ); } else { $item['link-html'] = self::makeIcon( $icon ); } } $content_navigation[$menu][$key] = $item; } } /** * Vector 2022 only: * Creates an additional menu that will be injected inside the more (cactions) * dropdown menu. This menu is a clone of `views` and this menu will only be * shown at low resolutions (when the `views` menu is hidden). * * An additional menu is used instead of adding to the existing cactions menu * so that the emptyPortlet logic for that menu is preserved and the cactions menu * is not shown at large resolutions when empty (e.g. all items including collapsed * items are hidden). * * @param array &$content_navigation */ private static function createMoreOverflowMenu( &$content_navigation ) { $clonedViews = []; foreach ( array_keys( $content_navigation['views'] ?? [] ) as $key ) { $newItem = $content_navigation['views'][$key]; self::makeMenuItemCollapsible( $newItem, 'vector-more-' ); $clonedViews['more-' . $key] = $newItem; } // Inject collapsible menu items ahead of existing actions. $content_navigation['views-overflow'] = $clonedViews; } /** * Upgrades Vector's watch action to a watchstar. * This is invoked inside SkinVector, not via skin registration, as skin hooks * are not guaranteed to run last. * This can possibly be revised based on the outcome of T287622. * * @see https://www.mediawiki.org/wiki/Manual:Hooks/SkinTemplateNavigation * @param SkinTemplate $sk * @param array &$content_navigation */ public static function onSkinTemplateNavigation( $sk, &$content_navigation ) { $title = $sk->getRelevantTitle(); $skinName = $sk->getSkinName(); if ( self::isVectorSkin( $skinName ) ) { if ( $sk->getConfig()->get( 'VectorUseIconWatch' ) && $title && $title->canExist() ) { self::updateActionsMenu( $content_navigation ); } self::updateUserLinksItems( $sk, $content_navigation ); } if ( $skinName === Constants::SKIN_NAME_MODERN ) { self::createMoreOverflowMenu( $content_navigation ); } } /** * Adds MediaWiki:Vector.css as the skin style that controls classic Vector. * * @param string $skin * @param array &$pages */ public function onResourceLoaderSiteStylesModulePages( $skin, &$pages ): void { if ( $skin === Constants::SKIN_NAME_MODERN ) { $pages['MediaWiki:Vector.css'] = [ 'type' => 'style' ]; } } /** * Adds MediaWiki:Vector.css as the skin style that controls classic Vector. * * @param string $skin * @param array &$pages */ public function onResourceLoaderSiteModulePages( $skin, &$pages ): void { if ( $skin === Constants::SKIN_NAME_MODERN ) { $pages['MediaWiki:Vector.js'] = [ 'type' => 'script' ]; } } /** * Adds the persistent sidebar hidden API preference. * * @param User $user User whose preferences are being modified. * @param array[] &$prefs Preferences description array, to be fed to a HTMLForm object. */ public function onGetPreferences( $user, &$prefs ): void { $config = MediaWikiServices::getInstance()->getMainConfig(); $vectorPrefs = [ Constants::PREF_KEY_SIDEBAR_VISIBLE => [ 'type' => 'api', 'default' => $config->get( Constants::CONFIG_KEY_DEFAULT_SIDEBAR_VISIBLE_FOR_AUTHORISED_USER ), ], ]; $prefs += $vectorPrefs; } /** * Called one time when initializing a users preferences for a newly created account. * * @param User $user Newly created user object. * @param bool $isAutoCreated */ public function onLocalUserCreated( $user, $isAutoCreated ) { $config = MediaWikiServices::getInstance()->getMainConfig(); $default = $config->get( Constants::CONFIG_KEY_DEFAULT_SKIN_VERSION_FOR_NEW_ACCOUNTS ); if ( $default ) { $optionsManager = MediaWikiServices::getInstance()->getUserOptionsManager(); $optionsManager->setOption( $user, Constants::PREF_KEY_SKIN, $default === Constants::SKIN_VERSION_LEGACY ? Constants::SKIN_NAME_LEGACY : Constants::SKIN_NAME_MODERN ); } } /** * Returns the necessary TOC classes. * * @param Skin $sk * @param Config $config * @return string[] */ private static function getTocClasses( Skin $sk, $config ): array { if ( !( $sk instanceof SkinVector22 ) ) { return []; } $classes = []; $isTocABTestEnabled = $sk->isTOCABTestEnabled(); if ( $isTocABTestEnabled || $sk->isTOCEnabled() ) { $classes[] = 'vector-toc-enabled'; } if ( $sk->isTableOfContentsVisibleInSidebar() && $isTocABTestEnabled ) { /** @var \WikimediaEvents\WebABTest\WebABTestArticleIdFactory */ $webABTestArticleIdFactory = MediaWikiServices::getInstance()->getService( Constants::WEB_AB_TEST_ARTICLE_ID_FACTORY_SERVICE ); $experimentConfig = $config->get( Constants::CONFIG_WEB_AB_TEST_ENROLLMENT ); $bucketKeys = array_keys( $experimentConfig['buckets'] ); $ab = $webABTestArticleIdFactory->makeWebABTestArticleIdStrategy( $webABTestArticleIdFactory->filterExcludedBucket( $bucketKeys ), 1 - $experimentConfig['buckets']['unsampled']['samplingRate'], Constants::QUERY_PARAM_TABLE_OF_CONTENTS, $sk->getContext() ); if ( !$ab ) { return $classes; } $bucket = $ab->getBucket(); if ( $bucket ) { $experimentName = $experimentConfig[ 'name' ]; $classes[] = $experimentName; $classes[] = "$experimentName-$bucket"; } } return $classes; } /** * Called when OutputPage::headElement is creating the body tag to allow skins * and extensions to add attributes they might need to the body of the page. * * @param OutputPage $out * @param Skin $sk * @param string[] &$bodyAttrs */ public function onOutputPageBodyAttributes( $out, $sk, &$bodyAttrs ): void { $skinName = $out->getSkin()->getSkinName(); if ( !self::isVectorSkin( $skinName ) ) { return; } $config = $sk->getConfig(); // As of 2020/08/13, this CSS class is referred to by the following deployed extensions: // // - VisualEditor // - CodeMirror // - WikimediaEvents // // See https://codesearch.wmcloud.org/deployed/?q=skin-vector-legacy for an up-to-date // list. if ( self::isSkinVersionLegacy( $skinName ) ) { $bodyAttrs['class'] .= ' skin-vector-legacy'; } $tocClasses = self::getTocClasses( $sk, $config ); if ( $tocClasses ) { $bodyAttrs['class'] .= ' ' . implode( ' ', $tocClasses ); } // Should we disable the max-width styling? if ( !self::isSkinVersionLegacy( $skinName ) && $sk->getTitle() && self::shouldDisableMaxWidth( $config->get( 'VectorMaxWidthOptions' ), $sk->getTitle(), $out->getRequest()->getValues() ) ) { $bodyAttrs['class'] .= ' skin-vector-disable-max-width'; } $featureManager = VectorServices::getFeatureManager(); if ( $featureManager->isFeatureEnabled( Constants::FEATURE_LANGUAGE_IN_MAIN_PAGE_HEADER ) ) { $bodyAttrs['class'] .= ' vector-language-in-header-enabled'; } } /** * Per the $options configuration (for use with $wgVectorMaxWidthOptions) * determine whether max-width should be disabled on the page. * For the main page: Check the value of $options['exclude']['mainpage'] * For all other pages, the following will happen: * - the array $options['include'] of canonical page names will be checked * against the current page. If a page has been listed there, function will return false * (max-width will not be disabled) * Max width is disabled if: * 1) The current namespace is listed in array $options['exclude']['namespaces'] * OR * 2) The query string matches one of the name and value pairs $exclusions['querystring']. * Note the wildcard "*" for a value, will match all query string values for the given * query string parameter. * * @internal only for use inside tests. * @param array $options * @param Title $title * @param array $requestValues * @return bool */ public static function shouldDisableMaxWidth( array $options, Title $title, array $requestValues ) { $canonicalTitle = $title->getRootTitle(); $inclusions = $options['include'] ?? []; $exclusions = $options['exclude'] ?? []; if ( $title->isMainPage() ) { // only one check to make return $exclusions['mainpage'] ?? false; } elseif ( $canonicalTitle->isSpecialPage() ) { $canonicalTitle->fixSpecialName(); } // // Check the inclusions based on the canonical title // The inclusions are checked first as these trump any exclusions. // // Now we have the canonical title and the inclusions link we look for any matches. foreach ( $inclusions as $titleText ) { $includedTitle = Title::newFromText( $titleText ); if ( $canonicalTitle->equals( $includedTitle ) ) { return false; } } // // Check the exclusions // If nothing matches the exclusions to determine what should happen // $excludeNamespaces = $exclusions['namespaces'] ?? []; // Max width is disabled on certain namespaces if ( $title->inNamespaces( $excludeNamespaces ) ) { return true; } $excludeQueryString = $exclusions['querystring'] ?? []; foreach ( $excludeQueryString as $param => $excludedParamValue ) { $paramValue = $requestValues[$param] ?? false; if ( $paramValue ) { if ( $excludedParamValue === '*' ) { // check wildcard return true; } elseif ( $paramValue === $excludedParamValue ) { // Check if the excluded param value matches return true; } } } return false; } /** * NOTE: Please use ResourceLoaderGetConfigVars hook instead if possible * for adding config to the page. * Adds config variables to JS that depend on current page/request. * * Adds a config flag that can disable saving the VectorSidebarVisible * user preference when the sidebar menu icon is clicked. * * @param array &$vars Array of variables to be added into the output. * @param OutputPage $out OutputPage instance calling the hook */ public function onMakeGlobalVariablesScript( &$vars, $out ): void { $skin = $out->getSkin(); $skinName = $skin->getSkinName(); if ( !self::isVectorSkin( $skinName ) ) { return; } $user = $out->getUser(); if ( $user->isRegistered() && self::isSkinVersionLegacy( $skinName ) ) { $vars[ 'wgVectorDisableSidebarPersistence' ] = $out->getConfig()->get( Constants::CONFIG_KEY_DISABLE_SIDEBAR_PERSISTENCE ); } } /** * Gets whether the current skin version is the legacy version. * Should mirror SkinVector::isLegacy * * @param string $skinName hint that can be used to detect modern vector. * @return bool */ private static function isSkinVersionLegacy( $skinName ): bool { return $skinName === Constants::SKIN_NAME_LEGACY; } }