[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_212":213,"_214":215},"routes/_app.x.$handle.$name",{"_16":17,"_20":21,"_85":68,"_86":31,"_66":-7,"_87":-5,"_13":88,"_89":90,"_11":91,"_92":93,"_94":95,"_96":-5,"_97":-5,"_98":-5,"_99":26,"_100":101,"_102":103,"_104":-5,"_105":-5,"_106":107},"routes/_app.x.$handle.$name.search.$(branch)",{"_11":12,"_13":14,"_15":-5,"_16":17},"files",[],"project",{"_18":19,"_20":21,"_22":23,"_24":-5,"_25":26,"_27":28,"_29":28,"_30":31,"_32":-5,"_33":34,"_35":-5,"_36":26,"_37":-5,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":-5,"_50":51,"_52":51,"_53":54,"_55":54,"_56":54,"_57":51,"_58":51,"_59":60,"_61":62,"_63":64,"_65":26},"query","handle","IshStahelin","id","d86312ad-c8d2-4bd1-8d63-6e855917a197","name","dashboard-collections","createdAt",["D",1781468494407],"deletedAt","legacyEnvVars",false,"privacy","public","httpPrivacy","description","","imageUrl","userId","f4bbf016-9695-4c5a-a450-16ea687f5ce9","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",2,"orgId","320a2e78-168c-40d7-8c03-3f5809852127","tursoName","d86312adc8d24bd18d636e855917a197","tursoHostname","d86312adc8d24bd18d636e855917a197-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789591905500],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_16":17,"_84":80},"org",{"_16":17,"_78":17,"_79":80,"_33":34,"_81":82,"_83":26},"branch",{"_66":67,"_20":68,"_18":69,"_70":19,"_71":-5,"_72":-5,"_73":-5,"_74":-5,"_75":-5,"_76":21,"_77":17},"isOwned","version",44,"main","6fff2bea-0f51-421d-9da1-44c78781fd3f","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/5d28a860-21fd-48d3-76db-9e82b9f09b00/square512?exp=1789607415&sig=7ad715bc7176bebe1b3510772621ba9eaf22d64ed1f1ca268e85cf01bffd6d00","tier","pro","canRestrictVals","profileImageUrl","branchName","path","adoptOrgId",{"_18":19,"_20":21,"_22":207,"_24":-5,"_25":26,"_27":28,"_29":28,"_30":31,"_32":-5,"_33":34,"_35":-5,"_36":26,"_37":-5,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":46,"_47":208,"_49":-5,"_50":51,"_52":51,"_53":54,"_55":54,"_56":54,"_57":51,"_58":51,"_59":209,"_61":210,"_63":211,"_65":26},"tree",[182,183,184,185,186,187],[182,183,184,185,186,187],"counts",{"_171":124,"_172":173,"_174":40,"_175":176,"_177":178},"contents",[108,109,110,111,112,113],"file","upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_18":163,"_20":164,"_116":165,"_118":-5,"_119":69,"_120":166,"_122":103,"_22":167,"_66":168,"_125":126,"_127":169,"_129":26,"_130":-5,"_86":170},{"_18":157,"_20":158,"_116":159,"_118":-5,"_119":69,"_120":67,"_122":103,"_22":160,"_66":147,"_125":96,"_127":161,"_129":26,"_130":-5,"_86":162},{"_18":150,"_20":151,"_116":152,"_118":-5,"_119":69,"_120":153,"_122":103,"_22":154,"_66":124,"_125":126,"_127":155,"_129":26,"_130":-5,"_86":156},{"_18":142,"_20":143,"_116":144,"_118":-5,"_119":69,"_120":145,"_122":103,"_22":146,"_66":147,"_125":126,"_127":148,"_129":26,"_130":-5,"_86":149},{"_18":132,"_20":133,"_116":134,"_118":-5,"_119":69,"_120":135,"_122":103,"_22":136,"_66":137,"_125":138,"_127":139,"_129":26,"_130":140,"_86":141},{"_18":114,"_20":115,"_116":117,"_118":-5,"_119":69,"_120":121,"_122":103,"_22":123,"_66":124,"_125":126,"_127":128,"_129":26,"_130":-5,"_86":131},"795ffd42-7669-4aff-a43c-a8023a32c36a","prototypes.ts","fileId","49878248-68c2-11f1-aac8-1607ee4eb77e","parentId","branchId","branchVersion",31,"latest",["D",1781531909110],0,"fileType","script","content","export const prototypesHtml = `\n\n\n \n \n Static Prototypes • Val Collections\n \n \n\n\n

Static Prototypes

Early design explorations for the Val Collections dashboard. All data is fake to protect privacy.

\n ← Back to Live Dashboard\n

\n\n

\n \n

\n \n \n \n

\n\n \n

Option 1: Lightweight Tags

Multi-label system. Filter by clicking tags. Vals can have multiple tags.

\n \n \n

FILTER BY TAGS

\n\n

\n\n \n

Option 4: Dashboard Sections

Presentational grouping. Sections like Pinned, Public, Automations, Tools.

\n\n

\n\n \n

Option 5: Hybrid (Collections + Filters)

Sidebar collections + quick filters. Clicking a collection filters the grid.

\n\n

\n \n

\n\n \n

COLLECTIONS

\n\n

QUICK FILTERS

\n\n

\n These prototypes use completely fake data. They were created during the initial exploration phase before the live React version.\n

\n\n \n\n`;\n","deleted","label",[115],"2625d20c-5f4e-47ac-8143-967f45151384","index.ts","65d798c6-6830-11f1-863a-1607ee4eb77e",43,["D",1781712188212],20,"http","import { Hono } from \"npm:hono\";\nimport ValTown from \"npm:@valtown/sdk\";\nimport sqlite from \"https://esm.town/v/std/sqlite/main.ts\";\nimport { blob } from \"https://esm.town/v/std/blob\";\nimport {\n getOAuthUserData,\n oauthMiddleware,\n} from \"https://esm.town/v/std/oauth/middleware.ts\";\nimport Dashboard from \"./Dashboard.tsx\";\nimport { clientScript as clientCode } from \"./client.ts\";\nimport { prototypesHtml } from \"./prototypes.ts\";\n\nconst app = new Hono();\n\n// Serve the client React code as /client.js (imported as string from its own .ts file, served with correct MIME type)\napp.get(\"/client.js\", (c) => {\n return c.text(clientCode, 200, { \"content-type\": \"application/javascript\" });\n});\n\n// Static design prototypes page (early explorations with completely fake data)\napp.get(\"/prototypes\", (c) => {\n return c.html(prototypesHtml);\n});\n\n// --- DB helpers (user-private) ---\nasync function initDb() {\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS collections (\n id TEXT PRIMARY KEY,\n user_id TEXT NOT NULL,\n name TEXT NOT NULL,\n created_at INTEGER DEFAULT (unixepoch())\n )\n `);\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS val_collections (\n user_id TEXT NOT NULL,\n val_id TEXT NOT NULL,\n collection_id TEXT NOT NULL,\n added_at INTEGER DEFAULT (unixepoch()),\n PRIMARY KEY (user_id, val_id, collection_id)\n )\n `);\n await sqlite.execute(`ALTER TABLE collections ADD COLUMN user_id TEXT`).catch(() => {});\n await sqlite.execute(`ALTER TABLE val_collections ADD COLUMN user_id TEXT`).catch(() => {});\n}\n\nasync function getCollections(userId: string) {\n const res = await sqlite.execute(\n `SELECT id, name FROM collections WHERE user_id = ? ORDER BY name`,\n [userId]\n );\n const cols = res.rows.map((r: any) => ({ id: r.id, name: r.name }));\n // Note: counts are computed in the caller or Dashboard for simplicity here\n return cols;\n}\n\nasync function createCollection(userId: string, name: string) {\n const id = crypto.randomUUID();\n await sqlite.execute(\n `INSERT INTO collections (id, user_id, name) VALUES (?, ?, ?)`,\n [id, userId, name]\n );\n return { id, name };\n}\n\nasync function getValCollectionIds(userId: string, valId: string): Promise {\n const res = await sqlite.execute(\n `SELECT collection_id FROM val_collections WHERE user_id = ? AND val_id = ?`,\n [userId, valId]\n );\n return res.rows.map((r: any) => r.collection_id as string);\n}\n\nasync function addValToCollection(userId: string, valId: string, collectionId: string) {\n await sqlite.execute(\n `INSERT OR IGNORE INTO val_collections (user_id, val_id, collection_id)\n SELECT ?, ?, id FROM collections WHERE id = ? AND user_id = ?`,\n [userId, valId, collectionId, userId]\n );\n}\n\nasync function removeValFromCollection(userId: string, valId: string, collectionId: string) {\n await sqlite.execute(\n `DELETE FROM val_collections WHERE user_id = ? AND val_id = ? AND collection_id = ?`,\n [userId, valId, collectionId]\n );\n}\n\n// --- API data mapping (live vals) ---\nfunction mapVal(raw: any) {\n return {\n id: raw.id,\n name: raw.name,\n desc: raw.description || \"\",\n vis: (raw.privacy || raw.visibility || \"private\").toLowerCase() === \"public\" ? \"Public\" : \"Private\",\n imageUrl: raw.imageUrl || null,\n bigImage: false,\n };\n}\n\nasync function getLiveVals(session: Awaited>) {\n if (!session?.user) throw new Error(\"Login required\");\n const vt = new ValTown({ bearerToken: session.accessToken });\n let rawVals: any[] = [];\n try {\n for await (const val of vt.me.vals.list({})) {\n rawVals.push(val);\n if (rawVals.length >= 500) break;\n }\n } catch (err: any) {\n console.error(\"Failed to fetch vals via SDK:\", err?.message || err);\n throw new Error(`SDK list failed: ${err?.message || String(err)}`);\n }\n\n const mapped = rawVals.map(mapVal);\n for (const v of mapped) {\n (v as any).collectionIds = await getValCollectionIds(session.user.id, v.id);\n }\n return mapped;\n}\n\n// --- Routes ---\n\nasync function requireSession(c: any) {\n const session = await getOAuthUserData(c.req.raw);\n if (!session?.user) return null;\n return session;\n}\n\napp.get(\"/api/vals\", async (c) => {\n await initDb();\n const session = await requireSession(c);\n if (!session) return c.json({ error: \"Login required\" }, 401);\n try {\n const vals = await getLiveVals(session);\n return c.json({ vals, meta: { count: vals.length, user: session.user.username } });\n } catch (err: any) {\n console.error(\"Error in /api/vals:\", err);\n return c.json({\n error: \"Failed to load vals\",\n message: err?.message || String(err),\n stack: err?.stack?.split(\"\\n\").slice(0, 8).join(\"\\n\")\n }, 500);\n }\n});\n\napp.get(\"/api/collections\", async (c) => {\n await initDb();\n const session = await requireSession(c);\n if (!session) return c.json({ error: \"Login required\" }, 401);\n try {\n const cols = await getCollections(session.user.id);\n const vals = await getLiveVals(session);\n const counts: Record = {};\n for (const col of cols) {\n counts[col.id] = vals.filter((v: any) => (v.collectionIds || []).includes(col.id)).length;\n }\n return c.json({ collections: cols.map((col) => ({ ...col, count: counts[col.id] || 0 })) });\n } catch (err: any) {\n console.error(\"Error in /api/collections:\", err);\n return c.json({ collections: [], error: err?.message || String(err) });\n }\n});\n\napp.post(\"/api/collections\", async (c) => {\n await initDb();\n const session = await requireSession(c);\n if (!session) return c.json({ error: \"Login required\" }, 401);\n const body = await c.req.json().catch(() => ({}));\n const name = (body.name || \"\").trim();\n if (!name) return c.json({ error: \"name required\" }, 400);\n const created = await createCollection(session.user.id, name);\n return c.json(created, 201);\n});\n\napp.post(\"/api/val-collections\", async (c) => {\n await initDb();\n const session = await requireSession(c);\n if (!session) return c.json({ error: \"Login required\" }, 401);\n const body = await c.req.json().catch(() => ({}));\n const { valId, collectionId } = body;\n if (!valId || !collectionId) return c.json({ error: \"valId and collectionId required\" }, 400);\n await addValToCollection(session.user.id, valId, collectionId);\n return c.json({ ok: true });\n});\n\napp.delete(\"/api/val-collections\", async (c) => {\n await initDb();\n const session = await requireSession(c);\n if (!session) return c.json({ error: \"Login required\" }, 401);\n const body = await c.req.json().catch(() => ({}));\n const { valId, collectionId } = body;\n if (!valId || !collectionId) return c.json({ error: \"valId and collectionId required\" }, 400);\n await removeValFromCollection(session.user.id, valId, collectionId);\n return c.json({ ok: true });\n});\n\napp.get(\"/auth/status\", async (c) => {\n const session = await requireSession(c);\n if (!session) return c.json({ authenticated: false }, 401);\n\n const vt = new ValTown({ bearerToken: session.accessToken });\n try {\n const vals = [];\n for await (const val of vt.me.vals.list({})) {\n vals.push({ id: val.id, name: val.name });\n break;\n }\n return c.json({\n authenticated: true,\n user: session.user.username,\n valsProbe: { ok: true, firstVal: vals[0] || null },\n });\n } catch (err: any) {\n return c.json({\n authenticated: true,\n user: session.user.username,\n valsProbe: {\n ok: false,\n message: err?.message || String(err),\n },\n }, 500);\n }\n});\n\napp.get(\"/auth/reset-client\", async (c) => {\n const redirectUri = `${new URL(c.req.url).origin}/auth/callback`;\n await blob.delete(`oauth_client:${redirectUri}`).catch(() => {});\n return c.json({ ok: true, reset: `oauth_client:${redirectUri}` });\n});\n\n\n// Main page - serves the React client app shell.\n// The React app (in Dashboard.tsx) fetches data client-side from the /api/* endpoints\n// and handles all interactivity (filter by collection, create, add/remove).\napp.get(\"/\", async (c) => {\n const session = await requireSession(c);\n if (!session) return c.redirect(\"/auth/login\");\n return c.html(Dashboard());\n});\n\n// Debug: plain text dump of the raw SDK response + collections\n// Visit /debug to validate that the Val Town SDK integration is returning your vals.\napp.get(\"/debug\", async (c) => {\n await initDb();\n const session = await requireSession(c);\n if (!session) return c.text(\"Login required\", 401);\n try {\n const vals = await getLiveVals(session);\n const cols = await getCollections(session.user.id);\n return c.text(\n JSON.stringify(\n {\n user: session.user.username,\n valCount: vals.length,\n vals, // full raw list from the SDK\n collections: cols,\n },\n null,\n 2\n ),\n 200,\n { \"content-type\": \"text/plain; charset=utf-8\" }\n );\n } catch (e: any) {\n return c.text(\"Error loading data via SDK: \" + (e?.message || String(e)), 500, { \"content-type\": \"text/plain; charset=utf-8\" });\n }\n});\n\n// Fallback\napp.all(\"*\", (c) => c.text(\"Not found\", 404));\n\nconst handler = oauthMiddleware({\n scopes: [\"openid\", \"offline_access\", \"profile\", \"user_r\", \"project_rw\"],\n}, app.fetch);\n\nexport default function fetch(req: Request) {\n const url = new URL(req.url);\n if (url.pathname.startsWith(\"/auth/\")) {\n const cookie = req.headers.get(\"cookie\") || \"\";\n console.log(\"auth request\", {\n path: url.pathname,\n hasCode: url.searchParams.has(\"code\"),\n hasState: url.searchParams.has(\"state\"),\n hasSessionCookie: cookie.includes(\"vt_session=\"),\n secFetchDest: req.headers.get(\"sec-fetch-dest\"),\n });\n }\n return handler(req);\n}\n","valton-collections",[133],"9bf962e2-da84-4e7a-a2f3-baa5081645b9","client.ts","b4361880-6835-11f1-a579-1607ee4eb77e",42,["D",1781712188184],5,"export const clientScript = `\n// client.js - React client app for Val Collections dashboard\n// Loaded via \n \n \n \n\n\n

Val Town

Collections

\n val.town\n

\n\n \n\n

Loading React app...

\n\n \n\n`;\n}\n",[164],"pulls","branches",1,"forks","envVars",{"_179":173,"_181":124},"connections",{"_179":124,"_180":124},"count","unfilledCount","emptyCount",{"_18":163,"_20":164,"_116":165,"_118":-5,"_119":69,"_120":166,"_122":103,"_22":204,"_66":168,"_125":126,"_127":169,"_129":26,"_130":-5,"_189":205,"_86":206},{"_18":157,"_20":158,"_116":159,"_118":-5,"_119":69,"_120":67,"_122":103,"_22":201,"_66":147,"_125":96,"_127":161,"_129":26,"_130":-5,"_189":202,"_86":203},{"_18":150,"_20":151,"_116":152,"_118":-5,"_119":69,"_120":153,"_122":103,"_22":198,"_66":124,"_125":126,"_127":155,"_129":26,"_130":-5,"_189":199,"_86":200},{"_18":142,"_20":143,"_116":144,"_118":-5,"_119":69,"_120":145,"_122":103,"_22":195,"_66":147,"_125":126,"_127":148,"_129":26,"_130":-5,"_189":196,"_86":197},{"_18":132,"_20":133,"_116":134,"_118":-5,"_119":69,"_120":135,"_122":103,"_22":192,"_66":137,"_125":138,"_127":139,"_129":26,"_130":140,"_189":193,"_86":194},{"_18":114,"_20":115,"_116":117,"_118":-5,"_119":69,"_120":121,"_122":103,"_22":188,"_66":124,"_125":126,"_127":128,"_129":26,"_130":-5,"_189":190,"_86":191},["D",1781531909110],"children",[],[115],["D",1781712188212],[],[133],["D",1781712188184],[],[143],["D",1781476246656],[],[151],["D",1781712597162],[],[158],["D",1781476246641],[],[164],["D",1781468494407],["D",1789591905500],{"_16":17,"_84":80},{"_16":17,"_78":17,"_79":80,"_33":34,"_81":82,"_83":26},{"_66":67,"_20":68,"_18":69,"_70":19,"_71":-5,"_72":-5,"_73":-5,"_74":-5,"_75":-5,"_76":21,"_77":17},"ctx",{"_59":-5,"_105":245,"_246":247,"_248":249,"_250":26,"_251":26,"_252":26,"_253":103,"_254":-5,"_255":-7,"_256":-7,"_257":124,"_258":26,"_259":26,"_260":-5,"_261":26,"_262":26,"_263":26,"_264":-5},"ENV",{"_216":217,"_218":219,"_220":68,"_221":222,"_223":224,"_225":226,"_227":228,"_229":230,"_231":232,"_233":234,"_235":236,"_237":238,"_239":240,"_241":242,"_243":244},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","c73f21da490985bff19c279eb0e09db24d688e4f","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"]

Search