ruihildt/spoti-search
1
0 Fork 0
Code Issues Pull Requests Releases Wiki Activity

Updates

Browse Source
This commit is contained in:
ruihildt committed 2020-08-03 01:07:37 +02:00
1 parent 8773b3e07e
commit 15784b8a67
8 files changed
+12 -12
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

asset-manifest.json
+4 -4
View File
@@ -1,13 +1,13 @@
{
"files": {
"main.js": "/spoti-search/static/js/main.94b0e65e.chunk.js",
"main.js.map": "/spoti-search/static/js/main.94b0e65e.chunk.js.map",
"main.js": "/spoti-search/static/js/main.d9d52cb5.chunk.js",
"main.js.map": "/spoti-search/static/js/main.d9d52cb5.chunk.js.map",
"runtime-main.js": "/spoti-search/static/js/runtime-main.190f0ea6.js",
"runtime-main.js.map": "/spoti-search/static/js/runtime-main.190f0ea6.js.map",
"static/js/2.f957e75b.chunk.js": "/spoti-search/static/js/2.f957e75b.chunk.js",
"static/js/2.f957e75b.chunk.js.map": "/spoti-search/static/js/2.f957e75b.chunk.js.map",
"index.html": "/spoti-search/index.html",
"precache-manifest.e0d7fbf4f59ffe089090a76fa910bffc.js": "/spoti-search/precache-manifest.e0d7fbf4f59ffe089090a76fa910bffc.js",
"precache-manifest.7bcffd4b12b982dc6e7670b7e41edd35.js": "/spoti-search/precache-manifest.7bcffd4b12b982dc6e7670b7e41edd35.js",
"service-worker.js": "/spoti-search/service-worker.js",
"static/js/2.f957e75b.chunk.js.LICENSE.txt": "/spoti-search/static/js/2.f957e75b.chunk.js.LICENSE.txt",
"static/media/placeholder-music.jpg": "/spoti-search/static/media/placeholder-music.97fa2780.jpg"
@@ -15,6 +15,6 @@
"entrypoints": [
"static/js/runtime-main.190f0ea6.js",
"static/js/2.f957e75b.chunk.js",
"static/js/main.94b0e65e.chunk.js"
"static/js/main.d9d52cb5.chunk.js"
]
}
index.html
+1 -1
View File
@@ -1 +1 @@
<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/spoti-search/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="A frontend to search for an artist and display its albums"/><link rel="apple-touch-icon" href="/spoti-search/logo192.png"/><link rel="manifest" href="/spoti-search/manifest.json"/><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500"/><title>Spoti Search</title><style>body{margin:0}</style></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script>!function(e){function r(r){for(var n,i,a=r[0],l=r[1],p=r[2],f=0,s=[];f<a.length;f++)i=a[f],Object.prototype.hasOwnProperty.call(o,i)&&o[i]&&s.push(o[i][0]),o[i]=0;for(n in l)Object.prototype.hasOwnProperty.call(l,n)&&(e[n]=l[n]);for(c&&c(r);s.length;)s.shift()();return u.push.apply(u,p||[]),t()}function t(){for(var e,r=0;r<u.length;r++){for(var t=u[r],n=!0,a=1;a<t.length;a++){var l=t[a];0!==o[l]&&(n=!1)}n&&(u.splice(r--,1),e=i(i.s=t[0]))}return e}var n={},o={1:0},u=[];function i(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,i),t.l=!0,t.exports}i.m=e,i.c=n,i.d=function(e,r,t){i.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,r){if(1&r&&(e=i(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(i.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)i.d(t,n,function(r){return e[r]}.bind(null,n));return t},i.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(r,"a",r),r},i.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},i.p="/spoti-search/";var a=this["webpackJsonpspoti-search"]=this["webpackJsonpspoti-search"]||[],l=a.push.bind(a);a.push=r,a=a.slice();for(var p=0;p<a.length;p++)r(a[p]);var c=l;t()}([])</script><script src="/spoti-search/static/js/2.f957e75b.chunk.js"></script><script src="/spoti-search/static/js/main.94b0e65e.chunk.js"></script></body></html>
<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/spoti-search/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="A frontend to search for an artist and display its albums"/><link rel="apple-touch-icon" href="/spoti-search/logo192.png"/><link rel="manifest" href="/spoti-search/manifest.json"/><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500"/><title>Spoti Search</title><style>body{margin:0}</style></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script>!function(e){function r(r){for(var n,i,a=r[0],l=r[1],p=r[2],f=0,s=[];f<a.length;f++)i=a[f],Object.prototype.hasOwnProperty.call(o,i)&&o[i]&&s.push(o[i][0]),o[i]=0;for(n in l)Object.prototype.hasOwnProperty.call(l,n)&&(e[n]=l[n]);for(c&&c(r);s.length;)s.shift()();return u.push.apply(u,p||[]),t()}function t(){for(var e,r=0;r<u.length;r++){for(var t=u[r],n=!0,a=1;a<t.length;a++){var l=t[a];0!==o[l]&&(n=!1)}n&&(u.splice(r--,1),e=i(i.s=t[0]))}return e}var n={},o={1:0},u=[];function i(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,i),t.l=!0,t.exports}i.m=e,i.c=n,i.d=function(e,r,t){i.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,r){if(1&r&&(e=i(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(i.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)i.d(t,n,function(r){return e[r]}.bind(null,n));return t},i.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(r,"a",r),r},i.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},i.p="/spoti-search/";var a=this["webpackJsonpspoti-search"]=this["webpackJsonpspoti-search"]||[],l=a.push.bind(a);a.push=r,a=a.slice();for(var p=0;p<a.length;p++)r(a[p]);var c=l;t()}([])</script><script src="/spoti-search/static/js/2.f957e75b.chunk.js"></script><script src="/spoti-search/static/js/main.d9d52cb5.chunk.js"></script></body></html>
precache-manifest.e0d7fbf4f59ffe089090a76fa910bffc.js → precache-manifest.7bcffd4b12b982dc6e7670b7e41edd35.js
+3 -3
View File
@@ -1,6 +1,6 @@
self.__precacheManifest = (self.__precacheManifest || []).concat([
{
"revision": "d25d3f46d075a4589752c0c039f6138c",
"revision": "9b66654bcf7970de498783466f7bdf37",
"url": "/spoti-search/index.html"
},
{
@@ -12,8 +12,8 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([
"url": "/spoti-search/static/js/2.f957e75b.chunk.js.LICENSE.txt"
},
{
"revision": "d84077c0bcbf8ffed5b0",
"url": "/spoti-search/static/js/main.94b0e65e.chunk.js"
"revision": "2b25514f4dc36ba4e05e",
"url": "/spoti-search/static/js/main.d9d52cb5.chunk.js"
},
{
"revision": "66fb266ab25aa742c873",
service-worker.js
+1 -1
View File
@@ -14,7 +14,7 @@
importScripts("https://storage.googleapis.com/workbox-cdn/releases/4.3.1/workbox-sw.js");
importScripts(
"/spoti-search/precache-manifest.e0d7fbf4f59ffe089090a76fa910bffc.js"
"/spoti-search/precache-manifest.7bcffd4b12b982dc6e7670b7e41edd35.js"
);
self.addEventListener('message', (event) => {
static/js/main.94b0e65e.chunk.js
-2
View File
@@ -1,2 +0,0 @@
(this["webpackJsonpspoti-search"]=this["webpackJsonpspoti-search"]||[]).push([[0],{115:function(e,t,a){e.exports=a(131)},131:function(e,t,a){"use strict";a.r(t);var r=a(0),n=a.n(r),i=a(33),l=a.n(i),c=a(57),o=a(58),s=a(89),m=a(56),u=a(52),g=a(92),d=a(145),p=a(93),h=a(78),f=a(90),b=a(146),E=a(147),v=function(){return n.a.createElement(b.a,{as:"header",direction:"row",align:"center",justify:"center",background:"brand",pad:{left:"medium",right:"small",vertical:"small"},style:{zIndex:1}},n.a.createElement(E.a,{margin:{vertical:"small"},color:"light-1",size:"xxlarge",weight:"bold"},"Spoti Search"))},y=a(143),x=a(144),j=function(e){var t=e.inputValue,a=e.handleChange,r=e.suggestions,i=e.handleSelect;return n.a.createElement(b.a,{as:"section",direction:"row",justify:"center",margin:{top:"large"}},n.a.createElement(b.a,{as:"div",margin:{vertical:"none"},width:"500px"},n.a.createElement(y.a,{type:"search",name:"q",value:t,suggestions:r,onChange:function(e){return a(e.target.value)},onSelect:function(e){return i(e.suggestion)},icon:n.a.createElement(x.a,{color:"plain"}),dropHeight:"large",placeholder:"Type an artist name",autoFocus:!0,"aria-label":"Search for an artist name"})))},w=a(150),O=a(149),k=a(142),S=a(148),A=a(49),q=a.n(A),C=function(e){var t=e.image,a=e.name;return t||(t=q.a),n.a.createElement(b.a,{round:"xxsmall",elevation:"small",overflow:"hidden"},n.a.createElement(b.a,{height:"300px"},n.a.createElement(S.a,{src:t,fit:"cover"})),n.a.createElement(O.a,{level:"4",margin:{bottom:"small",top:"small",left:"small"}},a))},z=function(e){var t=e.image,a=e.name,r=e.handleClick;return t||(t=q.a),n.a.createElement(b.a,{round:"xxsmall",pad:"xsmall",onClick:function(){return r(a)},width:"130px"},n.a.createElement(b.a,{height:"120px",width:"120px",round:"full",background:{repeat:"no-repeat",size:"cover",image:"url(".concat(t,")")}}),n.a.createElement(E.a,{margin:{bottom:"small",top:"small",left:"small"},textAlign:"center",weight:"bold",wordBreak:"break-word"},a))},N=function(e){var t=e.artists,a=e.handleClick,r=t[0],i=r.name,l=r.image,c=r.albums,o=t.slice(1,t.length),s=[],m=l;l||(m=q.a);var u=new Set;return c.forEach((function(e){u.has(e.name)||(u.add(e.name),s.push(e))})),n.a.createElement(w.a,{as:"section",rows:["fit","fit"],columns:["fit","fit"],gap:"large",areas:[["title","title"],["artist-other","artist-other"],["disco-title","disco-title"],["discography","discography"]],pad:"xlarge"},n.a.createElement(O.a,{level:"1",gridArea:"title",size:"medium",margin:{vertical:"none"}},i),n.a.createElement(b.a,{gridArea:"artist-other",direction:"row-responsive",responsive:!0,gap:"large"},n.a.createElement(b.a,{width:{min:"300px",max:"300px"}},n.a.createElement(b.a,{round:"full",background:{repeat:"no-repeat",size:"cover",image:"url(".concat(m,")")},height:"300px",width:"300px"})),n.a.createElement(b.a,{justify:"center"},n.a.createElement(O.a,{level:"2",margin:{vertical:"none"},size:"small"},"Other results"),n.a.createElement(b.a,{direction:"row-reverse",justify:"end",wrap:!0,gap:"medium",width:{min:"332px"}},o.map((function(e){return n.a.createElement(z,{key:e.id,image:e.image,name:e.name,handleClick:a})}))))),n.a.createElement(O.a,{level:"2",gridArea:"disco-title",size:"medium",margin:{bottom:"none"}},"Discography"),n.a.createElement(k.a.Consumer,null,(function(e){return n.a.createElement(w.a,{gridArea:"discography",align:"start",columns:{count:"fill",size:"260px"},gap:"large"},s.map((function(e){return n.a.createElement(C,{key:e.id,image:e.image,name:e.name})})))})))};function L(){var e=Object(g.a)(["\n\tquery Artist($byName: String!) {\n\t\tqueryArtists(byName: $byName) {\n\t\t\tname\n\t\t\timage\n\t\t\tid\n\t\t\talbums {\n\t\t\t\tname\n\t\t\t\timage\n\t\t\t\tid\n\t\t\t}\n\t\t}\n\t}\n"]);return L=function(){return e},e}var Q=Object(h.a)(L());function B(){var e=Object(r.useState)(""),t=Object(u.a)(e,2),a=t[0],i=t[1],l=Object(f.a)(Q),c=Object(u.a)(l,2),o=c[0],s=c[1],g=s.data,h=s.error,b=(s.loading,s.variables,Object(r.useState)([])),E=Object(u.a)(b,2),y=E[0],x=E[1],w=Object(r.useState)([]),O=Object(u.a)(w,2),k=O[0],S=O[1],A=Object(r.useState)(!1),q=Object(u.a)(A,2),C=q[0],z=q[1],L=Object(r.useCallback)(Object(p.debounce)((function(){o({variables:{byName:a}})}),200),[a]);Object(r.useEffect)((function(){return L(),L.cancel}),[a,L]);Object(r.useEffect)((function(){if(g&&g.queryArtists&&g.queryArtists!==[]){var e=g.queryArtists.slice(0,5).map((function(e){return e.name}));S(e)}}),[g]);var B=!1;return h&&h.graphQLErrors&&h.graphQLErrors.forEach((function(e){B="Error: 400: No search query"===e.message})),n.a.createElement(d.a,{theme:I},n.a.createElement(v,null),n.a.createElement(j,{inputValue:a,suggestions:k,handleChange:function(e){i(e)},handleSelect:function(e){for(var t=[],a=g.queryArtists.slice(0,5).map((function(e){return e})),r=0;r<a.length;r++)if(a[r].name===e){var n=null===a||void 0===a?void 0:a.splice(r,1),i=a;t=[].concat(Object(m.a)(n),Object(m.a)(i));break}x(t),z(!0)}}),C&&n.a.createElement(N,{artists:y,handleClick:functLine truncated
//# sourceMappingURL=main.94b0e65e.chunk.js.map
static/js/main.94b0e65e.chunk.js.map
-1
View File
@@ -1 +0,0 @@
{"version":3,"sources":["components/Header.tsx","components/Search.tsx","components/Album.tsx","components/Other.tsx","components/Results.tsx","components/App.tsx","index.tsx","assets/placeholder-music.jpg"],"names":["Header","Box","as","direction","align","justify","background","pad","left","right","vertical","style","zIndex","Text","margin","color","size","weight","Search","inputValue","handleChange","suggestions","handleSelect","top","width","TextInput","type","name","value","onChange","e","target","onSelect","suggestion","icon","FormSearch","dropHeight","placeholder","autoFocus","aria-label","Album","image","round","elevation","overflow","height","Image","src","fit","Heading","level","bottom","Other","handleClick","onClick","repeat","textAlign","wordBreak","Results","artists","selectedName","albums","otherArtists","slice","length","selectedAlbums","selectedImage","uniqueAlbums","Set","forEach","album","has","add","push","Grid","rows","columns","gap","areas","gridArea","responsive","min","max","wrap","map","artist","key","id","ResponsiveContext","Consumer","count","QUERY_ARTISTS","gql","App","useState","setInputValue","useLazyQuery","getArtists","data","error","loading","variables","setArtists","setSuggestions","selected","setSelected","delayedQuery","useCallback","debounce","byName","useEffect","cancel","queryArtists","updatedSuggestions","el","errorNoSearchQuery","graphQLErrors","message","Grommet","theme","updatedArtists","suggestedArtists","i","selectedArtist","splice","global","colors","brand","font","family","client","ApolloClient","uri","cache","InMemoryCache","ReactDOM","render","StrictMode","ApolloProvider","document","getElementById","module","exports"],"mappings":"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 truncated
static/js/main.d9d52cb5.chunk.js
+2
View File
@@ -0,0 +1,2 @@
(this["webpackJsonpspoti-search"]=this["webpackJsonpspoti-search"]||[]).push([[0],{115:function(e,t,a){e.exports=a(131)},131:function(e,t,a){"use strict";a.r(t);var r=a(0),n=a.n(r),i=a(33),l=a.n(i),c=a(57),o=a(58),s=a(89),m=a(56),u=a(52),g=a(92),p=a(145),d=a(93),h=a(78),f=a(90),b=a(146),E=a(147),v=function(){return n.a.createElement(b.a,{as:"header",direction:"row",align:"center",justify:"center",background:"brand",pad:{left:"medium",right:"small",vertical:"small"},style:{zIndex:1}},n.a.createElement(E.a,{margin:{vertical:"small"},color:"light-1",size:"xxlarge",weight:"bold"},"Spoti Search"))},y=a(143),x=a(144),j=function(e){var t=e.inputValue,a=e.handleChange,r=e.suggestions,i=e.handleSelect;return n.a.createElement(b.a,{as:"section",direction:"row",justify:"center",margin:{top:"large"}},n.a.createElement(b.a,{as:"div",margin:{vertical:"none"},width:"500px"},n.a.createElement(y.a,{type:"search",name:"q",value:t,suggestions:r,onChange:function(e){return a(e.target.value)},onSelect:function(e){return i(e.suggestion)},icon:n.a.createElement(x.a,{color:"plain"}),dropHeight:"large",placeholder:"Type an artist name",autoFocus:!0,"aria-label":"Search by artist name"})))},w=a(150),O=a(149),k=a(142),S=a(148),A=a(49),q=a.n(A),C=function(e){var t=e.image,a=e.name;return t||(t=q.a),n.a.createElement(b.a,{round:"xxsmall",elevation:"small",overflow:"hidden"},n.a.createElement(b.a,{height:"300px"},n.a.createElement(S.a,{src:t,fit:"cover"})),n.a.createElement(O.a,{level:"4",margin:{bottom:"small",top:"small",left:"small"}},a))},z=function(e){var t=e.image,a=e.name,r=e.handleClick;return t||(t=q.a),n.a.createElement(b.a,{round:"xxsmall",pad:"xsmall",onClick:function(){return r(a)},width:"130px"},n.a.createElement(b.a,{height:"120px",width:"120px",round:"full",background:{repeat:"no-repeat",size:"cover",image:"url(".concat(t,")")}}),n.a.createElement(E.a,{margin:{bottom:"small",top:"small",left:"small"},textAlign:"center",weight:"bold",wordBreak:"break-word"},a))},N=function(e){var t=e.artists,a=e.handleClick,r=t[0],i=r.name,l=r.image,c=r.albums,o=t.slice(1,t.length),s=[],m=l;l||(m=q.a);var u=new Set;return c.forEach((function(e){u.has(e.name)||(u.add(e.name),s.push(e))})),n.a.createElement(w.a,{as:"section",rows:["fit","fit"],columns:["fit","fit"],gap:"large",areas:[["title","title"],["artist-other","artist-other"],["disco-title","disco-title"],["discography","discography"]],pad:"xlarge"},n.a.createElement(O.a,{level:"1",gridArea:"title",size:"medium",margin:{vertical:"none"}},i),n.a.createElement(b.a,{gridArea:"artist-other",direction:"row-responsive",responsive:!0,gap:"large"},n.a.createElement(b.a,{width:{min:"300px",max:"300px"}},n.a.createElement(b.a,{round:"full",background:{repeat:"no-repeat",size:"cover",image:"url(".concat(m,")")},height:"300px",width:"300px"})),n.a.createElement(b.a,{justify:"center"},n.a.createElement(O.a,{level:"2",margin:{vertical:"none"},size:"small"},"Other results"),n.a.createElement(b.a,{direction:"row-reverse",justify:"end",wrap:!0,gap:"medium",width:{min:"332px"}},o.map((function(e){return n.a.createElement(z,{key:e.id,image:e.image,name:e.name,handleClick:a})}))))),n.a.createElement(O.a,{level:"2",gridArea:"disco-title",size:"medium",margin:{bottom:"none"}},"Discography"),n.a.createElement(k.a.Consumer,null,(function(e){return n.a.createElement(w.a,{gridArea:"discography",align:"start",columns:{count:"fill",size:"260px"},gap:"large"},s.map((function(e){return n.a.createElement(C,{key:e.id,image:e.image,name:e.name})})))})))};function L(){var e=Object(g.a)(["\n\tquery Artist($byName: String!) {\n\t\tqueryArtists(byName: $byName) {\n\t\t\tname\n\t\t\timage\n\t\t\tid\n\t\t\talbums {\n\t\t\t\tname\n\t\t\t\timage\n\t\t\t\tid\n\t\t\t}\n\t\t}\n\t}\n"]);return L=function(){return e},e}var Q=Object(h.a)(L());function B(){var e=Object(r.useState)(""),t=Object(u.a)(e,2),a=t[0],i=t[1],l=Object(f.a)(Q),c=Object(u.a)(l,2),o=c[0],s=c[1],g=s.data,h=s.error,b=Object(r.useState)([]),E=Object(u.a)(b,2),y=E[0],x=E[1],w=Object(r.useState)([]),O=Object(u.a)(w,2),k=O[0],S=O[1],A=Object(r.useState)(!1),q=Object(u.a)(A,2),C=q[0],z=q[1],L=Object(r.useCallback)(Object(d.debounce)((function(){o({variables:{byName:a}})}),200),[a]);Object(r.useEffect)((function(){return L(),L.cancel}),[a,L]);Object(r.useEffect)((function(){if(g&&g.queryArtists&&g.queryArtists!==[]){var e=g.queryArtists.slice(0,5).map((function(e){return e.name}));S(e)}}),[g]);var B=!1;return h&&h.graphQLErrors&&h.graphQLErrors.forEach((function(e){B="Error: 400: No search query"===e.message})),n.a.createElement(p.a,{theme:I},n.a.createElement(v,null),n.a.createElement(j,{inputValue:a,suggestions:k,handleChange:function(e){i(e)},handleSelect:function(e){for(var t=[],a=g.queryArtists.slice(0,5).map((function(e){return e})),r=0;r<a.length;r++)if(a[r].name===e){var n=null===a||void 0===a?void 0:a.splice(r,1),i=a;t=[].concat(Object(m.a)(n),Object(m.a)(i));break}x(t),z(!0)}}),C&&n.a.createElement(N,{artists:y,handleClick:function(e){for(var t=[],a=0;a<y.Line truncated
//# sourceMappingURL=main.d9d52cb5.chunk.js.map
static/js/main.d9d52cb5.chunk.js.map
+1
View File
@@ -0,0 +1 @@
{"version":3,"sources":["components/Header.tsx","components/Search.tsx","components/Album.tsx","components/Other.tsx","components/Results.tsx","components/App.tsx","index.tsx","assets/placeholder-music.jpg"],"names":["Header","Box","as","direction","align","justify","background","pad","left","right","vertical","style","zIndex","Text","margin","color","size","weight","Search","inputValue","handleChange","suggestions","handleSelect","top","width","TextInput","type","name","value","onChange","e","target","onSelect","suggestion","icon","FormSearch","dropHeight","placeholder","autoFocus","aria-label","Album","image","round","elevation","overflow","height","Image","src","fit","Heading","level","bottom","Other","handleClick","onClick","repeat","textAlign","wordBreak","Results","artists","selectedName","albums","otherArtists","slice","length","selectedAlbums","selectedImage","uniqueAlbums","Set","forEach","album","has","add","push","Grid","rows","columns","gap","areas","gridArea","responsive","min","max","wrap","map","artist","key","id","ResponsiveContext","Consumer","count","QUERY_ARTISTS","gql","App","useState","setInputValue","useLazyQuery","getArtists","data","error","setArtists","setSuggestions","selected","setSelected","delayedQuery","useCallback","debounce","variables","byName","useEffect","cancel","queryArtists","updatedSuggestions","el","errorNoSearchQuery","graphQLErrors","message","Grommet","theme","updatedArtists","suggestedArtists","i","selectedArtist","splice","global","colors","brand","font","family","client","ApolloClient","uri","cache","InMemoryCache","ReactDOM","render","StrictMode","ApolloProvider","document","getElementById","module","exports"],"mappings":"ySAGaA,EAAS,WACrB,OACC,kBAACC,EAAA,EAAD,CACCC,GAAG,SACHC,UAAU,MACVC,MAAM,SACNC,QAAQ,SACRC,WAAW,QACXC,IAAK,CAAEC,KAAM,SAAUC,MAAO,QAASC,SAAU,SACjDC,MAAO,CAAEC,OAAQ,IAEjB,kBAACC,EAAA,EAAD,CACCC,OAAQ,CAAEJ,SAAU,SACpBK,MAAM,UACNC,KAAK,UACLC,OAAO,QAJR,kB,kBCVUC,EAAS,SAAC,GAAD,IACrBC,EADqB,EACrBA,WACAC,EAFqB,EAErBA,aACAC,EAHqB,EAGrBA,YACAC,EAJqB,EAIrBA,aAJqB,OAWrB,kBAACrB,EAAA,EAAD,CACCC,GAAG,UACHC,UAAU,MACVE,QAAQ,SACRS,OAAQ,CAAES,IAAK,UAEf,kBAACtB,EAAA,EAAD,CAAKC,GAAG,MAAMY,OAAQ,CAAEJ,SAAU,QAAUc,MAAM,SACjD,kBAACC,EAAA,EAAD,CACCC,KAAK,SACLC,KAAK,IACLC,MAAOT,EACPE,YAAaA,EACbQ,SAAU,SAACC,GAAD,OAAOV,EAAaU,EAAEC,OAAOH,QACvCI,SAAU,SAACD,GAAD,OAAYT,EAAaS,EAAOE,aAC1CC,KAAM,kBAACC,EAAA,EAAD,CAAYpB,MAAM,UACxBqB,WAAW,QACXC,YAAY,sBACZC,WAAS,EACTC,aAAW,6B,qDC5BFC,EAAQ,SAAC,GAAsD,IAApDC,EAAmD,EAAnDA,MAAOd,EAA4C,EAA5CA,KAM9B,OAJKc,IACJA,EAAQJ,KAIR,kBAACpC,EAAA,EAAD,CAAKyC,MAAM,UAAUC,UAAU,QAAQC,SAAS,UAC/C,kBAAC3C,EAAA,EAAD,CAAK4C,OAAO,SACX,kBAACC,EAAA,EAAD,CAAOC,IAAKN,EAAOO,IAAI,WAExB,kBAACC,EAAA,EAAD,CACCC,MAAM,IACNpC,OAAQ,CAAEqC,OAAQ,QAAS5B,IAAK,QAASf,KAAM,UAE9CmB,KCfQyB,EAAQ,SAAC,GAQf,IAPNX,EAOK,EAPLA,MACAd,EAMK,EANLA,KACA0B,EAKK,EALLA,YAWA,OAJKZ,IACJA,EAAQJ,KAIR,kBAACpC,EAAA,EAAD,CACCyC,MAAM,UACNnC,IAAI,SACJ+C,QAAS,kBAAMD,EAAY1B,IAC3BH,MAAM,SAEN,kBAACvB,EAAA,EAAD,CACC4C,OAAO,QACPrB,MAAM,QACNkB,MAAM,OACNpC,WAAY,CACXiD,OAAQ,YACRvC,KAAM,QACNyB,MAAM,OAAD,OAASA,EAAT,QAGP,kBAAC5B,EAAA,EAAD,CACCC,OAAQ,CAAEqC,OAAQ,QAAS5B,IAAK,QAASf,KAAM,SAC/CgD,UAAU,SACVvC,OAAO,OACPwC,UAAU,cAET9B,KClCQ+B,EAAU,SAAC,GAMjB,IALNC,EAKK,EALLA,QACAN,EAIK,EAJLA,YAIK,EACyCM,EAAQ,GAAxCC,EADT,EACGjC,KAAoBc,EADvB,EACuBA,MAAOoB,EAD9B,EAC8BA,OAC7BC,EAAeH,EAAQI,MAAM,EAAGJ,EAAQK,QAC1CC,EAAyB,GACzBC,EAAwBzB,EAGvBA,IACJyB,EAAgB7B,KAKjB,IAAM8B,EAAe,IAAIC,IAQzB,OAPAP,EAAOQ,SAAQ,SAACC,GACVH,EAAaI,IAAID,EAAM3C,QAC3BwC,EAAaK,IAAIF,EAAM3C,MACvBsC,EAAeQ,KAAKH,OAKrB,kBAACI,EAAA,EAAD,CACCxE,GAAG,UACHyE,KAAM,CAAC,MAAO,OACdC,QAAS,CAAC,MAAO,OACjBC,IAAI,QACJC,MAAO,CACN,CAAC,QAAS,SACV,CAAC,eAAgB,gBACjB,CAAC,cAAe,eAChB,CAAC,cAAe,gBAEjBvE,IAAI,UAEJ,kBAAC0C,EAAA,EAAD,CACCC,MAAM,IACN6B,SAAS,QACT/D,KAAK,SACLF,OAAQ,CAAEJ,SAAU,SAEnBkD,GAEF,kBAAC3D,EAAA,EAAD,CACC8E,SAAS,eACT5E,UAAU,iBACV6E,YAAU,EACVH,IAAI,SAEJ,kBAAC5E,EAAA,EAAD,CAAKuB,MAAO,CAAEyD,IAAK,QAASC,IAAK,UAChC,kBAACjF,EAAA,EAAD,CACCyC,MAAM,OACNpC,WAAY,CACXiD,OAAQ,YACRvC,KAAM,QACNyB,MAAM,OAAD,OAASyB,EAAT,MAENrB,OAAO,QACPrB,MAAM,WAGR,kBAACvB,EAAA,EAAD,CAAKI,QAAQ,UACZ,kBAAC4C,EAAA,EAAD,CACCC,MAAM,IACNpC,OAAQ,CAAEJ,SAAU,QACpBM,KAAK,SAHN,iBAOA,kBAACf,EAAA,EAAD,CACCE,UAAU,cACVE,QAAQ,MACR8E,MAAI,EACJN,IAAI,SACJrD,MAAO,CAAEyD,IAAK,UAEbnB,EAAasB,KAAI,SAACC,GAAD,OACjB,kBAAC,EAAD,CACCC,IAAKD,EAAOE,GACZ9C,MAAO4C,EAAO5C,MACdd,KAAM0D,EAAO1D,KACb0B,YAAaA,UAMlB,kBAACJ,EAAA,EAAD,CACCC,MAAM,IACN6B,SAAS,cACT/D,KAAK,SACLF,OAAQ,CAAEqC,OAAQ,SAJnB,eAQA,kBAACqC,EAAA,EAAkBC,SAAnB,MACE,SAACzE,GAAD,OACA,kBAAC0D,EAAA,EAAD,CACCK,SAAS,cACT3E,MAAM,QACNwE,QAAS,CAAEc,MAAO,OAAQ1E,KAAM,SAChC6D,IAAI,SAEHZ,EAAemB,KAAI,SAACd,GAAD,OACnB,kBAAC,EAAD,CACCgB,IAAKhB,EAAMiB,GACX9C,MAAO6B,EAAM7B,MACbd,KAAM2C,EAAM3C,gB,iQC/Gb,IAAMgE,EAAgBC,YAAH,KAeX,SAASC,IAAO,IAAD,EACOC,mBAAS,IADhB,mBACtB3E,EADsB,KACV4E,EADU,OAESC,YACrCL,GAH4B,mBAEtBM,EAFsB,YAERC,EAFQ,EAERA,KAAMC,EAFE,EAEFA,MAFE,EAKCL,mBAAkB,IALnB,mBAKtBnC,EALsB,KAKbyC,EALa,OAMSN,mBAAmB,IAN5B,mBAMtBzE,EANsB,KAMTgF,EANS,OAOGP,oBAAS,GAPZ,mBAOtBQ,EAPsB,KAOZC,EAPY,Line truncated