Champion

The Champion distribution is a boilerplate for building webcomponent based solutions in Drupal. It's an attempt to make Drupal THE number 1 solution / workflow for developing with webcomponents. While not requiring Polymer, a lot of the tooling of Polymer helps influence the webcomponents module which this is dependent upon. HAX is also thrown in so, you know, you can create amazing stuff with HAX wired components.

See what all the buzz is about:

• DrupalCon 2019
• DrupalCon 2018 presentation - Web components, Polymer and HAX
• Webcomponents module
• HAX module

Example Apps

Here's a sample apps you can ingest into champion by placing it in the sites/all/libraries/webcomponents/polymer/apps

clear caches on the site and menu and blocks will register!

Install

After downloading:

• go into profiles/champion/modules/hax/bower.json
• copy this file over to sites/all/libraries/webcomponents/polymer/bower.json
• cd sites/all/libraries/webcomponents/polymer
• run bower install
• clear caches in drupal (or install at this time)

Looking for something to get going with? Here's a drop-in (bower install after) app that allows for a slick drag and drop widget that gets exposed as a block https://github.com/LRNWebComponents/lrnapp-media-upload

This is an example govcon banner app that works with the built in example content type from this distribution: https://github.com/LRNWebComponents/govcon-app