🚫

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}",[],[247,253,259],{"_103":266,"_96":267,"_159":268,"_161":254,"_162":140,"_163":139,"_164":117,"_105":269,"_100":32,"_166":184,"_168":270,"_169":22,"_170":-5,"_171":271,"_99":272},"0e797896-e104-11f0-b787-42dde27851f2","App.tsx","019b51f8-7f85-70dd-b09a-fbb564a55599",["D",1766606798674],"/** @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}",[],[247,253,267],{"_103":274,"_96":275,"_159":276,"_161":254,"_162":140,"_163":139,"_164":117,"_105":277,"_100":32,"_166":184,"_168":278,"_169":22,"_170":-5,"_171":279,"_99":280},"0e7991b4-e104-11f0-b787-42dde27851f2","Auth.tsx","019b51f8-7f85-70dd-b09a-fd065fe29781",["D",1766606798674],"/** @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}",[],[247,253,275],{"_103":282,"_96":283,"_159":284,"_161":254,"_162":140,"_163":139,"_164":117,"_105":285,"_100":32,"_166":184,"_168":286,"_169":22,"_170":-5,"_171":287,"_99":288},"0e79be32-e104-11f0-b787-42dde27851f2","Dashboard.tsx","019b51f8-7f85-70dd-b09b-02c5bfc44620",["D",1766606798674],"/** @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}",[],[247,253,283],{"_103":290,"_96":291,"_159":292,"_161":254,"_162":140,"_163":139,"_164":117,"_105":293,"_100":32,"_166":184,"_168":294,"_169":22,"_170":-5,"_171":295,"_99":296},"0e79fac8-e104-11f0-b787-42dde27851f2","Setup.tsx","019b51f8-7f85-70dd-b09b-070e0b493711",["D",1766606798674],"/** @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}",[],[247,253,291],[247,253],{"_103":299,"_96":300,"_159":301,"_161":248,"_162":140,"_163":139,"_164":117,"_105":302,"_100":32,"_166":303,"_168":304,"_169":22,"_170":-5,"_171":305,"_99":306},"0e7a48fc-e104-11f0-b787-42dde27851f2","index.html","019b51f8-7f85-70dd-b09b-0d7db5ab87cf",["D",1766606798674],"file","\n\n\n \n \n iOS Share Sheet Backend\n \n \n \n\n\n

\n \n \n \n \n \n \n\n",[],[247,300],{"_103":308,"_96":309,"_159":310,"_161":248,"_162":140,"_163":139,"_164":117,"_105":311,"_100":32,"_166":184,"_168":312,"_169":22,"_170":-5,"_171":313,"_99":314},"0e7a50f4-e104-11f0-b787-42dde27851f2","index.tsx","019b51f8-7f85-70dd-b09b-13ca0842c7b9",["D",1766606798674],"/** @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();",[],[247,309],[247],{"_103":317,"_96":318,"_159":319,"_161":-5,"_162":140,"_163":139,"_164":117,"_105":320,"_100":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_171":321,"_99":330},"0e7a6526-e104-11f0-b787-42dde27851f2","shared","019b51f8-7f85-70dd-b09b-1f7d3488d8e6",["D",1766606798674],[322],{"_103":323,"_96":324,"_159":325,"_161":319,"_162":140,"_163":139,"_164":117,"_105":326,"_100":32,"_166":184,"_168":327,"_169":22,"_170":-5,"_171":328,"_99":329},"0e7a5978-e104-11f0-b787-42dde27851f2","types.ts","019b51f8-7f85-70dd-b09b-1a178a16fa2a",["D",1766606798674],"// 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}",[],[318,324],[318],{"_103":332,"_96":333,"_159":334,"_161":-5,"_162":140,"_163":139,"_164":117,"_105":335,"_100":32,"_166":303,"_168":336,"_169":22,"_170":-5,"_171":337,"_99":338},"0e7a6666-e104-11f0-b787-42dde27851f2","README.md","019b51f8-7f85-70dd-b09b-224242aa9f30",["D",1766606798674],"# 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!",[],[333],"files",[156,173,179,188,197,203,211,219,227,236,245,251,257,265,273,281,289,298,307,316,322,331],"counts",{"_343":32,"_344":139,"_345":32,"_346":347,"_350":351},"pulls","branches","forks","envVars",{"_348":139,"_349":32},"count","emptyCount","connections",{"_348":32,"_352":32},"unfilledCount","contents",[355,358,361,364],{"_103":157,"_96":158,"_159":160,"_161":-5,"_162":140,"_163":139,"_164":117,"_105":356,"_100":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_99":357},["D",1766606798674],[158],{"_103":246,"_96":247,"_159":248,"_161":-5,"_162":140,"_163":139,"_164":117,"_105":359,"_100":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_99":360},["D",1766606798674],[247],{"_103":317,"_96":318,"_159":319,"_161":-5,"_162":140,"_163":139,"_164":117,"_105":362,"_100":32,"_166":167,"_168":-5,"_169":22,"_170":-5,"_99":363},["D",1766606798674],[318],{"_103":332,"_96":333,"_159":334,"_161":-5,"_162":140,"_163":139,"_164":117,"_105":365,"_100":32,"_166":303,"_168":336,"_169":22,"_170":-5,"_99":366},["D",1766606798674],[333],"upstreamProject",{"_103":148,"_96":369,"_111":-5,"_112":-5,"_109":110,"_23":370},"ProtoShare",{"_94":371,"_132":372},"c15r","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yb2RJNlc1czZ1NlpZRmoxdGJ2eFVNNVhmeTYifQ","upstreamBranch",{"_103":143,"_105":375,"_376":377,"_96":44,"_141":148,"_100":145,"_142":-5,"_144":-5,"_378":379,"_107":-5,"_153":22,"_109":110,"_152":371,"_16":150,"_151":369},["D",1748380937811],"updatedAt",["D",1748542390691],"lockfileKey","1756073093940-esm.town_v_c15r_ProtoShare@57-main","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.compare.$branch",{"_94":95,"_96":97,"_98":44,"_101":386,"_391":32,"_392":32,"_393":394,"_400":22,"_401":390,"_402":403,"_406":-5},{"_103":104,"_96":97,"_105":387,"_107":-5,"_108":22,"_109":110,"_111":-5,"_112":-5,"_14":113,"_114":115,"_116":117,"_118":-5,"_119":-5,"_120":32,"_16":121,"_122":123,"_124":123,"_125":126,"_127":126,"_128":126,"_129":123,"_130":123,"_23":388,"_134":389,"_137":390,"_153":22},["D",1766606798674],{"_94":95,"_132":133},{"_94":95,"_136":133,"_14":113},{"_100":139,"_96":44,"_103":140,"_141":104,"_142":143,"_144":145,"_146":110,"_147":148,"_149":150,"_151":97,"_152":95},"ahead","behind","diff",{"_395":396,"_169":397,"_398":399},"added",[],[],"modified",[],"hasChanges","sourceBranch","targetBranch",{"_103":143,"_105":404,"_376":405,"_96":44,"_141":148,"_100":145,"_142":-5,"_144":-5,"_378":379,"_107":-5,"_153":22,"_109":110,"_152":371,"_16":150,"_151":369},["D",1748380937811],["D",1748542390691],"pull","actionData","errors"]

jaballadares

sharesheet_v2

Mergejaballadares/mainintoc15r/main