[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_207":208,"_209":210},"routes/_app.x.$handle.$name",{"_99":98,"_37":48,"_108":89,"_32":109,"_13":14,"_110":-5,"_11":111,"_112":113,"_114":115,"_116":117,"_118":119,"_26":-5,"_120":-5,"_121":-5,"_122":30,"_123":124,"_125":62,"_126":-5,"_127":-5,"_128":129},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_46":47,"_37":48,"_41":49,"_50":-5,"_51":30,"_52":53,"_54":53,"_55":56,"_57":-5,"_19":58,"_59":60,"_61":62,"_63":-5,"_64":-5,"_65":66,"_67":68,"_69":-5,"_70":-5,"_71":-5,"_72":-5,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":83,"_84":85,"_86":87,"_88":30},"version",10,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","21aa40f9-8ad0-47c2-84cf-5852705b3323","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":-7,"_29":30,"_31":30,"_32":33,"_34":33},"file",{"_35":36,"_37":33,"_38":26,"_39":40,"_41":42,"_43":14,"_44":45,"_29":30},"previous","deleted",false,"deletedHere","path","README.md","latestPath","fileId","5d08ee10-84bf-11f1-a0d2-1607ee4eb77e","name","fileType","content","# 🐍 Python Black Formatter\n\nFormat Python code Black-style, right in the browser or via API. Powered by\n[ruff](https://docs.astral.sh/ruff/formatter/)'s WASM formatter — a drop-in\nreplacement for Black — so no Python runtime is needed.\n\n## Web UI\n\nOpen the val's endpoint, paste Python code, hit **Format** (or Ctrl/Cmd+Enter).\n\n## API\n\n`POST /format`\n\n- **JSON**: `{\"code\": \"def f( ):pass\", \"line_width\": 88}` → `{\"formatted\": \"...\"}`\n- **Raw text**: send Python source as the body → formatted Python comes back as text\n\n```sh\ncurl -X POST --data-binary @script.py /format\n```\n\n## Files\n\n```mermaid\ngraph LR\n main.ts[main.ts
HTTP routes] --> formatter.ts[formatter.ts
ruff WASM wrapper]\n main.ts --> index.html[index.html
UI]\n index.html --> app.js[app.js
frontend logic]\n```\n\nDefaults match Black: 88-char lines, 4-space indent, double quotes.\n","createdAt",["D",1784609285956],"branchVersion","branchId","0e4fa247-df23-4ef8-97d6-25316a44d362","id","b9300bda-96b7-44e6-91ea-0f28238b0954","python-black-formatter",["D",1784609150828],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Black-style Python formatter (ruff WASM) with web UI + API","imageUrl","a3d068e8-3eb9-4648-ac7f-19e69e1b3ec3","pinnedFileId","0c8318d0-84bf-11f1-82e6-1607ee4eb77e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019f82fc-eefb-70f7-a0a7-d6e68e7a23a9","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_99":98,"_107":103},"org",{"_99":98,"_100":101,"_102":103,"_19":58,"_104":105,"_106":30},"branch",{"_13":14,"_37":89,"_46":45,"_90":47,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":48,"_97":98},"isOwned","main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","momja","handle","displayName","Max Omdal","avatar","https://avatars.githubusercontent.com/u/3757888?v=4","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_46":47,"_37":48,"_41":203,"_50":-5,"_51":30,"_52":53,"_54":53,"_55":56,"_57":-5,"_19":58,"_59":60,"_61":62,"_63":-5,"_64":-5,"_65":66,"_67":68,"_69":-5,"_70":-5,"_71":-5,"_72":-5,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":204,"_84":205,"_86":206,"_88":30},"tree",[182,183,184,185,186],"files",[182,183,184,185,186],"counts",{"_171":66,"_172":173,"_174":66,"_175":176,"_177":178},"contents",[130,131,132,133,134],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_46":168,"_37":33,"_35":36,"_137":-5,"_44":45,"_43":14,"_139":62,"_41":169,"_13":66,"_38":26,"_39":40,"_29":30,"_144":-5,"_32":170},{"_46":161,"_37":162,"_35":163,"_137":-5,"_44":45,"_43":164,"_139":62,"_41":165,"_13":66,"_38":158,"_39":166,"_29":30,"_144":-5,"_32":167},{"_46":153,"_37":154,"_35":155,"_137":-5,"_44":45,"_43":156,"_139":62,"_41":157,"_13":149,"_38":158,"_39":159,"_29":30,"_144":-5,"_32":160},{"_46":146,"_37":147,"_35":148,"_137":-5,"_44":45,"_43":149,"_139":62,"_41":150,"_13":66,"_38":26,"_39":151,"_29":30,"_144":-5,"_32":152},{"_46":135,"_37":136,"_35":60,"_137":-5,"_44":45,"_43":138,"_139":62,"_41":140,"_13":141,"_38":142,"_39":143,"_29":30,"_144":-5,"_32":145},"675667c2-060a-436e-8039-3b3afe7410dd","main.ts","parentId",9,"latest",["D",1784609276351],2,"http","import { Hono } from \"npm:hono\";\nimport { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { formatPython } from \"./formatter.ts\";\n\nconst app = new Hono();\napp.onError((err) => Promise.reject(err));\n\napp.get(\"/\", (c) => serveFile(\"/index.html\", import.meta.url));\napp.get(\"/app.js\", (c) => serveFile(\"/app.js\", import.meta.url));\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// POST /format — accepts JSON {code, line_width?} or a raw text body of Python code\napp.post(\"/format\", async (c) => {\n const raw = await c.req.text();\n let code = raw;\n let line_width: number | undefined;\n let wantsJson = false;\n\n // Detect a JSON envelope {code: \"...\", line_width?} regardless of headers\n if (raw.trimStart().startsWith(\"{\")) {\n try {\n const body = JSON.parse(raw);\n if (body && typeof body.code === \"string\") {\n code = body.code;\n wantsJson = true;\n if (typeof body.line_width === \"number\") line_width = body.line_width;\n }\n } catch {\n // not JSON — treat the raw body as Python source\n }\n }\n\n if (!code.trim()) {\n return c.json({ error: \"No code provided\" }, 400);\n }\n\n try {\n const formatted = await formatPython(code, { line_width });\n // Raw-text requests get raw text back (curl-friendly)\n return wantsJson ? c.json({ formatted }) : c.text(formatted);\n } catch (err) {\n return c.json({ error: String(err) }, 400);\n }\n});\n\nexport default app.fetch;\n","label",[136],"e077771b-3245-4296-b81b-8600106ed75f","index.html","208dbb28-84bf-11f1-853a-1607ee4eb77e",3,["D",1784609184487],"\n\n\n \n \n Python Black Formatter\n \n \n\n\n

🐍 Python Black Formatter

\n Black-compatible formatting powered by ruff (WASM). Paste code, hit Format.\n

\n view source\n

\n\n

\n \n \n \n Line length\n \n \n \n

\n\n

Input

\n \n

Formatted

\n \n

\n\n

\n API: POST /format with JSON\n {\"code\": \"...\"} or raw text body.\n

\n \n\n\n",[147],"199b4a3f-1122-4206-9f42-9eb86380ec15","formatter.ts","1a5c28de-84bf-11f1-9398-1607ee4eb77e",8,["D",1784609247346],"script","// Python formatter backed by ruff's WASM build.\n// Ruff's formatter is designed as a drop-in replacement for Black.\nimport init, { format } from \"https://cdn.jsdelivr.net/npm/@wasm-fmt/ruff_fmt@0.15.20/ruff_fmt_web.js\";\n\nconst WASM_URL =\n \"https://cdn.jsdelivr.net/npm/@wasm-fmt/ruff_fmt@0.15.20/ruff_fmt_bg.wasm\";\nconst ready = init(WASM_URL);\n\nexport interface FormatOptions {\n line_width?: number; // Black default: 88\n indent_width?: number; // Black default: 4\n quote_style?: \"double\" | \"single\" | \"preserve\";\n}\n\nexport async function formatPython(\n code: string,\n opts: FormatOptions = {},\n): Promise {\n await ready;\n return format(code, \"main.py\", {\n line_width: 88,\n indent_width: 4,\n indent_style: \"space\",\n quote_style: \"double\",\n line_ending: \"lf\",\n magic_trailing_comma: \"respect\",\n ...opts,\n });\n}\n",[154],"2394d570-e2ba-4719-bfed-5e1cf8507253","app.js","24e9fcc2-84bf-11f1-853a-1607ee4eb77e",4,["D",1784609191802],"const input = document.getElementById(\"input\");\nconst output = document.getElementById(\"output\");\nconst status = document.getElementById(\"status\");\nconst lineWidth = document.getElementById(\"line-width\");\n\nasync function formatCode() {\n const code = input.value;\n if (!code.trim()) return;\n status.textContent = \"Formatting…\";\n try {\n const res = await fetch(\"/format\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n code,\n line_width: Number(lineWidth.value) || 88,\n }),\n });\n const data = await res.json();\n if (!res.ok) {\n status.textContent = \"❌ \" + (data.error || \"Format failed\");\n return;\n }\n output.value = data.formatted;\n status.textContent = \"✅ Formatted\";\n } catch (err) {\n status.textContent = \"❌ \" + err.message;\n }\n}\n\ndocument.getElementById(\"format-btn\").addEventListener(\"click\", formatCode);\n\ndocument.getElementById(\"copy-btn\").addEventListener(\"click\", async () => {\n if (!output.value) return;\n await navigator.clipboard.writeText(output.value);\n status.textContent = \"📋 Copied\";\n});\n\n// Ctrl/Cmd+Enter to format\ninput.addEventListener(\"keydown\", (e) => {\n if ((e.ctrlKey || e.metaKey) && e.key === \"Enter\") formatCode();\n});\n",[162],"54a82f15-15d4-41f5-824a-0b80222681c0",["D",1784609285956],[33],"pulls","branches",1,"forks","envVars",{"_179":66,"_181":66},"connections",{"_179":66,"_180":66},"count","unfilledCount","emptyCount",{"_46":168,"_37":33,"_35":36,"_137":-5,"_44":45,"_43":14,"_139":62,"_41":200,"_13":66,"_38":26,"_39":40,"_29":30,"_144":-5,"_188":201,"_32":202},{"_46":161,"_37":162,"_35":163,"_137":-5,"_44":45,"_43":164,"_139":62,"_41":197,"_13":66,"_38":158,"_39":166,"_29":30,"_144":-5,"_188":198,"_32":199},{"_46":153,"_37":154,"_35":155,"_137":-5,"_44":45,"_43":156,"_139":62,"_41":194,"_13":149,"_38":158,"_39":159,"_29":30,"_144":-5,"_188":195,"_32":196},{"_46":146,"_37":147,"_35":148,"_137":-5,"_44":45,"_43":149,"_139":62,"_41":191,"_13":66,"_38":26,"_39":151,"_29":30,"_144":-5,"_188":192,"_32":193},{"_46":135,"_37":136,"_35":60,"_137":-5,"_44":45,"_43":138,"_139":62,"_41":187,"_13":141,"_38":142,"_39":143,"_29":30,"_144":-5,"_188":189,"_32":190},["D",1784609276351],"children",[],[136],["D",1784609184487],[],[147],["D",1784609247346],[],[154],["D",1784609191802],[],[162],["D",1784609285956],[],[33],["D",1784609150828],{"_99":98,"_107":103},{"_99":98,"_100":101,"_102":103,"_19":58,"_104":105,"_106":30},{"_13":14,"_37":89,"_46":45,"_90":47,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":48,"_97":98},"ctx",{"_82":-5,"_127":240,"_241":242,"_243":244,"_245":30,"_246":30,"_247":30,"_248":62,"_249":-5,"_250":-7,"_251":-7,"_252":66,"_253":30,"_254":30,"_255":-5,"_256":30,"_257":30,"_258":30,"_259":-5},"ENV",{"_211":212,"_213":214,"_215":89,"_216":217,"_218":219,"_220":221,"_222":223,"_224":225,"_226":227,"_228":229,"_230":231,"_232":233,"_234":235,"_236":237,"_238":239},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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 · v10