2015-04-07 19:52:32 +00:00
{
"name" : "Vector" ,
2020-04-28 21:16:21 +00:00
"version" : "1.0.0" ,
2015-04-07 19:52:32 +00:00
"author" : [
"Trevor Parscal" ,
"Roan Kattouw" ,
"..."
] ,
"url" : "https://www.mediawiki.org/wiki/Skin:Vector" ,
"descriptionmsg" : "vector-skin-desc" ,
2015-09-28 09:42:39 +00:00
"namemsg" : "skinname-vector" ,
2018-02-16 18:41:02 +00:00
"license-name" : "GPL-2.0-or-later" ,
2015-04-07 19:52:32 +00:00
"type" : "skin" ,
2015-09-23 15:31:56 +00:00
"requires" : {
2020-04-15 17:26:19 +00:00
"MediaWiki" : ">= 1.35.0"
2015-09-23 15:31:56 +00:00
} ,
2015-04-07 19:52:32 +00:00
"ValidSkinNames" : {
2020-04-28 21:16:21 +00:00
"vector" : {
2020-07-09 16:42:33 +00:00
"class" : "SkinVector" ,
"@args" : "See SkinVector::__construct for more detail." ,
2020-04-28 21:16:21 +00:00
"args" : [
{
"name" : "vector" ,
"scripts" : [
"skins.vector.js"
] ,
"styles" : [
"skins.vector.styles" ,
2020-08-13 01:19:51 +00:00
"mediawiki.ui.icon"
2020-08-05 08:22:22 +00:00
] ,
"messages" : [
2020-08-05 20:27:38 +00:00
"vector-opt-out-tooltip" ,
"vector-opt-out" ,
"navigation-heading" ,
2020-08-05 08:22:22 +00:00
"vector-action-toggle-sidebar" ,
"vector-jumptonavigation" ,
"vector-jumptosearch" ,
2020-09-08 23:20:58 +00:00
"vector-jumptocontent" ,
2020-08-05 08:22:22 +00:00
"sitesubtitle" ,
"sitetitle" ,
"tagline"
2020-04-28 21:16:21 +00:00
]
}
]
}
2015-04-07 19:52:32 +00:00
} ,
2018-05-20 18:58:47 +00:00
"SkinLessImportPaths" : {
"vector" : "resources/mediawiki.less"
} ,
2015-04-07 19:52:32 +00:00
"MessagesDirs" : {
"Vector" : [
"i18n"
]
} ,
"AutoloadClasses" : {
2020-07-09 16:42:33 +00:00
"SkinVector" : "includes/SkinVector.php"
2015-04-07 19:52:32 +00:00
} ,
2020-02-20 16:37:33 +00:00
"AutoloadNamespaces" : {
2020-04-18 02:59:38 +00:00
"Vector\\" : "includes/"
2020-02-20 16:37:33 +00:00
} ,
[Special:Preferences] [PHP] Add skin version user preference and configs
Add a Vector-specific user preference to Special:Preferences for
toggling skin version, either Legacy Vector or the latest Vector.
The presentation of the new preference section and the default values
for anonymous, new, and existing accounts are configurable via
$wgVectorShowSkinPreferences, $wgVectorDefaultSkinVersion (to be used by
the feature manager in T244481),
$wgVectorDefaultSkinVersionForExistingAccounts, and
$wgVectorDefaultSkinVersionForNewAccounts. These configurations default
to the fullest experience so that third-party configuration is minimal.
See skin.json for details. The configurations are each tested in
VectorHooksTest.php.
When presentation is enabled, the new preference appears as a checkbox;
enabled is Legacy mode and disable is latest. There are a number of
unfortunate details:
- Showing and hiding a checkbox is supported by OOUI. Showing and hiding
a whole section (Vector skin preferences, in this case) is not so this
additional client JavaScript functionality is added in Core (see
Iaf68b238a8ac7a4fb22b9ef5d6c5a3394ee2e377).
- Stylization as a checkbox is wanted. However, the implied storage type
for OOUI checkboxes is a boolean. This is not wanted in the event that
another skin version is added (e.g., '3' or 'alpha'). As a workaround,
the preference is converted from a boolean to a version string ('1' or
'2') on save in Hooks::onPreferencesFormPreSave() and from a version
string to a checkbox enable / disable string ('1' or '0') in
onGetPreferences(). There a number of test cases to help cover these
concerning details.
Documentation for overriding the skin version as a URL query parameter
is provided in anticipation of T244481.
Bug: T242381
Bug: T245793
Depends-On: Iaf68b238a8ac7a4fb22b9ef5d6c5a3394ee2e377
Depends-On: Ifc2863fca9cd9efd11ac30c780420e8d89e8cb22
Change-Id: I177dad88fc982170641059b6a4f53fbb38eefad6
2020-01-23 21:53:09 +00:00
"ConfigRegistry" : {
"vector" : "GlobalVarConfig::newInstance"
} ,
2017-06-30 19:21:16 +00:00
"Hooks" : {
2020-06-12 12:31:08 +00:00
"BeforePageDisplay" : "Vector\\Hooks::onBeforePageDisplay" ,
2020-07-14 13:07:09 +00:00
"SkinPageReadyConfig" : "Vector\\Hooks::onSkinPageReadyConfig" ,
[Special:Preferences] [PHP] Add skin version user preference and configs
Add a Vector-specific user preference to Special:Preferences for
toggling skin version, either Legacy Vector or the latest Vector.
The presentation of the new preference section and the default values
for anonymous, new, and existing accounts are configurable via
$wgVectorShowSkinPreferences, $wgVectorDefaultSkinVersion (to be used by
the feature manager in T244481),
$wgVectorDefaultSkinVersionForExistingAccounts, and
$wgVectorDefaultSkinVersionForNewAccounts. These configurations default
to the fullest experience so that third-party configuration is minimal.
See skin.json for details. The configurations are each tested in
VectorHooksTest.php.
When presentation is enabled, the new preference appears as a checkbox;
enabled is Legacy mode and disable is latest. There are a number of
unfortunate details:
- Showing and hiding a checkbox is supported by OOUI. Showing and hiding
a whole section (Vector skin preferences, in this case) is not so this
additional client JavaScript functionality is added in Core (see
Iaf68b238a8ac7a4fb22b9ef5d6c5a3394ee2e377).
- Stylization as a checkbox is wanted. However, the implied storage type
for OOUI checkboxes is a boolean. This is not wanted in the event that
another skin version is added (e.g., '3' or 'alpha'). As a workaround,
the preference is converted from a boolean to a version string ('1' or
'2') on save in Hooks::onPreferencesFormPreSave() and from a version
string to a checkbox enable / disable string ('1' or '0') in
onGetPreferences(). There a number of test cases to help cover these
concerning details.
Documentation for overriding the skin version as a URL query parameter
is provided in anticipation of T244481.
Bug: T242381
Bug: T245793
Depends-On: Iaf68b238a8ac7a4fb22b9ef5d6c5a3394ee2e377
Depends-On: Ifc2863fca9cd9efd11ac30c780420e8d89e8cb22
Change-Id: I177dad88fc982170641059b6a4f53fbb38eefad6
2020-01-23 21:53:09 +00:00
"GetPreferences" : "Vector\\Hooks::onGetPreferences" ,
"PreferencesFormPreSave" : "Vector\\Hooks::onPreferencesFormPreSave" ,
2020-06-12 21:43:58 +00:00
"SkinTemplateNavigation::Universal" : "Vector\\Hooks::onSkinTemplateNavigation" ,
2020-06-18 12:52:00 +00:00
"LocalUserCreated" : "Vector\\Hooks::onLocalUserCreated" ,
2020-07-15 21:27:09 +00:00
"OutputPageBodyAttributes" : "Vector\\Hooks::onOutputPageBodyAttributes" ,
"MakeGlobalVariablesScript" : "Vector\\Hooks::onMakeGlobalVariablesScript"
2017-06-30 19:21:16 +00:00
} ,
2015-07-24 00:05:26 +00:00
"@note" : "When modifying skins.vector.styles definition, make sure the installer still works" ,
2015-04-07 19:52:32 +00:00
"ResourceModules" : {
2020-03-11 22:35:38 +00:00
"skins.vector.styles.legacy" : {
"class" : "ResourceLoaderSkinModule" ,
2020-09-14 22:16:58 +00:00
"features" : {
"normalize" : true ,
"elements" : true ,
"content" : true ,
"interface" : true ,
"logo" : true ,
"legacy" : true
} ,
2020-03-11 22:35:38 +00:00
"targets" : [
"desktop" ,
"mobile"
] ,
2020-05-14 20:54:15 +00:00
"styles" : [ "resources/skins.vector.styles/skin-legacy.less" ]
2020-03-11 22:35:38 +00:00
} ,
2015-07-24 00:05:26 +00:00
"skins.vector.styles" : {
2019-11-12 19:09:26 +00:00
"class" : "ResourceLoaderSkinModule" ,
2020-09-14 22:16:58 +00:00
"features" : {
"normalize" : true ,
"elements" : true ,
"content" : true ,
"interface" : true ,
"legacy" : true
} ,
2020-01-11 04:40:49 +00:00
"targets" : [
"desktop" ,
"mobile"
] ,
2020-05-14 20:54:15 +00:00
"styles" : [ "resources/skins.vector.styles/skin.less" ]
2015-07-24 00:05:26 +00:00
} ,
"skins.vector.styles.responsive" : {
2020-01-11 04:40:49 +00:00
"targets" : [
"desktop" ,
"mobile"
] ,
2020-03-10 21:01:09 +00:00
"styles" : [ "resources/skins.vector.styles.responsive.less" ]
2015-07-24 00:05:26 +00:00
} ,
2020-07-14 13:07:09 +00:00
"skins.vector.search" : {
"dependencies" : [
"vue"
]
} ,
2015-04-07 19:52:32 +00:00
"skins.vector.js" : {
2020-04-10 15:24:13 +00:00
"packageFiles" : [
2020-05-14 20:54:15 +00:00
"resources/skins.vector.js/skin.js" ,
2020-07-14 13:07:09 +00:00
{
"name" : "resources/skins.vector.js/config.json" ,
"callback" : "Vector\\Hooks::getVectorResourceLoaderConfig"
} ,
2020-06-30 22:39:09 +00:00
"resources/skins.vector.js/sidebar.js" ,
2020-05-11 21:29:56 +00:00
"resources/skins.vector.legacy.js/collapsibleTabs.js" ,
2020-09-11 20:50:04 +00:00
"resources/skins.vector.legacy.js/vector.js" ,
2020-08-04 12:02:50 +00:00
"resources/skins.vector.js/searchLoader.js"
2020-05-11 21:29:56 +00:00
] ,
"dependencies" : [
2020-07-14 13:07:09 +00:00
"mediawiki.page.ready" ,
"mediawiki.util"
2020-08-04 12:02:50 +00:00
] ,
"messages" : [ "vector-search-loader" ]
2020-05-11 21:29:56 +00:00
} ,
"skins.vector.legacy.js" : {
"packageFiles" : [
2020-05-14 20:54:15 +00:00
"resources/skins.vector.legacy.js/skin-legacy.js" ,
2020-05-11 21:29:56 +00:00
"resources/skins.vector.legacy.js/collapsibleTabs.js" ,
"resources/skins.vector.legacy.js/vector.js"
2015-04-07 19:52:32 +00:00
] ,
"dependencies" : [
2020-07-14 13:07:09 +00:00
"mediawiki.page.ready" ,
2019-10-04 00:06:46 +00:00
"mediawiki.util"
2015-04-07 19:52:32 +00:00
]
}
} ,
"ResourceFileModulePaths" : {
"localBasePath" : "" ,
"remoteSkinPath" : "Vector"
} ,
"ResourceModuleSkinStyles" : {
"vector" : {
"jquery.tipsy" : "skinStyles/jquery.tipsy.less" ,
2019-10-16 22:44:40 +00:00
"jquery.ui" : [
2015-04-07 19:52:32 +00:00
"skinStyles/jquery.ui/jquery.ui.core.css" ,
2019-10-16 22:44:40 +00:00
"skinStyles/jquery.ui/jquery.ui.theme.css" ,
"skinStyles/jquery.ui/jquery.ui.accordion.css" ,
"skinStyles/jquery.ui/jquery.ui.autocomplete.css" ,
"skinStyles/jquery.ui/jquery.ui.button.css" ,
"skinStyles/jquery.ui/jquery.ui.datepicker.css" ,
"skinStyles/jquery.ui/jquery.ui.dialog.css" ,
"skinStyles/jquery.ui/jquery.ui.menu.css" ,
"skinStyles/jquery.ui/jquery.ui.progressbar.css" ,
"skinStyles/jquery.ui/jquery.ui.resizable.css" ,
"skinStyles/jquery.ui/jquery.ui.selectable.css" ,
"skinStyles/jquery.ui/jquery.ui.slider.css" ,
"skinStyles/jquery.ui/jquery.ui.tabs.css" ,
"skinStyles/jquery.ui/jquery.ui.tooltip.css"
2015-04-07 19:52:32 +00:00
] ,
2017-06-15 13:05:39 +00:00
"+mediawiki.action.view.redirectPage" : "skinStyles/mediawiki.action.view.redirectPage.less" ,
2015-05-04 16:29:18 +00:00
"+mediawiki.notification" : "skinStyles/mediawiki.notification.less" ,
2016-02-29 16:59:59 +00:00
"+oojs-ui-core.styles" : "skinStyles/ooui.less" ,
2019-06-20 18:14:27 +00:00
"mediawiki.special" : "skinStyles/mediawiki.special.less" ,
"+ext.relatedArticles.readMore" : "skinStyles/ext.relatedArticles.readMore.less"
2015-04-07 19:52:32 +00:00
}
} ,
"config" : {
2020-01-11 04:40:49 +00:00
"VectorUseIconWatch" : {
"value" : true
} ,
"VectorResponsive" : {
"value" : false
[Special:Preferences] [PHP] Add skin version user preference and configs
Add a Vector-specific user preference to Special:Preferences for
toggling skin version, either Legacy Vector or the latest Vector.
The presentation of the new preference section and the default values
for anonymous, new, and existing accounts are configurable via
$wgVectorShowSkinPreferences, $wgVectorDefaultSkinVersion (to be used by
the feature manager in T244481),
$wgVectorDefaultSkinVersionForExistingAccounts, and
$wgVectorDefaultSkinVersionForNewAccounts. These configurations default
to the fullest experience so that third-party configuration is minimal.
See skin.json for details. The configurations are each tested in
VectorHooksTest.php.
When presentation is enabled, the new preference appears as a checkbox;
enabled is Legacy mode and disable is latest. There are a number of
unfortunate details:
- Showing and hiding a checkbox is supported by OOUI. Showing and hiding
a whole section (Vector skin preferences, in this case) is not so this
additional client JavaScript functionality is added in Core (see
Iaf68b238a8ac7a4fb22b9ef5d6c5a3394ee2e377).
- Stylization as a checkbox is wanted. However, the implied storage type
for OOUI checkboxes is a boolean. This is not wanted in the event that
another skin version is added (e.g., '3' or 'alpha'). As a workaround,
the preference is converted from a boolean to a version string ('1' or
'2') on save in Hooks::onPreferencesFormPreSave() and from a version
string to a checkbox enable / disable string ('1' or '0') in
onGetPreferences(). There a number of test cases to help cover these
concerning details.
Documentation for overriding the skin version as a URL query parameter
is provided in anticipation of T244481.
Bug: T242381
Bug: T245793
Depends-On: Iaf68b238a8ac7a4fb22b9ef5d6c5a3394ee2e377
Depends-On: Ifc2863fca9cd9efd11ac30c780420e8d89e8cb22
Change-Id: I177dad88fc982170641059b6a4f53fbb38eefad6
2020-01-23 21:53:09 +00:00
} ,
"VectorShowSkinPreferences" : {
"value" : true ,
"description" : "@var boolean Show skin-specific user preferences on the Special:Preferences appearance tab when true and hide them otherwise."
} ,
"VectorDefaultSkinVersion" : {
2020-05-04 13:25:38 +00:00
"value" : "1" ,
2020-04-28 21:02:15 +00:00
"description" : "@var string:['2'|'1'] The version ('2' for latest, '1' for legacy) of the Vector skin to use for anonymous users and as a fallback. The value is _not_ persisted."
[Special:Preferences] [PHP] Add skin version user preference and configs
Add a Vector-specific user preference to Special:Preferences for
toggling skin version, either Legacy Vector or the latest Vector.
The presentation of the new preference section and the default values
for anonymous, new, and existing accounts are configurable via
$wgVectorShowSkinPreferences, $wgVectorDefaultSkinVersion (to be used by
the feature manager in T244481),
$wgVectorDefaultSkinVersionForExistingAccounts, and
$wgVectorDefaultSkinVersionForNewAccounts. These configurations default
to the fullest experience so that third-party configuration is minimal.
See skin.json for details. The configurations are each tested in
VectorHooksTest.php.
When presentation is enabled, the new preference appears as a checkbox;
enabled is Legacy mode and disable is latest. There are a number of
unfortunate details:
- Showing and hiding a checkbox is supported by OOUI. Showing and hiding
a whole section (Vector skin preferences, in this case) is not so this
additional client JavaScript functionality is added in Core (see
Iaf68b238a8ac7a4fb22b9ef5d6c5a3394ee2e377).
- Stylization as a checkbox is wanted. However, the implied storage type
for OOUI checkboxes is a boolean. This is not wanted in the event that
another skin version is added (e.g., '3' or 'alpha'). As a workaround,
the preference is converted from a boolean to a version string ('1' or
'2') on save in Hooks::onPreferencesFormPreSave() and from a version
string to a checkbox enable / disable string ('1' or '0') in
onGetPreferences(). There a number of test cases to help cover these
concerning details.
Documentation for overriding the skin version as a URL query parameter
is provided in anticipation of T244481.
Bug: T242381
Bug: T245793
Depends-On: Iaf68b238a8ac7a4fb22b9ef5d6c5a3394ee2e377
Depends-On: Ifc2863fca9cd9efd11ac30c780420e8d89e8cb22
Change-Id: I177dad88fc982170641059b6a4f53fbb38eefad6
2020-01-23 21:53:09 +00:00
} ,
"VectorDefaultSkinVersionForExistingAccounts" : {
2020-05-04 13:25:38 +00:00
"value" : "1" ,
2020-04-28 21:02:15 +00:00
"description" : "@var string:['2'|'1'] The version ('2' for latest, '1' for legacy) of the Vector skin to use when an existing user has not specified a preference. This configuration is not used for new accounts (see VectorDefaultSkinVersionForNewAccounts) and is impermanent. In the future, this field may contains versions such as \"beta\" which when specified and the BetaFeatures extension is installed, and the user is enrolled, the latest version is used otherwise legacy. The value is _not_ persisted."
[Special:Preferences] [PHP] Add skin version user preference and configs
Add a Vector-specific user preference to Special:Preferences for
toggling skin version, either Legacy Vector or the latest Vector.
The presentation of the new preference section and the default values
for anonymous, new, and existing accounts are configurable via
$wgVectorShowSkinPreferences, $wgVectorDefaultSkinVersion (to be used by
the feature manager in T244481),
$wgVectorDefaultSkinVersionForExistingAccounts, and
$wgVectorDefaultSkinVersionForNewAccounts. These configurations default
to the fullest experience so that third-party configuration is minimal.
See skin.json for details. The configurations are each tested in
VectorHooksTest.php.
When presentation is enabled, the new preference appears as a checkbox;
enabled is Legacy mode and disable is latest. There are a number of
unfortunate details:
- Showing and hiding a checkbox is supported by OOUI. Showing and hiding
a whole section (Vector skin preferences, in this case) is not so this
additional client JavaScript functionality is added in Core (see
Iaf68b238a8ac7a4fb22b9ef5d6c5a3394ee2e377).
- Stylization as a checkbox is wanted. However, the implied storage type
for OOUI checkboxes is a boolean. This is not wanted in the event that
another skin version is added (e.g., '3' or 'alpha'). As a workaround,
the preference is converted from a boolean to a version string ('1' or
'2') on save in Hooks::onPreferencesFormPreSave() and from a version
string to a checkbox enable / disable string ('1' or '0') in
onGetPreferences(). There a number of test cases to help cover these
concerning details.
Documentation for overriding the skin version as a URL query parameter
is provided in anticipation of T244481.
Bug: T242381
Bug: T245793
Depends-On: Iaf68b238a8ac7a4fb22b9ef5d6c5a3394ee2e377
Depends-On: Ifc2863fca9cd9efd11ac30c780420e8d89e8cb22
Change-Id: I177dad88fc982170641059b6a4f53fbb38eefad6
2020-01-23 21:53:09 +00:00
} ,
"VectorDefaultSkinVersionForNewAccounts" : {
2020-05-04 13:25:38 +00:00
"value" : "1" ,
2020-05-01 13:58:16 +00:00
"description" : "@var string:['2'|'1'] The version ('2' for latest, '1' for legacy) of the Vector skin to **set** for newly created user accounts. **The value is persisted as a user preference.** This configuration is not used for preexisting accounts (see VectorDefaultSkinVersionForExistingAccounts) and only ever executed once at new account creation time."
2020-07-07 08:59:14 +00:00
} ,
2020-07-14 13:07:09 +00:00
"VectorUseCoreSearch" : {
"value" : true
} ,
2020-07-07 08:59:14 +00:00
"VectorDefaultSidebarVisibleForAuthorisedUser" : {
"value" : true
} ,
"VectorDefaultSidebarVisibleForAnonymousUser" : {
"value" : false
Implement Page, Workspace, Content, and Article Toolbar Containers
This patch closely follows the desired guidelines/desired
styles Alex Hollender has put forth in his prototype, but uses
multiple containers to achieve this look since our DOM order/structure
is different than the DOM structure in the prototype. The following
containers are used, but unlike his prototype, they are sometimes used
more than once:
* Page Container: Contains every other container and limits the overall
max-width of the white part of the page.
* Workspace Container: Contains the sidebar and content container. The
sidebar is displaced ~30 pixels to the start (left) of the workspace
container at all times.
* Content Container: Contains the content. The max-width of this changes
depending on whether you are on a special page/history page vs. other
pages.
* Article Toolbar Container: Contains the article toolbar. The max-width
of this is always the same as the max-width of the article content as we
don't want the toolbar to move when going from the article page to the
history/special page.
Changes to be aware:
* To test locally, `$wgVectorLayoutMaxWidth = true;`. This design is
temporarily feature flagged and defaults to being "off".
* Note that layout-max-width.less is a temporary file made to meet the
feature flag requirement of T246420 (intended to derisk the deployment).
After the deploy, we should merge most if not all of the rules into
layout.less where the max-width design will become the default.
* Per Jon's code review comment, I have relaxed the indenting of
skin.mustache to make the diff easier to reason about. If desired, the
correct indenting can be achieved in a (much less risky) follow-up
commit.
Bug: T246420
Bug: T153043
Change-Id: Ie49f629bc705850c6996164a516957476c034048
2020-06-23 18:02:32 +00:00
} ,
2020-07-15 21:27:09 +00:00
"VectorDisableSidebarPersistence" : {
"value" : false ,
"description" : "@var boolean Temporary feature flag that disables saving the sidebar expanded/collapsed state as a user-preference (triggered via clicking the main menu icon). This is intended as a temporary kill-switch in the event that the DB is overloaded with writes to the user_options table."
2020-01-11 04:40:49 +00:00
}
2015-06-08 20:20:52 +00:00
} ,
2020-02-20 16:37:33 +00:00
"ServiceWiringFiles" : [
"includes/ServiceWiring.php"
] ,
2020-01-11 04:40:49 +00:00
"manifest_version" : 2
2015-04-07 19:52:32 +00:00
}
