Ahmad :: Terminal Portfolio

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_170":171,"_172":173},"routes/_app.x.$handle.$name",{"_97":96,"_32":43,"_106":87,"_27":107,"_13":14,"_108":-5,"_11":109,"_110":111,"_112":113,"_114":115,"_116":117,"_20":-5,"_118":-5,"_119":-5,"_120":26,"_121":122,"_123":24,"_124":-5,"_125":-5,"_126":127},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_41":42,"_32":43,"_36":44,"_45":-5,"_46":26,"_47":48,"_49":48,"_50":51,"_52":-5,"_18":53,"_54":55,"_56":24,"_57":-5,"_58":-5,"_59":60,"_61":62,"_63":64,"_65":66,"_67":68,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":80,"_81":82,"_83":84,"_85":26},"version",13,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":26,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":20,"_34":35,"_36":37,"_38":14,"_39":40,"_23":26},"previous","deleted",true,"deletedHere",false,"path","terminal.js","latestPath","fileId","dd1330de-19c1-11f1-b2ef-42dde27851f2","name","fileType","content","(function () {\n const bodyEl = document.getElementById(\"body\");\n\n const state = {\n history: [],\n historyIndex: -1,\n };\n\n const commands = {\n help() {\n return [\n \"Available commands:\",\n \" help - Show this help message\",\n \" about - About Ahmad\",\n \" projects - Show selected projects\",\n \" skills - Tech stack & tools\",\n \" contact - How to reach Ahmad\",\n \" clear - Clear the terminal\",\n ];\n },\n about() {\n return [\n \"About Ahmad:\",\n \" Product-minded engineer focused on AI, tooling, and developer experience.\",\n \" Loves building assistants, automation, and playful interfaces like this terminal.\",\n ];\n },\n projects() {\n return [\n \"Projects:\",\n \" \\u2022 FYI.ai assistant tooling \\u2013 internal tools around creative AI workflows.\",\n \" \\u2022 Test automation lab \\u2013 Valtown-based utilities for web & mobile QA.\",\n \" \\u2022 Terminal portfolio \\u2013 you're looking at it right now.\",\n \"\",\n \"Customize this list inside the val to showcase your real work.\",\n ];\n },\n skills() {\n return [\n \"Skills:\",\n \" \\u2022 Languages: TypeScript, JavaScript, Python\",\n \" \\u2022 Web: React, Next.js, Node, REST/GraphQL\",\n \" \\u2022 Testing: Playwright, Cypress, Jest, mobile test orchestration\",\n \" \\u2022 Infra/Tools: Valtown, serverless, CI/CD, observability\",\n ];\n },\n contact() {\n return [\n \"Contact:\",\n ' Email: you@example.com',\n ' LinkedIn: linkedin.com/in/your-handle',\n ' GitHub: github.com/your-handle',\n \"\",\n \"Update these links in the val with your actual info.\",\n ];\n },\n clear() {\n bodyEl.innerHTML = \"\";\n return [];\n },\n };\n\n function appendLine(text) {\n const line = document.createElement(\"div\");\n line.className = \"line\";\n line.textContent = text;\n bodyEl.appendChild(line);\n bodyEl.scrollTop = bodyEl.scrollHeight;\n }\n\n function appendRichLine(html) {\n const line = document.createElement(\"div\");\n line.className = \"line\";\n line.innerHTML = html;\n bodyEl.appendChild(line);\n bodyEl.scrollTop = bodyEl.scrollHeight;\n }\n\n function escapeHtml(str) {\n return str\n .replace(/&/g, \"&\")\n .replace(//g, \">\");\n }\n\n function addPrompt() {\n const promptDiv = document.createElement(\"div\");\n promptDiv.className = \"prompt-line\";\n promptDiv.innerHTML =\n 'Ahmad@fyi-ai ' +\n '~/portfolio ' +\n '$ ' +\n '' +\n '';\n bodyEl.appendChild(promptDiv);\n bodyEl.scrollTop = bodyEl.scrollHeight;\n\n const newInput = promptDiv.querySelector(\".input-line\");\n newInput.addEventListener(\"keydown\", handleKeydown);\n newInput.focus();\n }\n\n function runCommand(raw) {\n const input = raw.trim();\n if (!input) {\n appendLine(\"\");\n addPrompt();\n return;\n }\n\n state.history.unshift(input);\n state.historyIndex = -1;\n\n appendRichLine(\n '$ ' +\n escapeHtml(input) +\n \"\"\n );\n\n const [cmd, ...rest] = input.split(/\\s+/);\n const argString = rest.join(\" \");\n\n const fn = commands[cmd];\n if (!fn) {\n appendRichLine(\n 'Command not found: ' + escapeHtml(cmd) + \"\"\n );\n addPrompt();\n return;\n }\n\n const output = fn(argString);\n if (Array.isArray(output)) {\n output.forEach((l) => {\n if (l.includes(\" el.setSelectionRange(el.value.length, el.value.length),\n 0\n );\n }\n e.preventDefault();\n } else if (e.key === \"ArrowDown\") {\n if (state.historyIndex > 0) {\n state.historyIndex--;\n el.value = state.history[state.historyIndex];\n } else if (state.historyIndex === 0) {\n state.historyIndex = -1;\n el.value = \"\";\n }\n setTimeout(\n () => el.setSelectionRange(el.value.length, el.value.length),\n 0\n );\n e.preventDefault();\n }\n }\n\n // Initial prompt input setup\n const initialInput = document.querySelector(\".input-line\");\n initialInput.addEventListener(\"keydown\", handleKeydown);\n\n // Always focus the active input on click\n window.addEventListener(\"click\", () => {\n const inputs = document.querySelectorAll(\".input-line:not([disabled])\");\n const lastInput = inputs[inputs.length - 1];\n if (lastInput) lastInput.focus();\n });\n\n initialInput.focus();\n})();\n","createdAt",["D",1772845585318],"branchVersion","branchId","2fad5d7c-19ba-11f1-a453-42dde27851f2","id","2fad1272-19ba-11f1-a453-42dde27851f2","Dark-Terminal",["D",1772842287965],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","A retro green vintage terminal portfolio","imageUrl","f404441a-b070-431b-b152-17a2208cfa70","pinnedFileId","36349770-19bd-11f1-bf33-42dde27851f2","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","018b67b5-3681-41ae-8e5a-cdcf7cd1218d","tursoName","2fad127219ba11f1a45342dde27851f2","tursoHostname","2fad127219ba11f1a45342dde27851f2-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789515657103],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_97":96,"_105":101},"org",{"_97":96,"_98":99,"_100":101,"_18":53,"_102":103,"_104":26},"branch",{"_13":86,"_32":87,"_41":40,"_88":42,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":43,"_95":96},"isOwned",60,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","khawjaahmad","handle","displayName","ahmad","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/4ec015ce-90e5-4eef-7eaf-21e3da8cec00/square512?exp=1789592399&sig=850afdd394985736ea1d53cc04be2e1647f2bb45fb81c86e41a0f4bcc6af8300","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_41":42,"_32":43,"_36":165,"_45":-5,"_46":26,"_47":48,"_49":48,"_50":51,"_52":-5,"_18":53,"_54":55,"_56":24,"_57":-5,"_58":-5,"_59":60,"_61":62,"_63":64,"_65":66,"_67":166,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":167,"_81":168,"_83":169,"_85":26},"tree",[156,157],"files",[156,157],"counts",{"_145":60,"_146":147,"_148":60,"_149":150,"_151":152},"contents",[128,129],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_41":136,"_32":137,"_30":55,"_131":-5,"_39":40,"_38":138,"_132":26,"_36":139,"_13":140,"_33":141,"_34":142,"_23":26,"_134":143,"_27":144},{"_41":130,"_32":28,"_30":31,"_131":-5,"_39":40,"_38":14,"_132":26,"_36":133,"_13":60,"_33":20,"_34":35,"_23":26,"_134":-5,"_27":135},"dd132ff8-19c1-11f1-b2ef-42dde27851f2","parentId","latest",["D",1772845585318],"label",[28],"46e18204-19bd-11f1-a959-42dde27851f2","index.ts",12,["D",1772843615370],4,"http","// val: terminalPortfolio.ts\n// A personal portfolio web app that looks like a retro terminal.\n\nexport default async function terminalPortfolio(req: Request) {\n const html = `\n\n\n \n \n Ahmad :: Terminal Portfolio\n \n\n\n

