[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_158":159,"_160":161},"routes/_app.x.$handle.$name",{"_99":98,"_34":47,"_107":89,"_28":108,"_13":14,"_109":-5,"_11":110,"_111":112,"_113":114,"_115":116,"_117":118,"_20":-5,"_119":-5,"_120":-5,"_121":27,"_122":123,"_124":25,"_125":-5,"_126":-5,"_127":128},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_45":46,"_34":47,"_40":48,"_49":-5,"_50":27,"_51":52,"_53":52,"_54":-5,"_55":-5,"_18":56,"_57":-5,"_58":27,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":66,"_67":68,"_69":70,"_71":-5,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":82,"_83":84,"_85":86,"_87":27},"version",28,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":27,"_28":29,"_30":31},"file",{"_32":33,"_34":29,"_35":36,"_37":39,"_40":41,"_42":14,"_43":44,"_24":27},"previous",{"_32":33,"_34":29,"_35":36,"_37":38},"deleted",true,"deletedHere",false,"path","new-file-8971.ts","latestPath","main.tsx","fileId","09278a4e-01e9-11f1-9ae3-42dde27851f2","name","fileType","http","content","import { useEffect, useState } from \"react\";\n\nexport default function Main() {\n // --- App State ---\n const [username, setUsername] = useState(\"\");\n const [currentUser, setCurrentUser] = useState(null);\n const [linkName, setLinkName] = useState(\"\");\n const [linkUrl, setLinkUrl] = useState(\"\");\n const [links, setLinks] = useState<{ name: string; url: string }[]>([]);\n\n // Load current user and links from localStorage\n useEffect(() => {\n const storedUser = localStorage.getItem(\"gunsUser\");\n if (storedUser) {\n setCurrentUser(storedUser);\n const storedLinks = JSON.parse(\n localStorage.getItem(`links_${storedUser}`) || \"[]\",\n );\n setLinks(storedLinks);\n }\n }, []);\n\n // Save links whenever they change\n useEffect(() => {\n if (currentUser) {\n localStorage.setItem(`links_${currentUser}`, JSON.stringify(links));\n }\n }, [links, currentUser]);\n\n // --- Event Handlers ---\n const handleLogin = () => {\n if (!username.trim()) {\n alert(\"Enter a username!\");\n return;\n }\n localStorage.setItem(\"gunsUser\", username);\n setCurrentUser(username);\n setLinks(JSON.parse(localStorage.getItem(`links_${username}`) || \"[]\"));\n };\n\n const addLink = () => {\n if (!linkName.trim() || !linkUrl.trim()) {\n alert(\"Enter both name and URL!\");\n return;\n }\n setLinks([...links, { name: linkName, url: linkUrl }]);\n setLinkName(\"\");\n setLinkUrl(\"\");\n };\n\n const editLink = (index: number) => {\n const newName = prompt(\"New link name:\", links[index].name);\n const newUrl = prompt(\"New link URL:\", links[index].url);\n if (newName && newUrl) {\n const newLinks = [...links];\n newLinks[index] = { name: newName, url: newUrl };\n setLinks(newLinks);\n }\n };\n\n const deleteLink = (index: number) => {\n if (confirm(\"Delete this link?\")) {\n const newLinks = [...links];\n newLinks.splice(index, 1);\n setLinks(newLinks);\n }\n };\n\n // --- Components ---\n const LoginPage = (\n

guns.lol – Link in Bio

\n setUsername(e.target.value)}\n />\n \n

\n );\n\n const DashboardPage = (\n

Welcome, {currentUser}

\n Share your page:{\" \"}\n {`${window.location.href}?u=${currentUser}`}\n

\n setLinkName(e.target.value)}\n />\n setLinkUrl(e.target.value)}\n />\n \n

\n {links.map((link, index) => (\n

\n {link.name} - {link.url}\n \n deleteLink(index)}\n >\n Delete\n \n

\n ))}\n

\n );\n\n const PublicPage = () => {\n const params = new URLSearchParams(window.location.search);\n const u = params.get(\"u\");\n const storedLinks = JSON.parse(localStorage.getItem(`links_${u}`) || \"[]\");\n return (\n

{u ?? \"User\"}'s Links

\n {storedLinks.map((link: any, idx: number) => (\n \n {link.name}\n \n ))}\n

guns.lol – Link in Bio

\n setUsername(e.target.value)}\n />\n \n

\n );\n\n const DashboardPage = (\n

Welcome, {currentUser}

\n Share your page:{\" \"}\n {`${window.location.href}?u=${currentUser}`}\n

\n setLinkName(e.target.value)}\n />\n setLinkUrl(e.target.value)}\n />\n \n

\n {links.map((link, index) => (\n

\n {link.name} - {link.url}\n \n deleteLink(index)}\n >\n Delete\n \n

\n ))}\n

