Giter Site home page Giter Site logo

skins.wmflabs.org's Introduction

FAQ

About

This is the code that powers the app at skins.wmflabs.

Development

Run this app with the following:

npm install
npm start

Deploying to Labs

Setup a static instance using these instructions.

Once that's done, setup Node.js environment:

#
sudo apt-get install npm
npm install
sudo npm run deploy

Setting up a demo site

You'll need to copy the following to LocalSettings.php

$wgReadOnly = 'This wiki is read only';
wfLoadSkin( 'Vector' );
wfLoadSkin('2018');
wfLoadSkin('Aether');
wfLoadSkin('Alexandria');
wfLoadSkin('Amethyst');
wfLoadSkin('Anisa');
wfLoadSkin('Apex');
wfLoadSkin('Astra');
wfLoadSkin('AtlasMuseum');
wfLoadSkin('Blue');
wfLoadSkin('BlueLL');
wfLoadSkin('BlueSky');
wfLoadSkin('Bluelib');
wfLoadSkin('Bouquet');
wfLoadSkin('Cavendish');
wfLoadSkin('Cemublue');
wfLoadSkin('CollegeInsider');
wfLoadSkin('CologneBlue');
wfLoadSkin('Cosmos');
wfLoadSkin('DGraph');
wfLoadSkin('DarkCosmos');
wfLoadSkin('DeskMessMirrored');
wfLoadSkin('Citizen');
wfLoadSkin('Dusk');
wfLoadSkin('DuskToDawn');
wfLoadSkin('Evelution');
wfLoadSkin('Example');
wfLoadSkin('Fairy');
wfLoadSkin('Femiwiki');
wfLoadSkin('Flatbox');
wfLoadSkin('Foreground');
wfLoadSkin('Gamepress');
wfLoadSkin('GreyStuff');
wfLoadSkin('GuMaxDD');
wfLoadSkin('HasSomeColours');
wfLoadSkin('Hello-Elementor');
wfLoadSkin('Hive');
wfLoadSkin('Jony');
wfLoadSkin('Kadence');
wfLoadSkin('Lakeus');
wfLoadSkin('Less');
wfLoadSkin('Marginless');
wfLoadSkin('Mask');
wfLoadSkin('Material');
wfLoadSkin('Medik');
wfLoadSkin('Metrolook');
wfLoadSkin('MinervaNeue');
wfLoadSkin('Mirage');
wfLoadSkin('Modern');
wfLoadSkin('ModernSkylight');
wfLoadSkin('Monaco');
wfLoadSkin('MonoBook');
wfLoadSkin('Neptune');
wfLoadSkin('Neve');
wfLoadSkin('Nimbus');
wfLoadSkin('Nostalgia');
wfLoadSkin('OSMFoundation');
wfLoadSkin('Oceanwp');
wfLoadSkin('Onyx');
wfLoadSkin('Pandora');
wfLoadSkin('Pivot');
wfLoadSkin('Poncho');
wfLoadSkin('Popularfx');
wfLoadSkin('Pure');
wfLoadSkin('Refreshed');
wfLoadSkin('SkinJSON');
wfLoadSkin('Splash');
wfLoadSkin('Tempo');
wfLoadSkin('Timeless');
wfLoadSkin('Truglass');
wfLoadSkin('Tunic');
wfLoadSkin('Tweeki');
wfLoadSkin('Twentynineteen');
wfLoadSkin('Twentytwenty');
wfLoadSkin('Twentytwentyone');
wfLoadSkin('Tyrian');
wfLoadSkin('Vector');
wfLoadSkin('WMAU');
wfLoadSkin('WPtouch');
wfLoadSkin('WikimediaApiPortal');
wfLoadSkin('Wisky');
wfLoadSkin('WoOgLeShades');
wfLoadSkin('erudite');
wfLoadSkin('p2wiki');
wfLoadSkin('snapwikiskin');
wfLoadSkin('strapping');
wfLoadSkin('t29v7');

And run the following commands:

