create-asciitorium 0.1.16 → 0.1.19
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 +1 -3
- package/dist/templates/base/src/main.tsx +8 -8
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -14,7 +14,6 @@
|
|
|
14
14
|
|
|
15
15
|
### Installation
|
|
16
16
|
|
|
17
|
-
|
|
18
17
|
The recommended way to start a new project is with the npm create command:
|
|
19
18
|
|
|
20
19
|
```bash
|
|
@@ -51,10 +50,9 @@ npm run figlet font "a phrase"
|
|
|
51
50
|
List available FIGlet fonts:
|
|
52
51
|
|
|
53
52
|
```bash
|
|
54
|
-
npm run
|
|
53
|
+
npm run figlet:fonts
|
|
55
54
|
```
|
|
56
55
|
|
|
57
|
-
|
|
58
56
|
## Generated Project Structure
|
|
59
57
|
|
|
60
58
|
A typical generated project will look like:
|
|
@@ -8,7 +8,7 @@ import {
|
|
|
8
8
|
TextInput,
|
|
9
9
|
PerfMonitor,
|
|
10
10
|
CelticBorder,
|
|
11
|
-
|
|
11
|
+
HR,
|
|
12
12
|
loadAsciiAsset
|
|
13
13
|
} from 'asciitorium';
|
|
14
14
|
|
|
@@ -23,21 +23,21 @@ const titleArt = await loadAsciiAsset('./art/asciitorium.txt');
|
|
|
23
23
|
// Construct the app
|
|
24
24
|
const app = (
|
|
25
25
|
<App width={appWidth} height={appHeight} layout="relaxed">
|
|
26
|
-
<CelticBorder
|
|
27
|
-
<CelticBorder
|
|
28
|
-
<CelticBorder edge="bottom-left" align="bottom-left" />
|
|
29
|
-
<CelticBorder edge="bottom-right" align="bottom-right" />
|
|
26
|
+
<CelticBorder align="top-left" />
|
|
27
|
+
<CelticBorder align="top-right" />
|
|
30
28
|
|
|
31
29
|
<Box align="top" layout="vertical" gap={2}>
|
|
32
30
|
<AsciiArt content={titleArt} align="top" />
|
|
33
|
-
<
|
|
34
|
-
<Text
|
|
31
|
+
<HR length={48} align="center" />
|
|
32
|
+
<Text align="top" gap={3}>a ui framework for cli and web</Text>
|
|
35
33
|
</Box>
|
|
36
34
|
|
|
37
35
|
<TextInput label="TextInput:" width={30} value={helloWorld} gap={2} align="center" />
|
|
38
36
|
|
|
39
37
|
<Text value={helloWorld} width={appWidth - 24} align="bottom" gap={8} />
|
|
40
|
-
|
|
38
|
+
|
|
39
|
+
<CelticBorder align="bottom-left" />
|
|
40
|
+
<CelticBorder align="bottom-right" />
|
|
41
41
|
</App>
|
|
42
42
|
);
|
|
43
43
|
|