Tried to update dependencies but encountered conflicts, did not pursue at this time. Beginning to address depreciated code and clean up.

Author: Spencer-Lau

.eslintrc.json

@@ -1,22 +1,26 @@
 {
   "extends": ["plugin:react/recommended", "plugin:@typescript-eslint/recommended", "airbnb-base"],
   "parserOptions": {
+    "ecmaVersion": 2024,
+    "sourceType": "module",
     "ecmaFeatures": {
       "jsx": true
-    },
-    "ecmaVersion": 2018,
-    "sourceType": "module"
+    }
   },
-  "plugins": ["import", "react", "jest", "jsx-a11y", "babel"],
-  "parser": "@babel/eslint-parser",
+  "plugins": ["@typescript-eslint", "import", "react", "jsx-a11y"],
+  "parser": "@typescript-eslint/parser",
   "env": {
     "browser": true,
     "node": true,
-    "es6": true,
-    "jest": true
+    "es6": true
   },
   "rules": {
     "class-methods-use-this": "off",
-    "linebreak-style": 0
+    "linebreak-style": 0,
+    "@typescript-eslint/no-unused-vars": ["warn", { "argsIgnorePattern": "^_" }],
+    "no-unused-vars": "off", // disable the base rule, use the TypeScript version
+    "no-console": "warn", // ensure that debugging statements are not left in the final version of the code
+    "prefer-const": "warn", // enforces that variables that are never reassigned should be declared as const
+    "no-undef": "warn" // catch references to variables that have not been declared
   }
 }

app/src/utils/exportProject.util.ts

@@ -6,15 +6,15 @@ import createGatsbyApp from './createGatsbyApp.util';
 /**
  * Handles the exporting of projects in various configurations based on user selections.
  * This function supports the creation of Classic React applications, Next.js applications,
- * Gatsby.js applications, and a basic export of component files without full application scaffolding.
+ * Gatsby.js apps, and a basic export of component files without full application scaffolding.
  *
  * @param {string} path - The directory path where the project should be exported.
  * @param {string} appName - The name of the application to be created.
  * @param {number} genOption - Indicates the type of generation:
  *                           0 for only component files, 1 for complete application setup.
- * @param {string} projectType - Specifies the type of project: 'Classic React', 'Next.js', or 'Gatsby.js'.
+ * @param {string} projectType - Specifies project type: 'Classic React', 'Next.js', or 'Gatsby.js'.
  * @param {any[]} components - An array of components to be included in the project.
- * @param {number[]} rootComponents - An array of indices identifying which components are root components.
+ * @param {number[]} rootComponents - An array of indices identifying root components.
  * @param {boolean} [tests] - Optional. Whether to include test setups in the generated application.
  * @returns {void} - This function does not return a value but will log the outcome of the file writing operation to the console.
  */
@@ -25,35 +25,35 @@ const exportProject = (
   projectType: string,
   components: any,
   rootComponents: number[],
-  tests?: boolean
+  tests?: boolean,
 ): void => {
   // Create fully functional classic react application
   if (genOption === 1 && projectType === 'Classic React') {
     createApplicationUtil({
       path,
       appName,
       components,
-      testchecked: tests
+      testchecked: tests,
     }).catch((err) => console.log(err));
-  } // export all component files, but don't create all application files
-  else if (genOption === 0) {
+  } else if (genOption === 0) {
+    // export all component files, but don't create all application files
     createFiles(components, path, appName, false);
-  } // Create fully functional Next.js and Gatsby.js application files
-  else if (genOption === 1 && projectType === 'Next.js') {
+  } else if (genOption === 1 && projectType === 'Next.js') {
+    // Create fully functional Next.js and Gatsby.js application files
     createNextApp({
       path,
       appName,
       components,
       rootComponents,
-      testchecked: tests
+      testchecked: tests,
     }).catch((err) => console.log(err));
   } else if (genOption === 1 && projectType === 'Gatsby.js') {
     createGatsbyApp({
       path,
       appName,
       components,
       rootComponents,
-      testchecked: tests
+      testchecked: tests,
     }).catch((err) => console.log(err));
   }
 };