draftlink 0.1.0 → 0.1.3

package/README.md

@@ -1,6 +1,6 @@
 # draftlink
 
-<p align="center"><img src="https://raw.githubusercontent.com/lm-sousa/draftlink/master/assets/banner.png" alt="DraftLink — from idea to impact" width="720"></p>
+<div align="center"><img src="https://raw.githubusercontent.com/lm-sousa/draftlink/master/assets/banner.png" alt="DraftLink — from idea to impact" width="720"></div>
 
 Publish HTML drafts from agents; searchable, shareable, status-tracked.
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "draftlink",
-  "version": "0.1.0",
+  "version": "0.1.3",
   "description": "Publish HTML drafts from agents; searchable, shareable, status-tracked. Cloudflare Worker + CLI.",
   "license": "GPL-3.0-only",
   "type": "module",

package/src/index.ts

@@ -238,7 +238,7 @@ export default {
         });
       }
 
-      return html(draftShellPage({ access, versions, versionId }), 200, { "X-Robots-Tag": "noindex" });
+      return html(draftShellPage({ access, versions, versionId, base: origin }), 200, { "X-Robots-Tag": "noindex" });
     }
 
     if (path === "/login" && req.method === "GET") {

package/src/ui.ts

@@ -106,12 +106,17 @@ function themeButton(): string {
   return `<button id="themeToggle" onclick="dlToggleTheme()" aria-label="Toggle dark mode" class="rounded-md border border-zinc-300 dark:border-zinc-600 px-2 py-1 text-sm hover:bg-zinc-100 dark:hover:bg-zinc-800">◐</button>`;
 }
 
-export function layout(opts: { title: string; body: string; user?: { login: string; admin?: boolean; pending?: number } | null; base: string; bare?: boolean }): string {
+export function layout(opts: { title: string; body: string; user?: { login: string; admin?: boolean; pending?: number } | null; base: string; bare?: boolean; description?: string; ogUrl?: string }): string {
   const head = `<meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>${esc(opts.title)}</title>
 <link rel="icon" type="image/png" href="/favicon.png">
 <link rel="apple-touch-icon" href="/apple-touch-icon.png">
+${opts.description ? `<meta property="og:title" content="${esc(opts.title)}">
+<meta property="og:description" content="${esc(opts.description)}">
+<meta property="og:image" content="${esc(opts.base)}/banner.png">
+<meta property="og:url" content="${esc(opts.ogUrl ?? opts.base)}">
+<meta name="twitter:card" content="summary_large_image">` : ""}
 <script src="https://cdn.tailwindcss.com"></script>
 <script>tailwind.config = { darkMode: 'class' }</script>
 ${THEME_SCRIPT}
@@ -171,6 +176,7 @@ export function loginPage(base: string, opts: { configured: boolean; error?: str
   return layout({
     base,
     title: "draftlink — sign in",
+    description: "Publish HTML drafts from coding agents; searchable, shareable, status-tracked.",
     body: `
 <div class="max-w-sm mx-auto mt-24 text-center">
   <img src="/banner.png" alt="DraftLink — from idea to impact" class="mb-6 w-full rounded-xl shadow-md">
@@ -508,7 +514,7 @@ const SHELL_SCRIPT = `<script>
 })();
 </script>`;
 
-export function draftShellPage(opts: ShellOptions): string {
+export function draftShellPage(opts: ShellOptions & { base: string }): string {
   const d = opts.access.draft;
   const embedUrl = `/d/${esc(d.id)}?embed=1${opts.versionId ? `&v=${opts.versionId}` : ""}`;
   const body = `
@@ -516,7 +522,7 @@ ${draftShellHeader(opts)}
 ${draftShellBanner(opts)}
 <iframe id="dl-frame" src="${embedUrl}" sandbox="allow-scripts allow-popups" title="${esc(d.title)}" class="block w-full border-0" style="height:100vh"></iframe>
 ${SHELL_SCRIPT}`;
-  return layout({ base: "", title: d.title, bare: true, body });
+  return layout({ base: opts.base, title: d.title, bare: true, body, ogUrl: `${opts.base}/d/${d.id}` });
 }
 
 export function editPage(base: string, user: { login: string }, d: DraftRow & { body: string }): string {