nuxt-users 1.29.1 → 1.30.0

package/CHANGELOG.md

@@ -1,6 +1,36 @@
 # Changelog
 
 
+## v1.30.0
+
+[compare changes](https://github.com/rrd108/nuxt-users/compare/v1.29.1...v1.30.0)
+
+### 🚀 Enhancements
+
+- Extends NUsersList with customizable user actions ([1ea4f61](https://github.com/rrd108/nuxt-users/commit/1ea4f61))
+- Adds filtering functionality to user list ([c3d25a9](https://github.com/rrd108/nuxt-users/commit/c3d25a9))
+
+### 🩹 Fixes
+
+- Add missing endpoint ([a0a371c](https://github.com/rrd108/nuxt-users/commit/a0a371c))
+- Auto whitelist /me endpoint ([5453da9](https://github.com/rrd108/nuxt-users/commit/5453da9))
+- Check peer dependencies on install ([9e6d596](https://github.com/rrd108/nuxt-users/commit/9e6d596))
+- Missing connector.options closes #96 ([#96](https://github.com/rrd108/nuxt-users/issues/96))
+- Using user provided properties ([07dd6a2](https://github.com/rrd108/nuxt-users/commit/07dd6a2))
+
+### 🏡 Chore
+
+- **release:** V1.29.1 ([b8f72c2](https://github.com/rrd108/nuxt-users/commit/b8f72c2))
+- Change console.logs ([7918808](https://github.com/rrd108/nuxt-users/commit/7918808))
+
+### ✅ Tests
+
+- Add integration tests runner ([e6cfbfb](https://github.com/rrd108/nuxt-users/commit/e6cfbfb))
+
+### ❤️ Contributors
+
+- Rrd108 ([@rrd108](https://github.com/rrd108))
+
 ## v1.29.1
 
 [compare changes](https://github.com/rrd108/nuxt-users/compare/v1.29.0...v1.29.1)

package/dist/module.json

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

package/dist/module.mjs

@@ -61,19 +61,12 @@ const module = defineNuxtModule({
     const runtimeConfigOptions = defu(options, nuxt.options.runtimeConfig.nuxtUsers || {}, defaultOptions);
     nuxt.options.runtimeConfig.nuxtUsers = {
       ...runtimeConfigOptions,
-      apiBasePath: options.apiBasePath || defaultOptions.apiBasePath,
-      passwordResetUrl: options.passwordResetUrl || defaultOptions.passwordResetUrl,
-      tables: {
-        migrations: options.tables?.migrations || defaultOptions.tables.migrations,
-        users: options.tables?.users || defaultOptions.tables.users,
-        personalAccessTokens: options.tables?.personalAccessTokens || defaultOptions.tables.personalAccessTokens,
-        passwordResetTokens: options.tables?.passwordResetTokens || defaultOptions.tables.passwordResetTokens
-      },
       auth: {
+        ...runtimeConfigOptions.auth,
         whitelist: (() => {
-          const combinedWhitelist = [...defaultOptions.auth?.whitelist || [], ...options.auth?.whitelist || []];
+          const combinedWhitelist = [...defaultOptions.auth?.whitelist || [], ...runtimeConfigOptions.auth?.whitelist || []];
           if (combinedWhitelist.includes("/register")) {
-            const apiBasePath = options.apiBasePath || defaultOptions.apiBasePath;
+            const apiBasePath = runtimeConfigOptions.apiBasePath || defaultOptions.apiBasePath;
             const registrationEndpoints = [
               "/confirm-email",
               // Page route for email confirmation
@@ -89,27 +82,17 @@ const module = defineNuxtModule({
             });
           }
           return combinedWhitelist;
-        })(),
-        tokenExpiration: options.auth?.tokenExpiration || defaultOptions.auth.tokenExpiration,
-        permissions: options.auth?.permissions || defaultOptions.auth.permissions
-      },
-      hardDelete: options.hardDelete ?? defaultOptions.hardDelete
+        })()
+      }
     };
     nuxt.options.runtimeConfig.public = nuxt.options.runtimeConfig.public || {};
     nuxt.options.runtimeConfig.public.nuxtUsers = {
-      passwordValidation: {
-        minLength: options.passwordValidation?.minLength || defaultOptions.passwordValidation.minLength,
-        requireUppercase: options.passwordValidation?.requireUppercase ?? defaultOptions.passwordValidation.requireUppercase,
-        requireLowercase: options.passwordValidation?.requireLowercase ?? defaultOptions.passwordValidation.requireLowercase,
-        requireNumbers: options.passwordValidation?.requireNumbers ?? defaultOptions.passwordValidation.requireNumbers,
-        requireSpecialChars: options.passwordValidation?.requireSpecialChars ?? defaultOptions.passwordValidation.requireSpecialChars,
-        preventCommonPasswords: options.passwordValidation?.preventCommonPasswords ?? defaultOptions.passwordValidation.preventCommonPasswords
-      },
+      passwordValidation: runtimeConfigOptions.passwordValidation,
       auth: {
         whitelist: (() => {
-          const combinedWhitelist = [...defaultOptions.auth?.whitelist || [], ...options.auth?.whitelist || []];
+          const combinedWhitelist = [...defaultOptions.auth?.whitelist || [], ...runtimeConfigOptions.auth?.whitelist || []];
           if (combinedWhitelist.includes("/register")) {
-            const apiBasePath = options.apiBasePath || defaultOptions.apiBasePath;
+            const apiBasePath = runtimeConfigOptions.apiBasePath || defaultOptions.apiBasePath;
             const registrationEndpoints = [
               "/confirm-email",
               // Page route for email confirmation
@@ -126,9 +109,9 @@ const module = defineNuxtModule({
           }
           return combinedWhitelist;
         })(),
-        permissions: options.auth?.permissions || defaultOptions.auth.permissions
+        permissions: runtimeConfigOptions.auth?.permissions || defaultOptions.auth.permissions
       },
-      apiBasePath: options.apiBasePath || defaultOptions.apiBasePath
+      apiBasePath: runtimeConfigOptions.apiBasePath || defaultOptions.apiBasePath
     };
     addPlugin({
       src: resolver.resolve("./runtime/plugin"),
@@ -221,9 +204,10 @@ const module = defineNuxtModule({
       nitroConfig.experimental.database = true;
       nitroConfig.database = nitroConfig.database || {};
       if (!nitroConfig.database.default) {
-        const connectorOptions = { ...runtimeConfigOptions.connector.options };
+        const finalConnectorConfig = nuxt.options.runtimeConfig.nuxtUsers;
+        const connectorOptions = { ...finalConnectorConfig.connector.options };
         let nitroConnector;
-        switch (runtimeConfigOptions.connector.name) {
+        switch (finalConnectorConfig.connector.name) {
           case "sqlite":
             nitroConnector = "better-sqlite3";
             break;

package/dist/runtime/components/NUsersList.vue

@@ -2,19 +2,37 @@
 import { onMounted, computed, ref } from "vue";
 import { useUsers } from "../composables/useUsers";
 import { defaultDisplayFields, defaultFieldLabels } from "nuxt-users/utils";
-defineProps({
+const props = defineProps({
   displayFields: { type: Array, required: false, default: () => defaultDisplayFields },
-  fieldLabels: { type: Object, required: false, default: () => defaultFieldLabels }
+  fieldLabels: { type: Object, required: false, default: () => defaultFieldLabels },
+  filter: { type: Object, required: false, default: () => ({}) }
 });
 const emit = defineEmits(["editClick", "delete"]);
 const usersComposable = ref(null);
-const users = computed(() => usersComposable.value?.users ?? []);
+const allUsers = computed(() => usersComposable.value?.users ?? []);
 const pagination = computed(() => usersComposable.value?.pagination ?? null);
 const loading = computed(() => usersComposable.value?.loading ?? false);
 const error = computed(() => usersComposable.value?.error ?? null);
+const users = computed(() => {
+  if (!props.filter || Object.keys(props.filter).length === 0) {
+    return allUsers.value;
+  }
+  return allUsers.value.filter((user) => {
+    return Object.entries(props.filter).every(([key, value]) => {
+      if (value === void 0 || value === null || value === "") {
+        return true;
+      }
+      const userValue = user[key];
+      if (typeof value === "string" && typeof userValue === "string") {
+        return userValue.toLowerCase().includes(value.toLowerCase());
+      }
+      return userValue === value;
+    });
+  });
+});
 onMounted(async () => {
   usersComposable.value = useUsers();
-  if (users.value.length === 0) {
+  if (allUsers.value.length === 0) {
     usersComposable.value?.fetchUsers();
   }
 });
@@ -78,6 +96,8 @@ const handleFetchUsers = (page, limit) => {
               name="user"
               :user="user"
               :index="index"
+              :edit-user="() => $emit('editClick', user)"
+              :delete-user="() => handleDelete(user)"
             >
               <NUsersUserCard
                 :user="user"
@@ -86,7 +106,40 @@ const handleFetchUsers = (page, limit) => {
                 :field-labels="fieldLabels"
                 @edit-click="$emit('editClick', user)"
                 @delete="handleDelete(user)"
-              />
+              >
+                <template #editButton="{ canEdit, editUser: editUserFn, user: userData }">
+                  <slot
+                    name="editButton"
+                    :can-edit="canEdit"
+                    :edit-user="editUserFn"
+                    :user="userData"
+                  >
+                    <button
+                      v-if="canEdit"
+                      class="n-users-edit-btn"
+                      @click="editUserFn"
+                    >
+                      Edit
+                    </button>
+                  </slot>
+                </template>
+                <template #deleteButton="{ canDelete, deleteUser: deleteUserFn, user: userData }">
+                  <slot
+                    name="deleteButton"
+                    :can-delete="canDelete"
+                    :delete-user="deleteUserFn"
+                    :user="userData"
+                  >
+                    <button
+                      v-if="canDelete"
+                      class="n-users-delete-btn"
+                      @click="deleteUserFn"
+                    >
+                      Delete
+                    </button>
+                  </slot>
+                </template>
+              </NUsersUserCard>
             </slot>
           </li>
         </TransitionGroup>

package/dist/runtime/components/NUsersUserCard.vue

@@ -75,24 +75,34 @@ const deleteUser = async (user) => {
     <div
       class="n-users-user-card-actions"
     >
-      <button
-        v-if="canEdit"
-        class="n-users-edit-btn"
-        @click="editUser(user)"
+      <slot
+        name="editButton"
+        :can-edit="canEdit"
+        :edit-user="() => editUser(user)"
+        :user="user"
       >
-        <slot name="editButton">
+        <button
+          v-if="canEdit"
+          class="n-users-edit-btn"
+          @click="editUser(user)"
+        >
           Edit
-        </slot>
-      </button>
-      <button
-        v-if="canDelete"
-        class="n-users-delete-btn"
-        @click="deleteUser(user)"
+        </button>
+      </slot>
+      <slot
+        name="deleteButton"
+        :can-delete="canDelete"
+        :delete-user="() => deleteUser(user)"
+        :user="user"
       >
-        <slot name="deleteButton">
+        <button
+          v-if="canDelete"
+          class="n-users-delete-btn"
+          @click="deleteUser(user)"
+        >
           Delete
-        </slot>
-      </button>
+        </button>
+      </slot>
     </div>
   </slot>
 </template>

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

@@ -8,7 +8,15 @@ interface Props {
 declare var __VLS_1: {
     user: User;
     index: number;
-}, __VLS_3: {}, __VLS_5: {};
+}, __VLS_3: {
+    canEdit: any;
+    editUser: () => Promise<void>;
+    user: User;
+}, __VLS_5: {
+    canDelete: any;
+    deleteUser: () => Promise<void>;
+    user: User;
+};
 type __VLS_Slots = {} & {
     userCard?: (props: typeof __VLS_1) => any;
 } & {

package/dist/runtime/server/middleware/authorization.server.js

@@ -16,7 +16,7 @@ export default defineEventHandler(async (event) => {
     noAuthPaths.push(options.passwordResetUrl);
   }
   if (noAuthPaths.includes(event.path)) {
-    console.log(`[Nuxt Users] server.middleware.auth.global: NO_AUTH_PATH: ${event.path}`);
+    console.debug(`[Nuxt Users] authorization: NO_AUTH_PATH: ${event.path}`);
     return;
   }
   const openApiPaths = NO_AUTH_API_PATHS.map((path) => `${base}${path}`);
@@ -24,42 +24,42 @@ export default defineEventHandler(async (event) => {
     return;
   }
   if (isWhitelisted(event.path, options.auth.whitelist)) {
-    console.log(`[Nuxt Users] server.middleware.auth.global: whitelisted: ${event.path}`);
+    console.debug(`[Nuxt Users] authorization: whitelisted: ${event.path}`);
     return;
   }
   const token = getCookie(event, "auth_token");
   if (!token) {
     if (event.path.startsWith("/api/")) {
-      console.log(`[Nuxt Users] server.middleware.auth.global: ${event.path} No token found - API request rejected`);
+      console.warn(`[Nuxt Users] authorization: ${event.path} No token found - API request rejected`);
       throw createError({ statusCode: 401, statusMessage: "Unauthorized" });
     } else {
-      console.log(`[Nuxt Users] server.middleware.auth.global: ${event.path} No token found - letting client handle page redirect`);
+      console.debug(`[Nuxt Users] authorization: ${event.path} No token found - letting client handle page redirect`);
       return;
     }
   }
   const user = await getCurrentUserFromToken(token, options);
   if (!user) {
     if (event.path.startsWith("/api/")) {
-      console.log(`[Nuxt Users] server.middleware.auth.global: ${event.path} Invalid token - API request rejected`);
+      console.warn(`[Nuxt Users] authorization: ${event.path} Invalid token - API request rejected`);
       throw createError({ statusCode: 401, statusMessage: "Unauthorized" });
     } else {
-      console.log(`[Nuxt Users] server.middleware.auth.global: ${event.path} Invalid token - letting client handle page redirect`);
+      console.debug(`[Nuxt Users] authorization: ${event.path} Invalid token - letting client handle page redirect`);
       return;
     }
   }
   if (event.path === `${base}/me`) {
-    console.log(`[Nuxt Users] server.middleware.auth.global: Auto-whitelisted /me endpoint for authenticated user ${user.id}`);
+    console.debug(`[Nuxt Users] authorization: Auto-whitelisted /me endpoint for authenticated user ${user.id}`);
     return;
   }
   if (!hasPermission(user.role, event.path, event.method, options.auth.permissions)) {
     if (event.path.startsWith("/api/")) {
-      console.log(`[Nuxt Users] server.middleware.auth.global: ${event.path} User ${user.id} with role ${user.role} denied access - API request rejected`);
+      console.warn(`[Nuxt Users] authorization: ${event.path} User ${user.id} with role ${user.role} denied access - API request rejected`);
       throw createError({ statusCode: 403, statusMessage: "Forbidden" });
     } else {
-      console.log(`[Nuxt Users] server.middleware.auth.global: ${event.path} User ${user.id} with role ${user.role} denied access - letting client handle page redirect`);
+      console.debug(`[Nuxt Users] authorization: ${event.path} User ${user.id} with role ${user.role} denied access - letting client handle page redirect`);
       return;
     }
   }
-  console.log(`[Nuxt Users] server.middleware.auth.global: Authenticated request to ${event.path} for ${user.id} with role ${user.role}`);
+  console.debug(`[Nuxt Users] authorization: Authenticated request to ${event.path} for ${user.id} with role ${user.role}`);
   return;
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxt-users",
-  "version": "1.29.1",
+  "version": "1.30.0",
   "description": "A comprehensive user management module for Nuxt 3 and Nuxt 4 applications with authentication, authorization, database support, and CLI tools",
   "keywords": [
     "nuxt",
@@ -54,7 +54,7 @@
   },
   "scripts": {
     "prepack": "nuxt-module-build build && node scripts/post-build.js",
-    "postinstall": "node -e \"try { require('fs').chmodSync('./dist/cli.mjs', '755') } catch(e) {}\"",
+    "postinstall": "node -e \"try { require('fs').chmodSync('./dist/cli.mjs', '755') } catch(e) {}\" && node scripts/check-peer-dependencies.js",
     "predev": "node -v | grep -q 'v22' || (echo 'Please use Node.js v22 for development' && exit 1)",
     "dev": "yarn dev:prepare && nuxi dev playground",
     "dev:build": "nuxi build playground",