@frigear-nu/account 0.0.0-stage → 0.0.1

package/README.md

@@ -1,3 +1,71 @@
-# Temporary Holding Version
+# @frigear-nu/account
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+A module for the account area (profile, email, password, security) in the main frigear app. Migrated from
+[`nuxt-frigear-nu`](https://github.com/Frigear-nu/nuxt-frigear-nu)'s `app/pages/account/**`.
+
+## Features
+
+- 👤 Update your profile details (name, avatar).
+- ✉️ Change your email address.
+- 🔒 Change your password.
+- 🔑 Manage passkeys (via `@frigear-nu/users`' `useUserPasskeys`, when WebAuthn is enabled there).
+- 🧩 Overridable composable (`useAccount`) and opt-in profile/security pages (built with [`@nuxt/ui`](https://ui.nuxt.com)).
+- 🗂️ Contributes "Profile"/"Security" tiles to `@frigear-nu/menu` (when installed), and an opt-in dashboard page
+  listing them.
+
+This module reuses `@frigear-nu/users`' session/password utilities instead of registering its own `users` database
+table or duplicating auth logic - it only adds the account-management routes that didn't already exist there.
+
+## Quick Setup
+
+Install the module to your Nuxt application with one command:
+
+```bash
+npx nuxt module add @frigear-nu/account
+```
+
+This module requires [`@frigear-nu/users`](../users) to be installed in the host app, since it updates the same
+`users` database table and reuses its session helpers (`mapUserToSession`, `hashPassword`/`verifyPassword`).
+
+## Configuration
+
+Configure the module via the `account` key in `nuxt.config.ts`:
+
+```ts
+export default defineNuxtConfig({
+  modules: [
+    '@nuxthub/core',
+    '@frigear-nu/users',
+    '@frigear-nu/menu', // optional - enables the dashboard tiles/page
+    '@frigear-nu/account',
+  ],
+  account: {
+    settings: {
+      pages: {
+        profile: true, // or a custom path, e.g. '/me'
+        security: true,
+        // Only registered when `@frigear-nu/menu` is also installed.
+        index: true,
+      },
+    },
+  },
+})
+```
+
+## API routes
+
+- `POST /api/account/profile` - updates `name`/`avatar`.
+- `POST /api/account/change-email` - updates `email` (rejects if already taken by another user).
+- `POST /api/account/change-password` - verifies `currentPassword` and updates to `newPassword`.
+
+All three require an authenticated session and re-map the updated user into it.
+
+## Composable
+
+```ts
+const { updateProfileDetails, changeEmailAddress, changePassword, pending, error } = useAccount()
+
+await updateProfileDetails({ name: 'Ada Lovelace' })
+await changeEmailAddress({ email: 'ada@example.com' })
+await changePassword({ currentPassword: 'old', newPassword: 'new-password', confirmNewPassword: 'new-password' })
+```

package/dist/module.d.mts

@@ -0,0 +1,31 @@
+import * as _nuxt_schema from '@nuxt/schema';
+
+type PublicModuleOptions = {
+    pages: {
+        index?: string;
+        profile?: string;
+        security?: string;
+    };
+};
+type ModuleOptions = {
+    settings?: {
+        pages?: {
+            index?: string | boolean;
+            profile?: string | boolean;
+            security?: string | boolean;
+        };
+    };
+};
+
+declare module 'nuxt/schema' {
+    interface NuxtConfig {
+        account?: ModuleOptions;
+    }
+    interface PublicRuntimeConfig {
+        account?: PublicModuleOptions;
+    }
+}
+declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
+
+export { _default as default };
+export type { ModuleOptions, PublicModuleOptions };

package/dist/module.json

@@ -0,0 +1,9 @@
+{
+  "name": "@frigear-nu/account",
+  "configKey": "account",
+  "version": "0.0.1",
+  "builder": {
+    "@nuxt/module-builder": "1.0.3",
+    "unbuild": "unknown"
+  }
+}

package/dist/module.mjs

@@ -0,0 +1,88 @@
+import { defineNuxtModule, createResolver, hasNuxtModule, addServerHandler, addImports, extendPages, addComponentsDir } from '@nuxt/kit';
+import { registerModule, registerLocales, extendDatabaseTable } from '@frigear-nu/module-kit/utils';
+
+function resolvePagePath(setting, defaultPath) {
+  if (typeof setting === "string") return setting;
+  if (setting === true) return defaultPath;
+  return void 0;
+}
+const module$1 = defineNuxtModule({
+  meta: { name: "@frigear-nu/account", configKey: "account" },
+  defaults: {
+    settings: { pages: {} }
+  },
+  moduleDependencies: {
+    "@nuxthub/core": {
+      version: ">=0.10"
+    },
+    "@frigear-nu/module-kit": {
+      version: ">=0.0.1"
+    },
+    "@frigear-nu/users": {
+      version: ">=0.0.1"
+    },
+    "@frigear-nu/menu": {
+      version: ">=0.0.1",
+      optional: true
+    }
+  },
+  async setup(options, nuxt) {
+    registerModule("@frigear-nu/account", nuxt);
+    const resolver = createResolver(import.meta.url);
+    registerLocales(nuxt, resolver.resolve("./runtime/i18n/lang"));
+    const settings = options.settings ?? {};
+    const withMenus = hasNuxtModule("@frigear-nu/menu");
+    addServerHandler({
+      route: "/api/account/profile",
+      method: "post",
+      handler: resolver.resolve("./runtime/server/routes/account/profile.post")
+    });
+    addServerHandler({
+      route: "/api/account/change-email",
+      method: "post",
+      handler: resolver.resolve("./runtime/server/routes/account/change-email.post")
+    });
+    addServerHandler({
+      route: "/api/account/change-password",
+      method: "post",
+      handler: resolver.resolve("./runtime/server/routes/account/change-password.post")
+    });
+    addImports([{ name: "useAccount", from: resolver.resolve("./runtime/app/composables/useAccount") }]);
+    const profilePath = resolvePagePath(settings.pages?.profile, "/account/profile");
+    const securityPath = resolvePagePath(settings.pages?.security, "/account/security");
+    const indexPath = withMenus ? resolvePagePath(settings.pages?.index, "/account") : void 0;
+    if (!withMenus && settings.pages?.index) {
+      console.warn("[@frigear-nu/account] `settings.pages.index` was set, but `@frigear-nu/menu` is not installed - skipping the dashboard page.");
+    }
+    nuxt.options.runtimeConfig.public.account = {
+      pages: { index: indexPath, profile: profilePath, security: securityPath }
+    };
+    if (indexPath || profilePath || securityPath) {
+      extendPages((pages) => {
+        const existingPaths = new Set(pages.map((page) => page.path));
+        if (indexPath && !existingPaths.has(indexPath)) {
+          pages.push({ name: "account-index", path: indexPath, file: resolver.resolve("./runtime/app/pages/index.vue") });
+        }
+        if (profilePath && !existingPaths.has(profilePath)) {
+          pages.push({ name: "account-profile", path: profilePath, file: resolver.resolve("./runtime/app/pages/profile.vue") });
+        }
+        if (securityPath && !existingPaths.has(securityPath)) {
+          pages.push({ name: "account-security", path: securityPath, file: resolver.resolve("./runtime/app/pages/security.vue") });
+        }
+      });
+    }
+    if (withMenus) {
+      const { registerMenuSource } = await import('@frigear-nu/menu/utils');
+      registerMenuSource(nuxt, { file: resolver.resolve("./runtime/menus"), menu: "dashboard.account" });
+    }
+    addComponentsDir({
+      path: resolver.resolve("./runtime/app/components")
+    });
+    extendDatabaseTable(nuxt, {
+      resolver,
+      file: (dialect) => `./runtime/server/db/schema.${dialect}`
+    });
+  }
+});
+
+export { module$1 as default };

package/dist/runtime/app/components/Account/AccountMenu.d.vue.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/components/Account/AccountMenu.vue

@@ -0,0 +1,64 @@
+<script setup>
+import { computedAsync } from "@vueuse/core";
+const { user } = useUserSession();
+const { data: dropdownItems } = useMenu("account.dropdown");
+const getFirstLetter = (name) => {
+  return String(typeof name === "string" ? name.charAt(0)?.toUpperCase() : name);
+};
+const items = computedAsync(async () => {
+  const items2 = [];
+  if (user.value) {
+    items2.push([
+      {
+        type: "label",
+        label: `${user.value.email || user.value.name || user.value.id}`,
+        avatar: {
+          text: getFirstLetter(user.value.email || user.value.name || user.value.id)
+        },
+        slot: "label"
+      }
+    ]);
+  }
+  items2.push(dropdownItems.value?.map((item) => ({
+    label: item.label,
+    to: item.to,
+    icon: item.icon,
+    external: item.external,
+    replace: item.external
+  })) || []);
+  return items2;
+});
+</script>
+
+<template>
+  <UDropdownMenu
+    :items="items"
+    :content="{ align: 'start' }"
+    :ui="{ content: 'w-48' }"
+  >
+    <template #default>
+      <UButton
+        aria-label="Account Menu"
+        color="neutral"
+        variant="ghost"
+        icon="i-lucide-user"
+      />
+    </template>
+    <template #label="bindItem">
+      <LazyUUser
+        v-bind="bindItem.item"
+      >
+        <template #name>
+          <!--          <UBadge -->
+          <!--            v-if="user && !userHasRole(user, 'user')" -->
+          <!--            size="xs" -->
+          <!--            variant="subtle" -->
+          <!--          > -->
+          <!--            {{ upperFirst(user.role) }} -->
+          <!--          </UBadge> -->
+          <div>{{ bindItem.item?.label }}</div>
+        </template>
+      </LazyUUser>
+    </template>
+  </UDropdownMenu>
+</template>

package/dist/runtime/app/components/Account/AccountMenu.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/composables/index.d.ts

@@ -0,0 +1 @@
+export { useAccount } from './useAccount.js';

package/dist/runtime/app/composables/index.js

@@ -0,0 +1 @@
+export { useAccount } from "./useAccount.js";

package/dist/runtime/app/composables/useAccount.d.ts

@@ -0,0 +1,16 @@
+export declare const useAccount: () => {
+    updateProfileDetails: (payload: {
+        name: string;
+        avatar?: string;
+    }) => Promise<unknown>;
+    changeEmailAddress: (payload: {
+        email: string;
+    }) => Promise<unknown>;
+    changePassword: (payload: {
+        currentPassword: string;
+        newPassword: string;
+        confirmNewPassword: string;
+    }) => Promise<unknown>;
+    pending: any;
+    error: any;
+};

package/dist/runtime/app/composables/useAccount.js

@@ -0,0 +1,37 @@
+export const useAccount = () => {
+  const pending = ref(false);
+  const error = ref(null);
+  async function withRequest(request, fallbackMessage) {
+    pending.value = true;
+    error.value = null;
+    try {
+      const result = await request();
+      await useUserSession().fetch();
+      return result;
+    } catch (err) {
+      error.value = err instanceof Error ? err.message : fallbackMessage;
+      throw err;
+    } finally {
+      pending.value = false;
+    }
+  }
+  function updateProfileDetails(payload) {
+    return withRequest(
+      () => $fetch("/api/account/profile", { method: "POST", body: payload }),
+      "Failed to update your profile."
+    );
+  }
+  function changeEmailAddress(payload) {
+    return withRequest(
+      () => $fetch("/api/account/change-email", { method: "POST", body: payload }),
+      "Failed to change your email address."
+    );
+  }
+  function changePassword(payload) {
+    return withRequest(
+      () => $fetch("/api/account/change-password", { method: "POST", body: payload }),
+      "Failed to change your password."
+    );
+  }
+  return { updateProfileDetails, changeEmailAddress, changePassword, pending, error };
+};

package/dist/runtime/app/pages/index.d.vue.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/pages/index.vue

@@ -0,0 +1,24 @@
+<script setup>
+defineOptions({ name: "AccountIndexPage" });
+const { data: tiles } = useMenu("account");
+</script>
+
+<template>
+  <UContainer>
+    <UPage>
+      <UPageBody>
+        <UPageGrid>
+          <UPageCard
+            v-for="tile in tiles"
+            :key="tile.id"
+            :title="tile.label"
+            :description="tile.description"
+            :icon="tile.icon"
+            :to="tile.to"
+            orientation="horizontal"
+          />
+        </UPageGrid>
+      </UPageBody>
+    </UPage>
+  </UContainer>
+</template>

package/dist/runtime/app/pages/index.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/pages/profile.d.vue.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/pages/profile.vue

@@ -0,0 +1,76 @@
+<script setup>
+defineOptions({ name: "AccountProfilePage" });
+const t = useModuleT("account.profile");
+const { user } = useUserSession();
+const { updateProfileDetails, changeEmailAddress, pending, error } = useAccount();
+const name = ref(user.value?.name ?? "");
+const avatar = ref(user.value?.avatar ?? void 0);
+const email = ref(user.value?.email ?? "");
+watch(user, (newUser) => {
+  if (!newUser) return;
+  name.value = newUser.name;
+  avatar.value = newUser.avatar;
+  email.value = newUser.email;
+});
+async function onSubmitProfile() {
+  await updateProfileDetails({ name: name.value, avatar: avatar.value });
+}
+async function onSubmitEmail() {
+  await changeEmailAddress({ email: email.value });
+}
+</script>
+
+<template>
+  <UContainer>
+    <UPage>
+      <UPageBody>
+        <UPageCard :title="t('title', 'Profile')">
+          <UFormField
+            :label="t('name.label', 'Name')"
+            name="name"
+          >
+            <UInput v-model="name" />
+          </UFormField>
+          <UFormField
+            :label="t('avatar.url', 'Avatar URL')"
+            name="avatar"
+          >
+            <UInput v-model="avatar" />
+          </UFormField>
+          <UButton
+            class="mt-4"
+            :loading="pending"
+            :label="t('save', 'Save')"
+            @click="onSubmitProfile"
+          />
+        </UPageCard>
+        <UPageCard
+          class="mt-4"
+          :title="t('email.label', 'Email address')"
+        >
+          <UFormField
+            :label="t('email.label', 'Email')"
+            name="email"
+          >
+            <UInput
+              v-model="email"
+              type="email"
+            />
+          </UFormField>
+          <UButton
+            class="mt-4"
+            :loading="pending"
+            :label="t('email.change.title', 'Change email')"
+            @click="onSubmitEmail"
+          />
+        </UPageCard>
+        <UAlert
+          v-if="error"
+          class="mt-4"
+          color="error"
+          :title="error"
+        />
+      </UPageBody>
+    </UPage>
+  </UContainer>
+</template>

package/dist/runtime/app/pages/profile.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/pages/security.d.vue.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/pages/security.vue

@@ -0,0 +1,91 @@
+<script setup>
+defineOptions({ name: "AccountSecurityPage" });
+const t = useModuleT("account.security");
+const { user } = useUserSession();
+const { changePassword, pending, error } = useAccount();
+const webAuthnEnabled = useRuntimeConfig().public.users?.webAuthn === true;
+const passkeys = webAuthnEnabled ? useUserPasskeys() : void 0;
+const currentPassword = ref("");
+const newPassword = ref("");
+const confirmNewPassword = ref("");
+const passkeyPending = ref(false);
+async function onSubmitPassword() {
+  await changePassword({
+    currentPassword: currentPassword.value,
+    newPassword: newPassword.value,
+    confirmNewPassword: confirmNewPassword.value
+  });
+  currentPassword.value = "";
+  newPassword.value = "";
+  confirmNewPassword.value = "";
+}
+async function onRegisterPasskey() {
+  passkeyPending.value = true;
+  try {
+    await passkeys?.registerPasskey(user.value?.email ?? "");
+  } finally {
+    passkeyPending.value = false;
+  }
+}
+</script>
+
+<template>
+  <UContainer>
+    <UPage>
+      <UPageBody>
+        <UPageCard :title="t('changePassword.title', 'Change password')">
+          <UFormField
+            :label="t('changePassword.current.label', 'Current password')"
+            name="currentPassword"
+          >
+            <UInput
+              v-model="currentPassword"
+              type="password"
+            />
+          </UFormField>
+          <UFormField
+            :label="t('changePassword.new.label', 'New password')"
+            name="newPassword"
+          >
+            <UInput
+              v-model="newPassword"
+              type="password"
+            />
+          </UFormField>
+          <UFormField
+            :label="t('changePassword.confirm.label', 'Confirm new password')"
+            name="confirmNewPassword"
+          >
+            <UInput
+              v-model="confirmNewPassword"
+              type="password"
+            />
+          </UFormField>
+          <UButton
+            class="mt-4"
+            :loading="pending"
+            :label="t('changePassword.submit', 'Change password')"
+            @click="onSubmitPassword"
+          />
+        </UPageCard>
+        <UPageCard
+          v-if="passkeys?.isEnabled.value"
+          class="mt-4"
+          :title="t('passkeys.title', 'Passkeys')"
+        >
+          <UButton
+            :loading="passkeyPending"
+            :label="t('passkeys.register', 'Register a passkey')"
+            @click="onRegisterPasskey"
+          />
+        </UPageCard>
+        <UAlert
+          v-if="error"
+          class="mt-4"
+          color="error"
+          :title="error"
+        />
+      </UPageBody>
+    </UPage>
+  </UContainer>
+</template>

package/dist/runtime/app/pages/security.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/i18n/lang/da.json

@@ -0,0 +1,64 @@
+{
+  "account": {
+    "title": "Konto",
+    "menu": {
+      "label": "Konto Menu"
+    },
+    "identificationCode": {
+      "title": "Frigear ID",
+      "description": "Tryk her for at vise dit ID."
+    },
+    "profile": {
+      "title": "Profil",
+      "description": "Skift dine brugeroplysninger.",
+      "name": {
+        "label": "Navn",
+        "description": "Dit fulde navn."
+      },
+      "email": {
+        "label": "E-mail",
+        "description": "Din awesome e-mail.",
+        "change": {
+          "title": "Skift din e-mail",
+          "label": "Ny e-mail"
+        }
+      },
+      "avatar": {
+        "label": "Avatar",
+        "description": "JPG, GIF eller PNG. 1MB Max.",
+        "url": "Avatar URL"
+      },
+      "save": "Gem profil"
+    },
+    "documents": {
+      "title": "Dokumenter",
+      "description": "Dine dokumenter.",
+      "download": "Download"
+    },
+    "security": {
+      "title": "Sikkerhed",
+      "description": "Skift password, Social login etc.",
+      "password": {
+        "title": "Password",
+        "description": "Skift dit password."
+      },
+      "changePassword": {
+        "title": "Skift password",
+        "submit": "Skift password",
+        "new": {
+          "label": "Nyt password"
+        },
+        "confirm": {
+          "label": "Bekræft nyt password"
+        },
+        "current": {
+          "label": "Nuværende password"
+        }
+      },
+      "passkeys": {
+        "title": "Passkeys",
+        "register": "Registrér en passkey"
+      }
+    }
+  }
+}

package/dist/runtime/i18n/lang/en.json

@@ -0,0 +1,64 @@
+{
+  "account": {
+    "title": "Account",
+    "menu": {
+      "label": "Dashboard Menu"
+    },
+    "identificationCode": {
+      "title": "Frigear ID",
+      "description": "Press here to show your ID."
+    },
+    "profile": {
+      "title": "Profile",
+      "description": "Change your information.",
+      "name": {
+        "label": "Name",
+        "description": "Your full name."
+      },
+      "email": {
+        "label": "E-mail",
+        "description": "Your awesome E-mail.",
+        "change": {
+          "title": "Change e-mail",
+          "label": "New e-mail"
+        }
+      },
+      "avatar": {
+        "label": "Avatar",
+        "description": "JPG, GIF or PNG. 1MB Max.",
+        "url": "Avatar URL"
+      },
+      "save": "Save profile"
+    },
+    "documents": {
+      "title": "Documents",
+      "description": "Your documents.",
+      "download": "Download"
+    },
+    "security": {
+      "title": "Security",
+      "description": "Change password, Social login etc.",
+      "password": {
+        "title": "Password",
+        "description": "Change your password."
+      },
+      "changePassword": {
+        "title": "Change password",
+        "submit": "Change password",
+        "new": {
+          "label": "New password"
+        },
+        "confirm": {
+          "label": "Confirm new password"
+        },
+        "current": {
+          "label": "Current password"
+        }
+      },
+      "passkeys": {
+        "title": "Passkeys",
+        "register": "Register a passkey"
+      }
+    }
+  }
+}

package/dist/runtime/menus.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("@frigear-nu/menu/types").MenuSource;
+export default _default;

package/dist/runtime/menus.js

@@ -0,0 +1,36 @@
+import { defineMenuItem, defineMenuSource, extendMenuItem } from "@frigear-nu/menu/utils";
+export default defineMenuSource(() => {
+  const config = useRuntimeConfig().public.account;
+  if (config?.pages?.index) {
+    extendMenuItem("account.dropdown", {
+      id: "account",
+      label: "Account",
+      description: "Your account.",
+      icon: "i-lucide-layout-dashboard",
+      to: config.pages.index,
+      order: -99
+    });
+  }
+  if (config?.pages?.profile) {
+    const profileItem = defineMenuItem({
+      id: "profile",
+      label: "Profile",
+      description: "Manage your profile details and email address.",
+      icon: "i-lucide-user-round-pen",
+      to: config.pages.profile,
+      order: 10
+    });
+    extendMenuItem("account", profileItem);
+    extendMenuItem("account.dropdown", profileItem);
+  }
+  if (config?.pages?.security) {
+    extendMenuItem("account", {
+      id: "security",
+      label: "Security",
+      description: "Change your password and manage passkeys.",
+      icon: "i-lucide-shield-user",
+      to: config.pages.security,
+      order: 20
+    });
+  }
+});

package/dist/runtime/server/db/schema.sqlite.d.ts

@@ -0,0 +1,24 @@
+export declare const users: import("drizzle-orm/sqlite-core").SQLiteTableWithColumns<{
+    name: "users";
+    schema: undefined;
+    columns: {
+        acceptedTermsAt: import("drizzle-orm/sqlite-core").SQLiteColumn<{
+            name: "accepted_terms_at";
+            tableName: "users";
+            dataType: "number";
+            columnType: "SQLiteInteger";
+            data: number;
+            driverParam: number;
+            notNull: false;
+            hasDefault: false;
+            isPrimaryKey: false;
+            isAutoincrement: false;
+            hasRuntimeDefault: false;
+            enumValues: undefined;
+            baseColumn: never;
+            identity: undefined;
+            generated: undefined;
+        }, {}, {}>;
+    };
+    dialect: "sqlite";
+}>;

package/dist/runtime/server/db/schema.sqlite.js

@@ -0,0 +1,4 @@
+import { sqliteTable, integer } from "drizzle-orm/sqlite-core";
+export const users = sqliteTable("users", {
+  acceptedTermsAt: integer("accepted_terms_at")
+});

package/dist/runtime/server/routes/account/change-email.post.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/runtime/server/routes/account/change-email.post.js

@@ -0,0 +1,20 @@
+import { db, schema } from "@nuxthub/db";
+import { eq } from "drizzle-orm";
+import { z } from "zod";
+const bodySchema = z.object({
+  email: z.string().email()
+});
+export default defineEventHandler(async (event) => {
+  const { user } = await requireUserSession(event);
+  const { email } = await readValidatedBody(event, bodySchema.parse);
+  const existing = await db.query.users.findFirst({ where: (t, { eq: eq2 }) => eq2(t.email, email) });
+  if (existing && existing.id !== user.id) {
+    throw createError({ statusCode: 409, statusMessage: "A user with this email already exists." });
+  }
+  const [updated] = await db.update(schema.users).set({ email }).where(eq(schema.users.id, user.id)).returning();
+  if (!updated) {
+    throw createError({ statusCode: 404, statusMessage: "User not found." });
+  }
+  await setUserSession(event, { user: mapUserToSession(updated) });
+  return { id: updated.id };
+});

package/dist/runtime/server/routes/account/change-password.post.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/runtime/server/routes/account/change-password.post.js

@@ -0,0 +1,26 @@
+import { db, schema } from "@nuxthub/db";
+import { eq } from "drizzle-orm";
+import { z } from "zod";
+const bodySchema = z.object({
+  currentPassword: z.string().min(1),
+  newPassword: z.string().min(8),
+  confirmNewPassword: z.string().min(8)
+}).refine((data) => data.newPassword === data.confirmNewPassword, {
+  message: "Passwords do not match.",
+  path: ["confirmNewPassword"]
+});
+export default defineEventHandler(async (event) => {
+  const { user } = await requireUserSession(event);
+  const { currentPassword, newPassword } = await readValidatedBody(event, bodySchema.parse);
+  const dbUser = await db.query.users.findFirst({ where: (t, { eq: eq2 }) => eq2(t.id, user.id) });
+  if (!dbUser?.password || !await verifyPassword(dbUser.password, currentPassword)) {
+    throw createError({ statusCode: 401, statusMessage: "Your current password is incorrect." });
+  }
+  const hashed = await hashPassword(newPassword);
+  const [updated] = await db.update(schema.users).set({ password: hashed }).where(eq(schema.users.id, user.id)).returning();
+  if (!updated) {
+    throw createError({ statusCode: 404, statusMessage: "User not found." });
+  }
+  await setUserSession(event, { user: mapUserToSession(updated) });
+  return { id: updated.id };
+});

package/dist/runtime/server/routes/account/profile.post.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/runtime/server/routes/account/profile.post.js

@@ -0,0 +1,17 @@
+import { db, schema } from "@nuxthub/db";
+import { eq } from "drizzle-orm";
+import { z } from "zod";
+const bodySchema = z.object({
+  name: z.string().min(1),
+  avatar: z.string().optional()
+});
+export default defineEventHandler(async (event) => {
+  const { user } = await requireUserSession(event);
+  const { name, avatar } = await readValidatedBody(event, bodySchema.parse);
+  const [updated] = await db.update(schema.users).set({ name, avatar }).where(eq(schema.users.id, user.id)).returning();
+  if (!updated) {
+    throw createError({ statusCode: 404, statusMessage: "User not found." });
+  }
+  await setUserSession(event, { user: mapUserToSession(updated) });
+  return { id: updated.id };
+});

package/dist/types.d.mts

@@ -0,0 +1,3 @@
+export { default } from './module.mjs'
+
+export { type ModuleOptions, type PublicModuleOptions } from './module.mjs'

package/package.json

@@ -1,6 +1,80 @@
 {
   "name": "@frigear-nu/account",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.0.1",
+  "description": "A module for managing the account area (profile, email, password, security) in the main frigear app.",
+  "repository": {
+    "type": "git",
+    "url": "your-org/@frigear-nu/account"
+  },
+  "license": "MIT",
+  "type": "module",
+  "main": "./dist/module.mjs",
+  "exports": {
+    ".": {
+      "types": "./dist/types.d.mts",
+      "import": "./dist/module.mjs"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "workspaces": [
+    "playground"
+  ],
+  "dependencies": {
+    "@frigear-nu/users": "1.0.2",
+    "@libsql/client": "^0.18.0",
+    "@nuxt/kit": "^4.6.0",
+    "drizzle-kit": "^0.31.11",
+    "drizzle-orm": "^0.45.3",
+    "zod": "^4.6.5",
+    "@frigear-nu/menu": "0.0.2",
+    "@frigear-nu/module-kit": "0.1.0",
+    "@vueuse/core": "^15.0.0"
+  },
+  "peerDependencies": {
+    "@nuxthub/core": "^0.10.8",
+    "@nuxt/ui": "^4.10.0"
+  },
+  "peerDependenciesMeta": {
+    "@nuxt/ui": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@nuxt/devtools": "^3.4.2",
+    "@nuxt/eslint-config": "^1.17.0",
+    "@nuxt/module-builder": "^1.0.3",
+    "@nuxt/schema": "^4.6.0",
+    "@nuxt/test-utils": "^4.3.2",
+    "@nuxthub/core": "^0.10.8",
+    "@types/node": "latest",
+    "changelogen": "^0.6.2",
+    "eslint": "^10.10.0",
+    "nuxt": "^4.6.0",
+    "typescript": "^6.0.3",
+    "vitest": "^5.0.1",
+    "vue-tsc": "^3.3.11",
+    "@nuxt/ui": "^4.11.0"
+  },
+  "scripts": {
+    "postinstall": "nuxt-module-build build --stub && nuxt prepare",
+    "build": "nuxt-module-build build",
+    "dev": "npm run dev:prepare && nuxt dev playground",
+    "dev:build": "nuxt build playground",
+    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxt prepare playground",
+    "release": "npm run lint && npm run test && npm run prepack && changelogen --release && npm publish && git push --follow-tags",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "test": "vitest run",
+    "test:watch": "vitest watch",
+    "test:types": "vue-tsc --noEmit && cd playground && vue-tsc --noEmit"
+  },
+  "typesVersions": {
+    "*": {
+      ".": [
+        "./dist/types.d.mts"
+      ]
+    }
+  }
 }