@samline/notify 0.2.7 → 1.0.0

package/dist/svelte.js

@@ -0,0 +1,168 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var cc = require('./cc-BWuAzFJ6.js');
+
+// Store the references to globals in case someone tries to monkey patch these, causing the below
+// to de-opt (this occurs often when using popular extensions).
+const noop = ()=>{};
+
+/**
+ * @param {unknown} a
+ * @param {unknown} b
+ * @returns {boolean}
+ */ function safe_not_equal(a, b) {
+    return a != a ? b == b : a !== b || a !== null && typeof a === 'object' || typeof a === 'function';
+}
+
+var _globalThis_document;
+/** allow users to ignore aborted signal errors if `reason.name === 'StaleReactionError` */ new class StaleReactionError extends Error {
+    constructor(...args){
+        super(...args), this.name = 'StaleReactionError', this.message = 'The reaction that called `getAbortSignal()` was re-run or destroyed';
+    }
+}();
+// We gotta write it like this because after downleveling the pure comment may end up in the wrong location
+!!((_globalThis_document = globalThis.document) == null ? void 0 : _globalThis_document.contentType) && /* @__PURE__ */ globalThis.document.contentType.includes('xml');
+
+/**
+ * @type {Array<SubscribeInvalidateTuple<any> | any>}
+ */ const subscriber_queue = [];
+/**
+ * Create a `Writable` store that allows both updating and reading by subscription.
+ *
+ * @template T
+ * @param {T} [value] initial value
+ * @param {StartStopNotifier<T>} [start]
+ * @returns {Writable<T>}
+ */ function writable(value, start = noop) {
+    /** @type {Unsubscriber | null} */ let stop = null;
+    /** @type {Set<SubscribeInvalidateTuple<T>>} */ const subscribers = new Set();
+    /**
+	 * @param {T} new_value
+	 * @returns {void}
+	 */ function set(new_value) {
+        if (safe_not_equal(value, new_value)) {
+            value = new_value;
+            if (stop) {
+                // store is ready
+                const run_queue = !subscriber_queue.length;
+                for (const subscriber of subscribers){
+                    subscriber[1]();
+                    subscriber_queue.push(subscriber, value);
+                }
+                if (run_queue) {
+                    for(let i = 0; i < subscriber_queue.length; i += 2){
+                        subscriber_queue[i][0](subscriber_queue[i + 1]);
+                    }
+                    subscriber_queue.length = 0;
+                }
+            }
+        }
+    }
+    /**
+	 * @param {Updater<T>} fn
+	 * @returns {void}
+	 */ function update(fn) {
+        set(fn(/** @type {T} */ value));
+    }
+    /**
+	 * @param {Subscriber<T>} run
+	 * @param {() => void} [invalidate]
+	 * @returns {Unsubscriber}
+	 */ function subscribe(run, invalidate = noop) {
+        /** @type {SubscribeInvalidateTuple<T>} */ const subscriber = [
+            run,
+            invalidate
+        ];
+        subscribers.add(subscriber);
+        if (subscribers.size === 1) {
+            stop = start(set, update) || noop;
+        }
+        run(/** @type {T} */ value);
+        return ()=>{
+            subscribers.delete(subscriber);
+            if (subscribers.size === 0 && stop) {
+                stop();
+                stop = null;
+            }
+        };
+    }
+    return {
+        set,
+        update,
+        subscribe
+    };
+}
+
+// Notify logic (no React dependencies)
+// Provides toast management and utilities for VanillaJS, Vue, Svelte, etc.
+class NotifyCore {
+    generateId() {
+        return `${++this.idCounter}-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 8)}`;
+    }
+    subscribe(fn) {
+        this.listeners.add(fn);
+        fn(this.toasts);
+        return ()=>this.listeners.delete(fn);
+    }
+    emit() {
+        for (const fn of this.listeners)fn(this.toasts);
+    }
+    update(fn) {
+        this.toasts = fn(this.toasts);
+        this.emit();
+    }
+    dismiss(id) {
+        const item = this.toasts.find((t)=>t.id === id);
+        if (!item || item.exiting) return;
+        this.update((prev)=>prev.map((t)=>t.id === id ? cc._extends({}, t, {
+                    exiting: true
+                }) : t));
+        setTimeout(()=>this.update((prev)=>prev.filter((t)=>t.id !== id)), 600);
+    }
+    show(opts) {
+        var _ref, _ref1, _opts_type;
+        // Use a unique identifier based on options (e.g., the title or a generated key)
+        // If not provided, use a default one
+        const id = opts.title ? `notify-${opts.title}` : "notify-default";
+        const prevItem = this.toasts.find((t)=>t.id === id);
+        const instanceId = (_ref = prevItem == null ? void 0 : prevItem.instanceId) != null ? _ref : this.generateId();
+        // Set the state correctly
+        const state = (_ref1 = (_opts_type = opts.type) != null ? _opts_type : prevItem == null ? void 0 : prevItem.type) != null ? _ref1 : "success";
+        const item = cc._extends({}, prevItem, opts, {
+            id,
+            instanceId,
+            type: state
+        });
+        this.update((prev)=>{
+            const filtered = prev.filter((t)=>t.id !== id);
+            return [
+                ...filtered,
+                item
+            ];
+        });
+        return id;
+    }
+    getToasts() {
+        return this.toasts;
+    }
+    constructor(){
+        this.toasts = [];
+        this.listeners = new Set();
+        this.position = "top-right";
+        this.options = undefined;
+        this.idCounter = 0;
+    }
+}
+// Global instance for multiplatform usage
+const notifyCore = new NotifyCore();
+
+// Svelte wrapper for Notify
+// Provides a store and function to show toasts in Svelte
+const notifyToasts = writable(notifyCore.getToasts());
+notifyCore.subscribe((t)=>notifyToasts.set(t));
+function showNotifyToast(options) {
+    return notifyCore.show(options);
+}
+
+exports.notifyToasts = notifyToasts;
+exports.showNotifyToast = showNotifyToast;

