Nodejs.dev: Releases Page: Download Grid

[amiller-gh]

Summary

If no platform can be determined for the download button, or a user clicks on "all download options", we should pop open the download grid.

https://projects.invisionapp.com/share/KFNHXTOC4J6#/screens/281371443

Releases data lives here and should be fetched to determine download links and supported platforms: https://nodejs.org/dist/index.json

NOTE: Should be done in coordination with https://github.com/nodejs/nodejs.dev/issues/259, they'll use the same data source.

We should be able to call a service that will open a modal with the appropriate download grid version rendered.

[tstreamDOTh]

@amiller-gh I would to take this up

[amiller-gh]

@tstreamDOTh thought I sent this! By all means, take it away – need any help getting up to speed on it?

[tstreamDOTh]

@amiller-gh Hey is this the modal which is required?

[tstreamDOTh]

Where is the redesigned/new version of the modal?

[amiller-gh]

Thats the one 👍 We don't have a high fidelity mock of this modal yet, but feature parity would be a huge first step.

[tstreamDOTh]

Can I add storybook to the project, so that we can develop components in isolation & wire up later?

[amiller-gh]

The wireframe can help guide layout, design guidance from Oscar on the next iteration will largely be a re-skin. My largest concern right now is getting data wired up and rendering.

[amiller-gh]

I personally like that workflow idea – feel free to add to the PR and we can discuss there 🙂

[lidoravitan]

@tstreamDOTh do you add storybook to the project? if yes, lemme know what status it is.
I do have to create "releases page" component(#259), which is kind of related. So, I wonder if it would be more reasonable to wait for your PR? what do you think?

[tstreamDOTh]

@lidoravitan I think you can continue with yours, I might take time

[tstreamDOTh]

If anyone wants to pick this up, please do. I am a bit occupied this month, really sorry 😕

[jonchurch]

I've been working on the downloads page #316 , and I added a utility function detectOs to get platform info from the global navigator object.

We aren't currently using it to display a specific platform for realeases, but the utility is ready to be used when we are.

[chrismullins]

Seems it's been a while since this was updated -- would it still be going in the right direction for this page to achieve feature parity with https://nodejs.org/en/download/ ? Looks like we have most of the data needed to recreate this page, and we wouldn't need to have a separate page for the (Current -- Latest Features) offerings as it's implemented on nodejs.org since we could simply toggle the state. Is this the right idea or have the specifications changed significantly? (I'm leaving out the modal service since I don't know how that will work yet.)

[benhalverson]

Some of this was started by @saulonunesdev but he has moved on to other things. You can see the draft PR here. https://github.com/nodejs/nodejs.dev/pull/547#issuecomment-633783169

[benhalverson]

Demo link: https://staging.nodejs.dev/547/download

[jemjam]

Hey, so a quick update from me: I mentioned at a previous working group meeting that I might take this on but then got busy and haven't managed to do it yet.

Thanks for the patience: if anyone wants to help or take over, that's also welcome (I don't want to get in the way), but barring volunteers I'm still very glad to take it on. Will try to get this submitted on/before this weekend.