feat: Add forgot password option

.github/workflows/build-lint-test.yml

@@ -22,7 +22,7 @@ jobs:
       - uses: pnpm/action-setup@v4
         name: Install pnpm
         with:
-          version: 10.14.0
+          version: 10.15.0
 
       - name: Install Node.js
         uses: actions/setup-node@v4

.github/workflows/bump_publish.yml

@@ -52,7 +52,7 @@ jobs:
       - uses: pnpm/action-setup@v4
         name: Install pnpm
         with:
-          version: 10.14.0
+          version: 10.15.0
 
       - name: Install Node.js
         uses: actions/setup-node@v4

apps/api/package.json

@@ -16,29 +16,30 @@
     "drizzle-kit": "drizzle-kit"
   },
   "dependencies": {
-    "@hono/zod-openapi": "^1.0.2",
+    "@hono/zod-openapi": "^1.1.0",
     "@hono/zod-validator": "^0.7.2",
     "@vitnode/core": "workspace:*",
     "drizzle-kit": "^0.31.4",
     "drizzle-orm": "^0.44.4",
-    "hono": "^4.8.10",
+    "hono": "^4.9.2",
     "next-intl": "^4.3.4",
     "react": "^19.1.1",
     "react-dom": "^19.1.1",
-    "zod": "^4.0.14"
+    "use-intl": "^4.3.4",
+    "zod": "^4.0.17"
   },
   "devDependencies": {
-    "@hono/node-server": "^1.18.0",
-    "@react-email/components": "^0.3.3",
-    "@types/node": "^24.1.0",
-    "@types/react": "^19.1.9",
+    "@hono/node-server": "^1.19.0",
+    "@react-email/components": "^0.5.1",
+    "@types/node": "^24.3.0",
+    "@types/react": "^19.1.10",
     "@types/react-dom": "^19.1.7",
     "@vitnode/eslint-config": "workspace:*",
     "dotenv": "^17.2.1",
-    "eslint": "^9.32.0",
-    "react-email": "^4.2.7",
+    "eslint": "^9.33.0",
+    "react-email": "^4.2.8",
     "tsc-alias": "^1.8.16",
-    "tsx": "^4.20.3",
+    "tsx": "^4.20.4",
     "typescript": "^5.9.2"
   }
 }

apps/api/src/locales/@vitnode/core/en.json

@@ -132,7 +132,8 @@
         },
         "password": {
           "label": "Password",
-          "required": "Password is required."
+          "required": "Password is required.",
+          "reset": "Forgot password?"
         },
         "errors": {
           "access_denied": {
@@ -141,6 +142,36 @@
           }
         },
         "submit": "Login"
+      },
+      "reset_password": {
+        "title": "Reset Password",
+        "desc": "Please enter your email address below to receive a password reset link.",
+        "submit": "Send Reset Link",
+        "confirmation": {
+          "title": "Check your email",
+          "desc": "We've sent a password reset link to your email address:",
+          "check_spam": "If you don't see the email in your inbox, please check your spam folder."
+        },
+        "email": {
+          "subject": "Reset your password",
+          "greeting": "Hello {name}!",
+          "intro": "We received a request to reset your password for your account.",
+          "button": "Reset Password",
+          "instructions": "Click the button above to reset your password. This link will expire in 30 minutes for security reasons.",
+          "no_action": "If you didn't request a password reset, you can safely ignore this email. Your password will remain unchanged.",
+          "security_note": "For your security, this request was made from IP address: {ip}",
+          "help": "If you're having trouble with the button above, copy and paste the URL below into your web browser:",
+          "expire_time": "This link will expire on {date}"
+        }
+      },
+      "change_password": {
+        "title": "Change Password",
+        "desc": "Please enter your new password below.",
+        "submit": "Change Password",
+        "success": {
+          "title": "Password changed successfully",
+          "desc": "You can now log in with your new password."
+        }
       }
     }
   },

apps/docs/content/docs/dev/api/meta.json

@@ -0,0 +1,5 @@
+{
+  "title": "REST API",
+  "defaultOpen": true,
+  "pages": ["modules", "..."]
+}

apps/docs/content/docs/dev/api/modules.mdx

@@ -0,0 +1,58 @@
+---
+title: Modules
+description: xxx
+---
+
+## Usage
+
+Think of modules as containers for related API endpoints. They help organize your routes logically - perfect for keeping your sanity intact!
+
+```ts title="plugins/blog/src/api/modules/categories/categories.module.ts"
+import { buildModule } from '@vitnode/core/api/lib/module';
+
+import { CONFIG_PLUGIN } from '@/config';
+
+export const categoriesModule = buildModule({
+  pluginId: CONFIG_PLUGIN.id,
+  name: 'categories',
+  routes: [], // We'll populate this soon!
+});
+```
+
+#### Nested Modules
+
+Want to create a module hierarchy? VitNode's got your back! Nested modules are perfect for complex APIs.
+
+```ts title="plugins/blog/src/api/modules/categories/categories.module.ts"
+import { buildModule } from '@vitnode/core/api/lib/module';
+
+import { CONFIG_PLUGIN } from '@/config';
+
+import { postsModule } from './posts/posts.module'; // [!code ++]
+
+export const categoriesModule = buildModule({
+  pluginId: CONFIG_PLUGIN.id,
+  name: 'categories',
+  routes: [],
+  modules: [postsModule], // [!code ++]
+});
+```
+
+This creates a structure: `/api/{plugin_id}/categories/posts/*`
+
+## Connecting Modules to the API
+
+```ts title="plugins/blog/src/config.api.ts"
+import { buildApiPlugin } from '@vitnode/core/api/lib/plugin';
+
+import { CONFIG_PLUGIN } from '@/config';
+
+import { categoriesModule } from './api/modules/categories/categories.module'; // [!code ++]
+
+export const blogApiPlugin = () => {
+  return buildApiPlugin({
+    ...CONFIG_PLUGIN,
+    modules: [categoriesModule], // [!code ++]
+  });
+};
+```

