@exezt-/webamp 1.5.0-0x710 → 1.5.0-0x715

package/built/webamp.bundle.js

@@ -1759,7 +1759,7 @@ formatters.j = function (v) {
 	}
 };
 
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(32)))
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(33)))
 
 /***/ }),
 /* 11 */
@@ -4056,7 +4056,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "combineReducers", function() { return combineReducers; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "compose", function() { return compose; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "createStore", function() { return createStore; });
-/* harmony import */ var symbol_observable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(30);
+/* harmony import */ var symbol_observable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(31);
 
 
 /**
@@ -6787,144 +6787,430 @@ module.exports = shouldUseNative() ? Object.assign : function (target, source) {
 
 /***/ }),
 /* 26 */
-/***/ (function(module, exports, __webpack_require__) {
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-// Copyright Joyent, Inc. and other Node contributors.
-//
-// Permission is hereby granted, free of charge, to any person obtaining a
-// copy of this software and associated documentation files (the
-// "Software"), to deal in the Software without restriction, including
-// without limitation the rights to use, copy, modify, merge, publish,
-// distribute, sublicense, and/or sell copies of the Software, and to permit
-// persons to whom the Software is furnished to do so, subject to the
-// following conditions:
-//
-// The above copyright notice and this permission notice shall be included
-// in all copies or substantial portions of the Software.
-//
-// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
-// OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
-// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN
-// NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
-// DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
-// OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE
-// USE OR OTHER DEALINGS IN THE SOFTWARE.
-
-// a duplex stream is just a stream that is both readable and writable.
-// Since JS doesn't have multiple prototypal inheritance, this class
-// prototypally inherits from Readable, and then parasitically from
-// Writable.
-
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return WinampTelegramCustomHandler; });
+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(4);
+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3);
 
 
-/*<replacement>*/
+class WinampTelegramCustomHandler {
+  constructor(emit, options) {
+    _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(this, "webamp", void 0);
 
-var pna = __webpack_require__(47);
-/*</replacement>*/
+    _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(this, "maxFileSize", 0x1400000);
 
-/*<replacement>*/
-var objectKeys = Object.keys || function (obj) {
-  var keys = [];
-  for (var key in obj) {
-    keys.push(key);
-  }return keys;
-};
-/*</replacement>*/
+    _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(this, "telegram", void 0);
 
-module.exports = Duplex;
+    _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(this, "options", void 0);
 
-/*<replacement>*/
-var util = Object.create(__webpack_require__(37));
-util.inherits = __webpack_require__(33);
-/*</replacement>*/
+    _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(this, "loadCustomTracks", () => {
+      if (!this.webamp.options.initialTracks) return;
+      this.webamp.setTracksToPlay(this.webamp.options.initialTracks);
+    });
 
-var Readable = __webpack_require__(110);
-var Writable = __webpack_require__(56);
+    _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(this, "updateAppState", () => {
+      localStorage.setItem("appState", JSON.stringify(this.webamp.__getSerializedState()));
+    });
 
-util.inherits(Duplex, Readable);
+    _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(this, "getTrackListFromYandexDisk", async playlistLink => {
+      fetch(`https://cloud-api.yandex.net/v1/disk/public/resources?public_key=${encodeURIComponent(playlistLink)}`, {
+        method: "GET",
+        headers: {
+          Accept: "application/json",
+          "Content-Type": "application/json"
+        }
+      }).then(async response => {
+        if (response.status === 200) {
+          return response.text();
+        } else {
+          return null;
+        }
+      }).then(async response => {
+        if (response !== null) {
+          var _JSON$parse;
 
-{
-  // avoid scope creep, the keys array can then be collected
-  var keys = objectKeys(Writable.prototype);
-  for (var v = 0; v < keys.length; v++) {
-    var method = keys[v];
-    if (!Duplex.prototype[method]) Duplex.prototype[method] = Writable.prototype[method];
-  }
-}
+          const data = (_JSON$parse = JSON.parse(response)) === null || _JSON$parse === void 0 ? void 0 : _JSON$parse._embedded.items;
+          let i = 0;
+          this.saveLastPlaylist(playlistLink);
 
-function Duplex(options) {
-  if (!(this instanceof Duplex)) return new Duplex(options);
+          for (const item of data) {
+            if (i === 0) {
+              this.webamp.setTracksToPlay([{
+                defaultName: item.name,
+                url: `${item.file}&public_key=${item.public_key}`
+              }]);
+            } else {
+              this.webamp.appendTracks([{
+                defaultName: item.name,
+                url: `${item.file}&public_key=${item.public_key}`
+              }]);
+            }
 
-  Readable.call(this, options);
-  Writable.call(this, options);
+            i++;
+          }
+        }
+      });
+    });
 
-  if (options && options.readable === false) this.readable = false;
+    _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(this, "loadTrackFromYandexDisk", async track => {
+      let public_key = new URL(track.url).searchParams.get("public_key");
+      await fetch(track.url, {
+        method: "GET"
+      }).then(response => response).then(resp => fetch(resp.url)).then(async response => {
+        if (response.status === 302) {
+          return await fetch(`${response.headers.get("Location")}&public_key=${public_key}`);
+        } else {
+          return response;
+        }
+      }).then(res => {
+        var _res$body;
 
-  if (options && options.writable === false) this.writable = false;
+        console.log(res);
+        const read = (_res$body = res.body) === null || _res$body === void 0 ? void 0 : _res$body.getReader();
+        return new ReadableStream({
+          start(controller) {
+            // @ts-ignore
+            function pump() {
+              // @ts-ignore
+              return read === null || read === void 0 ? void 0 : read.read().then(({
+                done,
+                value
+              }) => {
+                if (done) {
+                  controller.close();
+                  return;
+                }
 
-  this.allowHalfOpen = true;
-  if (options && options.allowHalfOpen === false) this.allowHalfOpen = false;
+                controller.enqueue(value);
+                return pump();
+              });
+            }
 
-  this.once('end', onend);
-}
+            return pump();
+          }
 
-Object.defineProperty(Duplex.prototype, 'writableHighWaterMark', {
-  // making it explicit this property is not enumerable
-  // because otherwise some prototype manipulation in
-  // userland will fail
-  enumerable: false,
-  get: function () {
-    return this._writableState.highWaterMark;
-  }
-});
+        });
+      }).then(stream => new Response(stream)).then(response => response.blob()).then(blob => URL.createObjectURL(blob)).then(uri => {
+        let tracks = this.getAllTracks();
+        this.replaceTrack(track, tracks);
+      }).catch(err => err);
+    });
 
-// the no-half-open enforcer
-function onend() {
-  // if we allow half-open state, or if the writable side ended,
-  // then we're ok.
-  if (this.allowHalfOpen || this._writableState.ended) return;
+    _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(this, "getCurrentTrack", () => {
+      let trackId = this.webamp.store.getState().playlist.currentTrack;
+      return this.webamp.store.getState().tracks[trackId];
+    });
 
-  // no more data can be written.
-  // But allow more writes to happen in this tick.
-  pna.nextTick(onEndNT, this);
-}
+    _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(this, "getAllTracks", () => {
+      return this.webamp.store.getState().tracks;
+    });
 
-function onEndNT(self) {
-  self.end();
-}
+    _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(this, "replaceTrack", (track, tracks) => {
+      let a = [];
+      Object.entries(tracks).forEach(([_key, value]) => {
+        if (value.id === track.id) {
+          a.push(track);
+        } else {
+          a.push(value);
+        }
+      });
+      this.webamp.setTracksToPlay(a);
+    });
 
-Object.defineProperty(Duplex.prototype, 'destroyed', {
-  get: function () {
-    if (this._readableState === undefined || this._writableState === undefined) {
-      return false;
-    }
-    return this._readableState.destroyed && this._writableState.destroyed;
-  },
-  set: function (value) {
-    // we ignore the value if the stream
-    // has not been initialized yet
-    if (this._readableState === undefined || this._writableState === undefined) {
-      return;
-    }
+    _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(this, "saveLastPlaylist", playlistLink => {
+      document.cookie = `lastlist=${playlistLink}; path=/;`;
+    });
 
-    // backward compatibility, the user is explicitly
-    // managing destroyed
-    this._readableState.destroyed = value;
-    this._writableState.destroyed = value;
-  }
-});
+    _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(this, "getCookie", name => {
+      const regex = new RegExp(`(^| )${name}=([^;]+)`);
+      const match = document.cookie.match(regex);
 
-Duplex.prototype._destroy = function (err, cb) {
-  this.push(null);
-  this.end();
+      if (match) {
+        return match[2];
+      }
+    });
 
-  pna.nextTick(cb, err);
-};
+    _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(this, "loadOptions", opts => {
+      this.webamp.__loadSerializedState(opts);
+    });
 
-/***/ }),
-/* 27 */
-/***/ (function(module, exports, __webpack_require__) {
+    _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(this, "loadOptions2", opts => {
+      let i = 0;
+      let vol = opts.media.volume;
+      let balance = opts.media.balance;
+      let eq1 = opts.equalizer.sliders.preamp;
+      let eq2 = opts.equalizer.sliders["60"];
+      let eq3 = opts.equalizer.sliders["170"];
+      let eq4 = opts.equalizer.sliders["310"];
+      let eq5 = opts.equalizer.sliders["600"];
+      let eq6 = opts.equalizer.sliders["1000"];
+      let eq7 = opts.equalizer.sliders["3000"];
+      let eq8 = opts.equalizer.sliders["6000"];
+      let eq9 = opts.equalizer.sliders["12000"];
+      let eq10 = opts.equalizer.sliders["14000"];
+      let eq11 = opts.equalizer.sliders["16000"];
+      let equal = [eq1, eq2, eq3, eq4, eq5, eq6, eq7, eq8, eq9, eq10, eq11];
+      let bands = [60, 170, 310, 600, 1000, 3000, 6000, 12000, 14000, 16000];
+      this.webamp.store.dispatch({
+        type: "SET_VOLUME",
+        volume: Object(_utils__WEBPACK_IMPORTED_MODULE_1__[/* clamp */ "d"])(vol, 0, 100)
+      });
+      this.webamp.store.dispatch({
+        type: "SET_BALANCE",
+        balance: balance
+      });
+      this.webamp.store.dispatch({
+        type: "SET_BAND_VALUE",
+        band: "preamp",
+        value: opts.equalizer.sliders.preamp
+      });
+
+      for (const band of bands) {
+        this.webamp.store.dispatch({
+          type: "SET_BAND_VALUE",
+          band: band,
+          value: equal[i]
+        });
+        i++;
+      }
+
+      if (window.__webamp.store.getState().media.shuffle !== opts.media.shuffle) {
+        this.webamp.store.dispatch({
+          type: "TOGGLE_SHUFFLE"
+        });
+      }
+
+      if (window.__webamp.store.getState().media.repeat !== opts.media.repeat) {
+        this.webamp.store.dispatch({
+          type: "TOGGLE_REPEAT"
+        });
+      }
+    });
+
+    this.options = options;
+    setTimeout(() => {
+      if (!window.__webamp) {
+        throw new Error("Webamp __webamp is undefined!!");
+      } else {
+        this.webamp = window.__webamp;
+      }
+
+      if (typeof localStorage.getItem('app-state') !== "undefined") {
+        this.loadOptions(JSON.parse(localStorage.getItem('app-state')));
+      } // emit
+
+
+      if (emit !== false) {
+        var _window, _window$Telegram;
+
+        const lastList = this.getCookie('lastlist');
+
+        if (typeof lastList !== "undefined") {
+          this.getTrackListFromYandexDisk(lastList);
+        } // @ts-ignore | because no global var telegram avail in project types
+
+
+        if (!((_window = window) !== null && _window !== void 0 && (_window$Telegram = _window.Telegram) !== null && _window$Telegram !== void 0 && _window$Telegram.WebApp)) {
+          console.error("Telegram is undefined!! Skipping Telegram.WebApp event handler...");
+        } else {
+          var _window2, _window2$Telegram;
+
+          // @ts-ignore | because no global var telegram avail in project types
+          this.telegram = (_window2 = window) === null || _window2 === void 0 ? void 0 : (_window2$Telegram = _window2.Telegram) === null || _window2$Telegram === void 0 ? void 0 : _window2$Telegram.WebApp;
+          this.initializeTelegramWebAppEvents();
+        }
+
+        this.initializeApplicationHandlers();
+      }
+    }, 1000);
+  }
+
+  initializeTelegramWebAppEvents() {
+    this.telegram.offEvent("deactivated", () => {
+      this.updateAppState();
+    });
+  }
+
+  initializeApplicationHandlers() {
+    const window_handlers = ['unload', 'beforeunload', 'pagehide'];
+    window_handlers.forEach(handler => {
+      window.addEventListener(handler, () => {
+        this.updateAppState();
+      });
+    });
+    this.webamp.onTrackDidChange(() => {
+      console.log(this.webamp.store.getState());
+      this.updateAppState();
+    });
+    this.webamp.onWillClose(() => {
+      this.updateAppState();
+    });
+    this.webamp.onClose(() => {
+      this.updateAppState();
+    });
+    this.webamp.onMinimize(() => {
+      this.updateAppState();
+    });
+    this.webamp.store.dispatch({
+      type: "ENABLE_MILKDROP",
+      open: false
+    });
+    const ev = ['ended', 'playing', 'timeupdate', 'fileLoaded', 'waiting', 'stopWaiting'];
+
+    this.webamp.__onStateChange(() => {
+      this.updateAppState();
+    });
+
+    ev.forEach(ev => this.webamp.media.on(ev, () => {
+      this.updateAppState();
+    }));
+  }
+
+}
+
+/***/ }),
+/* 27 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+// Copyright Joyent, Inc. and other Node contributors.
+//
+// Permission is hereby granted, free of charge, to any person obtaining a
+// copy of this software and associated documentation files (the
+// "Software"), to deal in the Software without restriction, including
+// without limitation the rights to use, copy, modify, merge, publish,
+// distribute, sublicense, and/or sell copies of the Software, and to permit
+// persons to whom the Software is furnished to do so, subject to the
+// following conditions:
+//
+// The above copyright notice and this permission notice shall be included
+// in all copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
+// OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN
+// NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
+// DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
+// OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE
+// USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+// a duplex stream is just a stream that is both readable and writable.
+// Since JS doesn't have multiple prototypal inheritance, this class
+// prototypally inherits from Readable, and then parasitically from
+// Writable.
+
+
+
+/*<replacement>*/
+
+var pna = __webpack_require__(47);
+/*</replacement>*/
+
+/*<replacement>*/
+var objectKeys = Object.keys || function (obj) {
+  var keys = [];
+  for (var key in obj) {
+    keys.push(key);
+  }return keys;
+};
+/*</replacement>*/
+
+module.exports = Duplex;
+
+/*<replacement>*/
+var util = Object.create(__webpack_require__(37));
+util.inherits = __webpack_require__(34);
+/*</replacement>*/
+
+var Readable = __webpack_require__(110);
+var Writable = __webpack_require__(56);
+
+util.inherits(Duplex, Readable);
+
+{
+  // avoid scope creep, the keys array can then be collected
+  var keys = objectKeys(Writable.prototype);
+  for (var v = 0; v < keys.length; v++) {
+    var method = keys[v];
+    if (!Duplex.prototype[method]) Duplex.prototype[method] = Writable.prototype[method];
+  }
+}
+
+function Duplex(options) {
+  if (!(this instanceof Duplex)) return new Duplex(options);
+
+  Readable.call(this, options);
+  Writable.call(this, options);
+
+  if (options && options.readable === false) this.readable = false;
+
+  if (options && options.writable === false) this.writable = false;
+
+  this.allowHalfOpen = true;
+  if (options && options.allowHalfOpen === false) this.allowHalfOpen = false;
+
+  this.once('end', onend);
+}
+
+Object.defineProperty(Duplex.prototype, 'writableHighWaterMark', {
+  // making it explicit this property is not enumerable
+  // because otherwise some prototype manipulation in
+  // userland will fail
+  enumerable: false,
+  get: function () {
+    return this._writableState.highWaterMark;
+  }
+});
+
+// the no-half-open enforcer
+function onend() {
+  // if we allow half-open state, or if the writable side ended,
+  // then we're ok.
+  if (this.allowHalfOpen || this._writableState.ended) return;
+
+  // no more data can be written.
+  // But allow more writes to happen in this tick.
+  pna.nextTick(onEndNT, this);
+}
+
+function onEndNT(self) {
+  self.end();
+}
+
+Object.defineProperty(Duplex.prototype, 'destroyed', {
+  get: function () {
+    if (this._readableState === undefined || this._writableState === undefined) {
+      return false;
+    }
+    return this._readableState.destroyed && this._writableState.destroyed;
+  },
+  set: function (value) {
+    // we ignore the value if the stream
+    // has not been initialized yet
+    if (this._readableState === undefined || this._writableState === undefined) {
+      return;
+    }
+
+    // backward compatibility, the user is explicitly
+    // managing destroyed
+    this._readableState.destroyed = value;
+    this._writableState.destroyed = value;
+  }
+});
+
+Duplex.prototype._destroy = function (err, cb) {
+  this.push(null);
+  this.end();
+
+  pna.nextTick(cb, err);
+};
+
+/***/ }),
+/* 28 */
+/***/ (function(module, exports, __webpack_require__) {
 
 var root = __webpack_require__(82);
 
@@ -6935,7 +7221,7 @@ module.exports = Symbol;
 
 
 /***/ }),
