[DMP 2024]: Chat UI render through Vercel AI SDK

[ChakshuGautam]

Description

This project aims at extending Chat UI with RSC from Vercel AI SDK.

From the Vercel AI SDK

The introduction of function calling with language models like GPT-3.5+ has paved the way for tailored interactive user interfaces that the language model decides to render.

Leveraging React Server Components and Server Actions, the AI SDK seamlessly integrates interface rendering capabilities through the ai/rsc package. You can use models that do not support function calling with ai/rsc by emulating structured outputs like JSON or directly streaming their outputs.

Setup/Installation

## Goals - [ ] Refactor Chat UI molecule so that it works as RSC - [ ] Redo Documentation to move to RSC - [ ] Stretch goal - allow for both RSC and traditional rendering of components ## Expected Outcome Chat UI molecule already includes all the basic components needed for building a great chat interface. But they are not tree shaken and sent all at once currently. The outcome of this exercise is fast streaming frontend with reduced upfront JS download. ### Acceptance Criteria _No response_ ### Implementation Details This is a large refactoring effort to build a streaming UI. ### Mockups/Wireframes _No response_ ### Product Name Stencil ### Organisation Name SamagraX ### Domain Open Source Library ### Tech Skills Needed Vercel AI SDK, NextJS, TypeScript ### Mentor(s) @prtkjakhar ### Category NextJS, Frontend, AI

[AbhimanyuSamagra]

Do not ask process related questions about how to apply and who to contact in the above ticket. The only questions allowed are about technical aspects of the project itself. If you want help with the process, you can refer instructions listed on Unstop and any further queries can be taken up on our Discord channel titled DMP queries. Here's a Video Tutorial on how to submit a proposal for a project.

[thekavikumar]

@ChakshuGautam @prtkjakhar in the meeting it was mentioned that raising a pr on this will increase the chances, but what will be the commit? we should only start to work on the project after getting selected right?

[ChakshuGautam]

@ChakshuGautam @prtkjakhar in the meeting it was mentioned that raising a pr on this will increase the chances, but what will be the commit? we should only start to work on the project after getting selected right?

Break the problem statement down in say N steps and start creating stacked PRs one by one ticking off that checklist.

[thekavikumar]

@ChakshuGautam okay sure

[ChakshuGautam]

Please share this as MD here itself. Don't share public links to proposals here. Acts as a spam. Only discuss ticket related things here.

[thekavikumar]

@ChakshuGautam okay

[thekavikumar]

@ChakshuGautam here, all are sent at once mean?

[abhishekmmgn]

@ChakshuGautam I want to work on this issue in DMP 2024. So, far I've gone through the code and successfully built it. What else can I do now?

[thekavikumar]

@abhishekmmgn just write a proposal and submit it

[sd1p]

@thekavikumar @ChakshuGautam I am interested in working in this issue. Also I have previous experience of Vercel AI SDK, NextJs and TypeScript.

[thekavikumar]

@thekavikumar @ChakshuGautam I am interested in working in this issue. Also I have previous experience of Vercel AI SDK, NextJs and TypeScript.

@sd1p if you are interested do submit the proposal.

[SySagar]

ok so I have few doubts. @prtkjakhar @ChakshuGautam 1- If we need to develop UI componets with great customiztion we can use toolkits like radix-ui for that. One step further we can use v0 by vercel that works on generataive ai. 2- I am unable to understand the first checklist "Refactor Chat UI molecule so that it works as RSC". Becuase there is hardly any componet to refactor. 3- "all at once" what does that mean?

Also since the project is in vite I assume it is a SPA with client side rendering. Hence I vercel sdk would surely not integrate well with it.

[adityakumar68]

@ChakshuGautam, I've set up the project locally and gone through the code. I'm writing the proposal for it. Can I have your Discord ID so that I can connect with you?

[Nainish-Rai]

@prtkjakhar I have read the github issue and submitted the propsal on unstop. Looking forward to contribute to this.

[thekavikumar]

Weekly Learnings & Updates

Week 1

• Learning 1

  Week 2

  Week 3

  Week 4