Force Push

\n This app lets you \"force push\" from one val's branch to another.\n

\n The destination is where you want to push the code to.\n

\n The source is the version of the code you want to push.\n

How to use this app:

Copy the IDs from the ... > Copy menu on code files.
Press \"Force push\".
\n This app creates a new branch off your destination branch:\n force-push-temp\n
This app sync from your source branch to force-push-temp
You compare the force-push-temp to the destination branch
If it looks good, you merge it
\n Confirm all the val triggers (cron, email, http) are as expected in\n the destination\n

\n confirm(\"Are you sure?\") ? null : e.preventDefault()}\n >\n

\n Source val ID:\n

\n \n

\n Source branch ID:\n

\n \n

\n Destination val ID:\n

\n \n

\n Destination branch ID:\n

\n \n \n

\n Val Town API key with val:write:\n

\n \n \n

\n \n Force push\n \n \n

\n );\n}",[],[192,198,204],[192,198],{"_103":213,"_95":214,"_154":215,"_156":193,"_157":137,"_158":216,"_159":160,"_105":217,"_100":142,"_162":218,"_164":219,"_165":22,"_166":-5,"_167":220,"_99":221},"80733ad4-506f-11f0-9ed1-f69ea79377d9","index.html","a9630b93-97cc-425b-9eaf-82f20c6e7e67",5,["D",1750710027417],"file","\n\n \n \n \n Force Push\n \n \n \n

