diff --git a/doc/index.html b/doc/index.html index 6084c96..d7dcebc 100644 --- a/doc/index.html +++ b/doc/index.html @@ -4,7 +4,7 @@ - web-midi-player 1.3.10 | + web-midi-player 1.3.11 | Documentation @@ -24,7 +24,7 @@

web-midi-player

- 1.3.10 + 1.3.11 | README
diff --git a/example/react/index.html b/example/react/index.html index e3584c9..397871a 100644 --- a/example/react/index.html +++ b/example/react/index.html @@ -5,5 +5,5 @@
- + diff --git a/example/react/main.dd6d3b44adb0ac3ff77b.js b/example/react/main.e81314573d605c624d6e.js similarity index 99% rename from example/react/main.dd6d3b44adb0ac3ff77b.js rename to example/react/main.e81314573d605c624d6e.js index 33231c5..e548a01 100644 --- a/example/react/main.dd6d3b44adb0ac3ff77b.js +++ b/example/react/main.e81314573d605c624d6e.js @@ -50,4 +50,4 @@ function c(){for(var g=0,I=0,A=arguments.length;I>>((3&I)<<3)&255;return e}}},function(g,I){for(var A=[],C=0;C<256;++C)A[C]=(C+256).toString(16).substr(1);g.exports=function(g,I){var C=I||0,e=A;return[e[g[C++]],e[g[C++]],e[g[C++]],e[g[C++]],"-",e[g[C++]],e[g[C++]],"-",e[g[C++]],e[g[C++]],"-",e[g[C++]],e[g[C++]],"-",e[g[C++]],e[g[C++]],e[g[C++]],e[g[C++]],e[g[C++]],e[g[C++]]].join("")}},function(g,I,A){"use strict";A.r(I);var C=A(0),e=A.n(C),t=A(4),i=A.n(t),c=A(1);function n(g,I){if(null==g)return{};var A,C,e={},t=Object.keys(g);for(C=0;C=0||(e[A]=g[A]);return e}function r(){return(r=Object.assign||function(g){for(var I=1;I=0;a--){var l=e[a];"."===l?H(e,a):".."===l?(H(e,a),r++):r&&(H(e,a),r--)}if(!c)for(;r--;r)e.unshift("..");!c||""===e[0]||e[0]&&T(e[0])||e.unshift("");var u=e.join("/");return A&&"/"!==u.substr(-1)&&(u+="/"),u};var E=!0,K="Invariant failed";var F=function(g,I){if(!g)throw E?new Error(K):new Error(K+": "+(I||""))};function W(g){return"/"===g.charAt(0)?g:"/"+g}function V(g){return"/"===g.charAt(0)?g.substr(1):g}function L(g,I){return function(g,I){return 0===g.toLowerCase().indexOf(I.toLowerCase())&&-1!=="/?#".indexOf(g.charAt(I.length))}(g,I)?g.substr(I.length):g}function O(g){return"/"===g.charAt(g.length-1)?g.slice(0,-1):g}function R(g){var I=g.pathname,A=g.search,C=g.hash,e=I||"/";return A&&"?"!==A&&(e+="?"===A.charAt(0)?A:"?"+A),C&&"#"!==C&&(e+="#"===C.charAt(0)?C:"#"+C),e}function v(g,I,A,C){var e;"string"==typeof g?(e=function(g){var I=g||"/",A="",C="",e=I.indexOf("#");-1!==e&&(C=I.substr(e),I=I.substr(0,e));var t=I.indexOf("?");return-1!==t&&(A=I.substr(t),I=I.substr(0,t)),{pathname:I,search:"?"===A?"":A,hash:"#"===C?"":C}}(g)).state=I:(void 0===(e=r({},g)).pathname&&(e.pathname=""),e.search?"?"!==e.search.charAt(0)&&(e.search="?"+e.search):e.search="",e.hash?"#"!==e.hash.charAt(0)&&(e.hash="#"+e.hash):e.hash="",void 0!==I&&void 0===e.state&&(e.state=I));try{e.pathname=decodeURI(e.pathname)}catch(g){throw g instanceof URIError?new URIError('Pathname "'+e.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):g}return A&&(e.key=A),C?e.pathname?"/"!==e.pathname.charAt(0)&&(e.pathname=Y(e.pathname,C.pathname)):e.pathname=C.pathname:e.pathname||(e.pathname="/"),e}function Q(){var g=null;var I=[];return{setPrompt:function(I){return g=I,function(){g===I&&(g=null)}},confirmTransitionTo:function(I,A,C,e){if(null!=g){var t="function"==typeof g?g(I,A):g;"string"==typeof t?"function"==typeof C?C(t,e):e(!0):e(!1!==t)}else e(!0)},appendListener:function(g){var A=!0;function C(){A&&g.apply(void 0,arguments)}return I.push(C),function(){A=!1,I=I.filter((function(g){return g!==C}))}},notifyListeners:function(){for(var g=arguments.length,A=new Array(g),C=0;Ci.length-1&&(A=0);var C=i[A],e=C.url,t=C.name;I.play({url:e,name:t}),a(A)}}})}"console"===B&&I.setLogger({eventLogger:null,logging:!0}),"none"===B&&I.setLogger({})}}),[i,B]),Object(C.useEffect)((function(){if(I)return function(){I.stop()}}),[I]),e.a.createElement(wI,null,e.a.createElement(MI,null,i.map((function(g,A){var C=g.id,t=g.url,n=g.name;return e.a.createElement(pI,{key:C||t,first:0===A,selected:r===A},e.a.createElement("div",{onClick:function(){I.play({url:t,name:n}),a(A)}},n),e.a.createElement(XI,{onClick:function(){return g=C,A=i.findIndex((function(I){return I.id===g})),e=bI(i.filter((function(I){return I.id!==g}))),xI.setItem("songs",e),c(e),void(r===A?(I.stop(),a(0),G(0)):Ai.length-1&&(g=0);var A=i[g],C=A.url,e=A.name;I.play({url:C,name:e}),a(g)}},"⏭")),e.a.createElement(hI,null,u),e.a.createElement(ZI,null,Math.floor(b)," seconds")))}),kI=function(){return e.a.createElement(qg,null,e.a.createElement(NI,null))},TI=c.a.div.withConfig({displayName:"MultiplePlayers__FlexWrapper",componentId:"idi079-0"})(["display:flex;"]),HI=c.a.h2.withConfig({displayName:"MultiplePlayers__PlayerHeading",componentId:"idi079-1"})(["text-align:center;margin:0;"]),YI=function(){return e.a.createElement(qg,null,e.a.createElement(TI,null,e.a.createElement("div",null,e.a.createElement(HI,null,"Player #1"),e.a.createElement(NI,null)),e.a.createElement("div",null,e.a.createElement(HI,null,"Player #2"),e.a.createElement(NI,null))))},EI=c.a.div.withConfig({displayName:"src__Background",componentId:"dz48ey-0"})(["background:black;margin:-8px;"]),KI=c.a.div.withConfig({displayName:"src__PageTransition",componentId:"dz48ey-1"})(["@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@keyframes fadeOut{from{opacity:1;}to{opacity:0;}}&.page-enter{animation:fadeIn 0.2s forwards;}&.page-exit{animation:fadeOut 0.2s forwards;}"]);i.a.render(e.a.createElement((function(){return e.a.createElement(mg,null,e.a.createElement(xg,{render:function(g){var I=g.location;return e.a.createElement(EI,null,e.a.createElement(y,{component:null},e.a.createElement(k,{timeout:400,classNames:"page",key:I.pathname},e.a.createElement(KI,null,e.a.createElement(fg,null,e.a.createElement(xg,{path:"/multi",component:YI}),e.a.createElement(xg,{path:"/",component:kI}))))))}}))}),null),document.getElementById("app"))}]); \ No newline at end of file + */Object.defineProperty(I,"__esModule",{value:!0});var C="function"==typeof Symbol&&Symbol.for,e=C?Symbol.for("react.element"):60103,t=C?Symbol.for("react.portal"):60106,i=C?Symbol.for("react.fragment"):60107,c=C?Symbol.for("react.strict_mode"):60108,n=C?Symbol.for("react.profiler"):60114,r=C?Symbol.for("react.provider"):60109,a=C?Symbol.for("react.context"):60110,l=C?Symbol.for("react.async_mode"):60111,u=C?Symbol.for("react.concurrent_mode"):60111,o=C?Symbol.for("react.forward_ref"):60112,s=C?Symbol.for("react.suspense"):60113,b=C?Symbol.for("react.suspense_list"):60120,G=C?Symbol.for("react.memo"):60115,d=C?Symbol.for("react.lazy"):60116,B=C?Symbol.for("react.fundamental"):60117,D=C?Symbol.for("react.responder"):60118,y=C?Symbol.for("react.scope"):60119;function x(g){if("object"==typeof g&&null!==g){var I=g.$$typeof;switch(I){case e:switch(g=g.type){case l:case u:case i:case n:case c:case s:return g;default:switch(g=g&&g.$$typeof){case a:case o:case d:case G:case r:return g;default:return I}}case t:return I}}}function S(g){return x(g)===u}I.typeOf=x,I.AsyncMode=l,I.ConcurrentMode=u,I.ContextConsumer=a,I.ContextProvider=r,I.Element=e,I.ForwardRef=o,I.Fragment=i,I.Lazy=d,I.Memo=G,I.Portal=t,I.Profiler=n,I.StrictMode=c,I.Suspense=s,I.isValidElementType=function(g){return"string"==typeof g||"function"==typeof g||g===i||g===u||g===n||g===c||g===s||g===b||"object"==typeof g&&null!==g&&(g.$$typeof===d||g.$$typeof===G||g.$$typeof===r||g.$$typeof===a||g.$$typeof===o||g.$$typeof===B||g.$$typeof===D||g.$$typeof===y)},I.isAsyncMode=function(g){return S(g)||x(g)===l},I.isConcurrentMode=S,I.isContextConsumer=function(g){return x(g)===a},I.isContextProvider=function(g){return x(g)===r},I.isElement=function(g){return"object"==typeof g&&null!==g&&g.$$typeof===e},I.isForwardRef=function(g){return x(g)===o},I.isFragment=function(g){return x(g)===i},I.isLazy=function(g){return x(g)===d},I.isMemo=function(g){return x(g)===G},I.isPortal=function(g){return x(g)===t},I.isProfiler=function(g){return x(g)===n},I.isStrictMode=function(g){return x(g)===c},I.isSuspense=function(g){return x(g)===s}},function(g,I,A){"use strict";var C=A(27);function e(){}function t(){}t.resetWarningCache=e,g.exports=function(){function g(g,I,A,e,t,i){if(i!==C){var c=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw c.name="Invariant Violation",c}}function I(){return g}g.isRequired=g;var A={array:g,bool:g,func:g,number:g,object:g,string:g,symbol:g,any:g,arrayOf:I,element:g,elementType:g,instanceOf:I,node:g,objectOf:I,oneOf:I,oneOfType:I,shape:I,exact:I,checkPropTypes:t,resetWarningCache:e};return A.PropTypes=A,A}},function(g,I,A){"use strict";g.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(g,I){var A;A=function(){return this}();try{A=A||new Function("return this")()}catch(g){"object"==typeof window&&(A=window)}g.exports=A},function(g,I){g.exports=Array.isArray||function(g){return"[object Array]"==Object.prototype.toString.call(g)}},function(g,I){var A="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||"undefined"!=typeof msCrypto&&"function"==typeof window.msCrypto.getRandomValues&&msCrypto.getRandomValues.bind(msCrypto);if(A){var C=new Uint8Array(16);g.exports=function(){return A(C),C}}else{var e=new Array(16);g.exports=function(){for(var g,I=0;I<16;I++)0==(3&I)&&(g=4294967296*Math.random()),e[I]=g>>>((3&I)<<3)&255;return e}}},function(g,I){for(var A=[],C=0;C<256;++C)A[C]=(C+256).toString(16).substr(1);g.exports=function(g,I){var C=I||0,e=A;return[e[g[C++]],e[g[C++]],e[g[C++]],e[g[C++]],"-",e[g[C++]],e[g[C++]],"-",e[g[C++]],e[g[C++]],"-",e[g[C++]],e[g[C++]],"-",e[g[C++]],e[g[C++]],e[g[C++]],e[g[C++]],e[g[C++]],e[g[C++]]].join("")}},function(g,I,A){"use strict";A.r(I);var C=A(0),e=A.n(C),t=A(4),i=A.n(t),c=A(1);function n(g,I){if(null==g)return{};var A,C,e={},t=Object.keys(g);for(C=0;C=0||(e[A]=g[A]);return e}function r(){return(r=Object.assign||function(g){for(var I=1;I=0;a--){var l=e[a];"."===l?H(e,a):".."===l?(H(e,a),r++):r&&(H(e,a),r--)}if(!c)for(;r--;r)e.unshift("..");!c||""===e[0]||e[0]&&T(e[0])||e.unshift("");var u=e.join("/");return A&&"/"!==u.substr(-1)&&(u+="/"),u};var E=!0,K="Invariant failed";var F=function(g,I){if(!g)throw E?new Error(K):new Error(K+": "+(I||""))};function W(g){return"/"===g.charAt(0)?g:"/"+g}function V(g){return"/"===g.charAt(0)?g.substr(1):g}function L(g,I){return function(g,I){return 0===g.toLowerCase().indexOf(I.toLowerCase())&&-1!=="/?#".indexOf(g.charAt(I.length))}(g,I)?g.substr(I.length):g}function O(g){return"/"===g.charAt(g.length-1)?g.slice(0,-1):g}function R(g){var I=g.pathname,A=g.search,C=g.hash,e=I||"/";return A&&"?"!==A&&(e+="?"===A.charAt(0)?A:"?"+A),C&&"#"!==C&&(e+="#"===C.charAt(0)?C:"#"+C),e}function v(g,I,A,C){var e;"string"==typeof g?(e=function(g){var I=g||"/",A="",C="",e=I.indexOf("#");-1!==e&&(C=I.substr(e),I=I.substr(0,e));var t=I.indexOf("?");return-1!==t&&(A=I.substr(t),I=I.substr(0,t)),{pathname:I,search:"?"===A?"":A,hash:"#"===C?"":C}}(g)).state=I:(void 0===(e=r({},g)).pathname&&(e.pathname=""),e.search?"?"!==e.search.charAt(0)&&(e.search="?"+e.search):e.search="",e.hash?"#"!==e.hash.charAt(0)&&(e.hash="#"+e.hash):e.hash="",void 0!==I&&void 0===e.state&&(e.state=I));try{e.pathname=decodeURI(e.pathname)}catch(g){throw g instanceof URIError?new URIError('Pathname "'+e.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):g}return A&&(e.key=A),C?e.pathname?"/"!==e.pathname.charAt(0)&&(e.pathname=Y(e.pathname,C.pathname)):e.pathname=C.pathname:e.pathname||(e.pathname="/"),e}function Q(){var g=null;var I=[];return{setPrompt:function(I){return g=I,function(){g===I&&(g=null)}},confirmTransitionTo:function(I,A,C,e){if(null!=g){var t="function"==typeof g?g(I,A):g;"string"==typeof t?"function"==typeof C?C(t,e):e(!0):e(!1!==t)}else e(!0)},appendListener:function(g){var A=!0;function C(){A&&g.apply(void 0,arguments)}return I.push(C),function(){A=!1,I=I.filter((function(g){return g!==C}))}},notifyListeners:function(){for(var g=arguments.length,A=new Array(g),C=0;Ci.length-1&&(A=0);var C=i[A],e=C.url,t=C.name;I.play({url:e,name:t}),a(A)}}})}"console"===B&&I.setLogger({eventLogger:null,logging:!0}),"none"===B&&I.setLogger({})}}),[i,r,B]),Object(C.useEffect)((function(){if(I)return function(){I.stop()}}),[I]),e.a.createElement(wI,null,e.a.createElement(MI,null,i.map((function(g,A){var C=g.id,t=g.url,n=g.name;return e.a.createElement(pI,{key:C||t,first:0===A,selected:r===A},e.a.createElement("div",{onClick:function(){I.play({url:t,name:n}),a(A)}},n),e.a.createElement(XI,{onClick:function(){return g=C,A=i.findIndex((function(I){return I.id===g})),e=bI(i.filter((function(I){return I.id!==g}))),xI.setItem("songs",e),c(e),void(r===A?(I.stop(),a(0),G(0)):Ai.length-1&&(g=0);var A=i[g],C=A.url,e=A.name;I.play({url:C,name:e}),a(g)}},"⏭")),e.a.createElement(hI,null,u),e.a.createElement(ZI,null,Math.floor(b)," seconds")))}),kI=function(){return e.a.createElement(qg,null,e.a.createElement(NI,null))},TI=c.a.div.withConfig({displayName:"MultiplePlayers__FlexWrapper",componentId:"idi079-0"})(["display:flex;"]),HI=c.a.h2.withConfig({displayName:"MultiplePlayers__PlayerHeading",componentId:"idi079-1"})(["text-align:center;margin:0;"]),YI=function(){return e.a.createElement(qg,null,e.a.createElement(TI,null,e.a.createElement("div",null,e.a.createElement(HI,null,"Player #1"),e.a.createElement(NI,null)),e.a.createElement("div",null,e.a.createElement(HI,null,"Player #2"),e.a.createElement(NI,null))))},EI=c.a.div.withConfig({displayName:"src__Background",componentId:"dz48ey-0"})(["background:black;margin:-8px;"]),KI=c.a.div.withConfig({displayName:"src__PageTransition",componentId:"dz48ey-1"})(["@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@keyframes fadeOut{from{opacity:1;}to{opacity:0;}}&.page-enter{animation:fadeIn 0.2s forwards;}&.page-exit{animation:fadeOut 0.2s forwards;}"]);i.a.render(e.a.createElement((function(){return e.a.createElement(mg,null,e.a.createElement(xg,{render:function(g){var I=g.location;return e.a.createElement(EI,null,e.a.createElement(y,{component:null},e.a.createElement(k,{timeout:400,classNames:"page",key:I.pathname},e.a.createElement(KI,null,e.a.createElement(fg,null,e.a.createElement(xg,{path:"/multi",component:YI}),e.a.createElement(xg,{path:"/",component:kI}))))))}}))}),null),document.getElementById("app"))}]); \ No newline at end of file diff --git a/example/react/src/components/Player.js b/example/react/src/components/Player.js index 7c0dfe0..3f3c904 100644 --- a/example/react/src/components/Player.js +++ b/example/react/src/components/Player.js @@ -204,7 +204,7 @@ const Player = () => { midiPlayer.setLogger({}); } } - }, [songList, logger]); + }, [songList, currentSongIndex, logger]); // unmount useEffect(() => { diff --git a/package-lock.json b/package-lock.json index e01f52b..6b78034 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,6 +1,6 @@ { "name": "web-midi-player", - "version": "1.3.10", + "version": "1.3.11", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/package.json b/package.json index 98d9f26..179faa3 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "web-midi-player", - "version": "1.3.10", + "version": "1.3.11", "description": "🎹 Event-driven JavaScript library to enable MIDI playback in the browser.", "keywords": [ "midi",