feat: Add json reporter

Author: kevinwang5658

new.codify.json

@@ -13,7 +13,6 @@ export default class Plan extends BaseCommand {
   ]
 
   async init(): Promise<void> {
-    console.log('Running Codify plan...')
     return super.init();
   }
 

src/commands/plan/index.ts

@@ -9,14 +9,12 @@ import { Reporter, ReporterFactory, ReporterType } from '../ui/reporters/reporte
 import { prettyPrintError } from './errors.js';
 
 export abstract class BaseCommand extends Command {
-  static enableJsonFlag = true;
-
   static baseFlags = {
     'debug': Flags.boolean(),
     'output': Flags.option({
       char: 'o',
       default: 'default',
-      options: ['plain', 'default', 'debug', 'json'],
+      options: ['plain', 'default', 'json'],
     })(),
     'secure': Flags.boolean({
       char: 's',

src/common/base-command.ts

@@ -1,24 +1,25 @@
-import { MultiSelect } from '@inkjs/ui';
+import { Select } from '@inkjs/ui';
 import { Box, Static, Text } from 'ink';
 import BigText from 'ink-big-text';
 import Gradient from 'ink-gradient';
 import EventEmitter from 'node:events';
 import React from 'react';
+
 import { RenderEvent } from '../../reporters/reporter.js';
 
 export function InitBanner(props: { emitter: EventEmitter }) {
   return <Box flexDirection='column'>
     <Static items={[{}]}>{
       () => <Box flexDirection='column' key='0'>
         <Gradient name='morning'>
-          <BigText text='Codify' font='tiny'/>
+          <BigText font='tiny' text='Codify'/>
         </Gradient>
         <Text>Codify is a configuration-as-code tool that helps you setup and manage your system.</Text>
         <Text>Use this init flow to get started quickly with Codify.</Text>
         <Text> </Text>
         <Text bold>Codify will scan your system for any supported programs or settings and automatically generate configs for you.</Text>
       </Box>
     }</Static>
-    <MultiSelect options={[{ label: 'Continue', value: 'Continue' }]} onSubmit={() => { props.emitter.emit(RenderEvent.PROMPT_RESULT); }}/>
+    <Select onChange={() => { props.emitter.emit(RenderEvent.PROMPT_RESULT); }} options={[{ label: 'Continue', value: 'Continue' }]}/>
   </Box>
 }

src/ui/components/init/InitBanner.tsx

@@ -0,0 +1,54 @@
+import { SudoRequestData, SudoRequestResponseData } from 'codify-schemas';
+
+import { Plan } from '../../entities/plan.js';
+import { ResourceConfig } from '../../entities/resource-config.js';
+import { ResourceInfo } from '../../entities/resource-info.js';
+import { ImportResult } from '../../orchestrators/import.js';
+import { FileModificationResult } from '../../utils/file-modification-calculator.js';
+import { PromptType, Reporter } from './reporter.js';
+
+export class JsonReporter implements Reporter {
+    displayPlan(plan: Plan): void {
+      console.log(JSON.stringify(plan.resources.map((r) => r.raw), null, 2));
+    }
+
+    async displayInitBanner(): Promise<void> {}
+
+    async displayProgress(): Promise<void> {}
+
+    async hide(): Promise<void> {}
+
+    async promptInitResultSelection(availableTypes: string[]): Promise<string[]> {
+      return availableTypes;
+    }
+    
+    async promptInput(prompt: string, error?: string | undefined, validation?: (() => Promise<boolean>) | undefined, autoComplete?: ((input: string) => string[]) | undefined): Promise<string> {
+      throw new Error(`Json reporter error: user input is required for prompt: ${prompt}. The Json reporter doesn't support user input. Make sure to have parameters preconfigured`);
+    }
+    
+    async promptConfirmation(message: string): Promise<boolean> {
+      return true;
+    }
+    
+    async promptOptions(message: string, options: string[]): Promise<number> {
+      throw new Error('Json reporter error: this reporter does not support prompting options. Use another reporter.')
+    }
+    
+    async promptSudo(pluginName: string, data: SudoRequestData, secureMode: boolean): Promise<SudoRequestResponseData> {
+      throw new Error(`Json reporter error: sudo required for command: ${data.command}. Make sure to preconfigure the sudo password for the Json reporter`);
+    }
+    
+    async promptUserForValues(resources: ResourceInfo[], promptType: PromptType): Promise<ResourceConfig[]> {
+      throw new Error('Json reporter error: cannot prompt user for values while using Json reporter. Use a different reporter.');
+    }
+    
+    async displayImportResult(importResult: ImportResult, showConfigs: boolean): void {
+      console.log(JSON.stringify(importResult.result.map((r) => r.raw)));
+    }
+    
+    async displayFileModifications(diff: { file: string; modification: FileModificationResult; }[]): void {}
+    
+    displayMessage(message: string): void {}
+  
+    async displayImportWarning(requiresParameters: string[], noParametersRequired: string[]): Promise<void> {}
+}

src/ui/reporters/json-reporter.ts

@@ -8,6 +8,7 @@ import { ResourceConfig } from '../../entities/resource-config.js';
 import { FileModificationResult } from '../../utils/file-modification-calculator.js';
 import { PlainReporter } from './plain-reporter.js';
 import { DebugReporter } from './debug-reporter.js';
+import { JsonReporter } from './json-reporter.js';
 
 export enum RenderEvent {
   LOG = 'log',
@@ -90,7 +91,7 @@ export const ReporterFactory = {
       }
 
       case ReporterType.JSON: {
-        return new DefaultReporter();
+        return new JsonReporter();
       }
 
       default: {