@samline/notify 1.0.2 → 2.0.0

package/package.json

@@ -1,97 +1,142 @@
 {
-	"name": "@samline/notify",
-	"version": "1.0.2",
-	"description": "A toast notification library designed to bring beautiful, animated notifications to React, Vue, Svelte, and Vanilla JS. Seamless integration across multiple frameworks.",
-	"keywords": [
-		"toast",
-		"notification",
-		"react",
-		"vue",
-		"svelte",
-		"vanilla"
-	],
-	"homepage": "https://github.com/samline/notify",
-	"bugs": {
-		"url": "https://github.com/samline/notify/issues"
-	},
-	"license": "MIT",
-	"repository": {
-		"type": "git",
-		"url": "https://github.com/samline/notify"
-	},
-	"exports": {
-		".": {
-			"import": {
-				"types": "./dist/notify.d.mts",
-				"default": "./dist/notify.mjs"
-			},
-			"require": {
-				"types": "./dist/notify.d.ts",
-				"default": "./dist/notify.js"
-			},
-			"default": "./dist/notify.js"
-		},
-		"./react": {
-			"import": {
-				"types": "./dist/react.d.mts",
-				"default": "./dist/react.mjs"
-			},
-			"require": {
-				"types": "./dist/react.d.ts",
-				"default": "./dist/react.js"
-			},
-			"default": "./dist/react.js"
-		},
-		"./vue": {
-			"import": {
-				"types": "./dist/vue.d.mts",
-				"default": "./dist/vue.mjs"
-			},
-			"require": {
-				"types": "./dist/vue.d.ts",
-				"default": "./dist/vue.js"
-			},
-			"default": "./dist/vue.js"
-		},
-		"./svelte": {
-			"import": {
-				"types": "./dist/svelte.d.mts",
-				"default": "./dist/svelte.mjs"
-			},
-			"require": {
-				"types": "./dist/svelte.d.ts",
-				"default": "./dist/svelte.js"
-			},
-			"default": "./dist/svelte.js"
-		}
-	},
-	"main": "./dist/notify.js",
-	"types": "./dist/notify.d.ts",
-	"files": [
-		"dist"
-	],
-	"scripts": {
-		"build": "node scripts/build.js",
-		"dev": "bunchee --watch",
-		"test": "vitest run",
-		"typecheck": "tsc --noEmit"
-	},
-	"peerDependencies": {
-		"react": ">=18",
-		"react-dom": ">=18"
-	},
-	"devDependencies": {
-		"@testing-library/jest-dom": "^6.9.1",
-		"@testing-library/react": "^16.3.2",
-		"@types/react": "^19.2.14",
-		"bunchee": "^6.9.4",
-		"jsdom": "^29.0.1",
-		"svelte": "^5.55.1",
-		"typescript": "^5.9.3",
-		"vitest": "^4.1.2",
-		"vue": "^3.5.31"
-	},
-	"dependencies": {
-		"motion": "^12.34.0"
-	}
+  "name": "@samline/notify",
+  "version": "2.0.0",
+  "description": "A universal toast notification package for React, Vue, Svelte, vanilla JS, and browser/CDN usage.",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.mts",
+        "default": "./dist/index.mjs"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "default": "./dist/index.js"
+    },
+    "./react": {
+      "import": {
+        "types": "./dist/react/index.d.mts",
+        "default": "./dist/react/index.mjs"
+      },
+      "require": {
+        "types": "./dist/react/index.d.ts",
+        "default": "./dist/react/index.js"
+      },
+      "default": "./dist/react/index.js"
+    },
+    "./core": {
+      "import": {
+        "types": "./dist/core/index.d.mts",
+        "default": "./dist/core/index.mjs"
+      },
+      "require": {
+        "types": "./dist/core/index.d.ts",
+        "default": "./dist/core/index.js"
+      },
+      "default": "./dist/core/index.js"
+    },
+    "./browser": {
+      "import": {
+        "types": "./dist/browser/index.d.mts",
+        "default": "./dist/browser/index.mjs"
+      },
+      "require": {
+        "types": "./dist/browser/index.d.ts",
+        "default": "./dist/browser/index.js"
+      },
+      "default": "./dist/browser/index.js"
+    },
+    "./vue": {
+      "import": {
+        "types": "./dist/vue/index.d.mts",
+        "default": "./dist/vue/index.mjs"
+      },
+      "require": {
+        "types": "./dist/vue/index.d.ts",
+        "default": "./dist/vue/index.js"
+      },
+      "default": "./dist/vue/index.js"
+    },
+    "./svelte": {
+      "import": {
+        "types": "./dist/svelte/index.d.mts",
+        "default": "./dist/svelte/index.mjs"
+      },
+      "require": {
+        "types": "./dist/svelte/index.d.ts",
+        "default": "./dist/svelte/index.js"
+      },
+      "default": "./dist/svelte/index.js"
+    },
+    "./styles.css": "./dist/styles.css",
+    "./dist/styles.css": "./dist/styles.css"
+  },
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "bun scripts/build.mjs --watch",
+    "build": "bun scripts/build.mjs",
+    "type-check": "bunx tsc --noEmit",
+    "format": "bunx prettier --write .",
+    "test": "bunx vitest run tests/runtime.test.ts tests/state.test.ts --environment node --globals",
+    "test:watch": "bunx vitest tests/runtime.test.ts tests/state.test.ts --environment node --globals"
+  },
+  "keywords": [
+    "react",
+    "vue",
+    "svelte",
+    "vanilla-js",
+    "browser",
+    "notifications",
+    "toast",
+    "snackbar",
+    "message"
+  ],
+  "author": "Emil Kowalski <e@emilkowal.ski>",
+  "license": "MIT",
+  "homepage": "https://github.com/samline/notify",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/samline/notify.git"
+  },
+  "bugs": {
+    "url": "https://github.com/samline/notify/issues"
+  },
+  "devDependencies": {
+    "@types/node": "^18.11.13",
+    "@types/react": "^18.0.26",
+    "bunchee": "6.3.3",
+    "prettier": "^2.8.4",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "svelte": "^5.0.0",
+    "vue": "3.4.0",
+    "typescript": "^4.8.4",
+    "vitest": "^2.1.8"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0 || ^19.0.0-rc",
+    "react-dom": "^18.0.0 || ^19.0.0 || ^19.0.0-rc",
+    "vue": "^3.4.0",
+    "svelte": "^4.2.0 || ^5.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    },
+    "vue": {
+      "optional": true
+    },
+    "svelte": {
+      "optional": true
+    }
+  },
+  "packageManager": "bun@1.1.29"
 }

