$1

\")\n .replace(/## (.*?)$/gm, \"

$1

\")\n .replace(/\\n\\n/g, \"

\")\n .replace(/\\n- /g, \"
• \")\n .replace(/^\\d+\\.\\s/gm, \"
• \");\n\n const subject = `📱 Your Daily Summary - ${formattedDate}`;\n\n const html = `\n\n\n\n \n \n Daily Summary\n\n\n

📱 Your Daily Summary

${formattedDate}

\n\n

${greeting}

\n\n

${htmlContent}

\n\n

\n 📊 Stats: ${summary.contentItemsCount} item${summary.contentItemsCount !== 1 ? \"s\" : \"\"} captured\n

\n\n

\n You received this email because you enabled daily summaries in iOS Share Sheet Backend.\n
\n Manage your settings\n

\n\n\n `;\n\n const text = `\n📱 YOUR DAILY SUMMARY\n${formattedDate}\n${\"=\".repeat(50)}\n\n${greeting}\n\n${summary.content}\n\n---\n📊 Stats: ${summary.contentItemsCount} item${summary.contentItemsCount !== 1 ? \"s\" : \"\"} captured\n\nYou received this email because you enabled daily summaries in iOS Share Sheet Backend.\n`;\n\n return { subject, html, text };\n}\n\n// ============================================================================\n// Email Sending\n// ============================================================================\n\nexport interface SendSummaryEmailOptions {\n to: string;\n userName?: string;\n summary: DailySummary;\n}\n\nexport async function sendSummaryEmail(\n options: SendSummaryEmailOptions\n): Promise<{ success: boolean; error?: string }> {\n try {\n const { to, userName, summary } = options;\n const { subject, html, text } = formatSummaryEmail(summary, userName);\n\n await email({\n to,\n subject,\n html,\n text,\n });\n\n console.log(`Summary email sent to ${to} for ${summary.summaryDate}`);\n\n return { success: true };\n } catch (error) {\n console.error(\"Email service error:\", error);\n return {\n success: false,\n error: error instanceof Error ? error.message : String(error),\n };\n }\n}\n\n// ============================================================================\n// Test Email\n// ============================================================================\n\nexport async function sendTestEmail(\n to: string\n): Promise<{ success: boolean; error?: string }> {\n try {\n await email({\n to,\n subject: \"✅ iOS Share Sheet Backend - Test Email\",\n html: `\n\n\n\n

✅ Test Successful!

Your email service is working correctly.

You'll receive daily summaries at your configured time.

\n Sent from iOS Share Sheet Backend\n

\n\n\n `,\n text: `\n✅ Test Successful!\n\nYour email service is working correctly.\nYou'll receive daily summaries at your configured time.\n\n---\nSent from iOS Share Sheet Backend\n `,\n });\n\n return { success: true };\n } catch (error) {\n console.error(\"Test email error:\", error);\n return {\n success: false,\n error: error instanceof Error ? error.message : String(error),\n };\n }\n}\n",[],[159,260,276],{"_104":285,"_96":286,"_160":287,"_162":261,"_163":141,"_164":288,"_166":118,"_106":289,"_101":32,"_168":186,"_170":290,"_171":22,"_172":-5,"_173":291,"_99":292},"08e6c266-e100-11f0-b604-42dde27851f2","smsService.ts","08e6c310-e100-11f0-b604-42dde27851f2",11,["D",1766605071401],"import type { DailySummary } from \"../../shared/types.ts\";\n\n// ============================================================================\n// Configuration\n// ============================================================================\n\nfunction getZapierWebhookURL(): string | null {\n return Deno.env.get(\"ZAPIER_SMS_WEBHOOK\") || null;\n}\n\n// ============================================================================\n// SMS Formatting\n// ============================================================================\n\nfunction formatSummaryForSMS(summary: DailySummary): string {\n const date = new Date(summary.summaryDate);\n const formattedDate = date.toLocaleDateString(\"en-US\", {\n month: \"short\",\n day: \"numeric\",\n });\n\n // SMS has a 160 character limit, but we can send multiple segments\n // Aim for a concise summary under 300 characters\n\n const content = summary.content\n .replace(/#{1,3}\\s/g, \"\") // Remove markdown headers\n .replace(/\\*\\*/g, \"\") // Remove bold markdown\n .replace(/\\n\\n+/g, \"\\n\") // Collapse multiple newlines\n .split(\"\\n\")\n .slice(0, 5) // Take first 5 lines\n .join(\"\\n\")\n .trim();\n\n let sms = `📱 ${formattedDate}\\n\\n`;\n\n // Add content, truncate if needed\n const maxLength = 250;\n if (content.length > maxLength) {\n sms += content.substring(0, maxLength - 3) + \"...\";\n } else {\n sms += content;\n }\n\n sms += `\\n\\n📊 ${summary.contentItemsCount} items`;\n\n return sms;\n}\n\n// ============================================================================\n// SMS Sending via Zapier Webhook\n// ============================================================================\n\nexport interface SendSummarySMSOptions {\n phoneNumber: string;\n summary: DailySummary;\n}\n\nexport async function sendSummarySMS(\n options: SendSummarySMSOptions\n): Promise<{ success: boolean; error?: string }> {\n const webhookURL = getZapierWebhookURL();\n\n if (!webhookURL) {\n console.warn(\"ZAPIER_SMS_WEBHOOK not configured, skipping SMS\");\n return {\n success: false,\n error: \"Zapier webhook not configured\",\n };\n }\n\n try {\n const { phoneNumber, summary } = options;\n const message = formatSummaryForSMS(summary);\n\n // Send to Zapier webhook\n const response = await fetch(webhookURL, {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({\n to: phoneNumber,\n message,\n summaryDate: summary.summaryDate,\n itemCount: summary.contentItemsCount,\n }),\n });\n\n if (!response.ok) {\n const errorText = await response.text();\n throw new Error(`Zapier webhook error (${response.status}): ${errorText}`);\n }\n\n console.log(`Summary SMS sent to ${phoneNumber} for ${summary.summaryDate}`);\n\n return { success: true };\n } catch (error) {\n console.error(\"SMS service error:\", error);\n return {\n success: false,\n error: error instanceof Error ? error.message : String(error),\n };\n }\n}\n\n// ============================================================================\n// Test SMS\n// ============================================================================\n\nexport async function sendTestSMS(\n phoneNumber: string\n): Promise<{ success: boolean; error?: string }> {\n const webhookURL = getZapierWebhookURL();\n\n if (!webhookURL) {\n return {\n success: false,\n error: \"Zapier webhook not configured\",\n };\n }\n\n try {\n await fetch(webhookURL, {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({\n to: phoneNumber,\n message: \"✅ iOS Share Sheet Backend test - SMS service is working!\",\n test: true,\n }),\n });\n\n return { success: true };\n } catch (error) {\n console.error(\"Test SMS error:\", error);\n return {\n success: false,\n error: error instanceof Error ? error.message : String(error),\n };\n }\n}\n\n// ============================================================================\n// Webhook Status\n// ============================================================================\n\nexport function getSMSStatus(): {\n enabled: boolean;\n webhookURL: string | null;\n} {\n const webhookURL = getZapierWebhookURL();\n return {\n enabled: webhookURL !== null,\n webhookURL: webhookURL ? \"***configured***\" : null,\n };\n}\n",[],[159,260,286],[159,260],{"_104":295,"_96":296,"_160":297,"_162":161,"_163":141,"_164":298,"_166":118,"_106":299,"_101":32,"_168":169,"_170":-5,"_171":22,"_172":-5,"_173":300,"_99":319},"935ca0e6-e100-11f0-899c-42dde27851f2","test","935ca19a-e100-11f0-899c-42dde27851f2",15,["D",1766605303696],[301,310],{"_104":302,"_96":303,"_160":304,"_162":297,"_163":141,"_164":305,"_166":118,"_106":306,"_101":32,"_168":186,"_170":307,"_171":22,"_172":-5,"_173":308,"_99":309},"93746d66-e100-11f0-b966-42dde27851f2","addSampleContent.ts","93746e06-e100-11f0-b966-42dde27851f2",16,["D",1766605303848],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\n\nexport default async function(req: Request) {\n // Get the first user (you)\n const users = await sqlite.execute(`SELECT id, email FROM users LIMIT 1`);\n\n if (users.rows.length === 0) {\n return new Response(\"No users found. Please register first.\", { status: 400 });\n }\n\n const user = users.rows[0];\n const userId = user.id;\n\n // Sample content items from the last 24 hours\n const sampleContent = [\n {\n id: crypto.randomUUID(),\n userId,\n type: 'text',\n content: 'Meeting notes: Discussed Q1 roadmap with the team. Key decisions: Launch new feature in March, focus on user retention, hire 2 more engineers.',\n title: 'Team Meeting Notes',\n createdAt: new Date(Date.now() - 2 * 60 * 60 * 1000).toISOString(), // 2 hours ago\n },\n {\n id: crypto.randomUUID(),\n userId,\n type: 'url',\n content: 'https://www.anthropic.com/news/claude-3-5-sonnet',\n title: 'New Claude 3.5 Sonnet Released',\n metadata: JSON.stringify({ url: 'https://www.anthropic.com/news/claude-3-5-sonnet', source: 'TechCrunch' }),\n createdAt: new Date(Date.now() - 4 * 60 * 60 * 1000).toISOString(), // 4 hours ago\n },\n {\n id: crypto.randomUUID(),\n userId,\n type: 'text',\n content: 'Book recommendation: \"The Mom Test\" by Rob Fitzpatrick. Great for customer discovery interviews.',\n title: 'Book Recommendation',\n createdAt: new Date(Date.now() - 6 * 60 * 60 * 1000).toISOString(), // 6 hours ago\n },\n {\n id: crypto.randomUUID(),\n userId,\n type: 'url',\n content: 'https://github.com/features/copilot',\n title: 'GitHub Copilot Features',\n metadata: JSON.stringify({ url: 'https://github.com/features/copilot' }),\n createdAt: new Date(Date.now() - 8 * 60 * 60 * 1000).toISOString(), // 8 hours ago\n },\n {\n id: crypto.randomUUID(),\n userId,\n type: 'text',\n content: 'Idea for weekend project: Build a habit tracker with AI-powered insights. Use the iOS Share Sheet for quick capture.',\n title: 'Weekend Project Idea',\n createdAt: new Date(Date.now() - 12 * 60 * 60 * 1000).toISOString(), // 12 hours ago\n },\n {\n id: crypto.randomUUID(),\n userId,\n type: 'url',\n content: 'https://www.val.town',\n title: 'Val Town - Social Coding',\n metadata: JSON.stringify({ url: 'https://www.val.town', source: 'Hacker News' }),\n createdAt: new Date(Date.now() - 18 * 60 * 60 * 1000).toISOString(), // 18 hours ago\n },\n {\n id: crypto.randomUUID(),\n userId,\n type: 'text',\n content: 'Grocery list: Almond milk, eggs, spinach, avocados, chicken breast, quinoa, olive oil',\n title: 'Grocery List',\n createdAt: new Date(Date.now() - 20 * 60 * 60 * 1000).toISOString(), // 20 hours ago\n },\n ];\n\n // Insert sample content\n for (const item of sampleContent) {\n await sqlite.execute(\n `INSERT INTO content_items (id, userId, type, content, title, metadata, createdAt)\n VALUES (?, ?, ?, ?, ?, ?, ?)`,\n [\n item.id,\n item.userId,\n item.type,\n item.content,\n item.title,\n item.metadata || null,\n item.createdAt,\n ]\n );\n }\n\n return new Response(`\n✅ Successfully added ${sampleContent.length} sample content items!\n\nAdded content for user: ${user.email}\n\nItems added:\n- 3 text notes\n- 3 URLs\n- From the last 24 hours\n\nYou can now test the AI summary generation:\nPOST /api/content/ai-summary-test\n\nYour test page should work now!\n `, {\n status: 200,\n headers: { 'Content-Type': 'text/plain' }\n });\n}\n",[],[159,296,303],{"_104":311,"_96":312,"_160":313,"_162":297,"_163":141,"_164":314,"_166":118,"_106":315,"_101":32,"_168":186,"_170":316,"_171":22,"_172":-5,"_173":317,"_99":318},"f5dd731c-e100-11f0-a0ea-42dde27851f2","createUser.ts","f5dd73a8-e100-11f0-a0ea-42dde27851f2",20,["D",1766605468944],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\n\nexport default async function(req: Request) {\n const url = new URL(req.url);\n const email = url.searchParams.get('email');\n const name = url.searchParams.get('name') || 'Admin User';\n\n if (!email) {\n return new Response(`\n❌ Error: Email parameter required\n\nUsage: Add ?email=your@email.com to this URL\nExample: ${req.url}?email=test@example.com&name=Test User\n `, { status: 400 });\n }\n\n try {\n // Check if user already exists\n const existing = await sqlite.execute(\n `SELECT id, email FROM users WHERE email = ?`,\n [email]\n );\n\n if (existing.rows.length > 0) {\n return new Response(`\nℹ️ User already exists: ${email}\n\nUser ID: ${existing.rows[0].id}\n\nYou can use this account to log in!\n `, { status: 200, headers: { 'Content-Type': 'text/plain' }});\n }\n\n // Create new user\n const userId = crypto.randomUUID();\n const now = new Date().toISOString();\n const adminEmail = Deno.env.get('ADMIN_EMAIL');\n const isAdmin = email === adminEmail;\n\n await sqlite.execute(\n `INSERT INTO users (id, email, name, isAdmin, createdAt)\n VALUES (?, ?, ?, ?, ?)`,\n [userId, email, name, isAdmin ? 1 : 0, now]\n );\n\n // Create default user settings\n await sqlite.execute(\n `INSERT INTO user_settings (userId, emailEnabled, smsEnabled, smsPhone, summaryTime, timezone, summaryTone, summaryLength, createdAt, updatedAt)\n VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?)`,\n [userId, 1, 0, null, '09:00', 'UTC', 'balanced', 'medium', now, now]\n );\n\n return new Response(`\n✅ User Created Successfully!\n\nEmail: ${email}\nName: ${name}\nUser ID: ${userId}\nAdmin: ${isAdmin}\n\n⚠️ Note: This user was created without WebAuthn credentials.\nYou can log in using your email, but won't have biometric auth.\n\nTo test the app, visit:\nhttps://www.val.town/x/jaballadares/sharesheet_thing\n\nYour dashboard:\nhttps://www.val.town/x/jaballadares/sharesheet_thing/dashboard\n `, { status: 200, headers: { 'Content-Type': 'text/plain' } });\n\n } catch (error) {\n return new Response(`\n❌ Error creating user: ${error instanceof Error ? error.message : String(error)}\n `, { status: 500, headers: { 'Content-Type': 'text/plain' }});\n }\n}\n",[],[159,296,312],[159,296],{"_104":321,"_96":322,"_160":116,"_162":161,"_163":141,"_164":323,"_166":118,"_106":324,"_101":165,"_168":325,"_170":326,"_171":22,"_172":-5,"_173":327,"_99":328},"2bfbaca0-e0fe-11f0-9ef6-42dde27851f2","index.ts",8,["D",1766604271265],"http","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { runMigrations } from \"./database/migrations.ts\";\nimport { runMigrationsV2 } from \"./database/migrations_v2.ts\";\nimport { auth } from \"./routes/auth.ts\";\nimport { content } from \"./routes/content.ts\";\nimport { admin } from \"./routes/admin.ts\";\nimport { staticRoutes } from \"./routes/static.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n throw err;\n});\n\n// Run database migrations on startup\nawait runMigrations();\nawait runMigrationsV2();\n\n// API routes\napp.route('/api/auth', auth);\napp.route('/api/content', content);\napp.route('/api/admin', admin);\n\n// Static file serving and pages\napp.route('', staticRoutes);\n\n// 404 handler\napp.notFound((c) => {\n return c.json({ error: 'Not found' }, 404);\n});\n\nexport default app.fetch; // This is the entry point for HTTP vals",[],[159,322],[159],{"_104":331,"_96":332,"_160":333,"_162":-5,"_163":141,"_164":165,"_166":118,"_106":334,"_101":32,"_168":169,"_170":-5,"_171":22,"_172":-5,"_173":335,"_99":400},"76ba30dc-dba3-11f0-a67e-42dde27851f2","frontend","019b2eba-dc23-70e4-a6e6-5bf7bf6faef9",["D",1766015556590],[336,383,392],{"_104":337,"_96":338,"_160":339,"_162":333,"_163":141,"_164":165,"_166":118,"_106":340,"_101":32,"_168":169,"_170":-5,"_171":22,"_172":-5,"_173":341,"_99":382},"76ba2bc8-dba3-11f0-a67e-42dde27851f2","components","019b2eba-dc23-70e4-a6e6-4e1077a6cdc0",["D",1766015556590],[342,350,358,366,374],{"_104":343,"_96":344,"_160":345,"_162":339,"_163":141,"_164":165,"_166":118,"_106":346,"_101":32,"_168":186,"_170":347,"_171":22,"_172":-5,"_173":348,"_99":349},"76b9f4aa-dba3-11f0-a67e-42dde27851f2","Admin.tsx","019b2eba-dc23-70e4-a6e6-3b63d43ea543",["D",1766015556590],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"react\";\n\ninterface User {\n id: string;\n email: string;\n name: string;\n isAdmin: boolean;\n createdAt: string;\n lastLoginAt?: string;\n}\n\ninterface ContentItem {\n id: string;\n userId: string;\n type: 'text' | 'image' | 'url';\n content: string;\n title?: string;\n createdAt: string;\n user?: User;\n}\n\ninterface AdminStats {\n totalUsers: number;\n adminUsers: number;\n totalContent: number;\n contentByType: {\n text: number;\n image: number;\n url: number;\n };\n recentUsers: User[];\n recentContent: ContentItem[];\n}\n\ninterface AdminProps {\n user: User;\n}\n\nexport function Admin({ user }: AdminProps) {\n const [stats, setStats] = useState(null);\n const [users, setUsers] = useState([]);\n const [content, setContent] = useState([]);\n const [loading, setLoading] = useState(true);\n const [activeTab, setActiveTab] = useState<'overview' | 'users' | 'content'>('overview');\n\n useEffect(() => {\n if (!user.isAdmin) {\n window.location.href = '/';\n return;\n }\n loadData();\n }, [user]);\n\n const loadData = async () => {\n try {\n setLoading(true);\n \n const [statsResponse, usersResponse, contentResponse] = await Promise.all([\n fetch('/api/admin/stats'),\n fetch('/api/admin/users'),\n fetch('/api/admin/content')\n ]);\n\n if (statsResponse.ok) {\n const statsData = await statsResponse.json();\n setStats(statsData.stats);\n }\n\n if (usersResponse.ok) {\n const usersData = await usersResponse.json();\n setUsers(usersData.users || []);\n }\n\n if (contentResponse.ok) {\n const contentData = await contentResponse.json();\n setContent(contentData.items || []);\n }\n } catch (error) {\n console.error('Failed to load admin data:', error);\n } finally {\n setLoading(false);\n }\n };\n\n const makeUserAdmin = async (userId: string) => {\n if (!confirm('Are you sure you want to grant admin privileges to this user?')) return;\n\n try {\n const response = await fetch(`/api/admin/users/${userId}/admin`, {\n method: 'POST',\n });\n\n if (response.ok) {\n loadData(); // Refresh data\n alert('Admin privileges granted successfully');\n } else {\n const errorData = await response.json();\n alert(errorData.error || 'Failed to grant admin privileges');\n }\n } catch (error) {\n console.error('Admin grant error:', error);\n alert('Failed to grant admin privileges');\n }\n };\n\n const deleteContent = async (contentId: string) => {\n if (!confirm('Are you sure you want to delete this content? This action cannot be undone.')) return;\n\n try {\n const response = await fetch(`/api/admin/content/${contentId}`, {\n method: 'DELETE',\n });\n\n if (response.ok) {\n setContent(content.filter(item => item.id !== contentId));\n if (stats) {\n setStats({\n ...stats,\n totalContent: stats.totalContent - 1,\n });\n }\n alert('Content deleted successfully');\n } else {\n const errorData = await response.json();\n alert(errorData.error || 'Failed to delete content');\n }\n } catch (error) {\n console.error('Content deletion error:', error);\n alert('Failed to delete content');\n }\n };\n\n const formatDate = (dateString: string) => {\n return new Date(dateString).toLocaleString();\n };\n\n if (!user.isAdmin) {\n return (\n

🚫

Access Denied

You don't have admin privileges.

\n );\n }\n\n if (loading) {\n return (\n

🔧

Loading admin panel...

\n );\n }\n\n return (\n

\n {/* Header */}\n

🔧 Admin Panel

System administration and management

\n window.location.href = '/'}\n className=\"bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600 transition-colors\"\n >\n 🏠 Dashboard\n \n {\n fetch('/api/auth/logout', { method: 'POST' })\n .then(() => window.location.href = '/');\n }}\n className=\"bg-red-500 text-white px-4 py-2 rounded hover:bg-red-600 transition-colors\"\n >\n Logout\n \n

