+3 -1

apps/hosting-service/src/index.ts

··· 4 4 import { createLogger, initializeGrafanaExporters } from '@wisp/observability'; 5 5 import { mkdirSync, existsSync } from 'fs'; 6 6 import { backfillCache } from './lib/backfill'; 7 7 - import { startDomainCacheCleanup, stopDomainCacheCleanup, setCacheOnlyMode } from './lib/db'; 7 7 + import { startDomainCacheCleanup, stopDomainCacheCleanup, setCacheOnlyMode, closeDatabase } from './lib/db'; 8 8 9 9 // Initialize Grafana exporters if configured 10 10 initializeGrafanaExporters({ ··· 94 94 console.log('\n🛑 Shutting down...'); 95 95 firehose.stop(); 96 96 stopDomainCacheCleanup(); 97 97 + await closeDatabase(); 97 98 server.close(); 98 99 process.exit(0); 99 100 }); ··· 102 103 console.log('\n🛑 Shutting down...'); 103 104 firehose.stop(); 104 105 stopDomainCacheCleanup(); 106 106 + await closeDatabase(); 105 107 server.close(); 106 108 process.exit(0); 107 109 });

+32 -1

apps/hosting-service/src/lib/db.ts

··· 183 183 return hashNum & 0x7FFFFFFFFFFFFFFFn; 184 184 } 185 185 186 186 + // Track active locks for cleanup on shutdown 187 187 + const activeLocks = new Set<string>(); 188 188 + 186 189 /** 187 190 * Acquire a distributed lock using PostgreSQL advisory locks 188 191 * Returns true if lock was acquired, false if already held by another instance ··· 193 196 194 197 try { 195 198 const result = await sql`SELECT pg_try_advisory_lock(${Number(lockId)}) as acquired`; 196 196 - return result[0]?.acquired === true; 199 199 + const acquired = result[0]?.acquired === true; 200 200 + if (acquired) { 201 201 + activeLocks.add(key); 202 202 + } 203 203 + return acquired; 197 204 } catch (err) { 198 205 console.error('Failed to acquire lock', { key, error: err }); 199 206 return false; ··· 208 215 209 216 try { 210 217 await sql`SELECT pg_advisory_unlock(${Number(lockId)})`; 218 218 + activeLocks.delete(key); 211 219 } catch (err) { 212 220 console.error('Failed to release lock', { key, error: err }); 221 221 + // Still remove from tracking even if unlock fails 222 222 + activeLocks.delete(key); 223 223 + } 224 224 + } 225 225 + 226 226 + /** 227 227 + * Close all database connections 228 228 + * Call this during graceful shutdown 229 229 + */ 230 230 + export async function closeDatabase(): Promise<void> { 231 231 + try { 232 232 + // Release all active advisory locks before closing connections 233 233 + if (activeLocks.size > 0) { 234 234 + console.log(`[DB] Releasing ${activeLocks.size} active advisory locks before shutdown`); 235 235 + for (const key of activeLocks) { 236 236 + await releaseLock(key); 237 237 + } 238 238 + } 239 239 + 240 240 + await sql.end({ timeout: 5 }); 241 241 + console.log('[DB] Database connections closed'); 242 242 + } catch (err) { 243 243 + console.error('[DB] Error closing database connections:', err); 213 244 } 214 245 } 215 246

+4 -4

apps/main-app/public/acceptable-use/acceptable-use.tsx

