- 
- 
- 
-
-
-
-
- Get started
-
- Edit src/App.tsx and save to test HMR
-
+ {phase === 'boot' && setPhase('bricked')} />}
+ {phase === 'bricked' &&
)
}
diff --git a/src/commands/handlers.ts b/src/commands/handlers.ts
new file mode 100644
index 0000000..2e792e4
--- /dev/null
+++ b/src/commands/handlers.ts
@@ -0,0 +1,222 @@
+import type { LineColor } from '../components/BootSequence';
+
+export interface OutputLine {
+ text: string;
+ color: LineColor;
+}
+
+type CommandHandler = (args: string[]) => OutputLine[];
+
+function green(text: string): OutputLine {
+ return { text, color: 'green' };
+}
+function amber(text: string): OutputLine {
+ return { text, color: 'amber' };
+}
+function dim(text: string): OutputLine {
+ return { text, color: 'dim' };
+}
+function red(text: string): OutputLine {
+ return { text, color: 'red' };
+}
+
+const FS_LISTING = [
+ 'drwxr-xr-x frank staff games/',
+ 'drwxr-xr-x frank staff mods/',
+ 'drwxr-xr-x frank staff frank_broke_this/',
+ 'drwxr-xr-x frank staff backups_that_dont_work/',
+ '-rw-r--r-- root staff todo.txt',
+ '-rw-r--r-- root staff server_rules.txt',
+ '-rw-r--r-- frank staff definitely_not_a_virus.exe',
+ '-rwx------ root staff fix_franks_mess.sh',
+ '-rw-r--r-- frank staff iou_hosting_fees.txt',
+ 'drwxrwxrwx frank staff node_modules/ (2.1 GB)',
+];
+
+const FILE_CONTENTS: Record
+ {/* Deletion log */}
+
+ );
+}
diff --git a/src/components/Bricked.tsx b/src/components/Bricked.tsx
new file mode 100644
index 0000000..882548f
--- /dev/null
+++ b/src/components/Bricked.tsx
@@ -0,0 +1,103 @@
+import { useEffect, useRef, useState } from 'react';
+
+const LINES = [
+ { text: 'AWARD BIOS v6.9.420 (c) 2024 Stift15 Systems Ltd.', delay: 300 },
+ { text: 'Performing Power-On Self Test...', delay: 200 },
+ { text: '', delay: 100 },
+ { text: 'CPU: AMD Ryzen 9 9950X "GamerFuel Edition" @ 5.7 GHz .......... OK', delay: 150 },
+ { text: 'RAM: 65536 MB DDR5-6000 ....................................... OK', delay: 120 },
+ { text: 'GPU: NVIDIA RTX 5090 "Mortgage Edition" ........................ OK', delay: 120 },
+ { text: '', delay: 200 },
+ { text: 'Detecting boot devices...', delay: 400 },
+ { text: 'Boot device: /dev/sda1 (labeled "DO_NOT_DELETE_MOM")', delay: 300 },
+ { text: '', delay: 200 },
+ { text: 'Loading GRUB 2.12 ...', delay: 300 },
+ { text: '', delay: 500 },
+ { text: 'error: no such partition.', delay: 400 },
+ { text: 'error: file \'/boot/vmlinuz-6.9.0-gamer-generic\' not found.', delay: 300 },
+ { text: 'error: you need to load the kernel first.', delay: 300 },
+ { text: '', delay: 600 },
+ { text: 'GRUB rescue>', delay: 200 },
+ { text: '', delay: 1000 },
+ { text: '============================================================', delay: 400 },
+ { text: ' FATAL: NO BOOTABLE FILESYSTEM FOUND', delay: 200 },
+ { text: '============================================================', delay: 200 },
+ { text: '', delay: 300 },
+ { text: ' Someone ran rm -rf / on this server.', delay: 200 },
+ { text: ' The entire filesystem has been deleted.', delay: 200 },
+ { text: ' There is nothing left.', delay: 200 },
+ { text: '', delay: 300 },
+ { text: ' The server admin has been notified.', delay: 200 },
+ { text: ' The server admin is crying.', delay: 300 },
+ { text: '', delay: 500 },
+ { text: ' This server is now a very expensive paperweight.', delay: 200 },
+ { text: ' Good job.', delay: 300 },
+ { text: '', delay: 800 },
+ { text: ' Press F to pay respects.', delay: 0 },
+];
+
+export function Bricked() {
+ const [visibleCount, setVisibleCount] = useState(0);
+ const [unbricked, setUnbricked] = useState(false);
+ const timeoutRef = useRef
+ rm: deleting entire filesystem...
+
+ {DELETE_PATHS.slice(0, deletedCount).map((path, i) => (
+
+ rm: {path} ... deleted
+
+ ))}
+
+ {/* Kernel panic */}
+ {(phase === 'kernel-panic' || phase === 'glitch') && (
+
+
+
+
+
+ )}
+
+ Kernel panic - not syncing: Attempted to kill init!
+
+
+ exitcode=0x00000009
+
+
+ [ 9.999999] ---[ end Kernel panic - not syncing ]---
+
+
+ You absolute legend. You actually did it.
+
+
+
+ );
+ }
+
+ const visible = LINES.slice(0, visibleCount);
+
+ return (
+
+
+ Respects paid. Server restored.
+ Reload the page to reconnect.
+ containerRef.current?.focus()}
+ >
+ {visible.map((line, i) => (
+
+ );
+}
diff --git a/src/components/CommandPrompt.tsx b/src/components/CommandPrompt.tsx
new file mode 100644
index 0000000..bc85a0a
--- /dev/null
+++ b/src/components/CommandPrompt.tsx
@@ -0,0 +1,152 @@
+import { useState, useEffect, useRef, useCallback } from 'react';
+import { handlers, type OutputLine } from '../commands/handlers';
+
+const PROMPT = 'stift15@server:~$ ';
+
+const WELCOME: OutputLine[] = [
+ { text: '> Connection restored.', color: 'green' },
+ { text: '> Welcome to Stift15 Terminal v1.0', color: 'green' },
+ { text: '> Type \'help\' for available commands.', color: 'dim' },
+ { text: '', color: 'dim' },
+];
+
+interface CommandPromptProps {
+ onReboot?: () => void;
+ onBrick?: () => void;
+}
+
+export function CommandPrompt({ onReboot, onBrick }: CommandPromptProps) {
+ const [outputLines, setOutputLines] = useState= 12 && i <= 14 ? 'text-term-red' : i >= 18 ? 'text-term-red' : 'text-term-dim'} whitespace-pre leading-[1.4]`}
+ >
+ {line.text || '\u00A0'}
+
+ ))}
+ {visibleCount >= LINES.length && (
+
+
+
+ )}
+ containerRef.current?.focus()}
+ >
+ {outputLines.map((line, i) => (
+
+ );
+}
diff --git a/src/components/CrtOverlay.tsx b/src/components/CrtOverlay.tsx
new file mode 100644
index 0000000..8cbe22b
--- /dev/null
+++ b/src/components/CrtOverlay.tsx
@@ -0,0 +1,51 @@
+import { useRef, useMemo } from 'react';
+import { Canvas, useFrame } from '@react-three/fiber';
+import * as THREE from 'three';
+import { crtVertexShader } from '../shaders/crt.vert';
+import { crtFragmentShader } from '../shaders/crt.frag';
+
+function CrtMesh() {
+ const materialRef = useRef
+ {line.text || '\u00A0'}
+
+ ))}
+
+ {/* Input line */}
+
+ {PROMPT}
+ {input}
+
+
+
+
+
+
+
+ );
+}
diff --git a/src/components/MatrixRain.tsx b/src/components/MatrixRain.tsx
new file mode 100644
index 0000000..d166f99
--- /dev/null
+++ b/src/components/MatrixRain.tsx
@@ -0,0 +1,240 @@
+import { useEffect, useRef, useState, useCallback } from 'react';
+import { loadAsciiArt } from '../utils/loadAsciiArt';
+
+interface MatrixRainProps {
+ onComplete?: () => void;
+}
+
+interface Column {
+ y: number;
+ speed: number;
+ chars: string[];
+}
+
+const FONT_SIZE = 14;
+const CHAR_WIDTH = FONT_SIZE * 0.6;
+const CHAR_HEIGHT = FONT_SIZE * 1.2;
+const FADE_ALPHA = 0.05;
+const RAIN_CHARS = 'アイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤユヨラリルレロワヲン0123456789';
+
+function randomChar(): string {
+ return RAIN_CHARS[Math.floor(Math.random() * RAIN_CHARS.length)];
+}
+
+function createColumn(totalRows: number): Column {
+ return {
+ y: Math.floor(Math.random() * -totalRows),
+ speed: 0.3 + Math.random() * 0.7,
+ chars: Array.from({ length: totalRows }, () => randomChar()),
+ };
+}
+
+export function MatrixRain({ onComplete }: MatrixRainProps) {
+ const canvasRef = useRef
+ {visibleLines.map((line, i) => (
+
+ );
+}
diff --git a/src/components/TerminalLine.tsx b/src/components/TerminalLine.tsx
new file mode 100644
index 0000000..2b86bcd
--- /dev/null
+++ b/src/components/TerminalLine.tsx
@@ -0,0 +1,39 @@
+import { useTypewriter } from '../hooks/useTypewriter';
+import type { LineColor } from './BootSequence';
+
+const colorClass: Record
+ {typewriter ?
+ );
+}
diff --git a/src/hooks/useTerminalSequence.ts b/src/hooks/useTerminalSequence.ts
new file mode 100644
index 0000000..dcf8e0e
--- /dev/null
+++ b/src/hooks/useTerminalSequence.ts
@@ -0,0 +1,32 @@
+import { useState, useEffect, useRef } from 'react';
+import type { BootLine } from '../components/BootSequence';
+
+export function useTerminalSequence(lines: BootLine[], onComplete?: () => void) {
+ const [visibleCount, setVisibleCount] = useState(0);
+ const timeoutRef = useRef
Connect with us
-Join the Vite community
---
-
-
- GitHub
-
-
- -
-
-
- Discord
-
-
- -
-
-
- X.com
-
-
- -
-
-
- Bluesky
-
-
-
-