rid of comments in stateprops

Author: minzo-kim

src/backend/controllers/statePropExtractors.ts

@@ -178,84 +178,3 @@ export function getHooksNames(elementType: string): { hookName: string; varName:
     throw new Error('getHooksNameError' + err.message);
   }
 }
-
-/**
-//  * // ---------------------GET STATE VAR NAME & HOOK NAME--------------------------
-// /**
-//  * This function receive a string representation of a functional component. 
-//  * This function then uses JSX parser to traverse through the function string, 
-//  * and extract the state variable name and its corresponding setState method.
-//  * @param elementType - The string representation of a functional component
-//  * @returns - An array of objects with key: hookName (the name of setState method) | value: varName (the state variable name)
-//  */
-// export function getHooksNames(elementType: string): { hookName: string; varName: string }[] {
-//   // Initialize empty object to store the setters and getter
-//   // Abstract Syntax Tree
-//   let AST: any;
-//   try {
-//     AST = JSXParser.parse(elementType).body;
-//     console.log('AST');
-//     console.log(AST);
-//     let count = 0;
-//     // Begin search for hook names, only if ast has a body property.
-//     // Statements get all the names of the hooks. For example: useCount, useWildcard, ...
-//     const statements: { hookName: string; varName: string }[] = [];
-//     /** All module exports always start off as a single 'FunctionDeclaration' type
-//      * Other types: "BlockStatement" / "ExpressionStatement" / "ReturnStatement"
-//      * Iterate through AST of every function(al component) declaration
-//      * Check within each function(al component) declaration if there are hook declarations & variable name declaration */
-//     AST.forEach((functionDec: any) => {
-//       console.log('functionDec');
-//       console.log(functionDec);
-//       let declarationBody: any;
-//       if (functionDec.expression?.body) declarationBody = functionDec.expression.body.body;
-//       // check if functionDec.expression.body exists, then set declarationBody to functionDec's body
-//       else declarationBody = functionDec.body?.body ?? [];
-//       // Traverse through the function's funcDecs and Expression Statements
-//       console.log('declarationBody');
-//       console.log( declarationBody);
-//       declarationBody.forEach((elem: any) => {
-//         // Hooks will always be contained in a variable declaration
-//         console.log('elem type:', count++, elem.type);
-//         console.log(elem);
-
-//         if (elem.type === 'VariableDeclaration') {
-//           // Obtain the declarations array from elem.
-//           const { declarations } = elem;
-//           // Obtain the reactHook:
-//           // Due to difference in babel transpilation in browser vs for jest test, expression is stored in differen location
-//           const expression =
-//             declarations[0]?.init?.callee?.expressions || //work for browser
-//             declarations[0]?.init?.arguments[0]?.callee?.expressions; //work for jest test
-//           let reactHook: string;
-//           reactHook = expression[1].property?.name;
-//           if (reactHook === 'useState') {
-//             // Obtain the variable being set:
-//             let varName: string =
-//               declarations[declarations.length - 2]?.id?.name || // work react application; Mark's note: changed to point to second to last element of declarations because webpack added an extra variable and therefor declaration in the middle of the array cuz es6
-//               (Array.isArray(declarations[0]?.id?.elements)
-//                 ? declarations[0]?.id?.elements[0]?.name
-//                 : undefined); //work for nextJS application
-//             // Obtain the setState method:
-//             let hookName: string =
-//               declarations[declarations.length - 1]?.id?.name || // work react application; Mark's note: changed to point to last element of declarations because webpack added an extra variable and therefor declaration in the middle of the array cuz es6
-//               (Array.isArray(declarations[0]?.id?.elements)
-//                 ? declarations[0]?.id?.elements[0]?.name
-//                 : undefined); //work for nextJS & Remix
-//             // Push reactHook & varName to statements array
-//             /**
-//              * Mark's notes, it's interesting that they don't want to
-//              * pass on reactHook 'useState'. I wonder why.
-//              */
-//             statements.push({ hookName, varName });
-//           }
-//         }
-//       });
-//     });
-//     return statements;
-//   } catch (err) {
-//     throw new Error('getHooksNameError' + err.message);
-//   }
-// }
-
-//  */