\n \n

Welcome to Ahmad's terminal portfolio.

Type help to see available commands.

\n Ahmad@fyi-ai\n ~/portfolio\n $\n \n \n

\n\n \n\n`;\n\n return new Response(html, {\n status: 200,\n headers: { \"Content-Type\": \"text/html; charset=utf-8\" },\n });\n}","terminal",[137],"pulls","branches",1,"forks","envVars",{"_153":60,"_155":60},"connections",{"_153":60,"_154":60},"count","unfilledCount","emptyCount",{"_41":136,"_32":137,"_30":55,"_131":-5,"_39":40,"_38":138,"_132":26,"_36":162,"_13":140,"_33":141,"_34":142,"_23":26,"_134":143,"_159":163,"_27":164},{"_41":130,"_32":28,"_30":31,"_131":-5,"_39":40,"_38":14,"_132":26,"_36":158,"_13":60,"_33":20,"_34":35,"_23":26,"_134":-5,"_159":160,"_27":161},["D",1772845585318],"children",[],[28],["D",1772843615370],[],[137],["D",1772842287965],["D",1789515657103],{"_97":96,"_105":101},{"_97":96,"_98":99,"_100":101,"_18":53,"_102":103,"_104":26},{"_13":86,"_32":87,"_41":40,"_88":42,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":43,"_95":96},"ctx",{"_79":-5,"_125":203,"_204":205,"_206":207,"_208":26,"_209":26,"_210":26,"_211":24,"_212":-5,"_213":-7,"_214":-7,"_215":60,"_216":26,"_217":26,"_218":-5,"_219":26,"_220":26,"_221":26,"_222":-5},"ENV",{"_174":175,"_176":177,"_178":87,"_179":180,"_181":182,"_183":184,"_185":186,"_187":188,"_189":190,"_191":192,"_193":194,"_195":196,"_197":198,"_199":200,"_201":202},"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"]

Diff · v13