app.js

import {Box, Text} from 'ink';
import React from 'react';
import {render} from 'ink';
import Gradient from 'ink-gradient';
import BigText from 'ink-big-text';
import packageJson from '../package.json' with {type: 'json'};

// Base class for tasks

class Task {
	constructor(name) {
		this.name = name;
	}

	render() {
		return <Text>Task not implemented</Text>;
	}
}

// Generate Index Task
class GenerateIndexTask extends Task {
	static description = 'Generate an index.html file';
	static type = 'string';
	//TODO - Generate index.ts / js inside of project root
	render() {
		return (
			<Text>
				See ya, <Text color="green">{this.name}</Text>
			</Text>
		);
	}
}

// Define task options
const options = {
	javascript: {
		'generate-index': GenerateIndexTask,
	},
};
function Router({name = 'Stranger', task, type}) {
	const typeOptions = options[type];
	if (!typeOptions) {
		return <Text color="red">Error: Unknown type "{type}"</Text>;
	}

	const TaskClass = typeOptions[task];
	if (!TaskClass) {
		return (
			<Text color="red">
				Error: Unknown task "{task}" for type "{type}"
			</Text>
		);
	}

	const taskInstance = new TaskClass(name);
	return <>{taskInstance.render()}</>;
}

function Title() {
	return (
		<Gradient name="mind">
			<BigText text={packageJson.name} />
		</Gradient>
	);
}

export default function App(props) {
	return (
		<Box>
			<Title />
			<Router {...props} />
		</Box>
	);
}