-/* 28 */
+/* 29 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -6947,13 +7233,13 @@ if (true) {
 
 
 /***/ }),
-/* 29 */
+/* 30 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var reactIs = __webpack_require__(28);
+var reactIs = __webpack_require__(29);
 
 /**
  * Copyright 2015, Yahoo! Inc.
@@ -7022,666 +7308,302 @@ function hoistNonReactStatics(targetComponent, sourceComponent, blacklist) {
     if (objectPrototype) {
       var inheritedComponent = getPrototypeOf(sourceComponent);
 
-      if (inheritedComponent && inheritedComponent !== objectPrototype) {
-        hoistNonReactStatics(targetComponent, inheritedComponent, blacklist);
-      }
-    }
-
-    var keys = getOwnPropertyNames(sourceComponent);
-
-    if (getOwnPropertySymbols) {
-      keys = keys.concat(getOwnPropertySymbols(sourceComponent));
-    }
-
-    var targetStatics = getStatics(targetComponent);
-    var sourceStatics = getStatics(sourceComponent);
-
-    for (var i = 0; i < keys.length; ++i) {
-      var key = keys[i];
-
-      if (!KNOWN_STATICS[key] && !(blacklist && blacklist[key]) && !(sourceStatics && sourceStatics[key]) && !(targetStatics && targetStatics[key])) {
-        var descriptor = getOwnPropertyDescriptor(sourceComponent, key);
-
-        try {
-          // Avoid failures from read-only properties
-          defineProperty(targetComponent, key, descriptor);
-        } catch (e) {}
-      }
-    }
-  }
-
-  return targetComponent;
-}
-
-module.exports = hoistNonReactStatics;
-
-
-/***/ }),
-/* 30 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* WEBPACK VAR INJECTION */(function(global, module) {/* harmony import */ var _ponyfill_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(39);
-/* global window */
-
-
-var root;
-
-if (typeof self !== 'undefined') {
-  root = self;
-} else if (typeof window !== 'undefined') {
-  root = window;
-} else if (typeof global !== 'undefined') {
-  root = global;
-} else if (true) {
-  root = module;
-} else {}
-
-var result = Object(_ponyfill_js__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(root);
-/* harmony default export */ __webpack_exports__["a"] = (result);
-
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(19), __webpack_require__(67)(module)))
-
-/***/ }),
-/* 31 */
-/***/ (function(module, exports, __webpack_require__) {
-
-var parser = __webpack_require__(69);
-
-var creator = __webpack_require__(70);
-
-module.exports = {
-  parser: parser,
-  creator: creator
-};
-
-/***/ }),
-/* 32 */
-/***/ (function(module, exports) {
-
-// shim for using process in browser
-var process = module.exports = {};
-
-// cached from whatever global is present so that test runners that stub it
-// don't break things.  But we need to wrap it in a try catch in case it is
-// wrapped in strict mode code which doesn't define any globals.  It's inside a
-// function because try/catches deoptimize in certain engines.
-
-var cachedSetTimeout;
-var cachedClearTimeout;
-
-function defaultSetTimout() {
-    throw new Error('setTimeout has not been defined');
-}
-function defaultClearTimeout () {
-    throw new Error('clearTimeout has not been defined');
-}
-(function () {
-    try {
-        if (typeof setTimeout === 'function') {
-            cachedSetTimeout = setTimeout;
-        } else {
-            cachedSetTimeout = defaultSetTimout;
-        }
-    } catch (e) {
-        cachedSetTimeout = defaultSetTimout;
-    }
-    try {
-        if (typeof clearTimeout === 'function') {
-            cachedClearTimeout = clearTimeout;
-        } else {
-            cachedClearTimeout = defaultClearTimeout;
-        }
-    } catch (e) {
-        cachedClearTimeout = defaultClearTimeout;
-    }
-} ())
-function runTimeout(fun) {
-    if (cachedSetTimeout === setTimeout) {
-        //normal enviroments in sane situations
-        return setTimeout(fun, 0);
-    }
-    // if setTimeout wasn't available but was latter defined
-    if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout) {
-        cachedSetTimeout = setTimeout;
-        return setTimeout(fun, 0);
-    }
-    try {
-        // when when somebody has screwed with setTimeout but no I.E. maddness
-        return cachedSetTimeout(fun, 0);
-    } catch(e){
-        try {
-            // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally
-            return cachedSetTimeout.call(null, fun, 0);
-        } catch(e){
-            // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error
-            return cachedSetTimeout.call(this, fun, 0);
-        }
-    }
-
-
-}
-function runClearTimeout(marker) {
-    if (cachedClearTimeout === clearTimeout) {
-        //normal enviroments in sane situations
-        return clearTimeout(marker);
-    }
-    // if clearTimeout wasn't available but was latter defined
-    if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout) {
-        cachedClearTimeout = clearTimeout;
-        return clearTimeout(marker);
-    }
-    try {
-        // when when somebody has screwed with setTimeout but no I.E. maddness
-        return cachedClearTimeout(marker);
-    } catch (e){
-        try {
-            // When we are in I.E. but the script has been evaled so I.E. doesn't  trust the global object when called normally
-            return cachedClearTimeout.call(null, marker);
-        } catch (e){
-            // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error.
-            // Some versions of I.E. have different rules for clearTimeout vs setTimeout
-            return cachedClearTimeout.call(this, marker);
-        }
-    }
-
-
-
-}
-var queue = [];
-var draining = false;
-var currentQueue;
-var queueIndex = -1;
-
-function cleanUpNextTick() {
-    if (!draining || !currentQueue) {
-        return;
-    }
-    draining = false;
-    if (currentQueue.length) {
-        queue = currentQueue.concat(queue);
-    } else {
-        queueIndex = -1;
-    }
-    if (queue.length) {
-        drainQueue();
-    }
-}
-
-function drainQueue() {
-    if (draining) {
-        return;
-    }
-    var timeout = runTimeout(cleanUpNextTick);
-    draining = true;
-
-    var len = queue.length;
-    while(len) {
-        currentQueue = queue;
-        queue = [];
-        while (++queueIndex < len) {
-            if (currentQueue) {
-                currentQueue[queueIndex].run();
-            }
-        }
-        queueIndex = -1;
-        len = queue.length;
-    }
-    currentQueue = null;
-    draining = false;
-    runClearTimeout(timeout);
-}
-
-process.nextTick = function (fun) {
-    var args = new Array(arguments.length - 1);
-    if (arguments.length > 1) {
-        for (var i = 1; i < arguments.length; i++) {
-            args[i - 1] = arguments[i];
-        }
-    }
-    queue.push(new Item(fun, args));
-    if (queue.length === 1 && !draining) {
-        runTimeout(drainQueue);
-    }
-};
-
-// v8 likes predictible objects
-function Item(fun, array) {
-    this.fun = fun;
-    this.array = array;
-}
-Item.prototype.run = function () {
-    this.fun.apply(null, this.array);
-};
-process.title = 'browser';
-process.browser = true;
-process.env = {};
-process.argv = [];
-process.version = ''; // empty string to avoid regexp issues
-process.versions = {};
-
-function noop() {}
-
-process.on = noop;
-process.addListener = noop;
-process.once = noop;
-process.off = noop;
-process.removeListener = noop;
-process.removeAllListeners = noop;
-process.emit = noop;
-process.prependListener = noop;
-process.prependOnceListener = noop;
-
-process.listeners = function (name) { return [] }
-
-process.binding = function (name) {
-    throw new Error('process.binding is not supported');
-};
-
-process.cwd = function () { return '/' };
-process.chdir = function (dir) {
-    throw new Error('process.chdir is not supported');
-};
-process.umask = function() { return 0; };
-
-
-/***/ }),
-/* 33 */
-/***/ (function(module, exports) {
-
-if (typeof Object.create === 'function') {
-  // implementation from standard node.js 'util' module
-  module.exports = function inherits(ctor, superCtor) {
-    if (superCtor) {
-      ctor.super_ = superCtor
-      ctor.prototype = Object.create(superCtor.prototype, {
-        constructor: {
-          value: ctor,
-          enumerable: false,
-          writable: true,
-          configurable: true
-        }
-      })
-    }
-  };
-} else {
-  // old school shim for old browsers
-  module.exports = function inherits(ctor, superCtor) {
-    if (superCtor) {
-      ctor.super_ = superCtor
-      var TempCtor = function () {}
-      TempCtor.prototype = superCtor.prototype
-      ctor.prototype = new TempCtor()
-      ctor.prototype.constructor = ctor
-    }
-  }
-}
-
-
-/***/ }),
-/* 34 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return WinampTelegramCustomHandler; });
-/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(4);
-/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3);
-
-// @ts-ignore
+      if (inheritedComponent && inheritedComponent !== objectPrototype) {
+        hoistNonReactStatics(targetComponent, inheritedComponent, blacklist);
+      }
+    }
 
-class WinampTelegramCustomHandler {
-  constructor(emit) {
-    _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(this, "webamp", void 0);
+    var keys = getOwnPropertyNames(sourceComponent);
 
-    _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(this, "maxFileSize", 0x1400000);
+    if (getOwnPropertySymbols) {
+      keys = keys.concat(getOwnPropertySymbols(sourceComponent));
+    }
 
-    _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(this, "telegram", void 0);
+    var targetStatics = getStatics(targetComponent);
+    var sourceStatics = getStatics(sourceComponent);
 
-    _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(this, "updateAppState", () => {
-      localStorage.setItem("appState", JSON.stringify(this.webamp.__getSerializedState()));
-    });
+    for (var i = 0; i < keys.length; ++i) {
+      var key = keys[i];
 
-    _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(this, "getFiles", async ln => {
-      const x = new XMLHttpRequest();
-      const link = encodeURIComponent(ln);
-      x.open('get', `https://cloud-api.yandex.net/v1/disk/public/resources?public_key=${link}`, true);
-      x.setRequestHeader('Accept', 'application/json');
-      x.setRequestHeader('Content-Type', 'application/json');
-      x.setRequestHeader('Authorization', 'OAuth 0dc7925ebcf047a1b001c07d6bd5ac49');
-      x.send();
-
-      x.onload = async () => {
-        if (x.status === 200) {
-          var _JSON$parse;
+      if (!KNOWN_STATICS[key] && !(blacklist && blacklist[key]) && !(sourceStatics && sourceStatics[key]) && !(targetStatics && targetStatics[key])) {
+        var descriptor = getOwnPropertyDescriptor(sourceComponent, key);
 
-          const data = (_JSON$parse = JSON.parse(x.responseText)) === null || _JSON$parse === void 0 ? void 0 : _JSON$parse._embedded.items;
-          let i = 0;
-          this.saveLastPlaylist(ln);
+        try {
+          // Avoid failures from read-only properties
+          defineProperty(targetComponent, key, descriptor);
+        } catch (e) {}
+      }
+    }
+  }
 
-          for (const item of data) {
-            if (item.size > this.maxFileSize) {
-              console.info(`File ${item.name} can't be loaded due oversize`);
-            } else {
-              await fetch(`${item.file}&public_key=${item.public_key}`, {
-                method: "GET"
-              }).then(response => response).then(resp => fetch(resp.url)).then(async response => {
-                if (response.status === 302) {
-                  return await fetch(`${response.headers.get("Location")}&public_key=${item.public_key}`);
-                } else {
-                  return response;
-                }
-              }).then(res => {
-                var _res$body;
-
-                console.log(res);
-                const read = (_res$body = res.body) === null || _res$body === void 0 ? void 0 : _res$body.getReader();
-                return new ReadableStream({
-                  start(controller) {
-                    // @ts-ignore
-                    function pump() {
-                      // @ts-ignore
-                      return read === null || read === void 0 ? void 0 : read.read().then(({
-                        done,
-                        value
-                      }) => {
-                        if (done) {
-                          controller.close();
-                          return;
-                        }
+  return targetComponent;
+}
 
-                        controller.enqueue(value);
-                        return pump();
-                      });
-                    }
+module.exports = hoistNonReactStatics;
 
-                    return pump();
-                  }
 
-                });
-              }).then(stream => new Response(stream)).then(response => response.blob()).then(blob => URL.createObjectURL(blob)).then(uri => {
-                if (i === 0) {
-                  this.webamp.setTracksToPlay([{
-                    defaultName: item.name,
-                    url: uri
-                  }]);
-                } else {
-                  this.webamp.appendTracks([{
-                    defaultName: item.name,
-                    url: uri
-                  }]);
-                }
+/***/ }),
+/* 31 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-                i++; // yes, it should be here
-              }).catch(err => err);
-            }
-          }
-        }
-      };
-    });
+"use strict";
+/* WEBPACK VAR INJECTION */(function(global, module) {/* harmony import */ var _ponyfill_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(39);
+/* global window */
 
-    _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(this, "getTrackListFromYandexDisk", async playlistLink => {
-      fetch(`https://cloud-api.yandex.net/v1/disk/public/resources?public_key=${encodeURIComponent(playlistLink)}`, {
-        method: "GET",
-        headers: {
-          Accept: "application/json",
-          "Content-Type": "application/json"
-        }
-      }).then(async response => {
-        if (response.status === 200) {
-          return response.text();
-        } else {
-          return null;
-        }
-      }).then(async response => {
-        if (response !== null) {
-          var _JSON$parse2;
 
-          const data = (_JSON$parse2 = JSON.parse(response)) === null || _JSON$parse2 === void 0 ? void 0 : _JSON$parse2._embedded.items;
-          let i = 0;
-          this.saveLastPlaylist(playlistLink);
+var root;
 
-          for (const item of data) {
-            if (i === 0) {
-              this.webamp.setTracksToPlay([{
-                defaultName: item.name,
-                url: `${item.file}&public_key=${item.public_key}`
-              }]);
-            } else {
-              this.webamp.appendTracks([{
-                defaultName: item.name,
-                url: `${item.file}&public_key=${item.public_key}`
-              }]);
-            }
-          }
-        }
-      });
-    });
+if (typeof self !== 'undefined') {
+  root = self;
+} else if (typeof window !== 'undefined') {
+  root = window;
+} else if (typeof global !== 'undefined') {
+  root = global;
+} else if (true) {
+  root = module;
+} else {}
 
-    _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(this, "loadTrackFromYandexDisk", async track => {
-      let public_key = new URL(track.url).searchParams.get("public_key");
-      await fetch(track.url, {
-        method: "GET"
-      }).then(response => response).then(resp => fetch(resp.url)).then(async response => {
-        if (response.status === 302) {
-          return await fetch(`${response.headers.get("Location")}&public_key=${public_key}`);
-        } else {
-          return response;
-        }
-      }).then(res => {
-        var _res$body2;
+var result = Object(_ponyfill_js__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(root);
+/* harmony default export */ __webpack_exports__["a"] = (result);
 
-        console.log(res);
-        const read = (_res$body2 = res.body) === null || _res$body2 === void 0 ? void 0 : _res$body2.getReader();
-        return new ReadableStream({
-          start(controller) {
-            // @ts-ignore
-            function pump() {
-              // @ts-ignore
-              return read === null || read === void 0 ? void 0 : read.read().then(({
-                done,
-                value
-              }) => {
-                if (done) {
-                  controller.close();
-                  return;
-                }
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(19), __webpack_require__(67)(module)))
 
-                controller.enqueue(value);
-                return pump();
-              });
-            }
+/***/ }),
+/* 32 */
+/***/ (function(module, exports, __webpack_require__) {
 
-            return pump();
-          }
+var parser = __webpack_require__(69);
 
-        });
-      }).then(stream => new Response(stream)).then(response => response.blob()).then(blob => URL.createObjectURL(blob)).then(uri => {
-        let tracks = this.getAllTracks();
-        this.replaceTrack(track, tracks);
-      }).catch(err => err);
-    });
+var creator = __webpack_require__(70);
 
-    _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(this, "onTrackNeedToLoad", () => {
-      let track = this.getCurrentTrack();
+module.exports = {
+  parser: parser,
+  creator: creator
+};
 
-      if (track.url.split('/').includes('downloader')) {
-        this.loadTrackFromYandexDisk(track);
-      }
-    });
+/***/ }),
+/* 33 */
+/***/ (function(module, exports) {
 
-    _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(this, "getCurrentTrack", () => {
-      let trackId = this.webamp.store.getState().playlist.currentTrack;
-      return this.webamp.store.getState().tracks[trackId];
-    });
+// shim for using process in browser
+var process = module.exports = {};
 
-    _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(this, "getAllTracks", () => {
-      return this.webamp.store.getState().tracks;
-    });
+// cached from whatever global is present so that test runners that stub it
+// don't break things.  But we need to wrap it in a try catch in case it is
+// wrapped in strict mode code which doesn't define any globals.  It's inside a
+// function because try/catches deoptimize in certain engines.
 
-    _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(this, "replaceTrack", (track, tracks) => {
-      let a = [];
-      Object.entries(tracks).forEach(([_key, value]) => {
-        if (value.id === track.id) {
-          a.push(track);
+var cachedSetTimeout;
+var cachedClearTimeout;
+
+function defaultSetTimout() {
+    throw new Error('setTimeout has not been defined');
+}
+function defaultClearTimeout () {
+    throw new Error('clearTimeout has not been defined');
+}
+(function () {
+    try {
+        if (typeof setTimeout === 'function') {
+            cachedSetTimeout = setTimeout;
         } else {
-          a.push(value);
+            cachedSetTimeout = defaultSetTimout;
         }
-      });
-      this.webamp.setTracksToPlay(a);
-    });
-
-    _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(this, "saveLastPlaylist", playlistLink => {
-      document.cookie = `lastlist=${playlistLink}; path=/;`;
-    });
-
-    _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(this, "getCookie", name => {
-      const regex = new RegExp(`(^| )${name}=([^;]+)`);
-      const match = document.cookie.match(regex);
-
-      if (match) {
-        return match[2];
-      }
-    });
-
-    _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(this, "loadOptions2", opts => {
-      this.webamp.__loadSerializedState(opts);
-    });
-
-    _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(this, "loadOptions", opts => {
-      let i = 0;
-      let vol = opts.media.volume;
-      let balance = opts.media.balance;
-      let eq1 = opts.equalizer.sliders.preamp;
-      let eq2 = opts.equalizer.sliders["60"];
-      let eq3 = opts.equalizer.sliders["170"];
-      let eq4 = opts.equalizer.sliders["310"];
-      let eq5 = opts.equalizer.sliders["600"];
-      let eq6 = opts.equalizer.sliders["1000"];
-      let eq7 = opts.equalizer.sliders["3000"];
-      let eq8 = opts.equalizer.sliders["6000"];
-      let eq9 = opts.equalizer.sliders["12000"];
-      let eq10 = opts.equalizer.sliders["14000"];
-      let eq11 = opts.equalizer.sliders["16000"];
-      let equal = [eq1, eq2, eq3, eq4, eq5, eq6, eq7, eq8, eq9, eq10, eq11];
-      let bands = [60, 170, 310, 600, 1000, 3000, 6000, 12000, 14000, 16000];
-      this.webamp.store.dispatch({
-        type: "SET_VOLUME",
-        volume: Object(_utils__WEBPACK_IMPORTED_MODULE_1__[/* clamp */ "d"])(vol, 0, 100)
-      });
-      this.webamp.store.dispatch({
-        type: "SET_BALANCE",
-        balance: balance
-      });
-      this.webamp.store.dispatch({
-        type: "SET_BAND_VALUE",
-        band: "preamp",
-        value: opts.equalizer.sliders.preamp
-      });
+    } catch (e) {
+        cachedSetTimeout = defaultSetTimout;
+    }
+    try {
+        if (typeof clearTimeout === 'function') {
+            cachedClearTimeout = clearTimeout;
+        } else {
+            cachedClearTimeout = defaultClearTimeout;
+        }
+    } catch (e) {
+        cachedClearTimeout = defaultClearTimeout;
+    }
+} ())
+function runTimeout(fun) {
+    if (cachedSetTimeout === setTimeout) {
+        //normal enviroments in sane situations
+        return setTimeout(fun, 0);
+    }
+    // if setTimeout wasn't available but was latter defined
+    if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout) {
+        cachedSetTimeout = setTimeout;
+        return setTimeout(fun, 0);
+    }
+    try {
+        // when when somebody has screwed with setTimeout but no I.E. maddness
+        return cachedSetTimeout(fun, 0);
+    } catch(e){
+        try {
+            // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally
+            return cachedSetTimeout.call(null, fun, 0);
+        } catch(e){
+            // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error
+            return cachedSetTimeout.call(this, fun, 0);
+        }
+    }
 
-      for (const band of bands) {
-        this.webamp.store.dispatch({
-          type: "SET_BAND_VALUE",
-          band: band,
-          value: equal[i]
-        });
-        i++;
-      }
 
-      if (window.__webamp.store.getState().media.shuffle !== opts.media.shuffle) {
-        this.webamp.store.dispatch({
-          type: "TOGGLE_SHUFFLE"
-        });
-      }
+}
+function runClearTimeout(marker) {
+    if (cachedClearTimeout === clearTimeout) {
+        //normal enviroments in sane situations
+        return clearTimeout(marker);
+    }
+    // if clearTimeout wasn't available but was latter defined
+    if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout) {
+        cachedClearTimeout = clearTimeout;
+        return clearTimeout(marker);
+    }
+    try {
+        // when when somebody has screwed with setTimeout but no I.E. maddness
+        return cachedClearTimeout(marker);
+    } catch (e){
+        try {
+            // When we are in I.E. but the script has been evaled so I.E. doesn't  trust the global object when called normally
+            return cachedClearTimeout.call(null, marker);
+        } catch (e){
+            // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error.
+            // Some versions of I.E. have different rules for clearTimeout vs setTimeout
+            return cachedClearTimeout.call(this, marker);
+        }
+    }
 
-      if (window.__webamp.store.getState().media.repeat !== opts.media.repeat) {
-        this.webamp.store.dispatch({
-          type: "TOGGLE_REPEAT"
-        });
-      }
-    });
 
-    setTimeout(() => {
-      if (!window.__webamp) {
-        throw new Error("Webamp __webamp is undefined!!");
-      } else {
-        this.webamp = window.__webamp;
-      }
 
-      if (typeof localStorage.getItem('app-state') !== "undefined") {
-        this.loadOptions2(JSON.parse(localStorage.getItem('app-state')));
-      } // emit
+}
+var queue = [];
+var draining = false;
+var currentQueue;
+var queueIndex = -1;
 
+function cleanUpNextTick() {
+    if (!draining || !currentQueue) {
+        return;
+    }
+    draining = false;
+    if (currentQueue.length) {
+        queue = currentQueue.concat(queue);
+    } else {
+        queueIndex = -1;
+    }
+    if (queue.length) {
+        drainQueue();
+    }
+}
 
-      if (emit !== false) {
-        var _window, _window$Telegram;
+function drainQueue() {
+    if (draining) {
+        return;
+    }
+    var timeout = runTimeout(cleanUpNextTick);
+    draining = true;
 
-        const lastList = this.getCookie('lastlist');
+    var len = queue.length;
+    while(len) {
+        currentQueue = queue;
+        queue = [];
+        while (++queueIndex < len) {
+            if (currentQueue) {
+                currentQueue[queueIndex].run();
+            }
+        }
+        queueIndex = -1;
+        len = queue.length;
+    }
+    currentQueue = null;
+    draining = false;
+    runClearTimeout(timeout);
+}
 
-        if (typeof lastList !== "undefined") {
-          this.getTrackListFromYandexDisk(lastList);
-        } // @ts-ignore | because no global var telegram avail in project types
+process.nextTick = function (fun) {
+    var args = new Array(arguments.length - 1);
+    if (arguments.length > 1) {
+        for (var i = 1; i < arguments.length; i++) {
+            args[i - 1] = arguments[i];
+        }
+    }
+    queue.push(new Item(fun, args));
+    if (queue.length === 1 && !draining) {
+        runTimeout(drainQueue);
+    }
+};
+
+// v8 likes predictible objects
+function Item(fun, array) {
+    this.fun = fun;
+    this.array = array;
+}
+Item.prototype.run = function () {
+    this.fun.apply(null, this.array);
+};
+process.title = 'browser';
+process.browser = true;
+process.env = {};
+process.argv = [];
+process.version = ''; // empty string to avoid regexp issues
+process.versions = {};
 
+function noop() {}
 
-        if (!((_window = window) !== null && _window !== void 0 && (_window$Telegram = _window.Telegram) !== null && _window$Telegram !== void 0 && _window$Telegram.WebApp)) {
-          console.error("Telegram is undefined!! Skipping Telegram.WebApp event handler...");
-        } else {
-          var _window2, _window2$Telegram;
+process.on = noop;
+process.addListener = noop;
+process.once = noop;
+process.off = noop;
+process.removeListener = noop;
+process.removeAllListeners = noop;
+process.emit = noop;
+process.prependListener = noop;
+process.prependOnceListener = noop;
 
-          // @ts-ignore | because no global var telegram avail in project types
-          this.telegram = (_window2 = window) === null || _window2 === void 0 ? void 0 : (_window2$Telegram = _window2.Telegram) === null || _window2$Telegram === void 0 ? void 0 : _window2$Telegram.WebApp;
-          this.initializeTelegramWebAppEvents();
-        }
+process.listeners = function (name) { return [] }
 
-        this.initializeApplicationHandlers();
-      }
-    }, 1000);
-  }
+process.binding = function (name) {
+    throw new Error('process.binding is not supported');
+};
 
