@ronas-it/nx-generators 0.10.3 → 0.10.4

package/README.md

@@ -85,7 +85,9 @@ Generates and configures an Expo React Native app.
 ```sh
 npx nx g expo-app --name=my-app --directory=mobile
 ```
+
 or
+
 ```sh
 npx nx g expo-app my-app mobile
 ```
@@ -105,7 +107,9 @@ Generates and configures a Next.js app.
 ```sh
 npx nx g next-app --name=my-app --directory=web
 ```
+
 or
+
 ```sh
 npx nx g next-app my-app web
 ```
@@ -141,7 +145,9 @@ Generates a library according to [NX notation](https://nx.dev/concepts/more-conc
 ```sh
 npx nx g react-lib --app=mobile --scope=account --type=features --name=profile-settings --withComponent --withComponentForwardRef --dryRun
 ```
+
 or
+
 ```sh
 npx nx g react-lib --dryRun
 ```
@@ -235,7 +241,9 @@ Creates a React component in particular library.
 ```sh
 npx nx g react-component --name=AppButton --subcomponent --withForwardRef
 ```
+
 or
+
 ```sh
 npx nx g react-component AppButton --subcomponent --withForwardRef
 ```
@@ -256,7 +264,9 @@ Generates a form schema class and adds its usage to a component or a hook.
 ```sh
 npx nx g form --name=profile-settings --placeOfUse=ProfileSettings
 ```
+
 or
+
 ```sh
 npx nx g form profile-settings ProfileSettings
 ```
@@ -286,4 +296,3 @@ Each generator accepts the `--help` argument to see generator instructions.
 ```sh
 npx nx g react-lib --help
 ```
-

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ronas-it/nx-generators",
-  "version": "0.10.3",
+  "version": "0.10.4",
   "description": "NX generators for Ronas IT projects",
   "license": "MIT",
   "author": "Ronas IT",

package/src/generators/code-checks/files/.eslintrc.json.template

@@ -2,5 +2,177 @@
   "root": true,
   "plugins": ["@nx"],
   "extends": ["./.eslint.ronasit.json"],
-  "overrides": []
+  "overrides": [
+    {
+      "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
+      "rules": {
+        "@stylistic/array-bracket-newline": "off",
+        "@stylistic/array-bracket-spacing": "off",
+        "@stylistic/array-element-newline": "off",
+        "@stylistic/arrow-parens": "off",
+        "@stylistic/arrow-spacing": "off",
+        "@stylistic/block-spacing": "off",
+        "@stylistic/brace-style": "off",
+        "@stylistic/comma-dangle": "off",
+        "@stylistic/comma-spacing": "off",
+        "@stylistic/comma-style": "off",
+        "@stylistic/computed-property-spacing": "off",
+        "@stylistic/dot-location": "off",
+        "@stylistic/eol-last": "off",
+        "@stylistic/func-call-spacing": "off",
+        "@stylistic/function-call-argument-newline": "off",
+        "@stylistic/function-call-spacing": "off",
+        "@stylistic/function-paren-newline": "off",
+        "@stylistic/generator-star-spacing": "off",
+        "@stylistic/implicit-arrow-linebreak": "off",
+        "@stylistic/indent": "off",
+        "@stylistic/jsx-quotes": "off",
+        "@stylistic/key-spacing": "off",
+        "@stylistic/keyword-spacing": "off",
+        "@stylistic/linebreak-style": "off",
+        "@stylistic/max-statements-per-line": "off",
+        "@stylistic/multiline-ternary": "off",
+        "@stylistic/new-parens": "off",
+        "@stylistic/newline-per-chained-call": "off",
+        "@stylistic/no-extra-parens": "off",
+        "@stylistic/no-extra-semi": "off",
+        "@stylistic/no-floating-decimal": "off",
+        "@stylistic/no-mixed-spaces-and-tabs": "off",
+        "@stylistic/no-multi-spaces": "off",
+        "@stylistic/no-multiple-empty-lines": "off",
+        "@stylistic/no-trailing-spaces": "off",
+        "@stylistic/no-whitespace-before-property": "off",
+        "@stylistic/nonblock-statement-body-position": "off",
+        "@stylistic/object-curly-newline": "off",
+        "@stylistic/object-curly-spacing": "off",
+        "@stylistic/object-property-newline": "off",
+        "@stylistic/one-var-declaration-per-line": "off",
+        "@stylistic/operator-linebreak": "off",
+        "@stylistic/padded-blocks": "off",
+        "@stylistic/quote-props": "off",
+        "@stylistic/rest-spread-spacing": "off",
+        "@stylistic/semi": "off",
+        "@stylistic/semi-spacing": "off",
+        "@stylistic/semi-style": "off",
+        "@stylistic/space-before-blocks": "off",
+        "@stylistic/space-before-function-paren": "off",
+        "@stylistic/space-in-parens": "off",
+        "@stylistic/space-infix-ops": "off",
+        "@stylistic/space-unary-ops": "off",
+        "@stylistic/switch-colon-spacing": "off",
+        "@stylistic/template-curly-spacing": "off",
+        "@stylistic/template-tag-spacing": "off",
+        "@stylistic/wrap-iife": "off",
+        "@stylistic/wrap-regex": "off",
+        "@stylistic/yield-star-spacing": "off",
+        "@stylistic/member-delimiter-style": "off",
+        "@stylistic/type-annotation-spacing": "off",
+        "@stylistic/jsx-child-element-spacing": "off",
+        "@stylistic/jsx-closing-bracket-location": "off",
+        "@stylistic/jsx-closing-tag-location": "off",
+        "@stylistic/jsx-curly-newline": "off",
+        "@stylistic/jsx-curly-spacing": "off",
+        "@stylistic/jsx-equals-spacing": "off",
+        "@stylistic/jsx-first-prop-new-line": "off",
+        "@stylistic/jsx-indent": "off",
+        "@stylistic/jsx-indent-props": "off",
+        "@stylistic/jsx-max-props-per-line": "off",
+        "@stylistic/jsx-newline": "off",
+        "@stylistic/jsx-one-expression-per-line": "off",
+        "@stylistic/jsx-props-no-multi-spaces": "off",
+        "@stylistic/jsx-tag-spacing": "off",
+        "@stylistic/jsx-wrap-multilines": "off",
+        "@stylistic/indent-binary-ops": "off",
+        "@stylistic/type-generic-spacing": "off",
+        "@stylistic/type-named-tuple-spacing": "off",
+        "@stylistic/js/array-bracket-newline": "off",
+        "@stylistic/js/array-bracket-spacing": "off",
+        "@stylistic/js/array-element-newline": "off",
+        "@stylistic/js/arrow-parens": "off",
+        "@stylistic/js/arrow-spacing": "off",
+        "@stylistic/js/block-spacing": "off",
+        "@stylistic/js/brace-style": "off",
+        "@stylistic/js/comma-dangle": "off",
+        "@stylistic/js/comma-spacing": "off",
+        "@stylistic/js/comma-style": "off",
+        "@stylistic/js/computed-property-spacing": "off",
+        "@stylistic/js/dot-location": "off",
+        "@stylistic/js/eol-last": "off",
+        "@stylistic/js/func-call-spacing": "off",
+        "@stylistic/js/function-call-argument-newline": "off",
+        "@stylistic/js/function-call-spacing": "off",
+        "@stylistic/js/function-paren-newline": "off",
+        "@stylistic/js/generator-star-spacing": "off",
+        "@stylistic/js/implicit-arrow-linebreak": "off",
+        "@stylistic/js/indent": "off",
+        "@stylistic/js/jsx-quotes": "off",
+        "@stylistic/js/key-spacing": "off",
+        "@stylistic/js/keyword-spacing": "off",
+        "@stylistic/js/linebreak-style": "off",
+        "@stylistic/js/max-statements-per-line": "off",
+        "@stylistic/js/multiline-ternary": "off",
+        "@stylistic/js/new-parens": "off",
+        "@stylistic/js/newline-per-chained-call": "off",
+        "@stylistic/js/no-extra-parens": "off",
+        "@stylistic/js/no-extra-semi": "off",
+        "@stylistic/js/no-floating-decimal": "off",
+        "@stylistic/js/no-mixed-spaces-and-tabs": "off",
+        "@stylistic/js/no-multi-spaces": "off",
+        "@stylistic/js/no-multiple-empty-lines": "off",
+        "@stylistic/js/no-trailing-spaces": "off",
+        "@stylistic/js/no-whitespace-before-property": "off",
+        "@stylistic/js/nonblock-statement-body-position": "off",
+        "@stylistic/js/object-curly-newline": "off",
+        "@stylistic/js/object-curly-spacing": "off",
+        "@stylistic/js/object-property-newline": "off",
+        "@stylistic/js/one-var-declaration-per-line": "off",
+        "@stylistic/js/operator-linebreak": "off",
+        "@stylistic/js/padded-blocks": "off",
+        "@stylistic/js/quote-props": "off",
+        "@stylistic/js/rest-spread-spacing": "off",
+        "@stylistic/js/semi": "off",
+        "@stylistic/js/semi-spacing": "off",
+        "@stylistic/js/semi-style": "off",
+        "@stylistic/js/space-before-blocks": "off",
+        "@stylistic/js/space-before-function-paren": "off",
+        "@stylistic/js/space-in-parens": "off",
+        "@stylistic/js/space-infix-ops": "off",
+        "@stylistic/js/space-unary-ops": "off",
+        "@stylistic/js/switch-colon-spacing": "off",
+        "@stylistic/js/template-curly-spacing": "off",
+        "@stylistic/js/template-tag-spacing": "off",
+        "@stylistic/js/wrap-iife": "off",
+        "@stylistic/js/wrap-regex": "off",
+        "@stylistic/js/yield-star-spacing": "off",
+        "@stylistic/ts/block-spacing": "off",
+        "@stylistic/ts/brace-style": "off",
+        "@stylistic/ts/comma-dangle": "off",
+        "@stylistic/ts/comma-spacing": "off",
+        "@stylistic/ts/func-call-spacing": "off",
+        "@stylistic/ts/function-call-spacing": "off",
+        "@stylistic/ts/indent": "off",
+        "@stylistic/ts/key-spacing": "off",
+        "@stylistic/ts/keyword-spacing": "off",
+        "@stylistic/ts/member-delimiter-style": "off",
+        "@stylistic/ts/no-extra-parens": "off",
+        "@stylistic/ts/no-extra-semi": "off",
+        "@stylistic/ts/object-curly-spacing": "off",
+        "@stylistic/ts/semi": "off",
+        "@stylistic/ts/space-before-blocks": "off",
+        "@stylistic/ts/space-before-function-paren": "off",
+        "@stylistic/ts/space-infix-ops": "off",
+        "@stylistic/ts/type-annotation-spacing": "off",
+        "@stylistic/jsx/jsx-child-element-spacing": "off",
+        "@stylistic/jsx/jsx-closing-bracket-location": "off",
+        "@stylistic/jsx/jsx-closing-tag-location": "off",
+        "@stylistic/jsx/jsx-curly-newline": "off",
+        "@stylistic/jsx/jsx-curly-spacing": "off",
+        "@stylistic/jsx/jsx-equals-spacing": "off",
+        "@stylistic/jsx/jsx-first-prop-new-line": "off",
+        "@stylistic/jsx/jsx-indent": "off",
+        "@stylistic/jsx/jsx-indent-props": "off",
+        "@stylistic/jsx/jsx-max-props-per-line": "off"
+      }
+    }
+  ]
 }

