[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_327":328,"_329":330},"routes/_app.x.$handle.$name",{"_97":96,"_32":46,"_105":87,"_27":106,"_13":14,"_107":-5,"_11":108,"_109":110,"_111":112,"_113":114,"_115":116,"_20":-5,"_117":-5,"_118":-5,"_119":25,"_120":121,"_122":59,"_123":-5,"_124":-5,"_125":126},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_32":46,"_39":47,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":59,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":80,"_81":82,"_83":84,"_85":25},"version",55,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",false,"deletedHere","path","shared/types.ts","latestPath","fileId","c7ed76da-3a95-11f0-a8c1-9e149126039e","name","types.ts","fileType","script","content","export interface Note {\n id: string;\n title: string;\n content: string;\n hasPassword: boolean;\n createdAt: string;\n expiresAt?: string;\n createdBy: string; // Google user email\n}\n\nexport interface CreateNoteRequest {\n title: string;\n content: string;\n password?: string;\n expiresIn?: number; // hours\n}\n\nexport interface VerifyPasswordRequest {\n password: string;\n}\n\nexport interface NoteResponse {\n note: Note;\n requiresPassword?: boolean;\n}\n\nexport interface User {\n email: string;\n name: string;\n picture: string;\n}\n\nexport interface AuthResponse {\n user: User;\n token: string;\n}","export interface Note {\n id: string;\n title: string;\n content: string;\n hasPassword: boolean;\n createdAt: string;\n expiresAt?: string;\n}\n\nexport interface CreateNoteRequest {\n title: string;\n content: string;\n password?: string;\n expiresIn?: number; // hours\n adminPassword: string; // Required admin password to create notes\n}\n\nexport interface VerifyPasswordRequest {\n password: string;\n}\n\nexport interface NoteResponse {\n note: Note;\n requiresPassword?: boolean;\n}","createdAt",["D",1748309234135],"branchVersion","branchId","8b629f4c-3a95-11f0-9eec-9e149126039e","id","8b627634-3a95-11f0-9eec-9e149126039e","NoteByPGC",["D",1748307441149],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","60fb6c16-2bdf-4286-9ac5-f4b9e6eb529c","pinnedFileId","ddc3fb64-3a95-11f0-877b-9e149126039e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","4a331ea8-f02b-42f1-b904-21c47f2b041c","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_97":96,"_104":100},"org",{"_97":96,"_98":-5,"_99":100,"_18":55,"_101":102,"_103":25},"branch",{"_13":86,"_32":87,"_44":43,"_88":45,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":46,"_95":96},"isOwned",81,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","Itssongoku","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yck1oWTdNWlpJSmNPMWpWR1VSM3VvNEQyWXQifQ","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_44":45,"_32":46,"_39":323,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":59,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":324,"_81":325,"_83":326,"_85":25},"tree",[171,179,188,190],"files",[171,172,173,174,175,176,177,178,179,180,181,182,183,184,185,186,187,188,189,190],"counts",{"_160":63,"_161":162,"_163":63,"_164":165,"_166":167},"contents",[127,128,129,130],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_44":154,"_32":155,"_30":156,"_134":-5,"_42":43,"_41":157,"_136":59,"_39":158,"_13":63,"_34":146,"_36":-5,"_24":25,"_140":-5,"_27":159},{"_44":148,"_32":149,"_30":150,"_134":-5,"_42":43,"_41":151,"_136":59,"_39":152,"_13":63,"_34":146,"_36":-5,"_24":25,"_140":-5,"_27":153},{"_44":142,"_32":143,"_30":144,"_134":-5,"_42":43,"_41":138,"_136":59,"_39":145,"_13":63,"_34":146,"_36":-5,"_24":25,"_140":-5,"_27":147},{"_44":131,"_32":132,"_30":133,"_134":-5,"_42":43,"_41":135,"_136":25,"_39":137,"_13":138,"_34":20,"_36":139,"_24":25,"_140":-5,"_27":141},"31818156-3a99-11f0-a596-9e149126039e","README.md","c599a714-3a95-11f0-bca3-9e149126039e","parentId",49,"latest",["D",1748309008333],2,"# 3D Note Sharing Platform\n\nA beautiful note-sharing website with 3D graphics and smooth UI animations. Users must sign in with Google to create notes, but anyone can view shared notes with the proper links.\n\n## Features\n\n- **🔐 Google Authentication**: Secure sign-in with Google OAuth\n- **📝 Note Creation**: Authenticated users can create beautiful notes\n- **👀 Public Viewing**: Anyone can view notes if they have the link\n- **🔒 Password Protection**: Optional password protection for private notes\n- **📊 Dashboard**: Personal dashboard to manage your notes\n- **🎨 3D Graphics**: Smooth 3D animations and visual effects\n- **📱 Responsive Design**: Works on all devices\n- **✨ Smooth UI**: Beautiful animations and transitions\n- **🔗 Unique Links**: Each note gets its own shareable URL\n\n## How It Works\n\n1. **Sign In**: Users sign in with their Google account to create notes\n2. **Create Notes**: Authenticated users can create notes with optional password protection\n3. **Share Notes**: Each note gets a unique URL that can be shared with anyone\n4. **View Notes**: Anyone with the link can view public notes\n5. **Dashboard**: Users can manage all their created notes from a personal dashboard\n\n## User Flow\n\n### For Authenticated Users:\n- Sign in with Google\n- Access personal dashboard\n- Create new notes (public or password-protected)\n- View and manage all created notes\n- Copy shareable links for any note\n\n### For Anonymous Visitors:\n- Can view shared notes if they have the direct link\n- Can enter passwords for protected notes\n- Cannot create new notes (must sign in first)\n\n## Project Structure\n\n```\n├── backend/\n│ ├── index.ts # Main Hono server\n│ ├── database/\n│ │ ├── migrations.ts # Database schema\n│ │ └── queries.ts # Database operations\n│ └── routes/\n│ ├── auth.ts # Google OAuth authentication\n│ └── notes.ts # Note API endpoints\n├── frontend/\n│ ├── index.html # Main HTML template\n│ ├── index.tsx # React app entry point\n│ ├── components/\n│ │ ├── App.tsx # Main app component\n│ │ └── Scene3D.tsx # 3D graphics component\n│ └── style.css # Custom styles\n└── shared/\n └── types.ts # Shared TypeScript types\n```\n\n## API Endpoints\n\n### Authentication\n- `POST /api/auth/google` - Google OAuth sign-in\n- `POST /api/auth/verify` - Verify authentication token\n\n### Notes\n- `POST /api/notes` - Create a new note (authenticated users only)\n- `GET /api/notes/my-notes` - Get user's notes (authenticated users only)\n- `GET /api/notes/:id` - Get a note (public access)\n- `POST /api/notes/:id/verify` - Verify password for protected note (public access)\n\n## Tech Stack\n\n- **Backend**: Hono + SQLite\n- **Frontend**: React + Three.js for 3D graphics\n- **Authentication**: Google OAuth 2.0\n- **Styling**: TailwindCSS + custom CSS\n- **Database**: SQLite for note and user storage\n\n## Setup Requirements\n\nTo use Google authentication, you'll need to:\n\n1. Create a Google Cloud Project\n2. Enable the Google Sign-In API\n3. Get your Google Client ID\n4. Replace `YOUR_GOOGLE_CLIENT_ID` in the frontend code\n\n## Security Features\n\n- **OAuth Authentication**: Secure Google sign-in\n- **Token-based Sessions**: JWT-like tokens for session management\n- **Password Hashing**: SHA-256 hashing for note passwords\n- **Access Control**: Only authenticated users can create notes\n- **Unique URLs**: Cryptographically secure note IDs","label",[132],"c7ed97aa-3a95-11f0-a8c1-9e149126039e","shared","e110a0ce-b293-4b74-9df8-b59d44107e15",["D",1748307542718],"directory",[143],"e9f8d6a2-3a95-11f0-96df-9e149126039e","frontend","a873d97a-82f8-46fa-b0eb-c4ca82e2331e",7,["D",1748307599836],[149],"cad8cf98-3a95-11f0-b008-9e149126039e","backend","8712dfa5-2aab-4afc-aafd-78a9ccf69905",3,["D",1748307547617],[155],"pulls","branches",1,"forks","envVars",{"_168":63,"_170":63},"connections",{"_168":63,"_169":63},"count","unfilledCount","emptyCount",{"_44":154,"_32":155,"_30":156,"_134":-5,"_42":43,"_41":157,"_136":59,"_39":320,"_13":63,"_34":146,"_36":-5,"_24":25,"_140":-5,"_192":321,"_27":322},{"_44":316,"_32":307,"_30":301,"_134":156,"_42":43,"_41":157,"_136":59,"_39":317,"_13":63,"_34":146,"_36":-5,"_24":25,"_140":-5,"_192":318,"_27":319},{"_44":308,"_32":309,"_30":310,"_134":301,"_42":43,"_41":311,"_136":25,"_39":312,"_13":138,"_34":35,"_36":313,"_24":25,"_140":-5,"_192":314,"_27":315},{"_44":298,"_32":299,"_30":300,"_134":301,"_42":43,"_41":302,"_136":25,"_39":303,"_13":246,"_34":35,"_36":304,"_24":25,"_140":-5,"_192":305,"_27":306},{"_44":293,"_32":284,"_30":278,"_134":156,"_42":43,"_41":294,"_136":59,"_39":295,"_13":63,"_34":146,"_36":-5,"_24":25,"_140":-5,"_192":296,"_27":297},{"_44":285,"_32":286,"_30":287,"_134":278,"_42":43,"_41":288,"_136":25,"_39":289,"_13":162,"_34":35,"_36":290,"_24":25,"_140":-5,"_192":291,"_27":292},{"_44":275,"_32":276,"_30":277,"_134":278,"_42":43,"_41":279,"_136":25,"_39":280,"_13":270,"_34":35,"_36":281,"_24":25,"_140":-5,"_192":282,"_27":283},{"_44":266,"_32":267,"_30":57,"_134":156,"_42":43,"_41":268,"_136":25,"_39":269,"_13":270,"_34":271,"_36":272,"_24":25,"_140":-5,"_192":273,"_27":274},{"_44":148,"_32":149,"_30":150,"_134":-5,"_42":43,"_41":151,"_136":59,"_39":263,"_13":63,"_34":146,"_36":-5,"_24":25,"_140":-5,"_192":264,"_27":265},{"_44":259,"_32":234,"_30":228,"_134":150,"_42":43,"_41":229,"_136":59,"_39":260,"_13":63,"_34":146,"_36":-5,"_24":25,"_140":-5,"_192":261,"_27":262},{"_44":251,"_32":252,"_30":253,"_134":228,"_42":43,"_41":254,"_136":25,"_39":255,"_13":238,"_34":35,"_36":256,"_24":25,"_140":-5,"_192":257,"_27":258},{"_44":243,"_32":244,"_30":245,"_134":228,"_42":43,"_41":246,"_136":59,"_39":247,"_13":63,"_34":35,"_36":248,"_24":25,"_140":-5,"_192":249,"_27":250},{"_44":235,"_32":236,"_30":237,"_134":228,"_42":43,"_41":238,"_136":59,"_39":239,"_13":63,"_34":35,"_36":240,"_24":25,"_140":-5,"_192":241,"_27":242},{"_44":225,"_32":226,"_30":227,"_134":228,"_42":43,"_41":229,"_136":59,"_39":230,"_13":63,"_34":35,"_36":231,"_24":25,"_140":-5,"_192":232,"_27":233},{"_44":217,"_32":218,"_30":219,"_134":150,"_42":43,"_41":220,"_136":25,"_39":221,"_13":138,"_34":20,"_36":222,"_24":25,"_140":-5,"_192":223,"_27":224},{"_44":209,"_32":210,"_30":211,"_134":150,"_42":43,"_41":212,"_136":59,"_39":213,"_13":162,"_34":35,"_36":214,"_24":25,"_140":-5,"_192":215,"_27":216},{"_44":202,"_32":203,"_30":204,"_134":150,"_42":43,"_41":151,"_136":59,"_39":205,"_13":63,"_34":20,"_36":206,"_24":25,"_140":-5,"_192":207,"_27":208},{"_44":142,"_32":143,"_30":144,"_134":-5,"_42":43,"_41":138,"_136":59,"_39":199,"_13":63,"_34":146,"_36":-5,"_24":25,"_140":-5,"_192":200,"_27":201},{"_44":195,"_32":33,"_30":31,"_134":144,"_42":43,"_41":14,"_136":25,"_39":196,"_13":157,"_34":35,"_36":38,"_24":25,"_140":-5,"_192":197,"_27":198},{"_44":131,"_32":132,"_30":133,"_134":-5,"_42":43,"_41":135,"_136":25,"_39":191,"_13":138,"_34":20,"_36":139,"_24":25,"_140":-5,"_192":193,"_27":194},["D",1748309008333],"children",[],[132],"b816fe76-3a99-11f0-83ed-9e149126039e",["D",1748309234135],[],[143,33],["D",1748307542718],[189],[143],"e9f8b24e-3a95-11f0-96df-9e149126039e","style.css","e9f8b30c-3a95-11f0-96df-9e149126039e",["D",1748307599836],"/* Custom 3D and animation styles */\n@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');\n\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nbody {\n font-family: 'Inter', sans-serif;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n min-height: 100vh;\n overflow-x: hidden;\n}\n\n/* 3D Card Effects */\n.card-3d {\n transform-style: preserve-3d;\n transition: all 0.6s cubic-bezier(0.23, 1, 0.320, 1);\n perspective: 1000px;\n}\n\n.card-3d:hover {\n transform: rotateY(5deg) rotateX(5deg) translateZ(20px);\n}\n\n.card-inner {\n transform-style: preserve-3d;\n transition: transform 0.6s;\n}\n\n/* Floating Animation */\n@keyframes float {\n 0%, 100% { transform: translateY(0px) rotate(0deg); }\n 33% { transform: translateY(-10px) rotate(1deg); }\n 66% { transform: translateY(5px) rotate(-1deg); }\n}\n\n.floating {\n animation: float 6s ease-in-out infinite;\n}\n\n/* Glowing Effects */\n.glow {\n box-shadow: 0 0 20px rgba(255, 255, 255, 0.3);\n transition: box-shadow 0.3s ease;\n}\n\n.glow:hover {\n box-shadow: 0 0 30px rgba(255, 255, 255, 0.5);\n}\n\n/* Gradient Text */\n.gradient-text {\n background: linear-gradient(45deg, #667eea, #764ba2, #f093fb);\n background-size: 300% 300%;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: gradientShift 4s ease infinite;\n}\n\n@keyframes gradientShift {\n 0%, 100% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n}\n\n/* Morphing Button */\n.morph-button {\n position: relative;\n overflow: hidden;\n transition: all 0.3s cubic-bezier(0.23, 1, 0.320, 1);\n}\n\n.morph-button::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);\n transition: left 0.5s;\n}\n\n.morph-button:hover::before {\n left: 100%;\n}\n\n.morph-button:hover {\n transform: translateY(-2px);\n box-shadow: 0 10px 25px rgba(0,0,0,0.2);\n}\n\n/* Particle Background */\n.particles {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n z-index: -1;\n}\n\n.particle {\n position: absolute;\n width: 4px;\n height: 4px;\n background: rgba(255, 255, 255, 0.5);\n border-radius: 50%;\n animation: particleFloat 20s linear infinite;\n}\n\n@keyframes particleFloat {\n 0% {\n transform: translateY(100vh) rotate(0deg);\n opacity: 0;\n }\n 10% {\n opacity: 1;\n }\n 90% {\n opacity: 1;\n }\n 100% {\n transform: translateY(-100vh) rotate(360deg);\n opacity: 0;\n }\n}\n\n/* Glass Morphism */\n.glass {\n background: rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n/* Smooth Transitions */\n.smooth-transition {\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n/* Loading Animation */\n.loading-dots {\n display: inline-block;\n}\n\n.loading-dots::after {\n content: '';\n animation: dots 2s infinite;\n}\n\n@keyframes dots {\n 0%, 20% { content: ''; }\n 40% { content: '.'; }\n 60% { content: '..'; }\n 80%, 100% { content: '...'; }\n}\n\n/* Pulse Animation */\n@keyframes pulse {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.5; }\n}\n\n.pulse {\n animation: pulse 2s infinite;\n}\n\n/* Custom Scrollbar */\n::-webkit-scrollbar {\n width: 8px;\n}\n\n::-webkit-scrollbar-track {\n background: rgba(255, 255, 255, 0.1);\n}\n\n::-webkit-scrollbar-thumb {\n background: rgba(255, 255, 255, 0.3);\n border-radius: 4px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: rgba(255, 255, 255, 0.5);\n}",[],[149,203],"dc2b44aa-3a96-11f0-92d0-9e149126039e","index.tsx","2cce9b06-3a96-11f0-bd80-9e149126039e",19,["D",1748308006175],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from 'https://esm.sh/react@18.2.0';\nimport { createRoot } from 'https://esm.sh/react-dom@18.2.0/client';\nimport App from './components/App.tsx';\n\nconst container = document.getElementById('root');\nif (container) {\n const root = createRoot(container);\n root.render();\n}",[],[149,210],"ea37747c-3a98-11f0-b512-9e149126039e","index.html","35f05d50-3a96-11f0-8de3-9e149126039e",47,["D",1748308888735],"\n\n\n \n \n 3D Notes - Share Notes with Style\n \n \n \n 📝\">\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n\n \n

\n \n

📝

3D Notes

\n\n \n \n\n",[],[149,218],"f658826c-3a95-11f0-9549-9e149126039e","Scene3D.tsx","f658833e-3a95-11f0-9549-9e149126039e","e2bb5107-7f87-44e6-82b0-54f6e9536421",8,["D",1748307620597],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useRef, useEffect } from 'https://esm.sh/react@18.2.0';\nimport * as THREE from 'https://esm.sh/three@0.158.0';\n\ninterface Scene3DProps {\n className?: string;\n}\n\nexport default function Scene3D({ className = '' }: Scene3DProps) {\n const mountRef = useRef(null);\n const sceneRef = useRef(null);\n const rendererRef = useRef(null);\n const animationIdRef = useRef(null);\n\n useEffect(() => {\n if (!mountRef.current) return;\n\n // Scene setup\n const scene = new THREE.Scene();\n const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);\n const renderer = new THREE.WebGLRenderer({ alpha: true, antialias: true });\n \n renderer.setSize(window.innerWidth, window.innerHeight);\n renderer.setClearColor(0x000000, 0);\n mountRef.current.appendChild(renderer.domElement);\n\n sceneRef.current = scene;\n rendererRef.current = renderer;\n\n // Create floating geometric shapes\n const geometries = [\n new THREE.BoxGeometry(1, 1, 1),\n new THREE.SphereGeometry(0.7, 32, 32),\n new THREE.ConeGeometry(0.7, 1.5, 32),\n new THREE.TorusGeometry(0.7, 0.3, 16, 100),\n ];\n\n const materials = [\n new THREE.MeshPhongMaterial({ color: 0x667eea, transparent: true, opacity: 0.7 }),\n new THREE.MeshPhongMaterial({ color: 0x764ba2, transparent: true, opacity: 0.7 }),\n new THREE.MeshPhongMaterial({ color: 0xf093fb, transparent: true, opacity: 0.7 }),\n new THREE.MeshPhongMaterial({ color: 0x48c6ef, transparent: true, opacity: 0.7 }),\n ];\n\n const meshes: THREE.Mesh[] = [];\n\n // Create multiple floating objects\n for (let i = 0; i < 8; i++) {\n const geometry = geometries[i % geometries.length];\n const material = materials[i % materials.length];\n const mesh = new THREE.Mesh(geometry, material);\n \n // Random positioning\n mesh.position.x = (Math.random() - 0.5) * 20;\n mesh.position.y = (Math.random() - 0.5) * 20;\n mesh.position.z = (Math.random() - 0.5) * 20;\n \n // Random rotation\n mesh.rotation.x = Math.random() * Math.PI;\n mesh.rotation.y = Math.random() * Math.PI;\n \n scene.add(mesh);\n meshes.push(mesh);\n }\n\n // Lighting\n const ambientLight = new THREE.AmbientLight(0xffffff, 0.6);\n scene.add(ambientLight);\n\n const directionalLight = new THREE.DirectionalLight(0xffffff, 0.8);\n directionalLight.position.set(10, 10, 5);\n scene.add(directionalLight);\n\n camera.position.z = 15;\n\n // Animation loop\n const animate = () => {\n animationIdRef.current = requestAnimationFrame(animate);\n\n // Rotate and float objects\n meshes.forEach((mesh, index) => {\n mesh.rotation.x += 0.005 + index * 0.001;\n mesh.rotation.y += 0.005 + index * 0.001;\n mesh.position.y += Math.sin(Date.now() * 0.001 + index) * 0.01;\n });\n\n renderer.render(scene, camera);\n };\n\n animate();\n\n // Handle resize\n const handleResize = () => {\n if (!camera || !renderer) return;\n camera.aspect = window.innerWidth / window.innerHeight;\n camera.updateProjectionMatrix();\n renderer.setSize(window.innerWidth, window.innerHeight);\n };\n\n window.addEventListener('resize', handleResize);\n\n // Mouse interaction\n const handleMouseMove = (event: MouseEvent) => {\n const mouseX = (event.clientX / window.innerWidth) * 2 - 1;\n const mouseY = -(event.clientY / window.innerHeight) * 2 + 1;\n \n camera.position.x = mouseX * 2;\n camera.position.y = mouseY * 2;\n camera.lookAt(scene.position);\n };\n\n window.addEventListener('mousemove', handleMouseMove);\n\n // Cleanup\n return () => {\n window.removeEventListener('resize', handleResize);\n window.removeEventListener('mousemove', handleMouseMove);\n \n if (animationIdRef.current) {\n cancelAnimationFrame(animationIdRef.current);\n }\n \n if (mountRef.current && renderer.domElement) {\n mountRef.current.removeChild(renderer.domElement);\n }\n \n // Dispose of Three.js objects\n geometries.forEach(geo => geo.dispose());\n materials.forEach(mat => mat.dispose());\n renderer.dispose();\n };\n }, []);\n\n return

;\n}",[],[149,234,226],"components","18109796-3a96-11f0-9e99-9e149126039e","NoteView.tsx","18109868-3a96-11f0-9e99-9e149126039e",10,["D",1748307677170],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from 'https://esm.sh/react@18.2.0';\nimport type { Note, NoteResponse } from '../../shared/types.ts';\n\ninterface NoteViewProps {\n noteId: string;\n onBack: () => void;\n}\n\nexport default function NoteView({ noteId, onBack }: NoteViewProps) {\n const [note, setNote] = useState(null);\n const [requiresPassword, setRequiresPassword] = useState(false);\n const [password, setPassword] = useState('');\n const [isLoading, setIsLoading] = useState(true);\n const [isVerifying, setIsVerifying] = useState(false);\n const [error, setError] = useState('');\n\n useEffect(() => {\n fetchNote();\n }, [noteId]);\n\n const fetchNote = async () => {\n try {\n setIsLoading(true);\n setError('');\n \n const response = await fetch(`/api/notes/${noteId}`);\n \n if (!response.ok) {\n if (response.status === 404) {\n setError('Note not found or has expired');\n } else {\n setError('Failed to load note');\n }\n return;\n }\n\n const data: NoteResponse = await response.json();\n setNote(data.note);\n setRequiresPassword(!!data.requiresPassword);\n } catch (error) {\n console.error('Error fetching note:', error);\n setError('Failed to load note');\n } finally {\n setIsLoading(false);\n }\n };\n\n const verifyPassword = async (e: React.FormEvent) => {\n e.preventDefault();\n if (!password.trim()) return;\n\n setIsVerifying(true);\n setError('');\n\n try {\n const response = await fetch(`/api/notes/${noteId}/verify`, {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ password: password.trim() }),\n });\n\n if (!response.ok) {\n if (response.status === 401) {\n setError('Incorrect password');\n } else {\n setError('Failed to verify password');\n }\n return;\n }\n\n const data: NoteResponse = await response.json();\n setNote(data.note);\n setRequiresPassword(false);\n setPassword('');\n } catch (error) {\n console.error('Error verifying password:', error);\n setError('Failed to verify password');\n } finally {\n setIsVerifying(false);\n }\n };\n\n const copyToClipboard = async () => {\n if (!note) return;\n \n try {\n await navigator.clipboard.writeText(note.content);\n // You could add a toast notification here\n alert('Note content copied to clipboard!');\n } catch (error) {\n console.error('Failed to copy to clipboard:', error);\n }\n };\n\n const shareNote = async () => {\n const url = window.location.href;\n \n if (navigator.share) {\n try {\n await navigator.share({\n title: note?.title || 'Shared Note',\n text: note?.title || 'Check out this note',\n url: url,\n });\n } catch (error) {\n // User cancelled sharing\n }\n } else {\n // Fallback to copying URL\n try {\n await navigator.clipboard.writeText(url);\n alert('Note URL copied to clipboard!');\n } catch (error) {\n console.error('Failed to copy URL:', error);\n }\n }\n };\n\n if (isLoading) {\n return (\n