-  initializeTelegramWebAppEvents() {
-    this.telegram.offEvent("deactivated", () => {
-      this.updateAppState();
-    });
-  }
+process.cwd = function () { return '/' };
+process.chdir = function (dir) {
+    throw new Error('process.chdir is not supported');
+};
+process.umask = function() { return 0; };
 
-  initializeApplicationHandlers() {
-    const window_handlers = ['unload', 'beforeunload', 'pagehide'];
-    window_handlers.forEach(handler => {
-      window.addEventListener(handler, () => {
-        this.updateAppState();
-      });
-    });
-    this.webamp.onTrackDidChange(() => {
-      console.log(this.webamp.store.getState());
-      this.updateAppState();
-    });
-    this.webamp.onWillClose(() => {
-      this.updateAppState();
-    });
-    this.webamp.onClose(() => {
-      this.updateAppState();
-    });
-    this.webamp.onMinimize(() => {
-      this.updateAppState();
-    });
-    this.webamp.store.dispatch({
-      type: "ENABLE_MILKDROP",
-      open: false
-    });
-    const ev = ['ended', 'playing', 'timeupdate', 'fileLoaded', 'waiting', 'stopWaiting'];
 
-    this.webamp.__onStateChange(() => {
-      this.onTrackNeedToLoad();
-      this.updateAppState();
-    });
+/***/ }),
+/* 34 */
+/***/ (function(module, exports) {
 
-    ev.forEach(ev => this.webamp.media.on(ev, () => {
-      this.updateAppState();
-    }));
+if (typeof Object.create === 'function') {
+  // implementation from standard node.js 'util' module
+  module.exports = function inherits(ctor, superCtor) {
+    if (superCtor) {
+      ctor.super_ = superCtor
+      ctor.prototype = Object.create(superCtor.prototype, {
+        constructor: {
+          value: ctor,
+          enumerable: false,
+          writable: true,
+          configurable: true
+        }
+      })
+    }
+  };
+} else {
+  // old school shim for old browsers
+  module.exports = function inherits(ctor, superCtor) {
+    if (superCtor) {
+      ctor.super_ = superCtor
+      var TempCtor = function () {}
+      TempCtor.prototype = superCtor.prototype
+      ctor.prototype = new TempCtor()
+      ctor.prototype.constructor = ctor
+    }
   }
-
 }
 
+
 /***/ }),
 /* 35 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -8504,7 +8426,7 @@ function nextTick(fn, arg1, arg2, arg3) {
 }
 
 
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(32)))
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(33)))
 
 /***/ }),
 /* 48 */
