Automated Component Banner Generation

[yashsehgal]

Issue

As of now, I am using Figma for creating banners for each cookie component/example and manually updating it in the JSON file for cookies.

Solution

To write a script as a generator code in generators to do the following steps,

1. Render a cookie from components/cookies
2. Place the render in a banner template component - in a way it will fit the cookie card and look consistent.
3. Convert the composed render to a single image as a rectangular banner.
4. Upload the image on a Supabase storage.
5. Store the received CDN URL from Supabase, to a local cookies list file - @/app/cookies/common/cookies-list.tsx

Add this procedure as an NPM script, only to be run once, manually.