customizable-toast-notification 1.0.0

package/LICENSE

@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

package/README.md

@@ -0,0 +1,81 @@
+#Customizable Toast Notification Library
+A highly customizable toast notification library for modern web applications, providing a simple way to create notifications with dynamic options.
+
+#Features
+Supports info, success, error, and warning notification types.
+Customizable message, background color, text color, and duration.
+Allows setting the position of the toast (e.g., top-right, bottom-left, etc.).
+Includes an optional close button.
+Built-in queuing mechanism to ensure notifications do not overlap.
+Supports dynamic options like custom colors and messages.
+Installation
+To install this package, run:
+
+#bash
+Copy code
+npm install customizable-toast-notification
+Usage
+Importing the Library
+javascript
+Copy code
+import { createToast, setDefaultColors, setDefaultMessages } from 'customizable-toast-notification';
+Creating a Toast Notification
+You can create a toast notification by calling the createToast function with various options:
+
+javascript
+Copy code
+createToast({
+  message: 'This is a custom message',
+  duration: 5000, // Display for 5 seconds
+  position: 'top-right', // Position on the screen
+  type: 'success', // Type of toast (info, success, warning, error)
+  backgroundColor: 'green', // Custom background color
+  textColor: 'white', // Custom text color
+  showCloseButton: true // Display the close button
+});
+
+#Available Options
+Option	Type	Default	Description
+message	String	Depends on type	The message to display in the toast.
+duration	Number	3000	The duration (in ms) to display the toast.
+position	String	bottom-right	Where to position the toast (top-right, bottom-left, etc.).
+type	String	info	Type of the toast (info, success, error, warning).
+backgroundColor	String	Depends on type	Custom background color for the toast.
+textColor	String	white	Custom text color.
+showCloseButton	Boolean	false	Whether to show a close button in the toast.
+Customizing Default Colors and Messages
+You can customize default colors and messages for different toast types:
+
+javascript
+Copy code
+setDefaultColors({
+  success: 'green',
+  error: 'darkred'
+});
+
+setDefaultMessages({
+  success: 'Operation completed!',
+  error: 'Something went wrong!'
+});
+Example Usage in HTML
+html
+Copy code
+<button id="showToast">Show Toast</button>
+
+<script>
+  document.getElementById('showToast').addEventListener('click', () => {
+    createToast({
+      message: 'This is a custom toast message.',
+      duration: 4000,
+      position: 'top-right',
+      type: 'warning',
+      backgroundColor: 'red',
+      textColor: 'yellow',
+      showCloseButton: true
+    });
+  });
+</script>
+
+#License
+This project is licensed under the MIT License.
+

package/dist/index.cjs.js

@@ -0,0 +1,19 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});
+/**
+ * @fileoverview A simple toast notification library for any JavaScript framework.
+ * @name Toast Notifications
+ * @author Priyanshu Patel
+ * @version 1.0.0
+ * @license MIT
+ * @depends None
+ * @description This library provides a simple way to create toast notifications.
+ * Author: Priyanshu Patel
+ * Email: priyanshu.alt191@gmail.com
+ * Created: July 31, 2024
+ * Description: A simple toast notification library for any JavaScript framework.
+ * Version: 1.0.0
+ * License: MIT
+ * Dependencies: None
+ */
+let e={info:"blue",success:"green",error:"red",warning:"darkorange"},t={info:"This is an info message.",success:"Action completed successfully!",error:"An error occurred!",warning:"This is a warning message!"};const o=[];let s=!1;function n(){if(0===o.length||s)return;s=!0;const{message:r,duration:i,position:a,type:l,backgroundColor:c,textColor:d,showCloseButton:u}=o.shift(),p=r||t[l]||"This is a default message.",y=c||e[l]||"gray",g=d||("white"===y?"black":"white");let m=document.getElementById(`toast-container-${a}`);m||(m=document.createElement("div"),m.id=`toast-container-${a}`,m.style.position="fixed",m.style.zIndex="9999",a.includes("bottom")?m.style.bottom="10px":a.includes("top")&&(m.style.top="10px"),a.includes("right")?m.style.right="10px":a.includes("left")?m.style.left="10px":a.includes("center")&&(m.style.left="50%",m.style.transform="translateX(-50%)"),document.body.appendChild(m));const f=document.createElement("div");if(f.textContent=p,f.style.background=y,f.style.color=g,f.style.padding="10px 20px",f.style.marginTop="10px",f.style.borderRadius="5px",f.style.boxShadow="0 0 10px rgba(0, 0, 0, 0.1)",f.style.opacity="0",f.style.transition="opacity 0.5s",u){const e=document.createElement("button");e.textContent="×",e.style.marginLeft="10px",e.style.background="transparent",e.style.border="none",e.style.color=g,e.style.cursor="pointer",e.onclick=()=>{f.style.opacity="0",f.addEventListener("transitionend",(()=>{f.remove(),s=!1,n(),m.hasChildNodes()||m.remove()}))},f.appendChild(e)}m.appendChild(f),requestAnimationFrame((()=>{f.style.opacity="1"})),setTimeout((()=>{f.parentNode&&(f.style.opacity="0",f.addEventListener("transitionend",(()=>{f.remove(),s=!1,n(),m.hasChildNodes()||m.remove()})))}),i)}exports.createToast=function(e){const{message:t,duration:s=3e3,position:r="bottom-right",type:i="info",backgroundColor:a,textColor:l,showCloseButton:c=!1}=e;o.push({message:t,duration:s,position:r,type:i,backgroundColor:a,textColor:l,showCloseButton:c}),n()},exports.setDefaultColors=function(t){Object.assign(e,t)},exports.setDefaultMessages=function(e){Object.assign(t,e)};
+//# sourceMappingURL=index.cjs.js.map

