Yes, abstraction is a great way to provide a simple interface to a subset of the functionality of a complex system of such a simple interface is needed.
On Wed, Nov 4, 2015 at 9:49 AM, Bartosz Dziewoński <firstname.lastname@example.org> wrote:
Yeah, I was under the mistaken assumption that this is meant to be used in MediaWiki code, in production, and not as a mockup tool. ...
It seems that the goal was to bring Bootstrap as close to OOjs UI MediaWiki theme as possible,I'm still confused. Comparing http://wikimedia-ui.wmflabs.org/ with https://doc.wikimedia.org/oojs-ui/master/demos/ :
* The colors are different. button-type="primary" is a different blue #165C91 than OOjs UI and MediaWiki.ui's #347BFF* The semantics are different. In wikimedia-ui, button-type="primary" makes it blue, but in OOjs UI/MediaWiki UI, "primary" isn't a color, it's the indicator that this is the one button that gets a colored background. I don't see a way in wikimedia-ui to produce a colored non-primary button.* The icons are different. No Alert, Clear, Help, Settings, OngoingConversation, etc. Even matching icons have different names: magnifying-glass vs. search.* Buttons that aren't bold is quite a change.So wikimedia-ui lets you mock up something rich and complex, but the simple things in it are different than what OOjs UI and MediaWiki UI produce. May, are these differences intentional? Can this library pull in some MediaWiki CSS with a load.php call for some basic consistency?On Wed, Nov 4, 2015 at 9:04 AM, Trevor Parscal <email@example.com> wrote:
"label" : "Normal Button",
"flags": ["constructive", "primary"],
</ooui-demo>and the <ooui-demo> parser tag turns that into an actual live OOjs UI button . I don't know if any next-gen HTML <buzzword> library works like that. It's challenging, but HTML mockups don't have to be so divorced from the real OOjs UI.Cheers,
 I just noticed MatmaRex is working on https://phabricator.wikimedia.org/T101666 "Create parser tag(s) that render OOUI PHP widgets" \o/ ! Whatever syntax that uses probably will be a better example of representing OOjs UI.
--=S Page WMF Tech writer