package/dist/browser-notify.js

@@ -1,68 +0,0 @@
-(() => {
-  // src/core/notify-core.ts
-  class NotifyCore {
-    toasts = [];
-    listeners = new Set;
-    position = "top-right";
-    options = undefined;
-    idCounter = 0;
-    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 ? { ...t, exiting: true } : t));
-      setTimeout(() => this.update((prev) => prev.filter((t) => t.id !== id)), 600);
-    }
-    show(opts) {
-      const id = opts.title ? `notify-${opts.title}` : "notify-default";
-      const prevItem = this.toasts.find((t) => t.id === id);
-      const instanceId = prevItem?.instanceId ?? this.generateId();
-      const state = opts.type ?? prevItem?.type ?? "success";
-      const item = {
-        ...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;
-    }
-  }
-  var notifyCore = new NotifyCore;
-
-  // src/browser-notify.js
-  var notifyApi = {
-    show: (options) => notifyCore.show(options),
-    dismiss: (id) => notifyCore.dismiss(id),
-    clear: () => {
-      for (const toast of notifyCore.getToasts()) {
-        notifyCore.dismiss(toast.id);
-      }
-    },
-    subscribe: (listener) => notifyCore.subscribe(listener)
-  };
-  window.notify = notifyApi;
-})();

package/dist/cc-2Yt7NqMX.mjs

@@ -1,21 +0,0 @@
-function __insertCSS(code) {
-  if (!code || typeof document == 'undefined') return
-  let head = document.head || document.getElementsByTagName('head')[0]
-  let style = document.createElement('style')
-  style.type = 'text/css'
-  head.appendChild(style)
-  ;style.styleSheet ? (style.styleSheet.cssText = code) : style.appendChild(document.createTextNode(code))
-}
-
-function _extends() {
-    _extends = Object.assign || function assign(target) {
-        for(var i = 1; i < arguments.length; i++){
-            var source = arguments[i];
-            for(var key in source)if (Object.prototype.hasOwnProperty.call(source, key)) target[key] = source[key];
-        }
-        return target;
-    };
-    return _extends.apply(this, arguments);
-}
-
-export { _extends as _ };

package/dist/cc-B6peeNak.mjs

@@ -1,33 +0,0 @@
-function __insertCSS(code) {
-  if (!code || typeof document == 'undefined') return
-  let head = document.head || document.getElementsByTagName('head')[0]
-  let style = document.createElement('style')
-  style.type = 'text/css'
-  head.appendChild(style)
-  ;style.styleSheet ? (style.styleSheet.cssText = code) : style.appendChild(document.createTextNode(code))
-}
-
-function _extends() {
-    _extends = Object.assign || function assign(target) {
-        for(var i = 1; i < arguments.length; i++){
-            var source = arguments[i];
-            for(var key in source)if (Object.prototype.hasOwnProperty.call(source, key)) target[key] = source[key];
-        }
-        return target;
-    };
-    return _extends.apply(this, arguments);
-}
-
-function _object_without_properties_loose(source, excluded) {
-    if (source == null) return {};
-    var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
-    for(i = 0; i < sourceKeys.length; i++){
-        key = sourceKeys[i];
-        if (excluded.indexOf(key) >= 0) continue;
-        if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-        target[key] = source[key];
-    }
-    return target;
-}
-
-export { _extends as _, _object_without_properties_loose as a };

package/dist/cc-BWuAzFJ6.js

