chore: linting

Author: gabitoesmiapodo

biome.json

@@ -9,9 +9,7 @@
     "useIgnoreFile": true
   },
   "files": {
-    "ignore": [
-      "source/**/*.js"
-    ]
+    "ignore": ["source/**/*.js"]
   },
   "formatter": {
     "attributePosition": "multiline",
@@ -22,7 +20,8 @@
   "javascript": {
     "formatter": {
       "quoteStyle": "single",
-      "semicolons": "asNeeded"
+      "semicolons": "asNeeded",
+      "bracketSpacing": true
     }
   }
 }

source/app.tsx

@@ -1,9 +1,9 @@
-import {Box} from 'ink'
-import Divider from 'ink-divider'
-import React, {useState} from 'react'
+import { Box } from 'ink'
+import React, { useState } from 'react'
 import Step1 from './import/Step1.js'
 import Step2 from './import/Step2.js'
-import {canShowStep} from './import/utils.js'
+import Step3 from './import/Step3.js'
+import { canShowStep } from './import/utils.js'
 
 const App = () => {
   const [projectName, setProjectName] = useState<string>('')
@@ -28,10 +28,9 @@ const App = () => {
         />
       )}
       {canShowStep(currentStep, 3) && (
-        <Divider
-          titlePadding={2}
-          titleColor={'whiteBright'}
-          title={'Installation setup'}
+        <Step3
+          projectName={projectName}
+          onCompletion={finishStep}
         />
       )}
     </Box>

source/import/CloneRepo.tsx

@@ -1,10 +1,10 @@
-import {join} from 'node:path'
+import { join } from 'node:path'
 import * as process from 'node:process'
-import {Box, Text} from 'ink'
-import {Script, Spawn} from 'ink-spawn'
-import React, {useState, type FC} from 'react'
-import {repoUrl} from './config.js'
-import {canShowStep} from './utils.js'
+import { Box, Text } from 'ink'
+import { Script, Spawn } from 'ink-spawn'
+import React, { useState, type FC } from 'react'
+import { repoUrl } from './config.js'
+import { canShowStep } from './utils.js'
 
 interface Props {
   projectName: string
@@ -14,7 +14,7 @@ interface Props {
 /**
  * @description Clone the repository
  */
-const CloneRepo: FC<Props> = ({projectName, onCompletion}) => {
+const CloneRepo: FC<Props> = ({ projectName, onCompletion }) => {
   const projectDir = join(process.cwd(), projectName)
   const [currentStep, setCurrentStep] = useState(1)
 
@@ -82,7 +82,9 @@ const CloneRepo: FC<Props> = ({projectName, onCompletion}) => {
             finishStep()
           }}
         />
-        {canShowStep(currentStep, 5) && <Text color={'whiteBright'}>Initializing Git repository</Text>}
+        {canShowStep(currentStep, 5) && (
+          <Text color={'whiteBright'}>Initializing Git repository</Text>
+        )}
         <Spawn
           shell
           cwd={projectDir}

source/import/Step1.tsx

@@ -1,16 +1,16 @@
 import BigText from 'ink-big-text'
 import Gradient from 'ink-gradient'
-import React, {type FC, useMemo, useCallback} from 'react'
+import React, { type FC, useMemo, useCallback } from 'react'
 import Ask from './Ask.js'
-import {isValidName} from './utils.js'
+import { isValidName } from './utils.js'
 
 interface Props {
   onCompletion: () => void
   onSubmit: (value: string) => void
   projectName: string
 }
 
-const Step1: FC<Props> = ({projectName, onSubmit, onCompletion}) => {
+const Step1: FC<Props> = ({ projectName, onSubmit, onCompletion }) => {
   const validateName = useCallback((name: string): string => {
     if (name.length > 0 && !isValidName(name)) return 'Not a valid name!'
 

source/import/Step2.tsx

@@ -1,13 +1,13 @@
 import Divider from 'ink-divider'
-import React, {type FC} from 'react'
+import React, { type FC } from 'react'
 import CloneRepo from './CloneRepo.js'
 
 interface Props {
   projectName: string
   onCompletion: () => void
 }
 
-const Step2: FC<Props> = ({projectName, onCompletion}) => (
+const Step2: FC<Props> = ({ projectName, onCompletion }) => (
   <>
     <Divider
       titlePadding={2}

source/import/Step3.tsx

@@ -0,0 +1,19 @@
+import Divider from 'ink-divider'
+import React, { type FC } from 'react'
+
+interface Props {
+  projectName: string
+  onCompletion: () => void
+}
+
+const Step3: FC<Props> = ({ projectName, onCompletion }) => (
+  <>
+    <Divider
+      titlePadding={2}
+      titleColor={'whiteBright'}
+      title={'Installation setup'}
+    />
+  </>
+)
+
+export default Step3