feat: Stream Info Card

[Zaid-maker]

---

Generated summary (powered by Graphite)

TL;DR

This pull request includes various changes to the codebase. It adds a file router for handling file uploads, updates the StreamPlayer component to include an InfoCard component, and introduces an InfoModal component for editing stream information. It also includes updates to dependencies and the addition of new files.

What changed

• Added a file router for handling file uploads
• Updated the StreamPlayer component to include an InfoCard component
• Introduced an InfoModal component for editing stream information
• Added new files: "info-modal.tsx", "separator.tsx", "uploadthing.ts"

How to test

1. Test the file router by uploading different file types and checking if the permissions and file types are set correctly.
2. Test the StreamPlayer component by rendering it and verifying that the InfoCard component displays the stream information correctly.
3. Test the InfoModal component by rendering it and checking if the form for editing stream information works as expected.
4. Test the functionality of the InfoCard component by passing different props such as name, thumbnailUrl, hostIdentity, and viewerIdentity and verifying that the component renders correctly.
5. Test the InfoModal component by passing initialName and initialThumbnailUrl props and checking if the state variables are initialized correctly.
6. Test the conditional rendering by checking if the div element with specific styling or the UploadDropzone component is displayed based on the condition.
7. Test the form dialog by triggering the dialog box, entering values in the input fields, and submitting the form to update the stream information.
8. Test the Label and Separator components by rendering them and verifying that they apply the specified styles correctly.
9. Test the dependencies and peer dependencies by running the application and checking if all the required packages are installed and functioning correctly.

Why make this change

• The file router is necessary for handling file uploads and setting permissions and file types for the file route.
• The InfoCard component provides important information about the stream and enhances the functionality of the StreamPlayer component.
• The InfoModal component allows users to edit stream information, improving the user experience.
• The updates to dependencies ensure that the codebase is up to date and compatible with the latest versions of the required packages.

[semanticdiff-com]

Review changes with SemanticDiff.

Analyzed 12 of 12 files.

Overall, the semantic diff is 2% smaller than the GitHub diff.

	Filename	Status
✔️	app/api/uploadthing/core.ts	Analyzed
✔️	app/api/uploadthing/route.ts	Analyzed
✔️	components/stream-player/index.tsx	11.9% smaller
✔️	components/stream-player/info-card.tsx	Analyzed
✔️	components/stream-player/info-modal.tsx	Analyzed
✔️	components/ui/label.tsx	Analyzed
✔️	components/ui/separator.tsx	Analyzed
✔️	lib/uploadthing.ts	Analyzed
✔️	next.config.js	16.84% smaller
✔️	package-lock.json	Analyzed
✔️	package.json	Analyzed
✔️	tailwind.config.ts	18.99% smaller

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
gamehub	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 6, 2024 11:17am

[gitstream-cm]

🥷 Code experts: no user but you matched threshold 10

Zaid-maker has most 👩‍💻 activity in the files.
Zaid-maker has most 🧠 knowledge in the files.

See details

components/stream-player/index.tsx

Activity based on git-commit:

	Zaid-maker
JAN	11 additions & 2 deletions
DEC	92 additions & 16 deletions
NOV
OCT
SEP
AUG

Knowledge based on git-blame:
Zaid-maker: 100%

next.config.js

Activity based on git-commit:

	Zaid-maker
JAN
DEC	19 additions & 2 deletions
NOV
OCT
SEP
AUG

Knowledge based on git-blame:
Zaid-maker: 100%

package-lock.json

Activity based on git-commit:

	Zaid-maker
JAN	4 additions & 4 deletions
DEC	7288 additions & 316 deletions
NOV
OCT
SEP
AUG

Knowledge based on git-blame:
Zaid-maker: 100%

package.json

Activity based on git-commit:

	Zaid-maker
JAN	1 additions & 1 deletions
DEC	69 additions & 11 deletions
NOV
OCT
SEP
AUG

Knowledge based on git-blame:
Zaid-maker: 100%

tailwind.config.ts

Activity based on git-commit:

	Zaid-maker
JAN
DEC	90 additions & 14 deletions
NOV
OCT
SEP
AUG

Knowledge based on git-blame:
Zaid-maker: 100%

To learn more about /:\ gitStream - Visit our Docs

[Zaid-maker]

Merge activity

• Jan 6, 10:08 AM: @Zaid-maker merged this pull request with Graphite.