\n\n

\n {/* Tab Navigation */}\n

\n setActiveTab('overview')}\n className={`py-2 px-1 border-b-2 font-medium text-sm ${\n activeTab === 'overview'\n ? 'border-blue-500 text-blue-600'\n : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'\n }`}\n >\n 📊 Overview\n \n setActiveTab('users')}\n className={`py-2 px-1 border-b-2 font-medium text-sm ${\n activeTab === 'users'\n ? 'border-blue-500 text-blue-600'\n : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'\n }`}\n >\n 👥 Users ({users.length})\n \n setActiveTab('content')}\n className={`py-2 px-1 border-b-2 font-medium text-sm ${\n activeTab === 'content'\n ? 'border-blue-500 text-blue-600'\n : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'\n }`}\n >\n 📋 Content ({content.length})\n \n

\n\n {/* Overview Tab */}\n {activeTab === 'overview' && stats && (\n

\n {/* Stats Cards */}\n

👥

Total Users

{stats.totalUsers}

🔧

Admin Users

{stats.adminUsers}

📋

Total Content

{stats.totalContent}

📊

Content Types

\n 📝 {stats.contentByType.text} • 🖼️ {stats.contentByType.image} • 🔗 {stats.contentByType.url}\n

\n\n {/* Recent Activity */}\n

👥 Recent Users

\n {stats.recentUsers.map((user) => (\n

{user.name}

{user.email}

\n {user.isAdmin && (\n Admin\n )}\n

\n {formatDate(user.createdAt)}\n

\n ))}\n

\n\n

📋 Recent Content

\n {stats.recentContent.map((item) => (\n

\n \n {item.type}\n \n \n {formatDate(item.createdAt)}\n \n

\n {item.type === 'text' ? item.content : \n item.type === 'url' ? item.content :\n `Image: ${item.title || 'Untitled'}`}\n

\n ))}\n

\n )}\n\n {/* Users Tab */}\n {activeTab === 'users' && (\n

👥 User Management

\n \n \n \n \n \n \n \n \n \n \n \n {users.map((user) => (\n \n \n \n \n \n \n \n ))}\n \n

\n User\n	\n Role\n	\n Created\n	\n Last Login\n	\n Actions\n
\n \n {user.name} \n {user.email} \n \n	\n {user.isAdmin ? (\n \n Admin\n \n ) : (\n \n User\n \n )}\n	\n {formatDate(user.createdAt)}\n	\n {user.lastLoginAt ? formatDate(user.lastLoginAt) : 'Never'}\n	\n {!user.isAdmin && (\n makeUserAdmin(user.id)}\n className=\"text-yellow-600 hover:text-yellow-900\"\n >\n Make Admin\n \n )}\n

\n )}\n\n {/* Content Tab */}\n {activeTab === 'content' && (\n

📋 Content Management

\n {content.map((item) => (\n

\n \n {item.type}\n \n \n User: {item.user?.name || 'Unknown'}\n \n

\n \n {formatDate(item.createdAt)}\n \n deleteContent(item.id)}\n className=\"text-red-500 hover:text-red-700\"\n >\n 🗑️\n \n

\n {item.type === 'url' && (\n \n 🔗 {item.content}\n \n )}\n {item.type === 'text' && (\n

📝 {item.content}

\n )}\n {item.type === 'image' && (\n

🖼️ Image: {item.title || 'Untitled'}

\n {item.content.startsWith('data:image/') && (\n {item.title

\n )}\n

\n ))}\n

\n )}\n

\n );\n}",[],[332,338,344],{"_104":351,"_96":352,"_160":353,"_162":339,"_163":141,"_164":165,"_166":118,"_106":354,"_101":32,"_168":186,"_170":355,"_171":22,"_172":-5,"_173":356,"_99":357},"76ba0166-dba3-11f0-a67e-42dde27851f2","App.tsx","019b2eba-dc23-70e4-a6e6-3c63269e7075",["D",1766015556590],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"react\";\nimport { Auth } from \"./Auth.tsx\";\nimport { Dashboard } from \"./Dashboard.tsx\";\nimport { Admin } from \"./Admin.tsx\";\nimport { Setup } from \"./Setup.tsx\";\n\ninterface User {\n id: string;\n email: string;\n name: string;\n isAdmin: boolean;\n}\n\ninterface InitialData {\n user: User | null;\n pageType: string;\n timestamp: string;\n}\n\ndeclare global {\n interface Window {\n __INITIAL_DATA__: InitialData;\n }\n}\n\nexport function App() {\n const [user, setUser] = useState(null);\n const [pageType, setPageType] = useState('app');\n const [loading, setLoading] = useState(true);\n\n useEffect(() => {\n // Get initial data injected by the server\n if (window.__INITIAL_DATA__) {\n setUser(window.__INITIAL_DATA__.user);\n setPageType(window.__INITIAL_DATA__.pageType || 'app');\n }\n setLoading(false);\n }, []);\n\n const handleAuthSuccess = () => {\n window.location.href = '/';\n };\n\n if (loading) {\n return (\n

📱

\n );\n }\n\n // Route based on page type\n switch (pageType) {\n case 'login':\n return ;\n \n case 'register':\n return ;\n \n case 'dashboard':\n if (!user) {\n window.location.href = '/login';\n return null;\n }\n return ;\n \n case 'admin':\n if (!user) {\n window.location.href = '/login';\n return null;\n }\n if (!user.isAdmin) {\n window.location.href = '/';\n return null;\n }\n return ;\n \n case 'setup':\n if (!user) {\n window.location.href = '/login';\n return null;\n }\n return ;\n \n default:\n // Main app page\n return user ? : ;\n }\n}\n\nfunction UnauthenticatedView() {\n return (\n

