danabra.mov
A tool for people curious about the React Server Components protocol
rscexplorer.dev/
rsc
react
1<!DOCTYPE html>
2<html lang="en">
3<head>
4 <meta charset="UTF-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
6 <title>RSC Explorer Embed</title>
7 <style>
8 * {
9 box-sizing: border-box;
10 }
11 :root {
12 --bg: #1a1a1a;
13 --surface: #242424;
14 --border: #333;
15 --text: #a0a0a0;
16 --text-dim: #666;
17 --text-bright: #e0e0e0;
18 --font-mono: 'SF Mono', 'Fira Code', 'JetBrains Mono', Menlo, monospace;
19 }
20 html, body {
21 margin: 0;
22 padding: 0;
23 height: 100%;
24 overflow: hidden;
25 position: fixed;
26 width: 100%;
27 top: 0;
28 left: 0;
29 }
30 body {
31 font-family: -apple-system, BlinkMacSystemFont, 'Inter', sans-serif;
32 background: var(--bg);
33 color: var(--text);
34 border-radius: 8px;
35 }
36 #embed-root {
37 display: flex;
38 flex-direction: column;
39 height: 100%;
40 overflow: hidden;
41 }
42 </style>
43</head>
44<body>
45 <div id="embed-root"></div>
46 <script type="module" src="/src/client/embed.jsx"></script>
47</body>
48</html>