create-buntui 0.0.0

package/package.json

@@ -0,0 +1,22 @@
+{
+    "name": "create-buntui",
+    "version": "0.0.0",
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/AlphaFoxz/buntui.git",
+        "directory": "packages/create-buntui"
+    },
+    "bin": {
+        "create-buntui": "./src/index.ts"
+    },
+    "files": [
+        "src/",
+        "templates/"
+    ],
+    "scripts": {
+        "build": "echo 'No build step required'"
+    },
+    "dependencies": {
+        "@buntui/core": "^0.0.0"
+    }
+}

package/src/index.ts

@@ -0,0 +1,10 @@
+import process from 'node:process';
+import {createApp} from '@buntui/core';
+import {setupUI} from './setup-ui';
+
+const args = process.argv.slice(2);
+const defaultName = args[0];
+
+const app = createApp({logLevel: 'warning', clearLog: true});
+setupUI(app, defaultName);
+app.start();

package/src/scaffold.ts

@@ -0,0 +1,25 @@
+import fs from 'node:fs';
+import path from 'node:path';
+import {execSync} from 'node:child_process';
+
+const templateDir = path.resolve(import.meta.dir, '..', 'templates', 'basic');
+
+export function scaffold(projectName: string, targetDir: string): void {
+  const outputDir = path.resolve(targetDir, projectName);
+
+  if (fs.existsSync(outputDir)) {
+    throw new Error(`Directory already exists: ${outputDir}`);
+  }
+
+  fs.mkdirSync(outputDir, {recursive: true});
+
+  const files = fs.readdirSync(templateDir);
+  for (const file of files) {
+    const src = path.join(templateDir, file);
+    const content = fs.readFileSync(src, 'utf-8');
+    const rendered = content.replaceAll('{{name}}', projectName);
+    fs.writeFileSync(path.join(outputDir, file), rendered, 'utf-8');
+  }
+
+  execSync('bun install', {cwd: outputDir, stdio: 'inherit'});
+}

package/src/setup-ui.ts

@@ -0,0 +1,145 @@
+#!/usr/bin/env bun
+import process from 'node:process';
+import {
+  createBox,
+  createTextWidget,
+  createInputWidget,
+  createButtonWidget,
+  type createApp,
+} from '@buntui/core';
+import {scaffold} from './scaffold';
+
+type TuiApp = ReturnType<typeof createApp>;
+
+const ACCENT = 'rgb(122, 162, 247)';
+const BG = 'rgb(26, 27, 38)';
+const SURFACE = 'rgb(36, 40, 59)';
+const TEXT = 'rgb(192, 202, 229)';
+const TEXT_DIM = 'rgb(86, 95, 137)';
+
+export function setupUI(app: TuiApp, defaultName?: string): void {
+  const scene = app.createScene({
+    setup() {
+      /* No-op */
+    },
+  }, {bgHexRgb: BG, visible: true});
+
+  // Title bar
+  scene.mount(createTextWidget({
+    x: 0,
+    y: 0,
+    width: '100%',
+    height: 1,
+    value: ' Create Buntui App',
+    colorFg: ACCENT,
+    colorBg: BG,
+  }));
+
+  // Container box
+  const box = createBox({
+    x: '25%',
+    y: '20%',
+    width: '50%',
+    height: 12,
+    colorBg: SURFACE,
+    borderColor: ACCENT,
+    borderStyle: 'solid',
+  });
+  const input = createInputWidget({
+    x: '0%',
+    y: '22%',
+    value: defaultName ?? 'my-buntui-app',
+    colorFg: TEXT,
+    colorBg: BG,
+    borderColorUnfocused: TEXT_DIM,
+    borderColorFocused: ACCENT,
+    borderStyle: 'solid',
+    placeholder: 'Type something...',
+    label: 'Project name',
+  });
+  box.addChild(input);
+  scene.mount(box);
+
+  // Create button
+  const createBtn = createButtonWidget({
+    x: '35%',
+    y: '50%',
+    width: 12,
+    height: 3,
+    value: ' Create ',
+    colorFgNormal: BG,
+    colorBgNormal: ACCENT,
+    borderColorNormal: ACCENT,
+    borderStyleNormal: 'solid',
+    colorFgFocused: BG,
+    colorBgFocused: 'rgb(157, 122, 247)',
+    borderColorFocused: 'rgb(157, 122, 247)',
+    borderStyleFocused: 'solid',
+    colorFgPressed: BG,
+    colorBgPressed: 'rgb(91, 110, 181)',
+    borderColorPressed: 'rgb(91, 110, 181)',
+    borderStylePressed: 'solid',
+  });
+
+  // Cancel button
+  const cancelBtn = createButtonWidget({
+    x: '50%',
+    y: '50%',
+    width: 12,
+    height: 3,
+    value: ' Cancel ',
+    colorFgNormal: TEXT_DIM,
+    colorBgNormal: SURFACE,
+    borderColorNormal: TEXT_DIM,
+    borderStyleNormal: 'solid',
+    colorFgFocused: TEXT,
+    colorBgFocused: 'rgb(59, 66, 91)',
+    borderColorFocused: TEXT,
+    borderStyleFocused: 'solid',
+    colorFgPressed: TEXT_DIM,
+    colorBgPressed: 'rgb(42, 48, 69)',
+    borderColorPressed: 'rgb(42, 48, 69)',
+    borderStylePressed: 'solid',
+  });
+
+  // Status text
+  const status = createTextWidget({
+    x: '27%',
+    y: '60%',
+    width: '46%',
+    height: 1,
+    value: '',
+    colorFg: TEXT_DIM,
+    colorBg: BG,
+  });
+
+  createBtn.on('click', () => {
+    const name = input.value.trim();
+    if (!name) {
+      status.updateValue(' Please enter a project name');
+      return;
+    }
+
+    status.updateValue(' Creating project...');
+    try {
+      scaffold(name, process.cwd());
+      status.updateValue(` Project "${name}" created successfully!`);
+      setTimeout(() => {
+        app.dispose();
+        process.exit(0);
+      }, 1500);
+    } catch (error) {
+      const message = error instanceof Error ? error.message : String(error);
+      status.updateValue(` ${message}`);
+    }
+  });
+
+  cancelBtn.on('click', () => {
+    app.dispose();
+    process.exit(0);
+  });
+
+  scene.mount(createBtn);
+  scene.mount(cancelBtn);
+  scene.mount(status);
+}

package/templates/basic/index.ts

@@ -0,0 +1,30 @@
+import {createApp, createTextWidget, createBox} from 'buntui';
+
+const app = createApp();
+const scene = app.createScene({
+  setup() {},
+}, {bgHexRgb: 0x1A_1B_26, visible: true});
+
+const title = createTextWidget({
+  x: 0,
+  y: 0,
+  width: '100%',
+  height: 1,
+  value: 'Hello from {{name}}!',
+  colorFg: 0x7A_A2_F7,
+  colorBg: 0x1A_1B_26,
+});
+
+const box = createBox({
+  x: '10%',
+  y: '20%',
+  width: '80%',
+  height: '60%',
+  colorBg: 0x24_28_3B,
+  borderColor: 0x7A_A2_F7,
+  borderStyle: 'solid',
+});
+
+scene.mount(box);
+scene.mount(title);
+app.start();

package/templates/basic/package.json

@@ -0,0 +1,10 @@
+{
+    "name": "{{name}}",
+    "version": "0.0.1",
+    "scripts": {
+        "dev": "bun run index.ts"
+    },
+    "dependencies": {
+        "buntui": "^0.0.0-alpha.0"
+    }
+}