moka

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_217":218,"_219":220},"routes/_app.x.$handle.$name",{"_97":96,"_32":45,"_105":87,"_27":106,"_13":14,"_107":-5,"_11":108,"_109":110,"_111":112,"_113":114,"_115":116,"_20":-5,"_117":-5,"_118":-5,"_119":25,"_120":121,"_122":58,"_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",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":31,"_57":58,"_59":58,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":80,"_81":82,"_83":84,"_85":25},"version",23,"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","main.ts","latestPath","fileId","51cf1efc-c458-11f0-83ae-42dde27851f2","name","fileType","http","content","import { Hono } from \"https://esm.sh/hono@4\";\nimport { serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport {\n CookieStore,\n Session,\n sessionMiddleware,\n} from \"jsr:@jcs224/hono-sessions@0.8.0\";\nimport ValTown from \"https://esm.sh/@valtown/sdk@3\";\nimport { nanoid } from \"jsr:@sitnik/nanoid@5\";\n\ntype SessionDataTypes = {\n \"authenticated\": boolean;\n};\n\nconst app = new Hono<{\n Variables: {\n session: Session;\n };\n}>();\nconst store = new CookieStore();\nconst vt = new ValTown({\n bearerToken: Deno.env.get(\"VAL_API_TOKEN\"),\n});\nconst { username } = await vt.me.profile.retrieve();\nconst { id: val_id } = await vt.alias.username.valName.retrieve(\n \"mokaServer\", // 🔴 replace with your own val name\n { username },\n);\n\n// 🔴 only needed if not on `main` branch\n// const branch = await vt.vals.branches.list(val_id, { limit: 2, offset: 0 });\n// const branch_id = branch.data[0].id;\n// console.log(\"branch.data[0].name:\", branch.data[0].name);\n\napp.use(\n \"*\",\n sessionMiddleware({\n store,\n encryptionKey: () => nanoid(32), // Required for CookieStore, recommended for others.\n // You can also supply a function instead of a plain string\n // encryptionKey: () => 'function_that_returns_a_long_string'\n expireAfterSeconds: 86400, // Expire session after 24 hrs of inactivity\n cookieOptions: {\n sameSite: \"Lax\", // Recommended for basic CSRF protection in modern browsers\n path: \"/\", // Required for this library to work properly\n httpOnly: true, // Recommended to avoid XSS attacks\n secure: true,\n maxAge: 7 * 24 * 60 * 60,\n },\n }),\n);\n\napp.get(\"/\", async () => {\n return await serveFile(\"/index.html\", import.meta.url);\n});\n\napp.post(\"/\", checkAuth, async (c) => {\n const body = await c.req.formData();\n const fileContent = body.get(\"file\") as string;\n\n try {\n await vt.vals.files.update(val_id, {\n path: \"index.html\",\n content: fileContent,\n // branch_id, // 🔴 only needed if not on main. comment out otherwise.\n });\n console.log(\"Edits saved!\");\n return c.text(\"successful\");\n } catch (e) {\n console.log(e);\n }\n});\n\napp.get(\"/login\", async (c) => {\n const auth = c.get(\"session\").get(\"authenticated\");\n if (!auth) {\n return await serveFile(\"/login.html\", import.meta.url);\n } else {\n return c.redirect(\"/\");\n }\n});\n\napp.post(\"/login\", async (c) => {\n const { password }: { password: string } = await c.req.parseBody();\n const session = c.get(\"session\");\n if (password === Deno.env.get(\"PASSWORD\")) {\n session.set(\"authenticated\", true);\n }\n return c.redirect(\"/\");\n});\n\napp.get(\"/logout\", (c) => {\n const session = c.get(\"session\");\n session.forget(\"authenticated\");\n return c.redirect(\"/\");\n});\n\napp.get(\"*\", async (c) => {\n console.log(c.req.path);\n return await serveFile(c.req.path, import.meta.url);\n});\n\nasync function checkAuth(c, next) {\n const session = c.get(\"session\");\n const auth = session.get(\"authenticated\");\n if (!auth) return c.text(\"Unauthenticated!\", 401);\n await next();\n}\n\nexport default app.fetch;","import { Hono } from \"https://esm.sh/hono@4\";\nimport { serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport {\n CookieStore,\n Session,\n sessionMiddleware,\n} from \"jsr:@jcs224/hono-sessions@0.8.0\";\nimport ValTown from \"https://esm.sh/@valtown/sdk@3\";\nimport { nanoid } from \"jsr:@sitnik/nanoid@5\";\n\ntype SessionDataTypes = {\n \"authenticated\": boolean;\n};\n\nconst app = new Hono<{\n Variables: {\n session: Session;\n };\n}>();\nconst store = new CookieStore();\nconst vt = new ValTown();\nconst { username } = await vt.me.profile.retrieve();\nconst { id: val_id } = await vt.alias.username.valName.retrieve(\n \"mokaServer\", // 🔴 replace with your own val name\n { username },\n);\n\n// 🔴 only needed if not on `main` branch\n// const branch = await vt.vals.branches.list(val_id, { limit: 2, offset: 0 });\n// const branch_id = branch.data[0].id;\n// console.log(\"branch.data[0].name:\", branch.data[0].name);\n\napp.use(\n \"*\",\n sessionMiddleware({\n store,\n encryptionKey: () => nanoid(32), // Required for CookieStore, recommended for others.\n // You can also supply a function instead of a plain string\n // encryptionKey: () => 'function_that_returns_a_long_string'\n expireAfterSeconds: 86400, // Expire session after 24 hrs of inactivity\n cookieOptions: {\n sameSite: \"Lax\", // Recommended for basic CSRF protection in modern browsers\n path: \"/\", // Required for this library to work properly\n httpOnly: true, // Recommended to avoid XSS attacks\n secure: true,\n maxAge: 7 * 24 * 60 * 60,\n },\n }),\n);\n\napp.get(\"/\", async () => {\n return await serveFile(\"/index.html\", import.meta.url);\n});\n\napp.post(\"/\", checkAuth, async (c) => {\n const body = await c.req.formData();\n const fileContent = body.get(\"file\") as string;\n\n try {\n await vt.vals.files.update(val_id, {\n path: \"index.html\",\n content: fileContent,\n // branch_id, // 🔴 only needed if not on main. comment out otherwise.\n });\n console.log(\"Edits saved!\");\n return c.text(\"successful\");\n } catch (e) {\n console.log(e);\n }\n});\n\napp.get(\"/login\", async (c) => {\n const auth = c.get(\"session\").get(\"authenticated\");\n if (!auth) {\n return await serveFile(\"/login.html\", import.meta.url);\n } else {\n return c.redirect(\"/\");\n }\n});\n\napp.post(\"/login\", async (c) => {\n const { password }: { password: string } = await c.req.parseBody();\n const session = c.get(\"session\");\n if (password === Deno.env.get(\"PASSWORD\")) {\n session.set(\"authenticated\", true);\n }\n return c.redirect(\"/\");\n});\n\napp.get(\"/logout\", (c) => {\n const session = c.get(\"session\");\n session.forget(\"authenticated\");\n return c.redirect(\"/\");\n});\n\napp.get(\"*\", async (c) => {\n console.log(c.req.path);\n return await serveFile(c.req.path, import.meta.url);\n});\n\nasync function checkAuth(c, next) {\n const session = c.get(\"session\");\n const auth = session.get(\"authenticated\");\n if (!auth) return c.text(\"Unauthenticated!\", 401);\n await next();\n}\n\nexport default app.fetch;","createdAt",["D",1787441679935],"branchVersion","branchId","51cda3f6-c458-11f0-83ae-42dde27851f2","id","51cd65f8-c458-11f0-83ae-42dde27851f2","mokaServer",["D",1763454405703],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","A Hono server to run Moka, a self-contained wiki engine.","imageUrl","22de98d0-1a98-11f0-b6b4-8dd629af732f","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","f1a011d2-6ff0-48b1-ae7d-0aba81b3ea1d","tursoName","tursoHostname","tursoMeasuredAt","pinned",1,"userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_97":96,"_104":100},"org",{"_97":96,"_98":-5,"_99":100,"_18":55,"_101":102,"_103":25},"branch",{"_13":86,"_32":87,"_43":42,"_88":44,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":45,"_95":96},"isOwned",24,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","foliage","handle","displayName","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/2e848b6c-a955-453d-dc89-6c494681cc00/square512?exp=1789552799&sig=73af8bbde5560eed4a315529598677c18bbaecff211eed8196e4c37c24229caf","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":213,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":31,"_57":58,"_59":58,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":214,"_81":215,"_83":216,"_85":25},"tree",[188,189,190,191,192,193],"files",[188,189,190,191,192,193],"counts",{"_178":62,"_179":168,"_180":62,"_181":182,"_183":184},"contents",[127,128,129,130,131,132],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":171,"_32":172,"_30":173,"_136":-5,"_41":42,"_40":174,"_138":58,"_38":175,"_13":140,"_33":20,"_35":176,"_24":25,"_142":-5,"_27":177},{"_43":163,"_32":164,"_30":165,"_136":-5,"_41":42,"_40":166,"_138":58,"_38":167,"_13":168,"_33":20,"_35":169,"_24":25,"_142":-5,"_27":170},{"_43":156,"_32":157,"_30":158,"_136":-5,"_41":42,"_40":159,"_138":58,"_38":160,"_13":62,"_33":20,"_35":161,"_24":25,"_142":-5,"_27":162},{"_43":151,"_32":28,"_30":31,"_136":-5,"_41":42,"_40":14,"_138":25,"_38":152,"_13":153,"_33":34,"_35":37,"_24":25,"_142":154,"_27":155},{"_43":144,"_32":145,"_30":146,"_136":-5,"_41":42,"_40":147,"_138":58,"_38":148,"_13":140,"_33":20,"_35":149,"_24":25,"_142":-5,"_27":150},{"_43":133,"_32":134,"_30":135,"_136":-5,"_41":42,"_40":137,"_138":58,"_38":139,"_13":140,"_33":20,"_35":141,"_24":25,"_142":-5,"_27":143},"91472dc4-c4ec-11f0-b48f-42dde27851f2","robots.txt","83360b06-c4ec-11f0-8a32-42dde27851f2","parentId",9,"latest",["D",1763518077708],3,"User-agent: *\nDisallow: /","label",[134],"2d6cedc0-c4ec-11f0-a454-42dde27851f2","moka.html","0d433e1e-c4ec-11f0-994c-42dde27851f2",5,["D",1763517910183],"\n\n\n \n \n moka\n \n \n \n \n \n \n\n\n