Loading note...

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

⚠️ {error}

\n \n Go Back\n \n

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

\n 🔒 Protected Note\n

This note is password protected

\n\n \n

\n );\n }\n\n if (!note) return null;\n\n const formatDate = (dateString: string) => {\n return new Date(dateString).toLocaleString();\n };\n\n return (\n

\n {note.title}\n

\n \n 📋\n \n \n 🔗\n \n \n ←\n \n

\n\n

\n 📅 Created: {formatDate(note.createdAt)}\n {note.hasPassword && 🔒 Password Protected}\n {note.expiresAt && (\n ⏰ Expires: {formatDate(note.expiresAt)}\n )}\n

\n\n

\n {note.content}\n

\n\n

\n \n Create Another Note\n \n

\n );\n}",[],[149,234,236],"05167bd8-3a96-11f0-aa9d-9e149126039e","NoteForm.tsx","05167c8c-3a96-11f0-aa9d-9e149126039e",9,["D",1748307645331],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from 'https://esm.sh/react@18.2.0';\nimport type { CreateNoteRequest } from '../../shared/types.ts';\n\ninterface NoteFormProps {\n onNoteCreated: (noteId: string) => void;\n}\n\nexport default function NoteForm({ onNoteCreated }: NoteFormProps) {\n const [title, setTitle] = useState('');\n const [content, setContent] = useState('');\n const [password, setPassword] = useState('');\n const [expiresIn, setExpiresIn] = useState(undefined);\n const [isLoading, setIsLoading] = useState(false);\n const [showAdvanced, setShowAdvanced] = useState(false);\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n if (!title.trim() || !content.trim()) return;\n\n setIsLoading(true);\n\n try {\n const noteData: CreateNoteRequest = {\n title: title.trim(),\n content: content.trim(),\n password: password.trim() || undefined,\n expiresIn: expiresIn || undefined,\n };\n\n const response = await fetch('/api/notes', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(noteData),\n });\n\n if (!response.ok) {\n throw new Error('Failed to create note');\n }\n\n const result = await response.json();\n onNoteCreated(result.id);\n \n // Reset form\n setTitle('');\n setContent('');\n setPassword('');\n setExpiresIn(undefined);\n setShowAdvanced(false);\n } catch (error) {\n console.error('Error creating note:', error);\n alert('Failed to create note. Please try again.');\n } finally {\n setIsLoading(false);\n }\n };\n\n return (\n