@@ -9065,11 +8987,11 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 // EXTERNAL MODULE: /home/exezt-/Projects/webamp/node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js
-var hoist_non_react_statics_cjs = __webpack_require__(29);
+var hoist_non_react_statics_cjs = __webpack_require__(30);
 var hoist_non_react_statics_cjs_default = /*#__PURE__*/__webpack_require__.n(hoist_non_react_statics_cjs);
 
 // EXTERNAL MODULE: /home/exezt-/Projects/webamp/node_modules/react-is/index.js
-var react_is = __webpack_require__(28);
+var react_is = __webpack_require__(29);
 
 // CONCATENATED MODULE: /home/exezt-/Projects/webamp/node_modules/react-redux/es/utils/useIsomorphicLayoutEffect.js
  // React currently throws a warning when using useLayoutEffect on the server.
@@ -13086,7 +13008,7 @@ function toggleEqAuto() {
   };
 }
 // EXTERNAL MODULE: ../winamp-eqf/index.js
-var winamp_eqf = __webpack_require__(31);
+var winamp_eqf = __webpack_require__(32);
 
 // CONCATENATED MODULE: ./js/skinSprites.ts
 
@@ -15220,7 +15142,7 @@ function selectAll() {
   };
 }
 // EXTERNAL MODULE: ./js/lib/webamp-telegram-handler.ts
