@lenne.tech/nuxt-extensions 1.18.4 → 1.18.5

package/dist/module.d.mts

@@ -3,7 +3,7 @@ import { LtExtensionsModuleOptions } from '../dist/runtime/types/index.js';
 export * from '../dist/runtime/types/index.js';
 
 declare const name = "@lenne.tech/nuxt-extensions";
-declare const version = "1.18.4";
+declare const version = "1.18.5";
 declare const configKey = "ltExtensions";
 declare const DEFAULT_LT_AUTH_STATE_COOKIE = "lt-auth-state";
 declare const DEFAULT_LT_JWT_TOKEN_COOKIE = "lt-jwt-token";

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "configKey": "ltExtensions",
   "name": "@lenne.tech/nuxt-extensions",
-  "version": "1.18.4",
+  "version": "1.18.5",
   "builder": {
     "@nuxt/module-builder": "1.0.3",
     "unbuild": "3.6.1"

package/dist/module.mjs

@@ -2,7 +2,7 @@ import { defineNuxtModule, createResolver, tryResolveModule, addImports, addComp
 import { pathToFileURL } from 'node:url';
 
 const name = "@lenne.tech/nuxt-extensions";
-const version = "1.18.4";
+const version = "1.18.5";
 const configKey = "ltExtensions";
 const DEFAULT_LT_AUTH_STATE_COOKIE = "lt-auth-state";
 const DEFAULT_LT_JWT_TOKEN_COOKIE = "lt-jwt-token";
@@ -82,6 +82,13 @@ const module$1 = defineNuxtModule({
       nuxt.options.nitro ??= {};
       nuxt.options.nitro.alias = { ...nuxt.options.nitro.alias, "@better-auth/passkey/client": passkeyStub };
     }
+    const uiToastAvailable = !!await tryResolveModule("@nuxt/ui/composables/useToast", [new URL(import.meta.url), pathToFileURL(`${nuxt.options.rootDir}/`)]);
+    if (!uiToastAvailable) {
+      const uiToastStub = resolve("./runtime/lib/ui-toast-stub");
+      nuxt.options.alias["@nuxt/ui/composables/useToast"] = uiToastStub;
+      nuxt.options.nitro ??= {};
+      nuxt.options.nitro.alias = { ...nuxt.options.nitro.alias, "@nuxt/ui/composables/useToast": uiToastStub };
+    }
     const enablePasskey = (resolvedOptions.auth?.enablePasskey ?? true) && passkeyAvailable;
     if ((resolvedOptions.auth?.enablePasskey ?? true) && !passkeyAvailable) {
       console.warn(

package/dist/runtime/composables/use-lt-error-translation.js

@@ -1,5 +1,6 @@
 import { computed, ref, useState, useNuxtApp, useRuntimeConfig } from "#imports";
 import { buildLtApiUrl } from "../lib/auth-state.js";
+import { ltAddToast } from "../lib/toast.js";
 const ERROR_CODE_REGEX = /^#([A-Z_]+_\d+):\s*(.+)$/;
 export function useLtErrorTranslation() {
   const nuxtApp = useNuxtApp();
@@ -101,21 +102,14 @@ export function useLtErrorTranslation() {
       return;
     }
     const parsed = parseError(errorOrMessage);
-    try {
-      nuxtApp.runWithContext(() => {
-        const toastComposable = nuxtApp.useToast || globalThis.useToast;
-        if (typeof toastComposable === "function") {
-          const toast = toastComposable();
-          toast.add({
-            color: "error",
-            title: title || t("lt.error.title", "Fehler"),
-            description: parsed.translatedMessage
-          });
-        } else {
-          console.error("[LtErrorTranslation]", parsed.translatedMessage);
-        }
-      });
-    } catch {
+    const shown = nuxtApp.runWithContext(
+      () => ltAddToast({
+        color: "error",
+        description: parsed.translatedMessage,
+        title: title || t("lt.error.title", "Fehler")
+      })
+    );
+    if (!shown) {
       console.error("[LtErrorTranslation]", parsed.translatedMessage);
     }
   }

package/dist/runtime/composables/use-lt-share.js

@@ -1,4 +1,5 @@
 import { useNuxtApp, useRoute } from "#imports";
+import { ltAddToast } from "../lib/toast.js";
 export function useLtShare() {
   const route = useRoute();
   const nuxtApp = useNuxtApp();
@@ -26,19 +27,14 @@ export function useLtShare() {
     } else {
       try {
         await navigator.clipboard.writeText(url ?? window.location.origin);
-        const useToast = nuxtApp.$useToast || globalThis.useToast;
-        if (typeof useToast === "function") {
-          try {
-            const toast = useToast();
-            toast.add({
-              color: "success",
-              description: t("lt.share.copiedDescription", "Der Link wurde in die Zwischenablage kopiert."),
-              title: t("lt.share.copied", "Link kopiert")
-            });
-          } catch {
-            console.debug("Link copied to clipboard");
-          }
-        } else {
+        const shown = nuxtApp.runWithContext(
+          () => ltAddToast({
+            color: "success",
+            description: t("lt.share.copiedDescription", "Der Link wurde in die Zwischenablage kopiert."),
+            title: t("lt.share.copied", "Link kopiert")
+          })
+        );
+        if (!shown) {
           console.debug("Link copied to clipboard");
         }
       } catch (error) {

package/dist/runtime/lib/toast.d.ts

@@ -0,0 +1,43 @@
+/**
+ * Toast helper
+ *
+ * Single place where the module talks to Nuxt UI's toaster.
+ *
+ * Composables used to look the composable up on `nuxtApp` / `globalThis`
+ * (`(nuxtApp as any).useToast || (globalThis as any).useToast`). Nuxt UI exposes
+ * `useToast` as an auto-import and puts it on neither, so that lookup was always
+ * `undefined` and every toast silently degraded to a `console.*` line — users
+ * got no visible feedback at all.
+ *
+ * Importing Nuxt UI's `useToast` directly is what actually works. The specifier
+ * resolves to the very same file the auto-import points at, so the toast lands
+ * in the `useState('toasts')` array that `<UApp>` / `<UToaster>` renders.
+ * `module.ts` aliases it onto {@link ui-toast-stub} when `@nuxt/ui` is not
+ * installed, which keeps it an optional peer.
+ */
+/** Semantic toast colors — mirrors Nuxt UI's color tokens. */
+export type LtToastColor = 'error' | 'info' | 'neutral' | 'primary' | 'secondary' | 'success' | 'warning';
+export interface LtToastOptions {
+    color?: LtToastColor;
+    description?: string;
+    title?: string;
+}
+/**
+ * Show a toast, if the app has a toaster.
+ *
+ * Call it inside `nuxtApp.runWithContext()` when you are past an `await` or
+ * outside a component: `useToast()` needs the Nuxt instance for `useState`.
+ *
+ * @param options - Toast color, title and description
+ * @returns `true` when the toast was handed to Nuxt UI, `false` when no toaster
+ *   is available (or it threw) — callers use this to fall back to the console
+ *   instead of swallowing the message.
+ *
+ * @example
+ * ```typescript
+ * if (!ltAddToast({ color: 'error', description: message, title: 'Fehler' })) {
+ *   console.error('[MyComposable]', message);
+ * }
+ * ```
+ */
+export declare function ltAddToast(options: LtToastOptions): boolean;

package/dist/runtime/lib/toast.js

@@ -0,0 +1,13 @@
+import { useToast } from "@nuxt/ui/composables/useToast";
+export function ltAddToast(options) {
+  try {
+    const toast = useToast();
+    if (typeof toast?.add !== "function") {
+      return false;
+    }
+    toast.add(options);
+    return true;
+  } catch {
+    return false;
+  }
+}

package/dist/runtime/lib/ui-toast-stub.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Build-time stand-in for Nuxt UI's `@nuxt/ui/composables/useToast`.
+ *
+ * `@nuxt/ui` is an OPTIONAL peer of this module, but `runtime/lib/toast.ts`
+ * imports `useToast` at the top level — so the bundler must resolve the
+ * specifier even in a project that ships a different UI layer. `module.ts`
+ * aliases `@nuxt/ui/composables/useToast` onto this file when the package is
+ * absent; without it the build would fail on an unresolved optional peer
+ * instead of honouring the optionality (same pattern as `passkey-stub.ts`).
+ *
+ * The alias rewrites the specifier for the WHOLE consumer app, so this file
+ * mirrors every name the real module exports. `test/lt-toast.test.ts` pins that
+ * surface against the real package.
+ */
+/** Mirror of Nuxt UI's injection key for the toaster's `max` prop. */
+export declare const toastMaxInjectionKey: unique symbol;
+/**
+ * No-op replacement for Nuxt UI's `useToast()`.
+ *
+ * Returning `undefined` — rather than an object whose `add()` silently swallows
+ * the toast — is what lets {@link ltAddToast} report "no toast was shown", so
+ * callers keep their console fallback.
+ */
+export declare function useToast(): undefined;

package/dist/runtime/lib/ui-toast-stub.js

@@ -0,0 +1,4 @@
+export const toastMaxInjectionKey = Symbol("nuxt-ui.toast-max");
+export function useToast() {
+  return void 0;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lenne.tech/nuxt-extensions",
-  "version": "1.18.4",
+  "version": "1.18.5",
   "description": "Reusable Nuxt 4 composables, components, and Better-Auth integration for lenne.tech projects",
   "repository": {
     "type": "git",
@@ -102,7 +102,7 @@
   "devDependencies": {
     "@better-auth/passkey": "1.7.7",
     "@nuxt/module-builder": "1.0.3",
-    "@nuxt/schema": "4.5.2",
+    "@nuxt/schema": "4.6.0",
     "@nuxt/ui": "4.11.3",
     "@playwright/test": "1.63.0",
     "@types/node": "26.6.4",
@@ -111,9 +111,9 @@
     "better-auth": "1.7.7",
     "cross-spawn": "7.0.6",
     "happy-dom": "20.14.5",
-    "nuxt": "4.5.2",
-    "oxfmt": "0.71.0",
-    "oxlint": "1.86.0",
+    "nuxt": "4.6.0",
+    "oxfmt": "0.72.0",
+    "oxlint": "1.87.0",
     "reka-ui": "2.10.5",
     "tus-js-client": "4.3.1",
     "typescript": "5.9.3",