\n Create a New Note\n

\n \n

\n \n Title\n \n setTitle(e.target.value)}\n className=\"w-full px-4 py-3 rounded-lg bg-white/10 border border-white/20 text-white placeholder-white/60 focus:outline-none focus:ring-2 focus:ring-white/30 smooth-transition\"\n placeholder=\"Enter note title...\"\n required\n />\n

\n\n

\n \n Content\n \n setContent(e.target.value)}\n rows={6}\n className=\"w-full px-4 py-3 rounded-lg bg-white/10 border border-white/20 text-white placeholder-white/60 focus:outline-none focus:ring-2 focus:ring-white/30 smooth-transition resize-none\"\n placeholder=\"Write your note content here...\"\n required\n />\n

\n\n

\n setShowAdvanced(!showAdvanced)}\n className=\"text-white/80 hover:text-white smooth-transition flex items-center gap-2\"\n >\n {showAdvanced ? '▼' : '▶'}\n Advanced Options\n \n

\n\n {showAdvanced && (\n

\n \n Password (Optional)\n \n setPassword(e.target.value)}\n className=\"w-full px-4 py-3 rounded-lg bg-white/10 border border-white/20 text-white placeholder-white/60 focus:outline-none focus:ring-2 focus:ring-white/30 smooth-transition\"\n placeholder=\"Leave empty for public note\"\n />\n

\n Add a password to make this note private\n

\n\n

\n \n Auto-delete after (Optional)\n \n setExpiresIn(e.target.value ? parseInt(e.target.value) : undefined)}\n className=\"w-full px-4 py-3 rounded-lg bg-white/10 border border-white/20 text-white focus:outline-none focus:ring-2 focus:ring-white/30 smooth-transition\"\n >\n \n \n \n \n \n \n

