[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_200":201,"_202":203},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_149":-5,"_20":150,"_22":151,"_152":153,"_154":155,"_26":156,"_24":157,"_158":159,"_160":161,"_162":50,"_163":164,"_165":67,"_166":-5,"_167":-5,"_168":169},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":29,"_30":-5,"_31":32,"_33":32,"_34":-5},"handle","charmaine","name","spotifyOauthServer","branchName","main","version","path","server","project",{"_35":106,"_13":14,"_37":107,"_48":-5,"_108":50,"_51":52,"_109":52,"_110":-5,"_111":-5,"_112":113,"_114":60,"_115":67,"_116":67,"_117":-5,"_118":32,"_55":119,"_120":-5,"_121":-5,"_122":-5,"_123":-5,"_124":125,"_126":125,"_127":128,"_129":128,"_130":128,"_131":125,"_132":125,"_133":134,"_135":136,"_137":138,"_49":50},"tree",[76,77,78,79],"file",{"_35":58,"_13":19,"_59":60,"_61":-5,"_62":63,"_64":65,"_66":67,"_37":68,"_17":32,"_69":70,"_71":72,"_73":50,"_74":-5,"_18":75},"contents",[],"upstream",{"_35":36,"_37":38,"_39":40,"_13":16,"_41":42,"_17":43,"_44":-5,"_45":-5,"_46":47,"_48":-5,"_49":50,"_51":52,"_53":54,"_55":56,"_57":14},"pull","ahead",0,"behind","envVars","id","55e401a8-e33d-11ef-baf2-e6cdfca9ef9f","createdAt",["D",1738703804472],"updatedAt",["D",1738706635603],"projectId","55dbb4f8-e33d-11ef-baf2-e6cdfca9ef9f",28,"forkedBranchId","forkedBranchVersion","lockfileKey","1744518004450-esm.town_v_neverstew_spotifyOauthServer@28-main","deletedAt","isOwned",false,"privacy","public","userHandle","neverstew","orgId","b74060f0-0f1d-44f1-bee2-bdb9c9cf72e4","projectName","d1783918-e344-11ef-bf1c-e6cdfca9ef9f","fileId","a0602f82-a040-4c9c-b4ee-8efddbb95d7a","parentId","branchId","d175bd28-e344-11ef-bf1c-e6cdfca9ef9f","branchVersion",1,"latest",true,["D",1738707018209],"fileType","http","content","/** @jsxImportSource https://esm.sh/hono@3.9.2/jsx **/\nimport { scopes } from \"https://esm.town/v/stevekrouse/spotifyScopes\";\nimport { generateRandomString } from \"https://esm.town/v/greg0r/generateRandomString?v=1\";\nimport { spotifyRefreshToken } from \"https://esm.town/v/neverstew/spotifyRefreshToken\";\nimport { spotifyRequestToken } from \"https://esm.town/v/stevekrouse/spotifyRequestToken\";\nimport { home, scopesRoute } from \"https://esm.town/v/stevekrouse/spotify_helpers\";\nimport { getCookie, setCookie } from \"npm:hono/cookie\";\nimport { Hono } from \"npm:hono@3\";\nimport { insertPendingCallback, getRow, updateRow } from \"./db\";\nimport { getSpotifyToken } from \"./getSpotifyToken\";\n\n// CHANGE ME\nconst thisURL = \"https://neverstew--5e762206e33d11efa9eae6cdfca9ef9f.web.val.run\";\nconst redirect_uri = thisURL + \"/callback\";\n\nconst app = new Hono()\n .use(\"*\", async (c, next) => {\n const state = getCookie(c, \"state\") ?? generateRandomString(16);\n c.set(\"state\", state);\n await next();\n setCookie(c, \"state\", state);\n})\n .get(\"/\", c =>\n c.html(\n

Generate Spotify Access Tokens