{u ?? \"User\"}'s Links

\n {storedLinks.map((link: any, idx: number) => (\n \n {link.name}\n \n ))}\n

\n );\n };\n\n // --- Render Logic ---\n const params = new URLSearchParams(window.location.search);\n const userParam = params.get(\"u\");\n if (userParam) return ;\n return currentUser ? DashboardPage : LoginPage;\n}\n\n// --- Styles ---\nconst styles: Record = {\n container: {\n textAlign: \"center\",\n padding: 40,\n fontFamily: \"Arial, sans-serif\",\n backgroundColor: \"#0e0e0e\",\n color: \"white\",\n minHeight: \"100vh\",\n },\n input: {\n margin: 5,\n padding: 10,\n width: 200,\n borderRadius: 5,\n border: \"1px solid #ccc\",\n },\n button: {\n padding: \"10px 20px\",\n margin: 5,\n backgroundColor: \"#4caf50\",\n color: \"white\",\n border: \"none\",\n borderRadius: 5,\n cursor: \"pointer\",\n },\n smallButton: {\n marginLeft: 10,\n padding: \"5px 10px\",\n borderRadius: 5,\n border: \"none\",\n cursor: \"pointer\",\n backgroundColor: \"#777\",\n color: \"white\",\n },\n linkItem: {\n margin: \"10px 0\",\n },\n publicLink: {\n display: \"block\",\n margin: \"15px auto\",\n padding: \"15px 25px\",\n maxWidth: 250,\n backgroundColor: \"#4caf50\",\n color: \"white\",\n textDecoration: \"none\",\n borderRadius: 8,\n },\n};","createdAt",["D",1770223779161],"branchVersion","branchId","d8bf35c0-01e1-11f1-9c02-42dde27851f2","id","d8be8918-01e1-11f1-9c02-42dde27851f2","untitled-4425",["D",1770220494076],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","019c2541-a975-70fd-914e-c4b739f64cdf","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019c2541-a975-70fd-914e-ca8bbb697f17","tursoName","d8be891801e111f19c0242dde27851f2","tursoHostname","d8be891801e111f19c0242dde27851f2-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789519842404],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_99":98,"_106":102},"org",{"_99":98,"_100":-5,"_101":102,"_18":56,"_103":104,"_105":27},"branch",{"_13":88,"_34":89,"_45":44,"_90":46,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":47,"_97":98},"isOwned",45,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","deathletter","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18zOUF2RUpQdFBUZ0x4cGpGb0RnU0I2d3RnMUEifQ","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_45":46,"_34":47,"_40":153,"_49":-5,"_50":27,"_51":52,"_53":52,"_54":-5,"_55":-5,"_18":56,"_57":-5,"_58":27,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":66,"_67":68,"_69":154,"_71":-5,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":155,"_83":156,"_85":157,"_87":27},"tree",[148],"files",[148],"counts",{"_137":62,"_138":139,"_140":62,"_141":142,"_143":144},"contents",[129],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_45":130,"_34":29,"_32":33,"_131":-5,"_43":44,"_42":14,"_132":27,"_40":133,"_13":134,"_35":36,"_37":39,"_24":27,"_135":-5,"_28":136},"7ecf46ce-01e9-11f1-b3f2-42dde27851f2","parentId","latest",["D",1770223779161],4,"label",[29],"pulls","branches",1,"forks","envVars",{"_145":62,"_147":62},"connections",{"_145":62,"_146":62},"count","unfilledCount","emptyCount",{"_45":130,"_34":29,"_32":33,"_131":-5,"_43":44,"_42":14,"_132":27,"_40":149,"_13":134,"_35":36,"_37":39,"_24":27,"_135":-5,"_150":151,"_28":152},["D",1770223779161],"children",[],[29],["D",1770220494076],["D",1789519842404],{"_99":98,"_106":102},{"_99":98,"_100":-5,"_101":102,"_18":56,"_103":104,"_105":27},{"_13":88,"_34":89,"_45":44,"_90":46,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":47,"_97":98},"ctx",{"_81":-5,"_126":191,"_192":193,"_194":195,"_196":27,"_197":27,"_198":27,"_199":25,"_200":-5,"_201":-7,"_202":-7,"_203":62,"_204":27,"_205":27,"_206":-5,"_207":27,"_208":27,"_209":27,"_210":-5},"ENV",{"_162":163,"_164":165,"_166":89,"_167":168,"_169":170,"_171":172,"_173":174,"_175":176,"_177":178,"_179":180,"_181":182,"_183":184,"_185":186,"_187":188,"_189":190},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","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 · v28