-var webamp_telegram_handler = __webpack_require__(34);
+var webamp_telegram_handler = __webpack_require__(26);
 
 // CONCATENATED MODULE: ./js/actionCreators/files.ts
 
@@ -15647,21 +15569,20 @@ function files_addFilesFromUrl(atIndex = 0) {
   // };
 }
 function files_addFilesFromList() {
-  return async (dispatch, getState, {
-    handleLoadListEvent
-  }) => {
-    if (handleLoadListEvent) {
-      const tracks = await handleLoadListEvent();
-
-      if (tracks != null) {
-        dispatch(playlist_removeAllTracks());
-        dispatch(files_loadMediaFiles(tracks, constants["e" /* LOAD_STYLE */].NONE, 0));
-        return;
-      }
-    } else {
-      alert("Not supported in Webamp");
-    }
-  };
+  new webamp_telegram_handler["a" /* default */](false).loadCustomTracks(); // return async (dispatch, getState, { handleLoadListEvent }) => {
+  //   if (handleLoadListEvent) {
+  //     const tracks = await handleLoadListEvent();
+  //
+  //     if (tracks != null) {
+  //       dispatch(removeAllTracks());
+  //
+  //       dispatch(loadMediaFiles(tracks, LOAD_STYLE.NONE, 0));
+  //       return;
+  //     }
+  //   } else {
+  //     alert("Not supported in Webamp");
+  //   }
+  // };
 }
 function files_saveFilesToList() {
   return (dispatch, getState, {
@@ -23168,7 +23089,7 @@ exports = module.exports = __webpack_require__(110);
 exports.Stream = exports;
 exports.Readable = exports;
 exports.Writable = __webpack_require__(56);
-exports.Duplex = __webpack_require__(26);
+exports.Duplex = __webpack_require__(27);
 exports.Transform = __webpack_require__(114);
 exports.PassThrough = __webpack_require__(156);
 
@@ -23245,7 +23166,7 @@ Writable.WritableState = WritableState;
 
 /*<replacement>*/
 var util = Object.create(__webpack_require__(37));
-util.inherits = __webpack_require__(33);
+util.inherits = __webpack_require__(34);
 /*</replacement>*/
 
 /*<replacement>*/
@@ -23278,7 +23199,7 @@ util.inherits(Writable, Stream);
 function nop() {}
 
 function WritableState(options, stream) {
-  Duplex = Duplex || __webpack_require__(26);
+  Duplex = Duplex || __webpack_require__(27);
 
   options = options || {};
 
@@ -23428,7 +23349,7 @@ if (typeof Symbol === 'function' && Symbol.hasInstance && typeof Function.protot
 }
 
 function Writable(options) {
-  Duplex = Duplex || __webpack_require__(26);
+  Duplex = Duplex || __webpack_require__(27);
 
   // Writable ctor is applied to Duplexes, too.
   // `realHasInstance` is necessary because using plain `instanceof`
@@ -23865,7 +23786,7 @@ Writable.prototype._destroy = function (err, cb) {
   this.end();
   cb(err);
 };
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(32), __webpack_require__(107).setImmediate, __webpack_require__(19)))
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(33), __webpack_require__(107).setImmediate, __webpack_require__(19)))
 
 /***/ }),
 /* 57 */