\n This app uses{\" \"}\n \n Authorization Code Flow\n {\" \"}\n to authenticate users:\n

\n This project sets the CLIENT_ID and CLIENT_SECRET environment variables for the relevant Spotify App.\n
\n We generate a unique code that you will use to authenticate to us: {c.get(\"state\")}\n
You can pick which scopes to authorize.
We construct a URL to redirect you to, which will ask you to authorize the app on Spotify.
You are redirected back here, with a code in the URL.
We exchange the code for an access token and refresh token, which we save.
\n You can request your access token at{\" \"}\n \n https://{new URL(c.req.url).hostname}/token?state={c.get(\"state\")}\n \n
If your access token expires, we use the refresh token to get a new one.
Use your access token to make requests to the Spotify API by importing `getSpotifyToken` in your other vals.

\n\n

\n Get started\n

\n\n

\n

\n If you get in a broken state, you can always{\" \"}\n \n remove access to this app from your Spotify account\n or clear your cookies and begin the token generation process again.\n

\n ))\n .get(\"/scopes\", c =>\n c.html(\n

Choose your Spotify Scopes

\n \n

\n ))\n .get(\"/login\", async (c) => {\n const state = c.get(\"state\");\n const scopes = c.req.queries(\"scopes[]\").join(\" \");\n\n await insertPendingCallback({ id: state });\n const params = new URLSearchParams({\n response_type: 'code',\n client_id: Deno.env.get(\"CLIENT_ID\"),\n scope: scopes,\n redirect_uri,\n state,\n })\n return c.redirect(\n `https://accounts.spotify.com/authorize?${params}`);\n}).get(\"/callback\", async (c) => {\n const code = c.req.query(\"code\");\n const state = c.req.query(\"state\") as string;\n\n if (state !== c.get(\"state\")) {\n return c.html(\"State mismatch 1\");\n }\n\n const rowInitial = getRow(state)\n if (!rowInitial) {\n return c.html(\"State mismatch 2\");\n }\n if (rowInitial.data) {\n return c.html(\"Already authenticated for that state\");\n }\n\n const data = await spotifyRequestToken({\n code,\n client_id: Deno.env.get(\"CLIENT_ID\"),\n client_secret: Deno.env.get(\"CLIENT_SECRET\"),\n redirect_uri,\n });\n\n if (data.error) return c.json(data.error);\n if (!data.access_token) return c.json(\"No access token\");\n await updateRow(state, { data })\n if (data.refresh_token) await updateRow(state, { refresh_token });\n\n return c.redirect(\"/token?state=\" + state);\n})\n .get(\"/token\", async (c) => {\n const state = c.req.query(\"state\") as string;\n try {\n const token = await getSpotifyToken(state);\n return c.json(token);\n } catch (e) {\n if (e === \"NO_DATA\") return c.json(\"No auth data found for supplied state\");\n if (e === \"NO_TOKEN\") return c.json(\"No refresh access token\");\n if (e.startsWith(\"REFRESH_ERROR: \")) return c.json(\"Refresh error: \" + e.split(\" : \")[1]);\n throw e;\n }\n});\n\nexport default app.fetch;","deleted","label",[19],{"_35":99,"_13":100,"_59":101,"_61":-5,"_62":63,"_64":65,"_66":67,"_37":102,"_17":32,"_69":24,"_71":103,"_73":50,"_74":-5,"_81":104,"_18":105},{"_35":92,"_13":93,"_59":94,"_61":-5,"_62":63,"_64":65,"_66":67,"_37":95,"_17":32,"_69":88,"_71":96,"_73":50,"_74":-5,"_81":97,"_18":98},{"_35":84,"_13":85,"_59":86,"_61":-5,"_62":63,"_64":65,"_66":67,"_37":87,"_17":32,"_69":88,"_71":89,"_73":50,"_74":-5,"_81":90,"_18":91},{"_35":58,"_13":19,"_59":60,"_61":-5,"_62":63,"_64":65,"_66":67,"_37":80,"_17":32,"_69":70,"_71":72,"_73":50,"_74":-5,"_81":82,"_18":83},["D",1738707018209],"children",[],[19],"d17837a6-e344-11ef-bf1c-e6cdfca9ef9f","getSpotifyToken","f0f86901-b73e-4809-a525-b6d3534e42e0",["D",1738707018209],"script","import { getRow, getLatestRefreshRow, updateRow } from\"./db\";\n\nexport async function getSpotifyToken(state: string) {\n const authData = await getRow(state);\n if (!authData) throw \"NO_DATA\";\n\n const data = JSON.parse(authData.data);\n let expiresAt = data.now + (data.expires_in * 1000);\n if (expiresAt > Date.now()) {\n return data.access_token;\n }\n const refreshData = await getLatestRefreshRow(state);\n if (!refreshData) throw \"NO_DATA\";\n let refresh = await spotifyRefreshToken({\n refresh_token: refreshData.refresh_token,\n client_id: Deno.env.get(\"CLIENT_ID\"),\n client_secret: Deno.env.get(\"CLIENT_SECRET\"),\n });\n if (refresh.error) {\n console.error(refresh.error, refresh.error_description);\n throw \"REFRESH_ERROR: \" + refresh.error;\n }\n if (!refresh.access_token) throw \"NO_TOKEN\";\n await updateRow(state, { data: refresh })\n if (refresh.refresh_token) await updateRow(state, { refresh_token: refresh.refresh_token });\n return refresh.access_token\n}",[],[85],"d178342c-e344-11ef-bf1c-e6cdfca9ef9f","db","1a4dc579-e332-4c5a-a21f-0b5c51ee4dc1",["D",1738707018209],"import { sqlite } from \"https://esm.town/v/std/sqlite?v=4\";\nimport { eq, sql, and, isNotNull } from \"npm:drizzle-orm\";\nimport { drizzle } from \"npm:drizzle-orm/libsql\";\nimport { sqliteTable, text } from \"npm:drizzle-orm/sqlite-core\";\n\nawait sqlite.execute(\"CREATE TABLE IF NOT EXISTS spotify_auth (id text primary_key, data text, refresh_token text)\")\n\nexport const db = drizzle(sqlite as any);\nexport const table = sqliteTable(\"spotify_auth\", {\n id: text(\"id\").primaryKey(),\n data: text(\"data\"),\n refresh_token: text(\"refresh_token\"),\n});\n\nexport const insertPendingCallback = (id: string) =>\n db.insert(table).values([{ id }]);\n\nexport const getRow = async (id: string) => {\n const [row] = await db.select().from(table).where(eq(table.id, id)).limit(1);\n return row\n}\nexport const getLatestRefreshRow = async (id: string) => {\n const [row] = await db.select().from(table).where(and(eq(table.id, id), isNotNull(table.refresh_token))).limit(1);\n return row;\n}\n\nexport const updateRow = async (id: string, data: Partial<{ data: object, refresh_token: string }>) => {\n if (data.data) {\n data.data.now = Date.now()\n data.data = JSON.stringify(data.data);\n }\n await db.update(table).set(...data).where(eq(table.id, id));\n}",[],[93],"d1782eaa-e344-11ef-bf1c-e6cdfca9ef9f","README.md","9f4216e6-e1ec-431b-94cc-7620fdc390f4",["D",1738707018209],"# spotifyOauthServer\n\nInstantly handle Spotify access with this server!\n\nHandles the token generation and refreshing as required.\n\nMake sure to set the CLIENT_ID and CLIENT_SECRET environment variables, as well as the URL of the server in the code.",[],[100],"d16859c6-e344-11ef-bf1c-e6cdfca9ef9f",["D",1738707018209],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","c156eb0e-8b9d-4104-a055-502e9a0eb441","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","2019e55b-c541-4c51-bef0-008eef10ef88","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_148":144},"org",{"_11":12,"_142":-5,"_143":144,"_112":113,"_145":146,"_147":50},"branch",{"_17":65,"_13":16,"_35":63,"_41":106,"_44":36,"_45":43,"_139":52,"_140":42,"_141":56,"_57":14,"_53":12},"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJ4cFpFME5pSXNZamJNd296dlZSYVJ0OVF1RSJ9","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":106,"_13":14,"_37":196,"_48":-5,"_108":50,"_51":52,"_109":52,"_110":-5,"_111":-5,"_112":113,"_114":60,"_115":67,"_116":67,"_117":-5,"_118":32,"_55":119,"_120":-5,"_121":-5,"_122":-5,"_123":-5,"_124":125,"_126":125,"_127":128,"_129":128,"_130":128,"_131":125,"_132":125,"_133":197,"_135":198,"_137":199,"_49":50},[184,185,186,187],"files",[184,185,186,187],"counts",{"_175":32,"_176":65,"_177":32,"_34":178,"_179":180},[],{"_35":58,"_13":19,"_59":60,"_61":-5,"_62":63,"_64":65,"_66":67,"_37":68,"_17":32,"_69":70,"_71":72,"_73":50,"_74":-5,"_18":174},"upstreamProject",{"_35":42,"_13":14,"_110":-5,"_111":-5,"_51":52,"_133":172},"upstreamBranch",{"_35":36,"_37":170,"_39":171,"_13":16,"_41":42,"_17":43,"_44":-5,"_45":-5,"_46":47,"_48":-5,"_49":50,"_51":52,"_53":54,"_55":56,"_57":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1738703804472],["D",1738706635603],{"_11":54,"_148":173},"https://secure.gravatar.com/avatar/109fa713caf4e083c57622b7c6dad365.jpg?s=200&d=identicon",[19],"pulls","branches","forks",{"_181":32,"_183":32},"connections",{"_181":32,"_182":32},"count","unfilledCount","emptyCount",{"_35":99,"_13":100,"_59":101,"_61":-5,"_62":63,"_64":65,"_66":67,"_37":102,"_17":32,"_69":24,"_71":103,"_73":50,"_74":-5,"_81":194,"_18":195},{"_35":92,"_13":93,"_59":94,"_61":-5,"_62":63,"_64":65,"_66":67,"_37":95,"_17":32,"_69":88,"_71":96,"_73":50,"_74":-5,"_81":192,"_18":193},{"_35":84,"_13":85,"_59":86,"_61":-5,"_62":63,"_64":65,"_66":67,"_37":87,"_17":32,"_69":88,"_71":89,"_73":50,"_74":-5,"_81":190,"_18":191},{"_35":58,"_13":19,"_59":60,"_61":-5,"_62":63,"_64":65,"_66":67,"_37":80,"_17":32,"_69":70,"_71":72,"_73":50,"_74":-5,"_81":188,"_18":189},[],[19],[],[85],[],[93],[],[100],["D",1738707018209],{"_11":12,"_148":144},{"_11":12,"_142":-5,"_143":144,"_112":113,"_145":146,"_147":50},{"_17":65,"_13":16,"_35":63,"_41":106,"_44":36,"_45":43,"_139":52,"_140":42,"_141":56,"_57":14,"_53":12},"ctx",{"_133":-5,"_167":233,"_234":235,"_236":237,"_238":50,"_239":50,"_240":50,"_241":67,"_242":-5,"_243":-7,"_244":-7,"_245":32,"_246":50,"_247":50,"_248":-5,"_249":50,"_250":50,"_251":50,"_252":-5},"ENV",{"_204":205,"_206":207,"_208":16,"_209":210,"_211":212,"_213":214,"_215":216,"_217":218,"_219":220,"_221":222,"_223":224,"_225":226,"_227":228,"_229":230,"_231":232},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]