feat: add more file cleanup scripts

Author: gabitoesmiapodo

source/import/components/steps/CloneRepo/CloneRepo.tsx

@@ -15,7 +15,7 @@ interface Props {
  */
 const CloneRepo: FC<Props> = ({ projectName, onCompletion }) => (
   <>
-    <Divider title={`Cloning "${projectName}"`} />
+    <Divider title={'Git tasks'} />
     <Commands
       projectName={projectName}
       onCompletion={onCompletion}

source/import/components/steps/FileCleanup.tsx

@@ -24,8 +24,7 @@ interface Props {
 const FileCleanup: FC<Props> = ({ onCompletion, installationConfig, projectName }) => {
   const { installationType, selectedFeatures } = installationConfig
   const projectFolder = useMemo(() => getProjectFolder(projectName), [projectName])
-  const currentHomeFolder = `${projectFolder}${homeFolder}`
-  const cleanHomeFile = './.install-files/home/index.tsx'
+  const currentHomeFolder = `${projectFolder}/src/components/pageComponents/home`
 
   return (
     <>
@@ -35,9 +34,10 @@ const FileCleanup: FC<Props> = ({ onCompletion, installationConfig, projectName
         gap={0}
       >
         <Script>
+          {/* Component demos files and folders */}
           {!featureSelected('demo', selectedFeatures) && (
             <Script>
-              <Text color={'whiteBright'}>Demo files</Text>
+              <Text color={'whiteBright'}>Component demos</Text>
               <Spawn
                 shell
                 cwd={projectFolder}
@@ -63,16 +63,61 @@ const FileCleanup: FC<Props> = ({ onCompletion, installationConfig, projectName
                 cwd={projectFolder}
                 silent
                 command="cp"
-                args={[cleanHomeFile, currentHomeFolder]}
+                args={['.install-files/home/index.tsx', currentHomeFolder]}
                 runningText={'Creating new home page file...'}
                 successText={'Done!'}
                 failureText={'Error...'}
               />
             </Script>
           )}
+          {/* Subgraph files and folders */}
+          {!featureSelected('subgraph', selectedFeatures) && (
+            <Script>
+              <Text color={'whiteBright'}>Subgraph</Text>
+              <Spawn
+                shell
+                cwd={projectFolder}
+                silent
+                command="rm"
+                args={['-rf', 'src/subgraphs']}
+                runningText={'Removing subgraphs folder...'}
+                successText={'Done!'}
+                failureText={'Error...'}
+              />
+              {/* The user chose to keep the component demos but opted out of subgraph support */}
+              {featureSelected('demo', selectedFeatures) && (
+                <Script>
+                  <Spawn
+                    shell
+                    cwd={projectFolder}
+                    silent
+                    command="rm"
+                    args={['-rf', `${currentHomeFolder}/Examples/demos/subgraphs`]}
+                    runningText={'Removing subgraphs demos folder...'}
+                    successText={'Done!'}
+                    failureText={'Error...'}
+                  />
+                  <Spawn
+                    shell
+                    cwd={projectFolder}
+                    silent
+                    command="cp"
+                    args={[
+                      '.install-files/home/Examples/index.tsx',
+                      `${currentHomeFolder}/index.tsx`,
+                    ]}
+                    runningText={'Creating new home page file...'}
+                    successText={'Done!'}
+                    failureText={'Error...'}
+                  />
+                </Script>
+              )}
+            </Script>
+          )}
+          {/* Typedoc files and folders */}
           {!featureSelected('typedoc', selectedFeatures) && (
             <Script>
-              <Text color={'whiteBright'}>Typedoc files</Text>
+              <Text color={'whiteBright'}>Typedoc</Text>
               <Spawn
                 shell
                 cwd={projectFolder}
@@ -85,9 +130,10 @@ const FileCleanup: FC<Props> = ({ onCompletion, installationConfig, projectName
               />
             </Script>
           )}
+          {/* Vocs files and folders */}
           {!featureSelected('vocs', selectedFeatures) && (
             <Script>
-              <Text color={'whiteBright'}>Vocs files</Text>
+              <Text color={'whiteBright'}>Vocs</Text>
               <Spawn
                 shell
                 cwd={projectFolder}
@@ -110,9 +156,14 @@ const FileCleanup: FC<Props> = ({ onCompletion, installationConfig, projectName
               />
             </Script>
           )}
+          {/* Husky files and folders */}
+          {/* Also removes files from tasks executed by Husky:
+              - lint-staged
+              - commitlint
+          */}
           {!featureSelected('husky', selectedFeatures) && (
             <Script>
-              <Text color={'whiteBright'}>Husky files</Text>
+              <Text color={'whiteBright'}>Husky</Text>
               <Spawn
                 shell
                 cwd={projectFolder}
@@ -145,7 +196,8 @@ const FileCleanup: FC<Props> = ({ onCompletion, installationConfig, projectName
               />
             </Script>
           )}
-          <Text color={'whiteBright'}>Install files</Text>
+          {/* Install script files and folders */}
+          <Text color={'whiteBright'}>Install script</Text>
           <Spawn
             shell
             cwd={projectFolder}

source/import/components/steps/Install/Install.tsx

@@ -19,10 +19,13 @@ interface Props {
 const Install: FC<Props> = ({ projectName, onCompletion, installationConfig }) => {
   const { installationType, selectedFeatures } = installationConfig
   const projectFolder = useMemo(() => getProjectFolder(projectName), [projectName])
+  const title = installationType
+    ? installationType[0]?.toUpperCase() + installationType.slice(1)
+    : ''
 
   return (
     <>
-      <Divider title={`Executing ${installationType ?? 'full'} installation`} />
+      <Divider title={`${title ?? 'Full'} installation`} />
       <Box
         flexDirection={'column'}
         gap={0}