\n \n \n\n",[164],"b0b8f970-c6af-11f0-afe6-42dde27851f2","README.md","d0794296-c69c-11f0-a875-42dde27851f2",15,["D",1763711833488],"This is a server built with Hono to run Moka, a small wiki engine contained in a single file. Moka is created by [m15o](https://m15o.ichi.city), originally hosted at [moka.pub](https://moka.pub). I made this val so I can host it myself. You can [remix this val](https://www.val.town/x/foliage/mokaServer/) as a starter template to host your own Moka on Val Town.\n\n## Remix instructions\n\n1. Click the **Remix** button on [this val](https://www.val.town/x/foliage/mokaServer/).\n2. Open the **Environment variables** menu on the left, and enter two variables:\n - for the `VAL_API_TOKEN` variable, you need to go to **Settings** > [**API Tokens**](https://www.val.town/settings/api) and create a new API token. Give it a descriptive name so that you remember what this token is for. For the Permissions, give **Read-only** permission to **Users**, and **Read and write** permission to **Vals**. Click **Create Token** and copy the token, then paste as the value to your `VAL_API_TOKEN` variable.\n - `PASSWORD` is the password you will have to enter to log in. This way, only you can post entries to your Moka (everyone can see the edit button on every page and open the editor, but they can't publish the changes without logging in first). So create a password as usual and enter it to this variable.\n3. In `main.ts`, click the ⫶ three dot menu (next to the green **HTTP** button) and choose **Open HTTP endpoint** to see your new Moka instance in a new tab. You're likely going to see a long url you won't be able to remember. No worries, you can change that with a custom subdomain (like [mine](https://parchment.val.run)) later (see Val Town [docs](https://docs.val.town/vals/http/custom-subdomains/)).\n4. Click login and enter the password you created before. You should be redirected back to the landing page of your Moka. Now you can make edits to your heart's content and publish them.\n\nFor more information on how Moka works and how to use it, read the [manual](https://moka.pub/manual).\n\nMoka can also be used offline. Just download [moka.html](https://mokaserver.val.run/moka.html) and open it with a browser. Everything is contained in that single file. When you make edits, you'll have the option to save your updated file or export the entries.\n\n## Backstory you probably don't care about\n\nThis used to be a [Glitch project](https://moka-express.glitch.me) 🥀. I archived the project [here](https://github.com/chartaseus/moka-express), and even updated beforehand to make sure it can run on localhost.\n\nBecause vals don't have direct access to the file system (you can't use Node's `fs` module here), I used to hack this with inelegant regex and blob to faithfully mimic Moka's behavior as a quine, but after a long winding journey I finally found a way to update the source file directly just like on a local server with write access to the file system, thanks to Val Town SDK.",[172],"pulls","branches","forks","envVars",{"_185":168,"_187":62},"connections",{"_185":62,"_186":62},"count","unfilledCount","emptyCount",{"_43":171,"_32":172,"_30":173,"_136":-5,"_41":42,"_40":174,"_138":58,"_38":210,"_13":140,"_33":20,"_35":176,"_24":25,"_142":-5,"_195":211,"_27":212},{"_43":163,"_32":164,"_30":165,"_136":-5,"_41":42,"_40":166,"_138":58,"_38":207,"_13":168,"_33":20,"_35":169,"_24":25,"_142":-5,"_195":208,"_27":209},{"_43":156,"_32":157,"_30":158,"_136":-5,"_41":42,"_40":159,"_138":58,"_38":204,"_13":62,"_33":20,"_35":161,"_24":25,"_142":-5,"_195":205,"_27":206},{"_43":151,"_32":28,"_30":31,"_136":-5,"_41":42,"_40":14,"_138":25,"_38":201,"_13":153,"_33":34,"_35":37,"_24":25,"_142":154,"_195":202,"_27":203},{"_43":144,"_32":145,"_30":146,"_136":-5,"_41":42,"_40":147,"_138":58,"_38":198,"_13":140,"_33":20,"_35":149,"_24":25,"_142":-5,"_195":199,"_27":200},{"_43":133,"_32":134,"_30":135,"_136":-5,"_41":42,"_40":137,"_138":58,"_38":194,"_13":140,"_33":20,"_35":141,"_24":25,"_142":-5,"_195":196,"_27":197},["D",1763518077708],"children",[],[134],["D",1763517910183],[],[145],["D",1787441679935],[],[28],["D",1763703623475],[],[157],["D",1765494055733],[],[164],["D",1763711833488],[],[172],["D",1763454405703],{"_97":96,"_104":100},{"_97":96,"_98":-5,"_99":100,"_18":55,"_101":102,"_103":25},{"_13":86,"_32":87,"_43":42,"_88":44,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":45,"_95":96},"ctx",{"_79":-5,"_124":250,"_251":252,"_253":254,"_255":25,"_256":25,"_257":25,"_258":58,"_259":-5,"_260":-7,"_261":-7,"_262":62,"_263":25,"_264":25,"_265":-5,"_266":25,"_267":25,"_268":25,"_269":-5},"ENV",{"_221":222,"_223":224,"_225":87,"_226":227,"_228":229,"_230":231,"_232":233,"_234":235,"_236":237,"_238":239,"_240":241,"_242":243,"_244":245,"_246":247,"_248":249},"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"]

\n new\n index\n ls\n ref\n mv\n del\n orph\n import\n export\n reset\n view\n save\n publish\n
\n \n
\n \n \n	\n \n

Diff · v23