From 254df638c13b29d96d5ce72c9296a86588f38e58 Mon Sep 17 00:00:00 2001 From: Khairul Hidayat Date: Sun, 24 Mar 2024 02:32:38 +0700 Subject: [PATCH] feat: set audio player cover img aspect ratio 1:1 --- ....js => entry-9340d9b06450719c5ea70c9e7acab050.js} | 2 +- backend/public/index.html | 2 +- src/components/pages/music/AudioPlayer.tsx | 12 +++++++----- 3 files changed, 9 insertions(+), 7 deletions(-) rename backend/public/_expo/static/js/web/{entry-760635eccec4013459b293d488349451.js => entry-9340d9b06450719c5ea70c9e7acab050.js} (99%) diff --git a/backend/public/_expo/static/js/web/entry-760635eccec4013459b293d488349451.js b/backend/public/_expo/static/js/web/entry-9340d9b06450719c5ea70c9e7acab050.js similarity index 99% rename from backend/public/_expo/static/js/web/entry-760635eccec4013459b293d488349451.js rename to backend/public/_expo/static/js/web/entry-9340d9b06450719c5ea70c9e7acab050.js index a47ddd7..e1c5636 100644 --- a/backend/public/_expo/static/js/web/entry-760635eccec4013459b293d488349451.js +++ b/backend/public/_expo/static/js/web/entry-9340d9b06450719c5ea70c9e7acab050.js @@ -839,7 +839,7 @@ __d((function(g,r,_i,a,_m,_e,_d){ /*! ieee754. BSD-3-Clause License. Feross Aboukhadijeh */ _e.read=function(o,t,h,M,f){var w,p,i=8*f-M-1,n=(1<>1,e=-7,u=h?f-1:0,s=h?-1:1,c=o[t+u];for(u+=s,w=c&(1<<-e)-1,c>>=-e,e+=i;e>0;w=256*w+o[t+u],u+=s,e-=8);for(p=w&(1<<-e)-1,w>>=-e,e+=M;e>0;p=256*p+o[t+u],u+=s,e-=8);if(0===w)w=1-N;else{if(w===n)return p?NaN:1/0*(c?-1:1);p+=Math.pow(2,M),w-=N}return(c?-1:1)*p*Math.pow(2,w-M)},_e.write=function(o,t,h,M,f,w){var p,i,n,N=8*w-f-1,e=(1<>1,s=23===f?Math.pow(2,-24)-Math.pow(2,-77):0,c=M?0:w-1,l=M?1:-1,d=t<0||0===t&&1/t<0?1:0;for(t=Math.abs(t),isNaN(t)||t===1/0?(i=isNaN(t)?1:0,p=e):(p=Math.floor(Math.log(t)/Math.LN2),t*(n=Math.pow(2,-p))<1&&(p--,n*=2),(t+=p+u>=1?s/n:s*Math.pow(2,1-u))*n>=2&&(p++,n/=2),p+u>=e?(i=0,p=e):p+u>=1?(i=(t*n-1)*Math.pow(2,f),p+=u):(i=t*Math.pow(2,u-1)*Math.pow(2,f),p=0));f>=8;o[h+c]=255&i,c+=l,i/=256,f-=8);for(p=p<0;o[h+c]=255&p,c+=l,p/=256,N-=8);o[h+c-l]|=128*d}}),752,[]); __d((function(g,r,_i,a,m,_e,d){'use strict';function t(e){return t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},t(e)}function e(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function n(t,e){for(var n=0;n=0&&(null==(e=s.current)||e.scrollToOffset({offset:49*t,animated:!0}))}),[t]);var p=(0,l.useMemo)((function(){var t=e.map((function(e,t){return O(O({},e),{},{idx:t})}));return null!=f&&f.length?t.filter((function(e){return e.name.toLowerCase().includes(f.toLowerCase())})):t}),[f,e]);return(0,v.jsx)(a.default,{className:"hidden md:flex w-1/3 max-w-[400px] p-4",children:(0,v.jsxs)(a.default,{className:"bg-black/30 rounded-xl flex-1 border border-white/20 overflow-hidden",children:[(0,v.jsxs)(c.HStack,{className:"pl-6 pr-2 items-center",children:[(0,v.jsx)(n.default,{className:"text-2xl text-white py-4 flex-1",numberOfLines:1,children:"Playlist"}),(0,v.jsx)(y.default,{value:f,onChangeText:x,placeholder:"Search",placeholderTextColor:"white",inputClassName:"text-white"})]}),(0,v.jsx)(o.default,{ref:s,data:p,showsVerticalScrollIndicator:!1,showsHorizontalScrollIndicator:!1,keyExtractor:function(e){return e.path},renderItem:function(e){var r=e.item;return(0,v.jsx)(M,{file:r,isCurrent:r.idx===t,onPress:function(){return w.audioPlayerStore.setState({currentIdx:r.idx})}})}})]})})},M=function(e){var t=e.file,r=e.isCurrent,l=e.onPress;return(0,v.jsx)(u.default,{onPress:l,style:(0,s.cn)("py-4 px-5 border-b border-white/10",r&&"bg-[#323232]"),children:(0,v.jsx)(n.default,{className:"text-white",numberOfLines:1,children:t.name})})};function I(e){return`${Math.floor(e/60/1e3)}:${Math.floor(e/1e3%60).toString().padStart(2,"0")}`}_e.default=l.default.memo(S)}),754,[34,45,35,29,690,688,582,253,312,356,689,691,755,775,777,778,644,705,659,27]); +__d((function(g,_r,_i,_a,m,_e,d){var e=_r(d[0]);Object.defineProperty(_e,"__esModule",{value:!0}),_e.default=void 0;var t=e(_r(d[1])),r=e(_r(d[2])),l=(function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=P(t);if(r&&r.has(e))return r.get(e);var l={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var n in e)if("default"!==n&&Object.prototype.hasOwnProperty.call(e,n)){var s=a?Object.getOwnPropertyDescriptor(e,n):null;s&&(s.get||s.set)?Object.defineProperty(l,n,s):l[n]=e[n]}return l.default=e,r&&r.set(e,l),l})(_r(d[3])),a=e(_r(d[4])),n=e(_r(d[5])),s=_r(d[6]),o=e(_r(d[7])),i=e(_r(d[8])),u=e(_r(d[9])),c=_r(d[10]),f=e(_r(d[11])),x=_r(d[12]),p=_r(d[13]),h=e(_r(d[14])),j=e(_r(d[15])),y=_r(d[16]),w=_r(d[17]),b=e(_r(d[18])),v=_r(d[19]);function P(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(P=function(e){return e?r:t})(e)}function N(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,l)}return r}function O(e){for(var r=1;r=0&&(null==(e=s.current)||e.scrollToOffset({offset:49*t,animated:!0}))}),[t]);var p=(0,l.useMemo)((function(){var t=e.map((function(e,t){return O(O({},e),{},{idx:t})}));return null!=f&&f.length?t.filter((function(e){return e.name.toLowerCase().includes(f.toLowerCase())})):t}),[f,e]);return(0,v.jsx)(a.default,{className:"hidden md:flex w-1/3 max-w-[400px] p-4",children:(0,v.jsxs)(a.default,{className:"bg-black/30 rounded-xl flex-1 border border-white/20 overflow-hidden",children:[(0,v.jsxs)(c.HStack,{className:"pl-6 pr-2 items-center",children:[(0,v.jsx)(n.default,{className:"text-2xl text-white py-4 flex-1",numberOfLines:1,children:"Playlist"}),(0,v.jsx)(j.default,{value:f,onChangeText:x,placeholder:"Search",placeholderTextColor:"white",inputClassName:"text-white"})]}),(0,v.jsx)(o.default,{ref:s,data:p,showsVerticalScrollIndicator:!1,showsHorizontalScrollIndicator:!1,keyExtractor:function(e){return e.path},renderItem:function(e){var r=e.item;return(0,v.jsx)(M,{file:r,isCurrent:r.idx===t,onPress:function(){return w.audioPlayerStore.setState({currentIdx:r.idx})}})}})]})})},M=function(e){var t=e.file,r=e.isCurrent,l=e.onPress;return(0,v.jsx)(u.default,{onPress:l,style:(0,s.cn)("py-4 px-5 border-b border-white/10",r&&"bg-[#323232]"),children:(0,v.jsx)(n.default,{className:"text-white",numberOfLines:1,children:t.name})})};function I(e){return`${Math.floor(e/60/1e3)}:${Math.floor(e/1e3%60).toString().padStart(2,"0")}`}_e.default=l.default.memo(S)}),754,[34,45,35,29,690,688,582,253,312,356,689,691,755,775,777,778,644,705,659,27]); __d((function(g,r,i,a,m,e,d){var n=r(d[0]);Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"Ionicons",{enumerable:!0,get:function(){return t.default}});var t=n(r(d[1]))}),755,[34,756]); __d((function(g,r,i,a,m,e,d){var t=r(d[0]);Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var u=t(r(d[1]));e.default=u.default}),756,[34,757]); __d((function(g,r,i,a,m,e,d){var t=r(d[0]);Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var u=t(r(d[1])),f=t(r(d[2])),l=t(r(d[3]));e.default=(0,u.default)(l.default,'ionicons',f.default)}),757,[34,758,773,774]); diff --git a/backend/public/index.html b/backend/public/index.html index 647b72d..695b325 100644 --- a/backend/public/index.html +++ b/backend/public/index.html @@ -32,6 +32,6 @@
- + diff --git a/src/components/pages/music/AudioPlayer.tsx b/src/components/pages/music/AudioPlayer.tsx index d73c411..12e04d8 100644 --- a/src/components/pages/music/AudioPlayer.tsx +++ b/src/components/pages/music/AudioPlayer.tsx @@ -60,11 +60,13 @@ const AudioPlayerView = React.memo(({ onClose }: { onClose: () => void }) => { {mediaTags?.picture ? ( - + + + ) : null} Now Playing