@herdingbits/trailhead-core 0.2.0 → 0.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@herdingbits/trailhead-core",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "Simple application shell that orchestrates multiple SPAs. No webpack magic, just the browser's native module system.",
   "type": "module",
   "main": "./dist/index.js",

package/dist/lib/feedback.d.ts

@@ -1,58 +0,0 @@
-/**
- * Feedback system - imperative API for user feedback
- * No React, pure DOM manipulation
- */
-import type { AlertVariant } from "../types/shell-api";
-/**
- * Show blocking busy overlay with spinner
- */
-export declare function busy(message: string): void;
-/**
- * Clear busy overlay
- */
-export declare function clear(): void;
-/**
- * Show toast notification
- */
-export declare function alert(message: string, variant?: AlertVariant, duration?: number): void;
-/**
- * Show success toast
- */
-export declare function success(message: string, duration?: number): void;
-/**
- * Show error toast
- */
-export declare function error(message: string, duration?: number): void;
-/**
- * Show warning toast
- */
-export declare function warning(message: string, duration?: number): void;
-/**
- * Show info toast
- */
-export declare function info(message: string, duration?: number): void;
-/**
- * Show dialog with custom buttons
- */
-export declare function custom<T extends string>(message: string, title: string, buttons: Array<{
-    label: string;
-    value: T;
-    variant?: string;
-}>): Promise<T | null>;
-/**
- * Show confirm dialog (Cancel/Confirm)
- */
-export declare function confirm(message: string, title?: string): Promise<boolean>;
-/**
- * Show OK dialog
- */
-export declare function ok(message: string, title?: string): Promise<void>;
-/**
- * Show Yes/No dialog
- */
-export declare function yesNo(message: string, title?: string): Promise<boolean>;
-/**
- * Show Yes/No/Cancel dialog
- */
-export declare function yesNoCancel(message: string, title?: string): Promise<"yes" | "no" | "cancel">;
-//# sourceMappingURL=feedback.d.ts.map

package/dist/lib/feedback.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"feedback.d.ts","sourceRoot":"","sources":["../../src/lib/feedback.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAKvD;;GAEG;AACH,wBAAgB,IAAI,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAkB1C;AAED;;GAEG;AACH,wBAAgB,KAAK,IAAI,IAAI,CAI5B;AAED;;GAEG;AACH,wBAAgB,KAAK,CACnB,OAAO,EAAE,MAAM,EACf,OAAO,GAAE,YAAqB,EAC9B,QAAQ,GAAE,MAAa,GACtB,IAAI,CAiBN;AAED;;GAEG;AACH,wBAAgB,OAAO,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAEhE;AAED;;GAEG;AACH,wBAAgB,KAAK,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAE9D;AAED;;GAEG;AACH,wBAAgB,OAAO,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAEhE;AAED;;GAEG;AACH,wBAAgB,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAE7D;AAED;;GAEG;AACH,wBAAgB,MAAM,CAAC,CAAC,SAAS,MAAM,EACrC,OAAO,EAAE,MAAM,EACf,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,KAAK,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,CAAC,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,GAC5D,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC,CAqCnB;AAED;;GAEG;AACH,wBAAgB,OAAO,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,GAAE,MAAkB,GAAG,OAAO,CAAC,OAAO,CAAC,CAKpF;AAED;;GAEG;AACH,wBAAgB,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,GAAE,MAAsB,GAAG,OAAO,CAAC,IAAI,CAAC,CAIhF;AAED;;GAEG;AACH,wBAAgB,KAAK,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,GAAE,MAAkB,GAAG,OAAO,CAAC,OAAO,CAAC,CAKlF;AAED;;GAEG;AACH,wBAAgB,WAAW,CACzB,OAAO,EAAE,MAAM,EACf,KAAK,GAAE,MAAkB,GACxB,OAAO,CAAC,KAAK,GAAG,IAAI,GAAG,QAAQ,CAAC,CAMlC"}

package/dist/lib/feedback.js

