[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_326":327,"_328":329},"routes/_app.x.$handle.$name",{"_96":95,"_32":45,"_104":86,"_27":105,"_13":14,"_106":-5,"_11":107,"_108":109,"_110":111,"_112":113,"_114":115,"_20":-5,"_116":-5,"_117":-5,"_118":25,"_119":120,"_121":58,"_122":-5,"_123":-5,"_124":125},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":58,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":79,"_80":81,"_82":83,"_84":25},"version",60,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":20,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":33,"_34":20,"_35":36},"deleted",false,"deletedHere","path","frontend/index.html","latestPath","fileId","35f05d50-3a96-11f0-8de3-9e149126039e","name","index.html","fileType","content","\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","\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

📝

3D Notes

\n\n \n \n\n","createdAt",["D",1748309331704],"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",{"_96":95,"_103":99},"org",{"_96":95,"_97":-5,"_98":99,"_18":54,"_100":101,"_102":25},"branch",{"_13":85,"_32":86,"_43":42,"_87":44,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":45,"_94":95},"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",{"_43":44,"_32":45,"_38":322,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":58,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":323,"_80":324,"_82":325,"_84":25},"tree",[170,178,187,189],"files",[170,171,172,173,174,175,176,177,178,179,180,181,182,183,184,185,186,187,188,189],"counts",{"_159":62,"_160":161,"_162":62,"_163":164,"_165":166},"contents",[126,127,128,129],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":153,"_32":154,"_30":155,"_133":-5,"_41":42,"_40":156,"_135":58,"_38":157,"_13":62,"_34":145,"_35":-5,"_24":25,"_139":-5,"_27":158},{"_43":147,"_32":148,"_30":149,"_133":-5,"_41":42,"_40":150,"_135":58,"_38":151,"_13":62,"_34":145,"_35":-5,"_24":25,"_139":-5,"_27":152},{"_43":141,"_32":142,"_30":143,"_133":-5,"_41":42,"_40":137,"_135":58,"_38":144,"_13":62,"_34":145,"_35":-5,"_24":25,"_139":-5,"_27":146},{"_43":130,"_32":131,"_30":132,"_133":-5,"_41":42,"_40":134,"_135":25,"_38":136,"_13":137,"_34":20,"_35":138,"_24":25,"_139":-5,"_27":140},"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",[131],"c7ed97aa-3a95-11f0-a8c1-9e149126039e","shared","e110a0ce-b293-4b74-9df8-b59d44107e15",["D",1748307542718],"directory",[142],"e9f8d6a2-3a95-11f0-96df-9e149126039e","frontend","a873d97a-82f8-46fa-b0eb-c4ca82e2331e",7,["D",1748307599836],[148],"cad8cf98-3a95-11f0-b008-9e149126039e","backend","8712dfa5-2aab-4afc-aafd-78a9ccf69905",3,["D",1748307547617],[154],"pulls","branches",1,"forks","envVars",{"_167":62,"_169":62},"connections",{"_167":62,"_168":62},"count","unfilledCount","emptyCount",{"_43":153,"_32":154,"_30":155,"_133":-5,"_41":42,"_40":156,"_135":58,"_38":319,"_13":62,"_34":145,"_35":-5,"_24":25,"_139":-5,"_191":320,"_27":321},{"_43":315,"_32":306,"_30":300,"_133":155,"_41":42,"_40":156,"_135":58,"_38":316,"_13":62,"_34":145,"_35":-5,"_24":25,"_139":-5,"_191":317,"_27":318},{"_43":307,"_32":308,"_30":309,"_133":300,"_41":42,"_40":310,"_135":58,"_38":311,"_13":156,"_34":199,"_35":312,"_24":25,"_139":-5,"_191":313,"_27":314},{"_43":297,"_32":298,"_30":299,"_133":300,"_41":42,"_40":301,"_135":25,"_38":302,"_13":238,"_34":199,"_35":303,"_24":25,"_139":-5,"_191":304,"_27":305},{"_43":293,"_32":284,"_30":278,"_133":155,"_41":42,"_40":270,"_135":58,"_38":294,"_13":62,"_34":145,"_35":-5,"_24":25,"_139":-5,"_191":295,"_27":296},{"_43":285,"_32":286,"_30":287,"_133":278,"_41":42,"_40":288,"_135":25,"_38":289,"_13":161,"_34":199,"_35":290,"_24":25,"_139":-5,"_191":291,"_27":292},{"_43":275,"_32":276,"_30":277,"_133":278,"_41":42,"_40":279,"_135":25,"_38":280,"_13":270,"_34":199,"_35":281,"_24":25,"_139":-5,"_191":282,"_27":283},{"_43":266,"_32":267,"_30":56,"_133":155,"_41":42,"_40":268,"_135":58,"_38":269,"_13":270,"_34":271,"_35":272,"_24":25,"_139":-5,"_191":273,"_27":274},{"_43":147,"_32":148,"_30":149,"_133":-5,"_41":42,"_40":150,"_135":58,"_38":263,"_13":62,"_34":145,"_35":-5,"_24":25,"_139":-5,"_191":264,"_27":265},{"_43":259,"_32":234,"_30":228,"_133":149,"_41":42,"_40":229,"_135":58,"_38":260,"_13":62,"_34":145,"_35":-5,"_24":25,"_139":-5,"_191":261,"_27":262},{"_43":251,"_32":252,"_30":253,"_133":228,"_41":42,"_40":254,"_135":25,"_38":255,"_13":238,"_34":199,"_35":256,"_24":25,"_139":-5,"_191":257,"_27":258},{"_43":243,"_32":244,"_30":245,"_133":228,"_41":42,"_40":246,"_135":58,"_38":247,"_13":62,"_34":199,"_35":248,"_24":25,"_139":-5,"_191":249,"_27":250},{"_43":235,"_32":236,"_30":237,"_133":228,"_41":42,"_40":238,"_135":58,"_38":239,"_13":62,"_34":199,"_35":240,"_24":25,"_139":-5,"_191":241,"_27":242},{"_43":225,"_32":226,"_30":227,"_133":228,"_41":42,"_40":229,"_135":58,"_38":230,"_13":62,"_34":199,"_35":231,"_24":25,"_139":-5,"_191":232,"_27":233},{"_43":221,"_32":33,"_30":31,"_133":149,"_41":42,"_40":14,"_135":58,"_38":222,"_13":156,"_34":20,"_35":37,"_24":25,"_139":-5,"_191":223,"_27":224},{"_43":213,"_32":214,"_30":215,"_133":149,"_41":42,"_40":216,"_135":58,"_38":217,"_13":161,"_34":199,"_35":218,"_24":25,"_139":-5,"_191":219,"_27":220},{"_43":206,"_32":207,"_30":208,"_133":149,"_41":42,"_40":150,"_135":58,"_38":209,"_13":62,"_34":20,"_35":210,"_24":25,"_139":-5,"_191":211,"_27":212},{"_43":141,"_32":142,"_30":143,"_133":-5,"_41":42,"_40":137,"_135":58,"_38":203,"_13":62,"_34":145,"_35":-5,"_24":25,"_139":-5,"_191":204,"_27":205},{"_43":194,"_32":195,"_30":196,"_133":143,"_41":42,"_40":197,"_135":25,"_38":198,"_13":156,"_34":199,"_35":200,"_24":25,"_139":-5,"_191":201,"_27":202},{"_43":130,"_32":131,"_30":132,"_133":-5,"_41":42,"_40":134,"_135":25,"_38":190,"_13":137,"_34":20,"_35":138,"_24":25,"_139":-5,"_191":192,"_27":193},["D",1748309008333],"children",[],[131],"b816fe76-3a99-11f0-83ed-9e149126039e","types.ts","c7ed76da-3a95-11f0-a8c1-9e149126039e",55,["D",1748309234135],"script","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}",[],[142,195],["D",1748307542718],[188],[142],"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}",[],[148,207],"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}",[],[148,214],"f23eed34-3a99-11f0-85f1-9e149126039e",["D",1748309331704],[],[148,33],"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}",[],[148,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}",[],[148,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}",[],[148,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}",[],[148,234,252],"f658b606-3a95-11f0-9549-9e149126039e",["D",1748307620597],[180,181,182,183],[148,234],["D",1748307599836],[179,184,185,186],[148],"e63197bc-3a99-11f0-8b70-9e149126039e","index.ts",59,["D",1748309311485],5,"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\";\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/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\nexport default app.fetch;",[],[154,267],"de8af9d6-3a99-11f0-a6f9-9e149126039e","notes.ts","d8a3ef4a-3a95-11f0-b008-9e149126039e","36c8c5e1-8777-48c6-8efa-355b1401dc97",58,["D",1748309298648],"import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { createNote, getNoteById, verifyNotePassword } from \"../database/queries.ts\";\n\nconst notes = new Hono();\n\n// Admin password for creating notes\nconst ADMIN_PASSWORD = \"Random@2001\";\n\n// Create a new note (admin only)\nnotes.post(\"/\", async (c) => {\n try {\n const body = await c.req.json();\n \n if (!body.title || !body.content) {\n return c.json({ error: \"Title and content are required\" }, 400);\n }\n\n // Check admin password\n if (!body.adminPassword || body.adminPassword !== ADMIN_PASSWORD) {\n return c.json({ error: \"Invalid admin password. Only the admin can create notes.\" }, 401);\n }\n\n // Remove admin password from the note data before saving\n const { adminPassword, ...noteData } = body;\n const noteId = await createNote(noteData);\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 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;",[],[154,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;",[],[154,284,286],"d8a417b8-3a95-11f0-b008-9e149126039e",["D",1748307570760],[175,176],[154,284],"cf3dbd9c-3a99-11f0-97ed-9e149126039e","queries.ts","d193894a-3a95-11f0-ad9a-9e149126039e","b4134992-6d40-484c-b6f0-f41d1fe662b6",57,["D",1748309272973],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\nimport { TABLE_NAME } from \"./migrations.ts\";\nimport type { Note, CreateNoteRequest } 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 createNote(noteData: CreateNoteRequest): 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) \n VALUES (?, ?, ?, ?, ?, ?)`,\n [id, noteData.title, noteData.content, passwordHash, hasPassword ? 1 : 0, expiresAt]\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 \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 };\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\n",[],[154,306,298],"database","be8e7126-3a99-11f0-aa86-9e149126039e","migrations.ts","cad8b15c-3a95-11f0-b008-9e149126039e",56,["D",1748309244985],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\n\nconst TABLE_NAME = 'notes_3d_v1'; // Back to original table\n\nexport async function runMigrations() {\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 )`);\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 };",[],[154,306,308],"cad8d13c-3a95-11f0-b008-9e149126039e",["D",1748307547617],[172,173],[154,306],["D",1748307547617],[171,174,177],[154],["D",1748307441149],{"_96":95,"_103":99},{"_96":95,"_97":-5,"_98":99,"_18":54,"_100":101,"_102":25},{"_13":85,"_32":86,"_43":42,"_87":44,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":45,"_94":95},"ctx",{"_78":-5,"_123":359,"_360":361,"_362":363,"_364":25,"_365":25,"_366":25,"_367":58,"_368":-5,"_369":-7,"_370":-7,"_371":62,"_372":25,"_373":25,"_374":-5,"_375":25,"_376":25,"_377":25,"_378":-5},"ENV",{"_330":331,"_332":333,"_334":86,"_335":336,"_337":338,"_339":340,"_341":342,"_343":344,"_345":346,"_347":348,"_349":350,"_351":352,"_353":354,"_355":356,"_357":358},"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 · v60