package/src/generators/code-checks/generator.ts

@@ -56,15 +56,11 @@ export async function codeChecksGenerator(tree: Tree, options: CodeChecksGenerat
   writeJson(tree, '.eslintrc.json', esLintConfig);
 
   // Install necessary dependencies
-  addDependenciesToPackageJson(
-    tree,
-    {},
-    devDependencies['code-checks']
-  );
+  addDependenciesToPackageJson(tree, {}, devDependencies['code-checks']);
 
   await formatFiles(tree);
 
-  return () => {
+  return (): void => {
     installPackagesTask(tree);
   };
 }

package/src/generators/code-checks/scripts.ts

@@ -1,5 +1,5 @@
 export default {
-  'lint': 'npx tsc && cross-env ESLINT_USE_FLAT_CONFIG=false npx eslint ./',
-  'format': 'npx prettier --write . && npm run lint -- --fix',
-  'prepare': 'husky',
-}
+  lint: 'npx tsc && cross-env ESLINT_USE_FLAT_CONFIG=false npx eslint ./',
+  format: 'npx prettier --write . && npm run lint -- --fix',
+  prepare: 'husky',
+};

package/src/generators/entity-api/generator.ts

@@ -12,11 +12,11 @@ import {
   getNxLibsPaths,
   LibraryType,
   searchAliasPath,
-  searchNxLibsPaths
+  searchNxLibsPaths,
 } from '../../shared/utils';
 import { EntityApiGeneratorSchema } from './schema';
 
