create-gridland 0.2.14 → 0.2.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -1,68 +1,12 @@
|
|
|
1
|
+
// @ts-nocheck
|
|
1
2
|
import { TUI } from "@gridland/web"
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
return (
|
|
5
|
-
<box
|
|
6
|
-
flexDirection="column"
|
|
7
|
-
width="100%"
|
|
8
|
-
height="100%"
|
|
9
|
-
padding={1}
|
|
10
|
-
>
|
|
11
|
-
<box
|
|
12
|
-
border={true}
|
|
13
|
-
borderStyle="rounded"
|
|
14
|
-
borderColor="#88c0d0"
|
|
15
|
-
backgroundColor="#2e3440"
|
|
16
|
-
title=" Gridland App "
|
|
17
|
-
titleAlignment="center"
|
|
18
|
-
flexDirection="column"
|
|
19
|
-
padding={1}
|
|
20
|
-
>
|
|
21
|
-
<text fg="#a3be8c">Welcome to Gridland!</text>
|
|
22
|
-
<text fg="#81a1c1">This is rendered directly to an HTML5 Canvas.</text>
|
|
23
|
-
<text fg="#b48ead">No xterm.js. No terminal emulator. Just pixels.</text>
|
|
24
|
-
</box>
|
|
25
|
-
|
|
26
|
-
<box marginTop={1} flexDirection="row" gap={2}>
|
|
27
|
-
<box
|
|
28
|
-
border={true}
|
|
29
|
-
borderStyle="single"
|
|
30
|
-
borderColor="#5e81ac"
|
|
31
|
-
flexGrow={1}
|
|
32
|
-
padding={1}
|
|
33
|
-
flexDirection="column"
|
|
34
|
-
>
|
|
35
|
-
<text fg="#ebcb8b" bold={true}>Features</text>
|
|
36
|
-
<text fg="#d8dee9">• Canvas-based rendering</text>
|
|
37
|
-
<text fg="#d8dee9">• React reconciler</text>
|
|
38
|
-
<text fg="#d8dee9">• Yoga layout engine</text>
|
|
39
|
-
<text fg="#d8dee9">• Keyboard input</text>
|
|
40
|
-
<text fg="#d8dee9">• Auto-resize</text>
|
|
41
|
-
</box>
|
|
42
|
-
|
|
43
|
-
<box
|
|
44
|
-
border={true}
|
|
45
|
-
borderStyle="single"
|
|
46
|
-
borderColor="#bf616a"
|
|
47
|
-
flexGrow={1}
|
|
48
|
-
padding={1}
|
|
49
|
-
flexDirection="column"
|
|
50
|
-
>
|
|
51
|
-
<text fg="#ebcb8b" bold={true}>Stack</text>
|
|
52
|
-
<text fg="#d8dee9">• React 19</text>
|
|
53
|
-
<text fg="#d8dee9">• Vite 6</text>
|
|
54
|
-
<text fg="#d8dee9">• TypeScript</text>
|
|
55
|
-
<text fg="#d8dee9">• yoga-layout</text>
|
|
56
|
-
</box>
|
|
57
|
-
</box>
|
|
58
|
-
</box>
|
|
59
|
-
)
|
|
60
|
-
}
|
|
3
|
+
import { useKeyboard } from "@opentui/react"
|
|
4
|
+
import { LandingApp } from "@gridland/demo/landing"
|
|
61
5
|
|
|
62
6
|
export function App() {
|
|
63
7
|
return (
|
|
64
|
-
<TUI style={{ width: "100vw", height: "100vh" }}>
|
|
65
|
-
<
|
|
8
|
+
<TUI style={{ width: "100vw", height: "100vh" }} backgroundColor="#1a1a2e">
|
|
9
|
+
<LandingApp useKeyboard={useKeyboard} />
|
|
66
10
|
</TUI>
|
|
67
11
|
)
|
|
68
12
|
}
|