toast-me - npm Package Compare versions

Comparing version 1.0.3 to 1.0.4

lib/toast-me.min.js

@@ -1,2 +0,2 @@
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define("toast-me",[],e):"object"==typeof exports?exports["toast-me"]=e():t["toast-me"]=e()}("undefined"!=typeof self?self:this,function(){return function(t){var e={};function n(o){if(e[o])return e[o].exports;var r=e[o]={i:o,l:!1,exports:{}};return t[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=t,n.c=e,n.d=function(t,e,o){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:o})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var r in t)n.d(o,r,function(e){return t[e]}.bind(null,r));return o},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=5)}([function(t,e,n){"use strict";function o(t,e){e.split(" ").forEach(function(e){return t.classList.add(e)})}n.d(e,"c",function(){return o}),n.d(e,"b",function(){return r}),n.d(e,"a",function(){return i});var r=1e3,i=5e3},function(t,e,n){var o=n(6);"string"==typeof o&&(o=[[t.i,o,""]]);var r={hmr:!0,transform:void 0,insertInto:void 0};n(8)(o,r);o.locals&&(t.exports=o.locals)},function(t,e){t.exports=function(t){if(!t.webpackPolyfill){var e=Object.create(t);e.children||(e.children=[]),Object.defineProperty(e,"loaded",{enumerable:!0,get:function(){return e.l}}),Object.defineProperty(e,"id",{enumerable:!0,get:function(){return e.i}}),Object.defineProperty(e,"exports",{enumerable:!0}),e.webpackPolyfill=1}return e}},function(t,e,n){"use strict";(function(t){var o=n(0),r=n(1),i={error:{toastClass:n.n(r).a.error,timeoutOnRemove:o.b,showDuration:o.a},notify:{timeoutOnRemove:o.b,showDuration:o.a}};e.a=function(){return i},t.exports=exports.default}).call(this,n(2)(t))},function(t,e,n){"use strict";(function(t){n.d(e,"a",function(){return c});var o=n(3),r=n(0),i=n(1),a=n.n(i);function s(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}var c=function(){function t(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"notify",r=arguments.length>2?arguments[2]:void 0;!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),t.removeAll();var i="string"==typeof n?Object(o.a)()[n]:n;this.options=i||{},this.content=e,this.container=t.getContainer(),this.domNode=this.createToastNode(r),this.container.appendChild(this.domNode),this.startTimer()}var e,n,i;return e=t,i=[{key:"getContainer",value:function(){var t=document.querySelector("."+a.a.container);return t||((t=document.createElement("div")).classList.add(a.a.container),document.body.appendChild(t)),t}},{key:"removeAll",value:function(){for(var e=t.getContainer().querySelectorAll("."+a.a.close),n=0,o=e.length;n<o;n+=1)e[n].click()}}],(n=[{key:"createToastNode",value:function(t){var e=this,n=document.createElement("div");Object(r.c)(n,a.a.toast);var o=document.createElement("div");if(Object(r.c)(o,a.a.message),o.textContent=this.content,n.appendChild(o),n.title=this.content,this.options&&this.options.toastClass&&Object(r.c)(n,this.options.toastClass),t){var i=document.createElement("button");Object(r.c)(i,a.a.action),t.class&&Object(r.c)(i,t.class),i.textContent=t.name,i.addEventListener("click",function(){t.action(),e.close()}),i.title=t.name,n.appendChild(i)}var s=document.createElement("button");return Object(r.c)(s,a.a.close),this.options&&this.options.closeable&&Object(r.c)(s,a.a.hidden),s.title="Close",s.addEventListener("click",function(){return e.close()}),n.appendChild(s),n.addEventListener("mouseenter",function(){return e.stopTimer()}),n.addEventListener("mouseleave",function(){return e.startTimer()}),n}},{key:"close",value:function(){var t=this;this.stopTimer(),this.domNode&&(Object(r.c)(this.domNode,a.a.remove),this.options.removedToastClass&&Object(r.c)(this.domNode,this.options.removedToastClass),setTimeout(function(){t.domNode.remove()},this.options.timeoutOnRemove||r.b))}},{key:"startTimer",value:function(){var t=this;this.timerShow=setTimeout(function(){return t.close()},this.options.showDuration||r.a)}},{key:"stopTimer",value:function(){clearTimeout(this.timerShow)}}])&&s(e.prototype,n),i&&s(e,i),t}();t.exports=exports.default}).call(this,n(2)(t))},function(t,e,n){"use strict";n.r(e),function(t){var o=n(4);n(3);e.default=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"notify",n=arguments.length>2?arguments[2]:void 0;return new o.a(t,e,n)},t.exports=exports.default}.call(this,n(2)(t))},function(t,e,n){(e=t.exports=n(7)(!1)).push([t.i,'.index__container___1eyTh{position:fixed;top:0;width:100%;color:#fff}.index__container___1eyTh .index__toast___233-Y{height:48px;width:40%;min-width:270px;padding:0 15px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:stretch;justify-content:stretch;background-color:rgba(0,0,0,.9);border-radius:4px;position:absolute;top:12px;left:50%;-webkit-animation:index__toast-in___HT-va .3s ease-out forwards;animation:index__toast-in___HT-va .3s ease-out forwards}@-webkit-keyframes index__toast-in___HT-va{0%{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0}to{-webkit-transform:translate(-50%);transform:translate(-50%);opacity:1}}@keyframes index__toast-in___HT-va{0%{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0}to{-webkit-transform:translate(-50%);transform:translate(-50%);opacity:1}}@-webkit-keyframes index__toast-out___1NqCu{0%{opacity:1}to{opacity:0}}@keyframes index__toast-out___1NqCu{0%{opacity:1}to{opacity:0}}.index__container___1eyTh .index__toast___233-Y .index__message___2bel9{-ms-flex:1 1;flex:1 1;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.index__container___1eyTh .index__toast___233-Y button{outline:none;border:none;border-radius:4px;background-color:transparent;position:relative;margin-left:10px;cursor:pointer;color:#fff;-webkit-transition:background-color .2s;-o-transition:background-color .2s;transition:background-color .2s}.index__container___1eyTh .index__toast___233-Y button:hover{background-color:hsla(0,0%,100%,.1)}.index__container___1eyTh .index__toast___233-Y button:active{background-color:hsla(0,0%,100%,.2)}.index__container___1eyTh .index__toast___233-Y .index__action___2faCa{-ms-flex-negative:0;flex-shrink:0;-ms-flex-positive:0;flex-grow:0;padding:0 8px;line-height:24px;color:#0b8aff}.index__container___1eyTh .index__toast___233-Y .index__close___2o6CK{-ms-flex:0 0 24px;flex:0 0 24px;width:24px;height:24px}.index__container___1eyTh .index__toast___233-Y .index__close___2o6CK:after,.index__container___1eyTh .index__toast___233-Y .index__close___2o6CK:before{content:"";display:block;position:absolute;width:20px;height:2px;top:calc(50% - 1px);left:50%;background-color:#fff}.index__container___1eyTh .index__toast___233-Y .index__close___2o6CK:before{-webkit-transform:translateX(-50%) rotate(45deg);-ms-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg)}.index__container___1eyTh .index__toast___233-Y .index__close___2o6CK:after{-webkit-transform:translateX(-50%) rotate(135deg);-ms-transform:translateX(-50%) rotate(135deg);transform:translateX(-50%) rotate(135deg)}.index__container___1eyTh .index__toast___233-Y .index__close___2o6CK.index__hidden___Ov2Dy{display:none}.index__container___1eyTh .index__toast___233-Y.index__remove___nvwuo{-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);-webkit-animation:index__toast-out___1NqCu .2s forwards;animation:index__toast-out___1NqCu .2s forwards}.index__container___1eyTh .index__toast___233-Y.index__error___38eWT{background-color:#d40d00}',""]),e.locals={container:"index__container___1eyTh",toast:"index__toast___233-Y","toast-in":"index__toast-in___HT-va",message:"index__message___2bel9",action:"index__action___2faCa",close:"index__close___2o6CK",hidden:"index__hidden___Ov2Dy",remove:"index__remove___nvwuo","toast-out":"index__toast-out___1NqCu",error:"index__error___38eWT"}},function(t,e,n){"use strict";t.exports=function(t){var e=[];return e.toString=function(){return this.map(function(e){var n=function(t,e){var n=t[1]||"",o=t[3];if(!o)return n;if(e&&"function"==typeof btoa){var r=(a=o,"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(a))))+" */"),i=o.sources.map(function(t){return"/*# sourceURL="+o.sourceRoot+t+" */"});return[n].concat(i).concat([r]).join("\n")}var a;return[n].join("\n")}(e,t);return e[2]?"@media "+e[2]+"{"+n+"}":n}).join("")},e.i=function(t,n){"string"==typeof t&&(t=[[null,t,""]]);for(var o={},r=0;r<this.length;r++){var i=this[r][0];null!=i&&(o[i]=!0)}for(r=0;r<t.length;r++){var a=t[r];null!=a[0]&&o[a[0]]||(n&&!a[2]?a[2]=n:n&&(a[2]="("+a[2]+") and ("+n+")"),e.push(a))}},e}},function(t,e,n){var o,r,i={},a=(o=function(){return window&&document&&document.all&&!window.atob},function(){return void 0===r&&(r=o.apply(this,arguments)),r}),s=function(t){var e={};return function(t,n){if("function"==typeof t)return t();if(void 0===e[t]){var o=function(t,e){return e?e.querySelector(t):document.querySelector(t)}.call(this,t,n);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(t){o=null}e[t]=o}return e[t]}}(),c=null,l=0,u=[],f=n(9);function _(t,e){for(var n=0;n<t.length;n++){var o=t[n],r=i[o.id];if(r){r.refs++;for(var a=0;a<r.parts.length;a++)r.parts[a](o.parts[a]);for(;a<o.parts.length;a++)r.parts.push(b(o.parts[a],e))}else{var s=[];for(a=0;a<o.parts.length;a++)s.push(b(o.parts[a],e));i[o.id]={id:o.id,refs:1,parts:s}}}}function d(t,e){for(var n=[],o={},r=0;r<t.length;r++){var i=t[r],a=e.base?i[0]+e.base:i[0],s={css:i[1],media:i[2],sourceMap:i[3]};o[a]?o[a].parts.push(s):n.push(o[a]={id:a,parts:[s]})}return n}function p(t,e){var n=s(t.insertInto);if(!n)throw new Error("Couldn't find a style target. This probably means that the value for the 'insertInto' parameter is invalid.");var o=u[u.length-1];if("top"===t.insertAt)o?o.nextSibling?n.insertBefore(e,o.nextSibling):n.appendChild(e):n.insertBefore(e,n.firstChild),u.push(e);else if("bottom"===t.insertAt)n.appendChild(e);else{if("object"!=typeof t.insertAt||!t.insertAt.before)throw new Error("[Style Loader]\n\n Invalid value for parameter 'insertAt' ('options.insertAt') found.\n Must be 'top', 'bottom', or Object.\n (https://github.com/webpack-contrib/style-loader#insertat)\n");var r=s(t.insertAt.before,n);n.insertBefore(e,r)}}function h(t){if(null===t.parentNode)return!1;t.parentNode.removeChild(t);var e=u.indexOf(t);e>=0&&u.splice(e,1)}function m(t){var e=document.createElement("style");if(void 0===t.attrs.type&&(t.attrs.type="text/css"),void 0===t.attrs.nonce){var o=function(){0;return n.nc}();o&&(t.attrs.nonce=o)}return v(e,t.attrs),p(t,e),e}function v(t,e){Object.keys(e).forEach(function(n){t.setAttribute(n,e[n])})}function b(t,e){var n,o,r,i;if(e.transform&&t.css){if(!(i="function"==typeof e.transform?e.transform(t.css):e.transform.default(t.css)))return function(){};t.css=i}if(e.singleton){var a=l++;n=c||(c=m(e)),o=g.bind(null,n,a,!1),r=g.bind(null,n,a,!0)}else t.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(n=function(t){var e=document.createElement("link");return void 0===t.attrs.type&&(t.attrs.type="text/css"),t.attrs.rel="stylesheet",v(e,t.attrs),p(t,e),e}(e),o=function(t,e,n){var o=n.css,r=n.sourceMap,i=void 0===e.convertToAbsoluteUrls&&r;(e.convertToAbsoluteUrls||i)&&(o=f(o));r&&(o+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(r))))+" */");var a=new Blob([o],{type:"text/css"}),s=t.href;t.href=URL.createObjectURL(a),s&&URL.revokeObjectURL(s)}.bind(null,n,e),r=function(){h(n),n.href&&URL.revokeObjectURL(n.href)}):(n=m(e),o=function(t,e){var n=e.css,o=e.media;o&&t.setAttribute("media",o);if(t.styleSheet)t.styleSheet.cssText=n;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(n))}}.bind(null,n),r=function(){h(n)});return o(t),function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap)return;o(t=e)}else r()}}t.exports=function(t,e){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");(e=e||{}).attrs="object"==typeof e.attrs?e.attrs:{},e.singleton||"boolean"==typeof e.singleton||(e.singleton=a()),e.insertInto||(e.insertInto="head"),e.insertAt||(e.insertAt="bottom");var n=d(t,e);return _(n,e),function(t){for(var o=[],r=0;r<n.length;r++){var a=n[r];(s=i[a.id]).refs--,o.push(s)}t&&_(d(t,e),e);for(r=0;r<o.length;r++){var s;if(0===(s=o[r]).refs){for(var c=0;c<s.parts.length;c++)s.parts[c]();delete i[s.id]}}}};var x,y=(x=[],function(t,e){return x[t]=e,x.filter(Boolean).join("\n")});function g(t,e,n,o){var r=n?"":o.css;if(t.styleSheet)t.styleSheet.cssText=y(e,r);else{var i=document.createTextNode(r),a=t.childNodes;a[e]&&t.removeChild(a[e]),a.length?t.insertBefore(i,a[e]):t.appendChild(i)}}},function(t,e){t.exports=function(t){var e="undefined"!=typeof window&&window.location;if(!e)throw new Error("fixUrls requires window.location");if(!t||"string"!=typeof t)return t;var n=e.protocol+"//"+e.host,o=n+e.pathname.replace(/\/[^\/]*$/,"/");return t.replace(/url\s*\(((?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)\)/gi,function(t,e){var r,i=e.trim().replace(/^"(.*)"$/,function(t,e){return e}).replace(/^'(.*)'$/,function(t,e){return e});return/^(#|data:|http:\/\/|https:\/\/|file:\/\/\/|\s*$)/i.test(i)?t:(r=0===i.indexOf("//")?i:0===i.indexOf("/")?n+i:o+i.replace(/^\.\//,""),"url("+JSON.stringify(r)+")")})}}])});
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define("toast-me",[],e):"object"==typeof exports?exports["toast-me"]=e():t["toast-me"]=e()}("undefined"!=typeof self?self:this,function(){return function(t){var e={};function n(o){if(e[o])return e[o].exports;var r=e[o]={i:o,l:!1,exports:{}};return t[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=t,n.c=e,n.d=function(t,e,o){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:o})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var r in t)n.d(o,r,function(e){return t[e]}.bind(null,r));return o},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=4)}([function(t,e,n){"use strict";function o(t,e){e.split(" ").forEach(function(e){return t.classList.add(e)})}n.d(e,"c",function(){return o}),n.d(e,"b",function(){return r}),n.d(e,"a",function(){return i});var r=1e3,i=5e3},function(t,e,n){var o=n(6);"string"==typeof o&&(o=[[t.i,o,""]]);var r={hmr:!0,transform:void 0,insertInto:void 0};n(8)(o,r);o.locals&&(t.exports=o.locals)},function(t,e,n){"use strict";n.r(e),function(t){var o=n(0),r=n(1),i={error:{toastClass:n.n(r).a.error,timeoutOnRemove:o.b,showDuration:o.a},notify:{timeoutOnRemove:o.b,showDuration:o.a}};e.default=i,t.exports=exports.default}.call(this,n(3)(t))},function(t,e){t.exports=function(t){if(!t.webpackPolyfill){var e=Object.create(t);e.children||(e.children=[]),Object.defineProperty(e,"loaded",{enumerable:!0,get:function(){return e.l}}),Object.defineProperty(e,"id",{enumerable:!0,get:function(){return e.i}}),Object.defineProperty(e,"exports",{enumerable:!0}),e.webpackPolyfill=1}return e}},function(t,e,n){"use strict";n.r(e),n.d(e,"ToastOptions",function(){return r});var o=n(5),r=n(2);console.log(2),e.default=function(t,e,n){return new o(t,e,n)}},function(t,e,n){"use strict";n.r(e),function(t){n.d(e,"default",function(){return c});var o=n(2),r=n(0),i=n(1),a=n.n(i);function s(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}var c=function(){function t(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"notify",r=arguments.length>2?arguments[2]:void 0;!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),t.removeAll();var i="string"==typeof n?Object(o.default)()[n]:n;this.options=i||{},this.content=e,this.container=t.getContainer(),this.domNode=this.createToastNode(r),this.container.appendChild(this.domNode),this.startTimer()}var e,n,i;return e=t,i=[{key:"getContainer",value:function(){var t=document.querySelector("."+a.a.container);return t||((t=document.createElement("div")).classList.add(a.a.container),document.body.appendChild(t)),t}},{key:"removeAll",value:function(){for(var e=t.getContainer().querySelectorAll("."+a.a.close),n=0,o=e.length;n<o;n+=1)e[n].click()}}],(n=[{key:"createToastNode",value:function(t){var e=this,n=document.createElement("div");Object(r.c)(n,a.a.toast);var o=document.createElement("div");if(Object(r.c)(o,a.a.message),o.textContent=this.content,n.appendChild(o),n.title=this.content,this.options&&this.options.toastClass&&Object(r.c)(n,this.options.toastClass),t){var i=document.createElement("button");Object(r.c)(i,a.a.action),t.class&&Object(r.c)(i,t.class),i.textContent=t.name,i.addEventListener("click",function(){t.action(),e.close()}),i.title=t.name,n.appendChild(i)}var s=document.createElement("button");return Object(r.c)(s,a.a.close),this.options&&this.options.closeable&&Object(r.c)(s,a.a.hidden),s.title="Close",s.addEventListener("click",function(){return e.close()}),n.appendChild(s),n.addEventListener("mouseenter",function(){return e.stopTimer()}),n.addEventListener("mouseleave",function(){return e.startTimer()}),n}},{key:"close",value:function(){var t=this;this.stopTimer(),this.domNode&&(Object(r.c)(this.domNode,a.a.remove),this.options.removedToastClass&&Object(r.c)(this.domNode,this.options.removedToastClass),setTimeout(function(){t.domNode.remove()},this.options.timeoutOnRemove||r.b))}},{key:"startTimer",value:function(){var t=this;this.timerShow=setTimeout(function(){return t.close()},this.options.showDuration||r.a)}},{key:"stopTimer",value:function(){clearTimeout(this.timerShow)}}])&&s(e.prototype,n),i&&s(e,i),t}();t.exports=exports.default}.call(this,n(3)(t))},function(t,e,n){(e=t.exports=n(7)(!1)).push([t.i,'.index__container___1eyTh{position:fixed;top:0;width:100%;color:#fff}.index__container___1eyTh .index__toast___233-Y{height:48px;width:40%;min-width:270px;padding:0 15px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:stretch;justify-content:stretch;background-color:rgba(0,0,0,.9);border-radius:4px;position:absolute;top:12px;left:50%;-webkit-animation:index__toast-in___HT-va .3s ease-out forwards;animation:index__toast-in___HT-va .3s ease-out forwards}@-webkit-keyframes index__toast-in___HT-va{0%{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0}to{-webkit-transform:translate(-50%);transform:translate(-50%);opacity:1}}@keyframes index__toast-in___HT-va{0%{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0}to{-webkit-transform:translate(-50%);transform:translate(-50%);opacity:1}}@-webkit-keyframes index__toast-out___1NqCu{0%{opacity:1}to{opacity:0}}@keyframes index__toast-out___1NqCu{0%{opacity:1}to{opacity:0}}.index__container___1eyTh .index__toast___233-Y .index__message___2bel9{-ms-flex:1 1;flex:1 1;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.index__container___1eyTh .index__toast___233-Y button{outline:none;border:none;border-radius:4px;background-color:transparent;position:relative;margin-left:10px;cursor:pointer;color:#fff;-webkit-transition:background-color .2s;-o-transition:background-color .2s;transition:background-color .2s}.index__container___1eyTh .index__toast___233-Y button:hover{background-color:hsla(0,0%,100%,.1)}.index__container___1eyTh .index__toast___233-Y button:active{background-color:hsla(0,0%,100%,.2)}.index__container___1eyTh .index__toast___233-Y .index__action___2faCa{-ms-flex-negative:0;flex-shrink:0;-ms-flex-positive:0;flex-grow:0;padding:0 8px;line-height:24px;color:#0b8aff}.index__container___1eyTh .index__toast___233-Y .index__close___2o6CK{-ms-flex:0 0 24px;flex:0 0 24px;width:24px;height:24px}.index__container___1eyTh .index__toast___233-Y .index__close___2o6CK:after,.index__container___1eyTh .index__toast___233-Y .index__close___2o6CK:before{content:"";display:block;position:absolute;width:20px;height:2px;top:calc(50% - 1px);left:50%;background-color:#fff}.index__container___1eyTh .index__toast___233-Y .index__close___2o6CK:before{-webkit-transform:translateX(-50%) rotate(45deg);-ms-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg)}.index__container___1eyTh .index__toast___233-Y .index__close___2o6CK:after{-webkit-transform:translateX(-50%) rotate(135deg);-ms-transform:translateX(-50%) rotate(135deg);transform:translateX(-50%) rotate(135deg)}.index__container___1eyTh .index__toast___233-Y .index__close___2o6CK.index__hidden___Ov2Dy{display:none}.index__container___1eyTh .index__toast___233-Y.index__remove___nvwuo{-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);-webkit-animation:index__toast-out___1NqCu .2s forwards;animation:index__toast-out___1NqCu .2s forwards}.index__container___1eyTh .index__toast___233-Y.index__error___38eWT{background-color:#d40d00}',""]),e.locals={container:"index__container___1eyTh",toast:"index__toast___233-Y","toast-in":"index__toast-in___HT-va",message:"index__message___2bel9",action:"index__action___2faCa",close:"index__close___2o6CK",hidden:"index__hidden___Ov2Dy",remove:"index__remove___nvwuo","toast-out":"index__toast-out___1NqCu",error:"index__error___38eWT"}},function(t,e,n){"use strict";t.exports=function(t){var e=[];return e.toString=function(){return this.map(function(e){var n=function(t,e){var n=t[1]||"",o=t[3];if(!o)return n;if(e&&"function"==typeof btoa){var r=(a=o,"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(a))))+" */"),i=o.sources.map(function(t){return"/*# sourceURL="+o.sourceRoot+t+" */"});return[n].concat(i).concat([r]).join("\n")}var a;return[n].join("\n")}(e,t);return e[2]?"@media "+e[2]+"{"+n+"}":n}).join("")},e.i=function(t,n){"string"==typeof t&&(t=[[null,t,""]]);for(var o={},r=0;r<this.length;r++){var i=this[r][0];null!=i&&(o[i]=!0)}for(r=0;r<t.length;r++){var a=t[r];null!=a[0]&&o[a[0]]||(n&&!a[2]?a[2]=n:n&&(a[2]="("+a[2]+") and ("+n+")"),e.push(a))}},e}},function(t,e,n){var o,r,i={},a=(o=function(){return window&&document&&document.all&&!window.atob},function(){return void 0===r&&(r=o.apply(this,arguments)),r}),s=function(t){var e={};return function(t,n){if("function"==typeof t)return t();if(void 0===e[t]){var o=function(t,e){return e?e.querySelector(t):document.querySelector(t)}.call(this,t,n);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(t){o=null}e[t]=o}return e[t]}}(),c=null,l=0,u=[],f=n(9);function _(t,e){for(var n=0;n<t.length;n++){var o=t[n],r=i[o.id];if(r){r.refs++;for(var a=0;a<r.parts.length;a++)r.parts[a](o.parts[a]);for(;a<o.parts.length;a++)r.parts.push(b(o.parts[a],e))}else{var s=[];for(a=0;a<o.parts.length;a++)s.push(b(o.parts[a],e));i[o.id]={id:o.id,refs:1,parts:s}}}}function d(t,e){for(var n=[],o={},r=0;r<t.length;r++){var i=t[r],a=e.base?i[0]+e.base:i[0],s={css:i[1],media:i[2],sourceMap:i[3]};o[a]?o[a].parts.push(s):n.push(o[a]={id:a,parts:[s]})}return n}function p(t,e){var n=s(t.insertInto);if(!n)throw new Error("Couldn't find a style target. This probably means that the value for the 'insertInto' parameter is invalid.");var o=u[u.length-1];if("top"===t.insertAt)o?o.nextSibling?n.insertBefore(e,o.nextSibling):n.appendChild(e):n.insertBefore(e,n.firstChild),u.push(e);else if("bottom"===t.insertAt)n.appendChild(e);else{if("object"!=typeof t.insertAt||!t.insertAt.before)throw new Error("[Style Loader]\n\n Invalid value for parameter 'insertAt' ('options.insertAt') found.\n Must be 'top', 'bottom', or Object.\n (https://github.com/webpack-contrib/style-loader#insertat)\n");var r=s(t.insertAt.before,n);n.insertBefore(e,r)}}function h(t){if(null===t.parentNode)return!1;t.parentNode.removeChild(t);var e=u.indexOf(t);e>=0&&u.splice(e,1)}function m(t){var e=document.createElement("style");if(void 0===t.attrs.type&&(t.attrs.type="text/css"),void 0===t.attrs.nonce){var o=function(){0;return n.nc}();o&&(t.attrs.nonce=o)}return v(e,t.attrs),p(t,e),e}function v(t,e){Object.keys(e).forEach(function(n){t.setAttribute(n,e[n])})}function b(t,e){var n,o,r,i;if(e.transform&&t.css){if(!(i="function"==typeof e.transform?e.transform(t.css):e.transform.default(t.css)))return function(){};t.css=i}if(e.singleton){var a=l++;n=c||(c=m(e)),o=g.bind(null,n,a,!1),r=g.bind(null,n,a,!0)}else t.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(n=function(t){var e=document.createElement("link");return void 0===t.attrs.type&&(t.attrs.type="text/css"),t.attrs.rel="stylesheet",v(e,t.attrs),p(t,e),e}(e),o=function(t,e,n){var o=n.css,r=n.sourceMap,i=void 0===e.convertToAbsoluteUrls&&r;(e.convertToAbsoluteUrls||i)&&(o=f(o));r&&(o+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(r))))+" */");var a=new Blob([o],{type:"text/css"}),s=t.href;t.href=URL.createObjectURL(a),s&&URL.revokeObjectURL(s)}.bind(null,n,e),r=function(){h(n),n.href&&URL.revokeObjectURL(n.href)}):(n=m(e),o=function(t,e){var n=e.css,o=e.media;o&&t.setAttribute("media",o);if(t.styleSheet)t.styleSheet.cssText=n;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(n))}}.bind(null,n),r=function(){h(n)});return o(t),function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap)return;o(t=e)}else r()}}t.exports=function(t,e){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");(e=e||{}).attrs="object"==typeof e.attrs?e.attrs:{},e.singleton||"boolean"==typeof e.singleton||(e.singleton=a()),e.insertInto||(e.insertInto="head"),e.insertAt||(e.insertAt="bottom");var n=d(t,e);return _(n,e),function(t){for(var o=[],r=0;r<n.length;r++){var a=n[r];(s=i[a.id]).refs--,o.push(s)}t&&_(d(t,e),e);for(r=0;r<o.length;r++){var s;if(0===(s=o[r]).refs){for(var c=0;c<s.parts.length;c++)s.parts[c]();delete i[s.id]}}}};var x,y=(x=[],function(t,e){return x[t]=e,x.filter(Boolean).join("\n")});function g(t,e,n,o){var r=n?"":o.css;if(t.styleSheet)t.styleSheet.cssText=y(e,r);else{var i=document.createTextNode(r),a=t.childNodes;a[e]&&t.removeChild(a[e]),a.length?t.insertBefore(i,a[e]):t.appendChild(i)}}},function(t,e){t.exports=function(t){var e="undefined"!=typeof window&&window.location;if(!e)throw new Error("fixUrls requires window.location");if(!t||"string"!=typeof t)return t;var n=e.protocol+"//"+e.host,o=n+e.pathname.replace(/\/[^\/]*$/,"/");return t.replace(/url\s*\(((?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)\)/gi,function(t,e){var r,i=e.trim().replace(/^"(.*)"$/,function(t,e){return e}).replace(/^'(.*)'$/,function(t,e){return e});return/^(#|data:|http:\/\/|https:\/\/|file:\/\/\/|\s*$)/i.test(i)?t:(r=0===i.indexOf("//")?i:0===i.indexOf("/")?n+i:o+i.replace(/^\.\//,""),"url("+JSON.stringify(r)+")")})}}])});
 //# sourceMappingURL=toast-me.min.js.map

package.json

 {
   "name": "toast-me",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "Creates toast messages",
   "main": "lib/toast-me.js",
   "scripts": {
-    "build": "webpack --env dev && webpack --env build && npm run test",
-    "dev": "webpack --progress --colors --watch --env dev",
+    "build": "webpack --env dev && webpack --env build",
+    "dev-server": "concurrently \"yarn watch\" \"node dev/dev-server\"",
+    "watch": "webpack --progress --colors --watch --env dev",
+    "test": "node test/index.js --env=jsdom --config jest.config.js",
     "repl": "node -i -e \"$(< ./lib/toast-me.js)\""
@@ -18,7 +20,10 @@ },
     "es6",
-    "starter",
     "library",
     "universal",
     "umd",
-    "commonjs"
+    "toast",
+    "commonjs",
+    "notify",
+    "error",
+    "notification"
   ],
@@ -38,2 +43,3 @@ "author": "Alex Kalinin",
     "babel-eslint": "^8.0.3",
+    "babel-jest": "^24.7.1",
     "babel-loader": "^8.0.0-beta.4",
@@ -44,2 +50,3 @@ "babel-plugin-add-module-exports": "^0.2.1",
     "babel-register": "^7.0.0-beta.3",
+    "clean-webpack-plugin": "^2.0.1",
     "cross-env": "^5.2.0",
@@ -52,2 +59,4 @@ "css-loader": "^2.1.1",
     "flow-bin": "^0.97.0",
+    "identity-obj-proxy": "^3.0.0",
+    "jest": "^24.7.1",
     "jsdom": "11.11.0",
@@ -64,2 +73,3 @@ "jsdom-global": "3.0.2",
     "webpack-cli": "^3.0.8",
+    "webpack-dev-server": "^3.3.1",
     "yargs": "^10.0.3"
@@ -66,0 +76,0 @@ },

README.md

@@ -5,4 +5,6 @@ # ToastMe
 
-![Travis](https://travis-ci.org/krasimir/webpack-library-starter.svg?branch=master)
+WORK IN PROCESS
 
+[![Build Status](https://travis-ci.org/a-kalinin/toast-me.svg?branch=master)](https://travis-ci.org/a-kalinin/toast-me)
+
 ## Features
@@ -9,0 +11,0 @@

src/index.js

@@ -1,7 +0,5 @@
-// @flow
-import ToastMe from './toastMe';
-import ToastOptions from './optionsLib';
+const ToastMe = require('./toastMe');
+const ToastOptions = require('./optionsLib');
+console.log(2);
 
-import type { ToastActionType, ToastOptionsType } from './types';
-
 export {
@@ -12,7 +10,7 @@ ToastOptions,
 export default function (
-  content: string,
-  receivedOptions?: null | ToastOptionsType | 'error' | 'notify' = 'notify',
-  action?: ToastActionType,
+  content,
+  receivedOptions,
+  action,
 ) {
   return new ToastMe(content, receivedOptions, action);
 }

webpack.config.dev.js

@@ -1,199 +0,93 @@
-'use strict';
+/* global __dirname, require, module*/
 
+const webpack = require('webpack');
+const path = require('path');
+const env = require('yargs').argv.env; // use --env with webpack 2
+const pkg = require('./package.json');
 const autoprefixer = require('autoprefixer');
-const path = require('path');
-const webpack = require('webpack');
-const CaseSensitivePathsPlugin = require('case-sensitive-paths-webpack-plugin');
-const WatchMissingNodeModulesPlugin = require('react-dev-utils/WatchMissingNodeModulesPlugin');
-const eslintFormatter = require('react-dev-utils/eslintFormatter');
-const ModuleScopePlugin = require('react-dev-utils/ModuleScopePlugin');
-const getClientEnvironment = require('./env');
-const paths = require('./paths');
-const resolveAlias = require('./resolveAlias').webpack;
 
-// Webpack uses `publicPath` to determine where the app is being served from.
-// In development, we always serve from the root. This makes config easier.
-const publicPath = '/';
-// `publicUrl` is just like `publicPath`, but we will provide it to our app
-// as %PUBLIC_URL% in `index.html` and `process.env.PUBLIC_URL` in JavaScript.
-// Omit trailing slash as %PUBLIC_PATH%/xyz looks better than %PUBLIC_PATH%xyz.
-const publicUrl = '';
-// Get environment variables to inject into our app.
-const env = getClientEnvironment(publicUrl);
+let libraryName = pkg.name;
 
-const libraryName = 'toast-me_1';
-const cssFilename = `${libraryName}.css`;
+let outputFile, mode;
 
-// This is the development configuration.
-// It is focused on developer experience and fast rebuilds.
-// The production configuration is different and lives in a separate file.
-module.exports = {
-  // You may want 'eval' instead if you prefer to see the compiled output in DevTools.
-  // See the discussion in https://github.com/facebookincubator/create-react-app/issues/343.
-  devtool: 'cheap-module-source-map',
-  // These are the "entry points" to our application.
-  // This means they will be the "root" imports that are included in JS bundle.
-  // The first two entry points enable "hot" CSS and auto-refreshes for JS.
-  entry: [require.resolve('./polyfills'), paths.libIndexJs],
+if (env === 'build') {
+  mode = 'production';
+  outputFile = libraryName + '.min.js';
+} else {
+  mode = 'development';
+  outputFile = libraryName + '.js';
+}
+
+const config = {
+  bail: true,
+  mode: mode,
+  entry: __dirname + '/dev/script.js',
+  devtool: 'source-map',
   output: {
-    path: paths.libBuild,
-    filename: `${libraryName}.min.js`,
-    chunkFilename: `${libraryName}.js`,
+    path: __dirname + '/lib',
+    filename: outputFile,
     library: libraryName,
     libraryTarget: 'umd',
     umdNamedDefine: true,
-    // Point sourcemap entries to original disk location (format as URL on Windows)
-    devtoolModuleFilenameTemplate: info =>
-      path.resolve(info.absoluteResourcePath).replace(/\\/g, '/'),
+    globalObject: "typeof self !== 'undefined' ? self : this"
   },
-  resolve: {
-    extensions: ['.js', '.json'],
-    alias: {
-      ...resolveAlias,
-    },
-    plugins: [
-      // Prevents users from importing files from outside of src/ (or node_modules/).
-      // This often causes confusion because we only process files within src/ with babel.
-      // To fix this, we prevent you from importing files out of src/ -- if you'd like to,
-      // please link the files into your node_modules/ and let module-resolution kick in.
-      // Make sure your source files are compiled, as they will not be processed in any way.
-      new ModuleScopePlugin(paths.libSrc, [paths.appPackageJson]),
-    ],
-  },
   module: {
-    strictExportPresence: true,
     rules: [
-      // TODO: Disable require.ensure as it's not a standard language feature.
-      // We are waiting for https://github.com/facebookincubator/create-react-app/issues/2176.
-      // { parser: { requireEnsure: false } },
-
-      // First, run the linter.
-      // It's important to do this before Babel processes the JS.
       {
-        test: /\.(js|jsx|mjs)$/,
-        enforce: 'pre',
-        use: [
-          {
-            options: {
-              formatter: eslintFormatter,
-              eslintPath: require.resolve('eslint'),
-              
-            },
-            loader: require.resolve('eslint-loader'),
-          },
-        ],
-        include: paths.libSrc,
+        test: /(\.jsx|\.js)$/,
+        loader: 'babel-loader',
+        exclude: /(node_modules|bower_components)/
       },
       {
-        // "oneOf" will traverse all following loaders until one will
-        // match the requirements. When no loader matches it will fall
-        // back to the "file" loader at the end of the loader list.
-        oneOf: [
-          // "url" loader works like "file" loader except that it embeds assets
-          // smaller than specified limit in bytes as data URLs to avoid requests.
-          // A missing `test` is equivalent to a match.
+        test: /(\.jsx|\.js)$/,
+        loader: 'eslint-loader',
+        exclude: /node_modules/
+      },
+      {
+        test: /\.scss$/,
+        use: [
+          require.resolve('style-loader'),
           {
-            test: [/\.bmp$/, /\.gif$/, /\.jpe?g$/, /\.png$/],
-            loader: require.resolve('url-loader'),
+            loader: require.resolve('css-loader'),
             options: {
-              limit: 10000,
-              name: 'static/media/[name].[hash:8].[ext]',
+              importLoaders: 1,
+              modules: true,
+              localIdentName: '[name]__[local]___[hash:base64:5]'
             },
           },
-          // Process JS with Babel.
           {
-            test: /\.(js|jsx|mjs)$/,
-            include: paths.libSrc,
-            loader: require.resolve('babel-loader'),
+            loader: require.resolve('postcss-loader'),
             options: {
-
-              // This is a feature of `babel-loader` for webpack (not Babel itself).
-              // It enables caching results in ./node_modules/.cache/babel-loader/
-              // directory for faster rebuilds.
-              cacheDirectory: true,
+              // Necessary for external CSS imports to work
+              // https://github.com/facebookincubator/create-react-app/issues/2677
+              ident: 'postcss',
+              plugins: () => [
+                require('postcss-flexbugs-fixes'),
+                autoprefixer({
+                  browsers: [
+                    '>1%',
+                    'last 4 versions',
+                    'Firefox ESR',
+                    'not ie < 9', // React doesn't support IE8 anyway
+                  ],
+                  flexbox: 'no-2009',
+                }),
+                require('cssnano')(),
+              ],
             },
           },
-          // "postcss" loader applies autoprefixer to our CSS.
-          // "css" loader resolves paths in CSS and adds assets as dependencies.
-          // "style" loader turns CSS into JS modules that inject <style> tags.
-          // In production, we use a plugin to extract that CSS to a file, but
-          // in development "style" loader enables hot editing of CSS.
-          {
-            test: /\.scss$/,
-            use: [
-              require.resolve('style-loader'),
-              {
-                loader: require.resolve('css-loader'),
-                options: {
-                  importLoaders: 1,
-                  modules: true,
-                  localIdentName: '[name]__[local]___[hash:base64:5]'
-                },
-              },
-              {
-                loader: require.resolve('postcss-loader'),
-                options: {
-                  // Necessary for external CSS imports to work
-                  // https://github.com/facebookincubator/create-react-app/issues/2677
-                  ident: 'postcss',
-                  plugins: () => [
-                    require('postcss-flexbugs-fixes'),
-                    autoprefixer({
-                      browsers: [
-                        '>1%',
-                        'last 4 versions',
-                        'Firefox ESR',
-                        'not ie < 9', // React doesn't support IE8 anyway
-                      ],
-                      flexbox: 'no-2009',
-                    }),
-                  ],
-                },
-              },
-              "sass-loader",
-            ],
-          },
+          "sass-loader",
         ],
-      },
-   ],
+      }
+    ]
   },
   plugins: [
-    // Add module names to factory functions so they appear in browser profiler.
-    new webpack.NamedModulesPlugin(),
-    // Makes some environment variables available to the JS code, for example:
-    // if (process.env.NODE_ENV === 'development') { ... }. See `./env.js`.
-    new webpack.DefinePlugin(env.stringified),
-    // This is necessary to emit hot updates (currently CSS only):
     new webpack.HotModuleReplacementPlugin(),
-    // Watcher doesn't work well if you mistype casing in a path so we use
-    // a plugin that prints an error when you attempt to do this.
-    // See https://github.com/facebookincubator/create-react-app/issues/240
-    new CaseSensitivePathsPlugin(),
-    // If you require a missing module and then `npm install` it, you still have
-    // to restart the development server for Webpack to discover it. This plugin
-    // makes the discovery automatic so you don't have to restart.
-    // See https://github.com/facebookincubator/create-react-app/issues/186
-    new WatchMissingNodeModulesPlugin(paths.appNodeModules),
-    // Moment.js is an extremely popular library that bundles large locale files
-    // by default due to how Webpack interprets its code. This is a practical
-    // solution that requires the user to opt into importing specific locales.
-    // https://github.com/jmblog/how-to-optimize-momentjs-with-webpack
-    // You can remove this if you don't use Moment.js:
-    new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/),
   ],
-  // Some libraries import Node modules but don't use them in the browser.
-  // Tell Webpack to provide empty mocks for them so importing them works.
-  node: {
-    dgram: 'empty',
-    fs: 'empty',
-    net: 'empty',
-    tls: 'empty',
-    child_process: 'empty',
-  },
-  // Turn off performance hints during development because we don't do any
-  // splitting or minification in interest of speed. These warnings become
-  // cumbersome.
-  performance: {
-    hints: false,
-  },
+  resolve: {
+    modules: [path.resolve('./node_modules'), path.resolve('./src')],
+    extensions: ['.json', '.js']
+  }
 };
+
+module.exports = config;

webpack.config.js

@@ -8,2 +8,3 @@ /* global __dirname, require, module*/
 const autoprefixer = require('autoprefixer');
+const CleanWebpackPlugin = require('clean-webpack-plugin');
 
@@ -85,4 +86,11 @@ let libraryName = pkg.name;
   },
+  plugins: [
+    new CleanWebpackPlugin(),
+  ],
   resolve: {
-    modules: [path.resolve('./node_modules'), path.resolve('./src')],
+    modules: [
+      path.resolve('./node_modules'),
+      path.resolve('./src'),
+      path.resolve('./lib'),
+    ],
     extensions: ['.json', '.js']
@@ -89,0 +97,0 @@ }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Dynamic require

Supply chain risk

Dynamic require can indicate the package is performing dangerous or unsafe dynamic code execution.

Found 1 instance in 1 package

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 6 instances in 1 package

Filesystem access

Supply chain risk

Accesses the file system, and could potentially read sensitive data.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

433666

increased by1.62%

Number of package files

25

increased by13.64%

Number of lines in readme file

74

increased by2.78%

Worsened metrics

Dev dependency count

35

increased by16.67%

Lines of code

1255

decreased by-22%

Number of low supply chain risk alerts

16

increased by1500%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes