feat: Added messaging for all paths in import. Added back resource config display when user checks "no" for saving.

Author: kevinwang5658

src/orchestrators/import.ts

@@ -73,7 +73,7 @@ export class ImportOrchestrator {
     const importResult = await ImportOrchestrator.getImportedConfigs(pluginManager, valuesToImport)
 
     ctx.processFinished(ProcessName.IMPORT)
-    reporter.displayImportResult(importResult);
+    reporter.displayImportResult(importResult, false);
 
     const additionalResourceInfo = await pluginManager.getMultipleResourceInfo(project.resourceConfigs.map((r) => r.type));
     resourceInfoList.push(...additionalResourceInfo);
@@ -151,7 +151,13 @@ ${JSON.stringify(unsupportedTypeIds)}`);
     } else if (promptResult === 'In a new file') {
       const newFileName = await ImportOrchestrator.generateNewImportFileName();
       await ImportOrchestrator.saveNewFile(newFileName, importResult);
+
     } else if (promptResult === 'No') {
+      reporter.displayImportResult(importResult, true);
+      reporter.displayMessage('\n🎉 Imported completed 🎉')
+
+      await sleep(100);
+      process.exit(0);
     }
   }
 

src/ui/components/default-component.tsx

@@ -95,8 +95,8 @@ export function DefaultComponent(props: {
     }
     {
       renderStatus === RenderStatus.DISPLAY_IMPORT_RESULT && (
-        <Static items={[renderData as ImportResult]}>{
-          (importResult, idx) => <ImportResultComponent importResult={importResult} key={idx} />
+        <Static items={[renderData as { importResult: ImportResult; showConfigs: boolean }]}>{
+          (renderData, idx) => <ImportResultComponent importResult={renderData.importResult} key={idx} showConfigs={renderData.showConfigs} />
         }</Static>
       )
     }

src/ui/components/import/import-result.tsx

@@ -5,14 +5,15 @@ import React from 'react';
 import { ImportResult } from '../../../orchestrators/import.js';
 
 export function ImportResultComponent(props: {
-  importResult: ImportResult
+  importResult: ImportResult;
+  showConfigs: boolean
 }) {
   const { result, errors } = props.importResult
 
   return <Box flexDirection="column">
     <Text> </Text>
     {
-      result.length > 0 && (<Box flexDirection="column">
+      result.length > 0 && !props.showConfigs && (<Box flexDirection="column">
         <Text bold={true} color={'green'}>Successfully imported the following configs:</Text>
         <OrderedList>
           {
@@ -23,6 +24,17 @@ export function ImportResultComponent(props: {
         </OrderedList>
       </Box>)
     }
+    {
+      props.showConfigs && (
+        <Box flexDirection="column">
+          <Box borderColor="green" borderStyle="round">
+            <Text>Codify Import</Text>
+          </Box>
+          <br/>
+          <Text>{ JSON.stringify(result.map((r) => r.raw), null, 2)}</Text>
+        </Box>
+      )
+    }
     <Text> </Text>
     {
       errors.length > 0 && (<Box flexDirection="column">

src/ui/reporters/default-reporter.tsx

@@ -99,8 +99,8 @@ export class DefaultReporter implements Reporter {
     }
   }
 
-  displayImportResult(importResult: ImportResult): void {
-    this.updateRenderState(RenderStatus.DISPLAY_IMPORT_RESULT, importResult);
+  displayImportResult(importResult: ImportResult, showConfigs: boolean): void {
+    this.updateRenderState(RenderStatus.DISPLAY_IMPORT_RESULT, { importResult, showConfigs });
     store.set(store.progressState, null);
   }
 

src/ui/reporters/reporter.ts

@@ -49,7 +49,7 @@ export interface Reporter {
 
   promptUserForValues(resources: Array<ResourceInfo>, promptType: PromptType): Promise<ResourceConfig[]>;
 
-  displayImportResult(importResult: ImportResult): void;
+  displayImportResult(importResult: ImportResult, showConfigs: boolean): void;
 
   displayFileModification(diff: string): void