{"version":3,"sources":["webpack:///./node_modules/core-js/modules/es.string.repeat.js","webpack:///./src/components/widgets/Music/Index.vue?d339","webpack:///./src/components/widgets/Music/Index.vue","webpack:///./src/components/widgets/Music/Index.vue?d7d3"],"names":["$","repeat","target","proto","class","loading","status","state","track","artist","title","style","time","elapsed","volume","random","single","consume","name","components","Loading","mixins","Utils","props","refreshSeconds","type","Number","required","default","data","undefined","timer","syncTime","timestamp","methods","refresh","request","_parseStatus","_parseTrack","stopTimer","startTimer","convertTime","parseFloat","t","h","parseInt","m","s","attr","ret","push","join","length","Object","entries","value","indexOf","showNewTrackNotification","this","notify","html","image","icon","onNewPlayingTrack","event","previousTrack","file","onMusicStop","onMusicPlay","onMusicPause","Date","onSeekChange","position","onVolumeChange","onRepeatChange","onRandomChange","onConsumeChange","onSingleChange","setInterval","timerFunc","clearInterval","getTime","mounted","toFixed","subscribe","render","__scopeId"],"mappings":"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","file":"static/js/chunk-3b44ec4e.7824d0f7.js","sourcesContent":["var $ = require('../internals/export');\nvar repeat = require('../internals/string-repeat');\n\n// `String.prototype.repeat` method\n// https://tc39.github.io/ecma262/#sec-string.prototype.repeat\n$({ target: 'String', proto: true }, {\n  repeat: repeat\n});\n","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./Index.vue?vue&type=style&index=0&id=5d3d83de&lang=scss&scoped=true\"","<template>\n  <Loading v-if=\"loading\" />\n  <div class=\"music\" v-else>\n    <div class=\"track\">\n      <div class=\"unknown\" v-if=\"!status\">[Unknown state]</div>\n      <div class=\"no-track\" v-if=\"status && status.state === 'stop'\">No media is being played</div>\n      <div class=\"artist\" v-if=\"status && status.state !== 'stop' && track && track.artist\" v-text=\"track.artist\"></div>\n      <div class=\"title\" v-if=\"status && status.state !== 'stop' && track && track.title\" v-text=\"track.title\"></div>\n    </div>\n\n    <div class=\"time\"  v-if=\"status && status.state === 'play'\">\n      <div class=\"row\">\n        <div class=\"progress-bar\">\n          <div class=\"elapsed\" :style=\"{width: track.time ? 100*(status.elapsed/track.time) + '%' : '100%'}\"></div>\n          <div class=\"total\"></div>\n        </div>\n      </div>\n\n      <div class=\"row\">\n        <div class=\"col-6 time-elapsed\" v-text=\"convertTime(status.elapsed)\"></div>\n        <div class=\"col-6 time-total\" v-if=\"track.time\" v-text=\"convertTime(track.time)\"></div>\n      </div>\n    </div>\n\n    <div class=\"playback-status\" v-if=\"status\">\n      <div class=\"status-property col-4\">\n        <i class=\"fa fa-volume-up\"></i>&nbsp; <span v-text=\"status.volume + '%'\"></span>\n      </div>\n\n      <div class=\"status-property col-2\">\n        <i class=\"fas fa-random\" :class=\"{active: status.random}\"></i>\n      </div>\n      <div class=\"status-property col-2\">\n        <i class=\"fas fa-redo\" :class=\"{active: status.repeat}\"></i>\n      </div>\n      <div class=\"status-property col-2\">\n        <i class=\"fa fa-bullseye\" :class=\"{active: status.single}\"></i>\n      </div>\n      <div class=\"status-property col-2\">\n        <i class=\"fa fa-utensils\" :class=\"{active: status.consume}\"></i>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport Utils from \"@/Utils\";\nimport Loading from \"@/components/Loading\";\n\nexport default {\n  name: \"Music\",\n  components: {Loading},\n  mixins: [Utils],\n  props: {\n    // Refresh interval in seconds.\n    refreshSeconds: {\n      type: Number,\n      required: false,\n      default: 60,\n    },\n  },\n\n  data() {\n    return {\n      track: undefined,\n      status: undefined,\n      timer: undefined,\n      loading: false,\n\n      syncTime: {\n        timestamp: null,\n        elapsed: null,\n      },\n    }\n  },\n\n  methods: {\n    async refresh() {\n      this.loading = true\n\n      try {\n        let status = await this.request('music.mpd.status')\n        let track = await this.request('music.mpd.currentsong')\n\n        this._parseStatus(status)\n        this._parseTrack(track)\n\n        if (status.state === 'play' && !this.timer)\n          this.startTimer()\n        else if (status.state !== 'play' && this.timer)\n          this.stopTimer()\n      } finally {\n        this.loading = false\n      }\n    },\n\n    convertTime(time) {\n      time = parseFloat(time)   // Normalize strings\n      const t = {}\n      t.h = parseInt(time/3600)\n      t.m = parseInt(time/60 - t.h*60)\n      t.s = parseInt(time - (t.h*3600 + t.m*60))\n\n      for (const attr of ['m','s']) {\n        t[attr] = '' + t[attr]\n      }\n\n      for (const attr of ['m','s']) {\n        if (parseInt(t[attr]) < 10) {\n          t[attr] = '0' + t[attr]\n        }\n      }\n\n      const ret = []\n      if (parseInt(t.h)) {\n        ret.push(t.h)\n      }\n\n      ret.push(t.m, t.s)\n      return ret.join(':')\n    },\n\n    async _parseStatus(status) {\n      if (!status || status.length === 0)\n        status = await this.request('music.mpd.status')\n\n      if (!this.status)\n        this.status = {}\n\n      for (const [attr, value] of Object.entries(status)) {\n        if (['consume','random','repeat','single','bitrate'].indexOf(attr) >= 0) {\n          this.status[attr] = !!parseInt(value)\n        } else if (['nextsong','nextsongid','playlist','playlistlength',\n          'volume','xfade','song','songid'].indexOf(attr) >= 0) {\n          this.status[attr] = parseInt(value)\n        } else if (['elapsed'].indexOf(attr) >= 0) {\n          this.status[attr] = parseFloat(value)\n        } else {\n          this.status[attr] = value\n        }\n      }\n    },\n\n    async _parseTrack(track) {\n      if (!track || track.length === 0) {\n        track = await this.request('music.mpd.currentsong')\n      }\n\n      if (!this.track)\n        this.track = {}\n\n      for (const [attr, value] of Object.entries(track)) {\n        if (['id','pos','time','track','disc'].indexOf(attr) >= 0) {\n          this.track[attr] = parseInt(value)\n        } else {\n          this.track[attr] = value\n        }\n      }\n    },\n\n    showNewTrackNotification() {\n      this.notify({\n        html: '<b>' + (this.track.artist || '[No Artist]') + '</b><br>' +\n            (this.track.title || '[No Title]'),\n        image: {\n          icon: 'play',\n        }\n      })\n    },\n\n    async onNewPlayingTrack(event) {\n      let previousTrack = undefined\n\n      if (this.track) {\n        previousTrack = {\n          file: this.track.file,\n          artist: this.track.artist,\n          title: this.track.title,\n        }\n      }\n\n      this.status.state = 'play'\n      this.status.elapsed = 0\n      this.track = {}\n      this._parseTrack(event.track)\n\n      let status = event.status ? event.status : await this.request('music.mpd.status')\n      this._parseStatus(status)\n      this.startTimer()\n\n      if (!previousTrack || (this.track.file !== previousTrack.file\n          || this.track.artist !== previousTrack.artist\n          || this.track.title !== previousTrack.title)) {\n        this.showNewTrackNotification()\n      }\n    },\n\n    onMusicStop(event) {\n      this.status.state = 'stop'\n      this.status.elapsed = 0\n      this._parseStatus(event.status)\n      this._parseTrack(event.track)\n      this.stopTimer()\n    },\n\n    onMusicPlay(event) {\n      this.status.state = 'play'\n      this._parseStatus(event.status)\n      this._parseTrack(event.track)\n      this.startTimer()\n    },\n\n    onMusicPause(event) {\n      this.status.state = 'pause'\n      this._parseStatus(event.status)\n      this._parseTrack(event.track)\n\n      this.syncTime.timestamp = new Date()\n      this.syncTime.elapsed = this.status.elapsed\n    },\n\n    onSeekChange(event) {\n      if (event.position != null)\n        this.status.elapsed = parseFloat(event.position)\n      if (event.status)\n        this._parseStatus(event.status)\n      if (event.track)\n        this._parseTrack(event.track)\n\n      this.syncTime.timestamp = new Date()\n      this.syncTime.elapsed = this.status.elapsed\n    },\n\n    onVolumeChange(event) {\n      if (event.volume != null)\n        this.status.volume = parseFloat(event.volume)\n      if (event.status)\n        this._parseStatus(event.status)\n      if (event.track)\n        this._parseTrack(event.track)\n    },\n\n    onRepeatChange(event) {\n      this.status.repeat = event.state\n    },\n\n    onRandomChange(event) {\n      this.status.random = event.state\n    },\n\n    onConsumeChange(event) {\n      this.status.consume = event.state\n    },\n\n    onSingleChange(event) {\n      this.status.single = event.state\n    },\n\n    startTimer() {\n      if (this.timer != null) {\n        this.stopTimer()\n      }\n\n      this.syncTime.timestamp = new Date()\n      this.syncTime.elapsed = this.status.elapsed\n      this.timer = setInterval(this.timerFunc, 1000)\n    },\n\n    stopTimer() {\n      if (this.timer == null) {\n        clearInterval(this.timer)\n        this.timer = null\n      }\n    },\n\n    timerFunc() {\n      if (this.status.state !== 'play' || this.status.elapsed == null) {\n        return\n      }\n\n      this.status.elapsed = this.syncTime.elapsed +\n          ((new Date()).getTime()/1000) - (this.syncTime.timestamp.getTime()/1000)\n    },\n  },\n\n  mounted() {\n    this.refresh()\n    if (this.refreshSeconds) {\n      setInterval(this.refresh, parseInt((this.refreshSeconds*1000).toFixed(0)))\n    }\n\n    this.subscribe(this.onNewPlayingTrack, 'widget-music-on-new-track', 'platypush.message.event.music.NewPlayingTrackEvent')\n    this.subscribe(this.onMusicStop, 'widget-music-on-music-stop', 'platypush.message.event.music.MusicStopEvent')\n    this.subscribe(this.onMusicPlay, 'widget-music-on-music-play', 'platypush.message.event.music.MusicPlayEvent')\n    this.subscribe(this.onMusicPause, 'widget-music-on-music-pause', 'platypush.message.event.music.MusicPauseEvent')\n    this.subscribe(this.onSeekChange, 'widget-music-on-music-seek', 'platypush.message.event.music.SeekChangeEvent')\n    this.subscribe(this.onVolumeChange, 'widget-music-on-volume-change', 'platypush.message.event.music.VolumeChangeEvent')\n    this.subscribe(this.onRepeatChange, 'widget-music-on-repeat-change', 'platypush.message.event.music.PlaybackRepeatModeChangeEvent')\n    this.subscribe(this.onRandomChange, 'widget-music-on-random-change', 'platypush.message.event.music.PlaybackRandomModeChangeEvent')\n    this.subscribe(this.onConsumeChange, 'widget-music-on-consume-change', 'platypush.message.event.music.PlaybackConsumeModeChangeEvent')\n    this.subscribe(this.onSingleChange, 'widget-music-on-single-change', 'platypush.message.event.music.PlaybackSingleModeChangeEvent')\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n$progress-bar-bg: #ddd;\n$playback-status-color: #757f70;\n\n.music {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n\n  .track {\n    text-align: center;\n\n    .unknown,\n    .no-track {\n      font-size: 2em;\n    }\n\n    .artist {\n      font-size: 1.9em;\n      font-weight: bold;\n      margin-bottom: .25em;\n    }\n\n    .title {\n      font-size: 1.8em;\n      font-weight: normal;\n    }\n  }\n\n  .time {\n    width: 100%;\n    margin-top: 1em;\n    font-size: 1.2em;\n\n    .row {\n      padding: 0 .5em;\n    }\n\n    .time-total {\n      text-align: right;\n    }\n\n    .progress-bar {\n      width: 100%;\n      height: 1em;\n      position: relative;\n      margin-bottom: .75em;\n\n      .total {\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        top: 0;\n        background: $progress-bar-bg;\n        border-radius: 0.5em;\n      }\n\n      .elapsed {\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        top: 0;\n        background: $selected-bg;\n        border-radius: 0.5em;\n        z-index: 1;\n      }\n    }\n  }\n\n  .playback-status {\n    position: absolute;\n    bottom: 0;\n    border-top: $default-border-2;\n    color: $playback-status-color;\n    width: 100%;\n    height: 2em;\n\n    .status-property {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      height: 100%;\n    }\n\n    .active {\n      color: $default-hover-fg;\n    }\n  }\n}\n</style>\n","import { render } from \"./Index.vue?vue&type=template&id=5d3d83de&scoped=true\"\nimport script from \"./Index.vue?vue&type=script&lang=js\"\nexport * from \"./Index.vue?vue&type=script&lang=js\"\n\nimport \"./Index.vue?vue&type=style&index=0&id=5d3d83de&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-5d3d83de\"\n\nexport default script"],"sourceRoot":""}