\n )}\n\n \n {isLoading ? (\n Creating Note\n ) : (\n 'Create Note'\n )}\n \n \n

\n );\n}",[],[149,234,244],"3eb404ac-3a99-11f0-8749-9e149126039e","App.tsx","2976ac3c-3a96-11f0-92e9-9e149126039e",51,["D",1748309030482],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from 'https://esm.sh/react@18.2.0';\n\ntype AppState = 'home' | 'dashboard' | 'view-note' | 'note-created';\n\ninterface Note {\n id: string;\n title: string;\n content: string;\n hasPassword: boolean;\n createdAt: string;\n expiresAt?: string;\n createdBy: string;\n}\n\ninterface User {\n email: string;\n name: string;\n picture: string;\n}\n\nexport default function App() {\n const [appState, setAppState] = useState('home');\n const [user, setUser] = useState(null);\n const [token, setToken] = useState('');\n const [currentNoteId, setCurrentNoteId] = useState('');\n const [currentNote, setCurrentNote] = useState(null);\n const [userNotes, setUserNotes] = useState([]);\n const [requiresPassword, setRequiresPassword] = useState(false);\n const [password, setPassword] = useState('');\n const [isLoading, setIsLoading] = useState(false);\n const [error, setError] = useState('');\n\n // Form states\n const [title, setTitle] = useState('');\n const [content, setContent] = useState('');\n const [notePassword, setNotePassword] = useState('');\n\n useEffect(() => {\n // Check for stored auth\n const storedToken = localStorage.getItem('auth_token');\n const storedUser = localStorage.getItem('user');\n \n if (storedToken && storedUser) {\n setToken(storedToken);\n setUser(JSON.parse(storedUser));\n }\n\n // Check URL routing\n const path = window.location.pathname;\n const noteMatch = path.match(/^\\/note\\/(.+)$/);\n \n if (noteMatch) {\n setCurrentNoteId(noteMatch[1]);\n setAppState('view-note');\n fetchNote(noteMatch[1]);\n } else if (path === '/dashboard' && storedToken) {\n setAppState('dashboard');\n fetchUserNotes(storedToken);\n }\n\n // Initialize Google Sign-In\n initializeGoogleSignIn();\n }, []);\n\n const initializeGoogleSignIn = () => {\n if (typeof window !== 'undefined' && window.google) {\n window.google.accounts.id.initialize({\n client_id: \"YOUR_GOOGLE_CLIENT_ID\", // You'll need to replace this with your actual Google Client ID\n callback: handleGoogleSignIn,\n });\n }\n };\n\n const handleGoogleSignIn = async (response: any) => {\n try {\n setIsLoading(true);\n setError('');\n\n const authResponse = await fetch('/api/auth/google', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ credential: response.credential }),\n });\n\n if (!authResponse.ok) {\n throw new Error('Authentication failed');\n }\n\n const data = await authResponse.json();\n setUser(data.user);\n setToken(data.token);\n \n // Store in localStorage\n localStorage.setItem('auth_token', data.token);\n localStorage.setItem('user', JSON.stringify(data.user));\n \n setAppState('dashboard');\n fetchUserNotes(data.token);\n } catch (error) {\n console.error('Google sign-in error:', error);\n setError('Failed to sign in with Google');\n } finally {\n setIsLoading(false);\n }\n };\n\n // Demo sign-in for testing (remove in production)\n const handleDemoSignIn = async () => {\n const demoUser = {\n email: 'demo@example.com',\n name: 'Demo User',\n picture: 'https://via.placeholder.com/150',\n };\n \n setUser(demoUser);\n setToken('demo-token-' + Date.now());\n localStorage.setItem('auth_token', 'demo-token-' + Date.now());\n localStorage.setItem('user', JSON.stringify(demoUser));\n setAppState('dashboard');\n };\n\n const signOut = () => {\n setUser(null);\n setToken('');\n setUserNotes([]);\n localStorage.removeItem('auth_token');\n localStorage.removeItem('user');\n setAppState('home');\n window.history.pushState({}, '', '/');\n };\n\n const fetchNote = async (noteId: string) => {\n setIsLoading(true);\n setError('');\n \n try {\n const response = await fetch(`/api/notes/${noteId}`);\n \n if (!response.ok) {\n if (response.status === 404) {\n setError('Note not found or has expired');\n } else {\n setError('Failed to load note');\n }\n return;\n }\n\n const data = await response.json();\n setCurrentNote(data.note);\n setRequiresPassword(!!data.requiresPassword);\n } catch (error) {\n console.error('Error fetching note:', error);\n setError('Failed to load note');\n } finally {\n setIsLoading(false);\n }\n };\n\n const fetchUserNotes = async (authToken: string) => {\n try {\n const response = await fetch('/api/notes/my-notes', {\n headers: { 'Authorization': `Bearer ${authToken}` },\n });\n\n if (response.ok) {\n const data = await response.json();\n setUserNotes(data.notes);\n }\n } catch (error) {\n console.error('Error fetching user notes:', error);\n }\n };\n\n const createNote = async (e: React.FormEvent) => {\n e.preventDefault();\n if (!title.trim() || !content.trim() || !token) return;\n\n setIsLoading(true);\n setError('');\n\n try {\n const noteData = {\n title: title.trim(),\n content: content.trim(),\n password: notePassword.trim() || undefined,\n };\n\n const response = await fetch('/api/notes', {\n method: 'POST',\n headers: { \n 'Content-Type': 'application/json',\n 'Authorization': `Bearer ${token}`,\n },\n body: JSON.stringify(noteData),\n });\n\n if (!response.ok) {\n const errorData = await response.json();\n throw new Error(errorData.error || 'Failed to create note');\n }\n\n const result = await response.json();\n setCurrentNoteId(result.id);\n setAppState('note-created');\n \n // Update URL\n window.history.pushState({}, '', `/note/${result.id}`);\n \n // Reset form\n setTitle('');\n setContent('');\n setNotePassword('');\n \n // Refresh user notes\n fetchUserNotes(token);\n } catch (error) {\n console.error('Error creating note:', error);\n setError(error.message || 'Failed to create note. Please try again.');\n } finally {\n setIsLoading(false);\n }\n };\n\n const verifyPassword = async (e: React.FormEvent) => {\n e.preventDefault();\n if (!password.trim()) return;\n\n setIsLoading(true);\n setError('');\n\n try {\n const response = await fetch(`/api/notes/${currentNoteId}/verify`, {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ password: password.trim() }),\n });\n\n if (!response.ok) {\n if (response.status === 401) {\n setError('Incorrect password');\n } else {\n setError('Failed to verify password');\n }\n return;\n }\n\n const data = await response.json();\n setCurrentNote(data.note);\n setRequiresPassword(false);\n setPassword('');\n } catch (error) {\n console.error('Error verifying password:', error);\n setError('Failed to verify password');\n } finally {\n setIsLoading(false);\n }\n };\n\n const goHome = () => {\n setAppState('home');\n setCurrentNoteId('');\n setCurrentNote(null);\n setRequiresPassword(false);\n setPassword('');\n setError('');\n window.history.pushState({}, '', '/');\n };\n\n const goDashboard = () => {\n setAppState('dashboard');\n setError('');\n window.history.pushState({}, '', '/dashboard');\n if (token) {\n fetchUserNotes(token);\n }\n };\n\n const copyToClipboard = async (text: string) => {\n try {\n await navigator.clipboard.writeText(text);\n alert('Copied to clipboard!');\n } catch (error) {\n console.error('Failed to copy:', error);\n }\n };\n\n const renderGoogleSignInButton = () => {\n useEffect(() => {\n if (window.google && !user) {\n window.google.accounts.id.renderButton(\n document.getElementById(\"google-signin-button\"),\n { \n theme: \"filled_blue\", \n size: \"large\",\n text: \"signin_with\",\n shape: \"rectangular\",\n }\n );\n }\n }, [user]);\n\n return ;\n };\n\n // Home page - Landing/Sign in\n if (appState === 'home') {\n return (\n