apps/docs/content/docs/dev/rest-api.mdx → apps/docs/content/docs/dev/api/routes.mdx

@@ -1,56 +1,9 @@
 ---
-title: Restful API
-description: Learn how to create and organize API routes in your VitNode plugins with modules, handlers, and parameter validation.
+title: Routes
+description: xxx
 ---
 
-Building a RESTful API in VitNode is like assembling LEGO blocks - you create modules, add routes to them, and connect everything together. Let's dive into this architectural adventure!
-
-## Setting Up Your API Structure
-
-<Steps>
-  <Step>
-
-### Create Module
-
-Think of modules as containers for related API endpoints. They help organize your routes logically - perfect for keeping your sanity intact!
-
-```ts title="plugins/blog/src/api/modules/categories/categories.module.ts"
-import { buildModule } from '@vitnode/core/api/lib/module';
-
-import { CONFIG_PLUGIN } from '@/config';
-
-export const categoriesModule = buildModule({
-  pluginId: CONFIG_PLUGIN.id,
-  name: 'categories',
-  routes: [], // We'll populate this soon!
-});
-```
-
-#### Nested Modules
-
-Want to create a module hierarchy? VitNode's got your back! Nested modules are perfect for complex APIs.
-
-```ts title="plugins/blog/src/api/modules/categories/categories.module.ts"
-import { buildModule } from '@vitnode/core/api/lib/module';
-
-import { CONFIG_PLUGIN } from '@/config';
-
-import { postsModule } from './posts/posts.module'; // [!code ++]
-
-export const categoriesModule = buildModule({
-  pluginId: CONFIG_PLUGIN.id,
-  name: 'categories',
-  routes: [],
-  modules: [postsModule], // [!code ++]
-});
-```
-
-This creates a beautiful structure: `/api/{plugin_id}/categories/posts/*`
-
-  </Step>
-  <Step>
-
-### Craft Routes
+## Usage
 
 Now for the fun part - creating actual endpoints! Each route is a small but mighty function that handles HTTP requests.
 
@@ -96,29 +49,7 @@ export const getCategoriesRoute = buildRoute({
 });
 ```
 
-  </Step>
-  <Step>
-
-### Connect Everything
-
-The final step is connecting your modules to your plugin's API configuration. It's like plugging in the last cable!
-
-```ts title="plugins/blog/src/config.api.ts"
-import { buildApiPlugin } from '@vitnode/core/api/lib/plugin';
-
-import { CONFIG_PLUGIN } from '@/config';
-
-import { categoriesModule } from './api/modules/categories/categories.module'; // [!code ++]
-
-export const blogApiPlugin = () => {
-  return buildApiPlugin({
-    ...CONFIG_PLUGIN,
-    modules: [categoriesModule], // [!code ++]
-  });
-};
-```
-
-Don't forget to add your routes to the module:
+### Connecting Routes to Modules
 
 ```ts title="plugins/blog/src/api/modules/categories/categories.module.ts"
 import { buildModule } from '@vitnode/core/api/lib/module';
@@ -133,10 +64,7 @@ export const categoriesModule = buildModule({
 });
 ```
 
-  </Step>
-</Steps>
-
-## Working with Parameters
+## Inputs
 
 ### Path Parameters
 

apps/docs/content/docs/dev/captcha/overview.mdx

@@ -156,7 +156,7 @@ export const mutationApi = async ({
   captchaToken, // [!code ++]
   ...input
   // [!code ++]
-}: z.infer<typeof zodSignUpSchema> & { captchaToken }) => {
+}: z.infer<typeof zodSignUpSchema> & { captchaToken: string }) => {
   const res = await fetcher(usersModule, {
     path: '/sign_up',
     method: 'post',

apps/docs/content/docs/dev/email/components/button.mdx

@@ -13,11 +13,11 @@ import buttonPreviewImg from './button-preview.png';
 ## Usage
 
 ```ts
-import { Button } from '@vitnode/core/emails/ui/button';
+import { EmailButton } from '@vitnode/core/emails/ui/button';
 ```
 
 ```tsx
-<Button href="https://vitnode.com/">Default</Button>
+<EmailButton href="https://vitnode.com/">Default</EmailButton>
 ```
 
 ## Props

apps/docs/content/docs/dev/email/components/card.mdx

@@ -14,29 +14,29 @@ import cardPreviewImg from './card-preview.png';
 
 ```tsx
 import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardFooter,
-  CardHeader,
-  CardTitle,
+  EmailCard,
+  EmailCardContent,
+  EmailCardDescription,
+  EmailCardFooter,
+  EmailCardHeader,
+  EmailCardTitle,
 } from '@vitnode/core/emails/ui/card';
 import { Text } from '@react-email/components';
 ```
 
 ```tsx
-<Card>
-  <CardHeader>
-    <CardTitle>Card Title</CardTitle>
-    <CardDescription>Card Description</CardDescription>
+<EmailCard>
+  <EmailCardHeader>
+    <EmailCardTitle>Card Title</EmailCardTitle>
+    <EmailCardDescription>Card Description</EmailCardDescription>
   </CardHeader>
-  <CardContent>
+  <EmailCardContent>
     <Text className="m-0">
       This is the content of the card. You can put any content here.
     </Text>
-  </CardContent>
-  <CardFooter>
+  </EmailCardContent>
+  <EmailCardFooter>
     <Text className="m-0">Footer</Text>
-  </CardFooter>
-</Card>
+  </EmailCardFooter>
+</EmailCard>
 ```