@frigear-nu/account 0.1.0 → 0.1.2

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@frigear-nu/account",
   "configKey": "account",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "builder": {
     "@nuxt/module-builder": "1.0.3",
     "unbuild": "unknown"

package/dist/module.mjs

@@ -1,5 +1,5 @@
-import { defineNuxtModule, createResolver, hasNuxtModule, addImports, addLayout, addComponentsDir } from '@nuxt/kit';
-import { registerModule, registerTailwindSource, registerLocales, resolvePagePath, addModulePages, addOptionalMenuSource } from '@frigear-nu/module-kit/utils';
+import { defineNuxtModule, createResolver, hasNuxtModule, addImports, addLayout, addTypeTemplate, addRouteMiddleware, addPlugin, addComponentsDir } from '@nuxt/kit';
+import { registerModule, registerTailwindSource, registerLocales, resolvePagePath, addModulePages, defineVirtualRegistry, getBootstrapProviders, addOptionalMenuSource } from '@frigear-nu/module-kit/utils';
 
 const module$1 = defineNuxtModule({
   meta: { name: "@frigear-nu/account", configKey: "account" },
@@ -44,8 +44,12 @@ const module$1 = defineNuxtModule({
     const profilePath = resolvePagePath(settings.pages?.profile, "/account/profile");
     const securityPath = resolvePagePath(settings.pages?.security, "/account/security");
     const documentsPath = resolvePagePath(settings.pages?.documents, "/account/documents");
-    const apiTokensPath = resolvePagePath(settings.pages?.apiTokens, "/account/api-tokens");
+    const withApiTokens = nuxt.options.authentication?.apiTokens !== false;
+    const apiTokensPath = withApiTokens ? resolvePagePath(settings.pages?.apiTokens, "/account/api-tokens") : void 0;
     const indexPath = withMenus ? resolvePagePath(settings.pages?.index, "/account") : void 0;
+    if (!withApiTokens && settings.pages?.apiTokens) {
+      console.warn("[@frigear-nu/account] `settings.pages.apiTokens` was set, but `authentication.apiTokens` is `false` - skipping the API tokens page.");
+    }
     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.");
     }
@@ -78,6 +82,28 @@ const module$1 = defineNuxtModule({
     } else {
       console.warn("[@frigear-nu/account] @frigear-nu/authorization is not installed: the account pages are not guarded. Install it and guard `/account/**` yourself.");
     }
+    defineVirtualRegistry(nuxt, {
+      filename: "account/bootstrap.mjs",
+      alias: "#account/bootstrap",
+      collect: () => getBootstrapProviders(nuxt, "account").map((provider) => provider.key),
+      contents: (keys) => `export const keys = ${JSON.stringify(keys)}
+`
+    });
+    addTypeTemplate({
+      filename: "types/account-bootstrap.d.ts",
+      getContents: () => `declare module '#account/bootstrap' {
+  export const keys: string[]
+}
+export {}
+`
+    });
+    addRouteMiddleware({ name: "account-bootstrap", path: resolver.resolve("./runtime/app/middleware/bootstrap") });
+    addPlugin({ src: resolver.resolve("./runtime/app/plugins/bootstrap.client"), mode: "client" });
+    const areaRules = nuxt.options.routeRules ||= {};
+    for (const pattern of areaPatterns) {
+      const rule = areaRules[pattern] ?? {};
+      areaRules[pattern] = { ...rule, appMiddleware: { "account-bootstrap": true, ...rule.appMiddleware } };
+    }
     addOptionalMenuSource(nuxt, { file: resolver.resolve("./runtime/menus"), menu: "account" });
     addComponentsDir({
       path: resolver.resolve("./runtime/app/components"),

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

@@ -10,7 +10,7 @@ export interface AccountNavItem {
 /**
  * The account navigation: the items of the `account` menu (so pages other modules add show up too), or, without
  * `@frigear-nu/menu`, the account pages enabled in `account.settings.pages`. `links` are ready for
- * `UNavigationMenu`/`PageTabs` (localised, `active` set, the overview only active on its own path) and `current` is
+ * `UNavigationMenu`/`PageSectionSwitcher` (localised, `active` set, the overview only active on its own path) and `current` is
  * the item the route belongs to. Await it, so the menu is resolved before the page renders on the server.
  */
 export declare function useAccountNav(): Promise<{

package/dist/runtime/app/layouts/account.vue

@@ -39,11 +39,11 @@ const profile = computed(() => {
         </template>
 
         <div class="flex min-w-0 flex-col gap-6 py-8">
-          <PageTabs
+          <PageSectionSwitcher
             v-if="links.length"
             class="lg:hidden"
             :items="links"
-            :aria-label="t('nav.label', 'Account navigation')"
+            :label="t('nav.label', 'Account navigation')"
           />
           <AccountHeader />
           <slot />

package/dist/runtime/app/middleware/bootstrap.d.ts

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

package/dist/runtime/app/middleware/bootstrap.js

@@ -0,0 +1,5 @@
+import { keys } from "#account/bootstrap";
+export default defineNuxtRouteMiddleware(async () => {
+  if (!keys.length || !useUserSession().loggedIn.value) return;
+  await loadBootstrap("account");
+});

package/dist/runtime/app/pages/api-tokens.vue

@@ -9,8 +9,8 @@ const format = useFormat();
 const { copy } = useCopyToClipboard();
 const overlay = useOverlay();
 const createSlideover = overlay.create(AccountApiTokenSlideover, { destroyOnClose: true });
-const { data: tokens, refresh, status } = await useFetch("/api/auth/tokens", { key: "account-api-tokens", default: () => [] });
-const { data: scopes } = await useFetch("/api/auth/scopes", { key: "account-api-token-scopes", default: () => [] });
+const { data: tokens, refresh, status } = await useCachedFetch("/api/auth/tokens", { key: "account-api-tokens", ttl: 6e4 });
+const { data: scopes } = await useCachedFetch("/api/auth/scopes", { key: "account-api-token-scopes" });
 const revealed = ref(null);
 async function onCreate() {
   const created = await createSlideover.open({ scopes: scopes.value ?? [] });

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

@@ -33,21 +33,20 @@ async function onSubmitPassword(event) {
   passwordState.newPassword = "";
   passwordState.confirmNewPassword = "";
 }
-const passkeyList = ref([]);
 const passkeyName = ref("");
 const passkeyPending = ref(false);
-const passkeysLoading = ref(false);
-async function loadPasskeys() {
-  if (!passkeys) return;
-  passkeysLoading.value = true;
-  try {
-    passkeyList.value = await passkeys.listPasskeys();
-  } catch (e) {
-    showError(e, t("passkeys.loadError", "Could not load your passkeys."));
-  } finally {
-    passkeysLoading.value = false;
-  }
-}
+const {
+  data: passkeyData,
+  error: passkeysError,
+  loading: passkeysLoading,
+  refresh: loadPasskeys
+} = await useCachedFetch("/api/auth/webauthn/credentials", {
+  key: () => `account:passkeys:${user.value?.id ?? "anonymous"}`,
+  ttl: 0,
+  immediate: webAuthnEnabled,
+  watch: false
+});
+const passkeyList = computed(() => passkeyData.value ?? []);
 async function onRegisterPasskey() {
   passkeyPending.value = true;
   try {
@@ -83,7 +82,6 @@ async function onRemovePasskey(passkey) {
 const passkeyMenu = (passkey) => [[
   { label: t("passkeys.remove", "Remove passkey"), icon: "i-lucide-trash-2", color: "error", onSelect: () => onRemovePasskey(passkey) }
 ]];
-onMounted(loadPasskeys);
 </script>
 
 <template>
@@ -152,7 +150,7 @@ onMounted(loadPasskeys);
       v-if="passkeys?.isEnabled.value"
       :title="t('passkeys.title', 'Passkeys')"
       :description="t('passkeys.description', 'Sign in with your fingerprint, face or device PIN instead of a password.')"
-      :loading="passkeysLoading && !passkeyList.length"
+      :loading="passkeysLoading"
       flush
     >
       <ul
@@ -184,6 +182,14 @@ onMounted(loadPasskeys);
           />
         </li>
       </ul>
+      <UEmpty
+        v-else-if="passkeysError"
+        variant="naked"
+        icon="i-lucide-circle-alert"
+        :title="t('passkeys.loadError', 'Could not load your passkeys.')"
+        :description="errorMessage(passkeysError, '')"
+        :actions="[{ label: t('passkeys.tryAgain', 'Try again'), icon: 'i-lucide-rotate-ccw', color: 'neutral', variant: 'outline', onClick: () => loadPasskeys() }]"
+      />
       <UEmpty
         v-else
         variant="naked"

package/dist/runtime/app/plugins/bootstrap.client.d.ts

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

package/dist/runtime/app/plugins/bootstrap.client.js

@@ -0,0 +1,4 @@
+export default defineNuxtPlugin(() => {
+  const { user } = useUserSession();
+  watch(() => user.value?.id ?? null, () => resetBootstrap("account"));
+});

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

@@ -130,7 +130,8 @@
         "registerError": "Kunne ikke registrere passkey.",
         "removed": "Passkey fjernet.",
         "removeError": "Kunne ikke fjerne passkey.",
-        "loadError": "Kunne ikke hente dine passkeys."
+        "loadError": "Kunne ikke hente dine passkeys.",
+        "tryAgain": "Prøv igen"
       }
     },
     "signedInAs": "Logget ind som",

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

@@ -130,7 +130,8 @@
         "registerError": "Could not register the passkey.",
         "removed": "Passkey removed.",
         "removeError": "Could not remove the passkey.",
-        "loadError": "Could not load your passkeys."
+        "loadError": "Could not load your passkeys.",
+        "tryAgain": "Try again"
       }
     },
     "signedInAs": "Signed in as",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@frigear-nu/account",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "A module for managing the account area (profile, email, password, security) in the main frigear app.",
   "homepage": "https://docs.frigear.dev/modules/account",
   "repository": {
@@ -24,10 +24,10 @@
     "playground"
   ],
   "dependencies": {
-    "@frigear-nu/module-kit": "1.1.0",
-    "@frigear-nu/auth": "0.1.0",
-    "@frigear-nu/ui": "0.1.0",
-    "@frigear-nu/users": "1.1.0",
+    "@frigear-nu/module-kit": "1.1.2",
+    "@frigear-nu/auth": "0.1.3",
+    "@frigear-nu/ui": "0.1.2",
+    "@frigear-nu/users": "1.1.3",
     "@libsql/client": "^0.18.0",
     "@nuxt/kit": "^4.6.1",
     "@vueuse/core": "^15.0.0",
@@ -36,10 +36,10 @@
     "zod": "^4.6.5"
   },
   "peerDependencies": {
-    "@frigear-nu/authorization": "0.1.0",
-    "@frigear-nu/menu": "0.1.0",
-    "@frigear-nu/widget": "0.1.0",
-    "@nuxt/ui": "^4.11.2",
+    "@frigear-nu/authorization": "0.1.2",
+    "@frigear-nu/menu": "0.1.2",
+    "@frigear-nu/widget": "0.1.2",
+    "@nuxt/ui": "^4.12.0",
     "@nuxthub/core": "^0.10.8"
   },
   "peerDependenciesMeta": {
@@ -57,15 +57,15 @@
     }
   },
   "devDependencies": {
-    "@frigear-nu/authorization": "0.1.0",
-    "@frigear-nu/menu": "0.1.0",
-    "@frigear-nu/widget": "0.1.0",
+    "@frigear-nu/authorization": "0.1.2",
+    "@frigear-nu/menu": "0.1.2",
+    "@frigear-nu/widget": "0.1.2",
     "@nuxt/devtools": "^3.4.2",
     "@nuxt/eslint-config": "^1.17.0",
     "@nuxt/module-builder": "^1.0.3",
     "@nuxt/schema": "^4.6.1",
     "@nuxt/test-utils": "^4.3.2",
-    "@nuxt/ui": "^4.11.2",
+    "@nuxt/ui": "^4.12.0",
     "@nuxthub/core": "^0.10.8",
     "@types/node": "^26.6.5",
     "changelogen": "^0.6.2",