\n {/* Header */}\n

\n 📝 3D Notes\n

\n Share notes with style and security\n

\n\n {!user ? (\n /* Sign In Section */\n

\n Sign in to Create Notes\n

\n Sign in with Google to start creating and sharing beautiful notes\n

\n \n {renderGoogleSignInButton()}\n \n {/* Demo Sign-In for Testing */}\n

\n \n Demo Sign-In (For Testing)\n \n

\n \n {error && (\n

\n {error}\n

\n )}\n \n

\n Don't have notes to create? You can still view shared notes with their direct links.\n

\n ) : (\n /* Welcome Back Section */\n

\n ${user.name}\n$ \n

Welcome back!

{user.name}

\n \n

\n \n Dashboard\n \n \n Sign Out\n \n

\n )}\n\n {/* Features */}\n

🔐

Google Authentication

Secure sign-in with Google. Only authenticated users can create notes.

\n \n

🔒

Password Protection

Keep your notes private with optional password protection

\n \n

🔗

Unique Links

Each note gets its own unique shareable link

\n );\n }\n\n // Dashboard - Create notes and view user's notes\n if (appState === 'dashboard') {\n return (\n

\n {/* Header */}\n

\n Dashboard\n

Welcome back, {user?.name}

\n ${user?.name}\n$ \n \n Sign Out\n \n