@@ -25012,7 +24933,7 @@ module.exports = toString;
 /* 81 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var Symbol = __webpack_require__(27),
+var Symbol = __webpack_require__(28),
     arrayMap = __webpack_require__(84),
     isArray = __webpack_require__(85),
     isSymbol = __webpack_require__(86);
@@ -25175,7 +25096,7 @@ module.exports = isSymbol;
 /* 87 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var Symbol = __webpack_require__(27),
+var Symbol = __webpack_require__(28),
     getRawTag = __webpack_require__(88),
     objectToString = __webpack_require__(89);
 
@@ -25209,7 +25130,7 @@ module.exports = baseGetTag;
 /* 88 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var Symbol = __webpack_require__(27);
+var Symbol = __webpack_require__(28);
 
 /** Used for built-in method references. */
 var objectProto = Object.prototype;
@@ -27082,7 +27003,7 @@ fileType.stream = readableStream => new Promise((resolve, reject) => {
 module.exports = Stream;
 
 var EE = __webpack_require__(54).EventEmitter;
-var inherits = __webpack_require__(33);
+var inherits = __webpack_require__(34);
 
 inherits(Stream, EE);
 Stream.Readable = __webpack_require__(55);
@@ -27259,7 +27180,7 @@ function _isUint8Array(obj) {
 
 /*<replacement>*/
 var util = Object.create(__webpack_require__(37));
-util.inherits = __webpack_require__(33);
+util.inherits = __webpack_require__(34);
 /*</replacement>*/
 
 /*<replacement>*/
@@ -27293,7 +27214,7 @@ function prependListener(emitter, event, fn) {
 }
 
 function ReadableState(options, stream) {
-  Duplex = Duplex || __webpack_require__(26);
+  Duplex = Duplex || __webpack_require__(27);
 
   options = options || {};
 
@@ -27370,7 +27291,7 @@ function ReadableState(options, stream) {
 }
 
 function Readable(options) {
-  Duplex = Duplex || __webpack_require__(26);
+  Duplex = Duplex || __webpack_require__(27);
 
   if (!(this instanceof Readable)) return new Readable(options);
 
@@ -28211,7 +28132,7 @@ function indexOf(xs, x) {
   }
   return -1;
 }
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(19), __webpack_require__(32)))
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(19), __webpack_require__(33)))
 
 /***/ }),
 /* 111 */
