react-toast-msg 0.0.1 → 0.1.0

package/README.md

@@ -0,0 +1,82 @@
+# 🚀 react-toast-msg
+
+A lightweight, zero-config, customizable React toast notification library — just plug and play.
+
+## ✨ Features
+
+- ⚡ Extremely fast and minimal
+- 📦 Tree-shakable and zero external CSS
+- 🧩 Works with both `import` and `require`
+- 🎨 Easy to style with utility classes
+- ✅ Works with React 18+
+
+---
+
+## 📦 Installation
+
+```bash
+npm install react-toast-msg
+# or
+yarn add react-toast-msg
+````
+
+---
+
+## 🔧 Usage
+
+### 1. Add the `ToastContainer` at the root of your app (once):
+
+```jsx
+import { ToastContainer, toast } from 'react-toast-msg';
+
+function App() {
+  return (
+    <>
+      <ToastContainer />
+      <button onClick={() => toast('This is a toast!')}>Show Toast</button>
+    </>
+  );
+}
+```
+
+---
+
+## 🪄 Variants
+
+```js
+toast('Default toast');
+toast.success('Success message!');
+toast.error('Something went wrong!');
+toast.info('Some useful info');
+```
+
+---
+
+## 🎨 Customization (Coming Soon)
+
+Style your toasts with Tailwind, classNames, or inline styles. Theme support and placement config coming in the next release.
+
+---
+
+## 🔌 API
+
+| Function             | Description        |
+| -------------------- | ------------------ |
+| `toast(msg)`         | Show a basic toast |
+| `toast.success(msg)` | Success variant    |
+| `toast.error(msg)`   | Error variant      |
+| `toast.info(msg)`    | Info variant       |
+
+---
+
+## 📚 License
+
+MIT © [Sudhanshu Kumar](https://github.com/sudhucodes)
+
+---
+
+## 🌐 Links
+
+* 📁 [GitHub Repo](https://github.com/sudhucodes/react-toast-msg)
+* 🐞 [Issue Tracker](https://github.com/sudhucodes/react-toast-msg/issues)
+* 📦 [npm Package](https://www.npmjs.com/package/react-toast-msg)

package/dist/index.es.js

@@ -0,0 +1,136 @@
+import React, { useState, useEffect } from 'react';
+
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+function _arrayWithHoles(r) {
+  if (Array.isArray(r)) return r;
+}
+function _arrayWithoutHoles(r) {
+  if (Array.isArray(r)) return _arrayLikeToArray(r);
+}
+function _iterableToArray(r) {
+  if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
+}
+function _iterableToArrayLimit(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e,
+      n,
+      i,
+      u,
+      a = [],
+      f = !0,
+      o = !1;
+    try {
+      if (i = (t = t.call(r)).next, 0 === l) {
+        if (Object(t) !== t) return;
+        f = !1;
+      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+    } catch (r) {
+      o = !0, n = r;
+    } finally {
+      try {
+        if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
+      } finally {
+        if (o) throw n;
+      }
+    }
+    return a;
+  }
+}
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _slicedToArray(r, e) {
+  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
+}
+function _toConsumableArray(r) {
+  return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
+}
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
+}
+
+function ToastContainer() {
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    toasts = _useState2[0],
+    setToasts = _useState2[1];
+  useEffect(function () {
+    _register(function (toast) {
+      setToasts(function (prev) {
+        return [].concat(_toConsumableArray(prev), [toast]);
+      });
+      setTimeout(function () {
+        setToasts(function (prev) {
+          return prev.slice(1);
+        });
+      }, 3000);
+    });
+  }, []);
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      position: 'fixed',
+      top: 20,
+      left: '50%',
+      transform: 'translateX(-50%)',
+      zIndex: 9999,
+      display: 'flex',
+      flexDirection: 'column',
+      gap: '8px',
+      width: 'auto',
+      maxWidth: '90vw'
+    }
+  }, toasts.map(function (t, i) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: i,
+      style: {
+        padding: '10px 20px',
+        borderRadius: 4,
+        color: '#000',
+        backgroundColor: t.type === 'success' ? '#d4edda' : t.type === 'error' ? '#f8d7da' : '#fff',
+        boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+        minWidth: 200,
+        maxWidth: 400
+      }
+    }, t.message);
+  }));
+}
+
+var addToast;
+var toast = {
+  show: function show(message) {
+    addToast && addToast({
+      message: message,
+      type: 'default'
+    });
+  },
+  success: function success(message) {
+    addToast && addToast({
+      message: message,
+      type: 'success'
+    });
+  },
+  error: function error(message) {
+    addToast && addToast({
+      message: message,
+      type: 'error'
+    });
+  }
+};
+function _register(fn) {
+  addToast = fn;
+}
+
+export { ToastContainer, _register, toast };
+//# sourceMappingURL=index.es.js.map

package/dist/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../src/ToastContainer.jsx","../src/index.js"],"sourcesContent":["import React, { useEffect, useState } from 'react';\r\nimport { _register } from './index.js';\r\n\r\nexport default function ToastContainer() {\r\n    const [toasts, setToasts] = useState([]);\r\n\r\n    useEffect(() => {\r\n        _register((toast) => {\r\n            setToasts((prev) => [...prev, toast]);\r\n            setTimeout(() => {\r\n                setToasts((prev) => prev.slice(1));\r\n            }, 3000);\r\n        });\r\n    }, []);\r\n\r\n    return (\r\n        <div style={{\r\n            position: 'fixed',\r\n            top: 20,\r\n            left: '50%',\r\n            transform: 'translateX(-50%)',\r\n            zIndex: 9999,\r\n            display: 'flex',\r\n            flexDirection: 'column',\r\n            gap: '8px',\r\n            width: 'auto',\r\n            maxWidth: '90vw',\r\n        }}>\r\n            {toasts.map((t, i) => (\r\n                <div\r\n                    key={i}\r\n                    style={{\r\n                        padding: '10px 20px',\r\n                        borderRadius: 4,\r\n                        color: '#000',\r\n                        backgroundColor:\r\n                            t.type === 'success' ? '#d4edda' :\r\n                                t.type === 'error' ? '#f8d7da' :\r\n                                    '#fff',\r\n                        boxShadow: '0 2px 6px rgba(0,0,0,0.15)',\r\n                        minWidth: 200,\r\n                        maxWidth: 400,\r\n                    }}\r\n                >\r\n                    {t.message}\r\n                </div>\r\n            ))}\r\n        </div>\r\n    );\r\n}\r\n","import ToastContainer from './ToastContainer.jsx';\r\n\r\nlet addToast;\r\n\r\nconst toast = {\r\n    show(message) {\r\n        addToast && addToast({ message, type: 'default' });\r\n    },\r\n    success(message) {\r\n        addToast && addToast({ message, type: 'success' });\r\n    },\r\n    error(message) {\r\n        addToast && addToast({ message, type: 'error' });\r\n    },\r\n};\r\n\r\nfunction _register(fn) {\r\n    addToast = fn;\r\n}\r\n\r\nexport { ToastContainer, toast, _register };\r\n"],"names":["ToastContainer","_useState","useState","_useState2","_slicedToArray","toasts","setToasts","useEffect","_register","toast","prev","concat","_toConsumableArray","setTimeout","slice","React","createElement","style","position","top","left","transform","zIndex","display","flexDirection","gap","width","maxWidth","map","t","i","key","padding","borderRadius","color","backgroundColor","type","boxShadow","minWidth","message","addToast","show","success","error","fn"],"mappings":"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"}

package/dist/index.js

@@ -0,0 +1,140 @@
+'use strict';
+
+var React = require('react');
+
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+function _arrayWithHoles(r) {
+  if (Array.isArray(r)) return r;
+}
+function _arrayWithoutHoles(r) {
+  if (Array.isArray(r)) return _arrayLikeToArray(r);
+}
+function _iterableToArray(r) {
+  if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
+}
+function _iterableToArrayLimit(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e,
+      n,
+      i,
+      u,
+      a = [],
+      f = !0,
+      o = !1;
+    try {
+      if (i = (t = t.call(r)).next, 0 === l) {
+        if (Object(t) !== t) return;
+        f = !1;
+      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+    } catch (r) {
+      o = !0, n = r;
+    } finally {
+      try {
+        if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
+      } finally {
+        if (o) throw n;
+      }
+    }
+    return a;
+  }
+}
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _slicedToArray(r, e) {
+  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
+}
+function _toConsumableArray(r) {
+  return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
+}
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
+}
+
+function ToastContainer() {
+  var _useState = React.useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    toasts = _useState2[0],
+    setToasts = _useState2[1];
+  React.useEffect(function () {
+    _register(function (toast) {
+      setToasts(function (prev) {
+        return [].concat(_toConsumableArray(prev), [toast]);
+      });
+      setTimeout(function () {
+        setToasts(function (prev) {
+          return prev.slice(1);
+        });
+      }, 3000);
+    });
+  }, []);
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      position: 'fixed',
+      top: 20,
+      left: '50%',
+      transform: 'translateX(-50%)',
+      zIndex: 9999,
+      display: 'flex',
+      flexDirection: 'column',
+      gap: '8px',
+      width: 'auto',
+      maxWidth: '90vw'
+    }
+  }, toasts.map(function (t, i) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: i,
+      style: {
+        padding: '10px 20px',
+        borderRadius: 4,
+        color: '#000',
+        backgroundColor: t.type === 'success' ? '#d4edda' : t.type === 'error' ? '#f8d7da' : '#fff',
+        boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+        minWidth: 200,
+        maxWidth: 400
+      }
+    }, t.message);
+  }));
+}
+
+var addToast;
+var toast = {
+  show: function show(message) {
+    addToast && addToast({
+      message: message,
+      type: 'default'
+    });
+  },
+  success: function success(message) {
+    addToast && addToast({
+      message: message,
+      type: 'success'
+    });
+  },
+  error: function error(message) {
+    addToast && addToast({
+      message: message,
+      type: 'error'
+    });
+  }
+};
+function _register(fn) {
+  addToast = fn;
+}
+
+exports.ToastContainer = ToastContainer;
+exports._register = _register;
+exports.toast = toast;
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/ToastContainer.jsx","../src/index.js"],"sourcesContent":["import React, { useEffect, useState } from 'react';\r\nimport { _register } from './index.js';\r\n\r\nexport default function ToastContainer() {\r\n    const [toasts, setToasts] = useState([]);\r\n\r\n    useEffect(() => {\r\n        _register((toast) => {\r\n            setToasts((prev) => [...prev, toast]);\r\n            setTimeout(() => {\r\n                setToasts((prev) => prev.slice(1));\r\n            }, 3000);\r\n        });\r\n    }, []);\r\n\r\n    return (\r\n        <div style={{\r\n            position: 'fixed',\r\n            top: 20,\r\n            left: '50%',\r\n            transform: 'translateX(-50%)',\r\n            zIndex: 9999,\r\n            display: 'flex',\r\n            flexDirection: 'column',\r\n            gap: '8px',\r\n            width: 'auto',\r\n            maxWidth: '90vw',\r\n        }}>\r\n            {toasts.map((t, i) => (\r\n                <div\r\n                    key={i}\r\n                    style={{\r\n                        padding: '10px 20px',\r\n                        borderRadius: 4,\r\n                        color: '#000',\r\n                        backgroundColor:\r\n                            t.type === 'success' ? '#d4edda' :\r\n                                t.type === 'error' ? '#f8d7da' :\r\n                                    '#fff',\r\n                        boxShadow: '0 2px 6px rgba(0,0,0,0.15)',\r\n                        minWidth: 200,\r\n                        maxWidth: 400,\r\n                    }}\r\n                >\r\n                    {t.message}\r\n                </div>\r\n            ))}\r\n        </div>\r\n    );\r\n}\r\n","import ToastContainer from './ToastContainer.jsx';\r\n\r\nlet addToast;\r\n\r\nconst toast = {\r\n    show(message) {\r\n        addToast && addToast({ message, type: 'default' });\r\n    },\r\n    success(message) {\r\n        addToast && addToast({ message, type: 'success' });\r\n    },\r\n    error(message) {\r\n        addToast && addToast({ message, type: 'error' });\r\n    },\r\n};\r\n\r\nfunction _register(fn) {\r\n    addToast = fn;\r\n}\r\n\r\nexport { ToastContainer, toast, _register };\r\n"],"names":["ToastContainer","_useState","useState","_useState2","_slicedToArray","toasts","setToasts","useEffect","_register","toast","prev","concat","_toConsumableArray","setTimeout","slice","React","createElement","style","position","top","left","transform","zIndex","display","flexDirection","gap","width","maxWidth","map","t","i","key","padding","borderRadius","color","backgroundColor","type","boxShadow","minWidth","message","addToast","show","success","error","fn"],"mappings":"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"}

package/package.json

@@ -1,12 +1,45 @@
 {
-  "name": "react-toast-msg",
-  "version": "0.0.1",
-  "main": "index.js",
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
-  },
-  "keywords": [],
-  "author": "SudhuCodes",
-  "license": "ISC",
-  "description": "Working on it"
-}
+    "name": "react-toast-msg",
+    "version": "0.1.0",
+    "description": "A lightweight, customizable React toast notification library with zero-config and fast setup.",
+    "main": "dist/index.js",
+    "module": "dist/index.es.js",
+    "files": [
+        "dist"
+    ],
+    "scripts": {
+        "build": "rollup -c"
+    },
+    "keywords": [
+        "react",
+        "toast",
+        "notification",
+        "react-toast",
+        "react-toastify",
+        "snackbar",
+        "react-toast-msg",
+        "toast-component"
+    ],
+    "author": "SudhuCodes",
+    "license": "MIT",
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/sudhucodes/react-toast-msg.git"
+    },
+    "bugs": {
+        "url": "https://github.com/sudhucodes/react-toast-msg/issues"
+    },
+    "homepage": "https://github.com/sudhucodes/react-toast-msg#readme",
+    "peerDependencies": {
+        "react": "^18.0.0",
+        "react-dom": "^18.0.0"
+    },
+    "devDependencies": {
+        "@babel/core": "^7.27.3",
+        "@babel/preset-env": "^7.27.2",
+        "@babel/preset-react": "^7.27.1",
+        "@rollup/plugin-babel": "^6.0.4",
+        "@rollup/plugin-node-resolve": "^15.0.1",
+        "rollup": "^3.22.0"
+    }
+}