Merge pull request #144 from moinulmoin/upgrade-deps

chore: upgrade all dependencies and add react-email preview
moinulmoin · Dec 15, 2023 · c5bcef6 · c5bcef6 · vercel · Dec 15, 2023
2 parents b724ab0 + b334020
commit c5bcef6
Show file tree

Hide file tree

Showing 11 changed files with 2,986 additions and 2,227 deletions.
diff --git a/.gitignore b/.gitignore
@@ -44,3 +44,4 @@ next-env.d.ts
 # worker
 sw.*
 workbox-*.*
+.react-email
diff --git a/emails/thanks.tsx b/emails/thanks.tsx
@@ -0,0 +1,49 @@
+import {
+  Body,
+  Button,
+  Container,
+  Head,
+  Html,
+  Preview,
+  Section,
+  Tailwind,
+  Text,
+} from "@react-email/components";
+
+interface ThanksTemplateProps {
+  userName: string;
+}
+
+const ThanksTemp: React.FC<Readonly<ThanksTemplateProps>> = ({ userName }) => (
+  <Html>
+    <Head />
+    <Preview>Welcome to ChadNext.</Preview>
+    <Tailwind>
+      <Body className=" bg-gray-100">
+        <Container className="mx-auto my-10 bg-white">
+          <Section className="my-8">
+            <Text className="mx-10 text-lg font-bold">Hi {userName} 👋 ,</Text>
+            <Text className="mx-10 text-base">
+              Welcome to ChadNext. Now you can build your idea faster. You can
+              star the project on GitHub. That would be very helpful.
+            </Text>
+            <Section className="my-5 text-center">
+              <Button
+                className="bg-bg-white inline-block rounded-md bg-slate-900 px-6 py-3 text-base text-white"
+                href="https://github.com/moinulmoin/chadnext"
+                target="_blank"
+                rel="noopener noreferrer"
+              >
+                Star on GitHub
+              </Button>
+            </Section>
+            <Text className="mx-10  text-base font-light">Best,</Text>
+            <Text className="mx-10 text-base font-bold">ChadNext</Text>
+          </Section>
+        </Container>
+      </Body>
+    </Tailwind>
+  </Html>
+);
+
+export default ThanksTemp;
diff --git a/...omponents/email-template/verification.tsx → emails/verification.tsx b/...omponents/email-template/verification.tsx → emails/verification.tsx
@@ -1,3 +1,5 @@
+// * INFO: Right now, this template is not being used in the project
+
 import {
   Body,
   Button,
@@ -14,16 +16,19 @@ import {
   Tailwind,
   Text,
 } from "@react-email/components";
-import { siteConfig } from "~/config/site";
+
+const siteUrl =
+  process.env.NEXT_PUBLIC_URL ?? "https://chadnext.moinulmoin.com";
 
 interface VerificationTemplateProps {
   userName: string;
   verificationUrl: string;
 }
 
-export const VerificationTemp: React.FC<
-  Readonly<VerificationTemplateProps>
-> = ({ userName, verificationUrl }) => (
+const VerificationTemp: React.FC<Readonly<VerificationTemplateProps>> = ({
+  userName,
+  verificationUrl,
+}) => (
   <Html>
     <Head />
     <Preview>Click the link below to sign in to your account.</Preview>
@@ -34,7 +39,7 @@ export const VerificationTemp: React.FC<
             <Row>
               <Column align="right">
                 <Img
-                  src={`${siteConfig.url}/chad-next.png`}
+                  src={`${siteUrl}/chad-next.png`}
                   height="50"
                   alt="ChadNext logo"
                   className="inline-block "
@@ -75,3 +80,5 @@ export const VerificationTemp: React.FC<
     </Tailwind>
   </Html>
 );
+
+export default VerificationTemp;
diff --git a/package.json b/package.json
@@ -4,14 +4,15 @@
   "private": true,
   "scripts": {
     "dev": "prisma generate && next dev",
+    "dev:email": "email dev -p 9000",
     "build": "prisma generate && prisma db push && next build",
     "start": "next start",
     "lint": "next lint --dir src",
     "format": "prettier --write 'src/**/*.{ts,tsx,js,jsx,css,json}'",
     "postinstall": "lefthook install"
   },
   "dependencies": {
-    "@ducanh2912/next-pwa": "^9.7.1",
+    "@ducanh2912/next-pwa": "^10.0.0",
     "@hookform/resolvers": "^3.3.2",
     "@lucia-auth/adapter-prisma": "^3.0.2",
     "@lucia-auth/oauth": "^3.5.0",
@@ -26,50 +27,50 @@
     "@radix-ui/react-slot": "^1.0.2",
     "@radix-ui/react-tabs": "^1.0.4",
     "@radix-ui/react-toast": "^1.1.5",
-    "@react-email/components": "^0.0.7",
+    "@react-email/components": "^0.0.12",
     "@uploadthing/react": "^6.0.2",
     "date-fns": "^2.30.0",
     "lucia": "^2.7.4",
     "lucide-react": "^0.294.0",
     "nanoid": "^5.0.4",
-    "next": "14.0.2",
+    "next": "14.0.4",
     "next-themes": "^0.2.1",
-    "nodemailer": "^6.9.6",
-    "postcss": "8.4.31",
+    "postcss": "8.4.32",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-dropzone": "^14.2.3",
-    "react-hook-form": "^7.47.0",
+    "react-email": "1.10.0",
+    "react-hook-form": "^7.49.2",
     "react-wrap-balancer": "^1.1.0",
-    "resend": "^1.1.0",
-    "stripe": "^14.4.0",
-    "uploadthing": "^6.0.4",
+    "resend": "^2.1.0-canary.1",
+    "stripe": "^14.8.0",
+    "uploadthing": "^6.1.0",
     "zod": "^3.22.4"
   },
   "devDependencies": {
     "@tailwindcss/typography": "^0.5.10",
-    "@types/node": "20.8.9",
-    "@types/react": "18.2.43",
-    "@types/react-dom": "18.2.13",
-    "@typescript-eslint/eslint-plugin": "^6.7.5",
-    "@typescript-eslint/parser": "^6.7.5",
+    "@types/node": "20.10.4",
+    "@types/react": "18.2.45",
+    "@types/react-dom": "18.2.17",
+    "@typescript-eslint/eslint-plugin": "^6.14.0",
+    "@typescript-eslint/parser": "^6.14.0",
     "autoprefixer": "10.4.16",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.0.0",
     "contentlayer": "^0.3.4",
     "encoding": "^0.1.13",
-    "eslint": "8.51.0",
-    "eslint-config-next": "14.0.2",
-    "eslint-config-prettier": "^9.0.0",
-    "lefthook": "^1.5.2",
+    "eslint": "8.55.0",
+    "eslint-config-next": "14.0.4",
+    "eslint-config-prettier": "^9.1.0",
+    "lefthook": "^1.5.5",
     "next-contentlayer": "^0.3.4",
-    "prettier": "3.0.3",
-    "prettier-plugin-tailwindcss": "^0.5.6",
+    "prettier": "3.1.1",
+    "prettier-plugin-tailwindcss": "^0.5.9",
     "prisma": "^5.7.0",
-    "sharp": "^0.32.6",
-    "tailwind-merge": "^1.14.0",
-    "tailwindcss": "3.3.3",
+    "sharp": "^0.33.0",
+    "tailwind-merge": "^2.1.0",
+    "tailwindcss": "3.3.6",
     "tailwindcss-animate": "^1.0.7",
-    "typescript": "5.2.2"
+    "typescript": "5.3.3"
   }
 }