create-asciitorium 0.1.27 β 0.1.28
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/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# create-asciitorium
|
|
2
2
|
|
|
3
|
-
`create-asciitorium` is a command-line tool that helps you quickly scaffold a new [asciitorium](
|
|
3
|
+
`create-asciitorium` is a command-line tool that helps you quickly scaffold a new [asciitorium](https://github.com/iroknee/asciitorium) project. It sets up all the necessary files, folders, and dependencies so you can start building ASCII art-based web applications with minimal setup.
|
|
4
4
|
|
|
5
5
|
## Features
|
|
6
6
|
|
|
@@ -94,11 +94,11 @@ my-asciitorium-app/
|
|
|
94
94
|
|
|
95
95
|
## Learn More
|
|
96
96
|
|
|
97
|
-
- [Asciitorium Documentation](
|
|
97
|
+
- [Asciitorium Documentation](https://github.com/iroknee/asciitorium)
|
|
98
98
|
|
|
99
99
|
## π Changelog
|
|
100
100
|
|
|
101
|
-
See [CHANGELOG.md](
|
|
101
|
+
See [CHANGELOG.md](https://github.com/iroknee/asciitorium/CHANGELOG.md) for detailed release notes and migration guides.
|
|
102
102
|
|
|
103
103
|
## License
|
|
104
104
|
|
|
@@ -1,39 +1,39 @@
|
|
|
1
1
|
Β§ {"loop":true,"duration":120}
|
|
2
2
|
_ _ _ _
|
|
3
3
|
__ _ ___ ___(_|_) |_ ___ _ __(_)_ _ _ __ ___
|
|
4
|
-
|
|
5
|
-
| (_|
|
|
6
|
-
|
|
4
|
+
/ _` / __|/ __| | | __/ _ \| '__| | | | | '_ ` _ \
|
|
5
|
+
| (_| \__ \ (__| | | || (_) | | | | |_| | | | | | |
|
|
6
|
+
\__,_|___/\___|_|_|\__\___/|_| |_|\__,_|_| |_| |_|
|
|
7
7
|
ΒΆ {"duration":8000}
|
|
8
8
|
_ _ _
|
|
9
|
-
__ _ ___ ___(_| )
|
|
10
|
-
|
|
11
|
-
| (_|
|
|
12
|
-
|
|
9
|
+
__ _ ___ ___(_| )| _ ___ _ __(_)_ _ _ __ .
|
|
10
|
+
/ _` / __|/ __| | | __/ _ \| '__| | | | | '_ ` _ \.
|
|
11
|
+
| (_| \__ \ (__| | | || (_) | | | | |_| | | | | | |
|
|
12
|
+
\__,_|___/\___|_|_|\__\___/|_| |_|\__,_|_| |_| |_|
|
|
13
13
|
ΒΆ {"duration":1000}
|
|
14
14
|
. _ * _ * .
|
|
15
15
|
__ _ ___ ___(_|_).|_ * _ __(_)_ _ * __
|
|
16
|
-
|
|
17
|
-
| (_|
|
|
18
|
-
|
|
16
|
+
/ _` / __|/ _ . | __/ . \ '__| | | | ' ` \ .
|
|
17
|
+
| (_| \__ (__| *|.| || (_) | * | | |_| *| | | β .
|
|
18
|
+
\__,_|___/\__ ._|_|\__\ * /|_| .|\__ |_| |_β
|
|
19
19
|
ΒΆ {"duration":140}
|
|
20
20
|
* _ * . * . *
|
|
21
21
|
__ * (_|_) . * _ __ . . __
|
|
22
|
-
|
|
23
|
-
| * *
|
|
24
|
-
. .|___
|
|
22
|
+
/ ` __| | __/ * \ '__| * ` \
|
|
23
|
+
| * * \__ | | || (_) | . | * * | | β
|
|
24
|
+
. .|___/ |_| \__\___/|_| . . |_| . |_β
|
|
25
25
|
ΒΆ {"duration":140}
|
|
26
26
|
. * . _ * . . .
|
|
27
27
|
__ * * (_|_). . * _ * . __
|
|
28
|
-
|
|
29
|
-
| (_| *
|
|
30
|
-
. ._|___
|
|
28
|
+
/ _` * __| | __/ * * \ '__| . * _ \
|
|
29
|
+
| (_| * \__ | || (_) . | * . * | | β
|
|
30
|
+
. ._|___/ |_| \__\ * |_| . * |_| |_β
|
|
31
31
|
ΒΆ {"duration":160}
|
|
32
32
|
. * . _ * . * . .
|
|
33
33
|
* . (_|_) . . * . * .
|
|
34
|
-
|
|
35
|
-
| * *
|
|
36
|
-
. .|___
|
|
34
|
+
/ ` * __| __/ * . * . * . \
|
|
35
|
+
| * * \__ | (_)* . * . * . | β
|
|
36
|
+
. .|___/ |_| * . * . . |_|
|
|
37
37
|
ΒΆ {"duration":140}
|
|
38
38
|
. * . . * . .
|
|
39
39
|
. . . * . * .
|
|
@@ -107,5 +107,5 @@
|
|
|
107
107
|
|
|
108
108
|
_ _ _ _
|
|
109
109
|
__ _ ___ ___(_|_) |_ ___ _ __(_)_ _ _ __ ___
|
|
110
|
-
|
|
111
|
-
| (_|
|
|
110
|
+
/ _` / __|/ __| | | __/ _ \| '__| | | | | '_ ` _ \
|
|
111
|
+
| (_| \__ \ (__| | | || (_) | | | | |_| | | | | | |
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
βββββ βββββ
|
|
2
|
+
ββββββββββββΌββββββββββββββΌβββββββββββ
|
|
3
|
+
ββββΌβββΌβββββββββΌββββββΌββββββββββΌβββββ
|
|
4
|
+
βββββββββββββββββββββββββββββββββββββ
|
|
@@ -1,41 +1,35 @@
|
|
|
1
1
|
import {
|
|
2
2
|
App,
|
|
3
|
-
|
|
3
|
+
Art,
|
|
4
4
|
Select,
|
|
5
5
|
Component,
|
|
6
6
|
Row,
|
|
7
7
|
PersistentState,
|
|
8
|
-
|
|
8
|
+
Text,
|
|
9
9
|
} from 'asciitorium';
|
|
10
10
|
|
|
11
11
|
import {
|
|
12
12
|
ButtonExample,
|
|
13
13
|
CelticBorderExample,
|
|
14
|
+
FormExample,
|
|
14
15
|
MultiSelectExample,
|
|
15
16
|
RelativeSizingExample,
|
|
16
17
|
TabsExample,
|
|
17
|
-
|
|
18
|
+
ArtExample,
|
|
18
19
|
SlidersExample,
|
|
19
|
-
|
|
20
|
-
AsciiMazeExample,
|
|
20
|
+
MazeExample,
|
|
21
21
|
} from 'asciitorium/examples';
|
|
22
22
|
|
|
23
|
-
// Load the title ASCII art
|
|
24
|
-
const titleArt = await loadArt('./art/asciitorium.txt');
|
|
25
|
-
|
|
26
23
|
// Main state for component selection with persistence
|
|
27
|
-
const selectedComponent = new PersistentState(
|
|
28
|
-
'Button',
|
|
29
|
-
'demo-selected-component'
|
|
30
|
-
);
|
|
24
|
+
const selectedComponent = new PersistentState('Art', 'demo-selected-component');
|
|
31
25
|
|
|
32
26
|
// Component list for navigation
|
|
33
27
|
const componentList = [
|
|
34
|
-
'
|
|
35
|
-
'AsciiMaze',
|
|
28
|
+
'Art',
|
|
36
29
|
'Button',
|
|
37
30
|
'CelticBorder',
|
|
38
31
|
'Form',
|
|
32
|
+
'Maze',
|
|
39
33
|
'MultiSelect',
|
|
40
34
|
'RelativeSizing',
|
|
41
35
|
'Sliders',
|
|
@@ -44,38 +38,48 @@ const componentList = [
|
|
|
44
38
|
|
|
45
39
|
// Component mapping for dynamic content
|
|
46
40
|
const examples = {
|
|
47
|
-
|
|
48
|
-
AsciiMaze: AsciiMazeExample,
|
|
41
|
+
Art: ArtExample,
|
|
49
42
|
Button: ButtonExample,
|
|
50
43
|
CelticBorder: CelticBorderExample,
|
|
44
|
+
Form: FormExample,
|
|
45
|
+
Maze: MazeExample,
|
|
51
46
|
MultiSelect: MultiSelectExample,
|
|
52
47
|
RelativeSizing: RelativeSizingExample,
|
|
53
48
|
Sliders: SlidersExample,
|
|
54
|
-
Form: FormExample,
|
|
55
49
|
Tabs: TabsExample,
|
|
56
50
|
};
|
|
57
51
|
|
|
58
52
|
const app = (
|
|
59
53
|
<App>
|
|
60
|
-
<
|
|
61
|
-
|
|
54
|
+
<Art
|
|
55
|
+
src={'./art/asciitorium.txt'}
|
|
56
|
+
style={{ align: 'center', gap: { bottom: 2 } }}
|
|
57
|
+
/>
|
|
58
|
+
<Row style={{ height: 'fill' }}>
|
|
62
59
|
<Select
|
|
63
60
|
label="Components:"
|
|
64
|
-
|
|
65
|
-
|
|
61
|
+
style={{
|
|
62
|
+
width: '30%',
|
|
63
|
+
height: 'fill',
|
|
64
|
+
}}
|
|
66
65
|
items={componentList}
|
|
67
66
|
selectedItem={selectedComponent}
|
|
68
|
-
border
|
|
69
67
|
/>
|
|
70
68
|
<Component
|
|
71
|
-
|
|
72
|
-
|
|
69
|
+
style={{
|
|
70
|
+
width: 'fill',
|
|
71
|
+
height: 'fill',
|
|
72
|
+
}}
|
|
73
73
|
dynamicContent={{
|
|
74
74
|
selectedKey: selectedComponent,
|
|
75
75
|
componentMap: examples,
|
|
76
76
|
}}
|
|
77
77
|
/>
|
|
78
78
|
</Row>
|
|
79
|
+
<Text
|
|
80
|
+
content="Navigation: ββ or W/S to browse β’ [Space]/[Enter] to select β’ [Tab] to switch focus"
|
|
81
|
+
style={{ align: 'center', gap: { top: 1 } }}
|
|
82
|
+
/>
|
|
79
83
|
</App>
|
|
80
84
|
);
|
|
81
85
|
|