Error: Client ID not configured

';\n}\n\nasync function init() {\n try {\n app.innerHTML = \"

Loading Discord SDK...

\";\n\n const { DiscordSDK, patchUrlMappings } = await import(\n \"@discord/embedded-app-sdk\"\n );\n\n const discordSdk = new DiscordSDK(clientId);\n\n app.innerHTML = \"

Connecting to Discord...

\";\n await discordSdk.ready();\n discordSdk.commands.captureLog({\n level: \"log\",\n message: \"This is my log message!\",\n });\n app.innerHTML = `\n

✅ Connected to Discord!

\n \n `;\n\n //window.startAuth = async function() {\n try {\n const { code } = await discordSdk.commands.authorize({\n client_id: clientId,\n response_type: \"code\",\n scope: [\n \"identify\",\n // \"connections\",\n // \"email\",\n // \"gdm.join\",\n \"applications.commands\",\n\n \"guilds\",\n //\"guilds.join\",\n //\"guilds.members.read\",\n //\"messages.read\",\n //\"relationships.read\",\n //\"rpc.activities.write\",\n //\"rpc.notifications.read\",\n //\"rpc.voice.write\",\n //\"rpc.voice.read\",\n ],\n });\n app.innerHTML += \"

✅ Authorization successful!

\";\n const response = await fetch(server + \"/api/token\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({\n code,\n }),\n });\n const { access_token } = await response.json();\n console.log(access_token)\n // Authenticate with Discord client (using the access_token)\n auth = await discordSdk.commands.authenticate({\n access_token,\n });\n\n if (auth == null) {\n throw new Error(\"Authenticate command failed\");\n }\n \n appendVoiceChannelName(discordSdk);\n appendGuildAvatar(discordSdk)\n } catch (error) {\n app.innerHTML +=\n '

❌ Auth failed: ' + error.message + \"

\";\n }\n //};\n } catch (error) {\n app.innerHTML = `\n

Error: ${error.message}

Make sure you're running this in Discord's activity iframe.

\n `;\n }\n}\nasync function appendVoiceChannelName(discordSdk) {\n const app = document.querySelector(\"#app\");\n\n let activityChannelName = \"Unknown\";\n\n // Requesting the channel in GDMs (when the guild ID is null) requires\n // the dm_channels.read scope which requires Discord approval.\n if (discordSdk.channelId != null && discordSdk.guildId != null) {\n // Over RPC collect info about the channel\n const channel = await discordSdk.commands.getChannel({\n channel_id: discordSdk.channelId,\n });\n if (channel.name != null) {\n activityChannelName = channel.name;\n }\n }\n\n // Update the UI with the name of the current voice channel\n const textTagString = `Activity Channel: \"${activityChannelName}\"`;\n const textTag = document.createElement(\"p\");\n textTag.textContent = textTagString;\n app.appendChild(textTag);\n}\nasync function appendGuildAvatar(discordSdk) {\n const app = document.querySelector('#app');\n\n // 1. From the HTTP API fetch a list of all of the user's guilds\n const guilds = await fetch(`https://discord.com/api/v10/users/@me/guilds`, {\n headers: {\n // NOTE: we're using the access_token provided by the \"authenticate\" command\n Authorization: `Bearer ${auth.access_token}`,\n 'Content-Type': 'application/json',\n },\n }).then((response) => response.json());\n\n // 2. Find the current guild's info, including it's \"icon\"\n const currentGuild = guilds.find((g) => g.id === discordSdk.guildId);\n\n // 3. Append to the UI an img tag with the related information\n if (currentGuild != null) {\n const guildImg = document.createElement('img');\n guildImg.setAttribute(\n 'src',\n // More info on image formatting here: https://discord.com/developers/docs/reference#image-formatting\n `https://cdn.discordapp.com/icons/${currentGuild.id}/${currentGuild.icon}.webp?size=128`\n );\n guildImg.setAttribute('width', '128px');\n guildImg.setAttribute('height', '128px');\n guildImg.setAttribute('style', 'border-radius: 50%;');\n app.appendChild(guildImg);\n }\n}\n\n\n// Start initialization\ninit();",[172],"f240ef98-caaa-11f0-b6e4-42dde27851f2","index.html","ecc45ab4-caaa-11f0-808a-42dde27851f2",251,["D",1764149600600],3,"\n\n \n \n \n Unity Web Player | UnityEnvironment\n \n \n \n \n \n \n",[181],"d38efe38-c743-11f0-8bf5-42dde27851f2","getPackage.ts","309eb378-c737-11f0-a5f6-42dde27851f2",215,["D",1763775457450],6,"// Learn more: https://docs.val.town/vals/http/\nexport default async function (req: Request): Promise {\n const externalRes = await fetch(\"https://proxytest.vjiang888.workers.dev/?url=https://2xc6pj.csb.app/disc.min.js\");\n\n // Clone body stream\n const body = externalRes.body;\n\n // Forward content type + status\n return new Response(body, {\n status: externalRes.status,\n headers: {\n \"Content-Type\": externalRes.headers.get(\"Content-Type\") ?? \"application/octet-stream\",\n \"Access-Control-Allow-Origin\": \"*\",\n },\n });\n}",[189],"0e32e442-cb35-11f0-be33-42dde27851f2","game.ts","cc4113b4-ca90-11f0-a990-42dde27851f2",["D",1764208918033],20,"// Learn more: https://docs.val.town/vals/http/\nexport default async function (req: Request): Promise {\n const clientId = Deno.env.get(\"VITE_DISCORD_CLIENT_ID\");\n\n var request = await fetch(\n \"https://raw.githubusercontent.com/cookiemonster0921/contentholder/refs/heads/main/unity1/index.html\",\n );\n var proxy = \"https://proxytest.vjiang888.workers.dev/\";\n var html = await request.text();\n const htmlText = `\n\n \n \n \n Unity Web Player | UnityEnvironment\n \n \n