\n\n

\n {/* Create Note Form */}\n

\n Create a New Note\n

\n \n

\n \n Title\n \n setTitle(e.target.value)}\n className=\"w-full px-4 py-3 rounded-lg bg-white/10 border border-white/20 text-white placeholder-white/60 focus:outline-none focus:ring-2 focus:ring-white/30\"\n placeholder=\"Enter note title...\"\n required\n />\n

\n\n

\n \n Content\n \n setContent(e.target.value)}\n rows={4}\n className=\"w-full px-4 py-3 rounded-lg bg-white/10 border border-white/20 text-white placeholder-white/60 focus:outline-none focus:ring-2 focus:ring-white/30 resize-none\"\n placeholder=\"Write your note content here...\"\n required\n />\n

\n\n

\n \n Password (Optional)\n \n setNotePassword(e.target.value)}\n className=\"w-full px-4 py-3 rounded-lg bg-white/10 border border-white/20 text-white placeholder-white/60 focus:outline-none focus:ring-2 focus:ring-white/30\"\n placeholder=\"Leave empty for public note\"\n />\n

\n\n {error && (\n

\n {error}\n

\n )}\n\n \n {isLoading ? 'Creating Note...' : 'Create Note'}\n \n \n

\n\n {/* User's Notes */}\n

\n Your Notes ({userNotes.length})\n

\n \n

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

\n No notes yet. Create your first note!\n

\n ) : (\n userNotes.map((note) => (\n

\n {note.title}\n

\n {note.hasPassword && 🔒}\n

\n {note.content}\n

\n \n {new Date(note.createdAt).toLocaleDateString()}\n \n copyToClipboard(`${window.location.origin}/note/${note.id}`)}\n className=\"px-3 py-1 bg-white/10 text-white text-xs rounded morph-button\"\n >\n Copy Link\n \n

\n ))\n )}\n

\n );\n }\n\n // Note created success page\n if (appState === 'note-created') {\n const noteUrl = `${window.location.origin}/note/${currentNoteId}`;\n \n return (\n

✅

\n Note Created Successfully!\n

\n Your note has been created and is ready to share.\n

\n \n

Share this URL:

\n \n copyToClipboard(noteUrl)}\n className=\"px-4 py-2 bg-white/20 text-white text-sm rounded morph-button\"\n >\n Copy\n \n

\n\n

\n {\n setAppState('view-note');\n fetchNote(currentNoteId);\n }}\n className=\"px-6 py-3 bg-gradient-to-r from-blue-500 to-purple-500 text-white font-semibold rounded-lg morph-button\"\n >\n View Note\n \n \n Back to Dashboard\n \n

\n );\n }\n\n // View note page\n if (appState === 'view-note') {\n if (isLoading) {\n return (\n

Loading note...

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

⚠️ {error}

\n \n Go Home\n \n

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

\n 🔒 Protected Note\n

This note is password protected

\n\n \n

\n );\n }\n\n if (!currentNote) return null;\n\n return (\n

\n {currentNote.title}\n

\n copyToClipboard(currentNote.content)}\n className=\"p-3 bg-white/10 text-white rounded-lg morph-button hover:bg-white/20\"\n title=\"Copy content\"\n >\n 📋\n \n copyToClipboard(window.location.href)}\n className=\"p-3 bg-white/10 text-white rounded-lg morph-button hover:bg-white/20\"\n title=\"Copy link\"\n >\n 🔗\n \n \n {user ? '📊' : '🏠'}\n \n

\n\n

\n 📅 Created: {new Date(currentNote.createdAt).toLocaleString()}\n 👤 By: {currentNote.createdBy}\n {currentNote.hasPassword && 🔒 Password Protected}\n

\n\n

\n {currentNote.content}\n

\n\n

\n \n {user ? 'Back to Dashboard' : 'Go Home'}\n \n