@@ -1,145 +0,0 @@
-let busyOverlay = null;
-let toastContainer = null;
-/**
- * Show blocking busy overlay with spinner
- */
-export function busy(message) {
-    if (!busyOverlay) {
-        busyOverlay = document.createElement("div");
-        busyOverlay.id = "shell-busy-overlay";
-        busyOverlay.innerHTML = `
-      <div class="shell-busy-content">
-        <div class="shell-spinner"></div>
-        <div class="shell-busy-message"></div>
-      </div>
-    `;
-        document.body.appendChild(busyOverlay);
-    }
-    const messageEl = busyOverlay.querySelector(".shell-busy-message");
-    if (messageEl) {
-        messageEl.textContent = message;
-    }
-    busyOverlay.style.display = "flex";
-}
-/**
- * Clear busy overlay
- */
-export function clear() {
-    if (busyOverlay) {
-        busyOverlay.style.display = "none";
-    }
-}
-/**
- * Show toast notification
- */
-export function alert(message, variant = "info", duration = 3000) {
-    if (!toastContainer) {
-        toastContainer = document.createElement("div");
-        toastContainer.id = "shell-toast-container";
-        document.body.appendChild(toastContainer);
-    }
-    const toast = document.createElement("div");
-    toast.className = `shell-toast shell-toast-${variant}`;
-    toast.textContent = message;
-    toastContainer.appendChild(toast);
-    setTimeout(() => toast.classList.add("shell-toast-show"), 10);
-    setTimeout(() => {
-        toast.classList.remove("shell-toast-show");
-        setTimeout(() => toast.remove(), 300);
-    }, duration);
-}
-/**
- * Show success toast
- */
-export function success(message, duration) {
-    alert(message, "success", duration);
-}
-/**
- * Show error toast
- */
-export function error(message, duration) {
-    alert(message, "error", duration || 5000);
-}
-/**
- * Show warning toast
- */
-export function warning(message, duration) {
-    alert(message, "warning", duration || 4000);
-}
-/**
- * Show info toast
- */
-export function info(message, duration) {
-    alert(message, "info", duration);
-}
-/**
- * Show dialog with custom buttons
- */
-export function custom(message, title, buttons) {
-    return new Promise((resolve) => {
-        const dialog = document.createElement("div");
-        dialog.className = "shell-dialog-overlay";
-        dialog.innerHTML = `
-      <div class="shell-dialog">
-        <div class="shell-dialog-title">${title}</div>
-        <div class="shell-dialog-message">${message}</div>
-        <div class="shell-dialog-buttons">
-          ${buttons
-            .map((btn) => `<button class="shell-btn shell-btn-${btn.variant || "default"}" data-value="${btn.value}">${btn.label}</button>`)
-            .join("")}
-        </div>
-      </div>
-    `;
-        dialog.querySelectorAll("button").forEach((btn) => {
-            btn.onclick = () => {
-                const value = btn.getAttribute("data-value");
-                dialog.remove();
-                resolve(value);
-            };
-        });
-        // Click outside to cancel
-        dialog.onclick = (e) => {
-            if (e.target === dialog) {
-                dialog.remove();
-                resolve(null);
-            }
-        };
-        document.body.appendChild(dialog);
-    });
-}
-/**
- * Show confirm dialog (Cancel/Confirm)
- */
-export function confirm(message, title = "Confirm") {
-    return custom(message, title, [
-        { label: "Cancel", value: "cancel", variant: "secondary" },
-        { label: "Confirm", value: "confirm", variant: "primary" },
-    ]).then((result) => result === "confirm");
-}
-/**
- * Show OK dialog
- */
-export function ok(message, title = "Information") {
-    return custom(message, title, [
-        { label: "OK", value: "ok", variant: "primary" },
-    ]).then(() => undefined);
-}
-/**
- * Show Yes/No dialog
- */
-export function yesNo(message, title = "Confirm") {
-    return custom(message, title, [
-        { label: "No", value: "no", variant: "secondary" },
-        { label: "Yes", value: "yes", variant: "primary" },
-    ]).then((result) => result === "yes");
-}
-/**
- * Show Yes/No/Cancel dialog
- */
-export function yesNoCancel(message, title = "Confirm") {
-    return custom(message, title, [
-        { label: "Cancel", value: "cancel", variant: "secondary" },
-        { label: "No", value: "no", variant: "secondary" },
-        { label: "Yes", value: "yes", variant: "primary" },
-    ]).then((result) => result || "cancel");
-}