Marx${activeTag ? ` – ${activeTag}` : \"\"}

\n \n\n

\n ${bookmarks.map((b) => renderBookmarkItem(b, authenticated)).join(\"\\n\")}\n

\n${authenticated ? managementScript(tags.map(t => t.name)) : \"\"}\n\n`;\n}\n\nfunction renderBookmarkItem(bookmark: any, authenticated = false): string {\n const tagsHtml = bookmark.tags.length\n ? `${bookmark.tags\n .map((t: string) => `#${t}`)\n .join(\" \")}`\n : \"\";\n\n const separator = bookmark.tags.length && bookmark.description ? ` | ` : \"\";\n const descHtml = bookmark.description ? `${escapeHtml(bookmark.description)}` : \"\";\n\n const metaLine = tagsHtml || descHtml\n ? `

${tagsHtml}${separator}${descHtml}

`\n : \"\";\n\n const id = bookmark.id;\n const jsData = escapeAttr(JSON.stringify({ id, url: bookmark.url, title: bookmark.title, description: bookmark.description, tags: bookmark.tags }));\n\n const actionsHtml = authenticated\n ? `\n \n \n `\n : \"\";\n\n const editFormHtml = authenticated\n ? ``\n : \"\";\n\n return `

\n \n $\"\"$ \n ${escapeHtml(bookmark.title || bookmark.url)}\n \n ${actionsHtml}\n

\n ${metaLine}\n

${formatDate(bookmark.saved)}

\n ${editFormHtml}\n

`;\n}\n\nfunction renderTagSidebar(tagGroups: any[], activeTag?: string, authenticated = false): string {\n if (activeTag) {\n const tagActions = authenticated\n ? `

\n \n \n

`\n : \"\";\n return `

Tags

${groupsHtml}

`;\n}\n\nfunction managementScript(allTagNames: string[]): string {\n return ``;\n}\n\nfunction escapeHtml(str: string): string {\n return str.replace(/&/g, \"&\").replace(//g, \">\").replace(/\"/g, \""\");\n}\n\nfunction escapeAttr(str: string): string {\n return str.replace(/&/g, \"&\").replace(/\"/g, \""\").replace(/'/g, \"'\").replace(//g, \">\");\n}\n\n// --- Login page ---\n\nfunction renderLoginPage(error?: string): string {\n return `\n\n\n \n \n Marx – Login\n \n \n\n\n \n

\n \n

\n\n`;\n}\n\nfunction unauthorizedResponse(): Response {\n return Response.json({ error: \"Unauthorized\" }, { status: 401 });\n}\n\n// --- Import endpoint ---\n\nasync function handleImport(req: Request): Promise {\n const bookmarks: any[] = await req.json();\n\n // Collect unique tags\n const tagSet = new Set();\n for (const b of bookmarks) {\n for (const t of b.tags || []) tagSet.add(t);\n }\n\n // Insert tags\n for (const tag of tagSet) {\n await sqlite.execute({\n sql: \"INSERT OR IGNORE INTO tags (name) VALUES (?)\",\n args: [tag],\n });\n }\n\n // Get tag ID map\n const tagResult = await sqlite.execute(\"SELECT id, name FROM tags\");\n const tagIdMap = new Map();\n for (const row of tagResult.rows as any[]) {\n tagIdMap.set(row.name, row.id);\n }\n\n // Insert bookmarks\n for (const b of bookmarks) {\n const result = await sqlite.execute({\n sql: \"INSERT INTO bookmarks (url, title, description, saved) VALUES (?, ?, ?, ?)\",\n args: [b.url, b.title || \"\", b.description || \"\", b.saved],\n });\n const bookmarkId = result.lastInsertRowid;\n\n for (const tag of b.tags || []) {\n const tagId = tagIdMap.get(tag);\n if (tagId && bookmarkId) {\n await sqlite.execute({\n sql: \"INSERT OR IGNORE INTO bookmark_tags (bookmark_id, tag_id) VALUES (?, ?)\",\n args: [Number(bookmarkId), tagId],\n });\n }\n }\n }\n\n return new Response(JSON.stringify({ imported: bookmarks.length }), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n}\n\n// --- Router ---\n\nexport default async function(req: Request): Promise {\n const url = new URL(req.url);\n const path = url.pathname;\n const authenticated = await isAuthenticated(req);\n\n // Login page\n if (path === \"/login\" && req.method === \"GET\") {\n if (authenticated) return Response.redirect(new URL(\"/\", req.url), 302);\n return new Response(renderLoginPage(), { headers: { \"Content-Type\": \"text/html\" } });\n }\n\n // Login form submission\n if (path === \"/login\" && req.method === \"POST\") {\n const formData = await req.formData();\n const pw = formData.get(\"password\") as string;\n const expected = Deno.env.get(\"AUTH_PASSWORD\");\n\n if (!expected || pw !== expected) {\n return new Response(renderLoginPage(\"Incorrect password\"), {\n status: 401,\n headers: { \"Content-Type\": \"text/html\" },\n });\n }\n\n const token = await createSessionToken(pw);\n return new Response(null, {\n status: 302,\n headers: {\n Location: \"/\",\n \"Set-Cookie\": setSessionCookie(token),\n },\n });\n }\n\n // Logout\n if (path === \"/logout\") {\n return new Response(null, {\n status: 302,\n headers: {\n Location: \"/\",\n \"Set-Cookie\": clearSessionCookie(),\n },\n });\n }\n\n // --- Protected mutation endpoints (require auth) ---\n\n // Import API\n if (path === \"/api/import\" && req.method === \"POST\") {\n if (!authenticated) return unauthorizedResponse();\n return handleImport(req);\n }\n\n // Rename tag API\n if (path === \"/api/tags/rename\" && req.method === \"POST\") {\n if (!authenticated) return unauthorizedResponse();\n try {\n const { oldName, newName } = await req.json();\n await renameTag(oldName, newName);\n return Response.json({ ok: true, slug: slugify(newName.trim()) });\n } catch (e: any) {\n return Response.json({ error: e.message }, { status: 400 });\n }\n }\n\n // Delete tag API\n if (path === \"/api/tags/delete\" && req.method === \"POST\") {\n if (!authenticated) return unauthorizedResponse();\n try {\n const { name } = await req.json();\n await deleteTag(name);\n return Response.json({ ok: true });\n } catch (e: any) {\n return Response.json({ error: e.message }, { status: 400 });\n }\n }\n\n // Update bookmark API\n if (path === \"/api/bookmarks/update\" && req.method === \"POST\") {\n if (!authenticated) return unauthorizedResponse();\n try {\n const { id, url, title, description, tags } = await req.json();\n await updateBookmark(id, url, title, description, tags || []);\n return Response.json({ ok: true });\n } catch (e: any) {\n return Response.json({ error: e.message }, { status: 400 });\n }\n }\n\n // Delete bookmark API\n if (path === \"/api/bookmarks/delete\" && req.method === \"POST\") {\n if (!authenticated) return unauthorizedResponse();\n try {\n const { id } = await req.json();\n await deleteBookmark(id);\n return Response.json({ ok: true });\n } catch (e: any) {\n return Response.json({ error: e.message }, { status: 400 });\n }\n }\n\n // Tag page: /tags/{slug}/\n const tagMatch = path.match(/^\\/tags\\/([^/]+)\\/?$/);\n if (tagMatch) {\n const tagSlug = tagMatch[1];\n const [bookmarks, tags] = await Promise.all([getBookmarksByTag(tagSlug), getAllTags()]);\n const activeTag = tags.find((t) => t.slug === tagSlug)?.name || tagSlug;\n return new Response(renderPage(bookmarks, tags, activeTag, authenticated), {\n headers: { \"Content-Type\": \"text/html\" },\n });\n }\n\n // Home page\n if (path === \"/\" || path === \"\") {\n const [bookmarks, tags] = await Promise.all([getAllBookmarks(), getAllTags()]);\n return new Response(renderPage(bookmarks, tags, undefined, authenticated), {\n headers: { \"Content-Type\": \"text/html\" },\n });\n }\n\n return new Response(\"Not found\", { status: 404 });\n}\n","deleted","label","marxbookmarks",[128],"992ea624-2d34-11f1-aa50-42dde27851f2","README.md","992ea70a-2d34-11f1-aa50-42dde27851f2",["D",1774983935664],"# Marx\n\nA personal bookmark manager with tag filtering, backed by SQLite. Publicly readable, password-protected for edits.\n\n[Live demo](https://marxbookmarks.val.run/)\n\n## How it works\n\nMarx is a single-file Val Town HTTP val. Everything — routing, auth, database queries, and HTML rendering — lives in `main.ts`.\n\n**Storage:** Uses Val Town's built-in SQLite via `std/sqlite`. Three tables:\n\n- `bookmarks` — stores URL, title, description, and save date\n- `tags` — unique tag names\n- `bookmark_tags` — many-to-many join table\n\n**Auth:** A single password set via an environment variable. On login, the password is hashed with SHA-256 to produce a session token, which is stored as an `HttpOnly` cookie valid for 30 days. No user accounts — it's single-owner.\n\n**Public vs. private:** Anyone can browse bookmarks and filter by tag. Only authenticated users see edit/delete controls and can call the mutation APIs.\n\n**Routing** is handled manually in the default export function:\n\n| Route | Method | Auth required |\n|-------|--------|---------------|\n| `/` | GET | No |\n| `/tags/:slug/` | GET | No |\n| `/login` | GET / POST | No |\n| `/logout` | GET | No |\n| `/api/bookmarks/update` | POST | Yes |\n| `/api/bookmarks/delete` | POST | Yes |\n| `/api/tags/rename` | POST | Yes |\n| `/api/tags/delete` | POST | Yes |\n| `/api/import` | POST | Yes |\n\n## Forking and setting up\n\n### 1. Fork the val\n\nOn Val Town, open [snptrs/marx](https://www.val.town/x/snptrs/marx) and click **Fork**.\n\n### 2. Set your password\n\nIn your val's environment settings, add:\n\n```\nAUTH_PASSWORD=your-password-here\n```\n\n### 3. Initialize the database\n\nThe val doesn't auto-create its tables. Run this once as a Val Town script to set up the schema:\n\n```ts\nimport { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\nawait sqlite.execute(`\n CREATE TABLE IF NOT EXISTS bookmarks (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n url TEXT NOT NULL,\n title TEXT NOT NULL DEFAULT '',\n description TEXT NOT NULL DEFAULT '',\n saved TEXT NOT NULL DEFAULT (datetime('now'))\n )\n`);\n\nawait sqlite.execute(`\n CREATE TABLE IF NOT EXISTS tags (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n name TEXT NOT NULL UNIQUE\n )\n`);\n\nawait sqlite.execute(`\n CREATE TABLE IF NOT EXISTS bookmark_tags (\n bookmark_id INTEGER NOT NULL REFERENCES bookmarks(id),\n tag_id INTEGER NOT NULL REFERENCES tags(id),\n UNIQUE(bookmark_id, tag_id)\n )\n`);\n```\n\n### 4. Import existing bookmarks (optional)\n\nPOST a JSON array to `/api/import` with a `Cookie` header containing your session token, or just log in to your instance first and use your browser session.\n\n```json\n[\n {\n \"url\": \"https://example.com\",\n \"title\": \"Example Site\",\n \"description\": \"Optional notes\",\n \"saved\": \"2024-06-01T12:00:00Z\",\n \"tags\": [\"design\", \"reference\"]\n }\n]\n```\n\n## Managing bookmarks\n\nOnce logged in:\n\n- **Edit** — hover a bookmark and click \"edit\" to update its title, URL, description, or tags\n- **Delete** — hover a bookmark and click \"delete\"\n- **Tag autocomplete** — the tag input suggests existing tags as you type\n- **Rename/delete tags** — navigate to a tag page and use the Rename/Delete buttons in the sidebar\n",[146],"pulls","branches",2,"envVars",{"_158":24,"_160":22},"connections",{"_158":22,"_159":22},"count","unfilledCount","emptyCount",{"_27":145,"_13":146,"_129":147,"_130":-5,"_131":90,"_132":88,"_134":63,"_46":167,"_87":22,"_137":114,"_139":149,"_141":20,"_142":-5,"_164":168,"_102":169},{"_27":127,"_13":128,"_129":62,"_130":-5,"_131":90,"_132":133,"_134":63,"_46":163,"_87":136,"_137":138,"_139":140,"_141":20,"_142":143,"_164":165,"_102":166},["D",1772983658548],"children",[],[128],["D",1774983935664],[],[146],["D",1772982116698],["D",1789518064818],{"_11":12,"_56":100},{"_11":12,"_50":99,"_51":100,"_35":61,"_53":54,"_55":20},{"_87":88,"_13":89,"_27":90,"_91":57,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":14,"_98":12},"ctx",{"_40":-5,"_122":208,"_209":210,"_211":212,"_213":20,"_214":20,"_215":20,"_216":63,"_217":-5,"_218":-7,"_219":-7,"_220":22,"_221":20,"_222":20,"_223":-5,"_224":20,"_225":20,"_226":20,"_227":-5},"ENV",{"_179":180,"_181":182,"_183":89,"_184":185,"_186":187,"_188":189,"_190":191,"_192":193,"_194":195,"_196":197,"_198":199,"_200":201,"_202":203,"_204":205,"_206":207},"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"]

Remixes1

Remixes
1