Shadify (#150)

Adds shadcn, bumps dependencies, overhaults lots of code.

.prettierrc

@@ -3,5 +3,6 @@
   "trailingComma": "none",
   "singleQuote": false,
   "printWidth": 80,
-  "useTabs": true
+  "useTabs": true,
+  "plugins": ["prettier-plugin-tailwindcss"]
 }

README.md

@@ -8,6 +8,8 @@ You can try a demo at https://drift.lol. The demo is built on main but has no da
 
 If you want to contribute, need support, or want to stay updated, you can join the IRC channel at #drift on irc.libera.chat or [reach me on twitter](https://twitter.com/Max_Leiter). If you don't have an IRC client yet, you can use a webclient [here](https://demo.thelounge.chat/#/connect?join=%23drift&nick=drift-user&realname=Drift%20User).
 
+Drift is built with Next.js 13, React Server Components, [shadcn/ui](https://github.com/shadcn/ui), and [Prisma](https://prisma.io/).
+
 <hr />
 
 **Contents:**
@@ -48,6 +50,7 @@ You can change these to your liking.
 - `NODE_ENV`: defaults to development, can be `production`
 
 #### Auth environment variables
+
 **Note:** Only credential auth currently supports the registration password, so if you want to secure registration, you must use only credential auth.
 
 - `GITHUB_CLIENT_ID`: the client ID for GitHub OAuth.

components.json

@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "default",
+  "rsc": true,
+  "tsx": true,
+  "tailwind": {
+    "config": "tailwind.config.js",
+    "css": "app/globals.css",
+    "baseColor": "slate",
+    "cssVariables": true
+  },
+  "aliases": {
+    "components": "@components",
+    "utils": "@utils"
+  }
+}

next.config.mjs

@@ -11,17 +11,36 @@ const nextConfig = {
 			{
 				source: "/file/raw/:id",
 				destination: `/api/raw/:id`
+			},
+			{
+				source: "/signout",
+				destination: `/api/auth/signout`
 			}
 		]
 	},
 	images: {
 		domains: ["avatars.githubusercontent.com"]
 	},
 	env: {
-		NEXT_PUBLIC_DRIFT_URL: process.env.DRIFT_URL
+		NEXT_PUBLIC_DRIFT_URL:
+			process.env.DRIFT_URL ||
+			(process.env.VERCEL_URL
+				? `https://${process.env.VERCEL_URL}`
+				: "http://localhost:3000")
+	},
+	eslint: {
+		ignoreDuringBuilds: process.env.VERCEL_ENV !== "production"
+	},
+	typescript: {
+		ignoreBuildErrors: process.env.VERCEL_ENV !== "production"
+	},
+	modularizeImports: {
+		"react-feather": {
+			transform: "react-feather/dist/icons/{{kebabCase member}}"
+		}
 	}
 }
 
-export default bundleAnalyzer({ enabled: process.env.ANALYZE === "true" })(
-	nextConfig
-)
+export default process.env.ANALYZE === "true"
+	? bundleAnalyzer({ enabled: true })(nextConfig)
+	: nextConfig

package.json

@@ -13,39 +13,48 @@
 		"jest": "jest"
 	},
 	"dependencies": {
-		"@next-auth/prisma-adapter": "^1.0.6",
-		"@next/eslint-plugin-next": "13.4.4-canary.0",
-		"@prisma/client": "^4.14.1",
+		"@next-auth/prisma-adapter": "^1.0.7",
+		"@next/eslint-plugin-next": "13.4.11-canary.0",
+		"@prisma/client": "^5.0.0",
+		"@radix-ui/react-alert-dialog": "^1.0.4",
 		"@radix-ui/react-dialog": "^1.0.3",
 		"@radix-ui/react-dropdown-menu": "^2.0.4",
+		"@radix-ui/react-navigation-menu": "^1.1.3",
 		"@radix-ui/react-popover": "^1.0.5",
+		"@radix-ui/react-slot": "^1.0.2",
 		"@radix-ui/react-tabs": "^1.0.3",
 		"@radix-ui/react-tooltip": "^1.0.5",
+		"@tailwindcss/nesting": "0.0.0-insiders.565cd3e",
+		"@tailwindcss/typography": "^0.5.9",
+		"class-variance-authority": "^0.6.0",
 		"client-only": "^0.0.1",
 		"client-zip": "2.3.1",
 		"cmdk": "^0.2.0",
 		"date-fns": "^2.30.0",
 		"jest": "^29.5.0",
 		"lodash.debounce": "^4.0.8",
-		"next": "13.4.5-canary.2",
-		"next-auth": "^4.22.1",
+		"next": "13.4.11-canary.1",
+		"next-auth": "^4.22.3",
 		"next-themes": "^0.2.1",
 		"react": "18.2.0",
 		"react-cookie": "^4.1.1",
 		"react-datepicker": "4.10.0",
+		"react-day-picker": "^8.8.0",
 		"react-dom": "18.2.0",
 		"react-dropzone": "14.2.3",
 		"react-error-boundary": "^4.0.4",
 		"react-feather": "^2.0.10",
 		"react-hot-toast": "2.4.1",
 		"server-only": "^0.0.1",
-		"swr": "^2.1.5",
+		"swr": "^2.2.0",
+		"tailwind-merge": "^1.13.0",
+		"tailwindcss-animate": "^1.0.5",
 		"textarea-markdown-editor": "1.0.4",
 		"ts-jest": "^29.1.0",
 		"uuid": "^9.0.0"
 	},
 	"devDependencies": {
-		"@next/bundle-analyzer": "13.4.5-canary.2",
+		"@next/bundle-analyzer": "13.4.11-canary.0",
 		"@total-typescript/ts-reset": "^0.4.2",
 		"@types/bcrypt": "^5.0.0",
 		"@types/git-http-backend": "^1.0.1",
@@ -59,12 +68,13 @@
 		"@typescript-eslint/eslint-plugin": "^5.58.0",
 		"@typescript-eslint/parser": "^5.58.0",
 		"@wcj/markdown-to-html": "^2.2.1",
+		"autoprefixer": "^10.4.14",
 		"clsx": "^1.2.1",
 		"cross-env": "7.0.3",
 		"csstype": "^3.1.2",
 		"dotenv": "^16.0.3",
 		"eslint": "8.38.0",
-		"eslint-config-next": "13.4.5-canary.2",
+		"eslint-config-next": "13.4.11-canary.1",
 		"jest-mock-extended": "^3.0.3",
 		"next-unused": "0.0.6",
 		"postcss": "^8.4.21",
@@ -73,8 +83,10 @@
 		"postcss-nested": "^6.0.1",
 		"postcss-preset-env": "^8.4.1",
 		"prettier": "2.8.7",
-		"prisma": "^4.12.0",
-		"typescript": "5.0.4",
+		"prettier-plugin-tailwindcss": "^0.3.0",
+		"prisma": "^5.0.0",
+		"tailwindcss": "^3.3.2",
+		"typescript": "5.1.6",
 		"typescript-plugin-css-modules": "5.0.1"
 	},
 	"optionalDependencies": {