package/dist/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../src/index.js"],"sourcesContent":["\"use strict\";\r\n\r\n/**\r\n * @fileoverview A simple toast notification library for any JavaScript framework.\r\n * @name Toast Notifications\r\n * @author Priyanshu Patel\r\n * @version 1.0.0\r\n * @license MIT\r\n * @depends None\r\n * @description This library provides a simple way to create toast notifications.\r\n * Author: Priyanshu Patel\r\n * Email: priyanshu.alt191@gmail.com\r\n * Created: July 31, 2024\r\n * Description: A simple toast notification library for any JavaScript framework.\r\n * Version: 1.0.0\r\n * License: MIT\r\n * Dependencies: None\r\n */\r\n\r\n/**\r\n * Creates a toast notification.\r\n *\r\n * @param {Object} options - Options for the toast notification.\r\n * @param {string} [options.message] - The message to display in the toast. Defaults based on type if not provided.\r\n * @param {number} [options.duration=3000] - The duration the toast should be displayed, in milliseconds.\r\n * @param {string} [options.position='bottom-right'] - The position of the toast on the screen.\r\n * @param {string} [options.type='info'] - The type of the toast ('info', 'success', 'error', 'warning').\r\n * @param {string} [options.backgroundColor] - Custom background color for the toast notification.\r\n * @param {string} [options.textColor='white'] - Custom text color for the toast notification.\r\n * @param {string} [options.animationDuration='0.5s'] - Duration of the fade-in and fade-out animations.\r\n * @param {string} [options.animationEasing='ease'] - Easing function for the animations.\r\n * @param {boolean} [options.showCloseButton=false] - Whether to show a close button.\r\n * @return {void}\r\n */\r\n\r\n/** ########################################### Defaults ############################################ */\r\n\r\nlet defaultColors = {\r\n  info: \"blue\",\r\n  success: \"green\",\r\n  error: \"red\",\r\n  warning: \"darkorange\",\r\n};\r\n\r\nlet defaultMessages = {\r\n  info: \"This is an info message.\",\r\n  success: \"Action completed successfully!\",\r\n  error: \"An error occurred!\",\r\n  warning: \"This is a warning message!\",\r\n};\r\n\r\n// Queue to manage active toasts\r\nconst toastQueue = [];\r\nlet isToastShowing = false;\r\n\r\nfunction showNextToast() {\r\n  if (toastQueue.length === 0 || isToastShowing) return;\r\n\r\n  isToastShowing = true;\r\n  const { message, duration, position, type, backgroundColor, textColor, showCloseButton } = toastQueue.shift();\r\n\r\n  const finalMessage = message || defaultMessages[type] || \"This is a default message.\";\r\n  const toastBackgroundColor = backgroundColor || defaultColors[type] || \"gray\"; // Use backgroundColor first\r\n  const toastTextColor = textColor || (toastBackgroundColor === \"white\" ? \"black\" : \"white\");\r\n\r\n  let toastContainer = document.getElementById(`toast-container-${position}`);\r\n  if (!toastContainer) {\r\n    toastContainer = document.createElement(\"div\");\r\n    toastContainer.id = `toast-container-${position}`;\r\n    toastContainer.style.position = \"fixed\";\r\n    toastContainer.style.zIndex = \"9999\";\r\n\r\n    if (position.includes(\"bottom\")) {\r\n      toastContainer.style.bottom = \"10px\";\r\n    } else if (position.includes(\"top\")) {\r\n      toastContainer.style.top = \"10px\";\r\n    }\r\n\r\n    if (position.includes(\"right\")) {\r\n      toastContainer.style.right = \"10px\";\r\n    } else if (position.includes(\"left\")) {\r\n      toastContainer.style.left = \"10px\";\r\n    } else if (position.includes(\"center\")) {\r\n      toastContainer.style.left = \"50%\";\r\n      toastContainer.style.transform = \"translateX(-50%)\";\r\n    }\r\n\r\n    document.body.appendChild(toastContainer);\r\n  }\r\n\r\n  const toast = document.createElement(\"div\");\r\n  toast.textContent = finalMessage;\r\n  toast.style.background = toastBackgroundColor; // Use the determined background color\r\n  toast.style.color = toastTextColor;\r\n  toast.style.padding = \"10px 20px\";\r\n  toast.style.marginTop = \"10px\";\r\n  toast.style.borderRadius = \"5px\";\r\n  toast.style.boxShadow = \"0 0 10px rgba(0, 0, 0, 0.1)\";\r\n  toast.style.opacity = \"0\";\r\n  toast.style.transition = \"opacity 0.5s\";\r\n\r\n  // Close button\r\n  if (showCloseButton) {\r\n    const closeButton = document.createElement(\"button\");\r\n    closeButton.textContent = \"×\";\r\n    closeButton.style.marginLeft = \"10px\";\r\n    closeButton.style.background = \"transparent\";\r\n    closeButton.style.border = \"none\";\r\n    closeButton.style.color = toastTextColor;\r\n    closeButton.style.cursor = \"pointer\";\r\n\r\n    closeButton.onclick = () => {\r\n      toast.style.opacity = \"0\"; // Start fade out\r\n      toast.addEventListener(\"transitionend\", () => {\r\n        toast.remove();\r\n        isToastShowing = false;\r\n        showNextToast(); // Show the next toast in the queue\r\n        if (!toastContainer.hasChildNodes()) {\r\n          toastContainer.remove();\r\n        }\r\n      });\r\n    };\r\n\r\n    toast.appendChild(closeButton);\r\n  }\r\n\r\n  toastContainer.appendChild(toast);\r\n\r\n  requestAnimationFrame(() => {\r\n    toast.style.opacity = \"1\";\r\n  });\r\n\r\n  setTimeout(() => {\r\n    if (toast.parentNode) {\r\n      toast.style.opacity = \"0\";\r\n      toast.addEventListener(\"transitionend\", () => {\r\n        toast.remove();\r\n        isToastShowing = false;\r\n        showNextToast(); // Show the next toast in the queue\r\n        if (!toastContainer.hasChildNodes()) {\r\n          toastContainer.remove();\r\n        }\r\n      });\r\n    }\r\n  }, duration);\r\n}\r\n\r\nfunction createToast(options) {\r\n  const {\r\n    message,\r\n    duration = 3000,\r\n    position = \"bottom-right\",\r\n    type = \"info\",\r\n    backgroundColor,\r\n    textColor,\r\n    showCloseButton = false,\r\n  } = options;\r\n\r\n  toastQueue.push({\r\n    message,\r\n    duration,\r\n    position,\r\n    type,\r\n    backgroundColor,\r\n    textColor,\r\n    showCloseButton,\r\n  });\r\n  \r\n  showNextToast(); // Attempt to show the next toast\r\n}\r\n\r\nfunction setDefaultColors(newColors) {\r\n  Object.assign(defaultColors, newColors);\r\n}\r\n\r\nfunction setDefaultMessages(newMessages) {\r\n  Object.assign(defaultMessages, newMessages);\r\n}\r\n\r\nexport { createToast, setDefaultColors, setDefaultMessages };\r\n"],"names":["defaultColors","info","success","error","warning","defaultMessages","toastQueue","isToastShowing","showNextToast","length","message","duration","position","type","backgroundColor","textColor","showCloseButton","shift","finalMessage","toastBackgroundColor","toastTextColor","toastContainer","document","getElementById","createElement","id","style","zIndex","includes","bottom","top","right","left","transform","body","appendChild","toast","textContent","background","color","padding","marginTop","borderRadius","boxShadow","opacity","transition","closeButton","marginLeft","border","cursor","onclick","addEventListener","remove","hasChildNodes","requestAnimationFrame","setTimeout","parentNode","options","push","newColors","Object","assign","newMessages"],"mappings":"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"}

