create-asciitorium 0.1.15 → 0.1.17

package/README.md

@@ -14,7 +14,6 @@
 
 ### Installation
 
-
 The recommended way to start a new project is with the npm create command:
 
 ```bash
@@ -40,6 +39,20 @@ npm run cli
 npm run build
 ```
 
+### Other Scripts
+
+Generate FIGlet ASCII art assets (placed in public/art):
+
+```bash
+npm run figlet font "a phrase"
+```
+
+List available FIGlet fonts:
+
+```bash
+npm run figlet:fonts
+```
+
 ## Generated Project Structure
 
 A typical generated project will look like:

package/dist/templates/base/package.json

@@ -7,7 +7,9 @@
     "web": "vite",
     "build": "vite build",
     "preview": "vite preview",
-    "cli": "tsx src/main.tsx"
+    "cli": "tsx src/main.tsx",
+    "figlet": "node scripts/gen-figlet-art.js",
+    "figlet:fonts": "node -e 'require(\"figlet\").fonts((_, f) => console.log(f.join(\"\\n\")))'"
   },
   "devDependencies": {
     "typescript": "^5.5.4",

package/dist/templates/base/scripts/gen-figlet-art.js

@@ -0,0 +1,35 @@
+import figlet from 'figlet';
+import fs from 'fs-extra';
+import path from 'path';
+import { fileURLToPath } from 'url';
+
+// ─── Parse CLI Arguments ──────────────────────────────────────────
+const [font, ...phraseParts] = process.argv.slice(2);
+const phrase = phraseParts.join(' ');
+
+if (!font || !phrase) {
+  console.error('Usage: node scripts/generate-art.js <font> <phrase>');
+  process.exit(1);
+}
+
+// ─── Generate ASCII Art ───────────────────────────────────────────
+figlet.text(phrase, { font }, (err, data) => {
+  if (err || !data) {
+    console.error('❌ Failed to generate ASCII art:', err || 'Unknown error');
+    process.exit(1);
+  }
+
+  const safeFilename = phrase.replace(/[^a-z0-9_-]+/gi, '_');
+  const outputPath = path.join(
+    __dirname,
+    '../public/art',
+    `${safeFilename}.txt`
+  );
+
+  fs.ensureDirSync(path.dirname(outputPath));
+  fs.writeFileSync(outputPath, data);
+
+  console.log(`✅ Generated: art/${safeFilename}.txt`);
+});
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));

package/dist/templates/base/src/main.tsx

@@ -8,7 +8,7 @@ import {
   TextInput,
   PerfMonitor,
   CelticBorder,
-  HorizontalLine,
+  HR,
   loadAsciiAsset
 } from 'asciitorium';
 
@@ -23,21 +23,21 @@ const titleArt = await loadAsciiAsset('./art/asciitorium.txt');
 // Construct the app
 const app = (
   <App width={appWidth} height={appHeight} layout="relaxed">
-    <CelticBorder edge="top-left" align="top-left" />
-    <CelticBorder edge="top-right" align="top-right" />
-    <CelticBorder edge="bottom-left" align="bottom-left" />
-    <CelticBorder edge="bottom-right" align="bottom-right" />
+    <CelticBorder align="top-left" />
+    <CelticBorder align="top-right" />
 
     <Box align="top" layout="vertical" gap={2}>
       <AsciiArt content={titleArt} align="top" />
-      <HorizontalLine length={48} align="center" />
-      <Text value="a ui framework for cli and web" align="top" gap={3} />
+      <HR length={48} align="center" />
+      <Text align="top" gap={3}>a ui framework for cli and web</Text>
     </Box>
 
     <TextInput label="TextInput:" width={30} value={helloWorld} gap={2} align="center" />
 
     <Text value={helloWorld} width={appWidth - 24} align="bottom" gap={8} />
-    <PerfMonitor align="bottom-right" gap={1} time memory fps cpu />
+
+    <CelticBorder align="bottom-left" />
+    <CelticBorder align="bottom-right" />
   </App>
 );
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-asciitorium",
-  "version": "0.1.15",
+  "version": "0.1.17",
   "private": false,
   "description": "Scaffold a Vite + TypeScript project prewired for asciitorium (web + cli).",
   "bin": {