@leavepulse/ui 0.72.2 → 0.72.3

package/dist/chunks/{LpToaster-D5Pj_wc9.js → LpToaster-CmmqSF2o.js}

@@ -127,7 +127,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     }
     const copyable = (t) => t.variant === "error" || t.variant === "warning";
-    const toastText = (t) => () => [t.title, t.message, t.details].filter(Boolean).join("\n");
+    const toastText = (t) => () => [t.title, t.message, t.details, t.context].filter(Boolean).join("\n");
     function selecting() {
       return Boolean(window.getSelection()?.toString());
     }

package/dist/components/LpCommandPalette.vue.d.ts

@@ -364,8 +364,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     onRemember?: ((item: RecentItem, command: Command) => any) | undefined;
 }>, {
     placeholder: string;
-    hotkey: boolean;
     context: boolean;
+    hotkey: boolean;
     commands: Command[];
     emptyText: string;
     debounce: number;

package/dist/components/LpToaster.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpToaster-D5Pj_wc9.js";
+import { _ as _sfc_main } from "../chunks/LpToaster-CmmqSF2o.js";
 export {
   _sfc_main as default
 };

package/dist/composables/useToast.d.ts

@@ -21,6 +21,8 @@ export interface ToastItem {
     onClick?: () => void | Promise<void>;
     /** Copied with the message, not shown: what a bug report needs (request, status, ids). */
     details?: string;
+    /** Page and moment an error toast came up, copied last: "it broke" rarely says where or when. */
+    context?: string;
 }
 export interface ToastOptions {
     /**

package/dist/composables/useToast.js

@@ -5,9 +5,18 @@ function detailsOf(source, depth = 0) {
   if (typeof details === "string" && details) return details;
   return detailsOf(cause, depth + 1);
 }
+function traceOf(source) {
+  if (!(source instanceof Error)) return void 0;
+  const head = `${source.name}: ${source.message}`;
+  const frames = (source.stack ?? "").split("\n").filter((line) => line.trim() && line.trim() !== head);
+  const own = [head, ...frames].join("\n");
+  const inner = traceOf(source.cause);
+  return inner ? `${own}
+Caused by ${inner}` : own;
+}
 function split(message, options) {
   const text = typeof message === "string" ? message : message.message;
-  const details = options.details ?? (typeof message === "string" ? void 0 : detailsOf(message)) ?? detailsOf(options.cause);
+  const details = options.details ?? (typeof message === "string" ? void 0 : detailsOf(message)) ?? detailsOf(options.cause) ?? traceOf(typeof message === "string" ? options.cause : message);
   return [text, { ...options, details }];
 }
 const DEFAULT_DURATION = 4500;
@@ -29,7 +38,8 @@ function push(variant, input, given = {}) {
     dismissAt: duration > 0 ? Date.now() + duration : null,
     actions: options.actions,
     onClick: options.onClick,
-    details: options.details
+    details: options.details,
+    context: variant === "error" ? [globalThis.location?.href, (/* @__PURE__ */ new Date()).toISOString()].filter(Boolean).join(" · ") : void 0
   };
   const same = options.key === void 0 ? -1 : queue.findIndex((t) => t.key === options.key);
   const existing = queue[same];

package/dist/index.js

@@ -107,7 +107,7 @@ import { addTags, splitTags } from "./components/tags.js";
 import { _ as _75 } from "./chunks/LpTextarea-Blv8qdz0.js";
 import { _ as _76 } from "./chunks/LpThemeSwitcher-BGIVrM1l.js";
 import { _ as _77 } from "./chunks/LpTilt-B7KHX1zH.js";
-import { _ as _78 } from "./chunks/LpToaster-D5Pj_wc9.js";
+import { _ as _78 } from "./chunks/LpToaster-CmmqSF2o.js";
 import { _ as _79 } from "./chunks/LpTooltip-BcBvIx4z.js";
 import { _ as _80 } from "./chunks/LpTour-BU4JX3RU.js";
 import { holeOf, openContextMenu, panelsAround } from "./components/tour.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leavepulse/ui",
-  "version": "0.72.2",
+  "version": "0.72.3",
   "type": "module",
   "description": "LeavePulse token-driven Vue component kit.",
   "repository": {

package/src/components/LpToaster.vue

@@ -204,7 +204,7 @@ async function settle(t: ToastItem, run: () => void | Promise<void>) {
  */
 const copyable = (t: ToastItem) => t.variant === "error" || t.variant === "warning"
 // Read on click rather than bound, so a toast whose text is updated in place copies what it now says.
-const toastText = (t: ToastItem) => () => [t.title, t.message, t.details].filter(Boolean).join("\n")
+const toastText = (t: ToastItem) => () => [t.title, t.message, t.details, t.context].filter(Boolean).join("\n")
 
 function selecting(): boolean {
   return Boolean(window.getSelection()?.toString())

package/src/composables/useToast.ts

@@ -25,6 +25,8 @@ export interface ToastItem {
   onClick?: () => void | Promise<void>
   /** Copied with the message, not shown: what a bug report needs (request, status, ids). */
   details?: string
+  /** Page and moment an error toast came up, copied last: "it broke" rarely says where or when. */
+  context?: string
 }
 
 export interface ToastOptions {
@@ -61,9 +63,26 @@ function detailsOf(source: unknown, depth = 0): string | undefined {
   return detailsOf(cause, depth + 1)
 }
 
+// A code fault (TypeError and the like) has no request behind it, and its
+// message alone ("x is undefined") says nothing about where it happened: the
+// copy gets its type and stack instead. Firefox and Safari leave the message
+// out of `stack`, Chromium starts with it; the head is written once either way.
+function traceOf(source: unknown): string | undefined {
+  if (!(source instanceof Error)) return undefined
+  const head = `${source.name}: ${source.message}`
+  const frames = (source.stack ?? "").split("\n").filter((line) => line.trim() && line.trim() !== head)
+  const own = [head, ...frames].join("\n")
+  const inner = traceOf(source.cause)
+  return inner ? `${own}\nCaused by ${inner}` : own
+}
+
 function split(message: ToastMessage, options: ToastOptions): [string, ToastOptions] {
   const text = typeof message === "string" ? message : message.message
-  const details = options.details ?? (typeof message === "string" ? undefined : detailsOf(message)) ?? detailsOf(options.cause)
+  const details =
+    options.details ??
+    (typeof message === "string" ? undefined : detailsOf(message)) ??
+    detailsOf(options.cause) ??
+    traceOf(typeof message === "string" ? options.cause : message)
   return [text, { ...options, details }]
 }
 
@@ -101,6 +120,7 @@ function push(
     actions: options.actions,
     onClick: options.onClick,
     details: options.details,
+    context: variant === "error" ? [globalThis.location?.href, new Date().toISOString()].filter(Boolean).join(" · ") : undefined,
   }
 
   const same = options.key === undefined ? -1 : queue.findIndex((t) => t.key === options.key)