[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_318":319,"_320":321},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_72":207,"_40":-7,"_208":-5,"_17":209,"_210":211,"_212":213,"_214":215,"_216":217,"_140":-5,"_218":219,"_220":221,"_222":48,"_223":224,"_225":26,"_226":-5,"_227":-5,"_228":229},"routes/_app.x.$handle.$name.compare.$branch",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":26,"_27":28,"_29":30,"_31":-5},"handle","wolf","name","EmailAggrogator","branchName","main","project",{"_32":59,"_13":14,"_34":168,"_46":-5,"_169":48,"_49":50,"_170":50,"_171":-5,"_172":-5,"_173":174,"_175":114,"_176":26,"_177":26,"_178":-5,"_179":180,"_53":181,"_182":-5,"_183":-5,"_184":-5,"_185":-5,"_186":187,"_188":187,"_189":190,"_191":190,"_192":190,"_193":187,"_194":187,"_195":196,"_197":198,"_199":28,"_47":48},"ahead",42,"behind",24,"diff",{"_64":65,"_66":67,"_68":69},"hasChanges",true,"sourceBranch",{"_40":57,"_13":16,"_32":58,"_38":59,"_42":33,"_43":60,"_61":50,"_62":39,"_63":54,"_55":14,"_51":12},"targetBranch",{"_32":33,"_34":35,"_36":37,"_13":16,"_38":39,"_40":41,"_42":-5,"_43":-5,"_44":45,"_46":-5,"_47":48,"_49":50,"_51":52,"_53":54,"_55":56},"pull","id","961078ea-f528-11ef-aa68-569c3dd06744","createdAt",["D",1740674013689],"updatedAt",["D",1785420707976],"projectId","96102714-f528-11ef-aa68-569c3dd06744","version",91,"forkedBranchId","forkedBranchVersion","lockfileKey","1785420708123-esm.town_v_templates_react-hono-starter@91-main","deletedAt","isOwned",false,"privacy","public","userHandle","templates","orgId","019aa807-52c2-709c-928b-2029bae9a558","projectName","react-hono-starter",43,"76c3ab46-5857-11f0-934d-f69ea79377d9","76c03c18-5857-11f0-934d-f69ea79377d9",67,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","added",[144,145],"deleted",[133],"modified",[70,71],{"_72":109,"_74":110,"_76":111},{"_72":73,"_74":75,"_76":77},"path","frontend/components/App.tsx","targetFile",{"_32":101,"_13":79,"_80":102,"_82":103,"_84":33,"_85":104,"_87":48,"_34":105,"_40":86,"_90":91,"_92":106,"_66":48,"_94":-5,"_95":-7,"_72":107,"_97":108},"sourceFile",{"_32":78,"_13":79,"_80":81,"_82":83,"_84":58,"_85":86,"_87":26,"_34":88,"_40":89,"_90":91,"_92":93,"_66":48,"_94":-5,"_95":-7,"_72":96,"_97":98},"91fce576-5857-11f0-aed5-f69ea79377d9","App.tsx","fileId","3c7795c1-b701-4874-920e-f26d09733866","parentId","e0bfae1c-3050-4284-9d99-cb9d9f20b2b1","branchId","branchVersion",4,"latest",["D",1751579358303],2,"fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nexport function App() {\n const [clicked, setClicked] = useState(0);\n\n return (\n

\n Email Aggrogator\n

\n );\n}","label","children",[99,100,79],"contentHash","d89e655271bec04fc7736cf22d494f1d158184ebb255a0915e323d039ab88bf9","frontend","components","5cb7a1f2-f53e-11ef-937e-569c3dd06744","6e585892-f52b-11ef-a8e1-569c3dd06744","69ed66bc-f52b-11ef-9dac-569c3dd06744",27,["D",1740683366401],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nexport function App() {\n const [clicked, setClicked] = useState(0);\n return (\n

Val Town React + Hono Starter

\n I've been clicked times\n

