[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_225":226,"_227":228},"routes/_app.x.$handle.$name",{"_96":95,"_32":45,"_104":86,"_27":105,"_13":14,"_106":-5,"_11":107,"_108":109,"_110":111,"_112":113,"_114":115,"_20":-5,"_116":-5,"_117":-5,"_118":25,"_119":120,"_121":59,"_122":-5,"_123":-5,"_124":125},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":55,"_18":56,"_57":31,"_58":59,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":80,"_81":82,"_83":84,"_85":25},"version",4,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","index.tsx","latestPath","fileId","019c2474-ff26-732c-b7e6-30fc847ea87c","name","fileType","http","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport Markdown from \"https://esm.sh/react-markdown@9?deps=react@18.2.0\";\nimport { listFiles, readFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { renderToString } from \"npm:react-dom@18.2.0/server\";\nimport { Layout } from \"./Layout.tsx\";\n\nfunction PostComponent({ markdown, link }: { markdown: string; link?: string }) {\n return (\n

\n {link}\n {markdown}\n

\n );\n}\n\nexport default async function(req: Request): Promise {\n const url = new URL(req.url);\n if (url.pathname === \"/\") {\n const files = await listFiles(import.meta.url);\n const posts = files.filter((file) => file.path.startsWith(\"posts/\"));\n const postContents = await Promise.all(\n posts.map(async (file) => readFile(file.path, import.meta.url)),\n );\n\n return html(\n

My blog!

This is my blog.

Posts

\n {postContents.map((markdown, i) => )}\n

,\n );\n }\n if (url.pathname.startsWith(\"/posts/\")) {\n const markdown = await readFile(url.pathname, import.meta.url);\n return html(\n

My blog!

\n {markdown}\n

,\n );\n }\n return new Response(\"Not found\", { status: 404 });\n}\n\nfunction html(children: React.ReactNode) {\n return new Response(\n renderToString(\n \n {children}\n ,\n ),\n {\n headers: {\n \"content-type\": \"text/html;\",\n },\n },\n );\n}","\"No 💔\",\nHandsome please? 🥺\",\n \"But we'd be so cute together! 💕\",\n \"One more chance, pookie?\",\n \"Don't break my heart :(\",\n \"What about a maybe?\",\n \"Please don't do this to me, I'm fragile\",\n];\n\nfunction App() {\n const [noClicks, setNoClicks] = useState(0);\n const [isValentine, setIsValentine] = useState(false);\n const yesButtonSize = (noClicks * 20) + 16;\n\n const firstImg = \"https://media.tenor.com/VIChDQ6ejRQAAAAj/jumping-bear-hearts-no-png.gif\";\n const secondImg = \"https://media.tenor.com/f1xnRxTRxLAAAAAj/bears-with-kisses-bg.gif\";\n\n const handleNo = () => {\n setNoClicks(prev => prev + 1);\n };\n\n const handleYes = () => {\n setIsValentine(true);\n };\n\n return (\n \n {!isValentine\n ? (\n <>\n

Will you be my Valentine? 💘

\n \n Yes\n \n \n {noClicks === 0 ? \"No\" : NO_PHRASES[Math.min(noClicks - 1, NO_PHRASES.length - 1)]}\n \n

\n \n )\n : (\n <>\n

\n \n Yay!!! 💖🎉\n \n \n )}\n \n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n return new Response(\n `\n \n \n Valentine's Day Invitation\n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: { \"content-type\": \"text/html\" },\n },\n );\n}","createdAt",["D",1770138458472],"branchVersion","branchId","2daeda06-0122-11f1-9819-42dde27851f2","id","2dab2744-0122-11f1-9819-42dde27851f2","untitled-666",["D",1770138173156],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Starter template for a markdown blog","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/44a31e5c-3e8a-48a8-d067-5785c0b08200/square512?exp=1789727879&sig=535444fca6d49d188b0e7df4c6cefab73ae17ceeed97eb1d566519a96fc3fc6e","019c2474-1386-727f-83a3-342950d20319","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",1,"orgId","019c2474-1386-727f-83a3-39639c0e62f0","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_96":95,"_103":99},"org",{"_96":95,"_97":-5,"_98":99,"_18":56,"_100":101,"_102":25},"branch",{"_13":14,"_32":86,"_43":42,"_87":44,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":45,"_94":95},"isOwned","main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","Lynne_2","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzM5QVR1TTcxRmtWVjVPRUxKOVhseWR2akpiRiJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":221,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":55,"_18":56,"_57":31,"_58":59,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":222,"_81":223,"_83":224,"_85":25},"tree",[180,183,184,185,186,187],"files",[180,181,182,183,184,185,186,187],"counts",{"_170":139,"_171":63,"_172":139,"_173":174,"_175":176},"contents",[126,127,128,129,130,131],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":164,"_32":165,"_30":166,"_135":-5,"_41":42,"_40":63,"_137":59,"_38":167,"_13":139,"_33":168,"_35":-5,"_24":25,"_141":-5,"_27":169},{"_43":158,"_32":159,"_30":160,"_135":-5,"_41":42,"_40":63,"_137":59,"_38":161,"_13":139,"_33":140,"_35":162,"_24":25,"_141":-5,"_27":163},{"_43":152,"_32":153,"_30":154,"_135":-5,"_41":42,"_40":63,"_137":59,"_38":155,"_13":139,"_33":20,"_35":156,"_24":25,"_141":-5,"_27":157},{"_43":149,"_32":28,"_30":31,"_135":-5,"_41":42,"_40":14,"_137":59,"_38":150,"_13":63,"_33":34,"_35":37,"_24":25,"_141":-5,"_27":151},{"_43":143,"_32":144,"_30":145,"_135":-5,"_41":42,"_40":146,"_137":59,"_38":147,"_13":139,"_33":140,"_35":105,"_24":25,"_141":-5,"_27":148},{"_43":132,"_32":133,"_30":134,"_135":-5,"_41":42,"_40":136,"_137":59,"_38":138,"_13":139,"_33":140,"_35":105,"_24":25,"_141":-5,"_27":142},"cba6b65c-0122-11f1-b671-42dde27851f2","new-file-9124.ts","cba6b74c-0122-11f1-b671-42dde27851f2","parentId",2,"latest",["D",1770138438232],0,"script","label",[133],"cc0a5cc0-0122-11f1-8421-42dde27851f2","new-file-624.ts","cc0a5da6-0122-11f1-8421-42dde27851f2",3,["D",1770138438883],[144],"d7b6ed5e-0122-11f1-a292-42dde27851f2",["D",1770138458472],[28],"2db1a150-0122-11f1-9819-42dde27851f2","README.md","019c2474-ff26-732c-b7e6-2e168d3796bf",["D",1770138173156],"# 📖 myBlog\n\nA simple static blog.\n\n### 🚀 Getting Started\n\n- Click **Remix** on the top right to clone this project.\n\n### 📂 Adding Posts\n\n1. Navigate to the `/posts` directory.\n2. Create a new Markdown (`.md`) or `.mdx` file.\n3. Write your post and save the file.",[153],"2db19d9a-0122-11f1-9819-42dde27851f2","Layout.tsx","019c2474-ff26-732c-b7e6-286f27a8cc68",["D",1770138173156],"/** @jsxImportSource npm:react@18.2.0 */\nimport type { ReactNode } from \"npm:react@18.2.0\";\n\nexport function Layout({ children }: { children: ReactNode }) {\n return (\n \n \n \n \n My blog\n \n \n \n {children}\n \n \n );\n}",[159],"2db19c5a-0122-11f1-9819-42dde27851f2","posts","019c2474-ff26-732c-b7e6-25038c4d726b",["D",1770138173156],"directory",[165],"pulls","branches","forks","envVars",{"_177":139,"_179":139},"connections",{"_177":139,"_178":139},"count","unfilledCount","emptyCount",{"_43":164,"_32":165,"_30":166,"_135":-5,"_41":42,"_40":63,"_137":59,"_38":218,"_13":139,"_33":168,"_35":-5,"_24":25,"_141":-5,"_189":219,"_27":220},{"_43":211,"_32":212,"_30":213,"_135":166,"_41":42,"_40":63,"_137":59,"_38":214,"_13":139,"_33":20,"_35":215,"_24":25,"_141":-5,"_189":216,"_27":217},{"_43":204,"_32":205,"_30":206,"_135":166,"_41":42,"_40":63,"_137":59,"_38":207,"_13":139,"_33":20,"_35":208,"_24":25,"_141":-5,"_189":209,"_27":210},{"_43":158,"_32":159,"_30":160,"_135":-5,"_41":42,"_40":63,"_137":59,"_38":201,"_13":139,"_33":140,"_35":162,"_24":25,"_141":-5,"_189":202,"_27":203},{"_43":152,"_32":153,"_30":154,"_135":-5,"_41":42,"_40":63,"_137":59,"_38":198,"_13":139,"_33":20,"_35":156,"_24":25,"_141":-5,"_189":199,"_27":200},{"_43":149,"_32":28,"_30":31,"_135":-5,"_41":42,"_40":14,"_137":59,"_38":195,"_13":63,"_33":34,"_35":37,"_24":25,"_141":-5,"_189":196,"_27":197},{"_43":143,"_32":144,"_30":145,"_135":-5,"_41":42,"_40":146,"_137":59,"_38":192,"_13":139,"_33":140,"_35":105,"_24":25,"_141":-5,"_189":193,"_27":194},{"_43":132,"_32":133,"_30":134,"_135":-5,"_41":42,"_40":136,"_137":59,"_38":188,"_13":139,"_33":140,"_35":105,"_24":25,"_141":-5,"_189":190,"_27":191},["D",1770138438232],"children",[],[133],["D",1770138438883],[],[144],["D",1770138458472],[],[28],["D",1770138173156],[],[153],["D",1770138173156],[],[159],"2db199bc-0122-11f1-9819-42dde27851f2","002-second-post.md","019c2474-ff26-732c-b7e6-2314b1d446a8",["D",1770138173156],"### I'm really good at blogging\n\nDon't you agree?",[],[165,205],"2db191c4-0122-11f1-9819-42dde27851f2","001-first-post.md","019c2474-ff26-732c-b7e6-1cb34b9b641e",["D",1770138173156],"### Welcome to my blog\n\nThis is my first post.",[],[165,212],["D",1770138173156],[181,182],[165],["D",1770138173156],{"_96":95,"_103":99},{"_96":95,"_97":-5,"_98":99,"_18":56,"_100":101,"_102":25},{"_13":14,"_32":86,"_43":42,"_87":44,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":45,"_94":95},"ctx",{"_79":-5,"_123":258,"_259":260,"_261":262,"_263":25,"_264":25,"_265":25,"_266":59,"_267":-5,"_268":-7,"_269":-7,"_270":139,"_271":25,"_272":25,"_273":-5,"_274":25,"_275":25,"_276":25,"_277":-5},"ENV",{"_229":230,"_231":232,"_233":86,"_234":235,"_236":237,"_238":239,"_240":241,"_242":243,"_244":245,"_246":247,"_248":249,"_250":251,"_252":253,"_254":255,"_256":257},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","71c1b20804b3232a7e513be260cfffc1932a9e97","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 · v4