nuxt-users 1.6.4 → 1.6.6

package/dist/runtime/components/ProfileForm.vue

@@ -1,240 +0,0 @@
-<script setup>
-import { ref, onMounted, watch } from "vue";
-import { usePasswordValidation } from "../composables/usePasswordValidation";
-import { useRuntimeConfig } from "#imports";
-import PasswordStrengthIndicator from "./PasswordStrengthIndicator.vue";
-const props = defineProps({
-  apiEndpoint: { type: String, required: false, default: "/api/profile" },
-  updatePasswordEndpoint: { type: String, required: false, default: "/api/update-password" }
-});
-const emit = defineEmits(["success", "error", "password-error", "password-updated"]);
-const isLoading = ref(false);
-const isPasswordLoading = ref(false);
-const error = ref("");
-const passwordError = ref("");
-const passwordSuccess = ref("");
-const user = ref(null);
-const passwordForm = ref({
-  currentPassword: "",
-  newPassword: "",
-  newPasswordConfirmation: ""
-});
-const { public: { nuxtUsers } } = useRuntimeConfig();
-const moduleOptions = nuxtUsers;
-const passwordValidation = usePasswordValidation(moduleOptions);
-watch(() => passwordForm.value.newPassword, (newPassword) => {
-  if (newPassword) {
-    passwordValidation.validate(newPassword);
-  } else {
-    passwordValidation.clearValidation();
-  }
-});
-const loadProfile = async () => {
-  isLoading.value = true;
-  error.value = "";
-  try {
-    const response = await $fetch(props.apiEndpoint, {
-      method: "GET"
-    });
-    user.value = response.user;
-    emit("success", response.user);
-  } catch (err) {
-    const errorMessage = err && typeof err === "object" && "data" in err && err.data && typeof err.data === "object" && "statusMessage" in err.data ? String(err.data.statusMessage) : err instanceof Error ? err.message : "Failed to load profile";
-    error.value = errorMessage;
-    emit("error", errorMessage);
-  } finally {
-    isLoading.value = false;
-  }
-};
-const updatePassword = async () => {
-  isPasswordLoading.value = true;
-  passwordError.value = "";
-  passwordSuccess.value = "";
-  try {
-    await $fetch(props.updatePasswordEndpoint, {
-      method: "POST",
-      body: passwordForm.value
-    });
-    passwordSuccess.value = "Password updated successfully";
-    emit("password-updated");
-    passwordForm.value = {
-      currentPassword: "",
-      newPassword: "",
-      newPasswordConfirmation: ""
-    };
-  } catch (err) {
-    const errorMessage = err && typeof err === "object" && "data" in err && err.data && typeof err.data === "object" && "statusMessage" in err.data ? String(err.data.statusMessage) : err instanceof Error ? err.message : "Failed to update password";
-    passwordError.value = errorMessage;
-    emit("password-error", errorMessage);
-  } finally {
-    isPasswordLoading.value = false;
-  }
-};
-const formatDate = (dateString) => {
-  return new Date(dateString).toLocaleDateString("en-US", {
-    year: "numeric",
-    month: "long",
-    day: "numeric",
-    hour: "2-digit",
-    minute: "2-digit"
-  });
-};
-onMounted(() => {
-  loadProfile();
-});
-</script>
-
-<template>
-  <div class="profile-form">
-    <!-- Profile Information Section -->
-    <div class="profile-section">
-      <h2 class="section-title">
-        Profile Information
-      </h2>
-
-      <div
-        v-if="isLoading"
-        class="loading"
-      >
-        Loading profile...
-      </div>
-
-      <div
-        v-else-if="error"
-        class="error-message"
-      >
-        {{ error }}
-      </div>
-
-      <div
-        v-else-if="user"
-        class="profile-info"
-      >
-        <div class="info-row">
-          <label class="info-label">Name:</label>
-          <span class="info-value">{{ user.name }}</span>
-        </div>
-
-        <div class="info-row">
-          <label class="info-label">Email:</label>
-          <span class="info-value">{{ user.email }}</span>
-        </div>
-
-        <div class="info-row">
-          <label class="info-label">Role:</label>
-          <span class="info-value">{{ user.role }}</span>
-        </div>
-
-        <div class="info-row">
-          <label class="info-label">Member since:</label>
-          <span class="info-value">{{ formatDate(user.created_at) }}</span>
-        </div>
-
-        <div class="info-row">
-          <label class="info-label">Last updated:</label>
-          <span class="info-value">{{ formatDate(user.updated_at) }}</span>
-        </div>
-      </div>
-    </div>
-
-    <!-- Change Password Section -->
-    <div class="password-section">
-      <h2 class="section-title">
-        Change Password
-      </h2>
-
-      <form
-        class="password-form"
-        @submit.prevent="updatePassword"
-      >
-        <div class="form-group">
-          <label
-            for="currentPassword"
-            class="form-label"
-          >Current Password</label>
-          <input
-            id="currentPassword"
-            v-model="passwordForm.currentPassword"
-            type="password"
-            class="form-input"
-            required
-            :disabled="isPasswordLoading"
-          >
-        </div>
-
-        <div class="form-group">
-          <label
-            for="newPassword"
-            class="form-label"
-          >New Password</label>
-          <input
-            id="newPassword"
-            v-model="passwordForm.newPassword"
-            type="password"
-            class="form-input"
-            required
-            :minlength="moduleOptions.passwordValidation?.minLength || 8"
-            :class="{ error: passwordValidation.errors.value.length > 0 && passwordForm.newPassword }"
-            :disabled="isPasswordLoading"
-          >
-
-          <PasswordStrengthIndicator
-            :password="passwordForm.newPassword"
-            :validation-result="passwordValidation.validationResult.value"
-          />
-
-          <!-- Password requirements -->
-          <small class="form-help">
-            Password must contain at least {{ moduleOptions.passwordValidation?.minLength || 8 }} characters
-            <span v-if="moduleOptions.passwordValidation?.requireUppercase">, including uppercase letters</span>
-            <span v-if="moduleOptions.passwordValidation?.requireLowercase">, lowercase letters</span>
-            <span v-if="moduleOptions.passwordValidation?.requireNumbers">, numbers</span>
-            <span v-if="moduleOptions.passwordValidation?.requireSpecialChars">, and special characters</span>.
-          </small>
-        </div>
-
-        <div class="form-group">
-          <label
-            for="newPasswordConfirmation"
-            class="form-label"
-          >Confirm New Password</label>
-          <input
-            id="newPasswordConfirmation"
-            v-model="passwordForm.newPasswordConfirmation"
-            type="password"
-            class="form-input"
-            required
-            :disabled="isPasswordLoading"
-          >
-        </div>
-
-        <div
-          v-if="passwordError"
-          class="error-message"
-        >
-          {{ passwordError }}
-        </div>
-
-        <div
-          v-if="passwordSuccess"
-          class="success-message"
-        >
-          {{ passwordSuccess }}
-        </div>
-
-        <button
-          type="submit"
-          class="btn btn-primary"
-          :disabled="isPasswordLoading"
-        >
-          <span v-if="isPasswordLoading">Updating...</span>
-          <span v-else>Update Password</span>
-        </button>
-      </form>
-    </div>
-  </div>
-</template>
-
-<style scoped>
-.profile-form{margin:0 auto;max-width:600px;padding:20px}.password-section,.profile-section{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:24px;padding:24px}.section-title{border-bottom:2px solid #e2e8f0;color:#1a202c;font-size:1.5rem;font-weight:600;margin:0 0 20px;padding-bottom:12px}.loading{color:#718096;font-style:italic;text-align:center}.profile-info{display:flex;flex-direction:column;gap:16px}.info-row{align-items:center;border-bottom:1px solid #f7fafc;display:flex;padding:12px 0}.info-row:last-child{border-bottom:none}.info-label{color:#4a5568;font-weight:600;margin-right:16px;min-width:120px}.info-value{color:#2d3748;flex:1}.password-form{gap:20px}.form-group,.password-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-label{color:#4a5568;font-size:.875rem;font-weight:500}.form-input{border:1px solid #e2e8f0;border-radius:6px;font-size:1rem;padding:12px 16px;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:#4299e1;box-shadow:0 0 0 3px rgba(66,153,225,.1);outline:none}.form-input:disabled{background-color:#f7fafc;cursor:not-allowed}.form-help{color:#718096;font-size:.75rem;margin-top:4px}.btn{align-self:flex-start;border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:background-color .2s,transform .1s}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-primary{background-color:#4299e1;color:#fff}.btn-primary:hover:not(:disabled){background-color:#3182ce;transform:translateY(-1px)}.error-message{background-color:#fed7d7;border:1px solid #feb2b2;border-radius:6px;color:#e53e3e;font-size:.875rem;padding:12px}.success-message{background-color:#f0fff4;border:1px solid #9ae6b4;border-radius:6px;color:#38a169;font-size:.875rem;padding:12px}
-</style>

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

@@ -1,20 +0,0 @@
-import type { UserWithoutPassword } from '../../types.js';
-interface ProfileFormProps {
-    apiEndpoint?: string;
-    updatePasswordEndpoint?: string;
-}
-declare const _default: import("vue").DefineComponent<ProfileFormProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    error: (error: string) => any;
-    success: (user: UserWithoutPassword) => any;
-    "password-error": (error: string) => any;
-    "password-updated": () => any;
-}, string, import("vue").PublicProps, Readonly<ProfileFormProps> & Readonly<{
-    onError?: ((error: string) => any) | undefined;
-    onSuccess?: ((user: UserWithoutPassword) => any) | undefined;
-    "onPassword-error"?: ((error: string) => any) | undefined;
-    "onPassword-updated"?: (() => any) | undefined;
-}>, {
-    apiEndpoint: string;
-    updatePasswordEndpoint: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/runtime/server/api/profile.get.d.ts

@@ -1,11 +0,0 @@
-declare const _default: import("h3").EventHandler<import("h3").EventHandlerRequest, Promise<{
-    user: {
-        id: number;
-        email: string;
-        name: string;
-        role: string;
-        created_at: string;
-        updated_at: string;
-    };
-}>>;
-export default _default;