git clone https://bitbucket.org/wikiskripta/medik.git
git clone https://gerrit.wikimedia.org/r/mediawiki/skins/HasSomeColours
git clone https://gerrit.wikimedia.org/r/mediawiki/skins/GreyStuff
git clone https://github.com/AWikia/SkinEvelution.git
git clone https://invent.kde.org/websites/aether-mediawiki.git
git clone https://gerrit.wikimedia.org/r/mediawiki/skins/Amethyst
git clone https://github.com/InternationalScratchWiki/ScratchWikiSkin2.git
git clone https://gerrit.wikimedia.org/r/mediawiki/skins/Modern.git
git clone https://gerrit.wikimedia.org/r/mediawiki/skins/Schulenburg
git clone https://gerrit.wikimedia.org/r/mediawiki/skins/MinervaNeue.git
git clone https://github.com/pmh-only/Neptune.git
git clone https://gerrit.wikimedia.org/r/mediawiki/skins/Cosmos
git clone https://github.com/lingua-libre/BlueLL.git
git clone https://gerrit.wikimedia.org/r/mediawiki/skins/Gamepress
git clone https://github.com/morags/mediawiki-2018-skin.git
git clone https://gerrit.wikimedia.org/r/mediawiki/skins/DuskToDawn
git clone https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git
git clone https://gerrit.wikimedia.org/r/mediawiki/skins/WoOgLeShades
git clone https://gerrit.wikimedia.org/r/mediawiki/skins/Refreshed
git clone https://anongit.gentoo.org/git/sites/wiki/skin-tyrian.git
git clone https://github.com/jdlrobson/Bluelib.git
git clone https://github.com/Dialexio/Jony.git
git clone https://gerrit.wikimedia.org/r/mediawiki/skins/Poncho
git clone https://github.com/Killarnee/DarkCosmos.git
git clone https://gerrit.wikimedia.org/r/mediawiki/skins/MonoBook.git
git clone https://github.com/ElijahPepe/Cemublue.git
git clone https://gerrit.wikimedia.org/r/mediawiki/skins/Material
git clone https://github.com/librewiki/liberty-skin.git
git clone https://github.com/thingles/foreground.git
git clone https://github.com/hutchy68/pivot.git
git clone https://github.com/drriguz/Pure.git
git clone https://github.com/TheNintendofan1209/HoodWiki-tunic.git
git clone https://github.com/tealyt/Marginless-MediaWiki.git
git clone https://github.com/wikimedia/mediawiki-skins-Wisky.git
git clone https://github.com/jdlrobson/mediawiki-skins-AtlasMuseum.git
git clone https://github.com/LorenMaxwell/mediawiki-skins-lift.git
git clone https://github.com/achia70/skin-Blue.git
git clone https://github.com/jdlrobson/skin-hive.git
git clone https://github.com/jdlrobson/Alexandria.git
git clone https://gerrit.wikimedia.org/r/mediawiki/skins/p2wiki
git clone https://github.com/thaider/Tweeki
git clone https://gerrit.wikimedia.org/r/mediawiki/skins/webplatform
git clone https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git
git clone https://gerrit.wikimedia.org/r/mediawiki/skins/Anisa.git
mv mediawiki-2018-skin  2018
mv aether-mediawiki Aether
mv mediawiki-skins-apex Apex
ln -s MediaWikiWordpressThemes/Astra .
ln -s MediaWikiWordpressThemes/Fairy .
ln -s MediaWikiWordpressThemes/Kadence .
ln -s MediaWikiWordpressThemes/Hello-Elementor .
ln -s MediaWikiWordpressThemes/Neve .
ln -s MediaWikiWordpressThemes/Twentynineteen .
ln -s MediaWikiWordpressThemes/Twentytwentyone .
ln -s MediaWikiWordpressThemes/Twentytwenty .
ln -s MediaWikiWordpressThemes/Popularfx .
ln -s MediaWikiWordpressThemes/Oceanwp .
mv mediawiki-skins-AtlasMuseum/ AtlasMuseum
mv skin-Blue Blue
mv CollegeInsiderSkin/ CollegeInsider
mv mediawiki-dgraph-skin DGraph
mv DarkCosmos git-DarkCosmos
ln -s git-DarkCosmos/DarkCosmos .
mv mediawiki-skins-DeskMessMirrored DeskMessMirrored
mv mediawiki-skins-Citizen Citizen
mv SkinEvelution/ Evelution
mv mediawiki-skins-Example/ Example
mv FemiwikiSkin Femiwiki
mv mediawiki-flatbox Flatbox
mv foreground Foreground
mv mediawiki-bootstrap Bootstrap
mv mediawiki-fluent Fluent
mv mediawiki-simpletext Simpletext
mv mediawiki-skins-ForTrainingNG ForTrainingNG
mv mediawiki-skins-GuMaxDD GuMaxDD
mv mediawiki-skins-Splash Splash
mv mediawiki-skins-WMAU WMAU
mv mediawiki-skins-Wisky Wisky
mv mediawiki-skins-WPtouch WPtouch
mv mediawiki-skins-mediawiki-strapping strapping
mv mediawiki-skins-lift Lift
mv mediawiki-skins-skinjson SkinJSON
mv skin-hive Hive
mv skin-tyrian Tyrian
mv Jony Jony-git
ln -s Jony-git/Jony .
mv mediawiki-skins-Lakeus Lakeus
mv Marginless-MediaWiki  Marginless
mv medik Medik
mv osmf-mediawiki-skin OSMFoundation
mv pivot/ Pivot
mv HoodWiki-tunic/ Tunic