\n );\n}",[99,100,79],"572f45a0f0ec99935ff566c31d3bbf761edf962e408c2e2fb6df62cbb636a5c4","backend/index.ts",{"_32":124,"_13":113,"_80":125,"_82":126,"_84":33,"_85":127,"_87":48,"_34":128,"_40":129,"_90":119,"_92":130,"_66":48,"_94":-5,"_95":-7,"_72":131,"_97":132},{"_32":112,"_13":113,"_80":114,"_82":115,"_84":58,"_85":116,"_87":26,"_34":117,"_40":118,"_90":119,"_92":120,"_66":48,"_94":-5,"_95":-7,"_72":121,"_97":122},"edf76770-5857-11f0-97ad-f69ea79377d9","index.ts","98ac6e3c-a27f-45d2-b5dd-8f23ae606cab","0fd8cf29-4008-4c6f-aaa7-0a29f6f99970",10,["D",1751579512617],6,"http","import { serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { Hono } from \"npm:hono\";\n\nconst app = new Hono()\n .get(\"/\", (c) => serveFile(\"/frontend/index.html\", import.meta.url))\n .get(\"/frontend/**/*\", (c) => serveFile(c.req.path, import.meta.url))\n .onError((err) => {\n throw err;\n });\n\nexport default app.fetch;",[123,113],"d758c816feeadfecb478db139727be110e1d15e76dc237d3a6df14f54aa51c41","backend","d8603fe6-13af-11f0-a754-569c3dd06744","a9b2b20a-f528-11ef-9e98-569c3dd06744","a1c25866-f528-11ef-8bc0-569c3dd06744",39,["D",1744030641875],11,"import { serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { Hono } from \"npm:hono\";\n\nconst app = new Hono();\n\n// Serve index.html at the root /\napp.get(\"/\", async c => {\n return serveFile(\"/frontend/index.html\", import.meta.url);\n});\n\n// Serve all /frontend files\napp.get(\"/frontend/**/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Add your API routes here\n// app.get(\"/api/data\", c => c.json({ hello: \"world\" }));\n\n// Unwrap and rethrow Hono errors as the original error\n// If you delete this, all errors will be \"Internal Server Error\"\napp.onError((err, c) => {\n throw err;\n});\n\n// HTTP vals expect an exported \"fetch handler\"\n// This is how you \"run the server\" in Val Town with Hono\nexport default app.fetch;",[123,113],"1fe3293a95b653dc8edac73588099097b9ae05f0f81c610ed28eb5700f113cd3",{"_72":134,"_74":135,"_76":-7},"README.md",{"_32":136,"_13":134,"_80":137,"_82":-5,"_84":33,"_85":60,"_87":48,"_34":138,"_40":139,"_90":140,"_92":141,"_66":48,"_94":-5,"_95":-7,"_72":142,"_97":143},"07154b6e-3bca-11f0-9fc0-9e149126039e","a50c3760-f53e-11ef-bd6d-569c3dd06744",["D",1748439933668],18,"file","# React Hono Starter\n\nThis app is a starter template for client-side React and server-side Hono.\n\n## Getting started\n\nGet a copy of this starter template by clicking the **Remix** button in the top-right.\n\n## How it works\n\n- The **entrypoint** is [`/backend/index.ts`](/backend/index.ts). That's the backend HTTP server, which also serves the all the frontend assets.\n\n- The **client-side entrypoint** is [`/frontend/index.html`](/frontend/index.html)\n - which in turn imports [`/frontend/index.tsx`](/frontend/index.tsx)\n - which in turn imports the React app from [`/frontend/components/App.tsx`](/frontend/components/App.tsx).\n\nSo if you wanted to get a sense of how this app comes together, we suggest reading the files in this order: \n\n[`/backend/index.ts`](/backend/index.ts) -> [`/frontend/index.html`](/frontend/index.html) -> [`/frontend/index.tsx`](/frontend/index.tsx) -> [`/frontend/components/App.tsx`](/frontend/components/App.tsx)\n\n## Further resources\n\n- [React Hono Example](https://www.val.town/x/stevekrouse/reactHonoExample) is a bigger example project, with a SQLite database table, queries, client-side CSS, a favicon, and shared code that runs on both client and server.",[134],"e021efc233b82184fe895bf7f2dd5cf86d8abf91773174c21bd7792e6007df06",{"_72":157,"_74":-7,"_76":158},{"_72":146,"_74":-7,"_76":147},"backend/sdk.ts",{"_32":148,"_13":149,"_80":150,"_82":115,"_84":58,"_85":151,"_87":26,"_34":152,"_40":153,"_90":91,"_92":154,"_66":48,"_94":-5,"_95":-7,"_72":155,"_97":156},"23d40062-585b-11f0-8032-f69ea79377d9","sdk.ts","9badb206-5859-11f0-a46f-f69ea79377d9",21,["D",1751580891474],3,"import ValTown from \"jsr:@valtown/sdk\";\n\nexport const sdk = new ValTown();",[123,149],"5bdf6188867c8bba01979e740bc7bdff96584c327ce83ba8b9c519bae4ff8108","backend/receipt.ts",{"_32":159,"_13":160,"_80":161,"_82":115,"_84":58,"_85":20,"_87":26,"_34":162,"_40":151,"_90":163,"_92":164,"_66":48,"_94":165,"_95":-7,"_72":166,"_97":167},"8014d08a-585c-11f0-8dca-f69ea79377d9","receipt.ts","f81ede9a-5857-11f0-bffb-f69ea79377d9",["D",1751581475749],"email","import { sdk } from \"./sdk.ts\";\n\nconst prefix = \"email-aggrogator\";\n\nexport default async function (e: Email) {\n const time = Date.now();\n\n if (e.attachments.length !== 1) {\n console.log(\"Received an email without exactly 1 attachement. Skipping processing.\");\n }\n\n try {\n await sdk.blobs.store(`${prefix}/${time}`, e.attachments[0]);\n console.log(\"Successfully saved email attachment\");\n } catch {\n console.error(\"Failed to save email attachment\");\n }\n}","remarkable",[123,160],"06394de6215f1d90cd41763b456a3a624013482ae0d11313d63e29eea4f2a335",["D",1751579312592],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","4555dd0e-707e-4444-acd3-049d206eb1db","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"bced381e-9ab2-4b55-929d-e7c5064f7f38","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_206":202},"org",{"_11":12,"_200":-5,"_201":202,"_173":174,"_203":204,"_205":48},"branch","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJvVXpPVUZRTjZGTGd2Q2t4c0RRdFpNZWJ5UCJ9","tier","pro","canRestrictVals","profileImageUrl","","adoptOrgId",{"_32":59,"_13":14,"_34":314,"_46":-5,"_169":48,"_49":50,"_170":50,"_171":-5,"_172":-5,"_173":174,"_175":114,"_176":26,"_177":26,"_178":-5,"_179":180,"_53":181,"_182":-5,"_183":-5,"_184":-5,"_185":-5,"_186":187,"_188":187,"_189":190,"_191":190,"_192":190,"_193":187,"_194":187,"_195":315,"_197":316,"_199":317,"_47":48},"tree",[257,261],"files",[257,258,259,260,261,262,263,264,265,266,267],"counts",{"_247":180,"_248":240,"_249":180,"_250":251,"_252":253},"contents",[236,237],"upstreamProject",{"_32":39,"_13":56,"_171":232,"_172":233,"_49":50,"_195":234},"upstreamBranch",{"_32":33,"_34":230,"_36":231,"_13":16,"_38":39,"_40":41,"_42":-5,"_43":-5,"_44":45,"_46":-5,"_47":48,"_49":50,"_51":52,"_53":54,"_55":56},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1740674013689],["D",1785420707976],"Starter template with client-side React & Hono server","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789592399&sig=9f2b8198a6bd290c0e4cd558a371acaf6bae0541324daebbd1636993bd403dce",{"_11":52,"_206":235},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789592399&sig=e3667930a878fd5db49e47cce78fe270a8ba33317e34775a1ada2dd4a7c49d8d",{"_32":244,"_13":123,"_80":115,"_82":-5,"_84":58,"_85":240,"_87":26,"_34":245,"_40":180,"_90":242,"_92":-5,"_66":48,"_94":-5,"_72":246},{"_32":238,"_13":99,"_80":239,"_82":-5,"_84":58,"_85":240,"_87":26,"_34":241,"_40":180,"_90":242,"_92":-5,"_66":48,"_94":-5,"_72":243},"76c9a956-5857-11f0-934d-f69ea79377d9","0e4f2b5c-133c-4715-a20a-b4926ea38d2d",1,["D",1751579312592],"directory",[99],"76c9965a-5857-11f0-934d-f69ea79377d9",["D",1751579312592],[123],"pulls","branches","forks","envVars",{"_254":180,"_256":180},"connections",{"_254":180,"_255":180},"count","unfilledCount","emptyCount",{"_32":244,"_13":123,"_80":115,"_82":-5,"_84":58,"_85":240,"_87":26,"_34":311,"_40":180,"_90":242,"_92":-5,"_66":48,"_94":-5,"_95":312,"_72":313},{"_32":112,"_13":113,"_80":114,"_82":115,"_84":58,"_85":116,"_87":26,"_34":117,"_40":118,"_90":119,"_92":120,"_66":48,"_94":-5,"_95":309,"_72":310},{"_32":159,"_13":160,"_80":161,"_82":115,"_84":58,"_85":20,"_87":26,"_34":162,"_40":151,"_90":163,"_92":164,"_66":48,"_94":165,"_95":307,"_72":308},{"_32":148,"_13":149,"_80":150,"_82":115,"_84":58,"_85":151,"_87":26,"_34":152,"_40":153,"_90":91,"_92":154,"_66":48,"_94":-5,"_95":305,"_72":306},{"_32":238,"_13":99,"_80":239,"_82":-5,"_84":58,"_85":240,"_87":26,"_34":302,"_40":180,"_90":242,"_92":-5,"_66":48,"_94":-5,"_95":303,"_72":304},{"_32":298,"_13":100,"_80":83,"_82":239,"_84":58,"_85":240,"_87":26,"_34":299,"_40":180,"_90":242,"_92":-5,"_66":48,"_94":-5,"_95":300,"_72":301},{"_32":78,"_13":79,"_80":81,"_82":83,"_84":58,"_85":86,"_87":26,"_34":88,"_40":89,"_90":91,"_92":93,"_66":48,"_94":-5,"_95":296,"_72":297},{"_32":289,"_13":290,"_80":291,"_82":239,"_84":58,"_85":240,"_87":26,"_34":292,"_40":180,"_90":140,"_92":293,"_66":48,"_94":-5,"_95":294,"_72":295},{"_32":282,"_13":283,"_80":284,"_82":239,"_84":58,"_85":240,"_87":26,"_34":285,"_40":180,"_90":140,"_92":286,"_66":48,"_94":-5,"_95":287,"_72":288},{"_32":275,"_13":276,"_80":277,"_82":239,"_84":58,"_85":240,"_87":26,"_34":278,"_40":180,"_90":91,"_92":279,"_66":48,"_94":-5,"_95":280,"_72":281},{"_32":268,"_13":269,"_80":270,"_82":239,"_84":58,"_85":240,"_87":26,"_34":271,"_40":180,"_90":140,"_92":272,"_66":48,"_94":-5,"_95":273,"_72":274},"76c9a726-5857-11f0-934d-f69ea79377d9","style.css","fad05d72-5a08-4478-a452-81a94aa754c3",["D",1751579312592],"body {\n font-family: -apple-system, Arial, sans-serif;\n color: #333;\n padding: 20px;\n}\n\nbutton {\n background-color: #4a90e2;\n color: white;\n border: none;\n padding: 8px 16px;\n border-radius: 4px;\n cursor: pointer;\n}\n\nbutton:hover {\n background-color: #357ae8;\n}",[],[99,269],"76c9a58c-5857-11f0-934d-f69ea79377d9","index.tsx","082fd1cf-081f-4c19-803e-0a4b82e427fd",["D",1751579312592],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./components/App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();",[],[99,276],"76c9a3ac-5857-11f0-934d-f69ea79377d9","index.html","ac1fab2c-ecab-44b3-b5cb-7f49d677598a",["D",1751579312592],"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n",[],[99,283],"76c99cb8-5857-11f0-934d-f69ea79377d9","favicon.svg","0e199036-f046-4be5-be97-81c3f2c17821",["D",1751579312592],"\n",[],[99,290],[],[99,100,79],"76c99a92-5857-11f0-934d-f69ea79377d9",["D",1751579312592],[263],[99,100],["D",1751579312592],[262,264,265,266,267],[99],[],[123,149],[],[123,160],[],[123,113],["D",1751579312592],[258,259,260],[123],["D",1751579312592],{"_11":12,"_206":202},{"_11":12,"_200":-5,"_201":202,"_173":174,"_203":204,"_205":48},{"_40":57,"_13":16,"_32":58,"_38":59,"_42":33,"_43":60,"_61":50,"_62":39,"_63":54,"_55":14,"_51":12},"ctx",{"_195":-5,"_227":351,"_352":353,"_354":355,"_356":48,"_357":48,"_358":48,"_359":26,"_360":-5,"_361":-7,"_362":-7,"_363":180,"_364":48,"_365":48,"_366":-5,"_367":48,"_368":48,"_369":48,"_370":-5},"ENV",{"_322":323,"_324":325,"_326":16,"_327":328,"_329":330,"_331":332,"_333":334,"_335":336,"_337":338,"_339":340,"_341":342,"_343":344,"_345":346,"_347":348,"_349":350},"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"]

Compare

Mergewolf/mainintotemplates/main

Hbackend/index.ts+6-20

frontend/components/App.tsx+4-2

Ebackend/receipt.ts+18-0

backend/sdk.ts+3-0

README.md+0-23