2d:null 2e:["$","title",null,{"children":"Spotify Web Api | computron | Observable"}] 33:[] 31:{"id":"f8004bc4a2d46f8b","slug":"spotify-web-api","title":"Spotify Web Api","thumbnail":"212d1f39d27cb6c8d95e9bf71a517e65f38d31aed6be10eeaf051f14cec699bf","access_level":"public","create_time":"$D2020-02-26T02:08:58.591Z","update_time":"$D2020-03-17T06:27:09.170Z","view_time":null,"first_public_time":"$D2020-03-17T06:10:33.324Z","fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"57191c6037fb99f5","login":"computron","name":"","avatar_url":"https://avatars-next.observableusercontent.com/bfc975114d01d44e8a92b705ba44f202557c9e7796b245627272834d4815da49","tier":"starter_2024"},"version":1012,"publish_version":1012,"role":null,"authored":false,"authors":[{"type":"individual","id":"af80f9bafe3162d2","login":"computron","name":"","avatar_url":"https://avatars-next.observableusercontent.com/bfc975114d01d44e8a92b705ba44f202557c9e7796b245627272834d4815da49","tier":null}],"members":[{"type":"individual","id":"af80f9bafe3162d2","login":"computron","name":"","avatar_url":"https://avatars-next.observableusercontent.com/bfc975114d01d44e8a92b705ba44f202557c9e7796b245627272834d4815da49","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":6,"collection":null,"type":"notebook","body":{"title":"Spotify Web Api","cells":[{"id":1003,"value":"md`# Spotify Web Api`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":680,"value":"viewof token = getTokenView()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":770,"value":"html`\n

\n \n \n \n \n \n \n ${albumRows}\n

Art	Album	Track

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":507,"value":"async function* asynchronouslyGenerateAllMyTracks() {\n const pageSize = 50;\n\n function get50Tracks(off, lim = pageSize) {\n return api.getMySavedTracks({\n limit: lim,\n offset: off\n });\n }\n\n const head = await get50Tracks(0);\n\n yield* head.body.items;\n\n const pages = Math.floor(head.body.total / pageSize);\n\n const offsets = Array(pages)\n .fill(0)\n .map((e, i) => i + 1)\n .map(x => x * pageSize);\n\n const remainingGetTrackCalls = offsets.map(offset => get50Tracks(offset));\n\n for await (const pageRequest of remainingGetTrackCalls) {\n yield* pageRequest.body.items;\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":515,"value":"async function asyncGeneratorToArray(asyncGenerator) {\n let items = new Array();\n for await (let item of asyncGenerator) {\n items.push(item);\n }\n return items;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":585,"value":"songs = asyncGeneratorToArray(asynchronouslyGenerateAllMyTracks())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":849,"value":"likedSongsByAlbum = ramda.groupBy(x => x.track.album.uri)(songs)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":874,"value":"likedSongsGroupAndSortedByAlbums = Object.entries(likedSongsByAlbum).map(x => ({\n album: {\n name: ramda.prop(1)(x)[0].track.album.name,\n images: ramda.prop(1)(x)[0].track.album.images\n },\n tracks: ramda\n .prop(1)(x)\n .map(x => x.track)\n .sort((f, s) => (f.track_number > s.track_number ? 1 : -1))\n .map(x => ({ track: x.track_number, name: x.name, preview: x.preview_url }))\n}))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":903,"value":"albumRows = likedSongsGroupAndSortedByAlbums.map(x => {\n var tracks = x.tracks.flatMap(x => {\n var linkedName = x.preview\n ? `${x.name}`\n : x.name;\n\n return html`

${x.track}. ${linkedName}

`;\n });\n\n return html` \n \n \n

\n \n \n ${x.album.name}\n \n \n ${tracks}\n \n \n `;\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":773,"value":"rows = songs\n .sort((first, second) => {\n const name1 = first.track.album.name.toUpperCase();\n const name2 = second.track.album.name.toUpperCase();\n return name1 > name2 ? 1 : -1;\n })\n .map(x => {\n var name = x.track.preview_url\n ? (name = `${x.track.name}`)\n : (name = x.track.name);\n return html`\n \n \n

\n \n \n ${x.track.album.name}\n \n \n ${name}\n \n \n `;\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":804,"value":"ramda = require('ramda')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":662,"value":"api = {\n const SpotifyWebApi = await require('https://bundle.run/spotify-web-api-node@4.0.0');\n const api = new SpotifyWebApi({\n clientId: 'd963d5076bb541ea85cb988b3e3d9e7f',\n // clientSecret: 'b0a5a03195c14a02bb9181665a52e316',\n redirectUri: 'http://www.example.com/callback'\n });\n api.setAccessToken(token);\n return api;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":670,"value":"import { text } from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":997,"value":"import { getTokenView } from \"@computron/spotify-auth\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W33","stdlib":"1","titling":"auto"}} 32:"$31:body"