package/dist/index.esm.mjs

@@ -0,0 +1,18 @@
+/**
+ * @fileoverview A simple toast notification library for any JavaScript framework.
+ * @name Toast Notifications
+ * @author Priyanshu Patel
+ * @version 1.0.0
+ * @license MIT
+ * @depends None
+ * @description This library provides a simple way to create toast notifications.
+ * Author: Priyanshu Patel
+ * Email: priyanshu.alt191@gmail.com
+ * Created: July 31, 2024
+ * Description: A simple toast notification library for any JavaScript framework.
+ * Version: 1.0.0
+ * License: MIT
+ * Dependencies: None
+ */
+let e={info:"blue",success:"green",error:"red",warning:"darkorange"},t={info:"This is an info message.",success:"Action completed successfully!",error:"An error occurred!",warning:"This is a warning message!"};const o=[];let n=!1;function s(){if(0===o.length||n)return;n=!0;const{message:i,duration:r,position:l,type:a,backgroundColor:c,textColor:d,showCloseButton:u}=o.shift(),p=i||t[a]||"This is a default message.",y=c||e[a]||"gray",m=d||("white"===y?"black":"white");let g=document.getElementById(`toast-container-${l}`);g||(g=document.createElement("div"),g.id=`toast-container-${l}`,g.style.position="fixed",g.style.zIndex="9999",l.includes("bottom")?g.style.bottom="10px":l.includes("top")&&(g.style.top="10px"),l.includes("right")?g.style.right="10px":l.includes("left")?g.style.left="10px":l.includes("center")&&(g.style.left="50%",g.style.transform="translateX(-50%)"),document.body.appendChild(g));const h=document.createElement("div");if(h.textContent=p,h.style.background=y,h.style.color=m,h.style.padding="10px 20px",h.style.marginTop="10px",h.style.borderRadius="5px",h.style.boxShadow="0 0 10px rgba(0, 0, 0, 0.1)",h.style.opacity="0",h.style.transition="opacity 0.5s",u){const e=document.createElement("button");e.textContent="×",e.style.marginLeft="10px",e.style.background="transparent",e.style.border="none",e.style.color=m,e.style.cursor="pointer",e.onclick=()=>{h.style.opacity="0",h.addEventListener("transitionend",(()=>{h.remove(),n=!1,s(),g.hasChildNodes()||g.remove()}))},h.appendChild(e)}g.appendChild(h),requestAnimationFrame((()=>{h.style.opacity="1"})),setTimeout((()=>{h.parentNode&&(h.style.opacity="0",h.addEventListener("transitionend",(()=>{h.remove(),n=!1,s(),g.hasChildNodes()||g.remove()})))}),r)}function i(e){const{message:t,duration:n=3e3,position:i="bottom-right",type:r="info",backgroundColor:l,textColor:a,showCloseButton:c=!1}=e;o.push({message:t,duration:n,position:i,type:r,backgroundColor:l,textColor:a,showCloseButton:c}),s()}function r(t){Object.assign(e,t)}function l(e){Object.assign(t,e)}export{i as createToast,r as setDefaultColors,l as setDefaultMessages};
+//# sourceMappingURL=index.esm.mjs.map

