create-asciitorium 0.1.28 → 0.1.29
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 +41 -10
- package/dist/templates/base/src/main.tsx +7 -9
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -14,10 +14,10 @@
|
|
|
14
14
|
|
|
15
15
|
### Installation
|
|
16
16
|
|
|
17
|
-
|
|
17
|
+
To start a new asciitorium project:
|
|
18
18
|
|
|
19
19
|
```bash
|
|
20
|
-
npm create asciitorium
|
|
20
|
+
npm create asciitorium my-app
|
|
21
21
|
```
|
|
22
22
|
|
|
23
23
|
This will create a new directory with the specified project name, scaffold the project, and install dependencies.
|
|
@@ -41,19 +41,54 @@ npm run build
|
|
|
41
41
|
|
|
42
42
|
### Other Scripts
|
|
43
43
|
|
|
44
|
-
|
|
44
|
+
Asciitorium supports viewing ascii art files. There are a few easy ways to create some specific ascii art, including FIGlet fonts and mazes/maps.
|
|
45
|
+
|
|
46
|
+
To generate FIGlet ASCII art assets (automatically placed in public/art):
|
|
45
47
|
|
|
46
48
|
```bash
|
|
47
49
|
npm run figlet font "a phrase"
|
|
48
50
|
```
|
|
49
51
|
|
|
50
|
-
|
|
52
|
+
#### FIGlet Examples
|
|
53
|
+
|
|
54
|
+
Here are some practical examples for generating ASCII art:
|
|
55
|
+
|
|
56
|
+
```bash
|
|
57
|
+
# Generate a game title
|
|
58
|
+
npm run figlet big "DUNGEON QUEST"
|
|
59
|
+
|
|
60
|
+
# Create a welcome message
|
|
61
|
+
npm run figlet standard "Welcome"
|
|
62
|
+
|
|
63
|
+
# Generate stylized text for menus
|
|
64
|
+
npm run figlet small "Main Menu"
|
|
65
|
+
|
|
66
|
+
# Create decorative headers
|
|
67
|
+
npm run figlet banner "Level 1"
|
|
68
|
+
|
|
69
|
+
# Generate large title text
|
|
70
|
+
npm run figlet block "GAME OVER"
|
|
71
|
+
```
|
|
72
|
+
|
|
73
|
+
#### Popular FIGlet Fonts
|
|
74
|
+
|
|
75
|
+
Some commonly used fonts include:
|
|
76
|
+
|
|
77
|
+
- `big` - Large, bold letters
|
|
78
|
+
- `standard` - Default FIGlet font
|
|
79
|
+
- `small` - Compact text
|
|
80
|
+
- `banner` - Wide banner-style text
|
|
81
|
+
- `block` - Solid block letters
|
|
82
|
+
- `slant` - Italicized appearance
|
|
83
|
+
- `shadow` - Text with shadow effect
|
|
84
|
+
|
|
85
|
+
You may also list all available FIGlet fonts supported:
|
|
51
86
|
|
|
52
87
|
```bash
|
|
53
88
|
npm run figlet:fonts
|
|
54
89
|
```
|
|
55
90
|
|
|
56
|
-
|
|
91
|
+
To generate ASCII maze files (placed in public/art/mazes):
|
|
57
92
|
|
|
58
93
|
```bash
|
|
59
94
|
node scripts/maze-builder.js <width> <height> <filename> [--smooth]
|
|
@@ -69,7 +104,7 @@ The `--smooth` flag uses Unicode box drawing characters for improved visual appe
|
|
|
69
104
|
|
|
70
105
|
A typical generated project will look like:
|
|
71
106
|
|
|
72
|
-
```
|
|
107
|
+
```bash
|
|
73
108
|
my-asciitorium-app/
|
|
74
109
|
├── public/
|
|
75
110
|
│ ├── art/
|
|
@@ -96,10 +131,6 @@ my-asciitorium-app/
|
|
|
96
131
|
|
|
97
132
|
- [Asciitorium Documentation](https://github.com/iroknee/asciitorium)
|
|
98
133
|
|
|
99
|
-
## 📝 Changelog
|
|
100
|
-
|
|
101
|
-
See [CHANGELOG.md](https://github.com/iroknee/asciitorium/CHANGELOG.md) for detailed release notes and migration guides.
|
|
102
|
-
|
|
103
134
|
## License
|
|
104
135
|
|
|
105
136
|
MIT
|
|
@@ -2,7 +2,7 @@ import {
|
|
|
2
2
|
App,
|
|
3
3
|
Art,
|
|
4
4
|
Select,
|
|
5
|
-
|
|
5
|
+
Switch,
|
|
6
6
|
Row,
|
|
7
7
|
PersistentState,
|
|
8
8
|
Text,
|
|
@@ -13,7 +13,7 @@ import {
|
|
|
13
13
|
CelticBorderExample,
|
|
14
14
|
FormExample,
|
|
15
15
|
MultiSelectExample,
|
|
16
|
-
|
|
16
|
+
LayoutSizingExample,
|
|
17
17
|
TabsExample,
|
|
18
18
|
ArtExample,
|
|
19
19
|
SlidersExample,
|
|
@@ -31,7 +31,7 @@ const componentList = [
|
|
|
31
31
|
'Form',
|
|
32
32
|
'Maze',
|
|
33
33
|
'MultiSelect',
|
|
34
|
-
'
|
|
34
|
+
'LayoutSizing',
|
|
35
35
|
'Sliders',
|
|
36
36
|
'Tabs',
|
|
37
37
|
];
|
|
@@ -44,7 +44,7 @@ const examples = {
|
|
|
44
44
|
Form: FormExample,
|
|
45
45
|
Maze: MazeExample,
|
|
46
46
|
MultiSelect: MultiSelectExample,
|
|
47
|
-
|
|
47
|
+
LayoutSizing: LayoutSizingExample,
|
|
48
48
|
Sliders: SlidersExample,
|
|
49
49
|
Tabs: TabsExample,
|
|
50
50
|
};
|
|
@@ -65,15 +65,13 @@ const app = (
|
|
|
65
65
|
items={componentList}
|
|
66
66
|
selectedItem={selectedComponent}
|
|
67
67
|
/>
|
|
68
|
-
<
|
|
68
|
+
<Switch
|
|
69
69
|
style={{
|
|
70
70
|
width: 'fill',
|
|
71
71
|
height: 'fill',
|
|
72
72
|
}}
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
componentMap: examples,
|
|
76
|
-
}}
|
|
73
|
+
selectedKey={selectedComponent}
|
|
74
|
+
componentMap={examples}
|
|
77
75
|
/>
|
|
78
76
|
</Row>
|
|
79
77
|
<Text
|