package/dist/svelte.mjs

@@ -0,0 +1,165 @@
+import { _ as _extends } from './cc-he3fHS3P.mjs';
+
+// Store the references to globals in case someone tries to monkey patch these, causing the below
+// to de-opt (this occurs often when using popular extensions).
+const noop = ()=>{};
+
+/**
+ * @param {unknown} a
+ * @param {unknown} b
+ * @returns {boolean}
+ */ function safe_not_equal(a, b) {
+    return a != a ? b == b : a !== b || a !== null && typeof a === 'object' || typeof a === 'function';
+}
+
+var _globalThis_document;
+/** allow users to ignore aborted signal errors if `reason.name === 'StaleReactionError` */ new class StaleReactionError extends Error {
+    constructor(...args){
+        super(...args), this.name = 'StaleReactionError', this.message = 'The reaction that called `getAbortSignal()` was re-run or destroyed';
+    }
+}();
+// We gotta write it like this because after downleveling the pure comment may end up in the wrong location
+!!((_globalThis_document = globalThis.document) == null ? void 0 : _globalThis_document.contentType) && /* @__PURE__ */ globalThis.document.contentType.includes('xml');
+
+/**
+ * @type {Array<SubscribeInvalidateTuple<any> | any>}
+ */ const subscriber_queue = [];
+/**
+ * Create a `Writable` store that allows both updating and reading by subscription.
+ *
+ * @template T
+ * @param {T} [value] initial value
+ * @param {StartStopNotifier<T>} [start]
+ * @returns {Writable<T>}
+ */ function writable(value, start = noop) {
+    /** @type {Unsubscriber | null} */ let stop = null;
+    /** @type {Set<SubscribeInvalidateTuple<T>>} */ const subscribers = new Set();
+    /**
+	 * @param {T} new_value
+	 * @returns {void}
+	 */ function set(new_value) {
+        if (safe_not_equal(value, new_value)) {
+            value = new_value;
+            if (stop) {
+                // store is ready
+                const run_queue = !subscriber_queue.length;
+                for (const subscriber of subscribers){
+                    subscriber[1]();
+                    subscriber_queue.push(subscriber, value);
+                }
+                if (run_queue) {
+                    for(let i = 0; i < subscriber_queue.length; i += 2){
+                        subscriber_queue[i][0](subscriber_queue[i + 1]);
+                    }
+                    subscriber_queue.length = 0;
+                }
+            }
+        }
+    }
+    /**
+	 * @param {Updater<T>} fn
+	 * @returns {void}
+	 */ function update(fn) {
+        set(fn(/** @type {T} */ value));
+    }
+    /**
+	 * @param {Subscriber<T>} run
+	 * @param {() => void} [invalidate]
+	 * @returns {Unsubscriber}
+	 */ function subscribe(run, invalidate = noop) {
+        /** @type {SubscribeInvalidateTuple<T>} */ const subscriber = [
+            run,
+            invalidate
+        ];
+        subscribers.add(subscriber);
+        if (subscribers.size === 1) {
+            stop = start(set, update) || noop;
+        }
+        run(/** @type {T} */ value);
+        return ()=>{
+            subscribers.delete(subscriber);
+            if (subscribers.size === 0 && stop) {
+                stop();
+                stop = null;
+            }
+        };
+    }
+    return {
+        set,
+        update,
+        subscribe
+    };
+}
+
+// Notify logic (no React dependencies)
+// Provides toast management and utilities for VanillaJS, Vue, Svelte, etc.
+class NotifyCore {
+    generateId() {
+        return `${++this.idCounter}-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 8)}`;
+    }
+    subscribe(fn) {
+        this.listeners.add(fn);
+        fn(this.toasts);
+        return ()=>this.listeners.delete(fn);
+    }
+    emit() {
+        for (const fn of this.listeners)fn(this.toasts);
+    }
+    update(fn) {
+        this.toasts = fn(this.toasts);
+        this.emit();
+    }
+    dismiss(id) {
+        const item = this.toasts.find((t)=>t.id === id);
+        if (!item || item.exiting) return;
+        this.update((prev)=>prev.map((t)=>t.id === id ? _extends({}, t, {
+                    exiting: true
+                }) : t));
+        setTimeout(()=>this.update((prev)=>prev.filter((t)=>t.id !== id)), 600);
+    }
+    show(opts) {
+        var _ref, _ref1, _opts_type;
+        // Use a unique identifier based on options (e.g., the title or a generated key)
+        // If not provided, use a default one
+        const id = opts.title ? `notify-${opts.title}` : "notify-default";
+        const prevItem = this.toasts.find((t)=>t.id === id);
+        const instanceId = (_ref = prevItem == null ? void 0 : prevItem.instanceId) != null ? _ref : this.generateId();
+        // Set the state correctly
+        const state = (_ref1 = (_opts_type = opts.type) != null ? _opts_type : prevItem == null ? void 0 : prevItem.type) != null ? _ref1 : "success";
+        const item = _extends({}, prevItem, opts, {
+            id,
+            instanceId,
+            type: state
+        });
+        this.update((prev)=>{
+            const filtered = prev.filter((t)=>t.id !== id);
+            return [
+                ...filtered,
+                item
+            ];
+        });
+        return id;
+    }
+    getToasts() {
+        return this.toasts;
+    }
+    constructor(){
+        this.toasts = [];
+        this.listeners = new Set();
+        this.position = "top-right";
+        this.options = undefined;
+        this.idCounter = 0;
+    }
+}
+// Global instance for multiplatform usage
+const notifyCore = new NotifyCore();
+
+// Svelte wrapper for Notify
+// Provides a store and function to show toasts in Svelte
+const notifyToasts = writable(notifyCore.getToasts());
+notifyCore.subscribe((t)=>notifyToasts.set(t));
+function showNotifyToast(options) {
+    return notifyCore.show(options);
+}
+
+export { notifyToasts, showNotifyToast };