skins.wmflabs.org's People

Contributors

jdlrobson avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Forkers

alistair3149

skins.wmflabs.org's Issues

#22 | Please update Lakeus skin for live preview option

Description
The Lakeus skin in Wikimedia Skins Lab is outdated and producing ResourceLoaderSkinModule error.

To Reproduce
Steps to reproduce the behavior:

  1. Go to https://skins.wmcloud.org/#/skin/lakeus
  2. Click on 'Click to preview' https://skins-demo.wmflabs.org//wiki/MediaWiki?useformat=desktop&uselang=en&useskin=lakeus
  3. See error

Expected behavior
Should use up-to-date latest https://github.com/lakejason0/mediawiki-skins-Lakeus.git .

Additional context

Replaced deprecated PHP class alias ResourceLoaderSkinModule
with namespaced MediaWiki\ResourceLoader\SkinModule .

The class was namespaced in MediaWiki 1.39
(commit 3e2653f83bc096889d8b69d1e01a52d7de42b247,
Change-Id Id08a220e1d6085e2b33f3f6c9d0e3935a4204659),

and the deprecated class alias was removed in MediaWiki 1.42
(commit 21d8d9863b393e0bea608ac2f926b40bfecff9ad,
Change-Id I5929a2f760c8d21c1cb2542a19220a91ac7240e4).

Bug: https://github.com/lakejason0/mediawiki-skins-Lakeus/pull/38
Change-Id: I49315facdd5cc0f56485c830c020853763bf76c0

It should be more obvious when updates will happen to skins-demo.wmflabs.org

I'm getting quite a few requests to update skins-demo.wmflabs.org
I was doing these manually once a month, but it seems like we need a more regular cadence.

A cronjob could be used, but given skins can introduce fatals, there is a bit of manual work involved to do this.

Things to explore:

  • Talk to [[User:MacFan4000]] to see if he's interested in sharing responsibility with https://skins.toolforge.org/ to reduce me being the single point person
  • See if vagrant supports some kind of update versioning

FYI @lakejason0 @HM100

Please enable Evelution for live preview option

I'm the developer of the newly established Evelution Skin which can be found here. It is currently at version 2.3.0. Since this skin works for MediaWiki 1.36, can live preview be enabled for this skin (Evelution)?

Change background color

The background color choice is a bit.... or maybe you could say a lot... weird.

In order to make skin selection a more 'polished' and 'professional' experience, could you make the background less "in your face" so that the content itself can attract the viewer's attention. I would say any neutral color could work, but probably the best is to choose either white, or black -- and maybe a switch to be able to go from 'light' mode to 'dark' mode.

Thanks

RfC: Making skin labs useful for people who explore skins