\n 📱 iOS Share Sheet Backend\n

\n window.location.href = '/login'}\n className=\"bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600 transition-colors\"\n >\n Login\n \n window.location.href = '/register'}\n className=\"bg-green-500 text-white px-4 py-2 rounded hover:bg-green-600 transition-colors\"\n >\n Register\n \n

\n\n

\n Welcome to iOS Share Sheet Backend\n

📱➡️☁️

\n This backend receives and stores content shared from iOS devices\n using the Share Sheet functionality.\n

📤 Share Content

\n Use your iOS device's Share Sheet to send URLs, text, and images\n directly to this backend.\n

💾 Store & Access

\n All your shared content is securely stored and accessible\n through this web interface.\n

\n Please log in or register to start using the service.\n

\n window.location.href = '/login'}\n className=\"bg-blue-500 text-white px-6 py-3 rounded-lg hover:bg-blue-600 transition-colors font-medium\"\n >\n Login\n \n window.location.href = '/register'}\n className=\"bg-green-500 text-white px-6 py-3 rounded-lg hover:bg-green-600 transition-colors font-medium\"\n >\n Register\n \n

\n );\n}",[],[332,338,352],{"_104":359,"_96":360,"_160":361,"_162":339,"_163":141,"_164":165,"_166":118,"_106":362,"_101":32,"_168":186,"_170":363,"_171":22,"_172":-5,"_173":364,"_99":365},"76ba05f8-dba3-11f0-a67e-42dde27851f2","Auth.tsx","019b2eba-dc23-70e4-a6e6-411b39122cbf",["D",1766015556590],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"react\";\n\ninterface AuthProps {\n mode: 'login' | 'register';\n onSuccess: () => void;\n}\n\nfunction base64urlToBase64(base64url: string): string {\n // Convert base64url to base64\n let base64 = base64url.replace(/-/g, '+').replace(/_/g, '/');\n // Add padding if needed\n while (base64.length % 4) {\n base64 += '=';\n }\n return base64;\n}\n\nexport function Auth({ mode, onSuccess }: AuthProps) {\n const [email, setEmail] = useState('');\n const [name, setName] = useState('');\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState('');\n const [step, setStep] = useState<'form' | 'webauthn'>('form');\n\n const isRegister = mode === 'register';\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n setError('');\n setLoading(true);\n\n try {\n if (!email || (isRegister && !name)) {\n throw new Error(isRegister ? 'Email and name are required' : 'Email is required');\n }\n\n // Start WebAuthn flow\n const startEndpoint = isRegister ? '/api/auth/register-start' : '/api/auth/login-start';\n const startPayload = isRegister ? { email, name } : { email };\n\n const startResponse = await fetch(startEndpoint, {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(startPayload),\n });\n\n if (!startResponse.ok) {\n const errorData = await startResponse.json();\n throw new Error(errorData.error || 'Authentication failed');\n }\n\n const startData = await startResponse.json();\n setStep('webauthn');\n\n // Prepare WebAuthn options\n let credentialOptions;\n if (isRegister) {\n credentialOptions = {\n publicKey: {\n challenge: new Uint8Array(atob(base64urlToBase64(startData.challenge)).split('').map(c => c.charCodeAt(0))),\n rp: startData.rp,\n user: {\n id: new TextEncoder().encode(startData.user.id),\n name: startData.user.name,\n displayName: startData.user.displayName,\n },\n pubKeyCredParams: startData.pubKeyCredParams,\n authenticatorSelection: startData.authenticatorSelection,\n timeout: startData.timeout,\n attestation: startData.attestation,\n },\n };\n } else {\n credentialOptions = {\n publicKey: {\n challenge: new Uint8Array(atob(base64urlToBase64(startData.challenge)).split('').map(c => c.charCodeAt(0))),\n allowCredentials: startData.allowCredentials.map((cred: any) => ({\n id: new Uint8Array(atob(base64urlToBase64(cred.id)).split('').map(c => c.charCodeAt(0))),\n type: cred.type,\n })),\n timeout: startData.timeout,\n userVerification: startData.userVerification,\n },\n };\n }\n\n // Create or get credential\n let credential;\n if (isRegister) {\n credential = await navigator.credentials.create(credentialOptions);\n } else {\n credential = await navigator.credentials.get(credentialOptions);\n }\n\n if (!credential) {\n throw new Error('WebAuthn authentication was cancelled');\n }\n\n // Prepare credential for server\n const credentialForServer = {\n id: credential.id,\n rawId: btoa(String.fromCharCode(...new Uint8Array(credential.rawId))),\n response: isRegister ? {\n attestationObject: btoa(String.fromCharCode(...new Uint8Array((credential as any).response.attestationObject))),\n clientDataJSON: btoa(String.fromCharCode(...new Uint8Array(credential.response.clientDataJSON))),\n } : {\n authenticatorData: btoa(String.fromCharCode(...new Uint8Array((credential as any).response.authenticatorData))),\n clientDataJSON: btoa(String.fromCharCode(...new Uint8Array(credential.response.clientDataJSON))),\n signature: btoa(String.fromCharCode(...new Uint8Array((credential as any).response.signature))),\n userHandle: (credential as any).response.userHandle ? btoa(String.fromCharCode(...new Uint8Array((credential as any).response.userHandle))) : null,\n },\n type: credential.type,\n };\n\n // Finish authentication\n const finishEndpoint = isRegister ? '/api/auth/register-finish' : '/api/auth/login-finish';\n const finishResponse = await fetch(finishEndpoint, {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({\n email,\n credential: credentialForServer,\n }),\n });\n\n if (!finishResponse.ok) {\n const errorData = await finishResponse.json();\n throw new Error(errorData.error || 'Authentication failed');\n }\n\n // Success!\n onSuccess();\n } catch (error: any) {\n console.error('Authentication error:', error);\n setError(error.message || 'Authentication failed');\n setStep('form');\n } finally {\n setLoading(false);\n }\n };\n\n return (\n

