diary _!!

\n \n

\n \n \n \n\n","2d4f422a-39a1-4344-a7d8-5beeccd3080e",["D",1783366369982],"branchVersion","label",[155,64],"pages","pulls","branches",1,"forks","envVars",{"_164":26,"_166":26},"connections",{"_164":26,"_165":26},"count","unfilledCount","emptyCount",{"_32":245,"_13":155,"_62":150,"_42":-5,"_34":35,"_152":182,"_180":85,"_36":246,"_38":26,"_65":208,"_148":-5,"_66":24,"_153":-5,"_186":247,"_17":248},{"_32":237,"_13":238,"_62":239,"_42":150,"_34":35,"_152":240,"_180":85,"_36":241,"_38":26,"_65":21,"_148":242,"_66":24,"_153":-5,"_186":243,"_17":244},{"_32":147,"_13":64,"_62":63,"_42":150,"_34":35,"_152":39,"_180":85,"_36":234,"_38":26,"_65":21,"_148":149,"_66":24,"_153":-5,"_186":235,"_17":236},{"_32":227,"_13":228,"_62":229,"_42":150,"_34":35,"_152":182,"_180":85,"_36":230,"_38":26,"_65":21,"_148":231,"_66":24,"_153":-5,"_186":232,"_17":233},{"_32":219,"_13":220,"_62":221,"_42":150,"_34":35,"_152":222,"_180":85,"_36":223,"_38":26,"_65":21,"_148":224,"_66":24,"_153":-5,"_186":225,"_17":226},{"_32":211,"_13":212,"_62":213,"_42":150,"_34":35,"_152":214,"_180":85,"_36":215,"_38":26,"_65":21,"_148":216,"_66":24,"_153":-5,"_186":217,"_17":218},{"_32":206,"_13":205,"_62":199,"_42":-5,"_34":35,"_152":200,"_180":85,"_36":207,"_38":26,"_65":208,"_148":-5,"_66":24,"_153":-5,"_186":209,"_17":210},{"_32":196,"_13":197,"_62":198,"_42":199,"_34":35,"_152":200,"_180":85,"_36":201,"_38":26,"_65":21,"_148":202,"_66":24,"_153":-5,"_186":203,"_17":204},{"_32":189,"_13":190,"_62":191,"_42":-5,"_34":35,"_152":111,"_180":85,"_36":192,"_38":26,"_65":21,"_148":193,"_66":24,"_153":-5,"_186":194,"_17":195},{"_32":177,"_13":178,"_62":83,"_42":-5,"_34":35,"_152":179,"_180":85,"_36":181,"_38":182,"_65":183,"_148":184,"_66":24,"_153":185,"_186":187,"_17":188},"ce0fbfa7-ee34-4a11-b136-b98307f4a8fd","main.ts",9,"latest",["D",1783366513246],2,"http","import { Hono } from \"npm:hono@4.11.9\";\nimport { serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\nimport { blob } from \"https://esm.town/v/std/blob/main.ts\";\nimport { createHash, createHmac } from \"node:crypto\";\n\nconst app = new Hono();\napp.onError((err) => Promise.reject(err));\n\n// Password hash from the original Flask app\nconst STORED_PWD =\n \"sha512$f1377682ae5143b6b567e6cdc4b0ed97$8ac51227a5722363f367ebdb83d16a822d69d6d57cdbf6e428667707f59a5ced4f2c1127eb3715dd015fc5a1339ede371ce884708a396d16b56acb26e5047aa0\";\nconst SECRET = Deno.env.get(\"DIARY_SECRET\") || \"web-diary-default-secret\";\nconst AUTH_COOKIE_VALUE = createHmac(\"sha256\", SECRET)\n .update(\"authenticated\")\n .digest(\"hex\");\n\nlet dbInitialized = false;\n\nasync function initDB() {\n if (dbInitialized) return;\n await sqlite.execute(\n `CREATE TABLE IF NOT EXISTS posts (\n postid INTEGER PRIMARY KEY AUTOINCREMENT NOT NULL,\n title TEXT NOT NULL,\n text TEXT NOT NULL,\n created DATETIME DEFAULT CURRENT_TIMESTAMP\n )`,\n );\n await sqlite.execute(\n `CREATE TABLE IF NOT EXISTS art (\n artid INTEGER PRIMARY KEY AUTOINCREMENT NOT NULL,\n filename TEXT NOT NULL,\n title TEXT NOT NULL,\n text TEXT NOT NULL,\n created DATETIME DEFAULT CURRENT_TIMESTAMP\n )`,\n );\n // Seed initial data if empty\n const count = await sqlite.execute(\"SELECT COUNT(*) as count FROM posts\");\n if (count.rows[0].count === 0) {\n await sqlite.execute({\n sql: \"INSERT INTO posts (title, text) VALUES (?, ?)\",\n args: [\"first post :3\", \"meowmeowmeowmeow\"],\n });\n }\n dbInitialized = true;\n}\n\nfunction isAuthed(cookieHeader: string | undefined): boolean {\n if (!cookieHeader) return false;\n const match = cookieHeader.match(/auth=([^;]+)/);\n return match?.[1] === AUTH_COOKIE_VALUE;\n}\n\n// ── Pages ──────────────────────────────────────────────\napp.get(\"/\", async (c) => await serveFile(\"pages/index.html\"));\napp.get(\"/diary\", async (c) => await serveFile(\"pages/diary.html\"));\napp.get(\"/diary/\", async (c) => await serveFile(\"pages/diary.html\"));\napp.get(\"/art\", async (c) => await serveFile(\"pages/art.html\"));\napp.get(\"/art/\", async (c) => await serveFile(\"pages/art.html\"));\napp.get(\"/new-post\", async (c) => await serveFile(\"pages/new-post.html\"));\napp.get(\"/new-post/\", async (c) => await serveFile(\"pages/new-post.html\"));\napp.get(\"/new-art\", async (c) => await serveFile(\"pages/new-art.html\"));\napp.get(\"/new-art/\", async (c) => await serveFile(\"pages/new-art.html\"));\n\n// ── Static files ───────────────────────────────────────\napp.get(\"/static/*\", async (c) => await serveFile(c.req.path));\n\n// ── Auth API ───────────────────────────────────────────\napp.get(\"/api/auth\", (c) => {\n return c.json({ authenticated: isAuthed(c.req.header(\"cookie\")) });\n});\n\napp.post(\"/api/login\", async (c) => {\n const body = await c.req.formData();\n const pass = body.get(\"pass\") as string;\n\n const [algorithm, salt, storedHash] = STORED_PWD.split(\"$\");\n const hash = createHash(algorithm);\n hash.update(salt + pass, \"utf8\");\n const inputHash = hash.digest(\"hex\");\n\n if (inputHash === storedHash) {\n c.header(\n \"Set-Cookie\",\n `auth=${AUTH_COOKIE_VALUE}; Path=/; HttpOnly; SameSite=Lax`,\n );\n return c.json({ authenticated: true });\n }\n\n return c.json({\n authenticated: false,\n alert: \"stop trying to read my diary >:(\",\n });\n});\n\n// ── Diary Posts API ────────────────────────────────────\napp.get(\"/api/posts\", async (c) => {\n if (!isAuthed(c.req.header(\"cookie\")))\n return c.json({ error: \"unauthorized\" }, 401);\n await initDB();\n const result = await sqlite.execute(\n \"SELECT * FROM posts ORDER BY created DESC\",\n );\n return c.json({ posts: result.rows });\n});\n\napp.post(\"/api/posts\", async (c) => {\n if (!isAuthed(c.req.header(\"cookie\")))\n return c.json({ error: \"unauthorized\" }, 401);\n await initDB();\n const body = await c.req.formData();\n const title = body.get(\"title\") as string;\n const text = body.get(\"text\") as string;\n if (!text) return c.json({ error: \"text is required\" }, 400);\n await sqlite.execute({\n sql: \"INSERT INTO posts (title, text) VALUES (?, ?)\",\n args: [title || \"\", text],\n });\n return c.json({ success: true });\n});\n\napp.delete(\"/api/posts/:id\", async (c) => {\n if (!isAuthed(c.req.header(\"cookie\")))\n return c.json({ error: \"unauthorized\" }, 401);\n await initDB();\n const id = c.req.param(\"id\");\n await sqlite.execute({\n sql: \"DELETE FROM posts WHERE postid = ?\",\n args: [id],\n });\n return c.json({ success: true });\n});\n\napp.patch(\"/api/posts/:id\", async (c) => {\n if (!isAuthed(c.req.header(\"cookie\")))\n return c.json({ error: \"unauthorized\" }, 401);\n await initDB();\n const id = c.req.param(\"id\");\n const body = await c.req.json();\n await sqlite.execute({\n sql: \"UPDATE posts SET title = ?, text = ? WHERE postid = ?\",\n args: [body.title, body.text, id],\n });\n return c.json({ success: true });\n});\n\n// ── Art API ────────────────────────────────────────────\napp.get(\"/api/arts\", async (c) => {\n await initDB();\n const result = await sqlite.execute(\n \"SELECT * FROM art ORDER BY created DESC\",\n );\n return c.json({ arts: result.rows });\n});\n\napp.post(\"/api/arts\", async (c) => {\n await initDB();\n const body = await c.req.formData();\n const file = body.get(\"filename\") as File;\n const title = body.get(\"title\") as string;\n const text = body.get(\"text\") as string;\n\n if (!file) return c.json({ error: \"file is required\" }, 400);\n\n const filename = file.name;\n const arrayBuffer = await file.arrayBuffer();\n await blob.set(`art/${filename}`, arrayBuffer);\n\n await sqlite.execute({\n sql: \"INSERT INTO art (filename, title, text) VALUES (?, ?, ?)\",\n args: [filename, title || \"\", text || \"\"],\n });\n\n return c.json({ success: true });\n});\n\napp.delete(\"/api/arts/:id\", async (c) => {\n await initDB();\n const id = c.req.param(\"id\");\n const result = await sqlite.execute({\n sql: \"SELECT filename FROM art WHERE artid = ?\",\n args: [id],\n });\n if (result.rows.length > 0) {\n const filename = result.rows[0].filename as string;\n try {\n await blob.delete(`art/${filename}`);\n } catch {\n // blob may not exist, ignore\n }\n }\n await sqlite.execute({\n sql: \"DELETE FROM art WHERE artid = ?\",\n args: [id],\n });\n return c.json({ success: true });\n});\n\n// Serve art images from blob storage\napp.get(\"/api/art-image/:filename\", async (c) => {\n const filename = decodeURIComponent(c.req.param(\"filename\"));\n try {\n const res = await blob.get(`art/${filename}`);\n const arrayBuffer = await res.arrayBuffer();\n const contentType = res.headers.get(\"content-type\") ||\n \"image/octet-stream\";\n return new Response(arrayBuffer, {\n headers: {\n \"Content-Type\": contentType,\n \"Cache-Control\": \"max-age=3600\",\n },\n });\n } catch {\n return c.text(\"Image not found\", 404);\n }\n});\n\nexport default app.fetch;\n","webdiary","children",[],[178],"2015a07d-06d4-4ff1-a21a-1e1b646c426b","README.md","ed7277b8-7971-11f1-8a9c-1607ee4eb77e",["D",1783366564707],"# web-diary\n\nMy web diary!! Post art, writings, ramblings and etc....\n我的网络日记！！发布艺术、著作、随笔等等......\n\nOriginally built with Flask + SQLite, now running on [Val Town](https://val.town) with Hono + TypeScript.\n\n## Routes\n\n| Route | Description |\n|-------|-------------|\n| `/` | Home page |\n| `/diary/` | Diary entries (password-protected) |\n| `/art/` | Art gallery |\n| `/new-post/` | Create a new diary entry (auth required) |\n| `/new-art/` | Upload new art |\n\n## Architecture\n\n- **`main.ts`** — Hono HTTP handler with all routes and API endpoints\n- **`pages/`** — HTML pages (converted from Jinja2 templates, use client-side JS for dynamic content)\n- **`static/style.css`** — Styles\n- **SQLite** — Diary posts and art metadata (Val Town built-in)\n- **Blob storage** — Uploaded art images\n- **Static images** — Currently loaded from GitHub raw URLs (can move to blob storage)\n\n## Migrated from\n\n[github.com/lisa-dai/web-diary](https://github.com/lisa-dai/web-diary) — Flask + SQLite + Jinja2\n\n## Optional env var\n\n`DIARY_SECRET` — Used to sign the auth cookie. A default is used if not set.\n\n👉 Add DIARY_SECRET here: https://www.val.town/x/cloverbear/web-diary/environment-variables?key=DIARY_SECRET\n",[],[190],"cc805113-1c74-4eb9-b6f8-05d6fb4e5697","style.css","8c73e2da-7971-11f1-938b-1607ee4eb77e","6011cf81-7e7d-46c6-b2b4-205174a9cbca",7,["D",1783366401953],"/* . means class, # means ID */\n\nhtml {\n background-image: url(\"https://raw.githubusercontent.com/lisa-dai/web-diary/main/static/images/phobia.jpg\");\n color: #ffffff;\n margin-left: 7.5%;\n margin-right: 7.5%;\n cursor: url(\"https://raw.githubusercontent.com/lisa-dai/web-diary/main/static/images/alt_skull.webp\"), auto;\n}\n\nbody {\n text-align: center;\n background-color: rgba(0, 0, 0, 0.7);\n padding: 20px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n margin: auto;\n}\n\nbody a {\n color: red;\n}\n\n#site_header h1 {\n font-size: 300%\n}\n\n#site_header nav {\n display: flex;\n}\n\n.align-right {\n margin-left: auto;\n}\n\n.content {\n text-align: center;\n}\n\n.buttons {\n float:right\n}\n\n.posttitle {\n font-size: 1.17em;\n font-weight: bold;\n margin-left: 50px;\n}\n",[],[205,197],"static","96051ff7-6c8e-4037-806e-ec86df8a7144",["D",1783366401953],"directory",[174],[205],"7d1b910c-056b-4836-b9d5-56d9d8ed6a3e","new-post.html","8366df58-7971-11f1-a13d-1607ee4eb77e",5,["D",1783366386791],"\n\n \n \n 戴RY (๑˃̵ᴗ˂̵)و\n \n \n \n \n \n

