refactor: move full installation script to single file

Author: gabitoesmiapodo

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

@@ -3,24 +3,25 @@ import process from 'node:process'
 import { Box, Text } from 'ink'
 import { Script, Spawn } from 'ink-spawn'
 import React, { type FC } from 'react'
-import { featurePackages } from '../../../constants/config.js'
+import { featurePackages, homeFolder } from '../../../constants/config.js'
 import type { Item as CustomOptionsItem } from '../OptionalPackages.js'
+import InstallAllPackages from './InstallAllPackages.js'
 
 interface Props {
   customOptions?: Array<CustomOptionsItem>
   onCompletion: () => void
-  projectName: string
+  projectDir: string
 }
 
 /**
  * Performs a custom installation based on the selected features: basically we tell `pnpm` what
  * features to remove (everything's included in package.json by default to simplify things)
- * @param projectName
  * @param onCompletion
  * @param customOptions
+ * @param projectDir
  */
-const CustomInstallation: FC<Props> = ({ projectName, onCompletion, customOptions }) => {
-  const projectDir = join(process.cwd(), projectName)
+const CustomInstallation: FC<Props> = ({ onCompletion, customOptions, projectDir }) => {
+  const demosFolder = join(process.cwd(), homeFolder)
 
   /**
    * Selected features won't be removed, unselected features will be.
@@ -61,16 +62,8 @@ const CustomInstallation: FC<Props> = ({ projectName, onCompletion, customOption
       {!packagesToRemove ? (
         <Script>
           {/* If there are no packages to remove simply install everything... */}
-          <Text color={'whiteBright'}>Installing packages</Text>
-          <Spawn
-            shell
-            cwd={projectDir}
-            silent
-            command={'pnpm'}
-            args={['i']}
-            runningText={'Working...'}
-            successText={'Done!'}
-            failureText={'Error...'}
+          <InstallAllPackages
+            projectDir={projectDir}
             onCompletion={onCompletion}
           />
         </Script>
@@ -99,8 +92,23 @@ const CustomInstallation: FC<Props> = ({ projectName, onCompletion, customOption
             runningText={'Working...'}
             successText={'Done!'}
             failureText={'Error...'}
-            // onCompletion={onCompletion}
           />
+          {!featureSelected('demo', customOptions) && (
+            <>
+              <Text color={'whiteBright'}>Removing component demos</Text>
+              <Spawn
+                shell
+                cwd={projectDir}
+                silent
+                command={'pnpm'}
+                args={['run', 'postinstall']}
+                runningText={'Working...'}
+                successText={'Done!'}
+                failureText={'Error...'}
+                // onCompletion={onCompletion}
+              />
+            </>
+          )}
         </Script>
       )}
     </Box>

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

@@ -1,33 +1,22 @@
-import { join } from 'node:path'
-import process from 'node:process'
-import { Box, Text } from 'ink'
-import { Script, Spawn } from 'ink-spawn'
+import { Box } from 'ink'
+import { Script } from 'ink-spawn'
 import React, { type FC } from 'react'
+import InstallAllPackages from './InstallAllPackages.js'
 
 interface Props {
-  projectName: string
-  onCompletion: () => void
+  projectDir: string
+  onCompletion?: () => void
 }
 
-const FullInstallation: FC<Props> = ({ projectName, onCompletion }) => {
-  const projectDir = join(process.cwd(), projectName)
-
+const FullInstallation: FC<Props> = ({ onCompletion, projectDir }) => {
   return (
     <Box
       flexDirection={'column'}
       gap={0}
     >
       <Script>
-        <Text color={'whiteBright'}>Installing packages</Text>
-        <Spawn
-          shell
-          cwd={projectDir}
-          silent
-          command={'pnpm'}
-          args={['i']}
-          runningText={'Working...'}
-          successText={'Done!'}
-          failureText={'Error...'}
+        <InstallAllPackages
+          projectDir={projectDir}
           onCompletion={onCompletion}
         />
       </Script>

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

@@ -19,8 +19,8 @@ interface Props {
 }
 
 const Install: FC<Props> = ({ projectName, onCompletion, installation }) => {
-  const { installationType, customOptions } = installation
   const projectDir = join(process.cwd(), projectName)
+  const { installationType, customOptions } = installation
 
   return (
     <>
@@ -54,15 +54,15 @@ const Install: FC<Props> = ({ projectName, onCompletion, installation }) => {
           />
           {installationType === 'full' && (
             <FullInstallation
-              projectName={projectName}
               onCompletion={onCompletion}
+              projectDir={projectDir}
             />
           )}
           {installationType === 'custom' && (
             <CustomInstallation
               customOptions={customOptions}
-              projectName={projectName}
               onCompletion={onCompletion}
+              projectDir={projectDir}
             />
           )}
         </Script>

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

@@ -0,0 +1,29 @@
+import { Text } from 'ink'
+import { Spawn } from 'ink-spawn'
+import React, { type FC } from 'react'
+
+interface Props {
+  onCompletion?: () => void
+  projectDir: string
+}
+
+const InstallAllPackages: FC<Props> = ({ projectDir, onCompletion }) => {
+  return (
+    <>
+      <Text color={'whiteBright'}>Installing packages</Text>
+      <Spawn
+        shell
+        cwd={projectDir}
+        silent
+        command={'pnpm'}
+        args={['i']}
+        runningText={'Working...'}
+        successText={'Done!'}
+        failureText={'Error...'}
+        onCompletion={onCompletion}
+      />
+    </>
+  )
+}
+
+export default InstallAllPackages