refactor: add types to name-default-components.ts

packages/next-codemod/transforms/name-default-component.ts

@@ -1,56 +1,61 @@
 import { basename, extname } from 'path'
 
-const camelCase = (value) => {
-  const val = value.replace(/[-_\s.]+(.)?/g, (_match, chr) =>
+const camelCase = (value: string): string => {
+  const val: string = value.replace(/[-_\s.]+(.)?/g, (_match, chr) =>
     chr ? chr.toUpperCase() : ''
   )
   return val.substr(0, 1).toUpperCase() + val.substr(1)
 }
 
-const isValidIdentifier = (value) => /^[a-zA-ZÀ-ÿ][0-9a-zA-ZÀ-ÿ]+$/.test(value)
+const isValidIdentifier = (value: string): boolean =>
+  /^[a-zA-ZÀ-ÿ][0-9a-zA-ZÀ-ÿ]+$/.test(value)
+
+type Node = {
+  type: string
+  declaration: {
+    type: string
+    body: any
+    id?: any
+  }
+}
 
 export default function transformer(file, api, options) {
   const j = api.jscodeshift
   const root = j(file.source)
 
-  let hasModifications
+  let hasModifications: boolean
 
-  const returnsJSX = (node) =>
+  const isJSX = (node): boolean =>
     node.type === 'JSXElement' ||
     (node.type === 'BlockStatement' &&
       j(node)
         .find(j.ReturnStatement)
-        .some(
-          (path) =>
-            path.value.argument && path.value.argument.type === 'JSXElement'
-        ))
+        .some((path) => path.value.argument?.type === 'JSXElement'))
 
-  const hasRootAsParent = (path) => {
+  const hasRootAsParent = (path): boolean => {
     const program = path.parentPath.parentPath.parentPath.parentPath.parentPath
-    return (
-      !program || (program && program.value && program.value.type === 'Program')
-    )
+    return !program || program?.value?.type === 'Program'
   }
 
-  const nameFunctionComponent = (path) => {
-    const node = path.value
+  const nameFunctionComponent = (path): void => {
+    const node: Node = path.value
 
     if (!node.declaration) {
       return
     }
 
     const isArrowFunction =
       node.declaration.type === 'ArrowFunctionExpression' &&
-      returnsJSX(node.declaration.body)
+      isJSX(node.declaration.body)
     const isAnonymousFunction =
       node.declaration.type === 'FunctionDeclaration' && !node.declaration.id
 
     if (!(isArrowFunction || isAnonymousFunction)) {
       return
     }
 
-    const fileName = basename(file.path, extname(file.path))
-    let name = camelCase(fileName)
+    const fileName: string = basename(file.path, extname(file.path))
+    let name: string = camelCase(fileName)
 
     // If the generated name looks off, don't add a name
     if (!isValidIdentifier(name)) {