add perfectionist eslint-react.xyz

Author: blefnk

.cursor/rules/uploadthing.mdc

@@ -15,7 +15,7 @@ alwaysApply: false
 - **DB Types:** `types.ts` (`MediaUpload`)
 - **Frontend UI:** `page.client.tsx` (`UploadButton`)
 - **Media API:** `/api/media/route.ts` (fetch media)
-- **Display:** `InteractiveBentoGallery.tsx` (renders images/videos)
+- **Display:** `bento-media-gallery.tsx` (renders images/videos)
 - **Auth:** `~/lib/auth`
 
 ## Core Concepts
@@ -25,7 +25,7 @@ alwaysApply: false
 - **DB Insert:** `onUploadComplete` inserts into `uploads` table, sets `type` based on route, uses `createId()` for `id`.
 - **Frontend:** `UploadButton` for each endpoint; `onClientUploadComplete` refetches media via `/api/media`.
 - **Media Fetch:** `/api/media/route.ts` authenticates, fetches uploads for user, returns JSON.
-- **Display:** `InteractiveBentoGallery.tsx` renders `<img>` or `<video>` based on `type`.
+- **Display:** `bento-media-gallery.tsx` renders `<img>` or `<video>` based on `type`.
 
 ## Tips
 

.eslintcache

@@ -2,6 +2,7 @@ tsconfig.tsbuildinfo
 /auth-schema.ts
 /node_modules
 next-env.d.ts
+.eslintcache
 .vercel
 .next
 .env

.gitignore

@@ -1,3 +1,10 @@
 {
-  "recommendations": ["stivo.tailwind-fold"]
+  "recommendations": [
+    "usernamehw.errorlens",
+    "aaron-bond.better-comments",
+    "biomejs.biome",
+    "dbaeumer.vscode-eslint",
+    "chunsen.bracket-select",
+    "davidanson.vscode-markdownlint"
+  ]
 }

.vscode/extensions.json

@@ -3,9 +3,13 @@
   "editor.formatOnSave": true,
   "editor.codeActionsOnSave": {
     "source.fixAll": "explicit",
-    "source.organizeImports": "explicit"
+    "source.organizeImports": "never"
   },
   "editor.defaultFormatter": "biomejs.biome",
   "[markdown]": { "editor.defaultFormatter": "DavidAnson.vscode-markdownlint" },
-  "markdownlint.config": { "MD033": false }
+  "markdownlint.config": { "MD033": false },
+  "eslint.rules.customizations": [
+    { "rule": "readable-tailwind/*", "severity": "off" },
+    { "rule": "perfectionist/*", "severity": "off" }
+  ]
 }

.vscode/settings.json

@@ -1,128 +1,88 @@
 # 🏬 relivator next.js ecommerce starter
 