package/dist/vue.d.mts

@@ -0,0 +1,103 @@
+import * as vue from 'vue';
+
+type NotifyState = "success" | "loading" | "error" | "warning" | "info" | "action";
+interface NotifyStyles {
+    title?: string;
+    description?: string;
+    badge?: string;
+    button?: string;
+}
+interface NotifyButton {
+    title: string;
+    onClick: () => void;
+}
+declare const NOTIFY_POSITIONS: readonly ["top-left", "top-center", "top-right", "bottom-left", "bottom-center", "bottom-right"];
+type NotifyPosition = (typeof NOTIFY_POSITIONS)[number];
+interface NotifyOptions {
+    title?: string;
+    description?: string;
+    type?: NotifyState;
+    position?: NotifyPosition;
+    duration?: number | null;
+    icon?: any;
+    styles?: NotifyStyles;
+    fill?: string;
+    roundness?: number;
+    autopilot?: boolean | {
+        expand?: number;
+        collapse?: number;
+    };
+    button?: NotifyButton;
+}
+
+interface NotifyItem extends NotifyOptions {
+    id: string;
+    instanceId: string;
+    exiting?: boolean;
+    autoExpandDelayMs?: number;
+    autoCollapseDelayMs?: number;
+}
+
+declare function useNotifyToasts(): {
+    toasts: vue.Ref<{
+        id: string;
+        instanceId: string;
+        exiting?: boolean | undefined;
+        autoExpandDelayMs?: number | undefined;
+        autoCollapseDelayMs?: number | undefined;
+        title?: string | undefined;
+        description?: string | undefined;
+        type?: NotifyState | undefined;
+        position?: NotifyPosition | undefined;
+        duration?: number | null | undefined;
+        icon?: any;
+        styles?: {
+            title?: string | undefined;
+            description?: string | undefined;
+            badge?: string | undefined;
+            button?: string | undefined;
+        } | undefined;
+        fill?: string | undefined;
+        roundness?: number | undefined;
+        autopilot?: boolean | {
+            expand?: number | undefined;
+            collapse?: number | undefined;
+        } | undefined;
+        button?: {
+            title: string;
+            onClick: () => void;
+        } | undefined;
+    }[], NotifyItem[] | {
+        id: string;
+        instanceId: string;
+        exiting?: boolean | undefined;
+        autoExpandDelayMs?: number | undefined;
+        autoCollapseDelayMs?: number | undefined;
+        title?: string | undefined;
+        description?: string | undefined;
+        type?: NotifyState | undefined;
+        position?: NotifyPosition | undefined;
+        duration?: number | null | undefined;
+        icon?: any;
+        styles?: {
+            title?: string | undefined;
+            description?: string | undefined;
+            badge?: string | undefined;
+            button?: string | undefined;
+        } | undefined;
+        fill?: string | undefined;
+        roundness?: number | undefined;
+        autopilot?: boolean | {
+            expand?: number | undefined;
+            collapse?: number | undefined;
+        } | undefined;
+        button?: {
+            title: string;
+            onClick: () => void;
+        } | undefined;
+    }[]>;
+};
+declare function showNotifyToast(options: NotifyOptions): string;
+
+export { showNotifyToast, useNotifyToasts };
+//# sourceMappingURL=vue.d.mts.map

