feat: Switched to using the custom codify-ink-form library to render the import prompt

Author: kevinwang5658

.npmrc

@@ -0,0 +1 @@
+@codifycli:registry=https://npm.pkg.github.com

package-lock.json

@@ -4,6 +4,7 @@
     "codify": "./bin/run.js"
   },
   "dependencies": {
+    "@codifycli/ink-form": "0.0.1",
     "@homebridge/node-pty-prebuilt-multiarch": "^0.12.0-beta.5",
     "@inkjs/ui": "^2",
     "@oclif/core": "^4.0.8",
@@ -15,7 +16,6 @@
     "codify-schemas": "^1.0.63",
     "debug": "^4.3.4",
     "ink": "^5",
-    "ink-form": "^2.0.1",
     "jotai": "^2.11.1",
     "js-yaml": "^4.1.0",
     "js-yaml-source-map": "^0.2.2",

package.json

@@ -28,6 +28,11 @@ export interface RequiredParameter {
    * The type (string, number, boolean) of the parameter. Un-related to type ids
    */
   type: string;
+
+  /**
+   * Description for a field
+   */
+  description?: string;
 }
 
 export class ImportOrchestrator {

src/orchestrators/import.ts

@@ -1,4 +1,4 @@
-import { Form, FormProps } from 'ink-form';
+import { Form, FormProps } from '@codifycli/ink-form';
 import React from 'react';
 
 import { RequiredParameters } from '../../../orchestrators/import.js';
@@ -10,14 +10,14 @@ export function ImportParametersForm(
 
   const form: FormProps = {
     form: {
-      title: 'Import: Additional information is required for the following resources',
+      title: 'codify import',
+      description: 'some parameters are required to continue import',
       sections: [...requiredParameters.entries()].map(([resourceName, v]) => ({
-        title: `${resourceName}`,
-        description: `Specify the following parameters for '${resourceName}'`,
+        title: resourceName,
         fields: v.map((resourceParameters) => ({
           type: resourceParameters.type,
-          name: `${resourceName}.${resourceParameters.name}`,
-          label: `'${resourceParameters.name}' parameter value`,
+          name: resourceParameters.name,
+          label: resourceParameters.name,
           required: true,
         })),
       })),

src/ui/components/import/index.tsx

@@ -49,12 +49,29 @@ export class DefaultReporter implements Reporter {
       return new Map();
     }
 
+    fullscreen()
+    process.on('beforeExit', exitFullScreen);
+
     const userInput = await this.updateStateAndAwaitEvent<object>(() => {
       this.updateRenderState(RenderStatus.IMPORT_PROMPT, requiredParameters);
     }, RenderEvent.PROMPT_IMPORT_PARAMETERS_RESULT);
 
+
+    exitFullScreen()
+    process.off('beforeExit', exitFullScreen);
     this.updateRenderState(RenderStatus.PROGRESS);
+
     return this.extractUserSuppliedParametersFromResult(userInput);
+
+    function fullscreen() {
+      process.stdout.write('\x1b[?1049h');
+      process.stdout.write('\x1b[?1000h');
+    }
+
+    function exitFullScreen() {
+      process.stdout.write('\x1b[?1049l');
+      process.stdout.write('\x1b[?1000l');
+    }
   }
 
   displayImportResult(importResult: ImportResult): void {