chore: add a pg - Githubissues

juliusmarminge commented 3 weeks ago

add a playground (one for v6, one for v7) with some mixing of utapi and upload button useful for some internal testing since it interacts with both ingeest and api

CleanShot 2024-11-07 at 16 36 50

Summary by CodeRabbit

Release Notes

New Features
- Introduced a file upload functionality with user authentication.
- Added a new Uploader component for handling file uploads.
- Implemented a FileCard component for displaying file details with open and delete options.
- Created a Skeleton component for loading states.
- Added navigation and user authentication in the app layout.
- Introduced a Button component for customizable button styles.
- Launched a new page component for displaying a list of files.
Documentation
- Added an example environment configuration file for developers.
- Created a README file for the "UploadThing Next.js Playground" application.
Configuration
- New configuration files for TypeScript and Next.js settings.
- Included the playground directory in the workspace management.

vercel[bot] commented 3 weeks ago

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

Name	Status	Preview	Comments	Updated (UTC)
docs-uploadthing	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Nov 17, 2024 7:03pm

1 Skipped Deployment

changeset-bot[bot] commented 3 weeks ago

⚠️ No Changeset found

Latest commit: 96f6b1b720c8da5e21536d72d454299a58a3a41f

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

coderabbitai[bot] commented 3 weeks ago

Walkthrough

This pull request introduces a new playground directory containing several files for a Next.js application that integrates the UploadThing service. Key additions include an example environment configuration file, an upload router, layout and page components, various UI components (like buttons and file cards), and utility functions for file management and user authentication. The configuration files for TypeScript and package management are also established, ensuring a structured development environment.

Changes

File Path	Change Summary
`playground/.env.example`	Added example environment configuration with new variable `UPLOADTHING_TOKEN` and updated `UPLOADTHING_LOG_LEVEL` to `Debug`.
`playground/app/api/uploadthing/route.ts`	Introduced upload router for handling file uploads, including session validation and upload completion handling.
`playground/app/layout.tsx`	Created root layout component with navigation and user authentication features using React's Suspense.
`playground/app/page.tsx`	Added page component to display a list of files with an uploader component.
`playground/components/button.tsx`	New button component with customizable color options using Tailwind CSS.
`playground/components/file-card.tsx`	Introduced `FileCard` component for displaying file info and handling open/delete actions.
`playground/components/skeleton.tsx`	Added `Skeleton` component for loading states.
`playground/components/uploader.tsx`	Created `Uploader` component for integrating file upload functionality.
`playground/lib/actions.ts`	Introduced async functions for user authentication and file management.
`playground/lib/const.ts`	Added constants for session cookie name and cache tags.
`playground/lib/data.ts`	New functions for listing files and retrieving sessions.
`playground/next-env.d.ts`	Added TypeScript declaration file for Next.js types.
`playground/next.config.ts`	Created configuration file for Next.js with ESLint and TypeScript settings.
`playground/package.json`	Introduced `package.json` with project metadata and dependencies.
`playground/tsconfig.json`	Added TypeScript configuration file with compiler options.
`pnpm-workspace.yaml`	Updated workspace configuration to include the `playground` package.
`playground/eslint.config.js`	Added ESLint configuration file with TypeScript linting rules.
`packages/uploadthing/src/types.ts`	Added export for `UploadThingToken` from the internal shared schemas.
`playground/README.md`	Created README file with a warning about the experimental nature of the application and setup instructions.

Possibly related PRs

#973: This PR is related as it discusses the requirement for an UploadThing token, which aligns with the introduction of the UPLOADTHING_TOKEN variable in the main PR's .env.example file.
#998: Although this PR focuses on syncing key usage for uploads, it is indirectly related as it pertains to the upload functionality, which is relevant to the context of the UPLOADTHING_LOG_LEVEL variable modification in the main PR.

Suggested reviewers

markflorkowski
t3dotgg

Poem

In the playground where we hop and play,
New features bloom, brightening the day.
Uploads and buttons, oh what a sight,
With each little change, our code takes flight!
So let’s dance and cheer, for the work we’ve done,
Together we build, and together we run! 🐇✨

Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on your favorite social media?

❤️ Share