package/dist/vue.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vue.d.mts","sources":["../src/types.ts","../src/core/notify-core.ts","../src/vue-notify.ts"],"mappings":";;AAAA,KAAK,WAAW;AAChB,UAAU,YAAY;AACtB;AACA;AACA;AACA;AACA;AACA,UAAU,YAAY;AACtB;AACA;AACA;AACA,cAAc,gBAAgB;AAC9B,KAAK,cAAc,WAAW,gBAAgB;AAC9C,UAAU,aAAa;AACvB;AACA;AACA,WAAW,WAAW;AACtB,eAAe,cAAc;AAC7B;AACA;AACA,aAAa,YAAY;AACzB;AACA;AACA;AACA;AACA;AACA;AACA,aAAa,YAAY;AACzB;;AC1BA,UAAU,UAAU,SAAS,aAAa;AAC1C;AACA;AACA;AACA;AACA;AACA;;ACJA,iBAAiB,eAAe;AAChC,YAAY,GAAG,CAAC,GAAG;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAeA,WAAmB;AAClC,mBAAmBC,cAAsB;AACzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,UAA6B;AACtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAeF,WAAmB;AAClC,mBAAmBC,cAAsB;AACzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB,eAAe,UAAU,aAAa;;;;","names":["__types.NotifyState","__types.NotifyPosition","__core_notify_core.NotifyItem"]}

package/dist/vue.d.ts