dai _li

\n \n

\n \n \n

\n \n

\n \n \n \n\n",[],[155,212],"85b424b5-14aa-4773-b5f2-4464af25cfb1","new-art.html","8a92cf30-7971-11f1-a714-1607ee4eb77e",6,["D",1783366398823],"\n\n \n \n 戴RY (๑˃̵ᴗ˂̵)و\n \n \n \n \n \n

dai _li

\n \n

\n \n \n \n\n",[],[155,220],"69f34109-b252-460b-b8d4-8f28ed76f967","index.html","6d7a94d2-7971-11f1-8472-1607ee4eb77e",["D",1783366350010],"\n\n \n \n 戴RY (๑˃̵ᴗ˂̵)و\n \n \n \n \n \n

dai _li

\n \n

\n hi (•̀ᴗ•́)و ̑̑ my name is li dai / 戴丽 ^(they/TA)\n and this is my web diary!! here i will post art, writings, ramblings and etc....\n
\n 这是戴丽的网络日记！！在这里我会发布艺术、著作、随笔等等......\n
\n daily reminder to click to help support palestinian refugees\n
\n

\n
\n this website was built using server-side dynamic pages with Flask and SQLite:\n my code is public through my github lisa-dai\n

\n \n \n\n",[],[155,228],["D",1783366369982],[],[155,64],"6a83be58-300c-4b2b-ba14-c0ac8c154a28","art.html","799aa090-7971-11f1-a13d-1607ee4eb77e",4,["D",1783366370333],"\n\n \n \n 戴RY (๑˃̵ᴗ˂̵)و\n \n \n \n \n \n

art _!!

\n \n

\n \n \n \n\n",[],[155,238],"3898c7dc-0381-413a-914e-866210b08028",["D",1783366350010],[168,169,170,171,172],[155],["D",1783366039421],["D",1789524079207],{"_11":12,"_125":69},{"_11":12,"_120":121,"_68":69,"_30":67,"_122":123,"_124":24},{"_38":111,"_13":16,"_32":35,"_112":71,"_113":-5,"_114":-5,"_115":-5,"_116":-5,"_117":-5,"_118":14,"_119":12},"ctx",{"_52":-5,"_144":287,"_288":289,"_290":291,"_292":24,"_293":24,"_294":24,"_295":85,"_296":-5,"_297":-7,"_298":-7,"_299":26,"_300":24,"_301":24,"_302":-5,"_303":24,"_304":24,"_305":24,"_306":-5},"ENV",{"_258":259,"_260":261,"_262":16,"_263":264,"_265":266,"_267":268,"_269":270,"_271":272,"_273":274,"_275":276,"_277":278,"_279":280,"_281":282,"_283":284,"_285":286},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","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"]

History · diary.html