- [X](https://twitter.com/intent/tweet?text=I%20just%20used%20%40coderabbitai%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20the%20proprietary%20code.%20Check%20it%20out%3A&url=https%3A//coderabbit.ai) - [Mastodon](https://mastodon.social/share?text=I%20just%20used%20%40coderabbitai%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20the%20proprietary%20code.%20Check%20it%20out%3A%20https%3A%2F%2Fcoderabbit.ai) - [Reddit](https://www.reddit.com/submit?title=Great%20tool%20for%20code%20review%20-%20CodeRabbit&text=I%20just%20used%20CodeRabbit%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20proprietary%20code.%20Check%20it%20out%3A%20https%3A//coderabbit.ai) - [LinkedIn](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fcoderabbit.ai&mini=true&title=Great%20tool%20for%20code%20review%20-%20CodeRabbit&summary=I%20just%20used%20CodeRabbit%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20proprietary%20code)

🪧 Tips

### Chat There are 3 ways to chat with [CodeRabbit](https://coderabbit.ai): - Review comments: Directly reply to a review comment made by CodeRabbit. Example: - `I pushed a fix in commit , please review it.` - `Generate unit testing code for this file.` - `Open a follow-up GitHub issue for this discussion.` - Files and specific lines of code (under the "Files changed" tab): Tag `@coderabbitai` in a new review comment at the desired location with your query. Examples: - `@coderabbitai generate unit testing code for this file.` - `@coderabbitai modularize this function.` - PR comments: Tag `@coderabbitai` in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples: - `@coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.` - `@coderabbitai read src/utils.ts and generate unit testing code.` - `@coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.` - `@coderabbitai help me debug CodeRabbit configuration file.` Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments. ### CodeRabbit Commands (Invoked using PR comments) - `@coderabbitai pause` to pause the reviews on a PR. - `@coderabbitai resume` to resume the paused reviews. - `@coderabbitai review` to trigger an incremental review. This is useful when automatic reviews are disabled for the repository. - `@coderabbitai full review` to do a full review from scratch and review all the files again. - `@coderabbitai summary` to regenerate the summary of the PR. - `@coderabbitai resolve` resolve all the CodeRabbit review comments. - `@coderabbitai configuration` to show the current CodeRabbit configuration for the repository. - `@coderabbitai help` to get help. ### Other keywords and placeholders - Add `@coderabbitai ignore` anywhere in the PR description to prevent this PR from being reviewed. - Add `@coderabbitai summary` to generate the high-level summary at a specific location in the PR description. - Add `@coderabbitai` anywhere in the PR title to generate the title automatically. ### CodeRabbit Configuration File (`.coderabbit.yaml`) - You can programmatically configure CodeRabbit by adding a `.coderabbit.yaml` file to the root of your repository. - Please see the [configuration documentation](https://docs.coderabbit.ai/guides/configure-coderabbit) for more information. - If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: `# yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json` ### Documentation and Community - Visit our [Documentation](https://docs.coderabbit.ai) for detailed information on how to use CodeRabbit. - Join our [Discord Community](http://discord.gg/coderabbit) to get help, request features, and share feedback. - Follow us on [X/Twitter](https://twitter.com/coderabbitai) for updates and announcements.

github-actions[bot] commented 3 weeks ago

📦 Bundle size comparison

Bundle	Size (gzip)	Visualization
Main	27.51KB	See Treemap 📊
PR (f7bdbe217637f8ed463610e8e73876d5382789d4)	27.51KB	See Treemap 📊
Diff	No change

pkg-pr-new[bot] commented 2 weeks ago

Open in Stackblitz

More templates

- [@example/minimal-appdir](https://pkg.pr.new/template/fcf61da0-461f-4564-9f69-926d060cdb52) - [@example/minimal-astro-react](https://pkg.pr.new/template/ea80212c-fd2e-4f48-8f69-c240cca8cff6) - [@example/minimal-expo](https://pkg.pr.new/template/13372bc6-cab2-4f2a-b42c-fee206f6bf69) - [@example/minimal-nuxt](https://pkg.pr.new/template/e3a1dfea-19e8-40f4-8c53-11c28024642a) - [@example/minimal-pagedir](https://pkg.pr.new/template/7d34cc0a-e897-478f-a43a-7e88a34dfec4) - [@example/minimal-solidstart](https://pkg.pr.new/template/7b086b41-6d1c-4d5c-8e0a-6a8e6a30e619) - [@example/minimal-sveltekit](https://pkg.pr.new/template/b7111a31-cfac-46a6-baf3-d402cd8435fc) - [@example/minimal-tanstack-start](https://pkg.pr.new/template/825f2f10-5ba4-4bd0-82e4-0c9048f8f54a)

pnpm add https://pkg.pr.new/pingdotgg/uploadthing@1046

commit: 96f6b1b

pingdotgg / uploadthing

chore: add a pg #1046