mirror of https://github.com/stack-auth/stack.git synced 2026-06-13 21:01:21 +08:00

History

Zai Shi 16d99963fd Project logo upload (#817 ) <!-- Make sure you've read the CONTRIBUTING.md guidelines: https://github.com/stack-auth/stack-auth/blob/dev/CONTRIBUTING.md --> <!-- ELLIPSIS_HIDDEN --> ---- > [!IMPORTANT] > Add support for uploading and managing project logos with image compression and validation in project settings. > > - Behavior: > - Added support for uploading and managing project logos (`logoUrl`, `fullLogoUrl`) in `Project` model. > - New `LogoUpload` component in `logo-upload.tsx` for image upload with compression and validation. > - Projects display and store logo URLs for branding. > - Database: > - Added `logoUrl` and `fullLogoUrl` columns to `Project` table in `migration.sql`. > - Updated `schema.prisma` to include new fields in `Project` model. > - Backend: > - Updated `createOrUpdateProjectWithLegacyConfig()` in `projects.tsx` to handle logo uploads. > - Increased max image upload size to 1 MB in `images.tsx` and `s3.tsx`. > - Added `browser-image-compression` dependency in `package.json`. > - Frontend: > - Integrated `LogoUpload` component in `page-client.tsx` for project settings. > - Updated `AdminProject` type in `projects/index.ts` to include logo URLs. > - Tests: > - Updated e2e tests in `projects.test.ts` and others to verify logo upload functionality. > > <sup>This description was created by </sup>[<img alt="Ellipsis" src="https://img.shields.io/badge/Ellipsis-blue?color=175173">](https://www.ellipsis.dev?ref=stack-auth%2Fstack-auth&utm_source=github&utm_medium=referral)<sup> for `1b0cdbf123`. You can [customize](https://app.ellipsis.dev/stack-auth/settings/summaries) this summary. It will automatically update as commits are pushed.</sup> ---- <!-- ELLIPSIS_HIDDEN --> <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit * New Features * Added support for uploading and managing project logos, including both square and full (with text) logos, in the project settings page. * Introduced a new logo upload component with image compression, size validation, and removal functionality. * Projects now display and store logo URLs, allowing for enhanced branding and customization. * Improvements * Increased maximum allowed image upload size to 1 MB for project logos. * Added clear image size constraints and unified image validation across the app. * Dependencies * Added "browser-image-compression" library to support client-side image compression. <!-- end of auto-generated comment: release notes by coderabbit.ai --> --------- Co-authored-by: greptile-apps[bot] <165735046+greptile-apps[bot]@users.noreply.github.com> Co-authored-by: Konsti Wohlwend <n2d4xc@gmail.com>		2025-08-19 04:45:16 +02:00
..
scripts	Widget playground mobile mode	2025-07-14 20:04:43 -07:00
src	Project logo upload (#817 )	2025-08-19 04:45:16 +02:00
.env	Vanilla JS client library (#408 )	2025-02-08 02:31:03 +01:00
.eslintrc.cjs	tsup for stack-shared (#647 )	2025-04-28 21:26:52 -07:00
.gitignore	Vanilla JS client library (#408 )	2025-02-08 02:31:03 +01:00
CHANGELOG.md	chore: update package versions	2025-08-11 17:45:15 -07:00
components.json	Vanilla JS client library (#408 )	2025-02-08 02:31:03 +01:00
LICENSE	Vanilla JS client library (#408 )	2025-02-08 02:31:03 +01:00
next-env.d.ts	Vanilla JS client library (#408 )	2025-02-08 02:31:03 +01:00
package-template.json	chore: update package versions	2025-08-11 17:45:15 -07:00
package.json	chore: update package versions	2025-08-11 17:45:15 -07:00
postcss.config.js	Vanilla JS client library (#408 )	2025-02-08 02:31:03 +01:00
quetzal.config.json	Vanilla JS client library (#408 )	2025-02-08 02:31:03 +01:00
README.md	Update branding from Stack to Stack Auth in documentation (#504 )	2025-03-04 04:07:54 +01:00
tailwind.config.js	Vanilla JS client library (#408 )	2025-02-08 02:31:03 +01:00
tsconfig.json	In-source unit tests (#429 )	2025-02-14 11:47:52 -08:00
tsup.config.ts	tsup for stack-shared (#647 )	2025-04-28 21:26:52 -07:00
vitest.config.ts	In-source unit tests (#429 )	2025-02-14 11:47:52 -08:00

README.md

Stack Auth: Open-source Clerk/Auth0 alternative

📘 Docs | ☁️ Hosted Version | ✨ Demo | 🎮 Discord | GitHub

Stack Auth is a managed user authentication solution. It is developer-friendly and fully open-source (licensed under MIT and AGPL).

Stack Auth gets you started in just five minutes, after which you'll be ready to use all of its features as you grow your project. Our managed service is completely optional and you can export your user data and self-host, for free, at any time.

We support Next.js frontends, along with any backend that can use our REST API. Check out our setup guide to get started.

📦 Installation & Setup

Run Stack Auth's installation wizard with the following command:
```
npx @stackframe/init-stack@latest
```
Then, create an account on the Stack Auth dashboard, create a new project with an API key, and copy its environment variables into the .env.local file of your Next.js project:
```
NEXT_PUBLIC_STACK_PROJECT_ID=<your-project-id>
NEXT_PUBLIC_STACK_PUBLISHABLE_CLIENT_KEY=<your-publishable-client-key>
STACK_SECRET_SERVER_KEY=<your-secret-server-key>
```
That's it! You can run your app with npm run dev and go to http://localhost:3000/handler/signup to see the sign-up page. You can also check out the account settings page at http://localhost:3000/handler/account-settings.

Check out the documentation for a more detailed guide.