TRMNL Spotify

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_258":259,"_260":261},"routes/_app.x.$handle.$name",{"_95":94,"_31":43,"_104":85,"_26":105,"_13":14,"_106":-5,"_11":107,"_108":109,"_110":111,"_112":113,"_114":115,"_20":-5,"_116":-5,"_117":-5,"_118":24,"_119":120,"_121":24,"_122":-5,"_123":-5,"_124":125},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_41":42,"_31":43,"_36":44,"_45":-5,"_46":24,"_47":48,"_49":48,"_50":51,"_52":-5,"_18":53,"_54":55,"_56":57,"_58":57,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":24},"version",12,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":32,"_33":20,"_34":35,"_36":37,"_38":14,"_39":40,"_23":24},"previous","deleted",false,"deletedHere","path","frontend/index.html","latestPath","fileId","67144950-cc72-11f0-82b4-42dde27851f2","name","index.html","fileType","content","\n\n \n \n \n TRMNL Spotify\n \n \n \n \n \n \n \n

\n TRMNL Spotify Plugin\n

+

\n Hey, welcome! 👋\n

\n Bring your listening habits to life on your TRMNL! Track what you’ve been listening to, discover your top artists and songs, and enjoy a personal snapshot of your Spotify throughout the day.\n

\n \n \n Click to Install this Plugin on TRMNL!\n \n \n

\n Preview\n