🔐

\n {isRegister ? 'Create your account' : 'Sign in to your account'}\n

\n {isRegister ? 'Register with WebAuthn for secure passwordless authentication' : 'Use WebAuthn to sign in securely'}\n

\n\n

\n \n Email address\n \n setEmail(e.target.value)}\n className=\"mt-1 appearance-none relative block w-full px-3 py-2 border border-gray-300 placeholder-gray-500 text-gray-900 rounded-md focus:outline-none focus:ring-blue-500 focus:border-blue-500 focus:z-10 sm:text-sm\"\n placeholder=\"Enter your email\"\n disabled={loading}\n />\n

\n\n {isRegister && (\n

\n \n Full name\n \n setName(e.target.value)}\n className=\"mt-1 appearance-none relative block w-full px-3 py-2 border border-gray-300 placeholder-gray-500 text-gray-900 rounded-md focus:outline-none focus:ring-blue-500 focus:border-blue-500 focus:z-10 sm:text-sm\"\n placeholder=\"Enter your full name\"\n disabled={loading}\n />\n

\n )}\n

\n\n {error && (\n

⚠️

{error}

\n )}\n\n {step === 'webauthn' && (\n

🔐

\n Please complete the WebAuthn authentication using your device's biometric sensor or security key.\n

\n )}\n\n

\n \n {loading ? (\n \n

🔄

\n {step === 'webauthn' ? 'Authenticating...' : 'Processing...'}\n \n ) : (\n isRegister ? 'Create Account' : 'Sign In'\n )}\n \n

\n\n

\n window.location.href = isRegister ? '/login' : '/register'}\n className=\"text-blue-600 hover:text-blue-500 text-sm\"\n >\n {isRegister ? 'Already have an account? Sign in' : \"Don't have an account? Register\"}\n \n

\n\n

🛡️ About WebAuthn

\n WebAuthn provides secure, passwordless authentication using your device's built-in biometric sensors \n (Face ID, Touch ID, fingerprint) or external security keys. Your biometric data never leaves your device.\n

\n );\n}",[],[332,338,360],{"_104":367,"_96":368,"_160":369,"_162":339,"_163":141,"_164":165,"_166":118,"_106":370,"_101":32,"_168":186,"_170":371,"_171":22,"_172":-5,"_173":372,"_99":373},"76ba0fbc-dba3-11f0-a67e-42dde27851f2","Dashboard.tsx","019b2eba-dc23-70e4-a6e6-450f2b3ce703",["D",1766015556590],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"react\";\n\ninterface User {\n id: string;\n email: string;\n name: string;\n isAdmin: boolean;\n}\n\ninterface ContentItem {\n id: string;\n type: 'text' | 'image' | 'url';\n content: string;\n title?: string;\n metadata?: any;\n createdAt: string;\n}\n\ninterface BearerToken {\n id: string;\n name: string;\n lastUsedAt?: string;\n createdAt: string;\n}\n\ninterface DashboardProps {\n user: User;\n}\n\nexport function Dashboard({ user }: DashboardProps) {\n const [content, setContent] = useState([]);\n const [tokens, setTokens] = useState([]);\n const [loading, setLoading] = useState(true);\n const [activeTab, setActiveTab] = useState<'content' | 'tokens'>('content');\n const [showTokenForm, setShowTokenForm] = useState(false);\n const [newTokenName, setNewTokenName] = useState('');\n const [createdToken, setCreatedToken] = useState(null);\n\n useEffect(() => {\n loadData();\n }, []);\n\n const loadData = async () => {\n try {\n setLoading(true);\n \n // Load content and tokens in parallel\n const [contentResponse, tokensResponse] = await Promise.all([\n fetch('/api/content'),\n fetch('/api/auth/tokens')\n ]);\n\n if (contentResponse.ok) {\n const contentData = await contentResponse.json();\n setContent(contentData.items || []);\n }\n\n if (tokensResponse.ok) {\n const tokensData = await tokensResponse.json();\n setTokens(tokensData.tokens || []);\n }\n } catch (error) {\n console.error('Failed to load dashboard data:', error);\n } finally {\n setLoading(false);\n }\n };\n\n const deleteContent = async (id: string) => {\n if (!confirm('Are you sure you want to delete this content?')) return;\n\n try {\n const response = await fetch(`/api/content/${id}`, {\n method: 'DELETE',\n });\n\n if (response.ok) {\n setContent(content.filter(item => item.id !== id));\n } else {\n alert('Failed to delete content');\n }\n } catch (error) {\n console.error('Delete error:', error);\n alert('Failed to delete content');\n }\n };\n\n const createToken = async (e: React.FormEvent) => {\n e.preventDefault();\n if (!newTokenName.trim()) return;\n\n try {\n const response = await fetch('/api/auth/tokens', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ name: newTokenName.trim() }),\n });\n\n if (response.ok) {\n const data = await response.json();\n setCreatedToken(data.token);\n setNewTokenName('');\n loadData(); // Refresh tokens list\n } else {\n const errorData = await response.json();\n alert(errorData.error || 'Failed to create token');\n }\n } catch (error) {\n console.error('Token creation error:', error);\n alert('Failed to create token');\n }\n };\n\n const deleteToken = async (id: string) => {\n if (!confirm('Are you sure you want to delete this token? Any shortcuts using it will stop working.')) return;\n\n try {\n const response = await fetch(`/api/auth/tokens/${id}`, {\n method: 'DELETE',\n });\n\n if (response.ok) {\n setTokens(tokens.filter(token => token.id !== id));\n } else {\n alert('Failed to delete token');\n }\n } catch (error) {\n console.error('Token deletion error:', error);\n alert('Failed to delete token');\n }\n };\n\n const formatDate = (dateString: string) => {\n return new Date(dateString).toLocaleString();\n };\n\n const copyToClipboard = (text: string) => {\n navigator.clipboard.writeText(text).then(() => {\n alert('Copied to clipboard!');\n });\n };\n\n if (loading) {\n return (\n

📊

Loading your dashboard...

\n );\n }\n\n return (\n

\n {/* Header */}\n

📊 Dashboard

Welcome back, {user.name}

\n window.location.href = '/setup'}\n className=\"bg-green-500 text-white px-4 py-2 rounded hover:bg-green-600 transition-colors\"\n >\n 📱 Setup Guide\n \n {user.isAdmin && (\n window.location.href = '/admin'}\n className=\"bg-yellow-500 text-white px-4 py-2 rounded hover:bg-yellow-600 transition-colors\"\n >\n 🔧 Admin Panel\n \n )}\n {\n fetch('/api/auth/logout', { method: 'POST' })\n .then(() => window.location.href = '/');\n }}\n className=\"bg-red-500 text-white px-4 py-2 rounded hover:bg-red-600 transition-colors\"\n >\n Logout\n \n

\n\n

\n {/* Tab Navigation */}\n

\n setActiveTab('content')}\n className={`py-2 px-1 border-b-2 font-medium text-sm ${\n activeTab === 'content'\n ? 'border-blue-500 text-blue-600'\n : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'\n }`}\n >\n 📋 Content ({content.length})\n \n setActiveTab('tokens')}\n className={`py-2 px-1 border-b-2 font-medium text-sm ${\n activeTab === 'tokens'\n ? 'border-blue-500 text-blue-600'\n : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'\n }`}\n >\n 🔑 API Tokens ({tokens.length})\n \n

\n\n {/* Content Tab */}\n {activeTab === 'content' && (\n

📋 Your Shared Content

\n {content.length === 0 ? (\n

📭 No content shared yet

\n Use the iOS Share Sheet to send content to this backend!\n

\n window.location.href = '/setup'}\n className=\"bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600 transition-colors\"\n >\n 📱 Setup iOS Shortcut\n \n

\n ) : (\n

\n {content.map((item) => (\n \n

\n \n {formatDate(item.createdAt)}\n \n

\n \n {item.type}\n \n deleteContent(item.id)}\n className=\"text-red-500 hover:text-red-700 text-sm\"\n >\n 🗑️\n \n

\n {item.type === 'url' && (\n \n 🔗 {item.content}\n \n )}\n {item.type === 'text' && (\n

📝 {item.content}

\n )}\n {item.type === 'image' && (\n

🖼️ Image: {item.title || 'Untitled'}

\n {item.content.startsWith('data:image/') ? (\n {item.title

\n ) : (\n

Image URL: {item.content}

\n )}\n

\n ))}\n

\n )}\n

\n )}\n\n {/* Tokens Tab */}\n {activeTab === 'tokens' && (\n

🔑 API Tokens

\n setShowTokenForm(true)}\n className=\"bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600 transition-colors\"\n >\n ➕ Create Token\n \n

\n\n {/* Token Creation Form */}\n {showTokenForm && (\n

\n \n Token Name\n \n setNewTokenName(e.target.value)}\n placeholder=\"e.g., iPhone Shortcut, iPad Share\"\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-blue-500 focus:border-blue-500\"\n required\n />\n

\n \n Create Token\n \n {\n setShowTokenForm(false);\n setNewTokenName('');\n setCreatedToken(null);\n }}\n className=\"bg-gray-500 text-white px-4 py-2 rounded hover:bg-gray-600 transition-colors\"\n >\n Cancel\n \n

\n )}\n\n {/* New Token Display */}\n {createdToken && (\n

✅ Token Created!

\n Copy this token now - you won't be able to see it again:\n

\n {createdToken}\n

\n copyToClipboard(createdToken)}\n className=\"bg-green-500 text-white px-3 py-1 rounded text-sm hover:bg-green-600 transition-colors\"\n >\n 📋 Copy Token\n \n setCreatedToken(null)}\n className=\"bg-gray-500 text-white px-3 py-1 rounded text-sm hover:bg-gray-600 transition-colors\"\n >\n Done\n \n

\n )}\n\n {/* Tokens List */}\n {tokens.length === 0 ? (\n

🔑 No API tokens created yet

\n Create a token to use with iOS shortcuts for sharing content.\n

\n ) : (\n

\n {tokens.map((token) => (\n \n

{token.name}

\n Created: {formatDate(token.createdAt)}\n {token.lastUsedAt && (\n \n Last used: {formatDate(token.lastUsedAt)}\n \n )}\n

\n deleteToken(token.id)}\n className=\"text-red-500 hover:text-red-700 px-3 py-1 rounded\"\n >\n 🗑️ Delete\n \n

\n ))}\n

\n )}\n

