[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_283":284,"_285":286},"routes/_app.x.$handle.$name",{"_95":94,"_31":44,"_103":85,"_26":104,"_13":14,"_105":-5,"_11":106,"_107":108,"_109":110,"_111":112,"_113":114,"_20":-5,"_115":-5,"_116":-5,"_117":24,"_118":119,"_120":24,"_121":-5,"_122":-5,"_123":124},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_42":43,"_31":44,"_37":45,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":-5,"_52":-5,"_18":53,"_54":55,"_56":57,"_58":57,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":24},"version",10,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":14,"_40":41,"_23":24},"previous","deleted",false,"deletedHere","path","frontend/components/NoteView.tsx","latestPath","fileId","18109868-3a96-11f0-9e99-9e149126039e","name","NoteView.tsx","fileType","script","content","/** @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}","createdAt",["D",1748307677170],"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",{"_95":94,"_102":98},"org",{"_95":94,"_96":-5,"_97":98,"_18":53,"_99":100,"_101":24},"branch",{"_13":84,"_31":85,"_42":41,"_86":43,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":44,"_93":94},"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",{"_42":43,"_31":44,"_37":279,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":-5,"_52":-5,"_18":53,"_54":55,"_56":57,"_58":57,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":280,"_79":281,"_81":282,"_83":24},"tree",[168,175,181,183],"files",[168,169,170,171,172,173,174,175,176,177,178,179,180,181,182,183],"counts",{"_158":61,"_159":133,"_160":61,"_161":162,"_163":164},"contents",[125,126,127,128],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_42":152,"_31":153,"_29":154,"_132":-5,"_40":41,"_39":155,"_134":57,"_37":156,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_26":157},{"_42":146,"_31":147,"_29":148,"_132":-5,"_40":41,"_39":149,"_134":57,"_37":150,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_26":151},{"_42":139,"_31":140,"_29":141,"_132":-5,"_40":41,"_39":142,"_134":57,"_37":143,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_26":145},{"_42":129,"_31":130,"_29":131,"_132":-5,"_40":41,"_39":133,"_134":24,"_37":135,"_13":61,"_33":20,"_35":136,"_23":24,"_137":-5,"_26":138},"c599a656-3a95-11f0-bca3-9e149126039e","README.md","c599a714-3a95-11f0-bca3-9e149126039e","parentId",1,"latest",["D",1748307538816],"# 3D Note Sharing Platform\n\nA beautiful note-sharing website with 3D graphics and smooth UI animations. Users can create notes with optional password protection.\n\n## Features\n\n- **Create Notes**: Post notes with optional password protection\n- **3D Graphics**: Smooth 3D animations and visual effects\n- **Password Protection**: Optional password protection for private notes\n- **Responsive Design**: Works on all devices\n- **Smooth UI**: Beautiful animations and transitions\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│ └── 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│ │ ├── NoteForm.tsx # Create note form\n│ │ ├── NoteView.tsx # View note 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- `POST /api/notes` - Create a new note\n- `GET /api/notes/:id` - Get a note (with password if required)\n- `POST /api/notes/:id/verify` - Verify password for protected note\n\n## Tech Stack\n\n- **Backend**: Hono + SQLite\n- **Frontend**: React + Three.js for 3D graphics\n- **Styling**: TailwindCSS + custom CSS\n- **Database**: SQLite for note storage","label",[130],"c7ed97aa-3a95-11f0-a8c1-9e149126039e","shared","e110a0ce-b293-4b74-9df8-b59d44107e15",2,["D",1748307542718],"directory",[140],"e9f8d6a2-3a95-11f0-96df-9e149126039e","frontend","a873d97a-82f8-46fa-b0eb-c4ca82e2331e",7,["D",1748307599836],[147],"cad8cf98-3a95-11f0-b008-9e149126039e","backend","8712dfa5-2aab-4afc-aafd-78a9ccf69905",3,["D",1748307547617],[153],"pulls","branches","forks","envVars",{"_165":61,"_167":61},"connections",{"_165":61,"_166":61},"count","unfilledCount","emptyCount",{"_42":152,"_31":153,"_29":154,"_132":-5,"_40":41,"_39":155,"_134":57,"_37":276,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_185":277,"_26":278},{"_42":272,"_31":264,"_29":258,"_132":154,"_40":41,"_39":155,"_134":57,"_37":273,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_185":274,"_26":275},{"_42":265,"_31":266,"_29":267,"_132":258,"_40":41,"_39":155,"_134":24,"_37":268,"_13":61,"_33":34,"_35":269,"_23":24,"_137":-5,"_185":270,"_26":271},{"_42":255,"_31":256,"_29":257,"_132":258,"_40":41,"_39":259,"_134":24,"_37":260,"_13":61,"_33":34,"_35":261,"_23":24,"_137":-5,"_185":262,"_26":263},{"_42":251,"_31":250,"_29":244,"_132":154,"_40":41,"_39":245,"_134":57,"_37":252,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_185":253,"_26":254},{"_42":241,"_31":242,"_29":243,"_132":244,"_40":41,"_39":245,"_134":24,"_37":246,"_13":61,"_33":34,"_35":247,"_23":24,"_137":-5,"_185":248,"_26":249},{"_42":234,"_31":235,"_29":55,"_132":154,"_40":41,"_39":236,"_134":24,"_37":237,"_13":61,"_33":34,"_35":238,"_23":24,"_137":-5,"_185":239,"_26":240},{"_42":146,"_31":147,"_29":148,"_132":-5,"_40":41,"_39":149,"_134":57,"_37":231,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_185":232,"_26":233},{"_42":227,"_31":214,"_29":208,"_132":148,"_40":41,"_39":209,"_134":57,"_37":228,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_185":229,"_26":230},{"_42":219,"_31":220,"_29":221,"_132":208,"_40":41,"_39":222,"_134":57,"_37":223,"_13":61,"_33":34,"_35":224,"_23":24,"_137":-5,"_185":225,"_26":226},{"_42":215,"_31":32,"_29":30,"_132":208,"_40":41,"_39":14,"_134":57,"_37":216,"_13":61,"_33":34,"_35":36,"_23":24,"_137":-5,"_185":217,"_26":218},{"_42":205,"_31":206,"_29":207,"_132":208,"_40":41,"_39":209,"_134":57,"_37":210,"_13":61,"_33":34,"_35":211,"_23":24,"_137":-5,"_185":212,"_26":213},{"_42":198,"_31":199,"_29":200,"_132":148,"_40":41,"_39":149,"_134":57,"_37":201,"_13":61,"_33":20,"_35":202,"_23":24,"_137":-5,"_185":203,"_26":204},{"_42":139,"_31":140,"_29":141,"_132":-5,"_40":41,"_39":142,"_134":57,"_37":195,"_13":61,"_33":144,"_35":-5,"_23":24,"_137":-5,"_185":196,"_26":197},{"_42":188,"_31":189,"_29":190,"_132":141,"_40":41,"_39":142,"_134":24,"_37":191,"_13":61,"_33":34,"_35":192,"_23":24,"_137":-5,"_185":193,"_26":194},{"_42":129,"_31":130,"_29":131,"_132":-5,"_40":41,"_39":133,"_134":24,"_37":184,"_13":61,"_33":20,"_35":136,"_23":24,"_137":-5,"_185":186,"_26":187},["D",1748307538816],"children",[],[130],"c7ed763a-3a95-11f0-a8c1-9e149126039e","types.ts","c7ed76da-3a95-11f0-a8c1-9e149126039e",["D",1748307542718],"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}\n\nexport interface VerifyPasswordRequest {\n password: string;\n}\n\nexport interface NoteResponse {\n note: Note;\n requiresPassword?: boolean;\n}",[],[140,189],["D",1748307542718],[182],[140],"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}",[],[147,199],"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}",[],[147,214,206],"components","18109796-3a96-11f0-9e99-9e149126039e",["D",1748307677170],[],[147,214,32],"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}",[],[147,214,220],"f658b606-3a95-11f0-9549-9e149126039e",["D",1748307620597],[177,178,179],[147,214],["D",1748307599836],[176,180],[147],"ddc3fab0-3a95-11f0-877b-9e149126039e","index.ts",6,["D",1748307579360],"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;",[],[153,235],"d8a3ee8c-3a95-11f0-b008-9e149126039e","notes.ts","d8a3ef4a-3a95-11f0-b008-9e149126039e","36c8c5e1-8777-48c6-8efa-355b1401dc97",5,["D",1748307570760],"import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { createNote, getNoteById, verifyNotePassword } from \"../database/queries.ts\";\nimport type { CreateNoteRequest, VerifyPasswordRequest, NoteResponse } from \"../../shared/types.ts\";\n\nconst notes = new Hono();\n\n// Create a new note\nnotes.post(\"/\", async (c) => {\n try {\n const body: CreateNoteRequest = 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 const noteId = await createNote(body);\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\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\n const response: NoteResponse = {\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 const response: NoteResponse = { 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\nnotes.post(\"/:id/verify\", async (c) => {\n try {\n const id = c.req.param(\"id\");\n const body: VerifyPasswordRequest = 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: NoteResponse = { 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;",[],[153,250,242],"routes","d8a417b8-3a95-11f0-b008-9e149126039e",["D",1748307570760],[173],[153,250],"d19388aa-3a95-11f0-ad9a-9e149126039e","queries.ts","d193894a-3a95-11f0-ad9a-9e149126039e","b4134992-6d40-484c-b6f0-f41d1fe662b6",4,["D",1748307558909],"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 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, expiresAt]\n );\n\n return id;\n}\n\nexport async function getNoteById(id: string): Promise {\n const result = await sqlite.execute(\n `SELECT id, title, content, has_password, created_at, expires_at \n FROM ${TABLE_NAME} \n WHERE id = ? AND (expires_at IS NULL OR expires_at > datetime('now'))`,\n [id]\n );\n\n if (result.length === 0) return null;\n\n const row = result[0];\n return {\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\nexport async function verifyNotePassword(id: string, password: string): Promise {\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.length > 0;\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}",[],[153,264,256],"database","cad8b0c6-3a95-11f0-b008-9e149126039e","migrations.ts","cad8b15c-3a95-11f0-b008-9e149126039e",["D",1748307547617],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\n\nconst TABLE_NAME = 'notes_3d_v1';\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 { TABLE_NAME };",[],[153,264,266],"cad8d13c-3a95-11f0-b008-9e149126039e",["D",1748307547617],[170,171],[153,264],["D",1748307547617],[169,172,174],[153],["D",1748307441149],{"_95":94,"_102":98},{"_95":94,"_96":-5,"_97":98,"_18":53,"_99":100,"_101":24},{"_13":84,"_31":85,"_42":41,"_86":43,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":44,"_93":94},"ctx",{"_77":-5,"_122":316,"_317":318,"_319":320,"_321":24,"_322":24,"_323":24,"_324":57,"_325":-5,"_326":-7,"_327":-7,"_328":61,"_329":24,"_330":24,"_331":-5,"_332":24,"_333":24,"_334":24,"_335":-5},"ENV",{"_287":288,"_289":290,"_291":85,"_292":293,"_294":295,"_296":297,"_298":299,"_300":301,"_302":303,"_304":305,"_306":307,"_308":309,"_310":311,"_312":313,"_314":315},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","81405aa0531e90dfbb71a5bf473aaa0cf4c8702f","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 · v10