feat: add SMTP settings component with email testing functionality

- Implemented SMTP settings form in SmtpSettings.vue with validation and connection testing.
- Registered SMTP settings component in settings index.
- Added connection testing logic for SMTP in useConnectionTest.ts.
- Updated i18n translations for SMTP settings and email testing.
- Enhanced user experience with alerts and validation messages in the SMTP settings form.
- Refactored user login and registration views for cleaner code.
- Improved category deletion confirmation dialog in CategoryTableColumns.vue.
- Updated styles in index.css for better UI consistency.

Author: Lasim

services/backend/api-spec.json

@@ -28,7 +28,6 @@ CREATE TABLE `authUser` (
 	FOREIGN KEY (`role_id`) REFERENCES `roles`(`id`) ON UPDATE no action ON DELETE no action
 );
 --> statement-breakpoint
-CREATE UNIQUE INDEX `authUser_username_unique` ON `authUser` (`username`);--> statement-breakpoint
 CREATE UNIQUE INDEX `authUser_email_unique` ON `authUser` (`email`);--> statement-breakpoint
 CREATE UNIQUE INDEX `authUser_github_id_unique` ON `authUser` (`github_id`);--> statement-breakpoint
 CREATE TABLE `emailVerificationTokens` (

services/backend/api-spec.yaml

@@ -28,7 +28,7 @@ export const roles = sqliteTable('roles', {
 
 export const authUser = sqliteTable('authUser', {
   id: text('id').primaryKey(),
-  username: text('username').notNull().unique(),
+  username: text('username').notNull(),
   email: text('email').notNull().unique(),
   auth_type: text('auth_type').notNull(),
   first_name: text('first_name'),

services/backend/drizzle/migrations_sqlite/0000_brave_maddog.sql

@@ -17,8 +17,8 @@ export async function sendWelcomeEmailExample(logger: FastifyBaseLogger) {
       to: '[email protected]',
       userName: 'John Doe',
       userEmail: '[email protected]',
-      loginUrl: 'https://app.deploystack.com/login',
-      supportEmail: 'support@deploystack.com'
+      loginUrl: 'https://app.deploystack.io/login',
+      supportEmail: 'support@deploystack.io'
     }, logger);
 
     if (result.success) {
@@ -53,9 +53,9 @@ export async function sendPasswordResetExample(logger: FastifyBaseLogger) {
     const result = await EmailService.sendPasswordResetEmail({
       to: '[email protected]',
       userName: 'Jane Smith',
-      resetUrl: 'https://app.deploystack.com/reset-password?token=abc123xyz',
+      resetUrl: 'https://app.deploystack.io/reset-password?token=abc123xyz',
       expirationTime: '24 hours',
-      supportEmail: 'support@deploystack.com'
+      supportEmail: 'support@deploystack.io'
     }, logger);
 
     if (result.success) {
@@ -91,7 +91,7 @@ export async function sendNotificationExample(logger: FastifyBaseLogger) {
       to: '[email protected]',
       title: 'Deployment Complete',
       message: 'Your application "my-awesome-app" has been successfully deployed to production.',
-      actionUrl: 'https://app.deploystack.com/deployments/123',
+      actionUrl: 'https://app.deploystack.io/deployments/123',
       actionText: 'View Deployment Details',
       userName: 'Developer'
     }, logger);
@@ -133,7 +133,7 @@ export async function sendCustomEmailExample(logger: FastifyBaseLogger) {
       variables: {
         title: 'Monthly Report Available',
         message: 'Your monthly deployment report is ready. Please find the detailed report attached.',
-        actionUrl: 'https://app.deploystack.com/reports',
+        actionUrl: 'https://app.deploystack.io/reports',
         actionText: 'View Online Report'
       },
       attachments: [
@@ -247,13 +247,13 @@ export async function listAndValidateTemplatesExample(logger: FastifyBaseLogger)
           sampleVariables = {
             userName: 'Test User',
             userEmail: '[email protected]',
-            loginUrl: 'https://app.deploystack.com/login'
+            loginUrl: 'https://app.deploystack.io/login'
           };
           break;
         case 'password-reset':
           sampleVariables = {
             userName: 'Test User',
-            resetUrl: 'https://app.deploystack.com/reset',
+            resetUrl: 'https://app.deploystack.io/reset',
             expirationTime: '24 hours'
           };
           break;
@@ -319,7 +319,7 @@ export async function userRegistrationIntegrationExample(userData: {
       userName: userData.name,
       userEmail: userData.email,
       loginUrl: `${process.env.FRONTEND_URL || 'http://localhost:5173'}/login`,
-      supportEmail: 'support@deploystack.com'
+      supportEmail: 'support@deploystack.io'
     }, logger);
 
     if (emailResult.success) {

services/backend/src/db/schema.sqlite.ts

@@ -17,14 +17,6 @@ export const globalSettings: GlobalSettingsModule = {
       encrypted: false,
       required: false
     },
-    {
-      key: 'global.send_mail',
-      defaultValue: false,
-      type: 'boolean',
-      description: 'Enable or disable email sending functionality',
-      encrypted: false,
-      required: false
-    },
     {
       key: 'global.enable_login',
       defaultValue: true,

services/backend/src/email/example.ts

@@ -622,7 +622,7 @@ export class GlobalSettingsInitService {
     try {
       const settings = await Promise.all([
         GlobalSettingsService.get('global.page_url'),
-        GlobalSettingsService.get('global.send_mail'),
+        GlobalSettingsService.get('smtp.enabled'),
         GlobalSettingsService.get('global.enable_login'),
         GlobalSettingsService.get('global.enable_email_registration')
       ]);
@@ -645,7 +645,7 @@ export class GlobalSettingsInitService {
    */
   static async isEmailSendingEnabled(): Promise<boolean> {
     try {
-      const setting = await GlobalSettingsService.get('global.send_mail');
+      const setting = await GlobalSettingsService.get('smtp.enabled');
       return setting?.value === 'true';
     } catch {
       return false; // Default to disabled if there's an error

services/backend/src/global-settings/global.ts

@@ -9,6 +9,14 @@ export const smtpSettings: GlobalSettingsModule = {
     sort_order: 1
   },
   settings: [
+    {
+      key: 'smtp.enabled',
+      defaultValue: false,
+      type: 'boolean',
+      description: 'Enable or disable email sending functionality',
+      encrypted: false,
+      required: false
+    },
     {
       key: 'smtp.host',
       defaultValue: '',

services/backend/src/global-settings/index.ts

@@ -7,6 +7,23 @@ import { ROLE_DEFINITIONS } from '../permissions/index';
 // FastifyRequest already has user: User | null from authHook
 // We'll use the existing type
 
+/**
+ * Basic authentication middleware - just checks if user is logged in
+ */
+export function requireAuthentication() {
+  return async (request: FastifyRequest, reply: FastifyReply) => {
+    // Check if user is authenticated
+    if (!request.user) {
+      const errorResponse = {
+        success: false,
+        error: 'Authentication required'
+      };
+      const jsonString = JSON.stringify(errorResponse);
+      return reply.status(401).type('application/json').send(jsonString);
+    }
+  };
+}
+
 /**
  * Middleware to check if user has required permission
  */

services/backend/src/global-settings/smtp.ts

@@ -136,7 +136,7 @@ export default async function adminEmailTestRoute(server: FastifyInstance) {
         to: email,
         adminUser: adminUserName,
         appUrl,
-        supportEmail: 'support@deploystack.com'
+        supportEmail: 'support@deploystack.io'
       }, request.log);
 
       if (result.success) {