PHPackages mwstake/mediawiki-component-commonuserinterface - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Utility & Helpers](/categories/utility) 4. / 5. mwstake/mediawiki-component-commonuserinterface ActiveLibrary[Utility & Helpers](/categories/utility) mwstake/mediawiki-component-commonuserinterface =============================================== Provides common user interface elements and customizeable stylings 8.0.0(1mo ago)036.9k—9%1[3 PRs](https://github.com/hallowelt/mwstake-mediawiki-component-commonuserinterface/pulls)GPL-3.0-onlyPHPCI passing Since Aug 7Pushed 1mo ago6 watchersCompare [ Source](https://github.com/hallowelt/mwstake-mediawiki-component-commonuserinterface)[ Packagist](https://packagist.org/packages/mwstake/mediawiki-component-commonuserinterface)[ RSS](/packages/mwstake-mediawiki-component-commonuserinterface/feed)WikiDiscussions master Synced 1mo ago READMEChangelog (10)Dependencies (7)Versions (70)Used By (0) MediaWiki Stakeholders Group - Components ----------------------------------------- [](#mediawiki-stakeholders-group---components) CommonUserInterface for MediaWiki ================================= [](#commonuserinterface-for-mediawiki) Provides common user interface elements and customizeable stylings. **This code is meant to be executed within the MediaWiki application context. No standalone usage is intended.** Compatibility ------------- [](#compatibility) - `6.0.x` -> MediaWiki 1.43 - `5.0.x` -> MediaWiki 1.39 - `3.0.x` -> MediaWiki 1.35 Use in a MediaWiki extension ---------------------------- [](#use-in-a-mediawiki-extension) Require this component in the `composer.json` of your extension: ``` { "require": { "mwstake/mediawiki-component-commonuserinterface": "~6" } } ``` Since 3.0 explicit initialization is required. This can be achived by - either adding `"callback": "mwsInitComponents"` to your `extension.json`/`skin.json` - or calling `mwsInitComponents();` within you extensions/skins custom `callback` method See also [`mwstake/mediawiki-componentloader`](https://github.com/hallowelt/mwstake-mediawiki-componentloader). Components and Renderers ------------------------ [](#components-and-renderers) Default renderer types: - `*` - `bootstrap-5` A skin may define ``` $GLOBALS['mwsgCommonUIComponentRendererType'] = 'bootstrap-5'; ``` if it provides "Twitter Bootstrap V5". The "CommonUserInterface" will fall back to `*` of the requested renderer is not available to the chosen type. ### Custom renderers [](#custom-renderers) ``` $GLOBALS['mwsgCommonUIComponentRendererRegistry']['my-custom-renderer']['button'] = '...'; ``` Skin Slots ---------- [](#skin-slots) Default slots: - `siteNoticeAfter`: Uses hook `SiteNoticeAfter` to add components to any default skin - `dataAfterContent`: Uses hook `SkinAfterContent` to add components to any default skin Examples: ``` $GLOBALS['mwsgCommonUISkinSlots']['siteNoticeAfter']['my-sitenoticeafter-toolbar'] = [ 'factory' => function() { return new MWStake\MediaWiki\Component\CommonUserInterface\Component\SimpleToolbar( [ 'items' => [ new MWStake\MediaWiki\Component\CommonUserInterface\Component\SimpleDropDown( [ 'label' => new RawMessage( 'Click me!' ), 'toggleRLModules' => [ 'my-dropdown-module' ] ] ) ] ] ); } ]; $GLOBALS['mwsgCommonUISkinSlots']['skinAfterContent']['my-skinaftercontent-panel'] = [ 'factory' => function() { return new MWStake\MediaWiki\Component\CommonUserInterface\Component\SimplePanel( [ 'title' => new RawMessage( 'My panel' ), 'collapsible' => true, 'collapsed' => true, 'expandRLModules' => [ 'my-panel-module' ] ] ); } ]; ``` TODO ==== [](#todo) ### Client side rendering [](#client-side-rendering) Example: ``` mws.commonui.renderPath( '//', $container ); ``` ### Health Score 54 — FairBetter than 97% of packages Maintenance89 Actively maintained with recent releases Popularity28 Limited adoption so far Community18 Small or concentrated contributor base Maturity69 Established project with proven stability Bus Factor2 2 contributors hold 50%+ of commits How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~35 days Recently: every ~66 days Total 60 Last Release 56d ago Major Versions 4.0.x-dev → 5.0.02024-07-26 5.0.x-dev → 6.0.02025-05-07 5.1.x-dev → 6.0.x-dev2026-02-04 6.0.x-dev → 7.0.02026-02-06 7.0.x-dev → 8.0.02026-03-24 ### Community Maintainers ![](https://www.gravatar.com/avatar/e39dfe9d3120de240053c4283e905254e8774d3278da25ad79974a8742c55192?d=identicon)[osnard](/maintainers/osnard) ![](https://www.gravatar.com/avatar/161c38b5448b71865cf0652b6974ed489dd3683b5d6e1814973cea6cb66c8f1d?d=identicon)[dsavuljesku](/maintainers/dsavuljesku) --- Top Contributors [![osnard](https://avatars.githubusercontent.com/u/1201528?v=4)](https://github.com/osnard "osnard (29 commits)")[![DvogelHallowelt](https://avatars.githubusercontent.com/u/32163064?v=4)](https://github.com/DvogelHallowelt "DvogelHallowelt (23 commits)")[![HamishSlater](https://avatars.githubusercontent.com/u/26261210?v=4)](https://github.com/HamishSlater "HamishSlater (23 commits)")[![it-spiderman](https://avatars.githubusercontent.com/u/13665198?v=4)](https://github.com/it-spiderman "it-spiderman (13 commits)")[![miriamschlindwein](https://avatars.githubusercontent.com/u/13835398?v=4)](https://github.com/miriamschlindwein "miriamschlindwein (8 commits)")[![mrglaser](https://avatars.githubusercontent.com/u/2071387?v=4)](https://github.com/mrglaser "mrglaser (1 commits)") ### Embed Badge ![Health badge](/badges/mwstake-mediawiki-component-commonuserinterface/health.svg) ``` [![Health](https://phpackages.com/badges/mwstake-mediawiki-component-commonuserinterface/health.svg)](https://phpackages.com/packages/mwstake-mediawiki-component-commonuserinterface) ``` ### Alternatives [rainlab/blog-plugin Blog plugin for October CMS 17257.7k](/packages/rainlab-blog-plugin)[rainlab/builder-plugin Builder plugin for October CMS 17147.2k1](/packages/rainlab-builder-plugin)[pfefferle/wordpress-activitypub The ActivityPub protocol is a decentralized social networking protocol based upon the ActivityStreams 2.0 data format. 5671.4k1](/packages/pfefferle-wordpress-activitypub)[civicrm/civicrm-drupal-8 Open source constituent relationship management for non-profits, NGOs and advocacy organizations. 18238.1k2](/packages/civicrm-civicrm-drupal-8)[mediawiki/semantic-glossary A terminology markup extension with a Semantic MediaWiki back-end 1352.4k](/packages/mediawiki-semantic-glossary)[humanmade/lottie-lite A lightweight Lottie Animations Extension for WordPress 374.3k](/packages/humanmade-lottie-lite) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)