\n \n )}\n \n \n );\n}",[],[332,338,368],{"_104":375,"_96":376,"_160":377,"_162":339,"_163":141,"_164":165,"_166":118,"_106":378,"_101":32,"_168":186,"_170":379,"_171":22,"_172":-5,"_173":380,"_99":381},"76ba1da4-dba3-11f0-a67e-42dde27851f2","Setup.tsx","019b2eba-dc23-70e4-a6e6-4b7531129464",["D",1766015556590],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"react\";\n\ninterface User {\n id: string;\n email: string;\n name: string;\n isAdmin: boolean;\n}\n\ninterface BearerToken {\n id: string;\n name: string;\n token: string;\n createdAt: string;\n}\n\ninterface SetupProps {\n user: User;\n}\n\nexport function Setup({ user }: SetupProps) {\n const [tokens, setTokens] = useState([]);\n const [selectedToken, setSelectedToken] = useState('');\n const [loading, setLoading] = useState(true);\n const [currentStep, setCurrentStep] = useState(1);\n\n useEffect(() => {\n loadTokens();\n }, []);\n\n const loadTokens = async () => {\n try {\n const response = await fetch('/api/auth/tokens');\n if (response.ok) {\n const data = await response.json();\n setTokens(data.tokens || []);\n if (data.tokens && data.tokens.length > 0) {\n setSelectedToken(data.tokens[0].id);\n }\n }\n } catch (error) {\n console.error('Failed to load tokens:', error);\n } finally {\n setLoading(false);\n }\n };\n\n const createToken = async () => {\n try {\n const response = await fetch('/api/auth/tokens', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ name: 'iOS Shortcut Token' }),\n });\n\n if (response.ok) {\n const data = await response.json();\n const newToken = { ...data, token: data.token };\n setTokens([...tokens, newToken]);\n setSelectedToken(newToken.id);\n return newToken.token;\n }\n } catch (error) {\n console.error('Token creation error:', error);\n }\n return null;\n };\n\n const copyToClipboard = (text: string) => {\n navigator.clipboard.writeText(text).then(() => {\n alert('Copied to clipboard!');\n });\n };\n\n const getSelectedTokenValue = () => {\n const token = tokens.find(t => t.id === selectedToken);\n return token?.token || '';\n };\n\n const getShortcutURL = () => {\n const baseURL = window.location.origin;\n return `https://www.icloud.com/shortcuts/your-shortcut-id`;\n };\n\n const getShortcutCode = () => {\n const baseURL = window.location.origin;\n const token = getSelectedTokenValue();\n \n return `// iOS Shortcut Configuration\n// 1. Get input from Share Sheet\n// 2. Determine content type\n// 3. Send to backend\n\nconst content = getSharedContent();\nconst contentType = determineContentType(content);\n\nconst payload = {\n type: contentType,\n content: content,\n title: getTitle(),\n metadata: {\n source: \"iOS Share Sheet\",\n timestamp: new Date().toISOString()\n }\n};\n\nconst response = await fetch(\"${baseURL}/api/content\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n \"Authorization\": \"Bearer ${token}\"\n },\n body: JSON.stringify(payload)\n});\n\nif (response.ok) {\n showNotification(\"Content saved successfully!\");\n} else {\n showNotification(\"Failed to save content\");\n}`;\n };\n\n if (loading) {\n return (\n

📱

Loading setup guide...

\n );\n }\n\n return (\n

\n {/* Header */}\n

📱 iOS Shortcut Setup

Configure your iOS device to share content

\n window.location.href = '/'}\n className=\"bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600 transition-colors\"\n >\n 🏠 Dashboard\n \n

\n\n

\n {/* Progress Steps */}\n

\n {[1, 2, 3, 4].map((step) => (\n

\n = step\n ? 'bg-blue-500 text-white'\n : 'bg-gray-200 text-gray-600'\n }`}\n >\n {step}\n

\n {step < 4 && (\n step ? 'bg-blue-500' : 'bg-gray-200'\n }`}\n />\n )}\n

\n ))}\n

\n Step {currentStep} of 4: {\n currentStep === 1 ? 'Get API Token' :\n currentStep === 2 ? 'Download Shortcut' :\n currentStep === 3 ? 'Configure Token' :\n 'Test & Use'\n }\n

\n\n {/* Step 1: API Token */}\n {currentStep === 1 && (\n

🔑 Step 1: Get Your API Token

\n You need an API token to authenticate your iOS shortcuts with this backend.\n

\n\n {tokens.length === 0 ? (\n

No API tokens found. Create one to continue.

\n {\n const token = await createToken();\n if (token) {\n setCurrentStep(2);\n }\n }}\n className=\"bg-blue-500 text-white px-6 py-3 rounded-lg hover:bg-blue-600 transition-colors\"\n >\n ➕ Create API Token\n \n

\n ) : (\n

\n \n Select an existing token:\n \n setSelectedToken(e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-blue-500 focus:border-blue-500\"\n >\n {tokens.map((token) => (\n \n ))}\n \n

\n\n

\n setCurrentStep(2)}\n className=\"bg-blue-500 text-white px-6 py-2 rounded hover:bg-blue-600 transition-colors\"\n >\n Use Selected Token →\n \n {\n const token = await createToken();\n if (token) {\n setCurrentStep(2);\n }\n }}\n className=\"bg-green-500 text-white px-6 py-2 rounded hover:bg-green-600 transition-colors\"\n >\n ➕ Create New Token\n \n

\n )}\n

\n )}\n\n {/* Step 2: Download Shortcut */}\n {currentStep === 2 && (\n

📥 Step 2: Download the iOS Shortcut

\n Download and install the pre-configured iOS shortcut that will send content to your backend.\n

\n\n

📱 Shortcut Features:

\n ✅\n Share text from any app\n
\n ✅\n Share URLs and web pages\n
\n ✅\n Share images and photos\n
\n ✅\n Automatic content type detection\n
\n ✅\n Success/error notifications\n

\n\n

\n \n 📥 Download iOS Shortcut\n \n

\n This will open the Shortcuts app on your iOS device\n

\n\n

\n setCurrentStep(1)}\n className=\"bg-gray-500 text-white px-6 py-2 rounded hover:bg-gray-600 transition-colors\"\n >\n ← Back\n \n setCurrentStep(3)}\n className=\"bg-blue-500 text-white px-6 py-2 rounded hover:bg-blue-600 transition-colors\"\n >\n Next: Configure Token →\n \n

\n )}\n\n {/* Step 3: Configure Token */}\n {currentStep === 3 && (\n

⚙️ Step 3: Configure Your API Token

\n Add your API token to the shortcut so it can authenticate with your backend.\n

\n\n

\n \n Your API Token:\n \n

\n \n copyToClipboard(getSelectedTokenValue())}\n className=\"bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600 transition-colors\"\n >\n 📋 Copy\n \n

\n\n

📝 Configuration Steps:

Open the downloaded shortcut in the Shortcuts app
Tap \"Edit\" to modify the shortcut
Find the \"Text\" action that contains the API token placeholder
Replace the placeholder with your actual API token (copied above)
Verify the backend URL is correct: {window.location.origin}
Save the shortcut

\n\n

🔧 Technical Details:

Backend URL: {window.location.origin}/api/content

Method: POST

Headers: Authorization: Bearer [your-token]

Content-Type: application/json

\n\n

\n setCurrentStep(2)}\n className=\"bg-gray-500 text-white px-6 py-2 rounded hover:bg-gray-600 transition-colors\"\n >\n ← Back\n \n setCurrentStep(4)}\n className=\"bg-blue-500 text-white px-6 py-2 rounded hover:bg-blue-600 transition-colors\"\n >\n Next: Test & Use →\n \n

\n )}\n\n {/* Step 4: Test & Use */}\n {currentStep === 4 && (\n

🎉 Step 4: Test & Start Using!

\n Your iOS shortcut is now configured! Here's how to test it and start sharing content.\n

\n\n

✅ Testing Your Shortcut:

Open any app with shareable content (Safari, Photos, Notes, etc.)
Tap the Share button
Find and tap your new shortcut in the share sheet
Wait for the success notification
Check your dashboard to see the shared content

\n\n

📱 Supported Content Types:

📝

Text

Notes, messages, selected text

🔗

URLs

Web pages, links, bookmarks

🖼️

Images

Photos, screenshots, pictures

\n\n

🔧 Troubleshooting:

\n Shortcut not appearing in share sheet:\n

Make sure you've added the shortcut to your library and it's enabled for sharing.

\n Authentication errors:\n

Double-check that your API token is correctly pasted in the shortcut.

\n Content not appearing:\n

Refresh your dashboard and check that the shortcut completed successfully.

\n\n

\n window.location.href = '/'}\n className=\"bg-blue-500 text-white px-8 py-3 rounded-lg hover:bg-blue-600 transition-colors text-lg font-medium\"\n >\n 🏠 Go to Dashboard\n \n

\n Start sharing content from your iOS device!\n

\n\n

\n setCurrentStep(3)}\n className=\"bg-gray-500 text-white px-6 py-2 rounded hover:bg-gray-600 transition-colors\"\n >\n ← Back\n \n

\n )}\n\n {/* Quick Actions */}\n

🚀 Quick Actions

\n window.location.href = '/'}\n className=\"p-4 border border-gray-200 rounded-lg hover:bg-gray-50 transition-colors text-center\"\n >\n

📊

View Dashboard

See your shared content

\n \n copyToClipboard(getSelectedTokenValue())}\n className=\"p-4 border border-gray-200 rounded-lg hover:bg-gray-50 transition-colors text-center\"\n >\n

🔑

Copy API Token

For shortcut configuration

\n \n copyToClipboard(window.location.origin + '/api/content')}\n className=\"p-4 border border-gray-200 rounded-lg hover:bg-gray-50 transition-colors text-center\"\n >\n

🌐

Copy API URL

Backend endpoint

\n \n

\n \n \n );\n}",[],[332,338,376],[332,338],{"_104":384,"_96":385,"_160":386,"_162":333,"_163":141,"_164":165,"_166":118,"_106":387,"_101":32,"_168":388,"_170":389,"_171":22,"_172":-5,"_173":390,"_99":391},"76ba2d26-dba3-11f0-a67e-42dde27851f2","index.html","019b2eba-dc23-70e4-a6e6-5185523189be",["D",1766015556590],"file","\n\n\n \n \n iOS Share Sheet Backend\n \n \n \n\n\n

