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.3(1mo ago)040.3k—3%1[5 issues](https://github.com/hallowelt/mwstake-mediawiki-component-commonuserinterface/issues)[5 PRs](https://github.com/hallowelt/mwstake-mediawiki-component-commonuserinterface/pulls)GPL-3.0-onlyPHPCI passing Since Aug 7Pushed 1mo ago5 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 2d ago READMEChangelog (10)Dependencies (14)Versions (79)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 55 — FairBetter than 97% of packages Maintenance90 Actively maintained with recent releases Popularity29 Limited adoption so far Community18 Small or concentrated contributor base Maturity70 Established project with proven stability Bus Factor3 3 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 ~33 days Recently: every ~0 days Total 65 Last Release 52d ago Major Versions 4.0.x-dev → 5.0.02024-07-26 5.0.x-dev → 6.0.02025-05-07 5.1.7 → 7.0.02026-02-06 7.0.0 → 8.0.02026-03-24 6.0.2 → 8.0.32026-05-13 ### 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 (30 commits)")[![HamishSlater](https://avatars.githubusercontent.com/u/26261210?v=4)](https://github.com/HamishSlater "HamishSlater (23 commits)")[![DvogelHallowelt](https://avatars.githubusercontent.com/u/32163064?v=4)](https://github.com/DvogelHallowelt "DvogelHallowelt (23 commits)")[![it-spiderman](https://avatars.githubusercontent.com/u/13665198?v=4)](https://github.com/it-spiderman "it-spiderman (17 commits)")[![miriamschlindwein](https://avatars.githubusercontent.com/u/13835398?v=4)](https://github.com/miriamschlindwein "miriamschlindwein (12 commits)")[![matviienko](https://avatars.githubusercontent.com/u/9989793?v=4)](https://github.com/matviienko "matviienko (1 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 [helsingborg-stad/municipio A bootstrap theme for creating municipality sites. 4028.5k10](/packages/helsingborg-stad-municipio)[mediawiki/maps Adds various mapping features to MediaWiki 84152.3k3](/packages/mediawiki-maps)[starcitizentools/citizen-skin A beautiful, usable, responsive MediaWiki skin with in-depth extension support. Originally developed for the Star Citizen Wiki. 3376.6k](/packages/starcitizentools-citizen-skin)[civicrm/civicrm-drupal-8 Open source constituent relationship management for non-profits, NGOs and advocacy organizations. 19251.4k3](/packages/civicrm-civicrm-drupal-8)[altis/core Core module for Altis 19228.0k3](/packages/altis-core)[pfefferle/wordpress-activitypub The ActivityPub protocol is a decentralized social networking protocol based upon the ActivityStreams 2.0 data format. 5721.7k4](/packages/pfefferle-wordpress-activitypub) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)