pyr0ball
68a1a9d73c
- web/: Vue 3 + Vite + UnoCSS + Pinia, dark tactical theme (amber/#0d1117) - AppNav, ListingCard, SearchView with filters/sort, composables (useSnipeMode, useKonamiCode, useMotion), Pinia search store - Steal shimmer, auction countdown, Snipe Mode easter egg all native in Vue - docker/web/: nginx + multi-stage Dockerfile (node build → nginx serve) - compose.yml: api (8510) + web (8509) services - Dockerfile CMD updated to uvicorn for upcoming FastAPI layer - Clean build: 0 TS errors, 380 modules
32 lines
797 B
TypeScript
32 lines
797 B
TypeScript
import { onMounted, onUnmounted } from 'vue'
|
|
|
|
const KONAMI = [
|
|
'ArrowUp', 'ArrowUp',
|
|
'ArrowDown', 'ArrowDown',
|
|
'ArrowLeft', 'ArrowRight',
|
|
'ArrowLeft', 'ArrowRight',
|
|
'b', 'a',
|
|
]
|
|
|
|
/**
|
|
* Listens for the Konami code sequence on the document and calls `onActivate`
|
|
* when the full sequence is entered. Works identically to Peregrine's pattern.
|
|
*/
|
|
export function useKonamiCode(onActivate: () => void) {
|
|
let pos = 0
|
|
|
|
function handleKey(e: KeyboardEvent) {
|
|
if (e.key === KONAMI[pos]) {
|
|
pos++
|
|
if (pos === KONAMI.length) {
|
|
pos = 0
|
|
onActivate()
|
|
}
|
|
} else {
|
|
pos = e.key === KONAMI[0] ? 1 : 0
|
|
}
|
|
}
|
|
|
|
onMounted(() => document.addEventListener('keydown', handleKey))
|
|
onUnmounted(() => document.removeEventListener('keydown', handleKey))
|
|
}
|