create-gridland 0.2.19 → 0.2.20
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,74 +1,13 @@
|
|
|
1
|
+
// @ts-nocheck
|
|
1
2
|
"use client"
|
|
2
3
|
|
|
3
|
-
import { TUI } from "@gridland/web"
|
|
4
|
-
|
|
5
|
-
function GridlandDemo() {
|
|
6
|
-
return (
|
|
7
|
-
<box flexDirection="column" width="100%" height="100%" padding={1}>
|
|
8
|
-
<box
|
|
9
|
-
border
|
|
10
|
-
borderStyle="rounded"
|
|
11
|
-
borderColor="#88c0d0"
|
|
12
|
-
backgroundColor="#2e3440"
|
|
13
|
-
title=" Gridland App "
|
|
14
|
-
titleAlignment="center"
|
|
15
|
-
flexDirection="column"
|
|
16
|
-
padding={1}
|
|
17
|
-
>
|
|
18
|
-
<text fg="#a3be8c">Welcome to Gridland!</text>
|
|
19
|
-
<text fg="#81a1c1">
|
|
20
|
-
This is rendered directly to an HTML5 Canvas.
|
|
21
|
-
</text>
|
|
22
|
-
<text fg="#b48ead">
|
|
23
|
-
No xterm.js. No terminal emulator. Just pixels.
|
|
24
|
-
</text>
|
|
25
|
-
<text fg="#ebcb8b">Running inside Next.js with SSR safety built in.</text>
|
|
26
|
-
</box>
|
|
27
|
-
<box flexDirection="row" gap={1} marginTop={1}>
|
|
28
|
-
<box
|
|
29
|
-
border
|
|
30
|
-
borderStyle="rounded"
|
|
31
|
-
borderColor="#5e81ac"
|
|
32
|
-
backgroundColor="#2e3440"
|
|
33
|
-
flexGrow={1}
|
|
34
|
-
flexDirection="column"
|
|
35
|
-
padding={1}
|
|
36
|
-
>
|
|
37
|
-
<text fg="#d8dee9" bold>
|
|
38
|
-
Features
|
|
39
|
-
</text>
|
|
40
|
-
<text fg="#81a1c1">• Canvas-based rendering</text>
|
|
41
|
-
<text fg="#81a1c1">• React reconciler</text>
|
|
42
|
-
<text fg="#81a1c1">• SSR-safe component</text>
|
|
43
|
-
<text fg="#81a1c1">• No dynamic imports needed</text>
|
|
44
|
-
<text fg="#81a1c1">• Auto-resize</text>
|
|
45
|
-
</box>
|
|
46
|
-
<box
|
|
47
|
-
border
|
|
48
|
-
borderStyle="rounded"
|
|
49
|
-
borderColor="#bf616a"
|
|
50
|
-
backgroundColor="#2e3440"
|
|
51
|
-
flexGrow={1}
|
|
52
|
-
flexDirection="column"
|
|
53
|
-
padding={1}
|
|
54
|
-
>
|
|
55
|
-
<text fg="#d8dee9" bold>
|
|
56
|
-
Stack
|
|
57
|
-
</text>
|
|
58
|
-
<text fg="#81a1c1">• React 19</text>
|
|
59
|
-
<text fg="#81a1c1">• Next.js 15</text>
|
|
60
|
-
<text fg="#81a1c1">• TypeScript</text>
|
|
61
|
-
<text fg="#81a1c1">• yoga-layout</text>
|
|
62
|
-
</box>
|
|
63
|
-
</box>
|
|
64
|
-
</box>
|
|
65
|
-
)
|
|
66
|
-
}
|
|
4
|
+
import { TUI, useKeyboard } from "@gridland/web"
|
|
5
|
+
import { LandingApp } from "@gridland/demo/landing"
|
|
67
6
|
|
|
68
7
|
export default function Home() {
|
|
69
8
|
return (
|
|
70
|
-
<TUI style={{ width: "100vw", height: "100vh" }}>
|
|
71
|
-
<
|
|
9
|
+
<TUI style={{ width: "100vw", height: "100vh" }} backgroundColor="#1a1a2e">
|
|
10
|
+
<LandingApp useKeyboard={useKeyboard} />
|
|
72
11
|
</TUI>
|
|
73
12
|
)
|
|
74
13
|
}
|