Guides version select

[jenweber]

Guides version select

[jenweber]

@locks I'm not sure how to integrate this repo with the Guides, given the Ruby environment. Should I be researching adding JavaScript dependencies/web components to a middleman project? [Edit] So far I'm copying and pasting the build into the Guides, and now working on how to get the component to actually show up with something by hand like this or this.

Sidenote, in the Guides repo, it seems like we would also need to implement the polyfill for Web Components. This is based on the Browser Support section of the glimmer-web-component README.

[locks]

@jenweber that's basically what I did for development, too. We will need to figure out a proper way to deploy, probably something similar to the builds and the dashboard apps, we can discuss at the weekly meeting.

I think we just need to include the polyfill mentioned in the linked README section?

[jenweber]

Never mind, I completely misread a section of the guides about how to use the app as individual web components. This video was helpful.

@locks Did you manage to display a specific component? Right now I'm rendering the whole Glimmer app like this

[jenweber]

@locks What do you think should be the separation of concerns between the dropdown and the rest of the Guides website? I'm inclined to fire a custom event from the component that says a new version has been selected, and then let the guides catch it and handle what happens in response. In that case, I would access the window.GUIDE_VERSIONS and current_version objects and use them. Thoughts?

I'm going to try to wrap this up this week. Got slowed down by trying to replicate select2's accessibility and keyboard control stuff but it's mostly done.

[locks]

@jenweber for now the dropdown should do the transition, as it's more trouble than worth to wire up the glimmer component to some JavaScript of the guides to then do the transition.

[jenweber]

closed, any similar components will be done with ember-styleguide