··· 6 6 7 7 function AcceptableUsePage() { 8 8 return ( 9 9 - <div className="min-h-screen bg-background"> 9 9 + <div className="w-full min-h-screen bg-background flex flex-col"> 10 10 {/* Header */} 11 11 - <header className="border-b border-border/40 bg-background/80 backdrop-blur-sm sticky top-0 z-50"> 12 12 - <div className="container mx-auto px-4 py-4 flex items-center justify-between"> 11 11 + <header className="w-full border-b border-border/40 bg-background/80 backdrop-blur-sm sticky top-0 z-50"> 12 12 + <div className="max-w-6xl w-full mx-auto px-4 h-16 flex items-center justify-between"> 13 13 <div className="flex items-center gap-2"> 14 14 <img src="/transparent-full-size-ico.png" alt="wisp.place" className="w-8 h-8" /> 15 15 <span className="text-xl font-semibold text-foreground"> ··· 326 326 </div> 327 327 328 328 {/* Footer */} 329 329 - <footer className="border-t border-border/40 bg-muted/20 mt-12"> 329 329 + <footer className="border-t border-border/40 bg-muted/20 mt-auto"> 330 330 <div className="container mx-auto px-4 py-8"> 331 331 <div className="text-center text-sm text-muted-foreground"> 332 332 <p>

+1 -1

apps/main-app/public/components/ui/checkbox.tsx

··· 12 12 <CheckboxPrimitive.Root 13 13 data-slot="checkbox" 14 14 className={cn( 15 15 - "peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", 15 15 + "peer border-border bg-background dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", 16 16 className 17 17 )} 18 18 {...props}

+6 -6

apps/main-app/public/editor/editor.tsx

··· 302 302 return ( 303 303 <div className="w-full min-h-screen bg-background"> 304 304 {/* Header Skeleton */} 305 305 - <header className="border-b border-border/40 bg-background/80 backdrop-blur-sm sticky top-0 z-50"> 306 306 - <div className="container mx-auto px-4 py-4 flex items-center justify-between"> 305 305 + <header className="w-full border-b border-border/40 bg-background/80 backdrop-blur-sm sticky top-0 z-50"> 306 306 + <div className="max-w-6xl w-full mx-auto px-4 h-16 flex items-center justify-between"> 307 307 <div className="flex items-center gap-2"> 308 308 <img src="/transparent-full-size-ico.png" alt="wisp.place" className="w-8 h-8" /> 309 309 <span className="text-xl font-semibold text-foreground"> ··· 366 366 } 367 367 368 368 return ( 369 369 - <div className="w-full min-h-screen bg-background"> 369 369 + <div className="w-full min-h-screen bg-background flex flex-col"> 370 370 {/* Header */} 371 371 - <header className="border-b border-border/40 bg-background/80 backdrop-blur-sm sticky top-0 z-50"> 372 372 - <div className="container mx-auto px-4 py-4 flex items-center justify-between"> 371 371 + <header className="w-full border-b border-border/40 bg-background/80 backdrop-blur-sm sticky top-0 z-50"> 372 372 + <div className="max-w-6xl w-full mx-auto px-4 h-16 flex items-center justify-between"> 373 373 <div className="flex items-center gap-2"> 374 374 <img src="/transparent-full-size-ico.png" alt="wisp.place" className="w-8 h-8" /> 375 375 <span className="text-xl font-semibold text-foreground"> ··· 454 454 </div> 455 455 456 456 {/* Footer */} 457 457 - <footer className="border-t border-border/40 bg-muted/20 mt-12"> 457 457 + <footer className="border-t border-border/40 bg-muted/20 mt-auto"> 458 458 <div className="container mx-auto px-4 py-8"> 459 459 <div className="text-center text-sm text-muted-foreground"> 460 460 <p>

+74 -66

apps/main-app/public/index.tsx

··· 88 88 89 89 const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => { 90 90 const navigationKeys = ['ArrowDown', 'ArrowUp', 'PageDown', 'PageUp', 'Enter', 'Escape'] 91 91 - 91 91 + 92 92 // Mark that we should preserve the index for navigation keys 93 93 if (navigationKeys.includes(e.key)) { 94 94 preserveIndexRef.current = true ··· 142 142 setIndex(-1) 143 143 setIsOpen(false) 144 144 onSelect?.(handle) 145 145 - 145 145 + 146 146 // Auto-submit the form if enabled 147 147 if (autoSubmit && inputRef.current) { 148 148 const form = inputRef.current.closest('form') ··· 236 236 height: 'calc(1.5rem + 12px)', 237 237 borderRadius: '4px', 238 238 cursor: 'pointer', 239 239 - backgroundColor: i === index ? 'hsl(var(--accent) / 0.5)' : 'transparent', 239 239 + backgroundColor: i === index ? 'color-mix(in oklch, var(--accent) 50%, transparent)' : 'transparent', 240 240 transition: 'background-color 0.1s' 241 241 }} 242 242 onMouseEnter={() => setIndex(i)} ··· 246 246 width: '1.5rem', 247 247 height: '1.5rem', 248 248 borderRadius: '50%', 249 249 - backgroundColor: 'hsl(var(--muted))', 249 249 + backgroundColor: 'var(--muted)', 250 250 overflow: 'hidden', 251 251 flexShrink: 0 252 252 }} ··· 255 255 <img 256 256 src={actor.avatar} 257 257 alt="" 258 258 + loading="lazy" 258 259 style={{ 259 260 display: 'block', 260 261 width: '100%', ··· 359 360 360 361 return ( 361 362 <> 362 362 - <div className="min-h-screen"> 363 363 + <div className="w-full min-h-screen flex flex-col"> 363 364 {/* Header */} 364 364 - <header className="border-b border-border/40 bg-background/80 backdrop-blur-sm sticky top-0 z-50"> 365 365 - <div className="container mx-auto px-4 py-4 flex items-center justify-between"> 365 365 + <header className="w-full border-b border-border/40 bg-background/80 backdrop-blur-sm sticky top-0 z-50"> 366 366 + <div className="max-w-6xl w-full mx-auto px-4 h-16 flex items-center justify-between"> 366 367 <div className="flex items-center gap-2"> 367 368 <img src="/transparent-full-size-ico.png" alt="wisp.place" className="w-8 h-8" /> 368 368 - <span className="text-xl font-semibold text-foreground"> 369 369 + <span className="text-lg font-semibold text-foreground"> 369 370 wisp.place 370 371 </span> 371 372 </div> 372 372 - <div className="flex items-center gap-3"> 373 373 + <div className="flex items-center gap-4"> 374 374 + <a 375 375 + href="https://docs.wisp.place" 376 376 + target="_blank" 377 377 + rel="noopener noreferrer" 378 378 + className="text-sm text-muted-foreground hover:text-foreground transition-colors" 379 379 + > 380 380 + Read the Docs 381 381 + </a> 373 382 <Button 374 374 - variant="ghost" 383 383 + variant="outline" 375 384 size="sm" 385 385 + className="btn-hover-lift" 376 386 onClick={() => setShowForm(true)} 377 387 > 378 388 Sign In 379 389 </Button> 380 380 - <Button 381 381 - size="sm" 382 382 - className="bg-accent text-accent-foreground hover:bg-accent/90" 383 383 - asChild 384 384 - > 385 385 - <a href="https://docs.wisp.place" target="_blank" rel="noopener noreferrer"> 386 386 - Read the Docs 387 387 - </a> 388 388 - </Button> 389 390 </div> 390 391 </div> 391 392 </header> 392 393 393 394 {/* Hero Section */} 394 394 - <section className="container mx-auto px-4 py-20 md:py-32"> 395 395 + <section className="container mx-auto px-4 py-24 md:py-36"> 395 396 <div className="max-w-4xl mx-auto text-center"> 396 396 - <div className="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-accent/10 border border-accent/20 mb-8"> 397 397 - <span className="w-2 h-2 bg-accent rounded-full animate-pulse"></span> 398 398 - <span className="text-sm text-foreground"> 399 399 - Built on AT Protocol 400 400 - </span> 401 401 - </div> 402 402 - 403 403 - <h1 className="text-5xl md:text-7xl font-bold text-balance mb-6 leading-tight"> 404 404 - Your Website.Your Control. Lightning Fast. 397 397 + {/* Main Headline */} 398 398 + <h1 className="animate-fade-in-up animate-delay-100 text-5xl md:text-7xl font-bold mb-2 leading-tight tracking-tight"> 399 399 + Deploy Anywhere. 400 400 + </h1> 401 401 + <h1 className="animate-fade-in-up animate-delay-200 text-5xl md:text-7xl font-bold mb-8 leading-tight tracking-tight text-gradient-animate"> 402 402 + For Free. Forever. 405 403 </h1> 406 404 407 407 - <p className="text-xl md:text-2xl text-muted-foreground text-balance mb-10 leading-relaxed max-w-3xl mx-auto"> 408 408 - Host static sites in your AT Protocol account. You 409 409 - keep ownership and control. We just serve them fast 410 410 - through our CDN. 405 405 + {/* Subheadline */} 406 406 + <p className="animate-fade-in-up animate-delay-300 text-lg md:text-xl text-muted-foreground mb-12 leading-relaxed max-w-2xl mx-auto"> 407 407 + The easiest way to deploy and orchestrate static sites. 408 408 + Push updates instantly. Host on our infrastructure or yours. 409 409 + All powered by AT Protocol. 411 410 </p> 412 411 413 413 - <div className="max-w-md mx-auto relative"> 412 412 + {/* CTA Buttons */} 413 413 + <div className="animate-fade-in-up animate-delay-400 max-w-lg mx-auto relative"> 414 414 <div 415 415 - className={`transition-all duration-500 ease-in-out ${ 416 416 - showForm 417 417 - ? 'opacity-0 -translate-y-5 pointer-events-none' 418 418 - : 'opacity-100 translate-y-0' 419 419 - }`} 415 415 + className={`transition-all duration-500 ease-in-out ${showForm 416 416 + ? 'opacity-0 -translate-y-5 pointer-events-none absolute inset-0' 417 417 + : 'opacity-100 translate-y-0' 418 418 + }`} 420 419 > 421 421 - <Button 422 422 - size="lg" 423 423 - className="bg-primary text-primary-foreground hover:bg-primary/90 text-lg px-8 py-6 w-full" 424 424 - onClick={() => setShowForm(true)} 425 425 - > 426 426 - Log in with AT Proto 427 427 - <ArrowRight className="ml-2 w-5 h-5" /> 428 428 - </Button> 420 420 + <div className="flex flex-col sm:flex-row gap-3 justify-center"> 421 421 + <Button 422 422 + size="lg" 423 423 + className="bg-foreground text-background hover:bg-foreground/90 text-base px-6 py-5 btn-hover-lift" 424 424 + onClick={() => setShowForm(true)} 425 425 + > 426 426 + <span className="mr-2 font-bold">@</span> 427 427 + Deploy with AT 428 428 + </Button> 429 429 + <Button 430 430 + variant="outline" 431 431 + size="lg" 432 432 + className="text-base px-6 py-5 btn-hover-lift" 433 433 + asChild 434 434 + > 435 435 + <a href="https://docs.wisp.place/cli/" target="_blank" rel="noopener noreferrer"> 436 436 + <span className="font-mono mr-2 text-muted-foreground">&gt;_</span> 437 437 + Install wisp-cli 438 438 + </a> 439 439 + </Button> 440 440 + </div> 429 441 </div> 430 442 431 443 <div 432 432 - className={`transition-all duration-500 ease-in-out absolute inset-0 ${ 433 433 - showForm 434 434 - ? 'opacity-100 translate-y-0' 435 435 - : 'opacity-0 translate-y-5 pointer-events-none' 436 436 - }`} 444 444 + className={`transition-all duration-500 ease-in-out ${showForm 445 445 + ? 'opacity-100 translate-y-0' 446 446 + : 'opacity-0 translate-y-5 pointer-events-none absolute inset-0' 447 447 + }`} 437 448 > 438 449 <form 439 450 onSubmit={async (e) => { ··· 494 505 </ActorTypeahead> 495 506 <button 496 507 type="submit" 497 497 - className="w-full bg-accent hover:bg-accent/90 text-accent-foreground font-semibold py-4 px-6 text-lg rounded-lg inline-flex items-center justify-center transition-colors" 508 508 + className="w-full bg-foreground text-background hover:bg-foreground/90 font-semibold py-4 px-6 text-lg rounded-lg inline-flex items-center justify-center transition-colors btn-hover-lift" 498 509 > 499 510 Continue 500 511 <ArrowRight className="ml-2 w-5 h-5" /> ··· 518 529 </div> 519 530 <div> 520 531 <h3 className="text-xl font-semibold mb-2"> 521 521 - Upload your static site 532 532 + Drop in your files 522 533 </h3> 523 534 <p className="text-muted-foreground"> 524 524 - Your HTML, CSS, and JavaScript files are 525 525 - stored in your AT Protocol account as 526 526 - gzipped blobs and a manifest record. 535 535 + Upload your site through our dashboard or push with the CLI. 536 536 + Everything gets stored directly in your AT Protocol account. 527 537 </p> 528 538 </div> 529 539 </div> ··· 533 543 </div> 534 544 <div> 535 545 <h3 className="text-xl font-semibold mb-2"> 536 536 - We serve it globally 546 546 + We handle the rest 537 547 </h3> 538 548 <p className="text-muted-foreground"> 539 539 - Wisp.place reads your site from your 540 540 - account and delivers it through our CDN 541 541 - for fast loading anywhere. 549 549 + Your site goes live instantly on our global CDN. 550 550 + Custom domains, HTTPS, caching—all automatic. 542 551 </p> 543 552 </div> 544 553 </div> ··· 548 557 </div> 549 558 <div> 550 559 <h3 className="text-xl font-semibold mb-2"> 551 551 - You stay in control 560 560 + Push updates instantly 552 561 </h3> 553 562 <p className="text-muted-foreground"> 554 554 - Update or remove your site anytime 555 555 - through your AT Protocol account. No 556 556 - lock-in, no middleman ownership. 563 563 + Ship changes in seconds. Update through the dashboard, 564 564 + run wisp-cli deploy, or wire up your CI/CD pipeline. 557 565 </p> 558 566 </div> 559 567 </div> ··· 686 694 </section> 687 695 688 696 {/* Footer */} 689 689 - <footer className="border-t border-border/40 bg-muted/20"> 697 697 + <footer className="border-t border-border/40 bg-muted/20 mt-auto"> 690 698 <div className="container mx-auto px-4 py-8"> 691 699 <div className="text-center text-sm text-muted-foreground"> 692 700 <p>

+16 -19

apps/main-app/public/onboarding/onboarding.tsx

··· 161 161 return ( 162 162 <div className="w-full min-h-screen bg-background"> 163 163 {/* Header */} 164 164 - <header className="border-b border-border/40 bg-background/80 backdrop-blur-sm sticky top-0 z-50"> 165 165 - <div className="container mx-auto px-4 py-4 flex items-center justify-between"> 164 164 + <header className="w-full border-b border-border/40 bg-background/80 backdrop-blur-sm sticky top-0 z-50"> 165 165 + <div className="max-w-6xl w-full mx-auto px-4 h-16 flex items-center justify-between"> 166 166 <div className="flex items-center gap-2"> 167 167 <div className="w-8 h-8 bg-primary rounded-lg flex items-center justify-center"> 168 168 <Globe className="w-5 h-5 text-primary-foreground" /> ··· 179 179 <div className="mb-8"> 180 180 <div className="flex items-center justify-center gap-2 mb-4"> 181 181 <div 182 182 - className={`w-8 h-8 rounded-full flex items-center justify-center ${ 183 183 - step === 'domain' 184 184 - ? 'bg-primary text-primary-foreground' 185 185 - : 'bg-green-500 text-white' 186 186 - }`} 182 182 + className={`w-8 h-8 rounded-full flex items-center justify-center ${step === 'domain' 183 183 + ? 'bg-primary text-primary-foreground' 184 184 + : 'bg-green-500 text-white' 185 185 + }`} 187 186 > 188 187 {step === 'domain' ? ( 189 188 '1' ··· 193 192 </div> 194 193 <div className="w-16 h-0.5 bg-border"></div> 195 194 <div 196 196 - className={`w-8 h-8 rounded-full flex items-center justify-center ${ 197 197 - step === 'upload' 198 198 - ? 'bg-primary text-primary-foreground' 199 199 - : step === 'domain' 200 200 - ? 'bg-muted text-muted-foreground' 201 201 - : 'bg-green-500 text-white' 202 202 - }`} 195 195 + className={`w-8 h-8 rounded-full flex items-center justify-center ${step === 'upload' 196 196 + ? 'bg-primary text-primary-foreground' 197 197 + : step === 'domain' 198 198 + ? 'bg-muted text-muted-foreground' 199 199 + : 'bg-green-500 text-white' 200 200 + }`} 203 201 > 204 202 {step === 'complete' ? ( 205 203 <CheckCircle2 className="w-5 h-5" /> ··· 258 256 {!isCheckingAvailability && 259 257 isAvailable !== null && ( 260 258 <div 261 261 - className={`absolute right-3 top-1/2 -translate-y-1/2 ${ 262 262 - isAvailable 263 263 - ? 'text-green-500' 264 264 - : 'text-red-500' 265 265 - }`} 259 259 + className={`absolute right-3 top-1/2 -translate-y-1/2 ${isAvailable 260 260 + ? 'text-green-500' 261 261 + : 'text-red-500' 262 262 + }`} 266 263 > 267 264 {isAvailable ? '✓' : '✗'} 268 265 </div>

+212 -39

apps/main-app/public/styles/global.css

··· 6 6 :root { 7 7 color-scheme: light; 8 8 9 9 - /* Warm beige background inspired by Sunset design #E9DDD8 */ 10 10 - --background: oklch(0.90 0.012 35); 11 11 - /* Very dark brown text for strong contrast #2A2420 */ 12 12 - --foreground: oklch(0.18 0.01 30); 9 9 + /* Warm beige background inspired by Sunset design */ 10 10 + --background: oklch(0.92 0.012 35); 11 11 + /* Very dark brown text for strong contrast */ 12 12 + --foreground: oklch(0.15 0.015 30); 13 13 14 14 - /* Slightly lighter card background */ 15 15 - --card: oklch(0.93 0.01 35); 16 16 - --card-foreground: oklch(0.18 0.01 30); 14 14 + /* Slightly lighter card background for elevation */ 15 15 + --card: oklch(0.95 0.008 35); 16 16 + --card-foreground: oklch(0.15 0.015 30); 17 17 18 18 - --popover: oklch(0.93 0.01 35); 19 19 - --popover-foreground: oklch(0.18 0.01 30); 18 18 + --popover: oklch(0.96 0.006 35); 19 19 + --popover-foreground: oklch(0.15 0.015 30); 20 20 21 21 - /* Dark brown primary inspired by #645343 */ 22 22 - --primary: oklch(0.35 0.02 35); 23 23 - --primary-foreground: oklch(0.95 0.01 35); 21 21 + /* Dark brown primary - darker for better contrast */ 22 22 + --primary: oklch(0.30 0.025 35); 23 23 + --primary-foreground: oklch(0.96 0.008 35); 24 24 25 25 - /* Bright pink accent for links #FFAAD2 */ 26 26 - --accent: oklch(0.78 0.15 345); 27 27 - --accent-foreground: oklch(0.18 0.01 30); 25 25 + /* Deeper pink accent for better visibility */ 26 26 + --accent: oklch(0.65 0.18 345); 27 27 + --accent-foreground: oklch(0.15 0.015 30); 28 28 29 29 - /* Medium taupe secondary inspired by #867D76 */ 30 30 - --secondary: oklch(0.52 0.015 30); 31 31 - --secondary-foreground: oklch(0.95 0.01 35); 29 29 + /* Darker taupe secondary for better contrast */ 30 30 + --secondary: oklch(0.85 0.012 30); 31 31 + --secondary-foreground: oklch(0.25 0.02 30); 32 32 33 33 - /* Light warm muted background */ 33 33 + /* Muted areas with better distinction */ 34 34 --muted: oklch(0.88 0.01 35); 35 35 - --muted-foreground: oklch(0.42 0.015 30); 35 35 + --muted-foreground: oklch(0.35 0.02 30); 36 36 37 37 - --border: oklch(0.75 0.015 30); 38 38 - --input: oklch(0.92 0.01 35); 39 39 - --ring: oklch(0.72 0.08 15); 37 37 + /* Significantly darker border for visibility */ 38 38 + --border: oklch(0.65 0.02 30); 39 39 + /* Input backgrounds lighter than cards */ 40 40 + --input: oklch(0.97 0.005 35); 41 41 + --ring: oklch(0.55 0.12 345); 40 42 41 41 - --destructive: oklch(0.577 0.245 27.325); 42 42 - --destructive-foreground: oklch(0.985 0 0); 43 43 + --destructive: oklch(0.50 0.20 25); 44 44 + --destructive-foreground: oklch(0.98 0 0); 43 45 44 44 - --chart-1: oklch(0.78 0.15 345); 46 46 + --chart-1: oklch(0.65 0.18 345); 45 47 --chart-2: oklch(0.32 0.04 285); 46 46 - --chart-3: oklch(0.56 0.08 220); 47 47 - --chart-4: oklch(0.85 0.02 130); 48 48 - --chart-5: oklch(0.93 0.03 85); 48 48 + --chart-3: oklch(0.50 0.10 220); 49 49 + --chart-4: oklch(0.70 0.08 130); 50 50 + --chart-5: oklch(0.75 0.06 85); 49 51 50 52 --radius: 0.75rem; 51 51 - --sidebar: oklch(0.985 0 0); 52 52 - --sidebar-foreground: oklch(0.145 0 0); 53 53 - --sidebar-primary: oklch(0.205 0 0); 54 54 - --sidebar-primary-foreground: oklch(0.985 0 0); 55 55 - --sidebar-accent: oklch(0.97 0 0); 56 56 - --sidebar-accent-foreground: oklch(0.205 0 0); 57 57 - --sidebar-border: oklch(0.922 0 0); 58 58 - --sidebar-ring: oklch(0.708 0 0); 53 53 + --sidebar: oklch(0.94 0.008 35); 54 54 + --sidebar-foreground: oklch(0.15 0.015 30); 55 55 + --sidebar-primary: oklch(0.30 0.025 35); 56 56 + --sidebar-primary-foreground: oklch(0.96 0.008 35); 57 57 + --sidebar-accent: oklch(0.90 0.01 35); 58 58 + --sidebar-accent-foreground: oklch(0.20 0.02 30); 59 59 + --sidebar-border: oklch(0.65 0.02 30); 60 60 + --sidebar-ring: oklch(0.55 0.12 345); 59 61 } 60 62 61 63 .dark { ··· 160 162 * { 161 163 @apply border-border outline-ring/50; 162 164 } 165 165 + 166 166 + html { 167 167 + scrollbar-gutter: stable; 168 168 + } 169 169 + 163 170 body { 164 171 @apply bg-background text-foreground; 165 172 } 166 173 } 167 174 168 175 @keyframes arrow-bounce { 169 169 - 0%, 100% { 176 176 + 177 177 + 0%, 178 178 + 100% { 170 179 transform: translateX(0); 171 180 } 181 181 + 172 182 50% { 173 183 transform: translateX(4px); 174 184 } ··· 189 199 border-radius: 0.5rem; 190 200 padding: 1rem; 191 201 overflow-x: auto; 192 192 - border: 1px solid hsl(var(--border)); 202 202 + border: 1px solid var(--border); 193 203 } 194 204 195 205 .shiki-wrapper pre { 196 206 margin: 0 !important; 197 207 padding: 0 !important; 198 208 } 209 209 + 210 210 + /* ========== Landing Page Animations ========== */ 211 211 + 212 212 + /* Animated gradient for headline text */ 213 213 + @keyframes gradient-shift { 214 214 + 215 215 + 0%, 216 216 + 100% { 217 217 + background-position: 0% 50%; 218 218 + } 219 219 + 220 220 + 50% { 221 221 + background-position: 100% 50%; 222 222 + } 223 223 + } 224 224 + 225 225 + .text-gradient-animate { 226 226 + background: linear-gradient(90deg, 227 227 + oklch(0.55 0.22 350), 228 228 + oklch(0.60 0.24 10), 229 229 + oklch(0.55 0.22 350)); 230 230 + background-size: 200% auto; 231 231 + -webkit-background-clip: text; 232 232 + background-clip: text; 233 233 + -webkit-text-fill-color: transparent; 234 234 + animation: gradient-shift 4s ease-in-out infinite; 235 235 + } 236 236 + 237 237 + .dark .text-gradient-animate { 238 238 + background: linear-gradient(90deg, 239 239 + oklch(0.75 0.12 295), 240 240 + oklch(0.85 0.10 5), 241 241 + oklch(0.75 0.12 295)); 242 242 + background-size: 200% auto; 243 243 + -webkit-background-clip: text; 244 244 + background-clip: text; 245 245 + -webkit-text-fill-color: transparent; 246 246 + } 247 247 + 248 248 + /* Floating/breathing animation for hero elements */ 249 249 + @keyframes float { 250 250 + 251 251 + 0%, 252 252 + 100% { 253 253 + transform: translateY(0); 254 254 + } 255 255 + 256 256 + 50% { 257 257 + transform: translateY(-8px); 258 258 + } 259 259 + } 260 260 + 261 261 + .animate-float { 262 262 + animation: float 3s ease-in-out infinite; 263 263 + } 264 264 + 265 265 + .animate-float-delayed { 266 266 + animation: float 3s ease-in-out infinite; 267 267 + animation-delay: 0.5s; 268 268 + } 269 269 + 270 270 + /* Staggered fade-in animation */ 271 271 + @keyframes fade-in-up { 272 272 + from { 273 273 + opacity: 0; 274 274 + transform: translateY(20px); 275 275 + } 276 276 + 277 277 + to { 278 278 + opacity: 1; 279 279 + transform: translateY(0); 280 280 + } 281 281 + } 282 282 + 283 283 + .animate-fade-in-up { 284 284 + animation: fade-in-up 0.6s ease-out forwards; 285 285 + opacity: 0; 286 286 + } 287 287 + 288 288 + .animate-delay-100 { 289 289 + animation-delay: 0.1s; 290 290 + } 291 291 + 292 292 + .animate-delay-200 { 293 293 + animation-delay: 0.2s; 294 294 + } 295 295 + 296 296 + .animate-delay-300 { 297 297 + animation-delay: 0.3s; 298 298 + } 299 299 + 300 300 + .animate-delay-400 { 301 301 + animation-delay: 0.4s; 302 302 + } 303 303 + 304 304 + .animate-delay-500 { 305 305 + animation-delay: 0.5s; 306 306 + } 307 307 + 308 308 + .animate-delay-600 { 309 309 + animation-delay: 0.6s; 310 310 + } 311 311 + 312 312 + /* Terminal cursor blink */ 313 313 + @keyframes cursor-blink { 314 314 + 315 315 + 0%, 316 316 + 50% { 317 317 + opacity: 1; 318 318 + } 319 319 + 320 320 + 51%, 321 321 + 100% { 322 322 + opacity: 0; 323 323 + } 324 324 + } 325 325 + 326 326 + .animate-cursor-blink { 327 327 + animation: cursor-blink 1s step-end infinite; 328 328 + } 329 329 + 330 330 + /* Button hover scale effect */ 331 331 + .btn-hover-lift { 332 332 + transition: all 0.2s ease-out; 333 333 + } 334 334 + 335 335 + .btn-hover-lift:hover { 336 336 + transform: translateY(-2px); 337 337 + box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); 338 338 + } 339 339 + 340 340 + .btn-hover-lift:active { 341 341 + transform: translateY(0); 342 342 + } 343 343 + 344 344 + /* Subtle pulse for feature dots */ 345 345 + @keyframes dot-pulse { 346 346 + 347 347 + 0%, 348 348 + 100% { 349 349 + transform: scale(1); 350 350 + opacity: 1; 351 351 + } 352 352 + 353 353 + 50% { 354 354 + transform: scale(1.2); 355 355 + opacity: 0.8; 356 356 + } 357 357 + } 358 358 + 359 359 + .animate-dot-pulse { 360 360 + animation: dot-pulse 2s ease-in-out infinite; 361 361 + } 362 362 + 363 363 + .animate-dot-pulse-delayed-1 { 364 364 + animation: dot-pulse 2s ease-in-out infinite; 365 365 + animation-delay: 0.3s; 366 366 + } 367 367 + 368 368 + .animate-dot-pulse-delayed-2 { 369 369 + animation: dot-pulse 2s ease-in-out infinite; 370 370 + animation-delay: 0.6s; 371 371 + }

+23 -3

apps/main-app/src/index.ts

··· 12 12 cleanupExpiredSessions, 13 13 rotateKeysIfNeeded 14 14 } from './lib/oauth-client' 15 15 - import { getCookieSecret } from './lib/db' 15 15 + import { getCookieSecret, closeDatabase } from './lib/db' 16 16 import { authRoutes } from './routes/auth' 17 17 import { wispRoutes } from './routes/wisp' 18 18 import { domainRoutes } from './routes/domain' ··· 61 61 setInterval(runMaintenance, 60 * 60 * 1000) 62 62 63 63 // Start DNS verification worker (runs every 10 minutes) 64 64 + // Can be disabled via DISABLE_DNS_WORKER=true environment variable 64 65 const dnsVerifier = new DNSVerificationWorker( 65 66 10 * 60 * 1000, // 10 minutes 66 67 (msg, data) => { ··· 68 69 } 69 70 ) 70 71 71 71 - dnsVerifier.start() 72 72 - logger.info('DNS Verifier Started - checking custom domains every 10 minutes') 72 72 + if (Bun.env.DISABLE_DNS_WORKER !== 'true') { 73 73 + dnsVerifier.start() 74 74 + logger.info('DNS Verifier Started - checking custom domains every 10 minutes') 75 75 + } else { 76 76 + logger.info('DNS Verifier disabled via DISABLE_DNS_WORKER environment variable') 77 77 + } 73 78 74 79 export const app = new Elysia({ 75 80 serve: { ··· 200 205 console.log( 201 206 `🦊 Elysia is running at ${app.server?.hostname}:${app.server?.port}` 202 207 ) 208 208 + 209 209 + // Graceful shutdown 210 210 + process.on('SIGINT', async () => { 211 211 + console.log('\n🛑 Shutting down...') 212 212 + dnsVerifier.stop() 213 213 + await closeDatabase() 214 214 + process.exit(0) 215 215 + }) 216 216 + 217 217 + process.on('SIGTERM', async () => { 218 218 + console.log('\n🛑 Shutting down...') 219 219 + dnsVerifier.stop() 220 220 + await closeDatabase() 221 221 + process.exit(0) 222 222 + })

+13

apps/main-app/src/lib/db.ts

··· 526 526 console.log('[CookieSecret] Generated new cookie signing secret'); 527 527 return secret; 528 528 }; 529 529 + 530 530 + /** 531 531 + * Close database connection 532 532 + * Call this during graceful shutdown 533 533 + */ 534 534 + export const closeDatabase = async (): Promise<void> => { 535 535 + try { 536 536 + await db.end(); 537 537 + console.log('[DB] Database connection closed'); 538 538 + } catch (err) { 539 539 + console.error('[DB] Error closing database connection:', err); 540 540 + } 541 541 + };

+10 -16

apps/main-app/src/routes/wisp.ts

··· 39 39 40 40 const logger = createLogger('main-app') 41 41 42 42 - function isValidSiteName(siteName: string): boolean { 42 42 + export function isValidSiteName(siteName: string): boolean { 43 43 if (!siteName || typeof siteName !== 'string') return false; 44 44 45 45 // Length check (AT Protocol rkey limit) ··· 183 183 continue; 184 184 } 185 185 186 186 - console.log(`Processing file ${i + 1}/${fileArray.length}:`, file.name, file.size, 'bytes'); 186 186 + // Use webkitRelativePath when available (directory uploads), fallback to name for regular file uploads 187 187 + const webkitPath = 'webkitRelativePath' in file ? String(file.webkitRelativePath) : ''; 188 188 + const filePath = webkitPath || file.name; 189 189 + 187 190 updateJobProgress(jobId, { 188 191 filesProcessed: i + 1, 189 189 - currentFile: file.name 192 192 + currentFile: filePath 190 193 }); 191 194 192 195 // Skip files that match ignore patterns 193 193 - const normalizedPath = file.name.replace(/^[^\/]*\//, ''); 196 196 + const normalizedPath = filePath.replace(/^[^\/]*\//, ''); 194 197 195 198 if (shouldIgnore(ignoreMatcher, normalizedPath)) { 196 196 - console.log(`Skipping ignored file: ${file.name}`); 197 199 skippedFiles.push({ 198 198 - name: file.name, 200 200 + name: filePath, 199 201 reason: 'matched ignore pattern' 200 202 }); 201 203 continue; ··· 205 207 const maxSize = MAX_FILE_SIZE; 206 208 if (file.size > maxSize) { 207 209 skippedFiles.push({ 208 208 - name: file.name, 210 210 + name: filePath, 209 211 reason: `file too large (${(file.size / 1024 / 1024).toFixed(2)}MB, max 100MB)` 210 212 }); 211 213 continue; ··· 238 240 // Text files: compress AND base64 encode 239 241 finalContent = Buffer.from(compressedContent.toString('base64'), 'binary'); 240 242 base64Encoded = true; 241 241 - const compressionRatio = (compressedContent.length / originalContent.length * 100).toFixed(1); 242 242 - console.log(`Compressing+base64 ${file.name}: ${originalContent.length} -> ${compressedContent.length} bytes (${compressionRatio}%), base64: ${finalContent.length} bytes`); 243 243 - logger.info(`Compressing+base64 ${file.name}: ${originalContent.length} -> ${compressedContent.length} bytes (${compressionRatio}%), base64: ${finalContent.length} bytes`); 244 243 } else { 245 244 // Audio files: just compress, no base64 246 245 finalContent = compressedContent; 247 247 - const compressionRatio = (compressedContent.length / originalContent.length * 100).toFixed(1); 248 248 - console.log(`Compressing ${file.name}: ${originalContent.length} -> ${compressedContent.length} bytes (${compressionRatio}%)`); 249 249 - logger.info(`Compressing ${file.name}: ${originalContent.length} -> ${compressedContent.length} bytes (${compressionRatio}%)`); 250 246 } 251 247 } else { 252 248 // Binary files: upload directly 253 249 finalContent = originalContent; 254 254 - console.log(`Uploading ${file.name} directly: ${originalContent.length} bytes (no compression)`); 255 255 - logger.info(`Uploading ${file.name} directly: ${originalContent.length} bytes (binary)`); 256 250 } 257 251 258 252 uploadedFiles.push({ 259 259 - name: file.name, 253 253 + name: filePath, 260 254 content: finalContent, 261 255 mimeType: originalMimeType, 262 256 size: finalContent.length,

+9 -2

bun.lock

··· 11 11 "elysia": "^1.4.18", 12 12 "tailwindcss": "^4.1.17", 13 13 }, 14 14 + "devDependencies": { 15 15 + "@types/bun": "^1.3.5", 16 16 + }, 14 17 }, 15 18 "apps/hosting-service": { 16 19 "name": "wisp-hosting-service", ··· 583 586 584 587 "@ts-morph/common": ["@ts-morph/common@0.25.0", "", { "dependencies": { "minimatch": "^9.0.4", "path-browserify": "^1.0.1", "tinyglobby": "^0.2.9" } }, "sha512-kMnZz+vGGHi4GoHnLmMhGNjm44kGtKUXGnOvrKmMwAuvNjM/PgKVGfUnL7IDvK7Jb2QQ82jq3Zmp04Gy+r3Dkg=="], 585 588 586 586 - "@types/bun": ["@types/bun@1.3.3", "", { "dependencies": { "bun-types": "1.3.3" } }, "sha512-ogrKbJ2X5N0kWLLFKeytG0eHDleBYtngtlbu9cyBKFtNL3cnpDZkNdQj8flVf6WTZUX5ulI9AY1oa7ljhSrp+g=="], 589 589 + "@types/bun": ["@types/bun@1.3.5", "", { "dependencies": { "bun-types": "1.3.5" } }, "sha512-RnygCqNrd3srIPEWBd5LFeUYG7plCoH2Yw9WaZGyNmdTEei+gWaHqydbaIRkIkcbXwhBT94q78QljxN0Sk838w=="], 587 590 588 591 "@types/mime-types": ["@types/mime-types@2.1.4", "", {}, "sha512-lfU4b34HOri+kAY5UheuFMWPDOI+OPceBSHZKp69gEyTL/mmJ4cnU6Y/rlme3UL3GyOn6Y42hyIEw0/q8sWx5w=="], 589 592 ··· 1267 1270 1268 1271 "@tokenizer/inflate/debug": ["debug@4.4.3", "", { "dependencies": { "ms": "^2.1.3" } }, "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA=="], 1269 1272 1270 1270 - "@types/bun/bun-types": ["bun-types@1.3.3", "", { "dependencies": { "@types/node": "*" } }, "sha512-z3Xwlg7j2l9JY27x5Qn3Wlyos8YAp0kKRlrePAOjgjMGS5IG6E7Jnlx736vH9UVI4wUICwwhC9anYL++XeOgTQ=="], 1273 1273 + "@types/bun/bun-types": ["bun-types@1.3.5", "", { "dependencies": { "@types/node": "*" } }, "sha512-inmAYe2PFLs0SUbFOWSVD24sg1jFlMPxOjOSSCYqUgn4Hsc3rDc7dFvfVYjFPNHtov6kgUeulV4SxbuIV/stPw=="], 1271 1274 1272 1275 "@wisp/main-app/@atproto/api": ["@atproto/api@0.17.7", "", { "dependencies": { "@atproto/common-web": "^0.4.3", "@atproto/lexicon": "^0.5.1", "@atproto/syntax": "^0.4.1", "@atproto/xrpc": "^0.7.5", "await-lock": "^2.2.2", "multiformats": "^9.9.0", "tlds": "^1.234.0", "zod": "^3.23.8" } }, "sha512-V+OJBZq9chcrD21xk1bUa6oc5DSKfQj5DmUPf5rmZncqL1w9ZEbS38H5cMyqqdhfgo2LWeDRdZHD0rvNyJsIaw=="], 1273 1276 ··· 1298 1301 "uint8arrays/multiformats": ["multiformats@9.9.0", "", {}, "sha512-HoMUjhH9T8DDBNT+6xzkrd9ga/XiBI4xLr58LJACwK6G3HTOPeMz4nB4KJs33L2BelrIJa7P0VuNaVF3hMYfjg=="], 1299 1302 1300 1303 "wisp-hosting-service/@atproto/api": ["@atproto/api@0.17.7", "", { "dependencies": { "@atproto/common-web": "^0.4.3", "@atproto/lexicon": "^0.5.1", "@atproto/syntax": "^0.4.1", "@atproto/xrpc": "^0.7.5", "await-lock": "^2.2.2", "multiformats": "^9.9.0", "tlds": "^1.234.0", "zod": "^3.23.8" } }, "sha512-V+OJBZq9chcrD21xk1bUa6oc5DSKfQj5DmUPf5rmZncqL1w9ZEbS38H5cMyqqdhfgo2LWeDRdZHD0rvNyJsIaw=="], 1304 1304 + 1305 1305 + "wisp-hosting-service/@types/bun": ["@types/bun@1.3.3", "", { "dependencies": { "bun-types": "1.3.3" } }, "sha512-ogrKbJ2X5N0kWLLFKeytG0eHDleBYtngtlbu9cyBKFtNL3cnpDZkNdQj8flVf6WTZUX5ulI9AY1oa7ljhSrp+g=="], 1301 1306 1302 1307 "@atproto/sync/@atproto/xrpc-server/@atproto/ws-client": ["@atproto/ws-client@0.0.3", "", { "dependencies": { "@atproto/common": "^0.5.0", "ws": "^8.12.0" } }, "sha512-eKqkTWBk6zuMY+6gs02eT7mS8Btewm8/qaL/Dp00NDCqpNC+U59MWvQsOWT3xkNGfd9Eip+V6VI4oyPvAfsfTA=="], 1303 1308 ··· 1400 1405 "tsx/esbuild/@esbuild/win32-x64": ["@esbuild/win32-x64@0.27.1", "", { "os": "win32", "cpu": "x64" }, "sha512-d5X6RMYv6taIymSk8JBP+nxv8DQAMY6A51GPgusqLdK9wBz5wWIXy1KjTck6HnjE9hqJzJRdk+1p/t5soSbCtw=="], 1401 1406 1402 1407 "wisp-hosting-service/@atproto/api/multiformats": ["multiformats@9.9.0", "", {}, "sha512-HoMUjhH9T8DDBNT+6xzkrd9ga/XiBI4xLr58LJACwK6G3HTOPeMz4nB4KJs33L2BelrIJa7P0VuNaVF3hMYfjg=="], 1408 1408 + 1409 1409 + "wisp-hosting-service/@types/bun/bun-types": ["bun-types@1.3.3", "", { "dependencies": { "@types/node": "*" } }, "sha512-z3Xwlg7j2l9JY27x5Qn3Wlyos8YAp0kKRlrePAOjgjMGS5IG6E7Jnlx736vH9UVI4wUICwwhC9anYL++XeOgTQ=="], 1403 1410 } 1404 1411 }

+108 -2

cli/Cargo.lock

··· 162 162 ] 163 163 164 164 [[package]] 165 165 + name = "atomic-polyfill" 166 166 + version = "1.0.3" 167 167 + source = "registry+https://github.com/rust-lang/crates.io-index" 168 168 + checksum = "8cf2bce30dfe09ef0bfaef228b9d414faaf7e563035494d7fe092dba54b300f4" 169 169 + dependencies = [ 170 170 + "critical-section", 171 171 + ] 172 172 + 173 173 + [[package]] 165 174 name = "atomic-waker" 166 175 version = "1.1.2" 167 176 source = "registry+https://github.com/rust-lang/crates.io-index" ··· 572 581 checksum = "a1d728cc89cf3aee9ff92b05e62b19ee65a02b5702cff7d5a377e32c6ae29d8d" 573 582 574 583 [[package]] 584 584 + name = "cobs" 585 585 + version = "0.3.0" 586 586 + source = "registry+https://github.com/rust-lang/crates.io-index" 587 587 + checksum = "0fa961b519f0b462e3a3b4a34b64d119eeaca1d59af726fe450bbba07a9fc0a1" 588 588 + dependencies = [ 589 589 + "thiserror 2.0.17", 590 590 + ] 591 591 + 592 592 + [[package]] 575 593 name = "colorchoice" 576 594 version = "1.0.4" 577 595 source = "registry+https://github.com/rust-lang/crates.io-index" ··· 691 709 dependencies = [ 692 710 "cfg-if", 693 711 ] 712 712 + 713 713 + [[package]] 714 714 + name = "critical-section" 715 715 + version = "1.2.0" 716 716 + source = "registry+https://github.com/rust-lang/crates.io-index" 717 717 + checksum = "790eea4361631c5e7d22598ecd5723ff611904e3344ce8720784c93e3d83d40b" 694 718 695 719 [[package]] 696 720 name = "crossbeam-channel" ··· 972 996 ] 973 997 974 998 [[package]] 999 999 + name = "embedded-io" 1000 1000 + version = "0.4.0" 1001 1001 + source = "registry+https://github.com/rust-lang/crates.io-index" 1002 1002 + checksum = "ef1a6892d9eef45c8fa6b9e0086428a2cca8491aca8f787c534a3d6d0bcb3ced" 1003 1003 + 1004 1004 + [[package]] 1005 1005 + name = "embedded-io" 1006 1006 + version = "0.6.1" 1007 1007 + source = "registry+https://github.com/rust-lang/crates.io-index" 1008 1008 + checksum = "edd0f118536f44f5ccd48bcb8b111bdc3de888b58c74639dfb034a357d0f206d" 1009 1009 + 1010 1010 + [[package]] 975 1011 name = "encode_unicode" 976 1012 version = "1.0.0" 977 1013 source = "registry+https://github.com/rust-lang/crates.io-index" ··· 1348 1384 ] 1349 1385 1350 1386 [[package]] 1387 1387 + name = "hash32" 1388 1388 + version = "0.2.1" 1389 1389 + source = "registry+https://github.com/rust-lang/crates.io-index" 1390 1390 + checksum = "b0c35f58762feb77d74ebe43bdbc3210f09be9fe6742234d573bacc26ed92b67" 1391 1391 + dependencies = [ 1392 1392 + "byteorder", 1393 1393 + ] 1394 1394 + 1395 1395 + [[package]] 1351 1396 name = "hashbrown" 1352 1397 version = "0.12.3" 1353 1398 source = "registry+https://github.com/rust-lang/crates.io-index" ··· 1366 1411 checksum = "841d1cc9bed7f9236f321df977030373f4a4163ae1a7dbfe1a51a2c1a51d9100" 1367 1412 1368 1413 [[package]] 1414 1414 + name = "heapless" 1415 1415 + version = "0.7.17" 1416 1416 + source = "registry+https://github.com/rust-lang/crates.io-index" 1417 1417 + checksum = "cdc6457c0eb62c71aac4bc17216026d8410337c4126773b9c5daba343f17964f" 1418 1418 + dependencies = [ 1419 1419 + "atomic-polyfill", 1420 1420 + "hash32", 1421 1421 + "rustc_version", 1422 1422 + "serde", 1423 1423 + "spin 0.9.8", 1424 1424 + "stable_deref_trait", 1425 1425 + ] 1426 1426 + 1427 1427 + [[package]] 1369 1428 name = "heck" 1370 1429 version = "0.4.1" 1371 1430 source = "registry+https://github.com/rust-lang/crates.io-index" ··· 1841 1900 1842 1901 [[package]] 1843 1902 name = "jacquard" 1844 1844 - version = "0.9.3" 1903 1903 + version = "0.9.4" 1904 1904 + source = "git+https://tangled.org/nekomimi.pet/jacquard#69a1552424ffa439ea1022aa8e3f311ed77ab4df" 1845 1905 dependencies = [ 1846 1906 "bytes", 1847 1907 "getrandom 0.2.16", ··· 1857 1917 "regex", 1858 1918 "regex-lite", 1859 1919 "reqwest", 1920 1920 + "ring", 1860 1921 "serde", 1861 1922 "serde_html_form", 1862 1923 "serde_json", ··· 1871 1932 [[package]] 1872 1933 name = "jacquard-api" 1873 1934 version = "0.9.2" 1935 1935 + source = "git+https://tangled.org/nekomimi.pet/jacquard#69a1552424ffa439ea1022aa8e3f311ed77ab4df" 1874 1936 dependencies = [ 1875 1937 "bon", 1876 1938 "bytes", ··· 1880 1942 "miette", 1881 1943 "rustversion", 1882 1944 "serde", 1945 1945 + "serde_bytes", 1883 1946 "serde_ipld_dagcbor", 1884 1947 "thiserror 2.0.17", 1885 1948 "unicode-segmentation", ··· 1888 1951 [[package]] 1889 1952 name = "jacquard-common" 1890 1953 version = "0.9.2" 1954 1954 + source = "git+https://tangled.org/nekomimi.pet/jacquard#69a1552424ffa439ea1022aa8e3f311ed77ab4df" 1891 1955 dependencies = [ 1892 1956 "base64 0.22.1", 1893 1957 "bon", ··· 1908 1972 "n0-future 0.1.3", 1909 1973 "ouroboros", 1910 1974 "p256", 1975 1975 + "postcard", 1911 1976 "rand 0.9.2", 1912 1977 "regex", 1913 1978 "regex-lite", 1914 1979 "reqwest", 1980 1980 + "ring", 1915 1981 "serde", 1982 1982 + "serde_bytes", 1916 1983 "serde_html_form", 1917 1984 "serde_ipld_dagcbor", 1918 1985 "serde_json", ··· 1928 1995 1929 1996 [[package]] 1930 1997 name = "jacquard-derive" 1931 1931 - version = "0.9.3" 1998 1998 + version = "0.9.4" 1999 1999 + source = "git+https://tangled.org/nekomimi.pet/jacquard#69a1552424ffa439ea1022aa8e3f311ed77ab4df" 1932 2000 dependencies = [ 1933 2001 "heck 0.5.0", 1934 2002 "jacquard-lexicon", ··· 1940 2008 [[package]] 1941 2009 name = "jacquard-identity" 1942 2010 version = "0.9.2" 2011 2011 + source = "git+https://tangled.org/nekomimi.pet/jacquard#69a1552424ffa439ea1022aa8e3f311ed77ab4df" 1943 2012 dependencies = [ 1944 2013 "bon", 1945 2014 "bytes", ··· 1950 2019 "jacquard-lexicon", 1951 2020 "miette", 1952 2021 "mini-moka", 2022 2022 + "n0-future 0.1.3", 1953 2023 "percent-encoding", 1954 2024 "reqwest", 2025 2025 + "ring", 1955 2026 "serde", 1956 2027 "serde_html_form", 1957 2028 "serde_json", ··· 1965 2036 [[package]] 1966 2037 name = "jacquard-lexicon" 1967 2038 version = "0.9.2" 2039 2039 + source = "git+https://tangled.org/nekomimi.pet/jacquard#69a1552424ffa439ea1022aa8e3f311ed77ab4df" 1968 2040 dependencies = [ 1969 2041 "cid", 1970 2042 "dashmap", ··· 1990 2062 [[package]] 1991 2063 name = "jacquard-oauth" 1992 2064 version = "0.9.2" 2065 2065 + source = "git+https://tangled.org/nekomimi.pet/jacquard#69a1552424ffa439ea1022aa8e3f311ed77ab4df" 1993 2066 dependencies = [ 1994 2067 "base64 0.22.1", 1995 2068 "bytes", ··· 2004 2077 "miette", 2005 2078 "p256", 2006 2079 "rand 0.8.5", 2080 2080 + "ring", 2007 2081 "rouille", 2008 2082 "serde", 2009 2083 "serde_html_form", ··· 2314 2388 [[package]] 2315 2389 name = "mini-moka" 2316 2390 version = "0.10.99" 2391 2391 + source = "git+https://tangled.org/nekomimi.pet/jacquard#69a1552424ffa439ea1022aa8e3f311ed77ab4df" 2317 2392 dependencies = [ 2318 2393 "crossbeam-channel", 2319 2394 "crossbeam-utils", ··· 2794 2869 checksum = "f84267b20a16ea918e43c6a88433c2d54fa145c92a811b5b047ccbe153674483" 2795 2870 2796 2871 [[package]] 2872 2872 + name = "postcard" 2873 2873 + version = "1.1.3" 2874 2874 + source = "registry+https://github.com/rust-lang/crates.io-index" 2875 2875 + checksum = "6764c3b5dd454e283a30e6dfe78e9b31096d9e32036b5d1eaac7a6119ccb9a24" 2876 2876 + dependencies = [ 2877 2877 + "cobs", 2878 2878 + "embedded-io 0.4.0", 2879 2879 + "embedded-io 0.6.1", 2880 2880 + "heapless", 2881 2881 + "serde", 2882 2882 + ] 2883 2883 + 2884 2884 + [[package]] 2797 2885 name = "potential_utf" 2798 2886 version = "0.1.4" 2799 2887 source = "registry+https://github.com/rust-lang/crates.io-index" ··· 3236 3324 checksum = "357703d41365b4b27c590e3ed91eabb1b663f07c4c084095e60cbed4362dff0d" 3237 3325 3238 3326 [[package]] 3327 3327 + name = "rustc_version" 3328 3328 + version = "0.4.1" 3329 3329 + source = "registry+https://github.com/rust-lang/crates.io-index" 3330 3330 + checksum = "cfcb3a22ef46e85b45de6ee7e79d063319ebb6594faafcf1c225ea92ab6e9b92" 3331 3331 + dependencies = [ 3332 3332 + "semver", 3333 3333 + ] 3334 3334 + 3335 3335 + [[package]] 3239 3336 name = "rustix" 3240 3337 version = "1.1.2" 3241 3338 source = "registry+https://github.com/rust-lang/crates.io-index" ··· 3403 3500 "core-foundation-sys", 3404 3501 "libc", 3405 3502 ] 3503 3503 + 3504 3504 + [[package]] 3505 3505 + name = "semver" 3506 3506 + version = "1.0.27" 3507 3507 + source = "registry+https://github.com/rust-lang/crates.io-index" 3508 3508 + checksum = "d767eb0aabc880b29956c35734170f26ed551a859dbd361d140cdbeca61ab1e2" 3406 3509 3407 3510 [[package]] 3408 3511 name = "send_wrapper" ··· 3683 3786 version = "0.9.8" 3684 3787 source = "registry+https://github.com/rust-lang/crates.io-index" 3685 3788 checksum = "6980e8d7511241f8acf4aebddbb1ff938df5eebe98691418c4468d0b72a96a67" 3789 3789 + dependencies = [ 3790 3790 + "lock_api", 3791 3791 + ] 3686 3792 3687 3793 [[package]] 3688 3794 name = "spin"

+3 -1

docs/astro.config.mjs

··· 7 7 integrations: [ 8 8 starlight({ 9 9 title: 'Wisp.place Docs', 10 10 - social: [{ icon: 'github', label: 'GitHub', href: 'https://github.com/tangled-org/wisp.place' }], 10 10 + components: { 11 11 + SocialIcons: './src/components/SocialIcons.astro', 12 12 + }, 11 13 sidebar: [ 12 14 { 13 15 label: 'Getting Started',

+9

docs/src/assets/tangled-icon.svg

··· 1 1 + <svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" version="1.1" id="svg1" width="25" height="25" viewBox="0 0 25 25" sodipodi:docname="tangled_dolly_silhouette.png"> 2 2 + <defs id="defs1"/> 3 3 + <sodipodi:namedview id="namedview1" pagecolor="#ffffff" bordercolor="#000000" borderopacity="0.25" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="true" inkscape:deskcolor="#d1d1d1"> 4 4 + <inkscape:page x="0" y="0" width="25" height="25" id="page2" margin="0" bleed="0"/> 5 5 + </sodipodi:namedview> 6 6 + <g inkscape:groupmode="layer" inkscape:label="Image" id="g1"> 7 7 + <path style="fill:#000000;stroke-width:1.12248" d="m 16.208435,23.914069 c -0.06147,-0.02273 -0.147027,-0.03034 -0.190158,-0.01691 -0.197279,0.06145 -1.31068,-0.230493 -1.388819,-0.364153 -0.01956,-0.03344 -0.163274,-0.134049 -0.319377,-0.223561 -0.550395,-0.315603 -1.010951,-0.696643 -1.428383,-1.181771 -0.264598,-0.307509 -0.597257,-0.785384 -0.597257,-0.857979 0,-0.0216 -0.02841,-0.06243 -0.06313,-0.0907 -0.04977,-0.04053 -0.160873,0.0436 -0.52488,0.397463 -0.479803,0.466432 -0.78924,0.689475 -1.355603,0.977118 -0.183693,0.0933 -0.323426,0.179989 -0.310516,0.192658 0.02801,0.02748 -0.7656391,0.270031 -1.209129,0.369517 -0.5378332,0.120647 -1.6341809,0.08626 -1.9721503,-0.06186 C 6.7977157,23.031391 6.56735,22.957551 6.3371134,22.889782 4.9717169,22.487902 3.7511914,21.481518 3.1172396,20.234838 2.6890391,19.392772 2.5582276,18.827446 2.5610489,17.831154 2.5639589,16.802192 2.7366641,16.125844 3.2142117,15.273187 3.3040457,15.112788 3.3713143,14.976533 3.3636956,14.9704 3.3560756,14.9643 3.2459634,14.90305 3.1189994,14.834381 1.7582586,14.098312 0.77760984,12.777439 0.44909837,11.23818 0.33531456,10.705039 0.33670119,9.7067968 0.45195381,9.1778795 0.72259241,7.9359287 1.3827188,6.8888436 2.4297498,6.0407205 2.6856126,5.8334648 3.2975489,5.4910878 3.6885849,5.3364049 L 4.0584319,5.190106 4.2333984,4.860432 C 4.8393906,3.7186139 5.8908314,2.7968028 7.1056396,2.3423025 7.7690673,2.0940921 8.2290216,2.0150935 9.01853,2.0137575 c 0.9625627,-0.00163 1.629181,0.1532762 2.485864,0.5776514 l 0.271744,0.1346134 0.42911,-0.3607688 c 1.082666,-0.9102346 2.185531,-1.3136811 3.578383,-1.3090327 0.916696,0.00306 1.573918,0.1517893 2.356121,0.5331927 1.465948,0.7148 2.54506,2.0625628 2.865177,3.57848 l 0.07653,0.362429 0.515095,0.2556611 c 1.022872,0.5076874 1.756122,1.1690944 2.288361,2.0641468 0.401896,0.6758594 0.537303,1.0442682 0.675505,1.8378683 0.288575,1.6570823 -0.266229,3.3548023 -1.490464,4.5608743 -0.371074,0.36557 -0.840205,0.718265 -1.203442,0.904754 -0.144112,0.07398 -0.271303,0.15826 -0.282647,0.187269 -0.01134,0.02901 0.02121,0.142764 0.07234,0.25279 0.184248,0.396467 0.451371,1.331823 0.619371,2.168779 0.463493,2.30908 -0.754646,4.693707 -2.92278,5.721632 -0.479538,0.227352 -0.717629,0.309322 -1.144194,0.39393 -0.321869,0.06383 -1.850573,0.09139 -2.000174,0.03604 z M 12.25443,18.636956 c 0.739923,-0.24652 1.382521,-0.718922 1.874623,-1.37812 0.0752,-0.100718 0.213883,-0.275851 0.308198,-0.389167 0.09432,-0.113318 0.210136,-0.271056 0.257381,-0.350531 0.416347,-0.700389 0.680936,-1.176102 0.766454,-1.378041 0.05594,-0.132087 0.114653,-0.239607 0.130477,-0.238929 0.01583,6.79e-4 0.08126,0.08531 0.145412,0.188069 0.178029,0.285173 0.614305,0.658998 0.868158,0.743878 0.259802,0.08686 0.656158,0.09598 0.911369,0.02095 0.213812,-0.06285 0.507296,-0.298016 0.645179,-0.516947 0.155165,-0.246374 0.327989,-0.989595 0.327989,-1.410501 0,-1.26718 -0.610975,-3.143405 -1.237774,-3.801045 -0.198483,-0.2082486 -0.208557,-0.2319396 -0.208557,-0.4904655 0,-0.2517771 -0.08774,-0.5704927 -0.258476,-0.938956 C 16.694963,8.50313 16.375697,8.1377479 16.135846,7.9543702 L 15.932296,7.7987471 15.683004,7.9356529 C 15.131767,8.2383821 14.435638,8.1945733 13.943459,7.8261812 L 13.782862,7.7059758 13.686773,7.8908012 C 13.338849,8.5600578 12.487087,8.8811064 11.743178,8.6233891 11.487199,8.5347109 11.358897,8.4505994 11.063189,8.1776138 L 10.69871,7.8411436 10.453484,8.0579255 C 10.318608,8.1771557 10.113778,8.3156283 9.9983037,8.3656417 9.7041488,8.4930449 9.1808299,8.5227884 8.8979004,8.4281886 8.7754792,8.3872574 8.6687415,8.3537661 8.6607053,8.3537661 c -0.03426,0 -0.3092864,0.3066098 -0.3791974,0.42275 -0.041935,0.069664 -0.1040482,0.1266636 -0.1380294,0.1266636 -0.1316419,0 -0.4197402,0.1843928 -0.6257041,0.4004735 -0.1923125,0.2017571 -0.6853701,0.9036038 -0.8926582,1.2706578 -0.042662,0.07554 -0.1803555,0.353687 -0.3059848,0.618091 -0.1256293,0.264406 -0.3270073,0.686768 -0.4475067,0.938581 -0.1204992,0.251816 -0.2469926,0.519654 -0.2810961,0.595199 -0.2592829,0.574347 -0.285919,1.391094 -0.057822,1.77304 0.1690683,0.283105 0.4224039,0.480895 0.7285507,0.568809 0.487122,0.139885 0.9109638,-0.004 1.6013422,-0.543768 l 0.4560939,-0.356568 0.0036,0.172041 c 0.01635,0.781837 0.1831084,1.813183 0.4016641,2.484154 0.1160449,0.356262 0.3781448,0.83968 0.5614081,1.035462 0.2171883,0.232025 0.7140951,0.577268 1.0100284,0.701749 0.121485,0.0511 0.351032,0.110795 0.510105,0.132647 0.396966,0.05452 1.2105,0.02265 1.448934,-0.05679 z" id="path1"/> 8 8 + </g> 9 9 + </svg>

+26

docs/src/components/SocialIcons.astro

··· 1 1 + --- 2 2 + // Custom social icons component to use the Tangled icon 3 3 + --- 4 4 + 5 5 + <div class="sl-flex"> 6 6 + <a 7 7 + href="https://tangled.org/nekomimi.pet/wisp.place-monorepo" 8 8 + rel="me" 9 9 + class="sl-flex" 10 10 + aria-label="Tangled" 11 11 + > 12 12 + <svg 13 13 + xmlns="http://www.w3.org/2000/svg" 14 14 + viewBox="0 0 25 25" 15 15 + width="16" 16 16 + height="16" 17 17 + aria-hidden="true" 18 18 + focusable="false" 19 19 + > 20 20 + <path 21 21 + style="fill:currentColor;stroke-width:1.12248" 22 22 + d="m 16.208435,23.914069 c -0.06147,-0.02273 -0.147027,-0.03034 -0.190158,-0.01691 -0.197279,0.06145 -1.31068,-0.230493 -1.388819,-0.364153 -0.01956,-0.03344 -0.163274,-0.134049 -0.319377,-0.223561 -0.550395,-0.315603 -1.010951,-0.696643 -1.428383,-1.181771 -0.264598,-0.307509 -0.597257,-0.785384 -0.597257,-0.857979 0,-0.0216 -0.02841,-0.06243 -0.06313,-0.0907 -0.04977,-0.04053 -0.160873,0.0436 -0.52488,0.397463 -0.479803,0.466432 -0.78924,0.689475 -1.355603,0.977118 -0.183693,0.0933 -0.323426,0.179989 -0.310516,0.192658 0.02801,0.02748 -0.7656391,0.270031 -1.209129,0.369517 -0.5378332,0.120647 -1.6341809,0.08626 -1.9721503,-0.06186 C 6.7977157,23.031391 6.56735,22.957551 6.3371134,22.889782 4.9717169,22.487902 3.7511914,21.481518 3.1172396,20.234838 2.6890391,19.392772 2.5582276,18.827446 2.5610489,17.831154 2.5639589,16.802192 2.7366641,16.125844 3.2142117,15.273187 3.3040457,15.112788 3.3713143,14.976533 3.3636956,14.9704 3.3560756,14.9643 3.2459634,14.90305 3.1189994,14.834381 1.7582586,14.098312 0.77760984,12.777439 0.44909837,11.23818 0.33531456,10.705039 0.33670119,9.7067968 0.45195381,9.1778795 0.72259241,7.9359287 1.3827188,6.8888436 2.4297498,6.0407205 2.6856126,5.8334648 3.2975489,5.4910878 3.6885849,5.3364049 L 4.0584319,5.190106 4.2333984,4.860432 C 4.8393906,3.7186139 5.8908314,2.7968028 7.1056396,2.3423025 7.7690673,2.0940921 8.2290216,2.0150935 9.01853,2.0137575 c 0.9625627,-0.00163 1.629181,0.1532762 2.485864,0.5776514 l 0.271744,0.1346134 0.42911,-0.3607688 c 1.082666,-0.9102346 2.185531,-1.3136811 3.578383,-1.3090327 0.916696,0.00306 1.573918,0.1517893 2.356121,0.5331927 1.465948,0.7148 2.54506,2.0625628 2.865177,3.57848 l 0.07653,0.362429 0.515095,0.2556611 c 1.022872,0.5076874 1.756122,1.1690944 2.288361,2.0641468 0.401896,0.6758594 0.537303,1.0442682 0.675505,1.8378683 0.288575,1.6570823 -0.266229,3.3548023 -1.490464,4.5608743 -0.371074,0.36557 -0.840205,0.718265 -1.203442,0.904754 -0.144112,0.07398 -0.271303,0.15826 -0.282647,0.187269 -0.01134,0.02901 0.02121,0.142764 0.07234,0.25279 0.184248,0.396467 0.451371,1.331823 0.619371,2.168779 0.463493,2.30908 -0.754646,4.693707 -2.92278,5.721632 -0.479538,0.227352 -0.717629,0.309322 -1.144194,0.39393 -0.321869,0.06383 -1.850573,0.09139 -2.000174,0.03604 z M 12.25443,18.636956 c 0.739923,-0.24652 1.382521,-0.718922 1.874623,-1.37812 0.0752,-0.100718 0.213883,-0.275851 0.308198,-0.389167 0.09432,-0.113318 0.210136,-0.271056 0.257381,-0.350531 0.416347,-0.700389 0.680936,-1.176102 0.766454,-1.378041 0.05594,-0.132087 0.114653,-0.239607 0.130477,-0.238929 0.01583,6.79e-4 0.08126,0.08531 0.145412,0.188069 0.178029,0.285173 0.614305,0.658998 0.868158,0.743878 0.259802,0.08686 0.656158,0.09598 0.911369,0.02095 0.213812,-0.06285 0.507296,-0.298016 0.645179,-0.516947 0.155165,-0.246374 0.327989,-0.989595 0.327989,-1.410501 0,-1.26718 -0.610975,-3.143405 -1.237774,-3.801045 -0.198483,-0.2082486 -0.208557,-0.2319396 -0.208557,-0.4904655 0,-0.2517771 -0.08774,-0.5704927 -0.258476,-0.938956 C 16.694963,8.50313 16.375697,8.1377479 16.135846,7.9543702 L 15.932296,7.7987471 15.683004,7.9356529 C 15.131767,8.2383821 14.435638,8.1945733 13.943459,7.8261812 L 13.782862,7.7059758 13.686773,7.8908012 C 13.338849,8.5600578 12.487087,8.8811064 11.743178,8.6233891 11.487199,8.5347109 11.358897,8.4505994 11.063189,8.1776138 L 10.69871,7.8411436 10.453484,8.0579255 C 10.318608,8.1771557 10.113778,8.3156283 9.9983037,8.3656417 9.7041488,8.4930449 9.1808299,8.5227884 8.8979004,8.4281886 8.7754792,8.3872574 8.6687415,8.3537661 8.6607053,8.3537661 c -0.03426,0 -0.3092864,0.3066098 -0.3791974,0.42275 -0.041935,0.069664 -0.1040482,0.1266636 -0.1380294,0.1266636 -0.1316419,0 -0.4197402,0.1843928 -0.6257041,0.4004735 -0.1923125,0.2017571 -0.6853701,0.9036038 -0.8926582,1.2706578 -0.042662,0.07554 -0.1803555,0.353687 -0.3059848,0.618091 -0.1256293,0.264406 -0.3270073,0.686768 -0.4475067,0.938581 -0.1204992,0.251816 -0.2469926,0.519654 -0.2810961,0.595199 -0.2592829,0.574347 -0.285919,1.391094 -0.057822,1.77304 0.1690683,0.283105 0.4224039,0.480895 0.7285507,0.568809 0.487122,0.139885 0.9109638,-0.004 1.6013422,-0.543768 l 0.4560939,-0.356568 0.0036,0.172041 c 0.01635,0.781837 0.1831084,1.813183 0.4016641,2.484154 0.1160449,0.356262 0.3781448,0.83968 0.5614081,1.035462 0.2171883,0.232025 0.7140951,0.577268 1.0100284,0.701749 0.121485,0.0511 0.351032,0.110795 0.510105,0.132647 0.396966,0.05452 1.2105,0.02265 1.448934,-0.05679 z" 23 23 + ></path> 24 24 + </svg> 25 25 + </a> 26 26 + </div>

+15 -15

docs/src/styles/custom.css

··· 5 5 /* Increase base font size by 10% */ 6 6 font-size: 110%; 7 7 8 8 - /* Light theme - Warm beige background from app */ 9 9 - --sl-color-bg: oklch(0.90 0.012 35); 10 10 - --sl-color-bg-sidebar: oklch(0.93 0.01 35); 11 11 - --sl-color-bg-nav: oklch(0.93 0.01 35); 12 12 - --sl-color-text: oklch(0.18 0.01 30); 13 13 - --sl-color-text-accent: oklch(0.78 0.15 345); 14 14 - --sl-color-accent: oklch(0.78 0.15 345); 15 15 - --sl-color-accent-low: oklch(0.95 0.03 345); 16 16 - --sl-color-border: oklch(0.75 0.015 30); 17 17 - --sl-color-gray-1: oklch(0.52 0.015 30); 18 18 - --sl-color-gray-2: oklch(0.42 0.015 30); 19 19 - --sl-color-gray-3: oklch(0.33 0.015 30); 20 20 - --sl-color-gray-4: oklch(0.25 0.015 30); 21 21 - --sl-color-gray-5: oklch(0.75 0.015 30); 8 8 + /* Light theme - Warm beige with improved contrast */ 9 9 + --sl-color-bg: oklch(0.92 0.012 35); 10 10 + --sl-color-bg-sidebar: oklch(0.95 0.008 35); 11 11 + --sl-color-bg-nav: oklch(0.95 0.008 35); 12 12 + --sl-color-text: oklch(0.15 0.015 30); 13 13 + --sl-color-text-accent: oklch(0.65 0.18 345); 14 14 + --sl-color-accent: oklch(0.65 0.18 345); 15 15 + --sl-color-accent-low: oklch(0.92 0.05 345); 16 16 + --sl-color-border: oklch(0.65 0.02 30); 17 17 + --sl-color-gray-1: oklch(0.45 0.02 30); 18 18 + --sl-color-gray-2: oklch(0.35 0.02 30); 19 19 + --sl-color-gray-3: oklch(0.28 0.02 30); 20 20 + --sl-color-gray-4: oklch(0.20 0.015 30); 21 21 + --sl-color-gray-5: oklch(0.65 0.02 30); 22 22 --sl-color-bg-accent: oklch(0.88 0.01 35); 23 23 } 24 24 ··· 70 70 /* Sidebar active/hover state text contrast fix */ 71 71 .sidebar a[aria-current="page"], 72 72 .sidebar a[aria-current="page"] span { 73 73 - color: oklch(0.23 0.015 285) !important; 73 73 + color: oklch(0.15 0.015 30) !important; 74 74 } 75 75 76 76 [data-theme="dark"] .sidebar a[aria-current="page"],

+4 -1

package.json

··· 30 30 "@parcel/watcher", 31 31 "bun", 32 32 "esbuild" 33 33 - ] 33 33 + ], 34 34 + "devDependencies": { 35 35 + "@types/bun": "^1.3.5" 36 36 + } 34 37 }

+244

packages/@wisp/fs-utils/src/tree.test.ts

··· 1 1 + import { describe, test, expect } from 'bun:test' 2 2 + import { processUploadedFiles, type UploadedFile } from './tree' 3 3 + 4 4 + describe('processUploadedFiles', () => { 5 5 + test('should preserve nested directory structure', () => { 6 6 + const files: UploadedFile[] = [ 7 7 + { 8 8 + name: 'mysite/index.html', 9 9 + content: Buffer.from('<html>'), 10 10 + mimeType: 'text/html', 11 11 + size: 6 12 12 + }, 13 13 + { 14 14 + name: 'mysite/_astro/main.js', 15 15 + content: Buffer.from('console.log()'), 16 16 + mimeType: 'application/javascript', 17 17 + size: 13 18 18 + }, 19 19 + { 20 20 + name: 'mysite/_astro/styles.css', 21 21 + content: Buffer.from('body {}'), 22 22 + mimeType: 'text/css', 23 23 + size: 7 24 24 + }, 25 25 + { 26 26 + name: 'mysite/images/logo.png', 27 27 + content: Buffer.from([0x89, 0x50, 0x4e, 0x47]), 28 28 + mimeType: 'image/png', 29 29 + size: 4 30 30 + } 31 31 + ] 32 32 + 33 33 + const result = processUploadedFiles(files) 34 34 + 35 35 + expect(result.fileCount).toBe(4) 36 36 + expect(result.directory.entries).toHaveLength(3) // index.html, _astro/, images/ 37 37 + 38 38 + // Check _astro directory exists 39 39 + const astroEntry = result.directory.entries.find(e => e.name === '_astro') 40 40 + expect(astroEntry).toBeTruthy() 41 41 + expect('type' in astroEntry!.node && astroEntry!.node.type).toBe('directory') 42 42 + 43 43 + if ('entries' in astroEntry!.node) { 44 44 + const astroDir = astroEntry!.node 45 45 + expect(astroDir.entries).toHaveLength(2) // main.js, styles.css 46 46 + expect(astroDir.entries.find(e => e.name === 'main.js')).toBeTruthy() 47 47 + expect(astroDir.entries.find(e => e.name === 'styles.css')).toBeTruthy() 48 48 + } 49 49 + 50 50 + // Check images directory exists 51 51 + const imagesEntry = result.directory.entries.find(e => e.name === 'images') 52 52 + expect(imagesEntry).toBeTruthy() 53 53 + expect('type' in imagesEntry!.node && imagesEntry!.node.type).toBe('directory') 54 54 + 55 55 + if ('entries' in imagesEntry!.node) { 56 56 + const imagesDir = imagesEntry!.node 57 57 + expect(imagesDir.entries).toHaveLength(1) // logo.png 58 58 + expect(imagesDir.entries.find(e => e.name === 'logo.png')).toBeTruthy() 59 59 + } 60 60 + }) 61 61 + 62 62 + test('should handle deeply nested directories', () => { 63 63 + const files: UploadedFile[] = [ 64 64 + { 65 65 + name: 'site/a/b/c/d/deep.txt', 66 66 + content: Buffer.from('deep'), 67 67 + mimeType: 'text/plain', 68 68 + size: 4 69 69 + } 70 70 + ] 71 71 + 72 72 + const result = processUploadedFiles(files) 73 73 + 74 74 + expect(result.fileCount).toBe(1) 75 75 + 76 76 + // Navigate through nested structure 77 77 + const aEntry = result.directory.entries.find(e => e.name === 'a') 78 78 + expect(aEntry).toBeTruthy() 79 79 + expect('type' in aEntry!.node && aEntry!.node.type).toBe('directory') 80 80 + 81 81 + if ('entries' in aEntry!.node) { 82 82 + const bEntry = aEntry!.node.entries.find(e => e.name === 'b') 83 83 + expect(bEntry).toBeTruthy() 84 84 + expect('type' in bEntry!.node && bEntry!.node.type).toBe('directory') 85 85 + 86 86 + if ('entries' in bEntry!.node) { 87 87 + const cEntry = bEntry!.node.entries.find(e => e.name === 'c') 88 88 + expect(cEntry).toBeTruthy() 89 89 + expect('type' in cEntry!.node && cEntry!.node.type).toBe('directory') 90 90 + 91 91 + if ('entries' in cEntry!.node) { 92 92 + const dEntry = cEntry!.node.entries.find(e => e.name === 'd') 93 93 + expect(dEntry).toBeTruthy() 94 94 + expect('type' in dEntry!.node && dEntry!.node.type).toBe('directory') 95 95 + 96 96 + if ('entries' in dEntry!.node) { 97 97 + const fileEntry = dEntry!.node.entries.find(e => e.name === 'deep.txt') 98 98 + expect(fileEntry).toBeTruthy() 99 99 + expect('type' in fileEntry!.node && fileEntry!.node.type).toBe('file') 100 100 + } 101 101 + } 102 102 + } 103 103 + } 104 104 + }) 105 105 + 106 106 + test('should handle files at root level', () => { 107 107 + const files: UploadedFile[] = [ 108 108 + { 109 109 + name: 'mysite/index.html', 110 110 + content: Buffer.from('<html>'), 111 111 + mimeType: 'text/html', 112 112 + size: 6 113 113 + }, 114 114 + { 115 115 + name: 'mysite/robots.txt', 116 116 + content: Buffer.from('User-agent: *'), 117 117 + mimeType: 'text/plain', 118 118 + size: 13 119 119 + } 120 120 + ] 121 121 + 122 122 + const result = processUploadedFiles(files) 123 123 + 124 124 + expect(result.fileCount).toBe(2) 125 125 + expect(result.directory.entries).toHaveLength(2) 126 126 + expect(result.directory.entries.find(e => e.name === 'index.html')).toBeTruthy() 127 127 + expect(result.directory.entries.find(e => e.name === 'robots.txt')).toBeTruthy() 128 128 + }) 129 129 + 130 130 + test('should skip .git directories', () => { 131 131 + const files: UploadedFile[] = [ 132 132 + { 133 133 + name: 'mysite/index.html', 134 134 + content: Buffer.from('<html>'), 135 135 + mimeType: 'text/html', 136 136 + size: 6 137 137 + }, 138 138 + { 139 139 + name: 'mysite/.git/config', 140 140 + content: Buffer.from('[core]'), 141 141 + mimeType: 'text/plain', 142 142 + size: 6 143 143 + }, 144 144 + { 145 145 + name: 'mysite/.gitignore', 146 146 + content: Buffer.from('node_modules'), 147 147 + mimeType: 'text/plain', 148 148 + size: 12 149 149 + } 150 150 + ] 151 151 + 152 152 + const result = processUploadedFiles(files) 153 153 + 154 154 + expect(result.fileCount).toBe(2) // Only index.html and .gitignore 155 155 + expect(result.directory.entries).toHaveLength(2) 156 156 + expect(result.directory.entries.find(e => e.name === 'index.html')).toBeTruthy() 157 157 + expect(result.directory.entries.find(e => e.name === '.gitignore')).toBeTruthy() 158 158 + expect(result.directory.entries.find(e => e.name === '.git')).toBeFalsy() 159 159 + }) 160 160 + 161 161 + test('should handle mixed root and nested files', () => { 162 162 + const files: UploadedFile[] = [ 163 163 + { 164 164 + name: 'mysite/index.html', 165 165 + content: Buffer.from('<html>'), 166 166 + mimeType: 'text/html', 167 167 + size: 6 168 168 + }, 169 169 + { 170 170 + name: 'mysite/about/index.html', 171 171 + content: Buffer.from('<html>'), 172 172 + mimeType: 'text/html', 173 173 + size: 6 174 174 + }, 175 175 + { 176 176 + name: 'mysite/about/team.html', 177 177 + content: Buffer.from('<html>'), 178 178 + mimeType: 'text/html', 179 179 + size: 6 180 180 + }, 181 181 + { 182 182 + name: 'mysite/robots.txt', 183 183 + content: Buffer.from('User-agent: *'), 184 184 + mimeType: 'text/plain', 185 185 + size: 13 186 186 + } 187 187 + ] 188 188 + 189 189 + const result = processUploadedFiles(files) 190 190 + 191 191 + expect(result.fileCount).toBe(4) 192 192 + expect(result.directory.entries).toHaveLength(3) // index.html, about/, robots.txt 193 193 + 194 194 + const aboutEntry = result.directory.entries.find(e => e.name === 'about') 195 195 + expect(aboutEntry).toBeTruthy() 196 196 + expect('type' in aboutEntry!.node && aboutEntry!.node.type).toBe('directory') 197 197 + 198 198 + if ('entries' in aboutEntry!.node) { 199 199 + const aboutDir = aboutEntry!.node 200 200 + expect(aboutDir.entries).toHaveLength(2) // index.html, team.html 201 201 + expect(aboutDir.entries.find(e => e.name === 'index.html')).toBeTruthy() 202 202 + expect(aboutDir.entries.find(e => e.name === 'team.html')).toBeTruthy() 203 203 + } 204 204 + }) 205 205 + 206 206 + test('should handle empty file array', () => { 207 207 + const files: UploadedFile[] = [] 208 208 + 209 209 + const result = processUploadedFiles(files) 210 210 + 211 211 + expect(result.fileCount).toBe(0) 212 212 + expect(result.directory.entries).toHaveLength(0) 213 213 + }) 214 214 + 215 215 + test('should strip base folder name from paths', () => { 216 216 + // This tests the behavior where file.name includes the base folder 217 217 + // e.g., "mysite/index.html" should become "index.html" at root 218 218 + const files: UploadedFile[] = [ 219 219 + { 220 220 + name: 'build-output/index.html', 221 221 + content: Buffer.from('<html>'), 222 222 + mimeType: 'text/html', 223 223 + size: 6 224 224 + }, 225 225 + { 226 226 + name: 'build-output/assets/main.js', 227 227 + content: Buffer.from('console.log()'), 228 228 + mimeType: 'application/javascript', 229 229 + size: 13 230 230 + } 231 231 + ] 232 232 + 233 233 + const result = processUploadedFiles(files) 234 234 + 235 235 + expect(result.fileCount).toBe(2) 236 236 + 237 237 + // Should have index.html at root and assets/ directory 238 238 + expect(result.directory.entries.find(e => e.name === 'index.html')).toBeTruthy() 239 239 + expect(result.directory.entries.find(e => e.name === 'assets')).toBeTruthy() 240 240 + 241 241 + // Should NOT have 'build-output' directory 242 242 + expect(result.directory.entries.find(e => e.name === 'build-output')).toBeFalsy() 243 243 + }) 244 244 + })

+1 -1

packages/@wisp/observability/README.md

··· 214 214 215 215 ## License 216 216 217 217 - Private 217 217 + MIT

+1 -1

tsconfig.json

··· 33 33 // "rootDirs": [], /* Allow multiple folders to be treated as one when resolving modules. */ 34 34 // "typeRoots": [], /* Specify multiple folders that act like './node_modules/@types'. */ 35 35 "types": [ 36 36 - "bun-types" 36 36 + "bun" 37 37 ] /* Specify type package names to be included without being referenced in a source file. */, 38 38 // "allowUmdGlobalAccess": true, /* Allow accessing UMD globals from modules. */ 39 39 // "moduleSuffixes": [], /* List of file name suffixes to search when resolving a module. */