[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_102":103,"_104":105},"routes/embed.x.$handle.$name.$",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":-5},"handle","javiernatera","name","cuadrado-magico-codigo","path","main.ts","project",{"_22":45,"_11":12,"_33":46,"_47":-5,"_48":42,"_49":50,"_51":50,"_52":53,"_54":-5,"_55":56,"_57":25,"_58":32,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":79,"_80":81,"_82":83,"_84":42},"file",{"_22":23,"_11":14,"_24":25,"_26":-5,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":-5,"_13":44},"permalink","https://www.val.town/x/javiernatera/cuadrado-magico-codigo/code/main.ts","extension","id","6515de55-d1d3-460d-8f8c-f9f9e954f687","fileId","e9fd500a-b11e-11f1-b77d-1607ee4eb77e","parentId","branchId","2a066930-3aed-4cde-9bc1-442098e3eda8","branchVersion",5,"latest",true,"createdAt",["D",1789490317483],"version",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",[14],"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",{"_9":10,"_101":97},"org",{"_9":10,"_94":95,"_96":97,"_55":56,"_98":99,"_100":42},"branch",{"_35":30,"_11":85,"_22":28,"_86":45,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":12,"_93":10},"isOwned","main","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","ctx",{"_78":-5,"_135":136,"_137":138,"_139":140,"_141":42,"_142":42,"_143":42,"_144":32,"_145":-5,"_146":-7,"_147":-7,"_148":62,"_149":42,"_150":42,"_151":-5,"_152":42,"_153":42,"_154":42,"_155":-5},"ENV",{"_106":107,"_108":109,"_110":85,"_111":112,"_113":114,"_115":116,"_117":118,"_119":120,"_121":122,"_123":124,"_125":126,"_127":128,"_129":130,"_131":132,"_133":134},"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","orgs",[],"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