\n \n \n \n",[],[192,214],{"_103":223,"_95":224,"_154":225,"_156":193,"_157":137,"_158":142,"_159":160,"_105":226,"_100":32,"_162":185,"_164":227,"_165":22,"_166":-5,"_167":228,"_99":229},"8047fcb6-506f-11f0-874c-f69ea79377d9","index.tsx","29649ff2-968b-4856-89f5-62fcb2598779",["D",1750710027216],"/** @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();",[],[192,224],[192],{"_103":232,"_95":233,"_154":234,"_156":-5,"_157":137,"_158":235,"_159":160,"_105":236,"_100":142,"_162":218,"_164":72,"_165":22,"_166":-5,"_167":237,"_99":238},"806bcc0e-506f-11f0-b93d-f69ea79377d9","README.md","a46a2615-ee56-4a25-903d-17717ce53c93",4,["D",1750710027415],[],[233],"files",[151,169,179,190,196,202,212,222,231],"counts",{"_243":32,"_244":183,"_245":32,"_246":32},"pulls","branches","forks","envVars","contents",[249,252,255],{"_103":152,"_95":153,"_154":155,"_156":-5,"_157":137,"_158":142,"_159":160,"_105":250,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_99":251},["D",1750710027216],[153],{"_103":191,"_95":192,"_154":193,"_156":-5,"_157":137,"_158":142,"_159":160,"_105":253,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_99":254},["D",1750710027216],[192],{"_103":232,"_95":233,"_154":234,"_156":-5,"_157":137,"_158":235,"_159":160,"_105":256,"_100":142,"_162":218,"_164":72,"_165":22,"_166":-5,"_99":257},["D",1750710027415],[233],"upstreamProject",{"_103":260,"_95":261,"_111":262,"_112":-5,"_109":110,"_23":263},"96102714-f528-11ef-aa68-569c3dd06744","reactHonoStarter","Starter template with client-side React & Hono server",{"_93":264,"_129":265},"std","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJVaVhpQ1BId3dscVpBbkdZVWlMNjJtcjkxWS5wbmcifQ","upstreamBranch",{"_103":140,"_105":268,"_269":270,"_95":43,"_138":104,"_100":142,"_139":271,"_141":272,"_273":274,"_107":-5,"_148":22,"_109":110,"_147":94,"_16":118,"_146":96},["D",1750706183715],"updatedAt",["D",1750706183715],"961078ea-f528-11ef-aa68-569c3dd06744",67,"lockfileKey","1754033920914-esm.town_v_stevekrouse_force-push-test@1-main","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.compare.$branch",{"_93":94,"_95":96,"_97":98,"_101":281,"_286":287,"_288":32,"_289":290,"_373":160,"_374":285,"_375":376,"_379":-5},{"_103":104,"_95":96,"_105":282,"_107":-5,"_108":22,"_109":110,"_111":-5,"_112":-5,"_14":113,"_114":-5,"_115":22,"_116":-5,"_117":32,"_16":118,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_23":283,"_131":284,"_134":285,"_148":22},["D",1750706183715],{"_93":94,"_129":130},{"_93":94,"_133":130},{"_100":136,"_95":98,"_103":137,"_138":104,"_139":140,"_141":142,"_143":110,"_144":104,"_145":118,"_146":96,"_147":94},"ahead",7,"behind","diff",{"_291":292,"_165":301,"_323":324},"added",[293],{"_99":294,"_295":-7,"_296":297},"backend/push.ts","targetFile","sourceFile",{"_103":180,"_95":181,"_154":182,"_156":155,"_157":137,"_158":183,"_159":160,"_105":184,"_100":32,"_162":185,"_164":186,"_165":22,"_166":-5,"_167":-7,"_99":298,"_299":300},[153,181],"contentHash","a77547cbc39a71a942642aec65c4570f4f3aabf8099e27452b1ac2639af45fff",[302,313],{"_99":303,"_295":304,"_296":-7},"frontend/favicon.svg",{"_103":305,"_95":306,"_154":307,"_156":308,"_157":140,"_158":142,"_159":160,"_105":309,"_100":32,"_162":218,"_164":310,"_165":22,"_166":-5,"_167":-7,"_99":311,"_299":312},"8d7268bc-5066-11f0-b629-f69ea79377d9","favicon.svg","1db674b1-661b-4b7e-a9b5-edf632056da5","8aa36f4b-9669-42c5-98bd-dded12fe5ef0",["D",1750706183715],"\n",[192,306],"1b9cfa9bc87dc0db12471f908bb8438c469ac9b2a59379157b627909cb30fc53",{"_99":314,"_295":315,"_296":-7},"frontend/style.css",{"_103":316,"_95":317,"_154":318,"_156":308,"_157":140,"_158":142,"_159":160,"_105":319,"_100":32,"_162":218,"_164":320,"_165":22,"_166":-5,"_167":-7,"_99":321,"_299":322},"8d726d26-5066-11f0-b629-f69ea79377d9","style.css","2e5e5519-bb92-419f-bf4d-2faa5bb48ce2",["D",1750706183715],"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}",[192,317],"b49dbacf73399ab7ee7536c11a2a8799cf421abe5c4ce6c0ad730636f7f9a085","modified",[325,335,348,361],{"_99":233,"_295":326,"_296":333},{"_103":327,"_95":233,"_154":328,"_156":-5,"_157":140,"_158":142,"_159":160,"_105":329,"_100":32,"_162":218,"_164":330,"_165":22,"_166":-5,"_167":-7,"_99":331,"_299":332},"8d727050-5066-11f0-b629-f69ea79377d9","cbbe4cf7-79f5-4cff-aa68-b3f5f13c59ac",["D",1750706183715],"# 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.",[233],"e021efc233b82184fe895bf7f2dd5cf86d8abf91773174c21bd7792e6007df06",{"_103":232,"_95":233,"_154":234,"_156":-5,"_157":137,"_158":235,"_159":160,"_105":236,"_100":142,"_162":218,"_164":72,"_165":22,"_166":-5,"_167":-7,"_99":334,"_299":-5},[233],{"_99":336,"_295":337,"_296":345},"backend/index.ts",{"_103":338,"_95":171,"_154":339,"_156":340,"_157":140,"_158":142,"_159":160,"_105":341,"_100":32,"_162":175,"_164":342,"_165":22,"_166":-5,"_167":-7,"_99":343,"_299":344},"8d72409e-5066-11f0-b629-f69ea79377d9","445f9d2d-7a6c-4e7f-9012-2797baca9876","1ca12e89-74b8-4c9f-bc2b-ab8cf9c1f86a",["D",1750706183715],"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;",[153,171],"1fe3293a95b653dc8edac73588099097b9ae05f0f81c610ed28eb5700f113cd3",{"_103":170,"_95":171,"_154":172,"_156":155,"_157":137,"_158":173,"_159":160,"_105":174,"_100":142,"_162":175,"_164":176,"_165":22,"_166":-5,"_167":-7,"_99":346,"_299":347},[153,171],"b2d0b8265a050d96867f17f2a95c6feb5b4ff1922fa3250140f5acc88fc3eaee",{"_99":349,"_295":350,"_296":358},"frontend/components/App.tsx",{"_103":351,"_95":204,"_154":352,"_156":353,"_157":140,"_158":142,"_159":160,"_105":354,"_100":32,"_162":185,"_164":355,"_165":22,"_166":-5,"_167":-7,"_99":356,"_299":357},"8d726542-5066-11f0-b629-f69ea79377d9","852d88da-0823-4cec-9d15-dad13789d5dd","7907711a-203c-4590-8a0c-aeacf30401f1",["D",1750706183715],"/** @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}",[192,198,204],"572f45a0f0ec99935ff566c31d3bbf761edf962e408c2e2fb6df62cbb636a5c4",{"_103":203,"_95":204,"_154":205,"_156":199,"_157":137,"_158":206,"_159":160,"_105":207,"_100":142,"_162":185,"_164":208,"_165":22,"_166":-5,"_167":-7,"_99":359,"_299":360},[192,198,204],"72077f270d0d0836191e53dd5ae61ffc67268a6d623392e692c286c166bfd941",{"_99":362,"_295":363,"_296":370},"frontend/index.html",{"_103":364,"_95":214,"_154":365,"_156":308,"_157":140,"_158":142,"_159":160,"_105":366,"_100":32,"_162":218,"_164":367,"_165":22,"_166":-5,"_167":-7,"_99":368,"_299":369},"8d726a2e-5066-11f0-b629-f69ea79377d9","61acd27a-7209-4aeb-a690-7d26ab0175ac",["D",1750706183715],"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n",[192,214],"00b049f0bfc288e5f73af71007507eb30ded9090b8988a106e817586af9897c9",{"_103":213,"_95":214,"_154":215,"_156":193,"_157":137,"_158":216,"_159":160,"_105":217,"_100":142,"_162":218,"_164":219,"_165":22,"_166":-5,"_167":-7,"_99":371,"_299":372},[192,214],"811e9d010123070128853f009ca544ce4c94bf267244bc876e8f86cc0906a7aa","hasChanges","sourceBranch","targetBranch",{"_103":140,"_105":377,"_269":378,"_95":43,"_138":104,"_100":142,"_139":271,"_141":272,"_273":274,"_107":-5,"_148":22,"_109":110,"_147":94,"_16":118,"_146":96},["D",1750706183715],["D",1750706183715],"pull","actionData","errors"]

stevekrouse

force-push-test

Mergeforce-push-tempintomain

README.md+0-23

Hbackend/index.ts+18-18

frontend/components/App.tsx+75-3

frontend/index.html+2-3

backend/push.ts+106-0

frontend/favicon.svg+0-5

frontend/style.css+0-18