@@ -0,0 +1,103 @@
+import * as vue from 'vue';
+
+type NotifyState = "success" | "loading" | "error" | "warning" | "info" | "action";
+interface NotifyStyles {
+    title?: string;
+    description?: string;
+    badge?: string;
+    button?: string;
+}
+interface NotifyButton {
+    title: string;
+    onClick: () => void;
+}
+declare const NOTIFY_POSITIONS: readonly ["top-left", "top-center", "top-right", "bottom-left", "bottom-center", "bottom-right"];
+type NotifyPosition = (typeof NOTIFY_POSITIONS)[number];
+interface NotifyOptions {
+    title?: string;
+    description?: string;
+    type?: NotifyState;
+    position?: NotifyPosition;
+    duration?: number | null;
+    icon?: any;
+    styles?: NotifyStyles;
+    fill?: string;
+    roundness?: number;
+    autopilot?: boolean | {
+        expand?: number;
+        collapse?: number;
+    };
+    button?: NotifyButton;
+}
+
+interface NotifyItem extends NotifyOptions {
+    id: string;
+    instanceId: string;
+    exiting?: boolean;
+    autoExpandDelayMs?: number;
+    autoCollapseDelayMs?: number;
+}
+
+declare function useNotifyToasts(): {
+    toasts: vue.Ref<{
+        id: string;
+        instanceId: string;
+        exiting?: boolean | undefined;
+        autoExpandDelayMs?: number | undefined;
+        autoCollapseDelayMs?: number | undefined;
+        title?: string | undefined;
+        description?: string | undefined;
+        type?: NotifyState | undefined;
+        position?: NotifyPosition | undefined;
+        duration?: number | null | undefined;
+        icon?: any;
+        styles?: {
+            title?: string | undefined;
+            description?: string | undefined;
+            badge?: string | undefined;
+            button?: string | undefined;
+        } | undefined;
+        fill?: string | undefined;
+        roundness?: number | undefined;
+        autopilot?: boolean | {
+            expand?: number | undefined;
+            collapse?: number | undefined;
+        } | undefined;
+        button?: {
+            title: string;
+            onClick: () => void;
+        } | undefined;
+    }[], NotifyItem[] | {
+        id: string;
+        instanceId: string;
+        exiting?: boolean | undefined;
+        autoExpandDelayMs?: number | undefined;
+        autoCollapseDelayMs?: number | undefined;
+        title?: string | undefined;
+        description?: string | undefined;
+        type?: NotifyState | undefined;
+        position?: NotifyPosition | undefined;
+        duration?: number | null | undefined;
+        icon?: any;
+        styles?: {
+            title?: string | undefined;
+            description?: string | undefined;
+            badge?: string | undefined;
+            button?: string | undefined;
+        } | undefined;
+        fill?: string | undefined;
+        roundness?: number | undefined;
+        autopilot?: boolean | {
+            expand?: number | undefined;
+            collapse?: number | undefined;
+        } | undefined;
+        button?: {
+            title: string;
+            onClick: () => void;
+        } | undefined;
+    }[]>;
+};
+declare function showNotifyToast(options: NotifyOptions): string;
+
+export { showNotifyToast, useNotifyToasts };
+//# sourceMappingURL=vue.d.ts.map

package/dist/vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vue.d.ts","sources":["../src/types.ts","../src/core/notify-core.ts","../src/vue-notify.ts"],"mappings":";;AAAA,KAAK,WAAW;AAChB,UAAU,YAAY;AACtB;AACA;AACA;AACA;AACA;AACA,UAAU,YAAY;AACtB;AACA;AACA;AACA,cAAc,gBAAgB;AAC9B,KAAK,cAAc,WAAW,gBAAgB;AAC9C,UAAU,aAAa;AACvB;AACA;AACA,WAAW,WAAW;AACtB,eAAe,cAAc;AAC7B;AACA;AACA,aAAa,YAAY;AACzB;AACA;AACA;AACA;AACA;AACA;AACA,aAAa,YAAY;AACzB;;AC1BA,UAAU,UAAU,SAAS,aAAa;AAC1C;AACA;AACA;AACA;AACA;AACA;;ACJA,iBAAiB,eAAe;AAChC,YAAY,GAAG,CAAC,GAAG;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAeA,WAAmB;AAClC,mBAAmBC,cAAsB;AACzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,UAA6B;AACtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAeF,WAAmB;AAClC,mBAAmBC,cAAsB;AACzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB,eAAe,UAAU,aAAa;;;;","names":["__types.NotifyState","__types.NotifyPosition","__core_notify_core.NotifyItem"]}