@ailuracode/alpine-toast 0.1.1 → 2.0.0

package/dist/index.js

@@ -1,540 +1 @@
-// src/types.ts
-var TOAST_STORE_KEY = "toast";
-
-// src/config.ts
-var DEFAULT_PLUGIN_OPTIONS = {
-  defaultPosition: "bottom-right",
-  defaultDuration: 4e3,
-  maxToasts: 5,
-  listenToWindowEvents: true
-};
-function variantFromList(variants, preferred) {
-  if (variants.includes(preferred)) {
-    return preferred;
-  }
-  return "default";
-}
-function resolvePromiseConfig(variants, promise = {}) {
-  return {
-    loading: promise.loading ?? "Loading...",
-    error: promise.error ?? "Error",
-    duration: promise.duration ?? 4e3,
-    loadingVariant: promise.loadingVariant ?? variantFromList(variants, "loading"),
-    successVariant: promise.successVariant ?? variantFromList(variants, "success"),
-    errorVariant: promise.errorVariant ?? variantFromList(variants, "error")
-  };
-}
-function resolveToastPluginConfig(options = {}) {
-  const variants = options.variants ?? [];
-  const positions = options.positions ?? [];
-  const maxToasts = options.maxToasts ?? DEFAULT_PLUGIN_OPTIONS.maxToasts;
-  let maxVisible = options.maxVisible ?? maxToasts;
-  if (maxToasts > 0 && maxVisible > maxToasts) {
-    maxVisible = maxToasts;
-  }
-  return {
-    defaultPosition: options.defaultPosition ?? DEFAULT_PLUGIN_OPTIONS.defaultPosition,
-    defaultDuration: options.defaultDuration ?? DEFAULT_PLUGIN_OPTIONS.defaultDuration,
-    maxToasts,
-    maxVisible,
-    listenToWindowEvents: options.listenToWindowEvents ?? DEFAULT_PLUGIN_OPTIONS.listenToWindowEvents,
-    storeKey: options.storeKey ?? TOAST_STORE_KEY,
-    variants,
-    positions,
-    promise: resolvePromiseConfig(variants, options.promise)
-  };
-}
-function toastOptions(options) {
-  return options;
-}
-function toastVariants(variants) {
-  return variants;
-}
-function toastPositions(positions) {
-  return positions;
-}
-
-// src/store.ts
-function resolveToastLimits(options = {}) {
-  const maxToasts = options.maxToasts ?? 5;
-  let maxVisible = options.maxVisible ?? maxToasts;
-  if (maxToasts > 0 && maxVisible > maxToasts) {
-    maxVisible = maxToasts;
-  }
-  return { maxToasts, maxVisible };
-}
-function resolveStackPositions(defaultPosition, positions) {
-  const stacks = [defaultPosition];
-  for (const position of positions ?? []) {
-    if (!stacks.includes(position)) {
-      stacks.push(position);
-    }
-  }
-  return stacks;
-}
-function createToastId() {
-  if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
-    return crypto.randomUUID();
-  }
-  return `toast-${Date.now()}-${Math.random().toString(36).slice(2)}`;
-}
-function normalizeToastDuration(duration) {
-  if (duration === 0) {
-    return false;
-  }
-  return duration;
-}
-function resolveToastDuration(duration, defaultDuration) {
-  if (duration === void 0) {
-    return normalizeToastDuration(defaultDuration);
-  }
-  return normalizeToastDuration(duration);
-}
-function shouldAutoDismiss(duration) {
-  return typeof duration === "number" && duration > 0 && Number.isFinite(duration);
-}
-function isPersistentDuration(duration) {
-  return !shouldAutoDismiss(duration);
-}
-var PROMISE_LOADING_DURATION = 36e5;
-function itemsAtPosition(items, position) {
-  return items.filter((item) => item.position === position);
-}
-function timedStackAt(items, position) {
-  return itemsAtPosition(items, position).filter((item) => shouldAutoDismiss(item.duration));
-}
-function persistentStackAt(items, position) {
-  return itemsAtPosition(items, position).filter((item) => isPersistentDuration(item.duration));
-}
-function enforcePositionLimit(items, position, maxToasts, dismissMany, stack) {
-  if (maxToasts <= 0) {
-    return;
-  }
-  const stackAtPosition = stack === "persistent" ? persistentStackAt(items, position) : timedStackAt(items, position);
-  const activeAtPosition = stackAtPosition.filter((item) => !item.removed);
-  const overflowIds = activeAtPosition.slice(maxToasts).map((item) => item.id);
-  dismissMany(overflowIds);
-}
-function applyToastPatch(item, payload) {
-  const next = { ...item };
-  for (const [key, value] of Object.entries(payload)) {
-    if (value !== void 0) {
-      if (key === "duration") {
-        Object.assign(next, { duration: normalizeToastDuration(value) });
-      } else {
-        Object.assign(next, { [key]: value });
-      }
-    }
-  }
-  return next;
-}
-function createToastStore(options = {}) {
-  const defaultPosition = options.defaultPosition ?? "bottom-right";
-  const stackPositions = resolveStackPositions(defaultPosition, options.positions);
-  const defaultDuration = options.defaultDuration ?? 4e3;
-  const { maxToasts, maxVisible } = resolveToastLimits(options);
-  const dismissDelayMs = 400;
-  const dismissTimers = /* @__PURE__ */ new Map();
-  const purgeTimers = /* @__PURE__ */ new Map();
-  const getStore = options.getStore;
-  const store = {
-    defaultPosition,
-    stackPositions,
-    maxToasts,
-    maxVisible,
-    items: [],
-    itemsAt(position) {
-      return itemsAtPosition(this.items, position);
-    },
-    timedItemsAt(position) {
-      return timedStackAt(this.items, position);
-    },
-    persistentItemsAt(position) {
-      return persistentStackAt(this.items, position);
-    },
-    activeTimedItemsAt(position) {
-      return this.timedItemsAt(position).filter((item) => !item.removed);
-    },
-    activePersistentItemsAt(position) {
-      return this.persistentItemsAt(position).filter((item) => !item.removed);
-    },
-    isVisibleAt(position, index) {
-      const stack = this.timedItemsAt(position);
-      const item = stack[index];
-      if (!item || item.removed) {
-        return false;
-      }
-      if (this.maxVisible <= 0) {
-        return true;
-      }
-      let rank = 0;
-      for (let i = 0; i <= index; i++) {
-        if (stack[i] && !stack[i].removed) {
-          rank++;
-        }
-      }
-      return rank <= this.maxVisible;
-    },
-    push(payload = {}) {
-      const position = payload.position ?? this.defaultPosition;
-      const id = createToastId();
-      const toast = {
-        id,
-        key: payload.key ?? null,
-        content: payload.content ?? null,
-        title: payload.title ?? null,
-        description: payload.description ?? null,
-        variant: payload.variant ?? "default",
-        position,
-        duration: resolveToastDuration(payload.duration, defaultDuration),
-        action: payload.action ?? null,
-        removed: false
-      };
-      this.items = [toast, ...this.items];
-      enforcePositionLimit(
-        this.items,
-        position,
-        this.maxToasts,
-        (ids) => markRemoved(ids),
-        shouldAutoDismiss(toast.duration) ? "timed" : "persistent"
-      );
-      scheduleDismiss(id, toast.duration);
-      return id;
-    },
-    pushUnique(key, payload = {}) {
-      const activeIds = this.items.filter((item) => !item.removed && item.key === key).map((item) => item.id);
-      markRemoved(activeIds);
-      return this.push({ ...payload, key });
-    },
-    update(id, payload = {}) {
-      const current = this.items.find((toast) => toast.id === id);
-      if (!current) {
-        return;
-      }
-      const previousPosition = current.position;
-      const wasPersistent = isPersistentDuration(current.duration);
-      this.items = this.items.map(
-        (item) => item.id === id ? applyToastPatch(item, payload) : item
-      );
-      const updated = this.items.find((toast) => toast.id === id);
-      if (!updated) {
-        return;
-      }
-      const nextPosition = updated.position;
-      const isNowPersistent = isPersistentDuration(updated.duration);
-      const durationStackChanged = payload.duration !== void 0 && wasPersistent !== isNowPersistent;
-      const positionChanged = nextPosition !== previousPosition;
-      if (positionChanged) {
-        enforcePositionLimit(
-          this.items,
-          previousPosition,
-          this.maxToasts,
-          (ids) => markRemoved(ids),
-          "timed"
-        );
-        enforcePositionLimit(
-          this.items,
-          previousPosition,
-          this.maxToasts,
-          (ids) => markRemoved(ids),
-          "persistent"
-        );
-      }
-      if (positionChanged || durationStackChanged) {
-        enforcePositionLimit(
-          this.items,
-          nextPosition,
-          this.maxToasts,
-          (ids) => markRemoved(ids),
-          "timed"
-        );
-        enforcePositionLimit(
-          this.items,
-          nextPosition,
-          this.maxToasts,
-          (ids) => markRemoved(ids),
-          "persistent"
-        );
-      }
-      if (payload.duration !== void 0) {
-        scheduleDismiss(id, updated.duration);
-      }
-    },
-    dismiss(id) {
-      markRemoved([id]);
-    },
-    dismissAt(position) {
-      const ids = this.itemsAt(position).filter((item) => !item.removed).map((item) => item.id);
-      markRemoved(ids);
-    },
-    dismissAll() {
-      const ids = this.items.filter((item) => !item.removed).map((item) => item.id);
-      markRemoved(ids);
-    },
-    destroy() {
-      for (const timer of dismissTimers.values()) {
-        clearTimeout(timer);
-      }
-      dismissTimers.clear();
-      for (const timer of purgeTimers.values()) {
-        clearTimeout(timer);
-      }
-      purgeTimers.clear();
-    }
-  };
-  function clearDismissTimer(id) {
-    const timer = dismissTimers.get(id);
-    if (timer !== void 0) {
-      clearTimeout(timer);
-      dismissTimers.delete(id);
-    }
-  }
-  function markRemoved(ids) {
-    if (ids.length === 0) {
-      return;
-    }
-    const activeStore = getStore?.() ?? store;
-    const idsToRemove = [];
-    for (const id of ids) {
-      const toast = activeStore.items.find((item) => item.id === id);
-      if (!toast || toast.removed) {
-        continue;
-      }
-      clearDismissTimer(id);
-      idsToRemove.push(id);
-    }
-    if (idsToRemove.length === 0) {
-      return;
-    }
-    const removeSet = new Set(idsToRemove);
-    activeStore.items = activeStore.items.map(
-      (item) => removeSet.has(item.id) ? { ...item, removed: true } : item
-    );
-    const batchId = createToastId();
-    const timer = setTimeout(() => {
-      purgeTimers.delete(batchId);
-      const storeForFilter = getStore?.() ?? store;
-      storeForFilter.items = storeForFilter.items.filter((item) => !removeSet.has(item.id));
-    }, dismissDelayMs);
-    purgeTimers.set(batchId, timer);
-  }
-  function scheduleDismiss(id, duration) {
-    clearDismissTimer(id);
-    if (duration === PROMISE_LOADING_DURATION) {
-      return;
-    }
-    if (shouldAutoDismiss(duration)) {
-      const timer = setTimeout(() => {
-        dismissTimers.delete(id);
-        (getStore?.() ?? store).dismiss(id);
-      }, duration);
-      dismissTimers.set(id, timer);
-    }
-  }
-  return store;
-}
-
-// src/magic.ts
-var RESERVED_TOAST_MAGIC_KEYS = /* @__PURE__ */ new Set([
-  "dismiss",
-  "update",
-  "dismissAt",
-  "dismissAll",
-  "pushUnique",
-  "fromPayload",
-  "promise"
-]);
-function pushToast(store, titleOrPayload, options = {}) {
-  if (typeof titleOrPayload === "string") {
-    return store.push({
-      title: titleOrPayload,
-      ...options
-    });
-  }
-  return store.push(titleOrPayload);
-}
-function pushVariantToast(store, variant, titleOrPayload, options = {}) {
-  if (typeof titleOrPayload === "string") {
-    return store.push({
-      title: titleOrPayload,
-      ...options,
-      variant
-    });
-  }
-  return store.push({
-    ...titleOrPayload,
-    ...options,
-    variant
-  });
-}
-function resolveSuccessTitle(data, messages) {
-  if (typeof messages.success === "function") {
-    return messages.success(data);
-  }
-  return messages.success;
-}
-function resolveSuccessContent(data, messages) {
-  const { successContent } = messages;
-  if (typeof successContent === "function") {
-    return successContent(data);
-  }
-  return successContent;
-}
-function resolveErrorTitle(messages, fallbackError) {
-  return messages.error ?? fallbackError;
-}
-function resolveToastPromise(factoryOrPromise) {
-  if (typeof factoryOrPromise === "function") {
-    return Promise.resolve(factoryOrPromise());
-  }
-  return Promise.resolve(factoryOrPromise);
-}
-function buildPromiseSuccessPatch(data, messages, successVariant, settledDuration) {
-  const successTitle = resolveSuccessTitle(data, messages);
-  const successContent = resolveSuccessContent(data, messages);
-  return {
-    ...successTitle !== void 0 ? { title: successTitle } : {},
-    ...successContent !== void 0 ? { content: successContent } : {},
-    variant: successVariant,
-    duration: settledDuration
-  };
-}
-function buildPromiseErrorPatch(messages, promiseConfig, errorVariant, settledDuration) {
-  return {
-    title: resolveErrorTitle(messages, promiseConfig.error),
-    ...messages.errorContent !== void 0 ? { content: messages.errorContent } : {},
-    variant: errorVariant,
-    duration: settledDuration
-  };
-}
-function createToastMagic(config, getStore) {
-  const magic = ((titleOrPayload, options) => pushToast(getStore(), titleOrPayload, options ?? {}));
-  magic.dismiss = (id) => getStore().dismiss(id);
-  magic.update = (id, payload) => getStore().update(id, payload);
-  magic.dismissAt = (position) => getStore().dismissAt(position);
-  magic.dismissAll = () => getStore().dismissAll();
-  magic.pushUnique = (key, payload) => getStore().pushUnique(key, payload ?? {});
-  magic.fromPayload = (payload = {}) => {
-    const { title = null, content = null, variant = "default", ...options } = payload;
-    return pushToast(getStore(), {
-      title,
-      content,
-      variant,
-      ...options
-    });
-  };
-  magic.promise = async (factoryOrPromise, messages = {}) => {
-    const promiseConfig = config.promise;
-    const loadingVariant = messages.loadingVariant ?? promiseConfig.loadingVariant;
-    const successVariant = messages.successVariant ?? promiseConfig.successVariant;
-    const errorVariant = messages.errorVariant ?? promiseConfig.errorVariant;
-    const settledDuration = messages.duration ?? promiseConfig.duration;
-    const id = getStore().push({
-      title: messages.loading ?? promiseConfig.loading,
-      content: messages.loadingContent ?? null,
-      variant: loadingVariant,
-      duration: PROMISE_LOADING_DURATION
-    });
-    try {
-      const data = await resolveToastPromise(factoryOrPromise);
-      getStore().update(
-        id,
-        buildPromiseSuccessPatch(data, messages, successVariant, settledDuration)
-      );
-      return data;
-    } catch (error) {
-      getStore().update(
-        id,
-        buildPromiseErrorPatch(messages, promiseConfig, errorVariant, settledDuration)
-      );
-      throw error;
-    }
-  };
-  for (const variant of config.variants) {
-    if (RESERVED_TOAST_MAGIC_KEYS.has(variant)) {
-      continue;
-    }
-    Object.assign(magic, {
-      [variant]: (titleOrPayload, options = {}) => pushVariantToast(getStore(), variant, titleOrPayload, options)
-    });
-  }
-  return magic;
-}
-
-// src/index.ts
-function registerAlpineToastStore(Alpine, storeKey, store) {
-  const registerStore = Alpine.store;
-  registerStore(storeKey, store);
-}
-function getToastStore(Alpine, storeKey) {
-  return Alpine.store(storeKey);
-}
-function registerToastPlugin(Alpine, options = {}) {
-  const config = resolveToastPluginConfig(options);
-  let reactiveStore;
-  let windowEventsAbort;
-  const store = createToastStore({
-    defaultPosition: config.defaultPosition,
-    positions: config.positions,
-    defaultDuration: config.defaultDuration,
-    maxToasts: config.maxToasts,
-    maxVisible: config.maxVisible,
-    getStore: () => reactiveStore ?? store
-  });
-  const baseDestroy = store.destroy.bind(store);
-  store.destroy = () => {
-    windowEventsAbort?.abort();
-    windowEventsAbort = void 0;
-    baseDestroy();
-  };
-  registerAlpineToastStore(Alpine, config.storeKey, store);
-  reactiveStore = getToastStore(Alpine, config.storeKey);
-  const toast = createToastMagic(
-    config,
-    () => getToastStore(Alpine, config.storeKey)
-  );
-  Alpine.magic("toast", () => toast);
-  if (config.listenToWindowEvents && typeof window !== "undefined") {
-    windowEventsAbort = new AbortController();
-    window.addEventListener(
-      "toast",
-      (event) => {
-        if (event instanceof CustomEvent) {
-          toast.fromPayload(
-            event.detail ?? {}
-          );
-        }
-      },
-      { signal: windowEventsAbort.signal }
-    );
-  }
-}
-function toastPlugin(optionsOrAlpine) {
-  if (optionsOrAlpine && typeof optionsOrAlpine.magic === "function") {
-    registerToastPlugin(optionsOrAlpine, {});
-    return;
-  }
-  const options = optionsOrAlpine ?? {};
-  return (Alpine) => {
-    registerToastPlugin(Alpine, options);
-  };
-}
-export {
-  PROMISE_LOADING_DURATION,
-  RESERVED_TOAST_MAGIC_KEYS,
-  TOAST_STORE_KEY,
-  createToastMagic,
-  createToastStore,
-  toastPlugin as default,
-  isPersistentDuration,
-  normalizeToastDuration,
-  resolveStackPositions,
-  resolveToastDuration,
-  resolveToastLimits,
-  resolveToastPluginConfig,
-  shouldAutoDismiss,
-  toastOptions,
-  toastPositions,
-  toastVariants
-};
-//# sourceMappingURL=index.js.map
+import{BaseController as _,createSingleton as M,generateId as h,releaseSingleton as K}from"@ailuracode/alpine-core";var c="toast",C="toast";var R=400,U=5,W=4e3,A="@ailuracode/alpine-toast/default";function x(s={}){let{scope:t,...o}=s;return M(A,()=>{let n=new y(o);return n.mount(),n},{scope:t})}var y=class extends _{#e;#l;#d;#a;#r;#y;#u;#P;#s=new Map;#T=new Map;#t=[];constructor(t){super(t.id??h("toast")),this.#e=t.defaultPosition??"bottom-right",this.#l=S(this.#e,t.positions),this.#d=t.defaultDuration??W;let o=I({maxToasts:t.maxToasts,maxVisible:t.maxVisible});this.#a=o.maxToasts,this.#r=o.maxVisible,this.#y=t.storeKey??c,this.#u=t.listenToWindowEvents!==!1,this.#P=t.getStore}destroy(){this.isDestroyed||(super.destroy(),this.#p(),K(A,this))}mount(){if(!this.isMounted){if(super.mount(),this.#u&&typeof window<"u"){let t=new AbortController,o=n=>{n instanceof CustomEvent&&this.fromPayload(n.detail??{})};window.addEventListener("toast",o,{signal:t.signal}),this.registerCleanup(()=>t.abort())}queueMicrotask(()=>{this.isDestroyed||this.#o("initialization")})}}get defaultPosition(){return this.#e}get stackPositions(){return this.#l}get maxToasts(){return this.#a}get maxVisible(){return this.#r}get items(){return this.#t}push(t={}){if(this.isDestroyed)return"";let o=t.position??this.#e,n=h("toast"),i={id:n,key:t.key??null,content:t.content??null,title:t.title??null,description:t.description??null,variant:t.variant??"default",position:o,duration:b(t.duration,this.#d),action:t.action??null,removed:!1};return this.#t=[i,...this.#t],this.#i(o,u(i.duration)?"timed":"persistent"),this.#m(n,i.duration),this.#o("push"),n}pushUnique(t,o={}){if(this.isDestroyed)return"";let n=this.#t.filter(i=>!i.removed&&i.key===t).map(i=>i.id);return this.#n(n),this.push({...o,key:t})}update(t,o={}){if(this.isDestroyed)return;let n=this.#t.find(T=>T.id===t);if(!n)return;let i=n.position,a=m(n.duration);this.#t=this.#t.map(T=>T.id===t?N(T,o):T);let e=this.#t.find(T=>T.id===t);if(!e)return;let r=e.position,l=m(e.duration),P=o.duration!==void 0&&a!==l,d=r!==i;d&&(this.#i(i,"timed"),this.#i(i,"persistent")),(d||P)&&(this.#i(r,"timed"),this.#i(r,"persistent")),o.duration!==void 0&&this.#m(t,e.duration),this.#o("update")}dismiss(t){this.isDestroyed||(this.#n([t]),this.#o("dismiss"))}dismissAt(t){if(this.isDestroyed)return;let o=this.itemsAt(t).filter(n=>!n.removed).map(n=>n.id);this.#n(o),this.#o("dismissAt")}dismissAll(){if(this.isDestroyed)return;let t=this.#t.filter(o=>!o.removed).map(o=>o.id);this.#n(t),this.#o("dismissAll")}itemsAt(t){return this.#t.filter(o=>o.position===t)}timedItemsAt(t){return this.itemsAt(t).filter(o=>u(o.duration))}persistentItemsAt(t){return this.itemsAt(t).filter(o=>m(o.duration))}activeTimedItemsAt(t){return this.timedItemsAt(t).filter(o=>!o.removed)}activePersistentItemsAt(t){return this.persistentItemsAt(t).filter(o=>!o.removed)}isVisibleAt(t,o){let n=this.timedItemsAt(t),i=n[o];if(!i||i.removed)return!1;if(this.#r<=0)return!0;let a=0;for(let e=0;e<=o;e++)n[e]&&!n[e].removed&&a++;return a<=this.#r}fromPayload(t={}){let{title:o=null,content:n=null,variant:i="default",...a}=t;return this.push({title:o,content:n,variant:i,...a})}#o(t){if(this.isDestroyed)return;let o={source:t,items:this.#t};this.emit("change",o)}#n(t){if(t.length===0)return;let o=[];for(let e of t){let r=this.#t.find(l=>l.id===e);!r||r.removed||(this.#c(e),o.push(e))}if(o.length===0)return;let n=new Set(o);this.#t=this.#t.map(e=>n.has(e.id)?{...e,removed:!0}:e);let i=h("toast-purge"),a=setTimeout(()=>{this.#T.delete(i),!this.isDestroyed&&(this.#t=this.#t.filter(e=>!n.has(e.id)),this.#o("dismiss"))},R);this.#T.set(i,a)}#i(t,o){if(this.#a<=0)return;let n=this.itemsAt(t),e=(o==="persistent"?n.filter(r=>m(r.duration)):n.filter(r=>u(r.duration))).filter(r=>!r.removed).slice(this.#a).map(r=>r.id);this.#n(e)}#m(t,o){if(this.#c(t),o!==g&&u(o)){let n=setTimeout(()=>{if(this.#s.delete(t),this.isDestroyed)return;let i=this.#P?.()??null;i?i.dismiss(t):this.dismiss(t)},o);this.#s.set(t,n)}}#c(t){let o=this.#s.get(t);o!==void 0&&(clearTimeout(o),this.#s.delete(t))}#p(){for(let t of this.#s.values())clearTimeout(t);this.#s.clear();for(let t of this.#T.values())clearTimeout(t);this.#T.clear()}};function f(s){let t={defaultPosition:s.defaultPosition,stackPositions:s.stackPositions,maxToasts:s.maxToasts,maxVisible:s.maxVisible,items:[...s.items],push(n){return s.push(n)},pushUnique(n,i){return s.pushUnique(n,i??{})},update(n,i){s.update(n,i)},dismiss(n){s.dismiss(n)},dismissAt(n){s.dismissAt(n)},dismissAll(){s.dismissAll()},destroy(){o(),s.destroy()},itemsAt(n){return this.items.filter(i=>i.position===n)},timedItemsAt(n){return this.itemsAt(n).filter(i=>u(i.duration))},persistentItemsAt(n){return this.itemsAt(n).filter(i=>m(i.duration))},activeTimedItemsAt(n){return this.timedItemsAt(n).filter(i=>!i.removed)},activePersistentItemsAt(n){return this.persistentItemsAt(n).filter(i=>!i.removed)},isVisibleAt(n,i){let a=this.timedItemsAt(n),e=a[i];if(!e||e.removed)return!1;if(this.maxVisible<=0)return!0;let r=0;for(let l=0;l<=i;l++)a[l]&&!a[l].removed&&r++;return r<=this.maxVisible}},o=s.on("change",n=>{t.items=[...n.items]});return t}function L(s={}){let t=new y(s);return t.mount(),f(t)}var g=36e5;function p(s){return s===0?!1:s}function b(s,t){return p(s===void 0?t:s)}function u(s){return typeof s=="number"&&s>0&&Number.isFinite(s)}function m(s){return!u(s)}function I(s={}){let t=s.maxToasts??U,o=s.maxVisible??t;return t>0&&o>t&&(o=t),{maxToasts:t,maxVisible:o}}function S(s,t){let o=[s];for(let n of t??[])o.includes(n)||o.push(n);return o}function N(s,t){let o={...s};return t.content!==void 0&&(o={...o,content:t.content}),t.title!==void 0&&(o={...o,title:t.title}),t.description!==void 0&&(o={...o,description:t.description}),t.variant!==void 0&&(o={...o,variant:t.variant}),t.position!==void 0&&(o={...o,position:t.position}),t.duration!==void 0&&(o={...o,duration:p(t.duration)}),t.action!==void 0&&(o={...o,action:t.action}),t.key!==void 0&&(o={...o,key:t.key}),o}import{bridgeControllerStore as Y}from"@ailuracode/alpine-core";var V={defaultPosition:"bottom-right",defaultDuration:4e3,maxToasts:5,listenToWindowEvents:!0},k=new Set(["dismiss","update","dismissAt","dismissAll","pushUnique","fromPayload","promise"]);function v(s,t){return s.includes(t)?t:"default"}function q(s,t={}){return{loading:t.loading??"Loading...",error:t.error??"Error",duration:t.duration??4e3,loadingVariant:t.loadingVariant??v(s,"loading"),successVariant:t.successVariant??v(s,"success"),errorVariant:t.errorVariant??v(s,"error")}}function O(s={}){let t=s.variants??[],o=s.positions??[],n=s.maxToasts??V.maxToasts,i=s.maxVisible??n;return n>0&&i>n&&(i=n),{defaultPosition:s.defaultPosition??V.defaultPosition,defaultDuration:s.defaultDuration??V.defaultDuration,maxToasts:n,maxVisible:i,listenToWindowEvents:s.listenToWindowEvents??V.listenToWindowEvents,storeKey:s.storeKey??c,magicKey:s.magicKey??C,variants:t,positions:o,promise:q(t,s.promise)}}function G(s){return s}function F(s){return s}function z(s){return s}function w(s={}){return function(o){let n=o,i={defaultPosition:s.defaultPosition,positions:s.positions,defaultDuration:s.defaultDuration,maxToasts:s.maxToasts,maxVisible:s.maxVisible,listenToWindowEvents:s.listenToWindowEvents,storeKey:s.storeKey},a=x(i),e=O(s),r=f(a),l=E(e,()=>r);Y({alpine:n,storeKey:e.storeKey,magicKey:e.magicKey,store:r,controller:a,packageName:"toast",magicAccessor:()=>l,subscribe:P=>{let d=P;return a.on("change",T=>{d.items=[...T.items]})}})}}function E(s,t){let o=((n,i)=>D(t(),n,i??{}));o.dismiss=n=>t().dismiss(n),o.update=(n,i)=>t().update(n,i),o.dismissAt=n=>t().dismissAt(n),o.dismissAll=()=>t().dismissAll(),o.pushUnique=(n,i)=>t().pushUnique(n,i??{}),o.fromPayload=(n={})=>{let{title:i=null,content:a=null,variant:e="default",...r}=n;return D(t(),{title:i,content:a,variant:e,...r})},o.promise=async(n,i={})=>{let a=s.promise,e=i.loadingVariant??a.loadingVariant,r=i.successVariant??a.successVariant,l=i.errorVariant??a.errorVariant,P=i.duration??a.duration,d=t().push({title:i.loading??a.loading,content:i.loadingContent??null,variant:e,duration:g});try{let T=await J(n);return t().update(d,Q(T,i,r,P)),T}catch(T){throw t().update(d,Z(i,a,l,P)),T}};for(let n of s.variants)k.has(n)||Object.assign(o,{[n]:(i,a={})=>j(t(),n,i,a)});return o}function D(s,t,o={}){return typeof t=="string"?s.push({title:t,...o}):s.push(t)}function j(s,t,o,n={}){return typeof o=="string"?s.push({title:o,...n,variant:t}):s.push({...o,...n,variant:t})}function B(s,t){return typeof t.success=="function"?t.success(s):t.success}function X(s,t){let{successContent:o}=t;return typeof o=="function"?o(s):o}function H(s,t){return s.error??t}function J(s){return typeof s=="function"?Promise.resolve(s()):Promise.resolve(s)}function Q(s,t,o,n){let i=B(s,t),a=X(s,t);return{...i!==void 0?{title:i}:{},...a!==void 0?{content:a}:{},variant:o,duration:n}}function Z(s,t,o,n){return{title:H(s,t.error),...s.errorContent!==void 0?{content:s.errorContent}:{},variant:o,duration:n}}export{g as PROMISE_LOADING_DURATION,k as RESERVED_TOAST_MAGIC_KEYS,C as TOAST_MAGIC_KEY,c as TOAST_STORE_KEY,y as ToastController,x as createToastController,E as createToastMagic,L as createToastStore,w as default,m as isPersistentDuration,p as normalizeToastDuration,S as resolveStackPositions,b as resolveToastDuration,I as resolveToastLimits,O as resolveToastPluginConfig,u as shouldAutoDismiss,G as toastOptions,w as toastPlugin,z as toastPositions,F as toastVariants,f as wrapToastStore};

package/package.json

@@ -1,26 +1,28 @@
 {
   "name": "@ailuracode/alpine-toast",
-  "version": "0.1.1",
+  "version": "2.0.0",
   "description": "Alpine.js in-app toast queue magic",
   "type": "module",
   "license": "MIT",
   "author": "ailuracode",
+  "sideEffects": false,
   "publishConfig": {
     "access": "public"
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/ailuracode/alpine.git",
+    "url": "git+https://github.com/ailuracode/alpinejs-toolkit.git",
     "directory": "packages/toast"
   },
   "bugs": {
-    "url": "https://github.com/ailuracode/alpine/issues"
+    "url": "https://github.com/ailuracode/alpinejs-toolkit/issues"
   },
-  "homepage": "https://github.com/ailuracode/alpine/tree/master/packages/toast#readme",
+  "homepage": "https://github.com/ailuracode/alpinejs-toolkit/tree/master/packages/toast#readme",
   "files": [
     "dist",
     "README.md"
   ],
+  "types": "./dist/global.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -30,16 +32,20 @@
       "types": "./dist/global.d.ts"
     }
   },
