Add playground page to astro docs

[rndexe]

Tasklist

• Add astro integration for react
• Modify shadcn components to use utils.ts without site config from next
• Replace next specfic hooks for searchParams and replaceState with vanilla js utilities
• Add support for tailwind/ Replace tailwind classNames with vanilla css
• Add dropdown to select ada version for the playground

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
ada-url	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Sep 5, 2024 1:51pm

[anonrig]

Is it easy for you to add versioning to this playground? Basically, changing the version should change the WASM file. If we can add it, I can build Ada wasm and add those multiple files in a follow up PR

[anonrig]

we can land it with tailwindcss and remove it in a follow up pull request

[rndexe]

I don't understand the request, it is using the same wasm file as the current site. Do we need to add a choice for which wasm file to pick up? Also would it be a code based config or a url based one?

[rndexe]

Also right now tailwind is not setup to work with the astro site. I'm not sure if it'd be conflicting with the current tailwind config as it is in the same root.

Other components added earlier are also using vanilla css instead of tailwind.

[anonrig]

Let's land it with vanilla css then. I was thinking about adding a dropdown to playground with different versions (such as 2.9.0, 2.9.1 etc) which changes the version of Ada. Currently we have 1 version (only 1 wasm file) but if we add the versioning support it would be super easy to add more.

[rndexe]

Hello, I've added a drop-down for different versions. If you could add the wasm files and the corresponding wasm.js I can test the changes out.