nuxt-users 1.32.0 → 1.34.0

package/CHANGELOG.md

@@ -1,6 +1,50 @@
 # Changelog
 
 
+## v1.34.0
+
+[compare changes](https://github.com/rrd108/nuxt-users/compare/v1.33.0...v1.34.0)
+
+### 🚀 Enhancements
+
+- Add email confirmation component ([9df6a76](https://github.com/rrd108/nuxt-users/commit/9df6a76))
+
+### 🩹 Fixes
+
+- Register date issue with MySQL ([28a5c00](https://github.com/rrd108/nuxt-users/commit/28a5c00))
+
+### 🏡 Chore
+
+- **release:** V1.33.0 ([df1b1a5](https://github.com/rrd108/nuxt-users/commit/df1b1a5))
+
+### ❤️ Contributors
+
+- Rrd108 ([@rrd108](https://github.com/rrd108))
+
+## v1.33.0
+
+[compare changes](https://github.com/rrd108/nuxt-users/compare/v1.32.0...v1.33.0)
+
+### 🚀 Enhancements
+
+- Extends NUsersList component with function filters ([be9a730](https://github.com/rrd108/nuxt-users/commit/be9a730))
+
+### 🩹 Fixes
+
+- Register date issue with MySQL ([28a5c00](https://github.com/rrd108/nuxt-users/commit/28a5c00))
+
+### 💅 Refactors
+
+- Remove unused code ([cbff5a0](https://github.com/rrd108/nuxt-users/commit/cbff5a0))
+
+### 🏡 Chore
+
+- **release:** V1.32.0 ([7021fb7](https://github.com/rrd108/nuxt-users/commit/7021fb7))
+
+### ❤️ Contributors
+
+- Rrd108 ([@rrd108](https://github.com/rrd108))
+
 ## v1.32.0
 
 [compare changes](https://github.com/rrd108/nuxt-users/compare/v1.31.2...v1.32.0)

package/dist/module.d.mts

@@ -1,5 +1,5 @@
 import * as _nuxt_schema from '@nuxt/schema';
-import { R as RuntimeModuleOptions, M as ModuleOptions } from './shared/nuxt-users.CFq7zOql.mjs';
+import { R as RuntimeModuleOptions, M as ModuleOptions } from './shared/nuxt-users.BOm7L39P.mjs';
 export * from '../dist/runtime/server/internal/index.js';
 
 declare const defaultOptions: ModuleOptions;

package/dist/module.d.ts

@@ -1,5 +1,5 @@
 import * as _nuxt_schema from '@nuxt/schema';
-import { R as RuntimeModuleOptions, M as ModuleOptions } from './shared/nuxt-users.CFq7zOql.js';
+import { R as RuntimeModuleOptions, M as ModuleOptions } from './shared/nuxt-users.BOm7L39P.js';
 export * from '../dist/runtime/server/internal/index.js';
 
 declare const defaultOptions: ModuleOptions;

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "nuxt-users",
   "configKey": "nuxtUsers",
-  "version": "1.32.0",
+  "version": "1.34.0",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.0"

package/dist/module.mjs

@@ -32,6 +32,7 @@ const defaultOptions = {
     }
   },
   passwordResetUrl: "/reset-password",
+  emailConfirmationUrl: "/email-confirmation",
   auth: {
     whitelist: [],
     tokenExpiration: 24 * 60,

package/dist/runtime/components/NUsersEmailConfirmation.vue

@@ -0,0 +1,152 @@
+<script setup>
+import { computed } from "vue";
+import { useRoute } from "#app";
+const route = useRoute();
+const status = computed(() => route.query.status);
+const message = computed(() => route.query.message);
+const isSuccess = computed(() => status.value === "success");
+const isError = computed(() => status.value === "error");
+const _props = defineProps({
+  successTitle: { type: String, required: false, default: "Email Confirmed!" },
+  errorTitle: { type: String, required: false, default: "Confirmation Failed" },
+  loginButtonText: { type: String, required: false, default: "Continue to Login" },
+  loginUrl: { type: String, required: false, default: "/login" },
+  showLoginButton: { type: Boolean, required: false, default: true }
+});
+</script>
+
+<template>
+  <div class="n-users-section">
+    <div class="n-users-card">
+      <!-- Success state -->
+      <div
+        v-if="isSuccess"
+        class="n-users-confirmation-content"
+      >
+        <slot name="success-icon">
+          <div class="n-users-confirmation-icon n-users-confirmation-success">
+            <svg
+              viewBox="0 0 24 24"
+              fill="none"
+              stroke="currentColor"
+              stroke-width="2"
+            >
+              <path d="m9 12 2 2 4-4" />
+              <circle
+                cx="12"
+                cy="12"
+                r="10"
+              />
+            </svg>
+          </div>
+        </slot>
+
+        <div class="n-users-section-header">
+          <slot name="success-content">
+            <h1 class="n-users-login-title">
+              {{ successTitle }}
+            </h1>
+            <div class="n-users-success-message">
+              {{ message || "Your email has been confirmed and your account is now active." }}
+            </div>
+          </slot>
+        </div>
+
+        <slot name="success-actions">
+          <div
+            v-if="showLoginButton"
+            class="n-users-form-actions"
+          >
+            <a
+              :href="loginUrl"
+              class="n-users-btn n-users-btn-primary"
+            >
+              {{ loginButtonText }}
+            </a>
+          </div>
+        </slot>
+      </div>
+
+      <!-- Error state -->
+      <div
+        v-else-if="isError"
+        class="n-users-confirmation-content"
+      >
+        <slot name="error-icon">
+          <div class="n-users-confirmation-icon n-users-confirmation-error">
+            <svg
+              viewBox="0 0 24 24"
+              fill="none"
+              stroke="currentColor"
+              stroke-width="2"
+            >
+              <circle
+                cx="12"
+                cy="12"
+                r="10"
+              />
+              <line
+                x1="15"
+                y1="9"
+                x2="9"
+                y2="15"
+              />
+              <line
+                x1="9"
+                y1="9"
+                x2="15"
+                y2="15"
+              />
+            </svg>
+          </div>
+        </slot>
+
+        <div class="n-users-section-header">
+          <slot name="error-content">
+            <h1 class="n-users-login-title">
+              {{ errorTitle }}
+            </h1>
+            <div class="n-users-error-message">
+              {{ message || "The confirmation link is invalid or has expired. Please try registering again or contact support." }}
+            </div>
+          </slot>
+        </div>
+
+        <slot name="error-actions">
+          <div class="n-users-form-actions">
+            <a
+              :href="loginUrl"
+              class="n-users-btn n-users-btn-secondary"
+            >
+              Back to Login
+            </a>
+          </div>
+        </slot>
+      </div>
+
+      <!-- Loading/unknown state -->
+      <div
+        v-else
+        class="n-users-confirmation-content"
+      >
+        <slot name="loading-content">
+          <div class="n-users-confirmation-icon">
+            <div class="n-users-loading-spinner n-users-confirmation-spinner" />
+          </div>
+          <div class="n-users-section-header">
+            <h1 class="n-users-login-title">
+              Processing...
+            </h1>
+            <div class="n-users-form-help">
+              Please wait while we process your email confirmation.
+            </div>
+          </div>
+        </slot>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.n-users-confirmation-content{padding:2rem;text-align:center}.n-users-confirmation-icon{align-items:center;border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 2rem;width:80px}.n-users-confirmation-icon svg{height:40px;width:40px}.n-users-confirmation-success{background-color:var(--nu-color-success-light);color:var(--nu-color-success)}.n-users-confirmation-error{background-color:var(--nu-color-error-light);color:var(--nu-color-error)}.n-users-confirmation-spinner{border-color:var(--nu-color-primary);border-top-color:transparent;border-width:4px;height:40px;width:40px}@media (max-width:640px){.n-users-confirmation-content{padding:1.5rem}.n-users-confirmation-icon{height:60px;margin-bottom:1.5rem;width:60px}.n-users-confirmation-icon svg{height:30px;width:30px}}
+</style>

package/dist/runtime/components/NUsersEmailConfirmation.vue.d.ts

@@ -0,0 +1,37 @@
+interface Props {
+    successTitle?: string;
+    errorTitle?: string;
+    loginButtonText?: string;
+    loginUrl?: string;
+    showLoginButton?: boolean;
+}
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {}, __VLS_9: {}, __VLS_11: {}, __VLS_13: {};
+type __VLS_Slots = {} & {
+    'success-icon'?: (props: typeof __VLS_1) => any;
+} & {
+    'success-content'?: (props: typeof __VLS_3) => any;
+} & {
+    'success-actions'?: (props: typeof __VLS_5) => any;
+} & {
+    'error-icon'?: (props: typeof __VLS_7) => any;
+} & {
+    'error-content'?: (props: typeof __VLS_9) => any;
+} & {
+    'error-actions'?: (props: typeof __VLS_11) => any;
+} & {
+    'loading-content'?: (props: typeof __VLS_13) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<Props, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    successTitle: string;
+    errorTitle: string;
+    loginButtonText: string;
+    loginUrl: string;
+    showLoginButton: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/NUsersLoginForm.vue.d.ts

@@ -26,15 +26,15 @@ type __VLS_Slots = {} & {
     'error-message'?: (props: typeof __VLS_15) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<Props, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    success: (user: UserWithoutPassword) => any;
     error: (error: string) => any;
     submit: (data: LoginFormData) => any;
-    success: (user: UserWithoutPassword) => any;
     "forgot-password-error": (error: string) => any;
     "forgot-password-success": () => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onSuccess?: ((user: UserWithoutPassword) => any) | undefined;
     onError?: ((error: string) => any) | undefined;
     onSubmit?: ((data: LoginFormData) => any) | undefined;
-    onSuccess?: ((user: UserWithoutPassword) => any) | undefined;
     "onForgot-password-error"?: ((error: string) => any) | undefined;
     "onForgot-password-success"?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/NUsersLogoutLink.vue.d.ts

@@ -16,13 +16,13 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<LogoutLinkProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    success: () => any;
     error: (error: string) => any;
     click: () => any;
-    success: () => any;
 }, string, import("vue").PublicProps, Readonly<LogoutLinkProps> & Readonly<{
+    onSuccess?: (() => any) | undefined;
     onError?: ((error: string) => any) | undefined;
     onClick?: (() => any) | undefined;
-    onSuccess?: (() => any) | undefined;
 }>, {
     redirectTo: string;
     linkText: string;

package/dist/runtime/components/NUsersRegisterForm.vue.d.ts

@@ -37,19 +37,19 @@ type __VLS_Slots = {} & {
     'error-message'?: (props: typeof __VLS_24) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<Props, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    error: (error: string) => any;
-    submit: (data: RegistrationFormData) => any;
     success: (data: {
         user: Omit<UserWithoutPassword, "active">;
         message: string;
     }) => any;
+    error: (error: string) => any;
+    submit: (data: RegistrationFormData) => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
-    onError?: ((error: string) => any) | undefined;
-    onSubmit?: ((data: RegistrationFormData) => any) | undefined;
     onSuccess?: ((data: {
         user: Omit<UserWithoutPassword, "active">;
         message: string;
     }) => any) | undefined;
+    onError?: ((error: string) => any) | undefined;
+    onSubmit?: ((data: RegistrationFormData) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/runtime/components/NUsersResetPasswordForm.vue.d.ts

@@ -4,13 +4,13 @@ interface Props {
     redirectTo?: string;
 }
 declare const _default: import("vue").DefineComponent<Props, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    error: (error: string) => any;
     success: (user: UserWithoutPassword) => any;
+    error: (error: string) => any;
     "password-error": (error: string) => any;
     "password-updated": () => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
-    onError?: ((error: string) => any) | undefined;
     onSuccess?: ((user: UserWithoutPassword) => any) | undefined;
+    onError?: ((error: string) => any) | undefined;
     "onPassword-error"?: ((error: string) => any) | undefined;
     "onPassword-updated"?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/composables/usePasswordValidation.d.ts

@@ -25,7 +25,7 @@ export declare const usePasswordValidation: (moduleOptions?: RuntimeModuleOption
     isValid: import("vue").ComputedRef<boolean>;
     errors: import("vue").ComputedRef<string[]>;
     hints: import("vue").ComputedRef<string[]>;
-    strength: import("vue").ComputedRef<"weak" | "medium" | "strong">;
+    strength: import("vue").ComputedRef<"strong" | "weak" | "medium">;
     score: import("vue").ComputedRef<number>;
     strengthColor: import("vue").ComputedRef<string>;
     strengthText: import("vue").ComputedRef<string>;

package/dist/runtime/server/api/nuxt-users/confirm-email.get.d.ts

@@ -1,5 +1,2 @@
-declare const _default: import("h3").EventHandler<import("h3").EventHandlerRequest, Promise<{
-    success: boolean;
-    message: string;
-}>>;
+declare const _default: import("h3").EventHandler<import("h3").EventHandlerRequest, Promise<void>>;
 export default _default;

package/dist/runtime/server/api/nuxt-users/confirm-email.get.js

@@ -1,4 +1,4 @@
-import { createError, defineEventHandler, getQuery } from "h3";
+import { defineEventHandler, getQuery, sendRedirect } from "h3";
 import { useRuntimeConfig } from "#imports";
 import { confirmUserEmail } from "../../services/registration.js";
 export default defineEventHandler(async (event) => {
@@ -7,36 +7,36 @@ export default defineEventHandler(async (event) => {
     const options = nuxtUsers;
     const query = getQuery(event);
     if (!query.token || !query.email) {
-      throw createError({
-        statusCode: 400,
-        statusMessage: "Token and email are required"
-      });
+      const redirectUrl = new URL(options.emailConfirmationUrl, "http://localhost");
+      redirectUrl.searchParams.set("status", "error");
+      redirectUrl.searchParams.set("message", "Token and email are required");
+      return sendRedirect(event, redirectUrl.pathname + redirectUrl.search, 302);
     }
     const token = String(query.token);
     const email = String(query.email);
     const success = await confirmUserEmail(token, email, options);
     if (success) {
-      return {
-        success: true,
-        message: "Email confirmed successfully! Your account is now active. You can now log in."
-      };
+      const redirectUrl = new URL(options.emailConfirmationUrl, "http://localhost");
+      redirectUrl.searchParams.set("status", "success");
+      redirectUrl.searchParams.set("message", "Email confirmed successfully! Your account is now active. You can now log in.");
+      return sendRedirect(event, redirectUrl.pathname + redirectUrl.search, 302);
     } else {
-      throw createError({
-        statusCode: 400,
-        statusMessage: "Invalid or expired confirmation token"
-      });
+      const redirectUrl = new URL(options.emailConfirmationUrl, "http://localhost");
+      redirectUrl.searchParams.set("status", "error");
+      redirectUrl.searchParams.set("message", "Invalid or expired confirmation token");
+      return sendRedirect(event, redirectUrl.pathname + redirectUrl.search, 302);
     }
   } catch (error) {
     console.error("[Nuxt Users] Email confirmation error:", error);
+    const { nuxtUsers } = useRuntimeConfig();
+    const options = nuxtUsers;
+    const redirectUrl = new URL(options.emailConfirmationUrl, "http://localhost");
+    redirectUrl.searchParams.set("status", "error");
     if (error instanceof Error) {
-      throw createError({
-        statusCode: 400,
-        statusMessage: error.message
-      });
+      redirectUrl.searchParams.set("message", error.message);
+    } else {
+      redirectUrl.searchParams.set("message", "Email confirmation failed");
     }
-    throw createError({
-      statusCode: 500,
-      statusMessage: "Email confirmation failed"
-    });
+    return sendRedirect(event, redirectUrl.pathname + redirectUrl.search, 302);
   }
 });

package/dist/runtime/server/services/registration.js

@@ -147,7 +147,8 @@ export const confirmUserEmail = async (token, email, options) => {
   }
   const now = /* @__PURE__ */ new Date();
   const currentTimeString = now.toISOString().slice(0, 19).replace("T", " ");
-  const [datePart, timePart] = validTokenRecord.created_at.split(/[ T]/);
+  const createdAtString = validTokenRecord.created_at instanceof Date ? validTokenRecord.created_at.toISOString().slice(0, 19).replace("T", " ") : String(validTokenRecord.created_at);
+  const [datePart, timePart] = createdAtString.split(/[ T]/);
   const [year, month, day] = datePart.split("-").map(Number);
   const [hour, minute, second] = timePart.split(":").map(Number);
   let expirationHour = hour + TOKEN_EXPIRATION_HOURS;

package/dist/shared/{nuxt-users.CFq7zOql.d.mts → nuxt-users.BOm7L39P.d.mts}

@@ -38,6 +38,12 @@ interface RuntimeModuleOptions {
      * @default '/reset-password'
      */
     passwordResetUrl?: string;
+    /**
+     * URL to redirect to after email confirmation (success or failure)
+     * Query parameters will be added: ?status=success|error&message=...
+     * @default '/login'
+     */
+    emailConfirmationUrl?: string;
     /**
      * Skip database checks during module setup to prevent hanging
      * @default false
@@ -122,6 +128,7 @@ interface ModuleOptions {
     };
     mailer?: MailerOptions;
     passwordResetUrl: string;
+    emailConfirmationUrl: string;
     auth: {
         whitelist: string[];
         tokenExpiration: number;

package/dist/shared/{nuxt-users.CFq7zOql.d.ts → nuxt-users.BOm7L39P.d.ts}

@@ -38,6 +38,12 @@ interface RuntimeModuleOptions {
      * @default '/reset-password'
      */
     passwordResetUrl?: string;
+    /**
+     * URL to redirect to after email confirmation (success or failure)
+     * Query parameters will be added: ?status=success|error&message=...
+     * @default '/login'
+     */
+    emailConfirmationUrl?: string;
     /**
      * Skip database checks during module setup to prevent hanging
      * @default false
@@ -122,6 +128,7 @@ interface ModuleOptions {
     };
     mailer?: MailerOptions;
     passwordResetUrl: string;
+    emailConfirmationUrl: string;
     auth: {
         whitelist: string[];
         tokenExpiration: number;

package/dist/utils.d.mts

@@ -1,4 +1,4 @@
-export { g as DatabaseConfig, f as DatabaseType, D as DisplayFieldsProps, L as LoginFormData, c as LoginFormProps, M as ModuleOptions, b as PasswordResetToken, e as Permission, P as PersonalAccessToken, d as ResetPasswordFormProps, R as RuntimeModuleOptions, U as User, a as UserWithoutPassword, h as defaultDisplayFields, i as defaultFieldLabels } from './shared/nuxt-users.CFq7zOql.mjs';
+export { g as DatabaseConfig, f as DatabaseType, D as DisplayFieldsProps, L as LoginFormData, c as LoginFormProps, M as ModuleOptions, b as PasswordResetToken, e as Permission, P as PersonalAccessToken, d as ResetPasswordFormProps, R as RuntimeModuleOptions, U as User, a as UserWithoutPassword, h as defaultDisplayFields, i as defaultFieldLabels } from './shared/nuxt-users.BOm7L39P.mjs';
 
 interface PasswordValidationResult {
     isValid: boolean;

package/dist/utils.d.ts

@@ -1,4 +1,4 @@
-export { g as DatabaseConfig, f as DatabaseType, D as DisplayFieldsProps, L as LoginFormData, c as LoginFormProps, M as ModuleOptions, b as PasswordResetToken, e as Permission, P as PersonalAccessToken, d as ResetPasswordFormProps, R as RuntimeModuleOptions, U as User, a as UserWithoutPassword, h as defaultDisplayFields, i as defaultFieldLabels } from './shared/nuxt-users.CFq7zOql.js';
+export { g as DatabaseConfig, f as DatabaseType, D as DisplayFieldsProps, L as LoginFormData, c as LoginFormProps, M as ModuleOptions, b as PasswordResetToken, e as Permission, P as PersonalAccessToken, d as ResetPasswordFormProps, R as RuntimeModuleOptions, U as User, a as UserWithoutPassword, h as defaultDisplayFields, i as defaultFieldLabels } from './shared/nuxt-users.BOm7L39P.js';
 
 interface PasswordValidationResult {
     isValid: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxt-users",
-  "version": "1.32.0",
+  "version": "1.34.0",
   "description": "A comprehensive user management module for Nuxt 3 and Nuxt 4 applications with authentication, authorization, database support, and CLI tools",
   "keywords": [
     "nuxt",

package/scripts/deploy-docs.sh

@@ -1,7 +1,7 @@
 #!/bin/bash
 
 # Configuration
-SERVER_HOST="35.198.93.8"
+SERVER_HOST="34.159.83.210"
 SERVER_USER="sravanam"
 REMOTE_DOCS_PATH="/var/www/nuxt-users.webmania.cc"
 LOCAL_BUILD_PATH="docs/.vitepress/dist"