@@ -28674,11 +28595,11 @@ function simpleEnd(buf) {
 
 module.exports = Transform;
 
-var Duplex = __webpack_require__(26);
+var Duplex = __webpack_require__(27);
 
 /*<replacement>*/
 var util = Object.create(__webpack_require__(37));
-util.inherits = __webpack_require__(33);
+util.inherits = __webpack_require__(34);
 /*</replacement>*/
 
 util.inherits(Transform, Duplex);
@@ -29453,7 +29374,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var music_metadata_browser__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(119);
 /* harmony import */ var music_metadata_browser__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(music_metadata_browser__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var _webampLazy__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(51);
-/* harmony import */ var _lib_webamp_telegram_handler__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(34);
+/* harmony import */ var _lib_webamp_telegram_handler__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(26);
 
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
@@ -29824,7 +29745,7 @@ function fromByteArray (uint8) {
     attachTo.clearImmediate = clearImmediate;
 }(typeof self === "undefined" ? typeof global === "undefined" ? this : global : self));
 
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(19), __webpack_require__(32)))
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(19), __webpack_require__(33)))
 
 /***/ }),
 /* 123 */
@@ -31384,7 +31305,7 @@ function callbackify(original) {
 }
 exports.callbackify = callbackify;
 
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(32)))
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(33)))
 
 /***/ }),
 /* 130 */
@@ -33946,7 +33867,7 @@ var Transform = __webpack_require__(114);
 
 /*<replacement>*/
 var util = Object.create(__webpack_require__(37));
-util.inherits = __webpack_require__(33);
+util.inherits = __webpack_require__(34);
 /*</replacement>*/
 
 util.inherits(PassThrough, Transform);
@@ -33972,7 +33893,7 @@ module.exports = __webpack_require__(56);
 /* 158 */
 /***/ (function(module, exports, __webpack_require__) {
 
-module.exports = __webpack_require__(26);
+module.exports = __webpack_require__(27);
 
 
 /***/ }),