create-asciitorium 0.1.10 → 0.1.11
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.
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
/** Single entry that runs on Web (DOM) and CLI (Terminal) */
|
|
2
|
+
import {
|
|
3
|
+
Asciitorium,
|
|
4
|
+
Text,
|
|
5
|
+
HorizontalLine,
|
|
6
|
+
ProgressBar,
|
|
7
|
+
State,
|
|
8
|
+
bootstrap,
|
|
9
|
+
} from 'asciitorium';
|
|
10
|
+
|
|
11
|
+
// --- Simple stateful demo ---
|
|
12
|
+
const message = new State('Hello asciitorium!');
|
|
13
|
+
const loading = new State(0);
|
|
14
|
+
|
|
15
|
+
const app = (
|
|
16
|
+
<Asciitorium width={64} height={24} padding={1}>
|
|
17
|
+
<Text text="asciitorium starter" />
|
|
18
|
+
<HorizontalLine />
|
|
19
|
+
<Text text={message} />
|
|
20
|
+
<ProgressBar value={loading} width={40} />
|
|
21
|
+
</Asciitorium>
|
|
22
|
+
);
|
|
23
|
+
|
|
24
|
+
// Auto-detect renderer inside bootstrap(): DOM in browser, Terminal in Node
|
|
25
|
+
bootstrap(app);
|
|
26
|
+
|
|
27
|
+
// Tiny fake loader so something moves
|
|
28
|
+
let t = 0;
|
|
29
|
+
setInterval(() => {
|
|
30
|
+
t = (t + 1) % 101;
|
|
31
|
+
loading.value = t;
|
|
32
|
+
if (t === 100) message.value = 'Loaded!';
|
|
33
|
+
}, 60);
|
|
@@ -1,6 +1,111 @@
|
|
|
1
|
+
§ {"loop":true,"duration":120}
|
|
1
2
|
_ _ _ _
|
|
2
3
|
__ _ ___ ___(_|_) |_ ___ _ __(_)_ _ _ __ ___
|
|
3
4
|
╱ _` ╱ __|╱ __| | | __╱ _ ╲| '__| | | | | '_ ` _ ╲
|
|
4
5
|
⎹ (_| ╲__ ╲ (__| | | || (_) | | | | |_| | | | | | ⎸
|
|
5
6
|
╲__,_|___╱╲___|_|_|╲__╲___╱|_| |_|╲__,_|_| |_| |_⎸
|
|
6
|
-
|
|
7
|
+
¶ {"duration":8000}
|
|
8
|
+
_ _ _
|
|
9
|
+
__ _ ___ ___(_| )/|_ ___ _ __(_)_ _ _ __ .
|
|
10
|
+
╱y_` ╱ __|╱\__| |\| __╱ _/╲| '__|/| |. \| '_ ` _/╲.
|
|
11
|
+
⎹ (_| ╲__ ╲ (__|/| | || (_) |/| | | |_| | | | | | ⎸
|
|
12
|
+
╲__,_|__\╱╲___|_|_|╲__╲_y_╱|_| |_|╲__,_|_| |y| |_⎸
|
|
13
|
+
¶ {"duration":1000}
|
|
14
|
+
. _ * _ * .
|
|
15
|
+
__ _ ___ ___(_|_).|_ * _ __(_)_ _ * __
|
|
16
|
+
╱ _` ╱ __|╱ _ . | __╱ . ╲ '__| | | | ' ` ╲ .
|
|
17
|
+
⎹ (_| ╲__ (__| *|.| || (_) | * | | |_| *| | | ⎸ .
|
|
18
|
+
╲__,_|___╱╲__ ._|_|╲__╲ * ╱|_| .|╲__ |_| |_⎸
|
|
19
|
+
¶ {"duration":140}
|
|
20
|
+
* _ * . * . *
|
|
21
|
+
__ * (_|_) . * _ __ . . __
|
|
22
|
+
╱ ` __| | __╱ * ╲ '__| * ` ╲
|
|
23
|
+
⎹ * * ╲__ | | || (_) | . | * * | | ⎸
|
|
24
|
+
. .|___╱ |_| ╲__╲___╱|_| . . |_| . |_⎸
|
|
25
|
+
¶ {"duration":140}
|
|
26
|
+
. * . _ * . . .
|
|
27
|
+
__ * * (_|_). . * _ * . __
|
|
28
|
+
╱ _` * __| | __╱ * * ╲ '__| . * _ ╲
|
|
29
|
+
⎹ (_| * ╲__ | || (_) . | * . * | | ⎸
|
|
30
|
+
. ._|___╱ |_| ╲__╲ * |_| . * |_| |_⎸
|
|
31
|
+
¶ {"duration":160}
|
|
32
|
+
. * . _ * . * . .
|
|
33
|
+
* . (_|_) . . * . * .
|
|
34
|
+
╱ ` * __| __╱ * . * . * . ╲
|
|
35
|
+
⎹ * * ╲__ | (_)* . * . * . | ⎸
|
|
36
|
+
. .|___╱ |_| * . * . . |_|
|
|
37
|
+
¶ {"duration":140}
|
|
38
|
+
. * . . * . .
|
|
39
|
+
. . . * . * .
|
|
40
|
+
* . . . * .
|
|
41
|
+
. * . . . *
|
|
42
|
+
. . * . .
|
|
43
|
+
¶ {"duration":240}
|
|
44
|
+
. * . . * .
|
|
45
|
+
. . . * . *
|
|
46
|
+
. * . . . *
|
|
47
|
+
. . * . . .
|
|
48
|
+
* . . * .
|
|
49
|
+
¶ {"duration":240}
|
|
50
|
+
. * . . *
|
|
51
|
+
. . . * .
|
|
52
|
+
. * . . .
|
|
53
|
+
. . * . .
|
|
54
|
+
* . . . *
|
|
55
|
+
¶ {"duration":240}
|
|
56
|
+
|
|
57
|
+
. . * . .
|
|
58
|
+
. * . .
|
|
59
|
+
. . * .
|
|
60
|
+
* . . .
|
|
61
|
+
¶ {"duration":240}
|
|
62
|
+
|
|
63
|
+
|
|
64
|
+
. . * .
|
|
65
|
+
. * . .
|
|
66
|
+
* . . .
|
|
67
|
+
¶ {"duration":240}
|
|
68
|
+
|
|
69
|
+
|
|
70
|
+
|
|
71
|
+
. * .
|
|
72
|
+
* . .
|
|
73
|
+
¶ {"duration":260}
|
|
74
|
+
|
|
75
|
+
|
|
76
|
+
|
|
77
|
+
|
|
78
|
+
. .
|
|
79
|
+
¶ {"duration":280}
|
|
80
|
+
|
|
81
|
+
|
|
82
|
+
|
|
83
|
+
|
|
84
|
+
|
|
85
|
+
¶ {"duration":1000}
|
|
86
|
+
|
|
87
|
+
|
|
88
|
+
|
|
89
|
+
|
|
90
|
+
_ _ _ _
|
|
91
|
+
¶ {"duration":140}
|
|
92
|
+
|
|
93
|
+
|
|
94
|
+
|
|
95
|
+
|
|
96
|
+
_ _ _ _
|
|
97
|
+
__ _ ___ ___(_|_) |_ ___ _ __(_)_ _ _ __ ___
|
|
98
|
+
¶ {"duration":140}
|
|
99
|
+
|
|
100
|
+
|
|
101
|
+
|
|
102
|
+
_ _ _ _
|
|
103
|
+
__ _ ___ ___(_|_) |_ ___ _ __(_)_ _ _ __ ___
|
|
104
|
+
╱ _` ╱ __|╱ __| | | __╱ _ ╲| '__| | | | | '_ ` _ ╲
|
|
105
|
+
¶ {"duration":140}
|
|
106
|
+
|
|
107
|
+
|
|
108
|
+
_ _ _ _
|
|
109
|
+
__ _ ___ ___(_|_) |_ ___ _ __(_)_ _ _ __ ___
|
|
110
|
+
╱ _` ╱ __|╱ __| | | __╱ _ ╲| '__| | | | | '_ ` _ ╲
|
|
111
|
+
⎹ (_| ╲__ ╲ (__| | | || (_) | | | | |_| | | | | | ⎸
|
|
@@ -37,7 +37,7 @@ const app = (
|
|
|
37
37
|
|
|
38
38
|
<Text value="" align="center" height={2} comment="vertical spacing" />
|
|
39
39
|
<AsciiArt content={titleArt} align="center" />
|
|
40
|
-
<HorizontalLine length={
|
|
40
|
+
<HorizontalLine length={48} align="center" />
|
|
41
41
|
<Text value="a ui framework for cli and web" align="top" height={5} />
|
|
42
42
|
|
|
43
43
|
<HorizontalLayout width={appWidth - 22} height={3} align="center">
|
|
@@ -62,6 +62,5 @@ const randInt = (min: number, max: number) =>
|
|
|
62
62
|
|
|
63
63
|
setInterval(() => {
|
|
64
64
|
const newLoadingvalue = randInt(0, 100);
|
|
65
|
-
console.log(`Loading... ${newLoadingvalue}%`);
|
|
66
65
|
loading.value = newLoadingvalue;
|
|
67
66
|
}, 5_000);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/// <reference types="vite/client" />
|