-> - **Relivator is a robust, production-ready eCommerce template built with Next.js and other modern technologies.**
-> - **It's designed for developers who want a fast, modern, and scalable foundation without reinventing the backend.**
-> - _🤖 Want to discuss this repo with AI? Reliverse will be happy to chat with you! [💬 Talk here](https://reliverse.org/projects/blefnk/relivator-nextjs-template?chat=true)._
-<!-- > - 🎧 _Prefer listening than reading?_ Reliverse Deep Dive on Relivator is live! [▶️ Listen here](./docs/podcast-relivator.mp3). -->
-
----
-
-<div align="left">
-  <a alt="GitHub license" href="https://github.com/blefnk/relivator/blob/main/LICENSE">
-    <picture>
-      <source media="(prefers-color-scheme: dark)" srcset="https://img.shields.io/github/license/blefnk/relivator?style=flat-square&labelColor=32363B&color=ffffff">
-      <source media="(prefers-color-scheme: light)" srcset="https://img.shields.io/github/license/blefnk/relivator?style=flat-square&labelColor=EBEEF2&color=000000">
-      <img alt="relivator license" src="https://img.shields.io/github/license/blefnk/relivator?style=flat-square&labelColor=EBEEF2&color=000000">
-    </picture>
-  </a>
-  <a alt="GitHub issues" href="https://github.com/blefnk/relivator/issues">
-    <picture>
-      <source media="(prefers-color-scheme: dark)" srcset="https://img.shields.io/github/issues/blefnk/relivator?style=flat-square&labelColor=32363B&color=ffffff">
-      <source media="(prefers-color-scheme: light)" srcset="https://img.shields.io/github/issues/blefnk/relivator?style=flat-square&labelColor=EBEEF2&color=000000">
-      <img alt="relivator issues" src="https://img.shields.io/github/issues/blefnk/relivator?style=flat-square&labelColor=EBEEF2&color=000000">
-    </picture>
-  </a>
-  <a alt="GitHub repo stars" href="https://github.com/blefnk/relivator/stargazers">
-    <picture>
-      <source media="(prefers-color-scheme: dark)" srcset="https://img.shields.io/github/stars/blefnk/relivator?style=flat-square&labelColor=32363B&color=ffffff">
-      <source media="(prefers-color-scheme: light)" srcset="https://img.shields.io/github/stars/blefnk/relivator?style=flat-square&labelColor=EBEEF2&color=000000">
-      <img alt="relivator stars" src="https://img.shields.io/github/stars/blefnk/relivator?style=flat-square&labelColor=EBEEF2&color=000000">
-    </picture>
-  </a>
-</div>
-
----
-
-[Demo](https://relivator.com) — [Sponsor](https://github.com/sponsors/blefnk) — [Discord](https://discord.gg/Pb8uKbwpsJ) — [GitHub](https://github.com/blefnk/relivator) — [Docs](https://deepwiki.com/blefnk/relivator-nextjs-template) — [Introduction](https://blefnk.reliverse.org/my-projects/relivator)
-
-## Features
-
-The following features are the main Reliverse's stack. You can check the Versator to see Reliverse's another stack variant with Clerk, Stripe, Motion, and more.
-
-- ⚡ **Framework:** Next.js 15.3 • React 19.1 • TypeScript 5.8
-- 🔐 **Auth:** First-class authentication with [Better Auth](https://better-auth.com)
-- 🗄️ **Database:** Typed PostgreSQL via [Drizzle ORM](https://orm.drizzle.team) & [Neon](https://neon.tech)
-- 📄 **Forms:** Powered by schema-ready [TanStack Form](https://tanstack.com/form) _(🏗️ W.I.P)_
-- 📄 **Typesafe APIs:** Typed by [oRPC](https://orpc.unnoq.com) _(🏗️ W.I.P)_
-- 💳 **Payments:** Integration with [Polar](https://polar.sh) _(🏗️ W.I.P)_
-- 📦 **Storage:** Smooth file uploads via [Uploadthing](https://uploadthing.com)
-- 🎨 **Styling:** [shadcn/ui](https://ui.shadcn.com) with Tailwind CSS 4.1
-- 🦄 **Animations:** Built-in [Anime.js](https://animejs.com) with a sample banner
-- 📊 **Analytics:** Built-in optional [Vercel Analytics](https://vercel.com/docs/analytics)
-- 🛠️ **DX Tools:** Preconfigured ESLint 9, [Biome](https://biomejs.dev), [Knip](https://knip.dev)
-
-## Quick Start
-
-To get started:
-
-1. Install [Git](https://git-scm.com), [Node.js](https://nodejs.org), and [Bun](https://bun.sh).
-2. Run:
+[demo](https://relivator.com) — [sponsor](https://github.com/sponsors/blefnk) — [discord](https://discord.gg/Pb8uKbwpsJ) — [github](https://github.com/blefnk/relivator) — [docs](https://deepwiki.com/blefnk/relivator-nextjs-template)
+
+> relivator is a robust ecommerce template built with next.js and other modern technologies. it's designed for developers who want a fast, modern, and scalable foundation without reinventing the backend.
+
+## features
+
+- ⚡ **framework:** next.js 15.3 + react 19.1 + ts 5.8
+- 🔐 **auth:** [better-auth](https://better-auth.com)
+- 🗄️ **db:** pg + [drizzle-orm](https://orm.drizzle.team)
+- 📦 **storage:** [uploadthing](https://uploadthing.com)
+- 🎨 **styling:** tailwind 4.1 + [shadcn](https://ui.shadcn.com)
+- 🦄 **animations:** [anime.js](https://animejs.com)
+- 📊 **analytics:** [vercel](https://vercel.com/docs/analytics)
+- 🛠️ **dx tools:** eslint + [biome](https://biomejs.dev) + [knip](https://knip.dev)
+- 💳 **payments:** [polar](https://polar.sh) _(🏗️ w.i.p)_
+- 🧬 **api:** next + [orpc](https://orpc.unnoq.com) _(🏗️ w.i.p)_
+- 📄 **forms:** [tanstack](https://tanstack.com/form) _(🏗️ w.i.p)_
+
+> these features define the standard reliverse stack. for an alternative setup—featuring clerk, stripe, trpc, and more—check out [versator](https://github.com/blefnk/versator).
+
+## quick start
+
+1. install [git](https://git-scm.com), [node.js](https://nodejs.org), [bun](https://bun.sh).
+2. run:
 
    ```bash
    git clone https://github.com/blefnk/relivator.git
    cd relivator
-   bun install
+   bun i
    copy .env.example .env
    ```
 
-3. Fill in the required environment variables in the `.env` file.
-4. Run:
+3. fill in the required environment variables in the `.env` file.
+4. run:
 
    ```bash
-   bun dev # Start development server
-   bun run build # Build production version
+   bun dev # start development server
+   bun run build # build production version
    ```
 
-5. Edit something in the code manually or ask AI to help you.
-6. Done. Seriously. You're building now.
+5. edit something in the code manually or ask ai to help you.
+6. done. seriously. you're building now.
 
 <!-- 
-2. Run:
+2. run:
    ```bash
    bun i -g @reliverse/cli
    reliverse cli
    ```
-3. Select **"Create a new project"**.
-4. Follow prompts to configure your store.
+3. select **"create a new project"**.
+4. follow prompts to configure your store.
 -->
 
-### Commands
+### commands
 
-| Command         | Description                    |
+| command         | description                    |
 |-----------------|--------------------------------|
-| `bun dev`       | Start local development        |
-| `bun build`     | Create a production build      |
-| `bun latest`    | Sync all dependencies          |
-| `bun ui`        | Add UI components              |
-| `bun db:push`   | Apply DB schema changes        |
-| `bun db:auth`   | Update auth-related tables     |
-| `bun db:studio` | Open visual DB editor          |
-
-## Notes
+| `bun dev`       | start local development        |
+| `bun build`     | create a production build      |
+| `bun latest`    | install latest deps            |
+| `bun ui`        | add shadcn components          |
+| `bun db:push`   | apply db schema changes        |
+| `bun db:auth`   | update auth-related tables     |
+| `bun db:studio` | open visual db editor          |
 
-- Relivator **1.4.0+** is AI-ready — optimized for AI-powered IDEs like Cursor, making onboarding effortless even for beginners.
-- Version **1.3.0** evolved into **Versator**, featuring [Clerk](https://clerk.com) authentication and [Stripe](https://stripe.com) payments. Explore [Versator Demo](https://versator.relivator.com/en), [Repo](https://github.com/blefnk/versator), or [Docs](https://docs.reliverse.org/versator).
+## notes
 
-<!--
-- ⚙️ **Instant setup**: Just run the CLI
-- 🤖 **AI-Ready**: Optimized for tools like [Cursor](https://cursor.sh)
-- 🧪 **Battle-tested stack**: Built for actual shipping, not just tutorial clout
-- 💡 **Evolving fast**: Frequent updates, including Relivator's variants like [Versator](https://versator.relivator.com)
-- -->
+- relivator **1.4.0+** is ai-ready — optimized for ai-powered ides like cursor, making onboarding effortless even for beginners.
+- version **1.3.0** evolved into **versator**, featuring [clerk](https://clerk.com) authentication and [stripe](https://stripe.com) payments. explore [versator demo](https://versator.relivator.com/en), [repo](https://github.com/blefnk/versator), or [docs](https://docs.reliverse.org/versator).
 
-## Stand with Ukraine
+## stand with ukraine
 
-- 💙 Help fund drones, medkits, and victory.
-- 💛 Every dollar helps stop [russia's war crimes](https://war.ukraine.ua/russia-war-crimes) and saves lives.
-- 👉 [Donate now](https://u24.gov.ua), it matters.
+- help fund drones, medkits, and victory.
+- every dollar helps stop [russia's war crimes](https://war.ukraine.ua/russia-war-crimes) and saves lives.
+- [donate now](https://u24.gov.ua), it matters.
 
-## Stand with Reliverse
+## stand with reliverse
 
-- ⭐ [Star the repo](https://github.com/blefnk/relivator) to help Reliverse community grow.
-- 🦄 Follow this project's author, [Nazar Kornienko](https://github.com/blefnk) & [Reliverse](https://github.com/reliverse), to get updates about new projects.
-- 💖 [Become a sponsor](https://github.com/sponsors/blefnk) and power the next wave of tools that _just feel right_.
-- 🧑‍🚀 Every bit of support helps keep the dream alive: dev tools that don't suck.
+- [star the repo](https://github.com/blefnk/relivator) to help the reliverse community grow.
+- follow this project's author, [nazar kornienko](https://github.com/blefnk) and his [reliverse](https://github.com/reliverse) ecosystem, to get updates about new projects faster.
+- [become a sponsor](https://github.com/sponsors/blefnk) and power the next wave of tools that _just feel right_.
+- every bit of support helps keep the dream alive: dev tools that don't suck.
 
-## License
+## license
 
-2025 MIT © [blefnk Nazar Kornienko](https://github.com/blefnk) & [Reliverse](https://github.com/reliverse)
+mit © 2025 [nazar kornienko (blefnk)](https://github.com/blefnk), [reliverse](https://github.com/reliverse)

README.md

@@ -16,12 +16,16 @@
     "lineWidth": 80
   },
   "organizeImports": {
-    "enabled": true
+    "enabled": false
   },
   "linter": {
     "enabled": true,
     "rules": {
       "recommended": true,
+      "a11y": {
+        "useKeyWithClickEvents": "off",
+        "useSemanticElements": "off"
+      },
       "suspicious": {
         "noExplicitAny": "off",
         "noArrayIndexKey": "off"

biome.json

@@ -41,6 +41,7 @@
         "react": "latest",
         "react-day-picker": "latest",
         "react-dom": "latest",
+        "sonner": "latest",
         "tailwind-merge": "latest",
         "tailwindcss-animate": "latest",
         "uploadthing": "latest",
@@ -61,6 +62,7 @@
         "@typescript-eslint/parser": "latest",
         "drizzle-kit": "latest",
         "eslint": "latest",
+        "eslint-plugin-perfectionist": "latest",
         "eslint-plugin-readable-tailwind": "latest",
         "execa": "latest",
         "knip": "latest",
@@ -570,6 +572,8 @@
 
     "eslint": ["[email protected]", "", { "dependencies": { "@eslint-community/eslint-utils": "^4.2.0", "@eslint-community/regexpp": "^4.12.1", "@eslint/config-array": "^0.20.0", "@eslint/config-helpers": "^0.2.1", "@eslint/core": "^0.13.0", "@eslint/eslintrc": "^3.3.1", "@eslint/js": "9.25.1", "@eslint/plugin-kit": "^0.2.8", "@humanfs/node": "^0.16.6", "@humanwhocodes/module-importer": "^1.0.1", "@humanwhocodes/retry": "^0.4.2", "@types/estree": "^1.0.6", "@types/json-schema": "^7.0.15", "ajv": "^6.12.4", "chalk": "^4.0.0", "cross-spawn": "^7.0.6", "debug": "^4.3.2", "escape-string-regexp": "^4.0.0", "eslint-scope": "^8.3.0", "eslint-visitor-keys": "^4.2.0", "espree": "^10.3.0", "esquery": "^1.5.0", "esutils": "^2.0.2", "fast-deep-equal": "^3.1.3", "file-entry-cache": "^8.0.0", "find-up": "^5.0.0", "glob-parent": "^6.0.2", "ignore": "^5.2.0", "imurmurhash": "^0.1.4", "is-glob": "^4.0.0", "json-stable-stringify-without-jsonify": "^1.0.1", "lodash.merge": "^4.6.2", "minimatch": "^3.1.2", "natural-compare": "^1.4.0", "optionator": "^0.9.3" }, "peerDependencies": { "jiti": "*" }, "optionalPeers": ["jiti"], "bin": { "eslint": "bin/eslint.js" } }, "sha512-E6Mtz9oGQWDCpV12319d59n4tx9zOTXSTmc8BLVxBx+G/0RdM5MvEEJLU9c0+aleoePYYgVTOsRblx433qmhWQ=="],
 
+    "eslint-plugin-perfectionist": ["[email protected]", "", { "dependencies": { "@typescript-eslint/types": "^8.31.0", "@typescript-eslint/utils": "^8.31.0", "natural-orderby": "^5.0.0" }, "peerDependencies": { "eslint": ">=8.45.0" } }, "sha512-V0dmpq6fBbn0BYofHsiRuuY9wgkKMDkdruM0mIRBIJ8XZ8vEaTAZqFsywm40RuWNVnduWBt5HO1ZZ+flE2yqjg=="],
+
     "eslint-plugin-react-debug": ["[email protected]", "", { "dependencies": { "@eslint-react/ast": "1.48.5", "@eslint-react/core": "1.48.5", "@eslint-react/eff": "1.48.5", "@eslint-react/kit": "1.48.5", "@eslint-react/shared": "1.48.5", "@eslint-react/var": "1.48.5", "@typescript-eslint/scope-manager": "^8.31.0", "@typescript-eslint/type-utils": "^8.31.0", "@typescript-eslint/types": "^8.31.0", "@typescript-eslint/utils": "^8.31.0", "string-ts": "^2.2.1", "ts-pattern": "^5.7.0" }, "peerDependencies": { "eslint": "^8.57.0 || ^9.0.0", "typescript": "^4.9.5 || ^5.3.3" }, "optionalPeers": ["typescript"] }, "sha512-0ohplE9yStl5U45GLzmTioK8eJ5kg5b3ICCDFZWDkvGKnXtX8IGh39u4/NPjXlOsRr/deDuGHTZCETtuhNFELA=="],
 
     "eslint-plugin-react-dom": ["[email protected]", "", { "dependencies": { "@eslint-react/ast": "1.48.5", "@eslint-react/core": "1.48.5", "@eslint-react/eff": "1.48.5", "@eslint-react/kit": "1.48.5", "@eslint-react/shared": "1.48.5", "@eslint-react/var": "1.48.5", "@typescript-eslint/scope-manager": "^8.31.0", "@typescript-eslint/types": "^8.31.0", "@typescript-eslint/utils": "^8.31.0", "compare-versions": "^6.1.1", "string-ts": "^2.2.1", "ts-pattern": "^5.7.0" }, "peerDependencies": { "eslint": "^8.57.0 || ^9.0.0", "typescript": "^4.9.5 || ^5.3.3" }, "optionalPeers": ["typescript"] }, "sha512-ZjfqZYDSqOM9M/5UD2jpyCn4jROkKawM2pNFXWGzJMoopq4x5eqx6rba6jsIQFayb5inAy3IzRnzXC/may2EPg=="],
@@ -756,6 +760,8 @@
 
     "natural-compare": ["[email protected]", "", {}, "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw=="],
 
+    "natural-orderby": ["[email protected]", "", {}, "sha512-kKHJhxwpR/Okycz4HhQKKlhWe4ASEfPgkSWNmKFHd7+ezuQlxkA5cM3+XkBPvm1gmHen3w53qsYAv+8GwRrBlg=="],
+
     "next": ["[email protected]", "", { "dependencies": { "@next/env": "15.3.1", "@swc/counter": "0.1.3", "@swc/helpers": "0.5.15", "busboy": "1.6.0", "caniuse-lite": "^1.0.30001579", "postcss": "8.4.31", "styled-jsx": "5.1.6" }, "optionalDependencies": { "@next/swc-darwin-arm64": "15.3.1", "@next/swc-darwin-x64": "15.3.1", "@next/swc-linux-arm64-gnu": "15.3.1", "@next/swc-linux-arm64-musl": "15.3.1", "@next/swc-linux-x64-gnu": "15.3.1", "@next/swc-linux-x64-musl": "15.3.1", "@next/swc-win32-arm64-msvc": "15.3.1", "@next/swc-win32-x64-msvc": "15.3.1", "sharp": "^0.34.1" }, "peerDependencies": { "@opentelemetry/api": "^1.1.0", "@playwright/test": "^1.41.2", "babel-plugin-react-compiler": "*", "react": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0", "react-dom": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0", "sass": "^1.3.0" }, "optionalPeers": ["@opentelemetry/api", "@playwright/test", "babel-plugin-react-compiler", "sass"], "bin": { "next": "dist/bin/next" } }, "sha512-8+dDV0xNLOgHlyBxP1GwHGVaNXsmp+2NhZEYrXr24GWLHtt27YrBPbPuHvzlhi7kZNYjeJNR93IF5zfFu5UL0g=="],
 
     "next-themes": ["[email protected]", "", { "peerDependencies": { "react": "^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc", "react-dom": "^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc" } }, "sha512-pZvgD5L0IEvX5/9GWyHMf3m8BKiVQwsCMHfoFosXtXBMnaS0ZnIJ9ST4b4NqLVKDEm8QBxoNNGNaBv2JNF6XNA=="],
@@ -884,6 +890,8 @@
 
     "smol-toml": ["[email protected]", "", {}, "sha512-UOPtVuYkzYGee0Bd2Szz8d2G3RfMfJ2t3qVdZUAozZyAk+a0Sxa+QKix0YCwjL/A1RR0ar44nCxaoN9FxdJGwA=="],
 
+    "sonner": ["[email protected]", "", { "peerDependencies": { "react": "^18.0.0 || ^19.0.0 || ^19.0.0-rc", "react-dom": "^18.0.0 || ^19.0.0 || ^19.0.0-rc" } }, "sha512-njQ4Hht92m0sMqqHVDL32V2Oun9W1+PHO9NDv9FHfJjT3JT22IG4Jpo3FPQy+mouRKCXFWO+r67v6MrHX2zeIA=="],
+
     "source-map": ["[email protected]", "", {}, "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="],
 
     "source-map-js": ["[email protected]", "", {}, "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA=="],

bun.lock

@@ -2,10 +2,10 @@ import "dotenv/config";
 import { defineConfig } from "drizzle-kit";
 
 export default defineConfig({
-  schema: "./src/db/schema/index.ts",
-  dialect: "postgresql",
   dbCredentials: {
     url: process.env.DATABASE_URL ?? "",
   },
+  dialect: "postgresql",
+  schema: "./src/db/schema/index.ts",
   schemaFilter: ["public"],
 });