-  "types": "./dist/global.d.ts",
   "peerDependencies": {
-    "alpinejs": "^3.0.0",
-    "@types/alpinejs": "^3.13.11"
+    "@ailuracode/alpine-core": "^0.3.0",
+    "alpinejs": "^3.0.0"
   },
   "peerDependenciesMeta": {
     "@types/alpinejs": {
       "optional": true
     }
   },
+  "devDependencies": {
+    "@types/alpinejs": "^3.13.11",
+    "alpinejs": "^3.15.12",
+    "@ailuracode/alpine-core": "0.3.0"
+  },
   "keywords": [
     "alpinejs",
     "alpine",
@@ -48,8 +54,29 @@
     "sonner",
     "notifications"
   ],
+  "toolkit": {
+    "bundleBudget": {
+      "category": "complex-feature"
+    }
+  },
+  "size-limit": [
+    {
+      "name": "full surface",
+      "path": "dist/index.js",
+      "import": "*",
+      "ignore": [
+        "alpinejs",
+        "@ailuracode/alpine-core"
+      ],
+      "gzip": true,
+      "brotli": true,
+      "limit": "3.7 kB"
+    }
+  ],
   "scripts": {
-    "build": "tsup src/index.ts --format esm --dts --clean --sourcemap --out-dir dist && cp src/global.d.ts dist/global.d.ts",
-    "test": "vitest run --config ../../vitest.config.ts test"
+    "build": "tsup src/index.ts --format esm --dts --clean --out-dir dist --minify && cp src/global.d.ts dist/global.d.ts",
+    "size": "size-limit",
+    "test": "vitest run --config ../../vitest.config.ts packages/toast",
+    "test:e2e": "playwright test --config playwright.config.ts"
   }
 }