Please feel free to edit the list, it is a list of potential pain points that help to explore how to make skin labs more useful and desirable for people who explore skins (e.g. wiki admins, extension dev, etc.).

  • As a wiki admin, I want to see a preview of a wiki page in my language, so that I can pick a skin that works with my language (#12).
  • As a wiki admin, I want to see if the skin works with my MW version, so that I know the skin would run on my wiki.
  • As a wiki admin, I want to see how a skin looks with my MW version, so that I know how the skin look on my wiki.
  • As an extension developer, I want to see potential locations that I can add UI elements to with hook, so that I know how my extension look across different skins.

It is a rough draft that I can personally think of for now and had come across before. Looking forward to how you'all think about it!

Skin demo wiki is unable to load wiki page from English Wikipedia

Describe the bug
Skin demo wiki is unable to load wiki page from English Wikipedia.

Error message:
ContentProvider failed to load page https://en.wikipedia.org/w/api.php?formatversion=2&format=json&action=parse&prop=revid|text|modules|sections|properties|langlinks&page=MediaWiki&skin=apioutput with following error: http-curl-error (Could not resolve host: en.wikipedia.org), http-bad-status (0 Error)

To Reproduce
Steps to reproduce the behavior:

  1. Open any page on skin demo wiki

Expected behavior
Skin demo wiki should load content from English Wikipedia

Screenshots
image

Skin Create failed

Describe the bug
I created and downloaded a skin from skins.wmflabs.org but it looks different than it shows in the preview window.

To Reproduce
Steps to reproduce the behavior:

  1. Go to https://skins.wmflabs.org/#/add
  2. Set a name and download it
  3. Enable the skin

Results

  • It looks like the top left menu and search box is not in right position. Also the Wikiname/ logo is not visible. On the https://skins.wmflabs.org/#/add page i saw Skinomatic 4000.
  • Also the top right links does not work

Screenshot
Screenshot_2021-01-13 mediawiki136

Add unmaintained skins if they work

Is your feature request related to a problem? Please describe.

https://m.mediawiki.org/wiki/Category:Unmaintained_skins has some skins. Some may work. If they do they should be included with warning.

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

Pivot preview not working

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

  1. Go to '...'
  2. Click on '....'
  3. Scroll down to '....'
  4. See error

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

  • OS: [e.g. iOS]
  • Browser [e.g. chrome, safari]
  • Version [e.g. 22]

Smartphone (please complete the following information):

  • Device: [e.g. iPhone6]
  • OS: [e.g. iOS8.1]
  • Browser [e.g. stock browser, safari]
  • Version [e.g. 22]

Additional context
Add any other context about the problem here.

Screenshots missing

Describe the bug
Screen Shot 2021-08-28 at 9 42 14 AM

To Reproduce
Missing thumbnails for skins later in the list.

Expected behavior
All skins should have thumbnails

HTML 500 error with ResourceLoader startup module

Describe the bug
ResourceLoader startup module returns a HTML 500 error, which prevent all the JS in startup module from loading.
Reproducible with multiple configurations, including pages, skins, browsers, OS.
The error seems to stem from Minerva, see attached log below:

[0cdcd03f76f7dedb4483f064] /w/load.php?lang=en&modules=startup&only=scripts&raw=1&skin=citizen TypeError: Argument 2 passed to MediaWiki\Minerva\Hooks::onPreferencesGetLayout() must be an instance of Skin, string given, called in /vagrant/mediawiki/includes/HookContainer/HookContainer.php on line 160

Backtrace:

from /vagrant/mediawiki/skins/MinervaNeue/includes/Hooks.php(108)
#0 /vagrant/mediawiki/includes/HookContainer/HookContainer.php(160): MediaWiki\Minerva\Hooks::onPreferencesGetLayout()
#1 /vagrant/mediawiki/includes/HookContainer/HookRunner.php(3113): MediaWiki\HookContainer\HookContainer->run()
#2 /vagrant/mediawiki/resources/Resources.php(2303): MediaWiki\HookContainer\HookRunner->onPreferencesGetLayout()
#3 /vagrant/mediawiki/includes/ResourceLoader/FileModule.php(1265): Wikimedia\Services\ServiceContainer::{closure}()
#4 /vagrant/mediawiki/includes/ResourceLoader/FileModule.php(608): MediaWiki\ResourceLoader\FileModule->expandPackageFiles()
#5 /vagrant/mediawiki/includes/ResourceLoader/Module.php(931): MediaWiki\ResourceLoader\FileModule->getDefinitionSummary()
#6 /vagrant/mediawiki/includes/ResourceLoader/StartUpModule.php(224): MediaWiki\ResourceLoader\Module->getVersionHash()
#7 /vagrant/mediawiki/includes/ResourceLoader/StartUpModule.php(425): MediaWiki\ResourceLoader\StartUpModule->getModuleRegistrations()
#8 /vagrant/mediawiki/includes/ResourceLoader/Module.php(817): MediaWiki\ResourceLoader\StartUpModule->getScript()
#9 /vagrant/mediawiki/includes/ResourceLoader/Module.php(786): MediaWiki\ResourceLoader\Module->buildContent()
#10 /vagrant/mediawiki/includes/ResourceLoader/Module.php(928): MediaWiki\ResourceLoader\Module->getModuleContent()
#11 /vagrant/mediawiki/includes/ResourceLoader/ResourceLoader.php(692): MediaWiki\ResourceLoader\Module->getVersionHash()
#12 [internal function]: MediaWiki\ResourceLoader\ResourceLoader->MediaWiki\ResourceLoader\{closure}()
#13 /vagrant/mediawiki/includes/ResourceLoader/ResourceLoader.php(690): array_map()
#14 /vagrant/mediawiki/includes/ResourceLoader/ResourceLoader.php(789): MediaWiki\ResourceLoader\ResourceLoader->getCombinedVersion()
#15 /vagrant/mediawiki/load.php(53): MediaWiki\ResourceLoader\ResourceLoader->respond()
#16 /vagrant/mediawiki/load.php(39): wfLoadMain()
#17 /var/www/w/load.php(5): require(string)
#18 {main}

To Reproduce
Steps to reproduce the behavior:

  1. Load any page on skin-demo

Expected behavior
Startup module should be loaded normally.

Curl error prevents content from loading in previews

Describe the bug
When attempting to preview a skin, an error message is displayed instead of the article content.

To Reproduce
Steps to reproduce the behavior:

  1. Go to https://skins.wmcloud.org/#/skin/modern
  2. Click on 'Click to preview'
  3. See error

Untitled

Expected behavior
The preview should load the article content of the page without error.

Desktop (please complete the following information):

  • OS: Windows
  • Firefox
  • Version 113

Previews while exploring skins contain errors and/or are broken

Describe the bug
When visiting all working skins, an error is being shown:
ContentProvider failed to load page https://en.wikipedia.org/w/api.php?formatversion=2&format=json&action=parse&prop=revid|text|modules|sections|properties|langlinks&page=MediaWiki&skin=apioutput with following error: http-curl-error (Could not resolve host: en.wikipedia.org), http-bad-status (0 Error)
This sounds like #20 has resurfaced.

Furthermore some skins like Vector also seem to be missing CSS.

To Reproduce
Curl error:
https://skins.wmcloud.org/#/skin/twentytwentyone
https://skins.wmcloud.org/#/skin/pure
https://skins.wmcloud.org/#/skin/dgraph
https://skins.wmcloud.org/#/skin/mediawikibootstrap5
https://skins.wmcloud.org/#/skin/modern

Missing CSS:
https://skins.wmcloud.org/#/skin/mirage
https://skins.wmcloud.org/#/skin/vector-2022
https://skins.wmcloud.org/#/skin/hassomecolours

Expected behavior
Previews showing content instead of an error and no CSS being missing

skin-demo database error

previews are affected by apparently constant database issues.

pardon my vagueness but mediawiki already says what's going on and such

also, is skin-demo supposed to be navigable? the default skin makes it difficult to use-ish.

Please update Citizen skin for live preview option

I am the author of the Citizen skin. Would you mind to update the Citizen skin used for live preview? It is a few versions behind and I am not sure if this is the right place to request for an update. May I also ask what is the usual update procedure for the live preview?

What is the link to the MediaWiki page of your skin?
https://www.mediawiki.org/wiki/Skin:Citizen

Does the skin work in 1.36?
Yes

Does your skin require composer or other extensions?
No

**Does your skin have a screenshot at the path `screenshots/1280x800.png?```
Sort of, it has a light/dark suffix to it. A better screenshot is available in the infobox on the MediaWiki page

Does your skin using PHP hooks?
Yes

Additional context
None

Synchronizing PHP version with the minimum version required by MediaWiki used in the preview

I understand that this is a tricky situation because of WMF being on PHP 7.2 in production despite it has been dropped since MW 1.35 (T271736). However, since the target audience of the site aren't going to hack their MW installation to use an unsupported PHP version, I think it is fair to update the PHP version according to the MW version. It is possible that some skins use newer syntax unsupported by 7.2 (e.g. Citizen currently).

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.