\n \n \n \n \n \n \n\n",[],[332,385],{"_104":393,"_96":394,"_160":395,"_162":333,"_163":141,"_164":165,"_166":118,"_106":396,"_101":32,"_168":186,"_170":397,"_171":22,"_172":-5,"_173":398,"_99":399},"76ba2fb0-dba3-11f0-a67e-42dde27851f2","index.tsx","019b2eba-dc23-70e4-a6e6-564ce2cc0be2",["D",1766015556590],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"react\";\nimport { createRoot } from \"react-dom/client\";\nimport { App } from \"./components/App.tsx\";\n\nconst container = document.getElementById(\"root\");\nif (!container) throw new Error(\"Root element not found\");\n\nconst root = createRoot(container);\nroot.render();",[],[332,394],[332],{"_104":402,"_96":403,"_160":404,"_162":-5,"_163":141,"_164":165,"_166":118,"_106":405,"_101":32,"_168":169,"_170":-5,"_171":22,"_172":-5,"_173":406,"_99":416},"76ba34d8-dba3-11f0-a67e-42dde27851f2","shared","019b2eba-dc23-70e4-a6e6-6208f998ea0e",["D",1766015556590],[407],{"_104":408,"_96":409,"_160":410,"_162":404,"_163":141,"_164":411,"_166":118,"_106":412,"_101":165,"_168":186,"_170":413,"_171":22,"_172":-5,"_173":414,"_99":415},"2c065182-e0fe-11f0-8a07-42dde27851f2","types.ts","019b2eba-dc23-70e4-a6e6-5d11a15b3aec",9,["D",1766604271324],"// Shared TypeScript types for the iOS Share Sheet Backend\n\nexport interface User {\n id: string;\n email: string;\n name: string;\n isAdmin: boolean;\n createdAt: string;\n lastLoginAt?: string;\n}\n\nexport interface ContentItem {\n id: string;\n userId: string;\n type: 'text' | 'image' | 'url';\n content: string;\n title?: string;\n metadata?: {\n url?: string;\n imageSize?: number;\n source?: string;\n };\n createdAt: string;\n}\n\nexport interface BearerToken {\n id: string;\n userId: string;\n token: string;\n name: string;\n lastUsedAt?: string;\n createdAt: string;\n}\n\nexport interface WebAuthnCredential {\n id: string;\n userId: string;\n credentialId: string;\n publicKey: string;\n counter: number;\n createdAt: string;\n}\n\n// API Request/Response types\nexport interface RegisterStartRequest {\n email: string;\n name: string;\n}\n\nexport interface RegisterStartResponse {\n challenge: string;\n user: {\n id: string;\n name: string;\n displayName: string;\n };\n rp: {\n name: string;\n id: string;\n };\n pubKeyCredParams: Array<{\n type: string;\n alg: number;\n }>;\n authenticatorSelection: {\n authenticatorAttachment?: string;\n userVerification: string;\n };\n timeout: number;\n attestation: string;\n}\n\nexport interface RegisterFinishRequest {\n email: string;\n credential: {\n id: string;\n rawId: string;\n response: {\n attestationObject: string;\n clientDataJSON: string;\n };\n type: string;\n };\n}\n\nexport interface LoginStartRequest {\n email: string;\n}\n\nexport interface LoginStartResponse {\n challenge: string;\n allowCredentials: Array<{\n id: string;\n type: string;\n }>;\n timeout: number;\n userVerification: string;\n}\n\nexport interface LoginFinishRequest {\n email: string;\n credential: {\n id: string;\n rawId: string;\n response: {\n authenticatorData: string;\n clientDataJSON: string;\n signature: string;\n userHandle?: string;\n };\n type: string;\n };\n}\n\nexport interface AuthResponse {\n success: boolean;\n user?: User;\n token?: string;\n error?: string;\n}\n\nexport interface ContentRequest {\n type: 'text' | 'image' | 'url';\n content: string;\n title?: string;\n metadata?: {\n url?: string;\n source?: string;\n };\n}\n\nexport interface TokenCreateRequest {\n name: string;\n}\n\nexport interface TokenResponse {\n id: string;\n name: string;\n token: string;\n createdAt: string;\n}\n\n// User Settings for daily summaries\nexport interface UserSettings {\n userId: string;\n emailEnabled: boolean;\n smsEnabled: boolean;\n smsPhone?: string;\n summaryTime: string; // HH:MM format\n timezone: string;\n summaryTone: 'professional' | 'casual' | 'detailed' | 'brief' | 'balanced';\n summaryLength: 'short' | 'medium' | 'long';\n includeContentTypes?: ('text' | 'image' | 'url')[];\n createdAt: string;\n updatedAt: string;\n}\n\n// Daily AI-generated summary\nexport interface DailySummary {\n id: string;\n userId: string;\n summaryDate: string; // YYYY-MM-DD format\n content: string; // The generated summary text\n contentItemsCount: number;\n contentTypes?: ('text' | 'image' | 'url')[];\n generatedAt: string;\n sentViaEmail: boolean;\n sentViaSMS: boolean;\n emailSentAt?: string;\n smsSentAt?: string;\n}\n\n// Settings API Request/Response types\nexport interface SettingsUpdateRequest {\n emailEnabled?: boolean;\n smsEnabled?: boolean;\n smsPhone?: string;\n summaryTime?: string;\n timezone?: string;\n summaryTone?: UserSettings['summaryTone'];\n summaryLength?: UserSettings['summaryLength'];\n includeContentTypes?: ('text' | 'image' | 'url')[];\n}\n\nexport interface SettingsResponse {\n settings: UserSettings;\n}\n\n// Summaries API Response types\nexport interface SummariesResponse {\n summaries: DailySummary[];\n page: number;\n limit: number;\n hasMore: boolean;\n}\n\nexport interface DateRangeRequest {\n startDate: string; // ISO date string\n endDate: string; // ISO date string\n}",[],[403,409],[403],{"_104":418,"_96":419,"_160":420,"_162":-5,"_163":141,"_164":245,"_166":118,"_106":421,"_101":32,"_168":388,"_170":422,"_171":22,"_172":-5,"_173":423,"_99":424},"2be6f968-e0fe-11f0-9ef6-42dde27851f2",".vtignore","2be6fa26-e0fe-11f0-9ef6-42dde27851f2",["D",1766604271120],".git\n.vscode\n.cursorrules\n.DS_Store\nnode_modules\nvendor",[],[419],{"_104":426,"_96":427,"_160":428,"_162":-5,"_163":141,"_164":429,"_166":118,"_106":430,"_101":32,"_168":388,"_170":431,"_171":22,"_172":-5,"_173":432,"_99":433},"2beb2c22-e0fe-11f0-b52f-42dde27851f2","AGENTS.md","2beb2cf4-e0fe-11f0-b52f-42dde27851f2",4,["D",1766604271143],"You are an advanced assistant specialized in generating Val Town code.\n\n## Core Guidelines\n\n- Ask clarifying questions when requirements are ambiguous\n- Provide complete, functional solutions rather than skeleton implementations\n- Test your logic against edge cases before presenting the final solution\n- Ensure all code follows Val Town's specific platform requirements\n- If a section of code that you're working on is getting too complex, consider refactoring it into subcomponents\n\n## Code Standards\n\n- Generate code in TypeScript or TSX\n- Add appropriate TypeScript types and interfaces for all data structures\n- Prefer official SDKs or libraries than writing API calls directly\n- Ask the user to supply API or library documentation if you are at all unsure about it\n- **Never bake in secrets into the code** - always use environment variables\n- Include comments explaining complex logic (avoid commenting obvious operations)\n- Follow modern ES6+ conventions and functional programming practices if possible\n\n## Types of triggers\n\n### 1. HTTP Trigger\n\n- Create web APIs and endpoints\n- Handle HTTP requests and responses\n- Example structure:\n\n```ts\nexport default async function (req: Request) {\n return new Response(\"Hello World\");\n}\n```\n\nFiles that are HTTP triggers have http in their name like `foobar.http.tsx`\n\n### 2. Cron Triggers\n\n- Run on a schedule\n- Use cron expressions for timing\n- Example structure:\n\n```ts\nexport default async function () {\n // Scheduled task code\n}\n```\n\nFiles that are Cron triggers have cron in their name like `foobar.cron.tsx`\n\n### 3. Email Triggers\n\n- Process incoming emails\n- Handle email-based workflows\n- Example structure:\n\n```ts\nexport default async function (email: Email) {\n // Process email\n}\n```\n\nFiles that are Email triggers have email in their name like `foobar.email.tsx`\n\n\n## Val Town Standard Libraries\n\nVal Town provides several hosted services and utility functions.\n\n### Blob Storage\n\n```ts\nimport { blob } from \"https://esm.town/v/std/blob\";\nawait blob.setJSON(\"myKey\", { hello: \"world\" });\nlet blobDemo = await blob.getJSON(\"myKey\");\nlet appKeys = await blob.list(\"app_\");\nawait blob.delete(\"myKey\");\n```\n\n### SQLite\n\n```ts\nimport { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\nconst TABLE_NAME = 'todo_app_users_2';\n// Create table - do this before usage and change table name when modifying schema\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS ${TABLE_NAME} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n name TEXT NOT NULL\n)`);\n// Query data\nconst result = await sqlite.execute(`SELECT * FROM ${TABLE_NAME} WHERE id = ?`, [1]);\n```\n\nNote: When changing a SQLite table's schema, change the table's name (e.g., add _2 or _3) to create a fresh table.\n\n### OpenAI\n\n```ts\nimport { OpenAI } from \"https://esm.town/v/std/openai\";\nconst openai = new OpenAI();\nconst completion = await openai.chat.completions.create({\n messages: [\n { role: \"user\", content: \"Say hello in a creative way\" },\n ],\n model: \"gpt-4o-mini\",\n max_tokens: 30,\n});\n```\n\n### Email\n\n```ts\nimport { email } from \"https://esm.town/v/std/email\";\n// By default emails the owner of the val\nawait email({ \n subject: \"Hi\", \n text: \"Hi\", \n html: \"

Hi

\"\n});\n```\n\n## Val Town Utility Functions\n\nVal Town provides several utility functions to help with common project tasks.\n\n### Importing Utilities\n\nAlways import utilities with version pins to avoid breaking changes:\n\n```ts\nimport { parseProject, readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n```\n\n### Available Utilities\n\n\n#### **serveFile** - Serve project files with proper content types\n\nFor example, in Hono:\n\n```ts\n// serve all files in frontend/ and shared/\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n```\n\n#### **readFile** - Read files from within the project:\n\n```ts\n// Read a file from the project\nconst fileContent = await readFile(\"/frontend/index.html\", import.meta.url);\n```\n\n#### **listFiles** - List all files in the project\n\n```ts\nconst files = await listFiles(import.meta.url);\n```\n\n#### **parseProject** - Extract information about the current project from import.meta.url\n\nThis is useful for including info for linking back to a val, ie in \"view source\" urls:\n\n```ts\nconst projectVal = parseProject(import.meta.url);\nconsole.log(projectVal.username); // Owner of the project\nconsole.log(projectVal.name); // Project name\nconsole.log(projectVal.version); // Version number\nconsole.log(projectVal.branch); // Branch name\nconsole.log(projectVal.links.self.project); // URL to the project page\n```\n\nHowever, it's *extremely importing* to note that `parseProject` and other Standard Library utilities ONLY RUN ON THE SERVER.\nIf you need access to this data on the client, run it in the server and pass it to the client by splicing it into the HTML page\nor by making an API request for it.\n\n## Val Town Platform Specifics\n\n- **Redirects:** Use `return new Response(null, { status: 302, headers: { Location: \"/place/to/redirect\" }})` instead of `Response.redirect` which is broken\n- **Images:** Avoid external images or base64 images. Use emojis, unicode symbols, or icon fonts/libraries instead\n- **AI Image:** To inline generate an AI image use: `

