[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_153":154,"_155":156},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_116":-5,"_20":117,"_22":118,"_119":120,"_121":122,"_25":123,"_24":-5,"_124":-5,"_125":-5,"_126":53,"_127":128,"_129":44,"_130":-5,"_131":-5,"_132":133},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":-7,"_25":26,"_27":-5,"_28":-5,"_29":-5,"_30":-5,"_31":-5},"handle","javiernatera","name","cuadrado-magico-codigo","branchName","main","version","path","","project",{"_33":61,"_13":14,"_45":62,"_63":-5,"_64":53,"_65":66,"_67":66,"_68":19,"_69":-5,"_70":71,"_72":37,"_73":44,"_74":-5,"_75":-5,"_76":77,"_78":79,"_80":-5,"_81":-5,"_82":-5,"_83":-5,"_84":85,"_86":85,"_87":88,"_89":88,"_90":88,"_91":85,"_92":85,"_93":94,"_95":96,"_97":98,"_99":53},"tree",[56],"file","contents",[32],"upstream","pull","ahead","behind","envVars",{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":46,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_18":55},"id","6515de55-d1d3-460d-8f8c-f9f9e954f687","main.ts","fileId","e9fd500a-b11e-11f1-b77d-1607ee4eb77e","parentId","branchId","2a066930-3aed-4cde-9bc1-442098e3eda8","branchVersion",5,"latest",true,"createdAt",["D",1789490317483],4,"fileType","http","content","// ============================================================\n// Cuadrado Mágico · Multi-usuario — backend de configuración\n// Hospedar como \"HTTP Val\" en https://val.town (gratis)\n// ============================================================\n//\n// La app del Cuadrado Mágico (GitHub Pages) es una página estática. Cada\n// comprador la abre con su link personal:\n// https://magonatera-prog.github.io/cuadrado-magico/?token=SU_TOKEN\n// Ese token identifica al usuario ante este backend, que guarda SU\n// configuración (entradas, salidas, si está activo) acá en vez de en el\n// navegador de cada uno — así vos podés prender/apagar compradores desde\n// tu panel de administrador, sin depender del dispositivo de cada uno.\n//\n// RUTAS:\n// GET /admin -> panel de administrador (vos)\n// GET /api/panel/{token} -> la app pide acá su configuración al cargar\n// POST /api/panel/{token} -> la app guarda acá sus entradas/salidas\n//\n// CONFIGURACIÓN (pestaña \"Env vars\" de este val):\n// ADMIN_PASSWORD -> la contraseña que vos elegís para entrar a /admin\n//\n// NOTA: sin \"candado\" de dispositivo por ahora (queda pendiente si hace\n// falta más adelante) — solo alta/baja de cuentas desde /admin.\n// ============================================================\n\nimport { blob } from \"https://esm.town/v/std/blob\";\n\nconst USERS_KEY = \"cm_usuarios\";\n\ntype Entrada = { nombre: string; url: string; activo: boolean };\ntype Salida = { nombre: string; url: string; clave?: string; activo: boolean };\n\ntype Usuario = {\n token: string;\n nombre: string;\n activo: boolean; // control del administrador — apaga TODO, incluso la app\n pausado?: boolean; // control del propio usuario — pausa entradas/salidas, sin bloquear la app\n entradas?: Entrada[];\n salidas?: Salida[];\n creado: string;\n};\n\nasync function getUsuarios(): Promise {\n return (await blob.getJSON(USERS_KEY).catch(() => [])) ?? [];\n}\nasync function saveUsuarios(list: Usuario[]) {\n await blob.setJSON(USERS_KEY, list);\n}\nfunction generarToken(): string {\n return crypto.randomUUID().replace(/-/g, \"\").slice(0, 12);\n}\n\nconst ENTRADAS_FIJAS = [\"Goo\", \"Impra\", \"Sekitan\"];\nconst SALIDAS_FIJAS = [\"Impra\", \"Goo\", \"Glyphs\", \"Motherboard\", \"Omega Board\"];\n\nfunction conEntradasCompletas(u: Usuario): Usuario {\n const existentes = u.entradas ?? [];\n const entradas = ENTRADAS_FIJAS.map((nombre) =>\n existentes.find((e) => e.nombre === nombre) ??\n { nombre, url: \"\", activo: false }\n );\n return { ...u, entradas };\n}\nfunction conSalidasCompletas(u: Usuario): Usuario {\n const existentes = u.salidas ?? [];\n const salidas = SALIDAS_FIJAS.map((nombre) =>\n existentes.find((s) => s.nombre === nombre) ??\n { nombre, url: \"\", clave: \"\", activo: false }\n );\n return { ...u, salidas };\n}\n\n// ---------- Estilo (misma paleta de la app) ----------\n\nconst ESTILO = `\n @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;1,500;1,600&family=Josefin+Sans:wght@300;400;500;600&display=swap');\n :root{\n --bg:#1E1E1E; --panel:#221829; --panel-alt:#392A44; --text:#CAC4CF; --text-dim:#8d8496;\n --accent:#C9A24A; --accent-soft:rgba(201,162,74,0.14); --line:rgba(202,196,207,0.16);\n }\n *{box-sizing:border-box;}\n body{\n margin:0; min-height:100vh; padding:48px 20px 80px;\n background:radial-gradient(120% 140% at 50% -10%, #2b2033 0%, var(--bg) 55%);\n color:var(--text); font-family:'Josefin Sans',sans-serif; font-weight:300; line-height:1.5;\n }\n h1{font-family:'Cormorant Garamond',serif; font-style:italic; font-weight:600; font-size:34px; margin:0 0 4px; text-align:center; color:#EDE7DE;}\n p.subtitulo{text-align:center; color:var(--text-dim); font-size:13px; letter-spacing:0.06em; text-transform:uppercase; margin:0 0 32px;}\n h2{font-family:'Cormorant Garamond',serif; font-weight:600; font-size:19px; margin:0 0 4px; color:var(--accent);}\n .ayuda{font-size:13px; color:var(--text-dim); margin:0 0 14px;}\n .card{max-width:560px; margin:0 auto 18px; padding:24px; background:linear-gradient(180deg,var(--panel),var(--panel-alt)); border:1px solid var(--line); border-radius:14px;}\n input[type=text],input[type=password],input[type=url]{\n width:100%; padding:12px 14px; margin:6px 0 14px; border-radius:10px;\n border:1px solid var(--line); background:rgba(0,0,0,0.28); color:var(--text); font-size:15px;\n font-family:'Josefin Sans',sans-serif;\n }\n input:focus{outline:none; border-color:var(--accent);}\n label{font-size:12px; color:var(--text-dim); letter-spacing:0.06em; text-transform:uppercase;}\n button{padding:11px 18px; border-radius:10px; border:none; cursor:pointer; background:var(--accent); color:#1E1E1E; font-weight:600; font-size:14px; font-family:'Josefin Sans',sans-serif;}\n button:hover{filter:brightness(1.08);}\n button.secundario{background:transparent; border:1px solid var(--line); color:var(--text);}\n button.peligro{background:#c0546a; color:white;}\n .fila{display:flex; justify-content:space-between; align-items:center; gap:10px; padding:14px 0; border-bottom:1px solid var(--line);}\n .fila:last-child{border-bottom:none;}\n .pastilla{padding:4px 12px; border-radius:999px; font-size:11px; letter-spacing:0.03em; text-transform:uppercase;}\n .activo{background:rgba(120,200,150,0.16); color:#8fe0ac;}\n .inactivo{background:rgba(200,120,120,0.16); color:#e0a0a0;}\n .url-box{display:flex; gap:10px; align-items:center; background:rgba(0,0,0,0.28); border-radius:10px; padding:12px 14px; font-family:monospace; font-size:12px; word-break:break-all; border:1px solid var(--line);}\n .url-box button{padding:7px 12px; font-size:12px; flex-shrink:0;}\n a{color:var(--accent);}\n`;\n\n// ---------- Panel de administrador ----------\n\nfunction paginaAdmin(): string {\n return `\n \n Cuadrado Mágico · Admin\n \n

