RubyGems - pifi - Versions diffs - 0.4.1 → 0.4.2 - Mend

pifi 0.4.1 → 0.4.2

Files changed (23) hide show

data/lib/pifi/public/static/js/main.7d7142ee.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- (this.webpackJsonppifi_frontend=this.webpackJsonppifi_frontend\|\|[]).push([[0],{19:function(e){e.exports=JSON.parse('{"b":["en","fr-FR","nl-NL","pt-BR"],"c":1000,"a":2500,"d":3000}')},42:function(e,t,a){e.exports=a.p+"static/media/logo.91554ce9.svg"},46:function(e,t,a){e.exports=a(95)},60:function(e,t,a){},81:function(e,t,a){},82:function(e,t,a){},83:function(e,t,a){},84:function(e,t,a){},85:function(e,t,a){},86:function(e,t,a){},87:function(e,t,a){},88:function(e,t,a){},90:function(e,t,a){},95:function(e,t,a){"use strict";a.r(t);var n=a(0),r=a.n(n),l=a(20),o=a.n(l),c=a(5),s=a.n(c),i=a(3),u=a(4),m=a(8),d=a(10),p=a(11),b=a(6),v=a(2),f=(a(60),a(42)),g=a.n(f),h=function(){var e=Object(v.c)().t;return r.a.createElement("nav",{className:"navbar navbar-expand-sm navbar-dark bg-primary"},r.a.createElement("a",{className:"navbar-brand",href:"/"},r.a.createElement("img",{src:g.a,width:"30",height:"30",className:"d-inline-block align-text-bottom mr-2",alt:""}),"PiFi Radio"),r.a.createElement("button",{className:"navbar-toggler",type:"button","data-toggle":"collapse","data-target":"#navbarNavAltMarkup","aria-controls":"navbarNavAltMarkup","aria-expanded":"false","aria-label":"Toggle navigation"},r.a.createElement("span",{className:"navbar-toggler-icon"})),r.a.createElement("div",{className:"collapse navbar-collapse",id:"navbarNavAltMarkup"},r.a.createElement("div",{className:"navbar-nav pt-1 ml-2"},r.a.createElement("button",{className:"btn btn-link nav-link","data-toggle":"modal","data-target":"#url-dialog"},e("playURL")),r.a.createElement("button",{className:"btn btn-link nav-link","data-toggle":"modal","data-target":"#settings"},e("settings")),r.a.createElement("button",{className:"btn btn-link nav-link","data-toggle":"modal","data-target":"#about"},e("about")))))},y=function(e){var t=e.playerStatus,a=t.playing,n=t.title,l=Object(v.c)().t;return r.a.createElement("div",{className:"text-center"},r.a.createElement("h5",{className:"small text-uppercase"},l(a?"playing":"stopped")),r.a.createElement("h3",{className:"ellipsis"},n))},E=a(16),k=a(14),N=a(23),S=a.n(N);S.a.defaults.baseURL="/api",S.a.interceptors.response.use(null,(function(e){var t=e.response&&e.response.status>=400&&e.response.status<500;return document.querySelector(".Toastify")&&(t\|\|b.b.error(r.a.createElement(v.a,null,(function(e){return e("errorUnexpected")}))),e.response&&403===e.response.status&&b.b.error(r.a.createElement(v.a,null,(function(e){return e("errorForbidden")})))),Promise.reject(e)}));var w={get:S.a.get,post:S.a.post},O="/player";function j(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,a=new FormData;return a.set("method",e),t&&a.set("params",t),a}function C(){return w.post(O,j("play"))}function x(){return w.post(O,j("stop"))}function _(e){return w.post(O,j("change_vol",e))}function L(e){return w.post(O,j("play_radios",e))}function P(e){return w.post(O,j("play_urls",e))}var R=function(e){return e.playing?r.a.createElement("button",{className:"btn btn-danger",onClick:x,"aria-label":"Stop"},r.a.createElement(E.a,{icon:k.d})):r.a.createElement("button",{className:"btn btn-dark",onClick:C,"aria-label":"Play"},r.a.createElement(E.a,{icon:k.c}))},T=a(19),A=(a(81),function(e){var t=e.playerStatus,a=Object(v.c)().t,n=t.vol<0,l=function(e,t,l){return r.a.createElement("button",{className:"btn btn-dark p-3",disabled:n,onClick:function(){return function(e){var t,n,r,l;return s.a.async((function(o){for(;;)switch(o.prev=o.next){case 0:return o.next=2,s.a.awrap(_(e));case 2:t=o.sent,n=t.data,"vol",r="".concat(a("volume"),": ").concat(n,"%"),l={toastId:"vol",autoClose:T.d},b.b.isActive("vol")?b.b.update("vol",{render:r}):b.b.info(r,l);case 8:case"end":return o.stop()}}))}(e)},"aria-label":l},r.a.createElement(E.a,{icon:t}))};return r.a.createElement("div",{className:"player-controls btn-group w-100",onClick:function(e){return e.stopPropagation()}},l("-5",k.e,"Volume down"),l("+5",k.f,"Volume up"),r.a.createElement(R,{playing:t.playing}))}),I=(a(82),function(e){var t=e.playerStatus;return r.a.createElement("div",{className:"player p-2"},r.a.createElement(y,{playerStatus:t}),r.a.createElement(A,{playerStatus:t}))}),B=(a(83),function(){return r.a.createElement("div",{className:"loader"},r.a.createElement("div",{className:"spinner-border",role:"status"},r.a.createElement("span",{className:"sr-only"},"Loading...")))}),D=function(e){var t=e.value,a=e.onChange,n=Object(v.c)().t;return r.a.createElement("input",{className:"form-control mb-4",type:"text",id:"query",placeholder:n("search"),autoComplete:"off",value:t,onChange:function(e){return a(e.target.value)},onFocus:function(){return a("")}})},U="/streams";a(84);var q=function(e){function t(){var e,a;Object(i.a)(this,t);for(var n=arguments.length,r=new Array(n),l=0;l<n;l++)r[l]=arguments[l];return(a=Object(m.a)(this,(e=Object(d.a)(t)).call.apply(e,[this].concat(r)))).state={streams:{},loading:!0,query:""},a.isPlaying=function(e){return e===a.props.playerStatus.title&&a.props.playerStatus.playing},a.handleItemClick=function(e){var t,n,r;return s.a.async((function(l){for(;;)switch(l.prev=l.next){case 0:if(t=a.props,n=t.t,r=t.onBackdrop,!a.isPlaying(e)){l.next=3;break}return l.abrupt("return");case 3:return r(n("tunning"),e),l.prev=4,l.next=7,s.a.awrap(L(e));case 7:l.next=12;break;case 9:l.prev=9,l.t0=l.catch(4),l.t0.response&&400===l.t0.response.status&&b.b.error(n("errorNotFound"));case 12:case"end":return l.stop()}}),null,null,[[4,9]])},a.getItemClasses=function(e){var t="streams__item ellipsis list-group-item ";return a.isPlaying(e)?t+"active":t+"list-group-item-action"},a.handleSearch=function(e){a.setState({query:e})},a}return Object(p.a)(t,e),Object(u.a)(t,[{key:"componentDidMount",value:function(){var e,t;return s.a.async((function(a){for(;;)switch(a.prev=a.next){case 0:return a.next=2,s.a.awrap(w.get(U));case 2:e=a.sent,t=e.data,this.setState({streams:t,loading:!1});case 5:case"end":return a.stop()}}),null,this)}},{key:"filteredStreams",value:function(){var e=this.state,t=e.streams,a=e.query;if(""===a)return t;var n={};for(var r in t)r.toLowerCase().includes(a.toLowerCase())&&!t[r]&&(n[r]=t[r]);return n}},{key:"renderList",value:function(){var e=this,t=this.filteredStreams();return 0===Object.keys(t).length?r.a.createElement("h4",{className:"p-4"},this.props.t("noStreams")):r.a.createElement("ul",{className:"list-group list-group-flush"},Object.keys(t).map((function(a){return t[a]?r.a.createElement("li",{className:"streams__header ellipsis",key:a},a):r.a.createElement("li",{className:e.getItemClasses(a),key:a,onClick:function(){return e.handleItemClick(a)}},a)})))}},{key:"render",value:function(){return this.state.loading?r.a.createElement(B,null):r.a.createElement("div",{className:"streams p-2"},r.a.createElement(D,{value:this.state.query,onChange:this.handleSearch}),this.renderList())}}]),t}(n.Component),F=Object(v.d)()(q),M=(a(85),function(e){var t=e.playerStatus,a=t.title,n=t.playing;return r.a.createElement("div",{className:"mini-player p-3"},r.a.createElement("div",{className:"mini-player__left ellipsis pr-3"},r.a.createElement(E.a,{icon:k.b,className:"drawer__toggler mr-3"}),r.a.createElement("span",null,a)),r.a.createElement("div",{className:"mini-player__right",onClick:function(e){return e.stopPropagation()}},r.a.createElement(R,{playing:n})))}),Y=(a(86),function(e){function t(){var e,a;Object(i.a)(this,t);for(var n=arguments.length,r=new Array(n),l=0;l<n;l++)r[l]=arguments[l];return(a=Object(m.a)(this,(e=Object(d.a)(t)).call.apply(e,[this].concat(r)))).state={open:!1},a.toggle=function(){a.setState({open:!a.state.open})},a.handleClick=function(){a.toggle()},a.handleTouchStart=function(e){a.setState({touchStartY:e.touches[0].clientY})},a.handleTouchMove=function(e){var t=a.state,n=t.open,r=t.touchStartY,l=e.changedTouches[0].clientY,o=l<r;l>r&&n?a.toggle():o&&!n&&a.toggle()},a}return Object(p.a)(t,e),Object(u.a)(t,[{key:"render",value:function(){var e=this.props.playerStatus,t="drawer fixed-bottom bg-secondary border-top border-secondary";return this.state.open?(t+=" drawer--open",document.body.classList.add("body--drawer")):document.body.classList.remove("body--drawer"),r.a.createElement("div",{className:t,onClick:this.handleClick,onTouchStart:this.handleTouchStart,onTouchMove:this.handleTouchMove},this.state.open?r.a.createElement(r.a.Fragment,null,r.a.createElement(E.a,{icon:k.a,className:"drawer__toggler fa-lg mb-3"}),r.a.createElement(I,{playerStatus:e})," "):r.a.createElement(M,{playerStatus:e}))}}]),t}(n.Component)),V=a(15),W=function(e){var t=e.id,a=e.title,n=e.footer,l=e.children,o=Object(v.c)().t,c=r.a.createElement("button",{className:"btn btn-secondary","data-dismiss":"modal"},o("close"));return r.a.createElement("div",{className:"modal fade",id:t,tabIndex:"-1",role:"dialog","aria-labelledby":"staticBackdropLabel","aria-hidden":"true"},r.a.createElement("div",{className:"modal-dialog",role:"document"},r.a.createElement("div",{className:"modal-content"},r.a.createElement("div",{className:"modal-header"},r.a.createElement("h5",{className:"modal-title",id:"staticBackdropLabel"},a),r.a.createElement("button",{type:"button",className:"close","data-dismiss":"modal","aria-label":"Close"},r.a.createElement("span",{"aria-hidden":"true"},"\xd7"))),r.a.createElement("div",{className:"modal-body"},l),r.a.createElement("div",{className:"modal-footer"},n\|\|c))))},J=a(43),H=function(e){var t=e.id,a=e.label,n=e.row,l=e.data,o=Object(J.a)(e,["id","label","row","data"]);return r.a.createElement("div",{className:n?"form-group row":"form-group"},r.a.createElement("label",{htmlFor:t,className:"col-sm-2 col-form-label"},a),r.a.createElement("div",{className:"col-sm-10"},r.a.createElement("select",Object.assign({id:t,className:"form-control"},o),l.map((function(e){return r.a.createElement("option",{key:e.id\|\|e,value:e.id\|\|e},e.name\|\|e)})))))},G="darkly",K="theme",$=function(e){return"https://stackpath.bootstrapcdn.com/bootswatch/4.4.1/".concat(e,"/bootstrap.min.css")},z=[{id:"darkly",name:"Darkly",themeColor:"#375a7f"},{id:"lux",name:"Lux",themeColor:"#1a1a1a"}];function Q(){var e=X(),t=$(e),a=z.find((function(t){return t.id===e})).themeColor;document.querySelector('link[title="theme"]').setAttribute("href",t),document.querySelector('meta[name="theme-color"]').setAttribute("content",a)}function X(){var e=localStorage.getItem(K);return""===e?G:0===z.filter((function(t){return t.id===e})).length?(localStorage.removeItem(K),G):e}var Z={availableThemes:z,getCurrentId:X,change:function(e){localStorage.setItem(K,e),Q()},apply:Q},ee=function(){var e=Object(v.c)(),t=e.t,a=e.i18n,l=Object(n.useState)(""),o=Object(V.a)(l,2),c=o[0],s=o[1];Object(n.useEffect)((function(){s(Z.getCurrentId())}),[]);return r.a.createElement(W,{id:"settings",title:t("settings")},r.a.createElement(H,{id:"theme-select",label:t("theme"),data:Z.availableThemes,row:!0,value:c,onChange:function(e){return function(e){var t=e.target.value;Z.change(t),s(t)}(e)}}),r.a.createElement(H,{id:"language-select",label:t("language"),data:T.b,row:!0,value:a.language,onChange:function(e){return a.changeLanguage(e.target.value)}}))},te=function(){var e=Object(n.useState)(""),t=Object(V.a)(e,2),a=t[0],l=t[1],o=Object(v.c)().t,c=function(){""!==a&&(i(a),l(""))},i=function(e){var t,a;return s.a.async((function(n){for(;;)switch(n.prev=n.next){case 0:return t={type:b.b.TYPE.ERROR,render:o("errorNotFound")},a=Object(b.b)(o("tryingURL")),n.prev=2,n.next=5,s.a.awrap(P(e));case 5:n.next=10;break;case 7:n.prev=7,n.t0=n.catch(2),n.t0.response&&400===n.t0.response.status&&b.b.update(a,t);case 10:case"end":return n.stop()}}),null,null,[[2,7]])};return r.a.createElement(W,{id:"url-dialog",title:o("playURL"),footer:r.a.createElement(r.a.Fragment,null,r.a.createElement("button",{className:"btn btn-primary","data-dismiss":"modal",onClick:c},o("ok")),r.a.createElement("button",{className:"btn btn-secondary",onClick:function(){return l("")},"data-dismiss":"modal"},o("cancel")))},r.a.createElement("input",{className:"form-control mb-4",type:"text",placeholder:"URL",value:a,onChange:function(e){var t=e.target;l(t.value)},onKeyDown:function(e){"Enter"===e.key&&c()}}))},ae="/config";var ne=function(){var e=Object(v.c)().t,t=Object(n.useState)({}),a=Object(V.a)(t,2),l=a[0],o=a[1],c=Object(n.useState)(!0),i=Object(V.a)(c,2),u=i[0],m=i[1];Object(n.useEffect)((function(){!function(){var e,t;s.a.async((function(a){for(;;)switch(a.prev=a.next){case 0:return a.next=2,s.a.awrap(w.get(ae));case 2:e=a.sent,t=e.data,o(t),m(!1);case 6:case"end":return a.stop()}}))}()}),[]);var d=[{label:e("mpdHost"),value:l.mpd_host},{label:e("mpdPort"),value:l.mpd_port},{label:e("environment"),value:l.environment},{label:e("version"),value:l.version}],p=r.a.createElement("p",{className:"small mt-5"},"Copyright \xa9 2017-2020\xa0",r.a.createElement("a",{href:"https://rafaelc.org/",target:"_blank",rel:"noopener noreferrer",style:{color:"inherit"}},"Rafael Cavalcanti"));return r.a.createElement(W,{id:"about",title:e("about")},u?r.a.createElement(B,null):r.a.createElement("table",{className:"table"},r.a.createElement("tbody",null,d.map((function(e){return r.a.createElement("tr",{key:e.label},r.a.createElement("th",{scope:"row"},e.label),r.a.createElement("td",null,e.value))})))),p)},re=(a(87),function(e){var t=e.title,a=e.body,n=document.body.classList.contains("body--backdrop");t&&!n?(document.body.style.paddingRight=window.innerWidth-document.documentElement.clientWidth+"px",document.body.classList.add("body--backdrop")):!t&&n&&(document.body.style.paddingRight=0,document.body.classList.remove("body--backdrop"));var l="backdrop p-2 text-white"+(t?" backdrop--visible":"");return r.a.createElement("div",{className:l},r.a.createElement("h3",{className:"text-white"},t),r.a.createElement("h5",{className:"text-white"},a))}),le=(a(88),a(89),function(e){function t(){var e,a;Object(i.a)(this,t);for(var n=arguments.length,r=new Array(n),l=0;l<n;l++)r[l]=arguments[l];return(a=Object(m.a)(this,(e=Object(d.a)(t)).call.apply(e,[this].concat(r)))).state={playerStatus:{},loading:!0,networkError:!1,backdrop:{}},a.handleBackdrop=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";a.setState({backdrop:{title:e,body:t}}),setTimeout((function(){return a.setState({backdrop:{}})}),T.a)},a.setDesktopPlayerTop=function(){var e=document.querySelector("nav"),t=document.querySelector(".app-main > .player");if(e&&t){var a=e.clientHeight;t.style.top=a+24+"px"}},a}return Object(p.a)(t,e),Object(u.a)(t,[{key:"componentDidMount",value:function(){this.updatePlayerStatus()}},{key:"componentDidUpdate",value:function(){this.setDesktopPlayerTop()}},{key:"updatePlayerStatus",value:function(){var e,t,a=this;return s.a.async((function(n){for(;;)switch(n.prev=n.next){case 0:return n.prev=0,n.next=3,s.a.awrap(w.get(O));case 3:e=n.sent,t=e.data,this.setState({playerStatus:t,loading:!1,networkError:!1}),n.next=11;break;case 8:n.prev=8,n.t0=n.catch(0),this.setState({loading:!1,networkError:!0});case 11:setTimeout((function(){return a.updatePlayerStatus()}),T.c);case 12:case"end":return n.stop()}}),null,this,[[0,8]])}},{key:"render",value:function(){var e=this.state,t=e.loading,a=e.networkError,n=e.backdrop,l=e.playerStatus,o=this.props.t;return a?r.a.createElement(re,{title:o("errorNetwork")}):t?r.a.createElement(B,null):l.con_mpd?r.a.createElement("div",{className:"app"},r.a.createElement(b.a,null),r.a.createElement(re,{title:n.title,body:n.body}),r.a.createElement(h,null),r.a.createElement(Y,{playerStatus:l}),r.a.createElement("main",{className:"app-main p-4"},r.a.createElement(I,{playerStatus:l}),r.a.createElement(F,{onBackdrop:this.handleBackdrop,playerStatus:l}),r.a.createElement(te,null),r.a.createElement(ee,null),r.a.createElement(ne,null))):r.a.createElement(re,{title:o("disconnectedMPD")})}}]),t}(n.Component)),oe=Object(v.d)()(le);Boolean("localhost"===window.location.hostname\|\|"[::1]"===window.location.hostname\|\|window.location.hostname.match(/^127(?:\.(?:25[0-5]\|2[0-4][0-9]\|[01]?[0-9][0-9]?)){3}$/));var ce=a(27),se=a(44),ie=a(45);ce.a.use(se.a).use(ie.a).use(v.b).init({fallbackLng:"en",debug:Object({NODE_ENV:"production",PUBLIC_URL:"",REACT_APP_API_URL:"/api"}).REACT_APP_I18N_DEBUG,load:"currentOnly",returnEmptyString:!1,interpolation:{escapeValue:!1}}),ce.a.on("languageChanged",(function(e){document.documentElement.setAttribute("lang",e)}));ce.a,a(90),a(91),a(92);Z.apply(),o.a.render(r.a.createElement(n.Suspense,{fallback:r.a.createElement(B,null)},r.a.createElement(oe,null)),document.getElementById("root")),"serviceWorker"in navigator&&navigator.serviceWorker.ready.then((function(e){e.unregister()}))}},[[46,1,2]]]);
2	- //# sourceMappingURL=main.7d7142ee.chunk.js.map

data/lib/pifi/public/static/js/main.7d7142ee.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["assets/logo.svg","components/navBar.jsx","components/player/playerStatus.jsx","services/httpService.js","services/playerService.js","components/player/playStopControl.jsx","components/player/playerControls.jsx","components/player/player.jsx","components/common/loader.jsx","components/common/searchBox.jsx","services/streamsService.js","components/streams.jsx","components/player/miniPlayer.jsx","components/drawer.jsx","components/common/modal.jsx","components/common/select.jsx","theme.js","components/modals/settings.jsx","components/modals/urlDialog.jsx","services/configService.js","components/modals/about.jsx","components/common/backdrop.jsx","utils/style.js","App.js","serviceWorker.js","i18n.js","index.js"],"names":["module","exports","NavBar","t","useTranslation","className","href","src","logo","width","height","alt","type","data-toggle","data-target","aria-controls","aria-expanded","aria-label","id","PlayerStatus","playerStatus","playing","title","axios","defaults","baseURL","process","interceptors","response","use","error","expectedError","status","document","querySelector","toast","Promise","reject","get","post","apiEndpoint","body","method","params","FormData","set","play","http","stop","changeVol","delta","playRadio","name","playURL","url","PlayStopControl","onClick","icon","faStop","faPlay","PlayerControls","volDisabled","vol","renderVolButton","label","disabled","a","async","data","toastMsg","toastOpts","toastId","autoClose","volTimeout","isActive","update","render","info","handleVolChange","e","stopPropagation","faVolumeDown","faVolumeUp","Player","Loader","role","SearchBox","value","onChange","placeholder","autoComplete","target","onFocus","Streams","state","streams","loading","query","isPlaying","props","handleItemClick","onBackdrop","getItemClasses","classes","handleSearch","setState","this","filtered","k","toLowerCase","includes","filteredStreams","Object","keys","length","map","key","renderList","Component","withTranslation","MiniPlayer","faChevronUp","Drawer","open","toggle","handleClick","handleTouchStart","touchStartY","touches","clientY","handleTouchMove","touchEndY","changedTouches","touchUp","classList","add","remove","onTouchStart","onTouchMove","Fragment","faChevronDown","Modal","footer","children","defaultFooter","data-dismiss","tabIndex","aria-labelledby","aria-hidden","Select","row","rest","htmlFor","d","DEFAULT_THEME_ID","STORAGE_KEY","getThemePath","themeId","availableThemes","themeColor","apply","getCurrentId","themePath","find","setAttribute","localId","localStorage","getItem","filter","removeItem","change","setItem","Settings","i18n","useState","setThemeId","useEffect","theme","newThemeId","handleThemeChange","languages","language","changeLanguage","URLDialog","setURL","handleOK","doPlayURL","errorToastOpts","TYPE","ERROR","input","onKeyDown","About","config","setConfig","setLoading","fetchData","tableData","mpd_host","mpd_port","environment","version","copyright","rel","style","color","item","scope","Backdrop","bodyStyled","contains","paddingRight","window","innerWidth","documentElement","clientWidth","App","networkError","backdrop","handleBackdrop","setTimeout","backdropTimeout","setDesktopPlayerTop","nav","desktopPlayer","navHeight","clientHeight","top","updatePlayerStatus","updateInterval","con_mpd","Boolean","location","hostname","match","Backend","LanguageDetector","initReactI18next","init","fallbackLng","debug","REACT_APP_I18N_DEBUG","load","returnEmptyString","interpolation","escapeValue","on","lang","ReactDOM","fallback","getElementById","navigator","serviceWorker","ready","then","registration","unregister"],"mappings":"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","file":"static/js/main.7d7142ee.chunk.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/media/logo.91554ce9.svg\";","import React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport './navBar.scss';\nimport logo from '../assets/logo.svg';\n\nconst NavBar = () => {\n const { t } = useTranslation();\n\n return (\n <nav className=\"navbar navbar-expand-sm navbar-dark bg-primary\">\n <a className=\"navbar-brand\" href=\"/\">\n <img\n src={logo}\n width=\"30\"\n height=\"30\"\n className=\"d-inline-block align-text-bottom mr-2\"\n alt=\"\"\n />\n PiFi Radio\n </a>\n <button\n className=\"navbar-toggler\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#navbarNavAltMarkup\"\n aria-controls=\"navbarNavAltMarkup\"\n aria-expanded=\"false\"\n aria-label=\"Toggle navigation\"\n >\n <span className=\"navbar-toggler-icon\"></span>\n </button>\n <div className=\"collapse navbar-collapse\" id=\"navbarNavAltMarkup\">\n <div className=\"navbar-nav pt-1 ml-2\">\n {/* We use buttons and different class names instead of Bootstrap's\n anchor, so we don't get a warning for href=\"#\". */}\n <button\n className=\"btn btn-link nav-link\"\n data-toggle=\"modal\"\n data-target=\"#url-dialog\"\n >\n {t('playURL')}\n </button>\n\n <button\n className=\"btn btn-link nav-link\"\n data-toggle=\"modal\"\n data-target=\"#settings\"\n >\n {t('settings')}\n </button>\n\n <button\n className=\"btn btn-link nav-link\"\n data-toggle=\"modal\"\n data-target=\"#about\"\n >\n {t('about')}\n </button>\n </div>\n </div>\n </nav>\n );\n};\nexport default NavBar;\n","import React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nconst PlayerStatus = ({ playerStatus }) => {\n const { playing, title } = playerStatus;\n\n const { t } = useTranslation();\n\n return (\n <div className=\"text-center\">\n <h5 className=\"small text-uppercase\">\n {playing ? t('playing') : t('stopped')}\n </h5>\n <h3 className=\"ellipsis\">{title}</h3>\n </div>\n );\n};\n\nexport default PlayerStatus;\n","import React from 'react';\nimport axios from 'axios';\nimport { toast } from 'react-toastify';\nimport { Translation } from 'react-i18next';\n\naxios.defaults.baseURL = process.env.REACT_APP_API_URL;\n\naxios.interceptors.response.use(null, error => {\n const expectedError =\n error.response &&\n error.response.status >= 400 &&\n error.response.status < 500;\n\n // Some errors cause our app to only render a backdrop warning.\n // Queuing toasts would be redundant.\n const hasToastify = document.querySelector('.Toastify');\n\n if (hasToastify) {\n if (!expectedError)\n toast.error(<Translation>{t => t('errorUnexpected')}</Translation>);\n\n // Universal expected error\n if (error.response && error.response.status === 403)\n toast.error(<Translation>{t => t('errorForbidden')}</Translation>);\n }\n\n return Promise.reject(error);\n});\n\nexport default {\n get: axios.get,\n post: axios.post\n};\n","import http from './httpService.js';\n\nconst apiEndpoint = '/player';\n\nfunction body(method, params = null) {\n const body = new FormData();\n body.set('method', method);\n if (params) body.set('params', params);\n return body;\n}\n\nexport function getStatus() {\n return http.get(apiEndpoint);\n}\n\nexport function play() {\n return http.post(apiEndpoint, body('play'));\n}\n\nexport function stop() {\n return http.post(apiEndpoint, body('stop'));\n}\n\nexport function changeVol(delta) {\n return http.post(apiEndpoint, body('change_vol', delta));\n}\n\nexport function playRadio(name) {\n return http.post(apiEndpoint, body('play_radios', name));\n}\n\nexport function playURL(url) {\n return http.post(apiEndpoint, body('play_urls', url));\n}\n","import React from 'react';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faStop, faPlay } from '@fortawesome/free-solid-svg-icons';\nimport { play, stop } from '../../services/playerService';\n\nconst PlayStopControl = ({ playing }) =>\n playing ? (\n <button className=\"btn btn-danger\" onClick={stop} aria-label=\"Stop\">\n <FontAwesomeIcon icon={faStop} />\n </button>\n ) : (\n <button className=\"btn btn-dark\" onClick={play} aria-label=\"Play\">\n <FontAwesomeIcon icon={faPlay} />\n </button>\n );\n\nexport default PlayStopControl;\n","import React from 'react';\nimport PlayStopControl from './playStopControl';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faVolumeDown, faVolumeUp } from '@fortawesome/free-solid-svg-icons';\nimport { toast } from 'react-toastify';\nimport { useTranslation } from 'react-i18next';\nimport { changeVol } from '../../services/playerService';\nimport { volTimeout } from '../../config.json';\nimport './playerControls.scss';\n\nconst PlayerControls = ({ playerStatus }) => {\n const { t } = useTranslation();\n\n const volDisabled = playerStatus.vol < 0;\n\n const handleVolChange = async delta => {\n const { data: vol } = await changeVol(delta);\n\n const toastId = 'vol';\n const toastMsg = `${t('volume')}: ${vol}%`;\n const toastOpts = { toastId, autoClose: volTimeout };\n if (toast.isActive(toastId)) toast.update(toastId, { render: toastMsg });\n else toast.info(toastMsg, toastOpts);\n };\n\n const renderVolButton = (delta, icon, label) => (\n <button\n className=\"btn btn-dark p-3\"\n disabled={volDisabled}\n onClick={() => handleVolChange(delta)}\n aria-label={label}\n >\n <FontAwesomeIcon icon={icon} />\n </button>\n );\n\n return (\n <div\n className=\"player-controls btn-group w-100\"\n onClick={e => e.stopPropagation()}\n >\n {renderVolButton('-5', faVolumeDown, 'Volume down')}\n {renderVolButton('+5', faVolumeUp, 'Volume up')}\n <PlayStopControl playing={playerStatus.playing} />\n </div>\n );\n};\n\nexport default PlayerControls;\n","import React from 'react';\nimport PlayerStatus from './playerStatus';\nimport PlayerControls from './playerControls';\nimport './player.scss';\n\nconst Player = ({ playerStatus }) => {\n return (\n <div className=\"player p-2\">\n <PlayerStatus playerStatus={playerStatus} />\n <PlayerControls playerStatus={playerStatus} />\n </div>\n );\n};\n\nexport default Player;\n","import React from 'react';\nimport './loader.scss';\n\nconst Loader = () => (\n <div className=\"loader\">\n <div className=\"spinner-border\" role=\"status\">\n <span className=\"sr-only\">Loading...</span>\n </div>\n </div>\n);\n\nexport default Loader;\n","import React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nconst SearchBox = ({ value, onChange }) => {\n const { t } = useTranslation();\n\n return (\n <input\n className=\"form-control mb-4\"\n type=\"text\"\n id=\"query\"\n placeholder={t('search')}\n autoComplete=\"off\"\n value={value}\n onChange={e => onChange(e.target.value)}\n onFocus={() => onChange('')}\n ></input>\n );\n};\n\nexport default SearchBox;\n","import http from './httpService';\n\nconst apiEndpoint = '/streams';\n\nexport function getStreams() {\n return http.get(apiEndpoint);\n}\n","import React, { Component } from 'react';\nimport { withTranslation } from 'react-i18next';\nimport { toast } from 'react-toastify';\nimport Loader from './common/loader';\nimport SearchBox from './common/searchBox';\nimport { playRadio } from '../services/playerService';\nimport { getStreams } from '../services/streamsService';\nimport './streams.scss';\n\nclass Streams extends Component {\n state = { streams: {}, loading: true, query: '' };\n\n async componentDidMount() {\n const { data: streams } = await getStreams();\n this.setState({ streams, loading: false });\n }\n\n isPlaying = name => {\n return (\n name === this.props.playerStatus.title && this.props.playerStatus.playing\n );\n };\n\n handleItemClick = async name => {\n const { t, onBackdrop } = this.props;\n\n if (this.isPlaying(name)) return;\n\n onBackdrop(t('tunning'), name);\n try {\n await playRadio(name);\n } catch (ex) {\n if (ex.response && ex.response.status === 400)\n toast.error(t('errorNotFound'));\n }\n };\n\n getItemClasses = name => {\n const classes = 'streams__item ellipsis list-group-item ';\n return this.isPlaying(name)\n ? classes + 'active'\n : classes + 'list-group-item-action';\n };\n\n handleSearch = query => {\n this.setState({ query });\n };\n\n filteredStreams() {\n const { streams, query } = this.state;\n\n if (query === '') return streams;\n\n let filtered = {};\n for (let k in streams) {\n if (k.toLowerCase().includes(query.toLowerCase()) && !streams[k]) {\n filtered[k] = streams[k];\n }\n }\n return filtered;\n }\n\n renderList() {\n const streams = this.filteredStreams();\n\n if (Object.keys(streams).length === 0)\n return <h4 className=\"p-4\">{this.props.t('noStreams')}</h4>;\n\n return (\n <ul className=\"list-group list-group-flush\">\n {Object.keys(streams).map(name =>\n streams[name] ? (\n <li className=\"streams__header ellipsis\" key={name}>\n {name}\n </li>\n ) : (\n <li\n className={this.getItemClasses(name)}\n key={name}\n onClick={() => this.handleItemClick(name)}\n >\n {name}\n </li>\n )\n )}\n </ul>\n );\n }\n\n render() {\n if (this.state.loading) return <Loader />;\n\n return (\n <div className=\"streams p-2\">\n <SearchBox value={this.state.query} onChange={this.handleSearch} />\n {this.renderList()}\n </div>\n );\n }\n}\n\nexport default withTranslation()(Streams);\n","import React from 'react';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faChevronUp } from '@fortawesome/free-solid-svg-icons';\nimport PlayStopControl from './playStopControl';\nimport './miniPlayer.scss';\n\nconst MiniPlayer = ({ playerStatus }) => {\n const { title, playing } = playerStatus;\n return (\n <div className=\"mini-player p-3\">\n <div className=\"mini-player__left ellipsis pr-3\">\n <FontAwesomeIcon icon={faChevronUp} className=\"drawer__toggler mr-3\" />\n <span>{title}</span>\n </div>\n <div className=\"mini-player__right\" onClick={e => e.stopPropagation()}>\n <PlayStopControl playing={playing} />\n </div>\n </div>\n );\n};\n\nexport default MiniPlayer;\n","import React, { Component } from 'react';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faChevronDown } from '@fortawesome/free-solid-svg-icons';\nimport MiniPlayer from './player/miniPlayer';\nimport Player from './player/player';\nimport './drawer.scss';\n\nclass Drawer extends Component {\n state = { open: false };\n\n toggle = () => {\n this.setState({ open: !this.state.open });\n };\n\n handleClick = () => {\n this.toggle();\n };\n\n handleTouchStart = e => {\n this.setState({ touchStartY: e.touches[0].clientY });\n };\n\n handleTouchMove = e => {\n const { open, touchStartY } = this.state;\n const touchEndY = e.changedTouches[0].clientY;\n const touchUp = touchEndY < touchStartY;\n const touchDown = touchEndY > touchStartY;\n\n if (touchDown && open) this.toggle();\n else if (touchUp && !open) this.toggle();\n };\n\n render() {\n const { playerStatus } = this.props;\n let classes =\n 'drawer fixed-bottom bg-secondary border-top border-secondary';\n\n if (this.state.open) {\n classes += ' drawer--open';\n document.body.classList.add('body--drawer');\n } else document.body.classList.remove('body--drawer');\n\n return (\n <div\n className={classes}\n onClick={this.handleClick}\n onTouchStart={this.handleTouchStart}\n onTouchMove={this.handleTouchMove}\n >\n {this.state.open ? (\n <React.Fragment>\n <FontAwesomeIcon\n icon={faChevronDown}\n className=\"drawer__toggler fa-lg mb-3\"\n />\n <Player playerStatus={playerStatus} />{' '}\n </React.Fragment>\n ) : (\n <MiniPlayer playerStatus={playerStatus} />\n )}\n </div>\n );\n }\n}\n\nexport default Drawer;\n","import React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nconst Modal = ({ id, title, footer, children }) => {\n const { t } = useTranslation();\n\n const defaultFooter = (\n <button className=\"btn btn-secondary\" data-dismiss=\"modal\">\n {t('close')}\n </button>\n );\n\n return (\n <div\n className=\"modal fade\"\n id={id}\n tabIndex=\"-1\"\n role=\"dialog\"\n aria-labelledby=\"staticBackdropLabel\"\n aria-hidden=\"true\"\n >\n <div className=\"modal-dialog\" role=\"document\">\n <div className=\"modal-content\">\n <div className=\"modal-header\">\n <h5 className=\"modal-title\" id=\"staticBackdropLabel\">\n {title}\n </h5>\n <button\n type=\"button\"\n className=\"close\"\n data-dismiss=\"modal\"\n aria-label=\"Close\"\n >\n <span aria-hidden=\"true\">×</span>\n </button>\n </div>\n <div className=\"modal-body\">{children}</div>\n <div className=\"modal-footer\">{footer ? footer : defaultFooter}</div>\n </div>\n </div>\n </div>\n );\n};\n\nexport default Modal;\n","import React from 'react';\n\nconst Select = ({ id, label, row, data, ...rest }) => (\n <div className={row ? 'form-group row' : 'form-group'}>\n <label htmlFor={id} className=\"col-sm-2 col-form-label\">\n {label}\n </label>\n <div className=\"col-sm-10\">\n <select id={id} className=\"form-control\" {...rest}>\n {data.map(d => (\n <option key={d.id || d} value={d.id || d}>\n {d.name || d}\n </option>\n ))}\n </select>\n </div>\n </div>\n);\n\nexport default Select;\n","const DEFAULT_THEME_ID = 'darkly';\n\nconst STORAGE_KEY = 'theme';\n\nconst getThemePath = themeId =>\n `https://stackpath.bootstrapcdn.com/bootswatch/4.4.1/${themeId}/bootstrap.min.css`;\n\nconst availableThemes = [\n { id: 'darkly', name: 'Darkly', themeColor: '#375a7f' },\n { id: 'lux', name: 'Lux', themeColor: '#1a1a1a' }\n];\n\nfunction change(themeId) {\n localStorage.setItem(STORAGE_KEY, themeId);\n apply();\n}\n\nfunction apply() {\n const themeId = getCurrentId();\n const themePath = getThemePath(themeId);\n const themeColor = availableThemes.find(t => t.id === themeId).themeColor;\n\n const linkEl = document.querySelector('link[title=\"theme\"]');\n linkEl.setAttribute('href', themePath);\n\n const metaEl = document.querySelector('meta[name=\"theme-color\"]');\n metaEl.setAttribute('content', themeColor);\n}\n\nfunction getCurrentId() {\n const localId = localStorage.getItem(STORAGE_KEY);\n\n if (localId === '') return DEFAULT_THEME_ID;\n if (availableThemes.filter(t => t.id === localId).length === 0) {\n localStorage.removeItem(STORAGE_KEY);\n return DEFAULT_THEME_ID;\n }\n\n return localId;\n}\n\nexport default {\n availableThemes,\n getCurrentId,\n change,\n apply\n};\n","import React, { useState, useEffect } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport Modal from '../common/modal';\nimport Select from '../common/select';\nimport theme from '../../theme';\nimport { languages } from '../../config.json';\n\nconst Settings = () => {\n const { t, i18n } = useTranslation();\n\n const [themeId, setThemeId] = useState('');\n\n useEffect(() => {\n setThemeId(theme.getCurrentId());\n }, []);\n\n const handleThemeChange = ({ target }) => {\n const newThemeId = target.value;\n theme.change(newThemeId);\n setThemeId(newThemeId);\n };\n\n return (\n <Modal id=\"settings\" title={t('settings')}>\n <Select\n id=\"theme-select\"\n label={t('theme')}\n data={theme.availableThemes}\n row\n value={themeId}\n onChange={e => handleThemeChange(e)}\n />\n <Select\n id=\"language-select\"\n label={t('language')}\n data={languages}\n row\n value={i18n.language}\n onChange={e => i18n.changeLanguage(e.target.value)}\n />\n </Modal>\n );\n};\n\nexport default Settings;\n","import React, { useState } from 'react';\nimport { toast } from 'react-toastify';\nimport { useTranslation } from 'react-i18next';\nimport Modal from '../common/modal';\nimport { playURL } from '../../services/playerService';\n\nconst URLDialog = () => {\n const [url, setURL] = useState('');\n\n const { t } = useTranslation();\n\n const handleOK = () => {\n if (url === '') return;\n doPlayURL(url);\n setURL('');\n };\n\n const doPlayURL = async url => {\n const errorToastOpts = {\n type: toast.TYPE.ERROR,\n render: t('errorNotFound')\n };\n\n const toastId = toast(t('tryingURL'));\n\n try {\n await playURL(url);\n } catch (ex) {\n if (ex.response && ex.response.status === 400)\n toast.update(toastId, errorToastOpts);\n }\n };\n\n const handleChange = ({ target: input }) => {\n setURL(input.value);\n };\n\n const handleKeyDown = e => {\n if (e.key === 'Enter') handleOK();\n };\n\n const renderFooter = () => (\n <React.Fragment>\n <button\n className=\"btn btn-primary\"\n data-dismiss=\"modal\"\n onClick={handleOK}\n >\n {t('ok')}\n </button>\n <button\n className=\"btn btn-secondary\"\n onClick={() => setURL('')}\n data-dismiss=\"modal\"\n >\n {t('cancel')}\n </button>\n </React.Fragment>\n );\n\n return (\n <Modal id=\"url-dialog\" title={t('playURL')} footer={renderFooter()}>\n <input\n className=\"form-control mb-4\"\n type=\"text\"\n placeholder=\"URL\"\n value={url}\n onChange={handleChange}\n onKeyDown={handleKeyDown}\n />\n </Modal>\n );\n};\n\nexport default URLDialog;\n","import http from './httpService';\n\nconst apiEndpoint = '/config';\n\nexport function getConfig() {\n return http.get(apiEndpoint);\n}\n","import React from 'react';\nimport { useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport Modal from '../common/modal';\nimport { getConfig } from '../../services/configService';\nimport Loader from '../common/loader';\n\nconst About = () => {\n const { t } = useTranslation();\n\n const [config, setConfig] = useState({});\n const [loading, setLoading] = useState(true);\n\n useEffect(() => {\n async function fetchData() {\n const { data: config } = await getConfig();\n setConfig(config);\n setLoading(false);\n }\n fetchData();\n }, []);\n\n const tableData = [\n { label: t('mpdHost'), value: config.mpd_host },\n { label: t('mpdPort'), value: config.mpd_port },\n { label: t('environment'), value: config.environment },\n { label: t('version'), value: config.version }\n ];\n\n const renderTable = () => {\n if (loading) return <Loader />;\n\n return (\n <table className=\"table\">\n <tbody>\n {tableData.map(item => (\n <tr key={item.label}>\n <th scope=\"row\">{item.label}</th>\n <td>{item.value}</td>\n </tr>\n ))}\n </tbody>\n </table>\n );\n };\n\n const copyright = (\n <p className=\"small mt-5\">\n Copyright © 2017-2020 \n {/* Use the default color, as some themes give a different color for links. */}\n <a\n href=\"https://rafaelc.org/\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n style={{ color: 'inherit' }}\n >\n Rafael Cavalcanti\n </a>\n </p>\n );\n \n return (\n <Modal id=\"about\" title={t('about')}>\n {renderTable()}\n {copyright}\n </Modal>\n );\n};\n\nexport default About;\n","import React from 'react';\nimport { getScrollbarWidth } from '../../utils/style';\nimport './backdrop.scss';\n\nconst Backdrop = ({ title, body }) => {\n const bodyStyled = document.body.classList.contains('body--backdrop');\n\n if (title && !bodyStyled) {\n // Calculate this BEFORE adding the class.\n document.body.style.paddingRight = getScrollbarWidth() + 'px';\n document.body.classList.add('body--backdrop');\n // We need this check because Bootstrap modals also style paddingRight\n } else if (!title && bodyStyled) {\n document.body.style.paddingRight = 0;\n document.body.classList.remove('body--backdrop');\n }\n\n const classes =\n 'backdrop p-2 text-white' + (title ? ' backdrop--visible' : '');\n\n // We need text-white on h* tags because some themes override it\n return (\n <div className={classes}>\n <h3 className=\"text-white\">{title}</h3>\n <h5 className=\"text-white\">{body}</h5>\n </div>\n );\n};\n\nexport default Backdrop;\n","export const getScrollbarWidth = () =>\n window.innerWidth - document.documentElement.clientWidth;\n","import React, { Component } from 'react';\nimport { ToastContainer } from 'react-toastify';\nimport { withTranslation } from 'react-i18next';\nimport NavBar from './components/navBar';\nimport Player from './components/player/player';\nimport Streams from './components/streams';\nimport Drawer from './components/drawer';\nimport Settings from './components/modals/settings';\nimport URLDialog from './components/modals/urlDialog';\nimport About from './components/modals/about';\nimport Loader from './components/common/loader';\nimport Backdrop from './components/common/backdrop';\nimport { getStatus } from './services/playerService';\nimport { updateInterval, backdropTimeout } from './config.json';\nimport './App.scss';\nimport 'react-toastify/dist/ReactToastify.css';\n\nclass App extends Component {\n state = {\n playerStatus: {},\n loading: true,\n networkError: false,\n backdrop: {}\n };\n\n componentDidMount() {\n this.updatePlayerStatus();\n }\n\n componentDidUpdate() {\n this.setDesktopPlayerTop();\n }\n\n async updatePlayerStatus() {\n try {\n const { data: playerStatus } = await getStatus();\n this.setState({ playerStatus, loading: false, networkError: false });\n } catch (ex) {\n this.setState({ loading: false, networkError: true });\n }\n\n setTimeout(() => this.updatePlayerStatus(), updateInterval);\n }\n\n handleBackdrop = (title, body = '') => {\n this.setState({ backdrop: { title, body } });\n setTimeout(() => this.setState({ backdrop: {} }), backdropTimeout);\n };\n\n // Calculate and set top for Player on desktop view\n setDesktopPlayerTop = () => {\n const nav = document.querySelector('nav');\n const desktopPlayer = document.querySelector('.app-main > .player');\n if (!nav || !desktopPlayer) return;\n\n const navHeight = nav.clientHeight;\n const topMargin = 24;\n\n desktopPlayer.style.top = navHeight + topMargin + 'px';\n };\n\n render() {\n const { loading, networkError, backdrop, playerStatus } = this.state;\n const { t } = this.props;\n\n if (networkError) return <Backdrop title={t('errorNetwork')} />;\n if (loading) return <Loader />;\n if (!playerStatus.con_mpd) return <Backdrop title={t('disconnectedMPD')} />;\n\n return (\n <div className=\"app\">\n <ToastContainer />\n <Backdrop title={backdrop.title} body={backdrop.body} />\n <NavBar />\n <Drawer playerStatus={playerStatus} />\n\n <main className=\"app-main p-4\">\n <Player playerStatus={playerStatus} />\n <Streams\n onBackdrop={this.handleBackdrop}\n playerStatus={playerStatus}\n />\n <URLDialog />\n <Settings />\n <About />\n </main>\n </div>\n );\n }\n}\n\nexport default withTranslation()(App);\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n window.location.hostname === 'localhost' ||\n // [::1] is the IPv6 localhost address.\n window.location.hostname === '[::1]' ||\n // 127.0.0.0/8 are considered localhost for IPv4.\n window.location.hostname.match(\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n )\n);\n\nexport function register(config) {\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n // The URL constructor is available in all browsers that support SW.\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n if (publicUrl.origin !== window.location.origin) {\n // Our service worker won't work if PUBLIC_URL is on a different origin\n // from what our page is served on. This might happen if a CDN is used to\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n return;\n }\n\n window.addEventListener('load', () => {\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n if (isLocalhost) {\n // This is running on localhost. Let's check if a service worker still exists or not.\n checkValidServiceWorker(swUrl, config);\n\n // Add some additional logging to localhost, pointing developers to the\n // service worker/PWA documentation.\n navigator.serviceWorker.ready.then(() => {\n console.log(\n 'This web app is being served cache-first by a service ' +\n 'worker. To learn more, visit https://bit.ly/CRA-PWA'\n );\n });\n } else {\n // Is not localhost. Just register service worker\n registerValidSW(swUrl, config);\n }\n });\n }\n}\n\nfunction registerValidSW(swUrl, config) {\n navigator.serviceWorker\n .register(swUrl)\n .then(registration => {\n registration.onupdatefound = () => {\n const installingWorker = registration.installing;\n if (installingWorker == null) {\n return;\n }\n installingWorker.onstatechange = () => {\n if (installingWorker.state === 'installed') {\n if (navigator.serviceWorker.controller) {\n // At this point, the updated precached content has been fetched,\n // but the previous service worker will still serve the older\n // content until all client tabs are closed.\n console.log(\n 'New content is available and will be used when all ' +\n 'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n );\n\n // Execute callback\n if (config && config.onUpdate) {\n config.onUpdate(registration);\n }\n } else {\n // At this point, everything has been precached.\n // It's the perfect time to display a\n // \"Content is cached for offline use.\" message.\n console.log('Content is cached for offline use.');\n\n // Execute callback\n if (config && config.onSuccess) {\n config.onSuccess(registration);\n }\n }\n }\n };\n };\n })\n .catch(error => {\n console.error('Error during service worker registration:', error);\n });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n // Check if the service worker can be found. If it can't reload the page.\n fetch(swUrl, {\n headers: { 'Service-Worker': 'script' }\n })\n .then(response => {\n // Ensure service worker exists, and that we really are getting a JS file.\n const contentType = response.headers.get('content-type');\n if (\n response.status === 404 ||\n (contentType != null && contentType.indexOf('javascript') === -1)\n ) {\n // No service worker found. Probably a different app. Reload the page.\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister().then(() => {\n window.location.reload();\n });\n });\n } else {\n // Service worker found. Proceed as normal.\n registerValidSW(swUrl, config);\n }\n })\n .catch(() => {\n console.log(\n 'No internet connection found. App is running in offline mode.'\n );\n });\n}\n\nexport function unregister() {\n if ('serviceWorker' in navigator) {\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister();\n });\n }\n}\n","import i18n from 'i18next';\nimport { initReactI18next } from 'react-i18next';\n\nimport Backend from 'i18next-xhr-backend';\nimport LanguageDetector from 'i18next-browser-languagedetector';\n// not like to use this?\n// have a look at the Quick start guide\n// for passing in lng and translations on init\n\ni18n\n // load translation using xhr -> see /public/locales\n // learn more: https://github.com/i18next/i18next-xhr-backend\n .use(Backend)\n // detect user language\n // learn more: https://github.com/i18next/i18next-browser-languageDetector\n .use(LanguageDetector)\n // pass the i18n instance to react-i18next.\n .use(initReactI18next)\n // init i18next\n // for all options read: https://www.i18next.com/overview/configuration-options\n .init({\n fallbackLng: 'en',\n debug: process.env.REACT_APP_I18N_DEBUG,\n load: 'currentOnly',\n returnEmptyString: false,\n\n interpolation: {\n escapeValue: false // not needed for react as it escapes by default\n }\n });\n\n// Set language on html tag\ni18n.on('languageChanged', lang => {\n document.documentElement.setAttribute('lang', lang);\n});\n\nexport default i18n;\n","import React, { Suspense } from 'react';\nimport ReactDOM from 'react-dom';\nimport App from './App';\nimport Loader from './components/common/loader';\nimport * as serviceWorker from './serviceWorker';\nimport './i18n';\nimport theme from './theme';\nimport './index.scss';\n// Bootstrap dependencies\nimport 'jquery/dist/jquery.min.js';\nimport 'bootstrap/dist/js/bootstrap.js';\n\ntheme.apply();\n\nReactDOM.render(\n // Suspense needed for i18n\n <Suspense fallback={<Loader />}>\n <App />\n </Suspense>,\n document.getElementById('root')\n);\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: https://bit.ly/CRA-PWA\nserviceWorker.unregister();\n"],"sourceRoot":""}