generate-react-cli 8.2.0-alpha.1 → 8.2.0-alpha.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "generate-react-cli",
-  "version": "8.2.0-alpha.1",
+  "version": "8.2.0-alpha.3",
   "description": "A simple React CLI to generate components instantly and more.",
   "repository": "https://github.com/arminbro/generate-react-cli",
   "bugs": "https://github.com/arminbro/generate-react-cli/issues",

package/src/commands/generateComponent.js

@@ -24,7 +24,8 @@ export default function initGenerateComponentCommand(args, cliConfigFile, progra
       'Describe the component you want GRC to generate (e.g., Create a counter component that increments by one when I click on the increment button).',
       null
     )
-    .option('-f, --flat', 'Generate the files in the mentioned path insted of creating new folder for it', false);
+    .option('-f, --flat', 'Generate the files in the mentioned path insted of creating new folder for it', false)
+    .option('-dr, --dry-run', 'Show what will be generated without writing to disk');
 
   // Dynamic component command option defaults.
 
@@ -38,8 +39,6 @@ export default function initGenerateComponentCommand(args, cliConfigFile, progra
     );
   });
 
-  componentCommand.option('--dry-run', 'Show what will be generated without writing to disk');
-
   // Component command action.
 
   componentCommand.action((componentNames, cmd) =>

package/src/services/openAiService.js

@@ -16,3 +16,20 @@ export async function aiComponentGenerator(componentTemplate, prompt) {
 
   return generatedComponent.data.choices[0].text;
 }
+
+export async function aiComponentTestGenerator(componentTemplate, prompt) {
+  const configuration = new Configuration({ apiKey: process.env.OPENAI_API_KEY });
+  const openAiApi = new OpenAIApi(configuration);
+
+  const generatedComponent = await openAiApi.createCompletion({
+    model: 'text-davinci-003',
+    prompt: `Create a React component unit tests using this template "${componentTemplate}", but make the adjustments needed with these instructions as follows "${prompt}"`,
+    temperature: 0.7,
+    max_tokens: 2000,
+    top_p: 1.0,
+    frequency_penalty: 0.0,
+    presence_penalty: 1,
+  });
+
+  return generatedComponent.data.choices[0].text;
+}

package/src/utils/generateComponentUtils.js

@@ -7,7 +7,7 @@ import snakeCase from 'lodash/snakeCase.js';
 import startCase from 'lodash/startCase.js';
 import fsExtra from 'fs-extra';
 
-import { aiComponentGenerator } from '../services/openAiService.js';
+import { aiComponentGenerator, aiComponentTestGenerator } from '../services/openAiService.js';
 import componentJsTemplate from '../templates/component/componentJsTemplate.js';
 import componentTsTemplate from '../templates/component/componentTsTemplate.js';
 import componentCssTemplate from '../templates/component/componentCssTemplate.js';
@@ -438,6 +438,30 @@ export function generateComponent(componentName, cmd, cliConfigFile) {
             return;
           }
 
+          // Generate component test with openAi, if component description is provided
+
+          if (cmd.describe && componentFileType === buildInComponentFileTypes.TEST) {
+            aiComponentTestGenerator(template, cmd.describe)
+              .then((aiGeneratedComponentTest) => {
+                outputFileSync(componentPath, aiGeneratedComponentTest.trim());
+                console.log(
+                  chalk.green(
+                    `OpenAI Successfully created the ${filename} component test with the provided description.`
+                  )
+                );
+              })
+              .catch((error) =>
+                console.log(
+                  chalk.red(
+                    `OpenAI failed to create the ${filename} component test with the provided description.`,
+                    error
+                  )
+                )
+              );
+
+            return;
+          }
+
           console.log(chalk.green(`${filename} was successfully created at ${componentPath}`));
         } catch (error) {
           console.error(chalk.red(`${filename} failed and was not created.`));