\n \n \n","createdAt",["D",1764345217604],"branchVersion","branchId","650a9eac-cc72-11f0-88b9-42dde27851f2","id","650a3f5c-cc72-11f0-88b9-42dde27851f2","trmnl-lastfm",["D",1764345214194],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Spotify public plugin for TRMNL","imageUrl","587eaa49-1886-4260-b009-c97384ae146a","pinnedFileId","67103518-cc72-11f0-ad23-42dde27851f2","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","9a93cd7d-2807-45bb-9668-71a9c9d52476","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_95":94,"_103":99},"org",{"_95":94,"_96":97,"_98":99,"_18":53,"_100":101,"_102":24},"branch",{"_13":84,"_31":85,"_41":40,"_86":42,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":43,"_93":94},"isOwned",100,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","sitnik","handle","displayName","Daniel Sitnik","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJwelNteERmakxrMG5QTzF4S001cVdrYWhCUSJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_41":42,"_31":43,"_36":254,"_45":-5,"_46":24,"_47":48,"_49":48,"_50":51,"_52":-5,"_18":53,"_54":55,"_56":57,"_58":57,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":255,"_79":256,"_81":257,"_83":24},"tree",[183,184,187,188,193,194],"files",[183,184,185,186,187,188,189,190,191,192,193,194],"counts",{"_173":61,"_174":164,"_175":61,"_176":177,"_178":179},"contents",[126,127,128,129,130,131],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_41":167,"_31":168,"_29":169,"_134":-5,"_39":40,"_38":170,"_136":57,"_36":171,"_13":61,"_33":147,"_34":-5,"_23":24,"_140":-5,"_26":172},{"_41":161,"_31":162,"_29":163,"_134":-5,"_39":40,"_38":164,"_136":57,"_36":165,"_13":61,"_33":147,"_34":-5,"_23":24,"_140":-5,"_26":166},{"_41":155,"_31":156,"_29":157,"_134":-5,"_39":40,"_38":158,"_136":57,"_36":159,"_13":61,"_33":147,"_34":-5,"_23":24,"_140":-5,"_26":160},{"_41":149,"_31":150,"_29":151,"_134":-5,"_39":40,"_38":152,"_136":57,"_36":153,"_13":61,"_33":147,"_34":-5,"_23":24,"_140":-5,"_26":154},{"_41":142,"_31":143,"_29":144,"_134":-5,"_39":40,"_38":145,"_136":57,"_36":146,"_13":61,"_33":147,"_34":-5,"_23":24,"_140":-5,"_26":148},{"_41":132,"_31":133,"_29":55,"_134":-5,"_39":40,"_38":135,"_136":24,"_36":137,"_13":61,"_33":138,"_34":139,"_23":24,"_140":43,"_26":141},"6710346e-cc72-11f0-ad23-42dde27851f2","main.ts","parentId",11,"latest",["D",1764345217575],"script","import { sqlite } from \"https://esm.town/v/std/sqlite\";\nimport { serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono@4\";\nimport { bearerAuth } from \"npm:hono@4/bearer-auth\";\nimport {\n install,\n markup,\n postInstall,\n savePreferences,\n settings,\n spotifyCallback,\n uninstall,\n} from \"./routes/index.ts\";\n\n// create app\nconst app = new Hono();\n\n// root route\napp.get(\"/\", (c) => serveFile(\"/frontend/index.html\"));\n\n// serve frontend files\napp.get(\"/frontend/**/*\", (c) => serveFile(c.req.path));\n\n// setup trmnl routes token protection (only on hooks and markup)\napp.use(\n \"/trmnl/{(hooks\\/(install|uninstall)|markup)}\",\n bearerAuth({\n verifyToken: (token, c) => {\n return true;\n },\n }),\n);\n\n// installation route\napp.get(\"/trmnl/install\", install);\n\n// post installation webhook\napp.post(\"/trmnl/hooks/install\", postInstall);\n\n// markup route\napp.post(\"/trmnl/markup\", markup);\n\n// uninstallation route\napp.post(\"/trmnl/hooks/uninstall\", uninstall);\n\n// configuration route\napp.get(\"/trmnl/settings\", settings);\n\n// spotify callback route\napp.get(\"/spotify/callback\", spotifyCallback);\n\n// save user preferences\napp.post(\"/api/prefs\", savePreferences);\n\nexport default app.fetch;","label",[133],"65f0820a-cc72-11f0-8cd7-42dde27851f2","utils","65f082d2-cc72-11f0-8cd7-42dde27851f2",2,["D",1764345215701],"directory",[143],"663f8d0a-cc72-11f0-88b9-42dde27851f2","templates","663f8daa-cc72-11f0-88b9-42dde27851f2",4,["D",1764345216220],[150],"66615f02-cc72-11f0-9641-42dde27851f2","routes","66616006-cc72-11f0-9641-42dde27851f2",5,["D",1764345216441],[156],"65c54c98-cc72-11f0-88b9-42dde27851f2","frontend","65c54d60-cc72-11f0-88b9-42dde27851f2",1,["D",1764345215398],[162],"661dc792-cc72-11f0-82b4-42dde27851f2","docs","661dc846-cc72-11f0-82b4-42dde27851f2",3,["D",1764345215999],[168],"pulls","branches","forks","envVars",{"_180":152,"_182":61},"connections",{"_180":61,"_181":61},"count","unfilledCount","emptyCount",{"_41":167,"_31":168,"_29":169,"_134":-5,"_39":40,"_38":170,"_136":57,"_36":251,"_13":61,"_33":147,"_34":-5,"_23":24,"_140":-5,"_196":252,"_26":253},{"_41":161,"_31":162,"_29":163,"_134":-5,"_39":40,"_38":164,"_136":57,"_36":248,"_13":61,"_33":147,"_34":-5,"_23":24,"_140":-5,"_196":249,"_26":250},{"_41":240,"_31":241,"_29":242,"_134":163,"_39":40,"_38":243,"_136":24,"_36":244,"_13":61,"_33":138,"_34":245,"_23":24,"_140":-5,"_196":246,"_26":247},{"_41":236,"_31":32,"_29":30,"_134":163,"_39":40,"_38":14,"_136":24,"_36":237,"_13":61,"_33":20,"_34":35,"_23":24,"_140":-5,"_196":238,"_26":239},{"_41":155,"_31":156,"_29":157,"_134":-5,"_39":40,"_38":158,"_136":57,"_36":233,"_13":61,"_33":147,"_34":-5,"_23":24,"_140":-5,"_196":234,"_26":235},{"_41":149,"_31":150,"_29":151,"_134":-5,"_39":40,"_38":152,"_136":57,"_36":230,"_13":61,"_33":147,"_34":-5,"_23":24,"_140":-5,"_196":231,"_26":232},{"_41":223,"_31":224,"_29":225,"_134":151,"_39":40,"_38":226,"_136":57,"_36":227,"_13":61,"_33":147,"_34":-5,"_23":24,"_140":-5,"_196":228,"_26":229},{"_41":216,"_31":217,"_29":218,"_134":151,"_39":40,"_38":219,"_136":57,"_36":220,"_13":61,"_33":147,"_34":-5,"_23":24,"_140":-5,"_196":221,"_26":222},{"_41":209,"_31":210,"_29":211,"_134":151,"_39":40,"_38":212,"_136":57,"_36":213,"_13":61,"_33":147,"_34":-5,"_23":24,"_140":-5,"_196":214,"_26":215},{"_41":202,"_31":203,"_29":204,"_134":151,"_39":40,"_38":205,"_136":57,"_36":206,"_13":61,"_33":147,"_34":-5,"_23":24,"_140":-5,"_196":207,"_26":208},{"_41":142,"_31":143,"_29":144,"_134":-5,"_39":40,"_38":145,"_136":57,"_36":199,"_13":61,"_33":147,"_34":-5,"_23":24,"_140":-5,"_196":200,"_26":201},{"_41":132,"_31":133,"_29":55,"_134":-5,"_39":40,"_38":135,"_136":24,"_36":195,"_13":61,"_33":138,"_34":139,"_23":24,"_140":43,"_196":197,"_26":198},["D",1764345217575],"children",[],[133],["D",1764345215701],[],[143],"66c7c68e-cc72-11f0-9724-42dde27851f2","welcome","66c7c738-cc72-11f0-9724-42dde27851f2",8,["D",1764345217110],[],[150,203],"66a51f94-cc72-11f0-82b4-42dde27851f2","top_tracks","66a52084-cc72-11f0-82b4-42dde27851f2",7,["D",1764345216887],[],[150,210],"66ec5aa8-cc72-11f0-88b9-42dde27851f2","top_artists","66ec5b5c-cc72-11f0-88b9-42dde27851f2",9,["D",1764345217352],[],[150,217],"6684f7e6-cc72-11f0-9724-42dde27851f2","recent_tracks","6684f8cc-cc72-11f0-9724-42dde27851f2",6,["D",1764345216674],[],[150,224],["D",1764345216220],[189,190,191,192],[150],["D",1764345216441],[],[156],"671448a6-cc72-11f0-82b4-42dde27851f2",["D",1764345217604],[],[162,32],"670c6960-cc72-11f0-82b4-42dde27851f2","App.tsx","670c6a50-cc72-11f0-82b4-42dde27851f2",10,["D",1764345217563],"/** @jsxImportSource https://esm.sh/react@19.2.0 */\nimport { ConnectSpotify } from \"./ConnectSpotify.tsx\";\nimport { TrmnlSettings } from \"./TrmnlSettings.tsx\";\n\nexport function App(\n {\n uuid,\n firstName,\n pluginId,\n isConnected = false,\n spotifyClientId,\n preferences,\n }: {\n uuid: string;\n firstName: string;\n pluginId: number;\n isConnected: boolean;\n spotifyClientId: string;\n preferences: object;\n },\n) {\n return (\n

\n \n \n \n \n \n \n \n \n \n \n

\n TRMNL Spotify Plugin\n

\n {isConnected\n ? (\n \n )\n : (\n \n )}\n

\n \n

\n );\n}",[],[162,241],["D",1764345215398],[185,186],[162],["D",1764345215999],[],[168],["D",1764345214194],{"_95":94,"_103":99},{"_95":94,"_96":97,"_98":99,"_18":53,"_100":101,"_102":24},{"_13":84,"_31":85,"_41":40,"_86":42,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":43,"_93":94},"ctx",{"_77":-5,"_123":291,"_292":293,"_294":295,"_296":24,"_297":24,"_298":24,"_299":57,"_300":-5,"_301":-7,"_302":-7,"_303":61,"_304":24,"_305":24,"_306":-5,"_307":24,"_308":24,"_309":24,"_310":-5},"ENV",{"_262":263,"_264":265,"_266":85,"_267":268,"_269":270,"_271":272,"_273":274,"_275":276,"_277":278,"_279":280,"_281":282,"_283":284,"_285":286,"_287":288,"_289":290},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","5015b8df46402d8bba4f485ecc37aec202b0e06b","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"]

Diff · v12