package/dist/index.esm.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.mjs","sources":["../src/index.js"],"sourcesContent":["\"use strict\";\r\n\r\n/**\r\n * @fileoverview A simple toast notification library for any JavaScript framework.\r\n * @name Toast Notifications\r\n * @author Priyanshu Patel\r\n * @version 1.0.0\r\n * @license MIT\r\n * @depends None\r\n * @description This library provides a simple way to create toast notifications.\r\n * Author: Priyanshu Patel\r\n * Email: priyanshu.alt191@gmail.com\r\n * Created: July 31, 2024\r\n * Description: A simple toast notification library for any JavaScript framework.\r\n * Version: 1.0.0\r\n * License: MIT\r\n * Dependencies: None\r\n */\r\n\r\n/**\r\n * Creates a toast notification.\r\n *\r\n * @param {Object} options - Options for the toast notification.\r\n * @param {string} [options.message] - The message to display in the toast. Defaults based on type if not provided.\r\n * @param {number} [options.duration=3000] - The duration the toast should be displayed, in milliseconds.\r\n * @param {string} [options.position='bottom-right'] - The position of the toast on the screen.\r\n * @param {string} [options.type='info'] - The type of the toast ('info', 'success', 'error', 'warning').\r\n * @param {string} [options.backgroundColor] - Custom background color for the toast notification.\r\n * @param {string} [options.textColor='white'] - Custom text color for the toast notification.\r\n * @param {string} [options.animationDuration='0.5s'] - Duration of the fade-in and fade-out animations.\r\n * @param {string} [options.animationEasing='ease'] - Easing function for the animations.\r\n * @param {boolean} [options.showCloseButton=false] - Whether to show a close button.\r\n * @return {void}\r\n */\r\n\r\n/** ########################################### Defaults ############################################ */\r\n\r\nlet defaultColors = {\r\n  info: \"blue\",\r\n  success: \"green\",\r\n  error: \"red\",\r\n  warning: \"darkorange\",\r\n};\r\n\r\nlet defaultMessages = {\r\n  info: \"This is an info message.\",\r\n  success: \"Action completed successfully!\",\r\n  error: \"An error occurred!\",\r\n  warning: \"This is a warning message!\",\r\n};\r\n\r\n// Queue to manage active toasts\r\nconst toastQueue = [];\r\nlet isToastShowing = false;\r\n\r\nfunction showNextToast() {\r\n  if (toastQueue.length === 0 || isToastShowing) return;\r\n\r\n  isToastShowing = true;\r\n  const { message, duration, position, type, backgroundColor, textColor, showCloseButton } = toastQueue.shift();\r\n\r\n  const finalMessage = message || defaultMessages[type] || \"This is a default message.\";\r\n  const toastBackgroundColor = backgroundColor || defaultColors[type] || \"gray\"; // Use backgroundColor first\r\n  const toastTextColor = textColor || (toastBackgroundColor === \"white\" ? \"black\" : \"white\");\r\n\r\n  let toastContainer = document.getElementById(`toast-container-${position}`);\r\n  if (!toastContainer) {\r\n    toastContainer = document.createElement(\"div\");\r\n    toastContainer.id = `toast-container-${position}`;\r\n    toastContainer.style.position = \"fixed\";\r\n    toastContainer.style.zIndex = \"9999\";\r\n\r\n    if (position.includes(\"bottom\")) {\r\n      toastContainer.style.bottom = \"10px\";\r\n    } else if (position.includes(\"top\")) {\r\n      toastContainer.style.top = \"10px\";\r\n    }\r\n\r\n    if (position.includes(\"right\")) {\r\n      toastContainer.style.right = \"10px\";\r\n    } else if (position.includes(\"left\")) {\r\n      toastContainer.style.left = \"10px\";\r\n    } else if (position.includes(\"center\")) {\r\n      toastContainer.style.left = \"50%\";\r\n      toastContainer.style.transform = \"translateX(-50%)\";\r\n    }\r\n\r\n    document.body.appendChild(toastContainer);\r\n  }\r\n\r\n  const toast = document.createElement(\"div\");\r\n  toast.textContent = finalMessage;\r\n  toast.style.background = toastBackgroundColor; // Use the determined background color\r\n  toast.style.color = toastTextColor;\r\n  toast.style.padding = \"10px 20px\";\r\n  toast.style.marginTop = \"10px\";\r\n  toast.style.borderRadius = \"5px\";\r\n  toast.style.boxShadow = \"0 0 10px rgba(0, 0, 0, 0.1)\";\r\n  toast.style.opacity = \"0\";\r\n  toast.style.transition = \"opacity 0.5s\";\r\n\r\n  // Close button\r\n  if (showCloseButton) {\r\n    const closeButton = document.createElement(\"button\");\r\n    closeButton.textContent = \"×\";\r\n    closeButton.style.marginLeft = \"10px\";\r\n    closeButton.style.background = \"transparent\";\r\n    closeButton.style.border = \"none\";\r\n    closeButton.style.color = toastTextColor;\r\n    closeButton.style.cursor = \"pointer\";\r\n\r\n    closeButton.onclick = () => {\r\n      toast.style.opacity = \"0\"; // Start fade out\r\n      toast.addEventListener(\"transitionend\", () => {\r\n        toast.remove();\r\n        isToastShowing = false;\r\n        showNextToast(); // Show the next toast in the queue\r\n        if (!toastContainer.hasChildNodes()) {\r\n          toastContainer.remove();\r\n        }\r\n      });\r\n    };\r\n\r\n    toast.appendChild(closeButton);\r\n  }\r\n\r\n  toastContainer.appendChild(toast);\r\n\r\n  requestAnimationFrame(() => {\r\n    toast.style.opacity = \"1\";\r\n  });\r\n\r\n  setTimeout(() => {\r\n    if (toast.parentNode) {\r\n      toast.style.opacity = \"0\";\r\n      toast.addEventListener(\"transitionend\", () => {\r\n        toast.remove();\r\n        isToastShowing = false;\r\n        showNextToast(); // Show the next toast in the queue\r\n        if (!toastContainer.hasChildNodes()) {\r\n          toastContainer.remove();\r\n        }\r\n      });\r\n    }\r\n  }, duration);\r\n}\r\n\r\nfunction createToast(options) {\r\n  const {\r\n    message,\r\n    duration = 3000,\r\n    position = \"bottom-right\",\r\n    type = \"info\",\r\n    backgroundColor,\r\n    textColor,\r\n    showCloseButton = false,\r\n  } = options;\r\n\r\n  toastQueue.push({\r\n    message,\r\n    duration,\r\n    position,\r\n    type,\r\n    backgroundColor,\r\n    textColor,\r\n    showCloseButton,\r\n  });\r\n  \r\n  showNextToast(); // Attempt to show the next toast\r\n}\r\n\r\nfunction setDefaultColors(newColors) {\r\n  Object.assign(defaultColors, newColors);\r\n}\r\n\r\nfunction setDefaultMessages(newMessages) {\r\n  Object.assign(defaultMessages, newMessages);\r\n}\r\n\r\nexport { createToast, setDefaultColors, setDefaultMessages };\r\n"],"names":["defaultColors","info","success","error","warning","defaultMessages","toastQueue","isToastShowing","showNextToast","length","message","duration","position","type","backgroundColor","textColor","showCloseButton","shift","finalMessage","toastBackgroundColor","toastTextColor","toastContainer","document","getElementById","createElement","id","style","zIndex","includes","bottom","top","right","left","transform","body","appendChild","toast","textContent","background","color","padding","marginTop","borderRadius","boxShadow","opacity","transition","closeButton","marginLeft","border","cursor","onclick","addEventListener","remove","hasChildNodes","requestAnimationFrame","setTimeout","parentNode","createToast","options","push","setDefaultColors","newColors","Object","assign","setDefaultMessages","newMessages"],"mappings":"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"}

package/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "customizable-toast-notification",
+  "version": "1.0.0",
+  "description": "A highly customizable toast notification library for modern web applications.",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.esm.mjs",
+  "scripts": {
+    "build": "rollup -c",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [
+    "toast",
+    "notification",
+    "customizable",
+    "UI",
+    "library",
+    "JavaScript",
+    "ESM",
+    "CJS",
+    "best-toast-notification",
+    "best-library",
+    "priyanshu",
+    "priyanshu-patel",
+    "toast-notification",
+    "npm-library",
+    "toast-library",
+    "toast",
+    "notification",
+    "npm",
+    "npm-package",
+    "javascript",
+    "javascript-library"
+  ],
+  "author": "Priyanshu Patel",
+  "license": "MIT",
+  "files": [
+    "dist"
+  ],
+  "devDependencies": {
+    "@rollup/plugin-commonjs": "^26.0.1",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-terser": "^0.4.4",
+    "rollup": "^2.78.0",
+    "rollup-plugin-size-snapshot": "^0.12.0",
+    "rollup-plugin-visualizer": "^5.12.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/sammy-cool/customizable-toast-notification"
+  }
+}