-export async function entityApiGenerator(tree: Tree, options: EntityApiGeneratorSchema) {
+export async function entityApiGenerator(tree: Tree, options: EntityApiGeneratorSchema): Promise<void> {
   const { default: autocomplete } = await dynamicImport<typeof import('inquirer-autocomplete-standalone')>(
     'inquirer-autocomplete-standalone',
   );
@@ -35,14 +35,14 @@ export async function entityApiGenerator(tree: Tree, options: EntityApiGenerator
   if (apiClientLibsPaths.length > 1) {
     apiClientLibsPaths[0] = await autocomplete({
       message: 'Select the api client library path:',
-      source: (input) => filterSource(input as string, apiClientLibsPaths)
+      source: (input) => filterSource(input as string, apiClientLibsPaths),
     });
   }
 
   if (apiLibsPaths.length > 1) {
     apiLibsPaths[0] = await autocomplete({
       message: 'Select the api library path:',
-      source: (input) => filterSource(input as string, apiLibsPaths)
+      source: (input) => filterSource(input as string, apiLibsPaths),
     });
   }
 
@@ -71,7 +71,7 @@ export async function entityApiGenerator(tree: Tree, options: EntityApiGenerator
     entityName,
     entityFileName: apiName,
     apiClientDirectory,
-    baseEndpoint: options.baseEndpoint.startsWith('/') ? options.baseEndpoint : `/${options.baseEndpoint}`
+    baseEndpoint: options.baseEndpoint.startsWith('/') ? options.baseEndpoint : `/${options.baseEndpoint}`,
   });
 
   tree.rename(`${apiPath}/models/entity.ts`, `${apiPath}/models/${apiName}.ts`);
@@ -89,7 +89,7 @@ export async function entityApiGenerator(tree: Tree, options: EntityApiGenerator
   if (storeLibsPaths.length > 1) {
     storeLibsPaths[0] = await autocomplete({
       message: 'Select the store library path:',
-      source: (input) => filterSource(input as string, storeLibsPaths)
+      source: (input) => filterSource(input as string, storeLibsPaths),
     });
   }
 
@@ -98,8 +98,8 @@ export async function entityApiGenerator(tree: Tree, options: EntityApiGenerator
   const project = new Project({
     manipulationSettings: {
       indentationText: IndentationText.TwoSpaces,
-      quoteKind: QuoteKind.Single
-    }
+      quoteKind: QuoteKind.Single,
+    },
   });
   const store = project.addSourceFileAtPath(`${storeLibsPaths[0]}/store.ts`);
 
@@ -110,7 +110,7 @@ export async function entityApiGenerator(tree: Tree, options: EntityApiGenerator
   rootReducer.getInitializerIfKindOrThrow(SyntaxKind.ObjectLiteralExpression).addProperty({
     name: `[${apiNameDeclaration}.reducerPath]`,
     initializer: `${apiNameDeclaration}.reducer`,
-    kind: StructureKind.PropertyAssignment
+    kind: StructureKind.PropertyAssignment,
   });
 
   const middlewares = store.getVariableDeclarationOrThrow('middlewares');

package/src/generators/expo-app/generator.ts

@@ -1,4 +1,5 @@
 import { execSync } from 'child_process';
+import { existsSync, rmSync } from 'fs';
 import * as path from 'path';
 import {
   addDependenciesToPackageJson,
@@ -9,11 +10,8 @@ import {
   readProjectConfiguration,
   Tree,
   updateProjectConfiguration,
-  writeJson
+  writeJson,
 } from '@nx/devkit';
-import { ExpoAppGeneratorSchema } from './schema';
-import scripts from './scripts';
-import { existsSync, rmSync } from 'fs';
 import { dependencies, devDependencies } from '../../shared/dependencies';
 import { BaseGeneratorType } from '../../shared/enums';
 import {
@@ -23,19 +21,21 @@ import {
   runRNStylesGenerator,
   runFormUtilsGenerator,
   runStoreGenerator,
-  runUIKittenGenerator
+  runUIKittenGenerator,
 } from '../../shared/generators';
 import { formatName, formatAppIdentifier, addNxAppTag, askQuestion, getImportPathPrefix } from '../../shared/utils';
+import { ExpoAppGeneratorSchema } from './schema';
+import scripts from './scripts';
 
-export async function expoAppGenerator(
-  tree: Tree,
-  options: ExpoAppGeneratorSchema
-) {
-  const shouldGenerateStoreLib = await askQuestion('Do you want to create store lib? (y/n): ') === 'y';
-  const shouldGenerateApiClientLib = shouldGenerateStoreLib && await askQuestion('Do you want to create api client lib? (y/n): ') === 'y';
-  const shouldGenerateAuthLibs = shouldGenerateApiClientLib && await askQuestion('Do you want to create auth lib? (y/n): ') === 'y';
-  const shouldGenerateFormUtilsLib = await askQuestion('Do you want to create a lib with the form utils? (y/n): ') === 'y';
-  const shouldGenerateUIKittenLib = await askQuestion('Do you want to install @ui-kitten? (y/n): ') === 'y';
+export async function expoAppGenerator(tree: Tree, options: ExpoAppGeneratorSchema) {
+  const shouldGenerateStoreLib = (await askQuestion('Do you want to create store lib? (y/n): ')) === 'y';
+  const shouldGenerateApiClientLib =
+    shouldGenerateStoreLib && (await askQuestion('Do you want to create api client lib? (y/n): ')) === 'y';
+  const shouldGenerateAuthLibs =
+    shouldGenerateApiClientLib && (await askQuestion('Do you want to create auth lib? (y/n): ')) === 'y';
+  const shouldGenerateFormUtilsLib =
+    (await askQuestion('Do you want to create a lib with the form utils? (y/n): ')) === 'y';
+  const shouldGenerateUIKittenLib = (await askQuestion('Do you want to install @ui-kitten? (y/n): ')) === 'y';
 
   const appRoot = `apps/${options.directory}`;
   const i18nRoot = `i18n/${options.directory}`;
@@ -55,7 +55,7 @@ export async function expoAppGenerator(
   } else {
     execSync(
       `npx nx g @nx/expo:app ${options.name} --directory=apps/${options.directory} --tags="${tags.join(', ')}" --linter=eslint --unitTestRunner=none --e2eTestRunner=none`,
-      { stdio: 'inherit' }
+      { stdio: 'inherit' },
     );
   }
 
@@ -116,7 +116,7 @@ export async function expoAppGenerator(
     formatDirectory: () => libPath,
     isUIKittenEnabled: shouldGenerateUIKittenLib,
     isStoreEnabled: shouldGenerateStoreLib,
-    appDirectory: options.directory
+    appDirectory: options.directory,
   });
 
   addNxAppTag(tree, options.directory);
@@ -127,19 +127,19 @@ export async function expoAppGenerator(
     tree,
     {
       ...dependencies['expo-app'],
-      ...dependencies['expo-app-root']
+      ...dependencies['expo-app-root'],
     },
     {
       ...devDependencies['expo-app'],
-      ...devDependencies['expo-app-root']
-    }
+      ...devDependencies['expo-app-root'],
+    },
   );
 
   addDependenciesToPackageJson(tree, dependencies['expo-app'], devDependencies['expo-app'], appPackagePath);
 
   await formatFiles(tree);
 
-  return () => {
+  return (): void => {
     installPackagesTask(tree);
     execSync('npx expo install --fix', { stdio: 'inherit' });
 

package/src/generators/expo-app/scripts.ts

@@ -1,5 +1,5 @@
 export default {
-  'start': 'cross-env EXPO_PUBLIC_APP_ENV=development npx expo start',
+  start: 'cross-env EXPO_PUBLIC_APP_ENV=development npx expo start',
   'start:prod': 'cross-env EXPO_PUBLIC_APP_ENV=production npx expo start',
   'build:dev': 'eas build --no-wait -p all --profile=development',
   'build:internal': 'npm run build:dev -- --profile=internal',

package/src/generators/form/generator.ts

@@ -1,21 +1,23 @@
-import { addDependenciesToPackageJson, formatFiles, generateFiles, installPackagesTask, Tree } from '@nx/devkit';
 import * as path from 'path';
-import { FormGeneratorSchema } from './schema';
-import { dynamicImport, formatName, getNxLibsPaths, LibraryType, searchNxLibsPaths } from '../../shared/utils';
+import { addDependenciesToPackageJson, formatFiles, generateFiles, installPackagesTask, Tree } from '@nx/devkit';
 import { dependencies } from '../../shared/dependencies';
+import { dynamicImport, formatName, getNxLibsPaths, LibraryType, searchNxLibsPaths } from '../../shared/utils';
+import { FormGeneratorSchema } from './schema';
 import { addFormUsage, getAppName, getFormUtilsDirectory, updateIndex } from './utils';
 
 export async function formGenerator(tree: Tree, options: FormGeneratorSchema) {
   // Get input data
-  const { default: autocomplete } = await dynamicImport<typeof import('inquirer-autocomplete-standalone')>('inquirer-autocomplete-standalone');
+  const { default: autocomplete } = await dynamicImport<typeof import('inquirer-autocomplete-standalone')>(
+    'inquirer-autocomplete-standalone',
+  );
   const availableLibsPaths = getNxLibsPaths([LibraryType.FEATURES, LibraryType.UI]);
   const libPath = await autocomplete({
     message: 'Enter the library path: ',
     source: async (input) => {
-      const filteredNxLibsPaths = searchNxLibsPaths(availableLibsPaths, input as string)
+      const filteredNxLibsPaths = searchNxLibsPaths(availableLibsPaths, input as string);
 
-      return filteredNxLibsPaths.map((path) => ({ value: path }))
-    }
+      return filteredNxLibsPaths.map((path) => ({ value: path }));
+    },
   });
   const fileName = options.name;
   const placeOfUse = options.placeOfUse;
@@ -27,13 +29,18 @@ export async function formGenerator(tree: Tree, options: FormGeneratorSchema) {
   // Generate form class
   const formsPath = `${libPath}/lib/forms`;
   const formFilePath = `${formsPath}/${fileName}.ts`;
+
   if (tree.exists(formFilePath)) {
     throw new Error('The form already exists');
   }
 
   const formUtilsDirectory = await getFormUtilsDirectory(tree, getAppName(libPath));
   const formClassName = `${formatName(fileName, true)}FormSchema`;
-  generateFiles(tree, path.join(__dirname, `files`), formsPath, { className: formClassName, fileName, formUtilsDirectory });
+  generateFiles(tree, path.join(__dirname, `files`), formsPath, {
+    className: formClassName,
+    fileName,
+    formUtilsDirectory,
+  });
   updateIndex(formsPath, fileName, tree);
 
   // Add form usage
@@ -45,7 +52,8 @@ export async function formGenerator(tree: Tree, options: FormGeneratorSchema) {
 
   // Install dependencies
   addDependenciesToPackageJson(tree, dependencies.form, {});
-  return () => {
+
+  return (): void => {
     installPackagesTask(tree);
   };
 }

package/src/generators/form/utils/add-form-usage.ts

@@ -7,7 +7,7 @@ import {
   QuoteKind,
   SourceFile,
   SyntaxKind,
-  VariableDeclaration
+  VariableDeclaration,
 } from 'ts-morph';
 import { addNamedImport } from '../../../shared/utils';
 
@@ -16,23 +16,28 @@ function getFormUsageCode(formClassName: string): string {
 const form = useForm({
   defaultValues: formSchema.formValues,
   resolver: yupResolver(${formClassName}.validationSchema)
-});\n\n`
+});\n\n`;
 }
 
 function getForwardRefFunction(variable: VariableDeclaration): FunctionExpression | ArrowFunction {
   const callExpressionInitializer = variable.getInitializerIfKind(SyntaxKind.CallExpression);
-  const hasForwardRef = callExpressionInitializer?.getExpression().getText() === 'forwardRef'
+  const hasForwardRef = callExpressionInitializer?.getExpression().getText() === 'forwardRef';
+
   if (!hasForwardRef) {
     throw new Error('Could not find forwardRef');
   }
 
   const argument = callExpressionInitializer.getArguments()[0];
-  const hasComponentFunction = argument && [SyntaxKind.FunctionExpression, SyntaxKind.ArrowFunction].includes(argument.getKind())
+  const hasComponentFunction =
+    argument && [SyntaxKind.FunctionExpression, SyntaxKind.ArrowFunction].includes(argument.getKind());
+
   if (!hasComponentFunction) {
     throw new Error('Could not find a component function in forwardRef');
   }
 
-  const functionExpression = argument.asKind(argument.getKind() === SyntaxKind.FunctionExpression ? SyntaxKind.FunctionExpression : SyntaxKind.ArrowFunction);
+  const functionExpression = argument.asKind(
+    argument.getKind() === SyntaxKind.FunctionExpression ? SyntaxKind.FunctionExpression : SyntaxKind.ArrowFunction,
+  );
 
   if (!functionExpression) {
     throw new Error('Could not get a component function in forwardRef');
@@ -41,31 +46,39 @@ function getForwardRefFunction(variable: VariableDeclaration): FunctionExpressio
   return functionExpression;
 }
 
-function getPlaceOfUse(file: SourceFile, placeOfUseName: string): FunctionExpression | ArrowFunction | FunctionDeclaration {
+function getPlaceOfUse(
+  file: SourceFile,
+  placeOfUseName: string,
+): FunctionExpression | ArrowFunction | FunctionDeclaration {
   const placeOfUseFunction = file.getFunction(placeOfUseName);
+
   if (placeOfUseFunction) {
     return placeOfUseFunction;
   }
 
   const variable = file.getVariableDeclaration(placeOfUseName);
+
   if (!variable) {
     throw new Error(`Could not find the place where the form should be used (${placeOfUseName}).`);
   }
 
-  return variable.getInitializerIfKind(SyntaxKind.FunctionExpression)
-    || variable.getInitializerIfKind(SyntaxKind.ArrowFunction)
-    || getForwardRefFunction(variable);
+  return (
+    variable.getInitializerIfKind(SyntaxKind.FunctionExpression) ||
+    variable.getInitializerIfKind(SyntaxKind.ArrowFunction) ||
+    getForwardRefFunction(variable)
+  );
 }
 
 export async function addFormUsage(libPath: string, placeOfUseName: string, formClassName: string): Promise<void> {
   const project = new Project({
     manipulationSettings: {
       indentationText: IndentationText.TwoSpaces,
-      quoteKind: QuoteKind.Single
-    }
+      quoteKind: QuoteKind.Single,
+    },
   });
   const files = project.addSourceFilesAtPaths([`${libPath}/lib/**/*.tsx`, `${libPath}/lib/**/*.ts`]);
   const file = files.find((file) => file.getFunction(placeOfUseName) || file.getVariableDeclaration(placeOfUseName));
+
   if (!file) {
     throw new Error('Could not find the place where the form should be used.');
   }

package/src/generators/form/utils/get-form-utils-directory.ts

@@ -1,3 +1,5 @@
+import { Tree } from '@nx/devkit';
+import { runFormUtilsGenerator } from '../../../shared/generators';
 import {
   constants,
   dynamicImport,
@@ -6,24 +8,31 @@ import {
   LibraryType,
   searchAliasPath,
   searchNxLibsPaths,
-  selectProject
+  selectProject,
 } from '../../../shared/utils';
-import { runFormUtilsGenerator } from '../../../shared/generators';
-import { Tree } from '@nx/devkit';
 import { getAppName } from './get-app-name';
 
 function getFormUtilsPaths(): Array<string> {
   const utilsLibsPaths = getNxLibsPaths([LibraryType.UTILS]);
+
   return searchNxLibsPaths(utilsLibsPaths, 'utils/form/src', 'endsWith');
 }
 
 export async function getFormUtilsDirectory(tree: Tree, appName: string): Promise<string> {
-  const { default: autocomplete } = await dynamicImport<typeof import('inquirer-autocomplete-standalone')>('inquirer-autocomplete-standalone');
+  const { default: autocomplete } = await dynamicImport<typeof import('inquirer-autocomplete-standalone')>(
+    'inquirer-autocomplete-standalone',
+  );
 
   const formUtilsLibsPaths = getFormUtilsPaths();
 
   if (!formUtilsLibsPaths.length) {
-    const formUtilsAppDirectory = (await selectProject(tree, 'application', 'It\'s necessary to generate form utilities. What application should they be in?')).name;
+    const formUtilsAppDirectory = (
+      await selectProject(
+        tree,
+        'application',
+        'It\'s necessary to generate form utilities. What application should they be in?',
+      )
+    ).name;
     await runFormUtilsGenerator(tree, { directory: formUtilsAppDirectory });
 
     return searchAliasPath(getFormUtilsPaths()[0]) as string;
@@ -38,7 +47,11 @@ export async function getFormUtilsDirectory(tree: Tree, appName: string): Promis
 
     formUtilsLibsPaths[0] = await autocomplete({
       message: 'Select the path of the library with the form utilities: ',
-      source: (input) => filterSource(input as string, formUtilsLibsPaths.filter((path) => [appName, constants.sharedValue].includes(getAppName(path))))
+      source: (input) =>
+        filterSource(
+          input as string,
+          formUtilsLibsPaths.filter((path) => [appName, constants.sharedValue].includes(getAppName(path))),
+        ),
     });
   }
 

package/src/generators/form/utils/update-index.ts

@@ -1,11 +1,12 @@
+import { existsSync } from 'fs';
 import { Tree } from '@nx/devkit';
 import { kebabCase } from 'lodash';
-import { existsSync } from 'fs';
 import { appendFileContent } from '../../../shared/utils';
 
 export function updateIndex(formsPath: string, fileName: string, tree: Tree): void {
   const formsIndexFilePath = `${formsPath}/index.ts`;
   const newIndexContent = `export * from './${kebabCase(fileName)}';\n`;
+
   if (!existsSync(formsIndexFilePath)) {
     tree.write(formsIndexFilePath, newIndexContent);
   } else {