@@ -1,12 +0,0 @@
-function _extends() {
-    _extends = Object.assign || function assign(target) {
-        for(var i = 1; i < arguments.length; i++){
-            var source = arguments[i];
-            for(var key in source)if (Object.prototype.hasOwnProperty.call(source, key)) target[key] = source[key];
-        }
-        return target;
-    };
-    return _extends.apply(this, arguments);
-}
-
-exports._extends = _extends;

package/dist/cc-CaBHsjUt.js

@@ -1,34 +0,0 @@
-function __insertCSS(code) {
-  if (!code || typeof document == 'undefined') return
-  let head = document.head || document.getElementsByTagName('head')[0]
-  let style = document.createElement('style')
-  style.type = 'text/css'
-  head.appendChild(style)
-  ;style.styleSheet ? (style.styleSheet.cssText = code) : style.appendChild(document.createTextNode(code))
-}
-
-function _extends() {
-    _extends = Object.assign || function assign(target) {
-        for(var i = 1; i < arguments.length; i++){
-            var source = arguments[i];
-            for(var key in source)if (Object.prototype.hasOwnProperty.call(source, key)) target[key] = source[key];
-        }
-        return target;
-    };
-    return _extends.apply(this, arguments);
-}
-
-function _object_without_properties_loose(source, excluded) {
-    if (source == null) return {};
-    var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
-    for(i = 0; i < sourceKeys.length; i++){
-        key = sourceKeys[i];
-        if (excluded.indexOf(key) >= 0) continue;
-        if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-        target[key] = source[key];
-    }
-    return target;
-}
-
-exports._extends = _extends;
-exports._object_without_properties_loose = _object_without_properties_loose;

package/dist/cc-DGff5sSY.js

@@ -1,21 +0,0 @@
-function __insertCSS(code) {
-  if (!code || typeof document == 'undefined') return
-  let head = document.head || document.getElementsByTagName('head')[0]
-  let style = document.createElement('style')
-  style.type = 'text/css'
-  head.appendChild(style)
-  ;style.styleSheet ? (style.styleSheet.cssText = code) : style.appendChild(document.createTextNode(code))
-}
-
-function _extends() {
-    _extends = Object.assign || function assign(target) {
-        for(var i = 1; i < arguments.length; i++){
-            var source = arguments[i];
-            for(var key in source)if (Object.prototype.hasOwnProperty.call(source, key)) target[key] = source[key];
-        }
-        return target;
-    };
-    return _extends.apply(this, arguments);
-}
-
-exports._extends = _extends;

package/dist/cc-he3fHS3P.mjs

@@ -1,12 +0,0 @@
-function _extends() {
-    _extends = Object.assign || function assign(target) {
-        for(var i = 1; i < arguments.length; i++){
-            var source = arguments[i];
-            for(var key in source)if (Object.prototype.hasOwnProperty.call(source, key)) target[key] = source[key];
-        }
-        return target;
-    };
-    return _extends.apply(this, arguments);
-}
-
-export { _extends as _ };

package/dist/notify.d.mts

@@ -1,48 +0,0 @@
-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 showNotifyToast(options: NotifyOptions): string;
-declare function onNotifyToastsChange(fn: (toasts: NotifyItem[]) => void): () => void;
-
-declare function renderNotifyToasts(options?: {
-    position?: NotifyPosition;
-}): () => boolean;
-
-export { onNotifyToastsChange, renderNotifyToasts, showNotifyToast };
-export type { NotifyButton, NotifyOptions, NotifyPosition, NotifyState, NotifyStyles };
-//# sourceMappingURL=notify.d.mts.map

package/dist/notify.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"notify.d.mts","sources":["../src/types.ts","../src/core/notify-core.ts","../src/vanilla-notify.ts","../src/render-notify-toasts.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;;ACPA,iBAAiB,eAAe,UAAU,aAAa;AACvD,iBAAiB,oBAAoB,cAAc,UAAU;;ACD7D,iBAAiB,kBAAkB;AACnC,eAAe,cAAc;AAC7B;;;;","names":[]}

package/dist/notify.d.ts

@@ -1,48 +0,0 @@
-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 showNotifyToast(options: NotifyOptions): string;
-declare function onNotifyToastsChange(fn: (toasts: NotifyItem[]) => void): () => void;
-
-declare function renderNotifyToasts(options?: {
-    position?: NotifyPosition;
-}): () => boolean;
-
-export { onNotifyToastsChange, renderNotifyToasts, showNotifyToast };
-export type { NotifyButton, NotifyOptions, NotifyPosition, NotifyState, NotifyStyles };
-//# sourceMappingURL=notify.d.ts.map

package/dist/notify.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"notify.d.ts","sources":["../src/types.ts","../src/core/notify-core.ts","../src/vanilla-notify.ts","../src/render-notify-toasts.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;;ACPA,iBAAiB,eAAe,UAAU,aAAa;AACvD,iBAAiB,oBAAoB,cAAc,UAAU;;ACD7D,iBAAiB,kBAAkB;AACnC,eAAe,cAAc;AAC7B;;;;","names":[]}