\n );\n }\n\n return null;\n}",[],[149,234,252],"f658b606-3a95-11f0-9549-9e149126039e",["D",1748307620597],[181,182,183,184],[149,234],["D",1748307599836],[180,185,186,187],[149],"dec77772-3a98-11f0-b512-9e149126039e","index.ts",46,["D",1748308869545],4,"http","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { runMigrations, cleanupExpiredNotes } from \"./database/migrations.ts\";\nimport notes from \"./routes/notes.ts\";\nimport auth from \"./routes/auth.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// Initialize database\nawait runMigrations();\n\n// Cleanup expired notes periodically\nsetInterval(cleanupExpiredNotes, 60 * 60 * 1000); // Every hour\n\n// API routes\napp.route(\"/api/auth\", auth);\napp.route(\"/api/notes\", notes);\n\n// Serve static files\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Serve main page\napp.get(\"/\", async c => {\n const html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\n// Serve note pages\napp.get(\"/note/:id\", async c => {\n const html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\n// Serve dashboard page\napp.get(\"/dashboard\", async c => {\n const html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\nexport default app.fetch;",[],[155,267],"5f673eb2-3a99-11f0-a11a-9e149126039e","notes.ts","d8a3ef4a-3a95-11f0-b008-9e149126039e","36c8c5e1-8777-48c6-8efa-355b1401dc97",54,["D",1748309085343],"import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { createNote, getNoteById, verifyNotePassword, getUserNotes, createOrUpdateUser } from \"../database/queries.ts\";\nimport { requireAuth } from \"./auth.ts\";\n\nconst notes = new Hono();\n\n// Create a new note (authenticated users only)\nnotes.post(\"/\", requireAuth, async (c) => {\n try {\n const body = await c.req.json();\n const user = c.get('user');\n \n if (!body.title || !body.content) {\n return c.json({ error: \"Title and content are required\" }, 400);\n }\n\n // Ensure user exists in database\n await createOrUpdateUser(user);\n\n const noteId = await createNote(body, user.email);\n \n return c.json({ id: noteId, success: true });\n } catch (error) {\n console.error(\"Error creating note:\", error);\n return c.json({ error: \"Failed to create note\" }, 500);\n }\n});\n\n// Get user's notes (authenticated users only)\nnotes.get(\"/my-notes\", requireAuth, async (c) => {\n try {\n const user = c.get('user');\n const userNotes = await getUserNotes(user.email);\n \n return c.json({ notes: userNotes });\n } catch (error) {\n console.error(\"Error fetching user notes:\", error);\n return c.json({ error: \"Failed to fetch notes\" }, 500);\n }\n});\n\n// Get a note by ID (public access)\nnotes.get(\"/:id\", async (c) => {\n try {\n const id = c.req.param(\"id\");\n const note = await getNoteById(id);\n\n if (!note) {\n return c.json({ error: \"Note not found or expired\" }, 404);\n }\n\n if (note.hasPassword) {\n // Return note metadata without content for password-protected notes\n const response = {\n note: {\n ...note,\n content: \"\", // Don't send content for password-protected notes\n },\n requiresPassword: true,\n };\n return c.json(response);\n }\n\n // Return full note for public notes\n const response = { note };\n return c.json(response);\n } catch (error) {\n console.error(\"Error fetching note:\", error);\n return c.json({ error: \"Failed to fetch note\" }, 500);\n }\n});\n\n// Verify password and get note content (public access)\nnotes.post(\"/:id/verify\", async (c) => {\n try {\n const id = c.req.param(\"id\");\n const body = await c.req.json();\n\n if (!body.password) {\n return c.json({ error: \"Password is required\" }, 400);\n }\n\n const isValid = await verifyNotePassword(id, body.password);\n \n if (!isValid) {\n return c.json({ error: \"Invalid password\" }, 401);\n }\n\n const note = await getNoteById(id);\n if (!note) {\n return c.json({ error: \"Note not found or expired\" }, 404);\n }\n\n const response = { note };\n return c.json(response);\n } catch (error) {\n console.error(\"Error verifying password:\", error);\n return c.json({ error: \"Failed to verify password\" }, 500);\n }\n});\n\nexport default notes;",[],[155,284,276],"routes","4431a9de-3a99-11f0-8a66-9e149126039e","auth.ts","c6f300d0-3a98-11f0-ad28-9e149126039e",52,["D",1748309039693],"import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { createOrUpdateUser } from \"../database/queries.ts\";\nimport type { User, AuthResponse } from \"../../shared/types.ts\";\n\nconst auth = new Hono();\n\n// Simple JWT-like token creation (in production, use proper JWT library)\nasync function createToken(user: User): Promise {\n const payload = {\n email: user.email,\n name: user.name,\n exp: Date.now() + (24 * 60 * 60 * 1000), // 24 hours\n };\n \n // Simple base64 encoding (in production, use proper JWT with signing)\n return btoa(JSON.stringify(payload));\n}\n\nasync function verifyToken(token: string): Promise {\n try {\n // Handle demo tokens\n if (token.startsWith('demo-token-')) {\n return {\n email: 'demo@example.com',\n name: 'Demo User',\n picture: 'https://via.placeholder.com/150',\n };\n }\n \n const payload = JSON.parse(atob(token));\n \n // Check if token is expired\n if (Date.now() > payload.exp) {\n return null;\n }\n \n return {\n email: payload.email,\n name: payload.name,\n picture: '', // We'll get this from Google\n };\n } catch {\n return null;\n }\n}\n\n// Google OAuth callback\nauth.post(\"/google\", async (c) => {\n try {\n const body = await c.req.json();\n const { credential } = body;\n \n if (!credential) {\n return c.json({ error: \"No credential provided\" }, 400);\n }\n\n // Verify Google JWT token\n const response = await fetch(`https://oauth2.googleapis.com/tokeninfo?id_token=${credential}`);\n \n if (!response.ok) {\n return c.json({ error: \"Invalid Google token\" }, 401);\n }\n \n const googleUser = await response.json();\n \n const user: User = {\n email: googleUser.email,\n name: googleUser.name,\n picture: googleUser.picture,\n };\n \n // Save/update user in database\n await createOrUpdateUser(user);\n \n // Create our own token\n const token = await createToken(user);\n \n const authResponse: AuthResponse = {\n user,\n token,\n };\n \n return c.json(authResponse);\n } catch (error) {\n console.error(\"Google auth error:\", error);\n return c.json({ error: \"Authentication failed\" }, 500);\n }\n});\n\n// Verify token endpoint\nauth.post(\"/verify\", async (c) => {\n try {\n const body = await c.req.json();\n const { token } = body;\n \n if (!token) {\n return c.json({ error: \"No token provided\" }, 400);\n }\n \n const user = await verifyToken(token);\n \n if (!user) {\n return c.json({ error: \"Invalid or expired token\" }, 401);\n }\n \n return c.json({ user });\n } catch (error) {\n console.error(\"Token verification error:\", error);\n return c.json({ error: \"Token verification failed\" }, 500);\n }\n});\n\n// Middleware to verify authentication\nexport async function requireAuth(c: any, next: any) {\n const authHeader = c.req.header('Authorization');\n \n if (!authHeader || !authHeader.startsWith('Bearer ')) {\n return c.json({ error: \"Authentication required\" }, 401);\n }\n \n const token = authHeader.substring(7);\n const user = await verifyToken(token);\n \n if (!user) {\n return c.json({ error: \"Invalid or expired token\" }, 401);\n }\n \n // Add user to context\n c.set('user', user);\n await next();\n}\n\nexport default auth;",[],[155,284,286],"d8a417b8-3a95-11f0-b008-9e149126039e",5,["D",1748307570760],[176,177],[155,284],"50f545fe-3a99-11f0-8749-9e149126039e","queries.ts","d193894a-3a95-11f0-ad9a-9e149126039e","b4134992-6d40-484c-b6f0-f41d1fe662b6",53,["D",1748309061110],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\nimport { TABLE_NAME, USERS_TABLE } from \"./migrations.ts\";\nimport type { Note, CreateNoteRequest, User } from \"../../shared/types.ts\";\n\n// Simple hash function for passwords (in production, use bcrypt)\nasync function hashPassword(password: string): Promise {\n const encoder = new TextEncoder();\n const data = encoder.encode(password);\n const hashBuffer = await crypto.subtle.digest('SHA-256', data);\n const hashArray = Array.from(new Uint8Array(hashBuffer));\n return hashArray.map(b => b.toString(16).padStart(2, '0')).join('');\n}\n\nexport async function createOrUpdateUser(user: User): Promise {\n try {\n await sqlite.execute(\n `INSERT OR REPLACE INTO ${USERS_TABLE} (email, name, picture, last_login) \n VALUES (?, ?, ?, datetime('now'))`,\n [user.email, user.name, user.picture || '']\n );\n } catch (error) {\n console.error('Error in createOrUpdateUser:', error);\n throw error;\n }\n}\n\nexport async function createNote(noteData: CreateNoteRequest, userEmail: string): Promise {\n try {\n const id = crypto.randomUUID();\n const hasPassword = !!noteData.password;\n const passwordHash = hasPassword ? await hashPassword(noteData.password!) : null;\n \n let expiresAt = null;\n if (noteData.expiresIn) {\n const expireDate = new Date();\n expireDate.setHours(expireDate.getHours() + noteData.expiresIn);\n expiresAt = expireDate.toISOString();\n }\n\n await sqlite.execute(\n `INSERT INTO ${TABLE_NAME} (id, title, content, password_hash, has_password, expires_at, created_by) \n VALUES (?, ?, ?, ?, ?, ?, ?)`,\n [id, noteData.title, noteData.content, passwordHash, hasPassword ? 1 : 0, expiresAt, userEmail]\n );\n\n return id;\n } catch (error) {\n console.error('Error in createNote:', error);\n throw error;\n }\n}\n\nexport async function getNoteById(id: string): Promise {\n try {\n const result = await sqlite.execute(\n `SELECT id, title, content, has_password, created_at, expires_at, created_by \n FROM ${TABLE_NAME} \n WHERE id = ?`,\n [id]\n );\n\n if (!result.rows || result.rows.length === 0) {\n return null;\n }\n\n const row = result.rows[0];\n \n // Check if note has expired\n if (row.expires_at) {\n const expiresAt = new Date(row.expires_at as string);\n const now = new Date();\n if (now > expiresAt) {\n return null; // Note has expired\n }\n }\n \n const note = {\n id: row.id as string,\n title: row.title as string,\n content: row.content as string,\n hasPassword: !!(row.has_password),\n createdAt: row.created_at as string,\n expiresAt: row.expires_at as string || undefined,\n createdBy: row.created_by as string,\n };\n \n return note;\n } catch (error) {\n console.error('Error in getNoteById:', error);\n throw error;\n }\n}\n\nexport async function verifyNotePassword(id: string, password: string): Promise {\n try {\n const passwordHash = await hashPassword(password);\n \n const result = await sqlite.execute(\n `SELECT id FROM ${TABLE_NAME} WHERE id = ? AND password_hash = ?`,\n [id, passwordHash]\n );\n\n return result.rows && result.rows.length > 0;\n } catch (error) {\n console.error('Error in verifyNotePassword:', error);\n throw error;\n }\n}\n\nexport async function getUserNotes(userEmail: string): Promise {\n try {\n const result = await sqlite.execute(\n `SELECT id, title, content, has_password, created_at, expires_at, created_by \n FROM ${TABLE_NAME} \n WHERE created_by = ? AND (expires_at IS NULL OR expires_at > datetime('now'))\n ORDER BY created_at DESC`,\n [userEmail]\n );\n\n if (!result.rows) return [];\n\n return result.rows.map(row => ({\n id: row.id as string,\n title: row.title as string,\n content: row.content as string,\n hasPassword: !!(row.has_password),\n createdAt: row.created_at as string,\n expiresAt: row.expires_at as string || undefined,\n createdBy: row.created_by as string,\n }));\n } catch (error) {\n console.error('Error in getUserNotes:', error);\n throw error;\n }\n}\n\n",[],[155,307,299],"database","acb9c938-3a98-11f0-82b2-9e149126039e","migrations.ts","cad8b15c-3a95-11f0-b008-9e149126039e",42,["D",1748308785572],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\n\nconst TABLE_NAME = 'notes_3d_v2'; // Updated version for new schema\nconst USERS_TABLE = 'users_3d_v1';\n\nexport async function runMigrations() {\n // Create users table\n await sqlite.execute(`CREATE TABLE IF NOT EXISTS ${USERS_TABLE} (\n email TEXT PRIMARY KEY,\n name TEXT NOT NULL,\n picture TEXT,\n created_at DATETIME DEFAULT CURRENT_TIMESTAMP,\n last_login DATETIME DEFAULT CURRENT_TIMESTAMP\n )`);\n\n // Create notes table with user reference\n await sqlite.execute(`CREATE TABLE IF NOT EXISTS ${TABLE_NAME} (\n id TEXT PRIMARY KEY,\n title TEXT NOT NULL,\n content TEXT NOT NULL,\n password_hash TEXT,\n has_password BOOLEAN NOT NULL DEFAULT FALSE,\n created_at DATETIME DEFAULT CURRENT_TIMESTAMP,\n expires_at DATETIME,\n created_by TEXT NOT NULL,\n FOREIGN KEY (created_by) REFERENCES ${USERS_TABLE} (email)\n )`);\n \n console.log('Database migrations completed');\n}\n\nexport async function cleanupExpiredNotes(): Promise {\n await sqlite.execute(\n `DELETE FROM ${TABLE_NAME} WHERE expires_at IS NOT NULL AND expires_at <= datetime('now')`\n );\n}\n\nexport { TABLE_NAME, USERS_TABLE };",[],[155,307,309],"cad8d13c-3a95-11f0-b008-9e149126039e",["D",1748307547617],[173,174],[155,307],["D",1748307547617],[172,175,178],[155],["D",1748307441149],{"_97":96,"_104":100},{"_97":96,"_98":-5,"_99":100,"_18":55,"_101":102,"_103":25},{"_13":86,"_32":87,"_44":43,"_88":45,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":46,"_95":96},"ctx",{"_79":-5,"_124":360,"_361":362,"_363":364,"_365":25,"_366":25,"_367":25,"_368":59,"_369":-5,"_370":-7,"_371":-7,"_372":63,"_373":25,"_374":25,"_375":-5,"_376":25,"_377":25,"_378":25,"_379":-5},"ENV",{"_331":332,"_333":334,"_335":87,"_336":337,"_338":339,"_340":341,"_342":343,"_344":345,"_346":347,"_348":349,"_350":351,"_352":353,"_354":355,"_356":357,"_358":359},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","c73f21da490985bff19c279eb0e09db24d688e4f","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v55