Initial POC with ink installed and working

Author: kevinwang5658

package.json

@@ -11,7 +11,9 @@
     "codify-schemas": "1.0.32",
     "ajv": "^8.12.0",
     "ajv-formats": "^3.0.1",
-    "tsx": "^4.7.3"
+    "tsx": "^4.7.3",
+    "ink": "^4.4.1",
+    "react": "^18.3.1"
   },
   "description": "Codify is a set up as code tool for developers",
   "devDependencies": {
@@ -23,6 +25,7 @@
     "@types/mock-fs": "^4.13.3",
     "@types/node": "^18",
     "@types/semver": "^7.5.4",
+    "@types/react": "^18.3.1",
     "eslint-config-prettier": "^9.0.0",
     "chai": "^4",
     "chai-as-promised": "^7.1.1",

src/commands/plan/index.ts src/commands/plan/index.tsxsrc/commands/plan/index.ts renamed to src/commands/plan/index.tsx

@@ -1,5 +1,8 @@
 import { Args, Command, Flags } from '@oclif/core'
+import { render, Text } from 'ink';
 import * as path from 'node:path';
+import * as React from 'react';
+
 import { PlanOrchestrator } from '../../orchestrators/plan.js';
 
 export default class Plan extends Command {
@@ -25,6 +28,8 @@ export default class Plan extends Command {
   public async run(): Promise<void> {
     const { args, flags } = await this.parse(Plan)
 
+    render(<Text color="blue">Test Text</Text>);
+
     const name = flags.name ?? 'world'
     this.log(`hello ${name} from /Users/kevinwang/Projects/codify/codify-core/src/commands/plan.ts`)
     if (args.file && flags.force) {

tsconfig.json

@@ -5,6 +5,7 @@
     "moduleResolution": "Node16",
     "esModuleInterop": true,
     "resolveJsonModule": true,
+    "jsx": "react",
     "outDir": "dist",
     "rootDir": "src",
     "strict": true,