[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_162":163,"_164":165},"routes/_app.x.$handle.$name",{"_95":94,"_31":43,"_103":83,"_26":104,"_13":14,"_105":-5,"_11":106,"_107":108,"_109":110,"_111":112,"_113":114,"_20":-5,"_115":116,"_117":118,"_119":24,"_120":121,"_122":47,"_123":-5,"_124":-5,"_125":126},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_41":42,"_31":43,"_36":44,"_45":-5,"_46":47,"_48":49,"_50":49,"_51":-5,"_52":-5,"_18":53,"_54":30,"_55":47,"_56":-5,"_57":-5,"_58":59,"_60":61,"_62":-5,"_63":-5,"_64":-5,"_65":-5,"_66":67,"_68":67,"_69":70,"_71":70,"_72":70,"_73":67,"_74":67,"_75":76,"_77":78,"_79":80,"_81":24},"version",1,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":27,"_32":33,"_34":35,"_36":37,"_38":14,"_39":40,"_23":24},"previous","deleted",false,"deletedHere","path","main.tsx","latestPath","fileId","e693fb96-27b1-11f0-aecd-569c3dd06744","name","fileType","http","content","/** @jsxImportSource https://esm.sh/react */\nimport { renderToString } from \"npm:react-dom/server\";\n\nexport default async function(req: Request) {\n return new Response(\n renderToString(\n \n \n \n \n Tahir's TIL\n \n \n

Tahir's TIL

Web, design and data tips

\n \n Over 90% of new cars are electric in Norway + Our World in Data make beautiful charts\n \n \n Speedometer 3.0 - Browser Performance benchmarks by Apple, Google, Mozilla and Microsoft. Includes 4\n charting libraries\n \n \n Typewolf Site of the Day. Inspiration for font pairings\n \n DSS Dead Simple Sites.\n CSS is awesome - CSSCade\n \n Job Clarendon is a stunning typeface that pays homage to job printing\n \n Interactive SVG Animations Course\n HTMX Active Search\n \n Search and highlight text\n \n \n Custom highlight API - Display style and script blocks\n \n \n Building websites with Val.town is fast\n \n

Notes: Asking ChatGPT to explain code is a great and fun way to learn

\n \n ,\n ),\n {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n },\n );\n}\n\nconst itemStyle = {\n padding: \"10px\",\n color: \"#222\",\n // backgroundColor: \"#ff748d\",\n backgroundColor: \"rgba(0, 0, 0, 0.02)\",\n borderRadius: \"2px\",\n textDecoration: \"none\",\n // boxShadow: \"0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)\",\n};","createdAt",["D",1715566760611],"branchVersion","branchId","e691178c-27b1-11f0-aecd-569c3dd06744","id","e690d3bc-27b1-11f0-aecd-569c3dd06744","whiteMongoose",["D",1746230547941],"deletedAt","legacyEnvVars",true,"privacy","public","httpPrivacy","description","imageUrl","e8a4a3d7-b70c-4a07-8e6f-582a8e470ea3","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","f90ceb66-3638-4c91-b91c-b267f88aee17","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_95":94,"_102":98},"org",{"_95":94,"_96":-5,"_97":98,"_18":53,"_99":100,"_101":24},"branch",{"_13":82,"_31":83,"_41":40,"_84":42,"_85":86,"_87":59,"_88":49,"_89":90,"_91":61,"_92":43,"_93":94},"isOwned",3,"main","projectId","forkedBranchId","e9812d88-27b1-11f0-aecd-569c3dd06744","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","e980ebf2-27b1-11f0-aecd-569c3dd06744","forkedProjectOrgId","projectName","userHandle","tfayyaz","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yZlB4ekgyWUNWamFTeXdsbHVjWFZWaEgxYnIifQ","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_41":42,"_31":43,"_36":158,"_45":-5,"_46":47,"_48":49,"_50":49,"_51":-5,"_52":-5,"_18":53,"_54":30,"_55":47,"_56":-5,"_57":-5,"_58":59,"_60":61,"_62":-5,"_63":-5,"_64":-5,"_65":-5,"_66":67,"_68":67,"_69":70,"_71":70,"_72":70,"_73":67,"_74":67,"_75":159,"_77":160,"_79":161,"_81":24},"tree",[153],"files",[153],"counts",{"_143":59,"_144":14,"_145":59,"_146":147,"_148":149},"contents",[136],"upstreamProject",{"_41":90,"_31":134,"_51":-5,"_52":-5,"_48":49,"_75":135},"upstreamBranch",{"_41":86,"_36":127,"_128":129,"_31":83,"_84":90,"_13":130,"_85":131,"_87":59,"_132":133,"_45":-5,"_81":24,"_48":49,"_93":94,"_60":61,"_92":134},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1746230552870],"updatedAt",["D",1717329108866],103,"6ab422d8-25f1-11f0-ad23-569c3dd06744","lockfileKey","1746239644210-esm.town_v_tfayyaz_tahirsTil@103-main","tahirsTil",{"_95":94,"_102":98},{"_41":137,"_31":27,"_29":30,"_138":-5,"_39":40,"_38":14,"_139":24,"_36":140,"_13":59,"_32":33,"_34":35,"_23":24,"_141":-5,"_26":142},"e693faf6-27b1-11f0-aecd-569c3dd06744","parentId","latest",["D",1715566760611],"label",[27],"pulls","branches","forks","envVars",{"_150":59,"_152":59},"connections",{"_150":59,"_151":59},"count","unfilledCount","emptyCount",{"_41":137,"_31":27,"_29":30,"_138":-5,"_39":40,"_38":14,"_139":24,"_36":154,"_13":59,"_32":33,"_34":35,"_23":24,"_141":-5,"_155":156,"_26":157},["D",1715566760611],"children",[],[27],["D",1746230547941],{"_95":94,"_102":98},{"_95":94,"_96":-5,"_97":98,"_18":53,"_99":100,"_101":24},{"_13":82,"_31":83,"_41":40,"_84":42,"_85":86,"_87":59,"_88":49,"_89":90,"_91":61,"_92":43,"_93":94},"ctx",{"_75":-5,"_124":195,"_196":197,"_198":199,"_200":24,"_201":24,"_202":24,"_203":47,"_204":-5,"_205":-7,"_206":-7,"_207":59,"_208":24,"_209":24,"_210":-5,"_211":24,"_212":24,"_213":24,"_214":-5},"ENV",{"_166":167,"_168":169,"_170":83,"_171":172,"_173":174,"_175":176,"_177":178,"_179":180,"_181":182,"_183":184,"_185":186,"_187":188,"_189":190,"_191":192,"_193":194},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","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 · v1