Cuadrado Mágico

Panel de administrador

\n\n \n\n \n\n \n `;\n}\n\n// ---------- Router ----------\n\nexport default async function (req: Request): Promise {\n const cors = {\n \"Access-Control-Allow-Origin\": \"*\",\n \"Access-Control-Allow-Methods\": \"GET, POST, PATCH, DELETE, OPTIONS\",\n \"Access-Control-Allow-Headers\": \"Content-Type, x-admin-password\",\n };\n if (req.method === \"OPTIONS\") return new Response(null, { headers: cors });\n\n const url = new URL(req.url);\n const path = url.pathname;\n const json = (obj: unknown, status = 200) =>\n new Response(JSON.stringify(obj), {\n status,\n headers: { \"Content-Type\": \"application/json\", ...cors },\n });\n const html = (str: string) =>\n new Response(str, {\n headers: { \"Content-Type\": \"text/html; charset=utf-8\", ...cors },\n });\n\n if (path === \"/admin\" && req.method === \"GET\") return html(paginaAdmin());\n\n // --- Admin API (protegida por contraseña) ---\n if (path.startsWith(\"/api/admin/\")) {\n const pass = req.headers.get(\"x-admin-password\");\n if (!pass || pass !== Deno.env.get(\"ADMIN_PASSWORD\")) {\n return json({ error: \"No autorizado\" }, 401);\n }\n\n if (path === \"/api/admin/usuarios\" && req.method === \"GET\") {\n return json(await getUsuarios());\n }\n if (path === \"/api/admin/usuarios\" && req.method === \"POST\") {\n const { nombre } = await req.json();\n const usuarios = await getUsuarios();\n const nuevo: Usuario = {\n token: generarToken(),\n nombre,\n activo: true,\n creado: new Date().toISOString(),\n };\n usuarios.push(nuevo);\n await saveUsuarios(usuarios);\n return json(nuevo);\n }\n const userMatch = path.match(/^\\/api\\/admin\\/usuarios\\/([\\w-]+)$/);\n if (userMatch && req.method === \"PATCH\") {\n const token = userMatch[1];\n const cambios = await req.json();\n const usuarios = await getUsuarios();\n const idx = usuarios.findIndex((u) => u.token === token);\n if (idx === -1) return json({ error: \"No encontrado\" }, 404);\n usuarios[idx] = { ...usuarios[idx], ...cambios };\n await saveUsuarios(usuarios);\n return json(usuarios[idx]);\n }\n if (userMatch && req.method === \"DELETE\") {\n const token = userMatch[1];\n const usuarios = (await getUsuarios()).filter((u) => u.token !== token);\n await saveUsuarios(usuarios);\n return json({ ok: true });\n }\n }\n\n // --- Panel API (el propio usuario, sin contraseña, protegido por el token) ---\n const panelMatch = path.match(/^\\/api\\/panel\\/([\\w-]+)$/);\n if (panelMatch) {\n const token = panelMatch[1];\n const usuarios = await getUsuarios();\n const usuario = usuarios.find((u) => u.token === token);\n if (!usuario) return json({ error: \"Token inválido\" }, 404);\n\n if (req.method === \"GET\") {\n return json(conSalidasCompletas(conEntradasCompletas(usuario)));\n }\n if (req.method === \"POST\") {\n const cambios = await req.json();\n const idx = usuarios.findIndex((u) => u.token === token);\n usuarios[idx] = {\n ...usuarios[idx],\n entradas: cambios.entradas !== undefined\n ? cambios.entradas\n : usuarios[idx].entradas,\n salidas: cambios.salidas !== undefined\n ? cambios.salidas\n : usuarios[idx].salidas,\n pausado: cambios.pausado !== undefined\n ? cambios.pausado\n : usuarios[idx].pausado,\n };\n await saveUsuarios(usuarios);\n return json(conSalidasCompletas(conEntradasCompletas(usuarios[idx])));\n }\n }\n\n return json({ error: \"Ruta no encontrada\" }, 404);\n}","deleted",false,"label",[35],{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":57,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_58":59,"_18":60},["D",1789490317483],"children",[],[35],"c4c1c566-126d-4a8e-ae83-896aa4fcc253",["D",1789488175773],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","6ab26f7d-3d06-4fd0-a99e-af58a3e331a8","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","01a044fc-3260-71c5-a823-f7e7a2b72854","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_115":111},"org",{"_11":12,"_108":109,"_110":111,"_70":71,"_112":113,"_114":53},"branch",{"_17":42,"_13":16,"_33":40,"_100":61,"_101":-5,"_102":-5,"_103":-5,"_104":-5,"_105":-5,"_106":14,"_107":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Javier Natera","avatar","https://lh3.googleusercontent.com/a/ACg8ocIOJF88d8TZQ2nC3g-a3CbzCXENiFpv1xEpGz8ABX9_9oq1l2ot=s96-c","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_33":61,"_13":14,"_45":149,"_63":-5,"_64":53,"_65":66,"_67":66,"_68":19,"_69":-5,"_70":71,"_72":37,"_73":44,"_74":-5,"_75":-5,"_76":77,"_78":79,"_80":-5,"_81":-5,"_82":-5,"_83":-5,"_84":85,"_86":85,"_87":88,"_89":88,"_90":88,"_91":85,"_92":85,"_93":150,"_95":151,"_97":152,"_99":53},[146],"files",[146],"counts",{"_136":77,"_137":138,"_139":77,"_31":140,"_141":142},[134],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":46,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_18":135},[35],"pulls","branches",1,"forks",{"_143":138,"_145":77},"connections",{"_143":77,"_144":77},"count","unfilledCount","emptyCount",{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":57,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_58":147,"_18":148},[],[35],["D",1789488175773],{"_11":12,"_115":111},{"_11":12,"_108":109,"_110":111,"_70":71,"_112":113,"_114":53},{"_17":42,"_13":16,"_33":40,"_100":61,"_101":-5,"_102":-5,"_103":-5,"_104":-5,"_105":-5,"_106":14,"_107":12},"ctx",{"_93":-5,"_131":186,"_187":188,"_189":190,"_191":53,"_192":53,"_193":53,"_194":44,"_195":-5,"_196":-7,"_197":-7,"_198":77,"_199":53,"_200":53,"_201":-5,"_202":53,"_203":53,"_204":53,"_205":-5},"ENV",{"_157":158,"_159":160,"_161":16,"_162":163,"_164":165,"_166":167,"_168":169,"_170":171,"_172":173,"_174":175,"_176":177,"_178":179,"_180":181,"_182":183,"_184":185},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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"]

Cuadrado Mágico

Nuevo comprador

Compradores

Code