`\n- **Storage:** DO NOT use the Deno KV module for storage\n- **Browser APIs:** DO NOT use the `alert()`, `prompt()`, or `confirm()` methods\n- **Weather Data:** Use open-meteo for weather data (doesn't require API keys) unless otherwise specified\n- **View Source:** Add a view source link by importing & using `import.meta.url.replace(\"ems.sh\", \"val.town)\"` (or passing this data to the client) and include `target=\"_top\"` attribute\n- **Error Debugging:** Add `` to HTML to capture client-side errors\n- **Error Handling:** Only use try...catch when there's a clear local resolution; Avoid catches that merely log or return 500s. Let errors bubble up with full context\n- **Environment Variables:** Use `Deno.env.get('keyname')` when you need to, but generally prefer APIs that don't require keys\n- **Imports:** Use `https://esm.sh` for npm and Deno dependencies to ensure compatibility on server and browser\n- **Storage Strategy:** Only use backend storage if explicitly required; prefer simple static client-side sites\n- **React Configuration:** When using React libraries, pin versions with `?deps=react@18.2.0,react-dom@18.2.0` and start the file with `/** @jsxImportSource https://esm.sh/react@18.2.0 */`\n- Ensure all React dependencies and sub-dependencies are pinned to the same version\n- **Styling:** Default to using TailwindCSS via `` unless otherwise specified\n\n## Project Structure and Design Patterns\n\n### Recommended Directory Structure\n```\n├── backend/\n│ ├── database/\n│ │ ├── migrations.ts # Schema definitions\n│ │ ├── queries.ts # DB query functions\n│ │ └── README.md\n│ └── routes/ # Route modules\n│ ├── [route].ts\n│ └── static.ts # Static file serving\n│ ├── index.ts # Main entry point\n│ └── README.md\n├── frontend/\n│ ├── components/\n│ │ ├── App.tsx\n│ │ └── [Component].tsx\n│ ├── favicon.svg\n│ ├── index.html # Main HTML template\n│ ├── index.tsx # Frontend JS entry point\n│ ├── README.md\n│ └── style.css\n├── README.md\n└── shared/\n ├── README.md\n └── utils.ts # Shared types and functions\n```\n\n### Backend (Hono) Best Practices\n\n- Hono is the recommended API framework\n- Main entry point should be `backend/index.ts`\n- **Static asset serving:** Use the utility functions to read and serve project files:\n ```ts\n import { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n \n // serve all files in frontend/ and shared/\n app.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\n app.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n \n // For index.html, often you'll want to bootstrap with initial data\n app.get(\"/\", async c => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n \n // Inject data to avoid extra round-trips\n const initialData = await fetchInitialData();\n const dataScript = ``;\n \n html = html.replace(\"\", `${dataScript}`);\n return c.html(html);\n });\n ```\n- Create RESTful API routes for CRUD operations\n- Always include this snippet at the top-level Hono app to re-throwing errors to see full stack traces:\n ```ts\n // Unwrap Hono errors to see original error details\n app.onError((err, c) => {\n throw err;\n });\n ```\n\n### Database Patterns\n- Run migrations on startup or comment out for performance\n- Change table names when modifying schemas rather than altering\n- Export clear query functions with proper TypeScript typing\n\n## Common Gotchas and Solutions\n\n1. **Environment Limitations:** \n - Val Town runs on Deno in a serverless context, not Node.js\n - Code in `shared/` must work in both frontend and backend environments\n - Cannot use `Deno` keyword in shared code\n - Use `https://esm.sh` for imports that work in both environments\n\n2. **SQLite Peculiarities:**\n - Limited support for ALTER TABLE operations\n - Create new tables with updated schemas and copy data when needed\n - Always run table creation before querying\n\n3. **React Configuration:**\n - All React dependencies must be pinned to 18.2.0\n - Always include `@jsxImportSource https://esm.sh/react@18.2.0` at the top of React files\n - Rendering issues often come from mismatched React versions\n\n4. **File Handling:**\n - Val Town only supports text files, not binary\n - Use the provided utilities to read files across branches and forks\n - For files in the project, use `readFile` helpers\n\n5. **API Design:**\n - `fetch` handler is the entry point for HTTP vals\n - Run the Hono app with `export default app.fetch // This is the entry point for HTTP vals`\n\n",[],[427],{"_104":435,"_96":436,"_160":437,"_162":-5,"_163":141,"_164":438,"_166":118,"_106":439,"_101":32,"_168":388,"_170":440,"_171":22,"_172":-5,"_173":441,"_99":442},"2bf7b014-e0fe-11f0-9ef6-42dde27851f2","CLAUDE.md","2bf7b0b4-e0fe-11f0-9ef6-42dde27851f2",7,["D",1766604271242],"# CLAUDE.md\n\nThis file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.\n\n## Project Overview\n\nThis is a **Val Town** project - an iOS Share Sheet Backend with WebAuthn authentication. It's deployed as a serverless HTTP val that provides a backend for iOS share sheet shortcuts.\n\n**Key Architecture Points:**\n- Val Town runs on **Deno** (not Node.js) in a serverless context\n- Uses **Hono** web framework for API routing\n- Uses **SQLite** via `stevekrouse/sqlite` for persistence\n- **React 18.2.0** with **TailwindCSS** for the frontend\n- **WebAuthn** for passwordless authentication\n- **Bearer tokens** for iOS shortcut API access\n\n## Important Platform Constraints\n\n### Val Town Specifics\n- **DO NOT use Node.js APIs** - this is Deno runtime\n- **DO NOT use `Deno` keyword in `shared/` directory** - shared code must work in both frontend and backend\n- Use `https://esm.sh` for all imports that work in both environments\n- Always pin React to **18.2.0** with: `/** @jsxImportSource https://esm.sh/react@18.2.0 */`\n- Use `export default app.fetch` as the entry point for HTTP vals\n- Use `new Response(null, { status: 302, headers: { Location: \"/path\" } })` for redirects (NOT `Response.redirect`)\n- Environment variables accessed via `Deno.env.get('VAR_NAME')`\n\n### Database Constraints\n- SQLite via `stevekrouse/sqlite` (NOT the Deno KV module)\n- Limited ALTER TABLE support - when changing schema, **create new tables** (e.g., `users_2`, `users_3`)\n- Run migrations on startup in `backend/index.ts`\n- Migration file: `backend/database/migrations.ts`\n- Query functions: `backend/database/queries.ts`\n\n## Project Structure\n\n```\n├── backend/\n│ ├── index.ts # Main Hono app entry point (exports app.fetch)\n│ ├── database/\n│ │ ├── migrations.ts # Table definitions and indexes\n│ │ └── queries.ts # All database operations (CRUD functions)\n│ └── routes/\n│ ├── auth.ts # WebAuthn registration/login + bearer token management\n│ ├── content.ts # Content CRUD (POST /api/content for shortcuts)\n│ ├── admin.ts # Admin-only endpoints\n│ └── static.ts # Serves frontend pages with initial data injection\n├── frontend/\n│ ├── index.html # Main HTML template (includes TailwindCSS via CDN)\n│ ├── index.tsx # React entry point\n│ └── components/\n│ ├── App.tsx # Root component with page routing\n│ ├── Auth.tsx # WebAuthn login/register UI\n│ ├── Dashboard.tsx # User content display\n│ ├── Admin.tsx # Admin interface\n│ └── Setup.tsx # iOS shortcut setup guide\n└── shared/\n └── types.ts # TypeScript types shared between frontend/backend\n```\n\n## Key Patterns\n\n### Static File Serving\nThe project uses Val Town utility functions for serving files:\n\n```typescript\nimport { serveFile, readFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n\n// Serve all files in a directory\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Read a file to inject data\nlet html = await readFile(\"/frontend/index.html\", import.meta.url);\nhtml = html.replace(\"\", ``);\n```\n\n### Authentication Flow\n\n**WebAuthn for User Sessions:**\n1. `POST /api/auth/register-start` - Generate challenge for registration\n2. `POST /api/auth/register-finish` - Verify credential, create user, set session cookie\n3. `POST /api/auth/login-start` - Generate challenge for login\n4. `POST /api/auth/login-finish` - Verify credential, set session cookie\n5. Session stored in `httpOnly` cookie named `session`\n\n**Bearer Tokens for iOS Shortcuts:**\n- Shortcuts cannot use cookies - they use Bearer tokens\n- `POST /api/auth/tokens` - Create bearer token (requires auth)\n- Shortcuts call `POST /api/content` with `Authorization: Bearer ` header\n- Token validation in `requireBearerToken` middleware\n\n### Initial Data Injection Pattern\n\nTo avoid extra round-trips, the backend injects initial data into HTML:\n\n```typescript\n// backend/routes/static.ts\nconst initialData = {\n user: { ...user, isAdmin: adminEmail && user?.email === adminEmail },\n pageType,\n timestamp: new Date().toISOString(),\n};\nconst dataScript = ``;\nhtml = html.replace(\"\", `${dataScript}`);\n```\n\nAccessed in frontend:\n```typescript\n// frontend/components/App.tsx\nconst [user, setUser] = useState(null);\nuseEffect(() => {\n if (window.__INITIAL_DATA__) {\n setUser(window.__INITIAL_DATA__.user);\n setPageType(window.__INITIAL_DATA__.pageType || 'app');\n }\n}, []);\n```\n\n### Page Routing\n\nThe app uses **server-side page type injection** rather than client-side routing:\n- Backend sets `pageType` in `window.__INITIAL_DATA__` based on route\n- Frontend `App.tsx` switches on `pageType` to render components\n- Navigation uses `window.location.href` for full page reloads\n\n### Error Handling\n\n**Critical pattern** - Hono wraps errors by default. This must be at the top level:\n\n```typescript\n// backend/index.ts\napp.onError((err, c) => {\n throw err; // Re-throw to see full stack traces\n});\n```\n\n### Hono Middleware Pattern\n\n```typescript\n// Authentication middleware\nasync function requireAuth(c: any, next: any) {\n const sessionToken = getCookie(c, 'session');\n if (!sessionToken) {\n return c.json({ error: 'Authentication required' }, 401);\n }\n const user = await getUserById(sessionToken);\n if (!user) {\n return c.json({ error: 'Invalid session' }, 401);\n }\n c.set('user', user); // Store user in context\n await next();\n}\n\n// Usage\nauth.get('/tokens', requireAuth, async (c) => {\n const user = c.get('user'); // Retrieve from context\n // ...\n});\n```\n\n## Common Development Commands\n\nThis project is developed with the Val Town CLI (`vt`):\n\n```bash\n# Run the development server (local testing)\nvt run\n\n# Deploy to Val Town\nvt deploy\n\n# View logs\nvt logs\n\n# Open in browser\nvt open\n```\n\n**Note:** The `vt` CLI handles deployment to Val Town's infrastructure. The project doesn't use traditional build tools.\n\n## Environment Variables\n\nSet in Val Town environment:\n- `ADMIN_EMAIL` - Email address that receives admin privileges on registration\n\n## Critical Gotchas\n\n1. **SQLite Schema Changes**: Can't ALTER TABLE easily. Create new table with suffix (`_2`, `_3`) and migrate data.\n\n2. **WebAuthn Implementation**: The current implementation is simplified for demo purposes. In production, use a proper WebAuthn library for signature verification.\n\n3. **Session Management**: Currently stores user ID directly in cookie (simplified). Production should use signed JWT or session tokens.\n\n4. **Shared Code Restrictions**: The `shared/` directory code runs in BOTH frontend and backend. No `Deno` APIs, no server-only imports.\n\n5. **Import Maps**: React uses import map in `index.html` - ensure all React imports reference `18.2.0`.\n\n6. **CORS Not Needed**: Backend and frontend are served from same origin on Val Town.\n\n## API Endpoints Reference\n\n### Authentication\n- `POST /api/auth/register-start` - Start registration\n- `POST /api/auth/register-finish` - Complete registration\n- `POST /api/auth/login-start` - Start login\n- `POST /api/auth/login-finish` - Complete login\n- `POST /api/auth/logout` - Clear session\n- `GET /api/auth/me` - Get current user\n- `GET /api/auth/tokens` - List bearer tokens\n- `POST /api/auth/tokens` - Create bearer token\n- `DELETE /api/auth/tokens/:id` - Delete token\n\n### Content\n- `POST /api/content` - Add content (Bearer token auth)\n- `GET /api/content` - List user's content (Session auth)\n- `DELETE /api/content/:id` - Delete content\n- `GET /api/content/health` - Health check for shortcuts\n- `GET /api/content/debug` - Debug database state\n\n### Admin (requires admin role)\n- `GET /api/admin/users` - List all users\n- `GET /api/admin/content` - List all content\n- `POST /api/admin/users/:id/admin` - Grant admin privileges\n- `DELETE /api/admin/content/:id` - Delete any content\n\n### Pages\n- `GET /` - Main app\n- `GET /login` - Login page\n- `GET /register` - Registration page\n- `GET /dashboard` - User dashboard\n- `GET /admin` - Admin panel\n- `GET /setup` - iOS shortcut setup guide\n",[],[436],{"_104":444,"_96":445,"_160":446,"_162":-5,"_163":141,"_164":165,"_166":118,"_106":447,"_101":32,"_168":388,"_170":448,"_171":22,"_172":-5,"_173":449,"_99":450},"76ba35f0-dba3-11f0-a67e-42dde27851f2","README.md","019b2eba-dc23-70e4-a6e6-6681e93f0058",["D",1766015556590],"# iOS Share Sheet Backend\n\nA secure backend system for iOS share sheet shortcuts with WebAuthn authentication and content management.\n\n## Features\n\n- **WebAuthn Authentication**: Secure passwordless authentication\n- **iOS Share Sheet Integration**: Accept text, images, and web URLs from iOS shortcuts\n- **User Content Management**: Timestamped content storage per user\n- **Bearer Token API**: Secure API access for shortcuts\n- **Admin Interface**: User and content management\n- **Setup Workflow**: Guided shortcut configuration\n\n## Project Structure\n\n```\n├── backend/\n│ ├── database/\n│ │ ├── migrations.ts # Database schema\n│ │ └── queries.ts # Database operations\n│ ├── routes/\n│ │ ├── auth.ts # WebAuthn authentication\n│ │ ├── content.ts # Content management\n│ │ ├── admin.ts # Admin operations\n│ │ └── static.ts # Static file serving\n│ └── index.ts # Main entry point\n├── frontend/\n│ ├── components/\n│ │ ├── App.tsx # Main application\n│ │ ├── Auth.tsx # Authentication UI\n│ │ ├── Dashboard.tsx # User dashboard\n│ │ ├── Admin.tsx # Admin interface\n│ │ └── Setup.tsx # Shortcut setup guide\n│ ├── index.html # Main HTML template\n│ └── index.tsx # Frontend entry point\n├── shared/\n│ └── types.ts # Shared TypeScript types\n└── README.md\n```\n\n## API Endpoints\n\n### Authentication\n- `POST /api/auth/register-start` - Start WebAuthn registration\n- `POST /api/auth/register-finish` - Complete WebAuthn registration\n- `POST /api/auth/login-start` - Start WebAuthn login\n- `POST /api/auth/login-finish` - Complete WebAuthn login\n- `POST /api/auth/token` - Generate bearer token for shortcuts\n\n### Content Management\n- `POST /api/content` - Add content via shortcut (requires bearer token)\n- `GET /api/content` - Get user's content (requires authentication)\n- `DELETE /api/content/:id` - Delete content item\n\n### Admin (requires admin role)\n- `GET /api/admin/users` - List all users\n- `GET /api/admin/content` - List all content\n- `POST /api/admin/users/:id/admin` - Grant admin privileges\n\n## iOS Shortcut Setup\n\n1. **Create Account**: Visit the web interface and register with WebAuthn\n2. **Generate Token**: Create a bearer token for your shortcuts\n3. **Install Shortcut**: Use the provided shortcut template\n4. **Configure Token**: Add your bearer token to the shortcut\n5. **Test**: Share content from any iOS app\n\n## Environment Variables\n\n- `ADMIN_EMAIL` - Email address for the initial admin user\n\n## Getting Started\n\n1. Deploy this val to Val Town\n2. Visit the web interface to create your account\n3. Follow the shortcut setup guide\n4. Start sharing content from iOS!",[],[445],{"_104":452,"_96":453,"_160":454,"_162":-5,"_163":141,"_164":455,"_166":118,"_106":456,"_101":32,"_168":388,"_170":457,"_171":22,"_172":-5,"_173":458,"_99":459},"2bef9b40-e0fe-11f0-9ef6-42dde27851f2","deno.json","2bef9bd6-e0fe-11f0-9ef6-42dde27851f2",5,["D",1766604271157],"{\n \"$schema\": \"https://raw.githubusercontent.com/denoland/deno/98f62cee78e85bfc47c62ed703777c6bc8794f1c/cli/schemas/config-file.v1.json\",\n \"lock\": false,\n \"compilerOptions\": {\n \"noImplicitAny\": false,\n \"strict\": true,\n \"types\": [\"https://www.val.town/types/valtown.d.ts\"],\n \"lib\": [\n \"dom\",\n \"dom.iterable\",\n \"dom.asynciterable\",\n \"deno.ns\",\n \"deno.unstable\"\n ]\n },\n \"lint\": {\n \"include\": [\"deno:/https/esm.town/**/*\"],\n \"rules\": {\n \"exclude\": [\"no-explicit-any\"]\n }\n },\n \"node_modules_dir\": false,\n \"experimental\": {\n \"unstable-node-globals\": true,\n \"unstable-temporal\": true,\n \"unstable-worker-options\": true,\n \"unstable-sloppy-imports\": true\n }\n}",[],[453],{"_104":461,"_96":462,"_160":463,"_162":-5,"_163":141,"_164":464,"_166":118,"_106":465,"_101":211,"_168":388,"_170":466,"_171":22,"_172":-5,"_173":467,"_99":468},"6dbf77be-e105-11f0-acb2-42dde27851f2","test-phase2.html","9378468e-e100-11f0-a79f-42dde27851f2",22,["D",1766607388073],"\n\n\n \n \n Phase 2 Testing - iOS Share Sheet Backend\n \n \n\n\n

🧪 Phase 2 Testing

Test the AI Service Layer

\n\n

📝 Instructions

Login first using the button below (bypasses WebAuthn for testing)
Come back to this page
Click the test buttons in order

\n\n

Step 1: Create Account (One-time setup)

\n \n \n \n

\n\n

Step 2: Login

\n \n \n \n

\n\n

🔧 API Endpoint Tests

\n\n

Test 1: Health Check (No auth required)

\n \n

\n\n

Test 2: Add Sample Data (Must be logged in!)

Add 7 sample content items for testing

\n \n

\n\n

Test 3: AI Configuration

\n \n

\n\n

Test 4: Send Test Email

\n \n

\n\n

Test 5: Generate AI Summary

Run Test 2 first if you have no content!

\n \n

\n\n

📊 Test Results

\n\n \n\n\n",[],[462],"files",[157,175,181,190,199,207,217,223,231,240,249,258,265,274,284,294,301,310,320,330,336,342,350,358,366,374,383,392,401,407,417,425,434,443,451,460],"counts",{"_473":32,"_474":165,"_475":32,"_476":477},"pulls","branches","forks","envVars",{"_478":429,"_479":32},"count","emptyCount","contents",[],{"_104":343,"_96":344,"_160":345,"_162":339,"_163":141,"_164":165,"_166":118,"_106":483,"_101":32,"_168":186,"_170":347,"_171":22,"_172":-5,"_99":484},["D",1766015556590],[332,338,344],"upstreamProject",{"_104":149,"_96":487,"_112":-5,"_113":-5,"_110":111,"_23":488},"ProtoShare",{"_94":489,"_133":490},"c15r","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yb2RJNlc1czZ1NlpZRmoxdGJ2eFVNNVhmeTYifQ","upstreamBranch",{"_104":144,"_106":493,"_494":495,"_96":44,"_142":149,"_101":146,"_143":-5,"_145":-5,"_496":497,"_108":-5,"_154":22,"_110":111,"_153":489,"_16":151,"_152":487},["D",1748380937811],"updatedAt",["D",1748542390691],"lockfileKey","1756073093940-esm.town_v_c15r_ProtoShare@57-main","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_94":95,"_96":97,"_98":44,"_99":100,"_102":504,"_388":509,"_512":513,"_516":517,"_520":-7,"_521":32,"_522":22},{"_104":105,"_96":97,"_106":505,"_108":-5,"_109":22,"_110":111,"_112":-5,"_113":-5,"_14":114,"_115":116,"_117":118,"_119":-5,"_120":-5,"_121":32,"_16":122,"_123":124,"_125":124,"_126":127,"_128":127,"_129":127,"_130":124,"_131":124,"_23":506,"_135":507,"_138":508,"_154":22},["D",1766015556590],{"_94":95,"_133":134},{"_94":95,"_137":134,"_14":114},{"_101":140,"_96":44,"_104":141,"_142":105,"_143":144,"_145":146,"_147":111,"_148":149,"_150":151,"_152":97,"_153":95},{"_104":343,"_96":344,"_160":345,"_162":339,"_163":141,"_164":165,"_166":118,"_106":510,"_101":32,"_168":186,"_170":347,"_171":22,"_172":-5,"_99":511},["D",1766015556590],[332,338,344],"history",[514],{"_104":343,"_163":141,"_160":345,"_96":344,"_170":347,"_168":186,"_101":32,"_162":339,"_106":515,"_164":165,"_172":-5},["D",1766015556590],"versions",[518],{"_388":514,"_519":-5},"previous","versionNumber","page","hasNext","actionData","errors"]

jaballadares

sharesheet_thing

History for Admin.tsx