\n \n \n \n`;\n return new Response(htmlText, {\n headers: { \"Content-Type\": \"text/html\" },\n status: 200,\n });\n}",[197],"b2a5e4e4-caad-11f0-b539-42dde27851f2","fetch.ts","33f623d2-caaa-11f0-869f-42dde27851f2",261,["D",1764150782375],12,"export default async function server(req: Request): Promise {\n const url = new URL(req.url);\n const target = url.searchParams.get(\"url\");\n\n if (!target) {\n return new Response(\"Usage: ?url=\", { status: 400 });\n }\n\n try {\n // Fetch external file exactly as is (streaming)\n const upstream = await fetch(target);\n\n if (!upstream.ok) {\n return new Response(\n `Upstream returned ${upstream.status}`,\n { status: upstream.status },\n );\n }\n\n // Clone body stream\n const body = upstream.body;\n\n // Detect content type or default\n const contentType = inferContentType(target);\n\n // Detect encoding (gzip, br, etc.)\n\n const headers: Record = {\n \"Access-Control-Allow-Origin\": \"*\",\n \"Content-Type\": contentType,\n };\n\n headers[\"Content-Encoding\"] = \"gzip\";\n\n return new Response(body, { status: 200, headers });\n } catch (err) {\n return new Response(\"Error fetching: \" + err.message, { status: 500 });\n }\n}\n\n// Utility: Infer MIME type if missing from upstream\nfunction inferContentType(url: string): string {\n if (url.includes(\"js\")) {\n return \"application/javascript\";\n }\n if (url.includes(\"wasm\")) {\n return \"application/wasm\";\n }\n return \"text/plain\";\n}",[204],"069ba376-cab4-11f0-9d7c-42dde27851f2","client.ts",266,["D",1764153500220],24,"export default async function (req: Request): Promise {\n // Return HTML immediately - all Discord logic happens on client side\n //add code to return any file in the directory\n const clientId = Deno.env.get(\"VITE_DISCORD_CLIENT_ID\");\n\n const html = await fetch(\n \"https://esm.town/v/cookiemonster0921/discordActivity/main.js\",\n );\n const game = await fetch(\n \"https://cookiemonster0921--cc4113b4ca9011f0a99042dde27851f2.web.val.run\",\n );\n const gameResp = await game.text();\n var resp = await html.text();\n var htmlContent = `\n \n \n Discord App\n \n \n \n

Discord Activity

\n \n

Initializing...

\n \n \n `;\n return new Response(gameResp, {\n headers: {\n \"Content-Type\": \"text/html\",\n \"Access-Control-Allow-Origin\": \"*\",\n },\n });\n}",[212],"pulls","branches",1,"forks","envVars",{"_226":228,"_229":26},"connections",{"_226":26,"_227":26},"count","unfilledCount",2,"emptyCount",{"_34":211,"_13":212,"_63":93,"_44":-5,"_36":37,"_161":213,"_163":24,"_38":256,"_40":215,"_66":166,"_167":216,"_67":30,"_169":-5,"_238":257,"_17":258},{"_34":203,"_13":204,"_63":205,"_44":-5,"_36":37,"_161":206,"_163":24,"_38":253,"_40":208,"_66":166,"_167":209,"_67":30,"_169":-5,"_238":254,"_17":255},{"_34":196,"_13":197,"_63":198,"_44":-5,"_36":37,"_161":117,"_163":24,"_38":250,"_40":200,"_66":166,"_167":201,"_67":30,"_169":-5,"_238":251,"_17":252},{"_34":188,"_13":189,"_63":190,"_44":-5,"_36":37,"_161":191,"_163":24,"_38":247,"_40":193,"_66":166,"_167":194,"_67":30,"_169":-5,"_238":248,"_17":249},{"_34":180,"_13":181,"_63":182,"_44":-5,"_36":37,"_161":183,"_163":24,"_38":244,"_40":185,"_66":21,"_167":186,"_67":30,"_169":-5,"_238":245,"_17":246},{"_34":171,"_13":172,"_63":173,"_44":-5,"_36":37,"_161":174,"_163":24,"_38":241,"_40":176,"_66":177,"_167":178,"_67":30,"_169":-5,"_238":242,"_17":243},{"_34":158,"_13":159,"_63":160,"_44":-5,"_36":37,"_161":162,"_163":24,"_38":237,"_40":165,"_66":166,"_167":168,"_67":30,"_169":-5,"_238":239,"_17":240},["D",1763777094765],"children",[],[159],["D",1763777405040],[],[172],["D",1764149600600],[],[181],["D",1763775457450],[],[189],["D",1764208918033],[],[197],["D",1764150782375],[],[204],["D",1764153500220],[],[212],["D",1763697114652],{"_11":12,"_130":70},{"_11":12,"_126":-5,"_69":70,"_31":68,"_127":128,"_129":30},{"_40":117,"_13":16,"_34":37,"_118":83,"_119":-5,"_120":-5,"_121":-5,"_122":-5,"_123":-5,"_124":14,"_125":12},"ctx",{"_53":-5,"_148":296,"_297":298,"_299":300,"_301":30,"_302":30,"_303":30,"_304":24,"_305":-5,"_306":-7,"_307":-7,"_308":26,"_309":30,"_310":30,"_311":-5,"_312":30,"_313":30,"_314":30,"_315":-5},"ENV",{"_267":268,"_269":270,"_271":16,"_272":273,"_274":275,"_276":277,"_278":279,"_280":281,"_282":283,"_284":285,"_286":287,"_288":289,"_290":291,"_292":293,"_294":295},"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"]

History · examples