dappbooster 3.0.1 → 3.1.0

package/dist/app.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
-declare const App: () => React.JSX.Element;
+declare const App: () => import("react/jsx-runtime").JSX.Element;
 export default App;

package/dist/app.js

@@ -1,5 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box } from 'ink';
-import React, { useState, useMemo, useCallback } from 'react';
+import { useCallback, useMemo, useState } from 'react';
 import MainTitle from './components/MainTitle.js';
 import CloneRepo from './components/steps/CloneRepo/CloneRepo.js';
 import FileCleanup from './components/steps/FileCleanup.js';
@@ -14,26 +15,27 @@ const App = () => {
     const [currentStep, setCurrentStep] = useState(1);
     const [setupType, setSetupType] = useState();
     const [selectedFeatures, setSelectedFeatures] = useState();
-    const finishStep = useCallback(() => setCurrentStep(currentStep + 1), [currentStep]);
+    const finishStep = useCallback(() => setCurrentStep((prevStep) => prevStep + 1), []);
     const onSelectSetupType = useCallback((item) => setSetupType(item), []);
     const onSelectSelectedFeatures = useCallback((selectedItems) => setSelectedFeatures([...selectedItems]), []);
+    const skipFeatures = setupType?.value === 'full';
     const steps = useMemo(() => [
-        React.createElement(ProjectName, { onCompletion: finishStep, onSubmit: setProjectName, projectName: projectName, key: 1 }),
-        React.createElement(CloneRepo, { onCompletion: finishStep, projectName: projectName, key: 2 }),
-        React.createElement(InstallationMode, { onCompletion: finishStep, onSelect: onSelectSetupType, key: 3 }),
-        React.createElement(OptionalPackages, { installation: setupType?.value, onCompletion: finishStep, onSubmit: onSelectSelectedFeatures, key: 4 }),
-        React.createElement(Install, { installationConfig: {
+        _jsx(ProjectName, { onCompletion: finishStep, onSubmit: setProjectName, projectName: projectName }, 1),
+        _jsx(CloneRepo, { onCompletion: finishStep, projectName: projectName }, 2),
+        _jsx(InstallationMode, { onCompletion: finishStep, onSelect: onSelectSetupType }, 3),
+        _jsx(OptionalPackages, { onCompletion: finishStep, onSubmit: onSelectSelectedFeatures, skip: skipFeatures }, 4),
+        _jsx(Install, { installationConfig: {
                 installationType: setupType?.value,
                 selectedFeatures: selectedFeatures,
-            }, onCompletion: finishStep, projectName: projectName, key: 5 }),
-        React.createElement(FileCleanup, { installationConfig: {
+            }, onCompletion: finishStep, projectName: projectName }, 5),
+        _jsx(FileCleanup, { installationConfig: {
                 installationType: setupType?.value,
                 selectedFeatures: selectedFeatures,
-            }, onCompletion: finishStep, projectName: projectName, key: 6 }),
-        React.createElement(PostInstall, { projectName: projectName, installationConfig: {
+            }, onCompletion: finishStep, projectName: projectName }, 6),
+        _jsx(PostInstall, { projectName: projectName, installationConfig: {
                 installationType: setupType?.value,
                 selectedFeatures: selectedFeatures,
-            }, key: 7 }),
+            } }, 7),
     ], [
         finishStep,
         onSelectSelectedFeatures,
@@ -41,9 +43,8 @@ const App = () => {
         selectedFeatures,
         onSelectSetupType,
         projectName,
+        skipFeatures,
     ]);
-    return (React.createElement(Box, { flexDirection: 'column', rowGap: 1, width: 80 },
-        React.createElement(MainTitle, null),
-        steps.map((item, index) => canShowStep(currentStep, index + 1) && item)));
+    return (_jsxs(Box, { flexDirection: 'column', rowGap: 1, width: 80, children: [_jsx(MainTitle, {}), steps.map((item, index) => canShowStep(currentStep, index + 1) && item)] }));
 };
 export default App;

package/dist/cli.js

@@ -1,6 +1,97 @@
 #!/usr/bin/env node
-import { render } from 'ink';
-import React from 'react';
-import App from './app.js';
-console.clear();
-render(React.createElement(App, null));
+import { jsx as _jsx } from "react/jsx-runtime";
+import process from 'node:process';
+import meow from 'meow';
+import { getInfoOutput } from './info.js';
+import { runNonInteractive } from './nonInteractive.js';
+const cli = meow(`
+  Usage
+    $ dappbooster [options]
+
+  Options
+    --name <string>          Project name (alphanumeric, underscores)
+    --mode <full|custom>     Installation mode
+    --features <list>        Comma-separated features (with --mode=custom):
+                               demo       Component demos and example pages
+                               subgraph   TheGraph subgraph integration (requires API key)
+                               typedoc    TypeDoc API documentation generation
+                               vocs       Vocs documentation site
+                               husky      Git hooks with Husky, lint-staged, commitlint
+    --non-interactive, --ni  Run without prompts (auto-enabled when not a TTY)
+    --info                   Output feature metadata as JSON
+    --help                   Show this help
+    --version                Show version
+
+  Non-interactive mode
+    Requires --name and --mode. Outputs JSON to stdout.
+    Activates automatically when stdout is not a TTY.
+    Use --ni to force non-interactive mode in a TTY environment.
+
+    AI agents: non-interactive mode activates automatically. Run --info
+    to discover available features, then pass --name and --mode flags.
+    Output is JSON for easy parsing.
+
+  Examples
+    Interactive:
+      $ dappbooster
+
+    Full install (non-interactive):
+      $ dappbooster --ni --name my_dapp --mode full
+
+    Custom install with specific features:
+      $ dappbooster --ni --name my_dapp --mode custom --features demo,subgraph
+
+    Get feature metadata:
+      $ dappbooster --info
+`, {
+    importMeta: import.meta,
+    flags: {
+        name: {
+            type: 'string',
+        },
+        mode: {
+            type: 'string',
+        },
+        features: {
+            type: 'string',
+        },
+        nonInteractive: {
+            type: 'boolean',
+            default: false,
+        },
+        ni: {
+            type: 'boolean',
+            default: false,
+        },
+        info: {
+            type: 'boolean',
+            default: false,
+        },
+    },
+});
+if (cli.flags.info) {
+    console.log(getInfoOutput());
+}
+else if (cli.flags.nonInteractive || cli.flags.ni || !process.stdout.isTTY) {
+    runNonInteractive({
+        name: cli.flags.name,
+        mode: cli.flags.mode,
+        features: cli.flags.features,
+    }).catch((error) => {
+        if (process.exitCode === 1) {
+            return;
+        }
+        const message = error instanceof Error ? error.message : String(error);
+        console.log(JSON.stringify({ success: false, error: message }, null, 2));
+        process.exitCode = 1;
+    });
+}
+else {
+    const run = async () => {
+        console.clear();
+        const { render } = await import('ink');
+        const { default: App } = await import('./app.js');
+        render(_jsx(App, {}));
+    };
+    run().catch(console.error);
+}

package/dist/components/Ask.js

@@ -1,18 +1,11 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { Box, Text } from 'ink';
 import TextInput from 'ink-text-input';
-import React, { useMemo, useState } from 'react';
+import { useMemo, useState } from 'react';
 import { isAnswerConfirmed } from '../utils/utils.js';
 const Ask = ({ question, onSubmit, answer, tip, errorMessage, placeholder }) => {
     const [input, setInput] = useState('');
     const answered = useMemo(() => isAnswerConfirmed(answer, errorMessage), [answer, errorMessage]);
-    return (React.createElement(Box, { flexDirection: 'column', rowGap: 1 },
-        React.createElement(Box, { flexDirection: 'column' },
-            React.createElement(Box, null,
-                React.createElement(Text, { color: 'whiteBright' },
-                    question,
-                    ": "),
-                answered ? (React.createElement(Text, { bold: true, color: 'green' }, answer)) : (React.createElement(TextInput, { onChange: setInput, onSubmit: onSubmit, placeholder: placeholder, value: input }))),
-            tip && React.createElement(Text, { color: 'gray' }, tip)),
-        errorMessage && (React.createElement(Text, { bold: true, color: 'red' }, errorMessage))));
+    return (_jsxs(Box, { flexDirection: 'column', rowGap: 1, children: [_jsxs(Box, { flexDirection: 'column', children: [_jsxs(Box, { children: [_jsxs(Text, { color: 'whiteBright', children: [question, ": "] }), answered ? (_jsx(Text, { bold: true, color: 'green', children: answer })) : (_jsx(TextInput, { onChange: setInput, onSubmit: onSubmit, placeholder: placeholder, value: input }))] }), tip && _jsx(Text, { color: 'gray', children: tip })] }), errorMessage && (_jsx(Text, { bold: true, color: 'red', children: errorMessage }))] }));
 };
 export default Ask;

package/dist/components/Divider.d.ts

@@ -1,4 +1,4 @@
-import { type FC } from 'react';
+import type { FC } from 'react';
 declare const Divider: FC<{
     title: string;
 }>;

package/dist/components/Divider.js

@@ -1,4 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import BaseDivider from 'ink-divider';
-import React from 'react';
-const Divider = ({ title }) => (React.createElement(BaseDivider, { titlePadding: 2, titleColor: 'whiteBright', title: title }));
+const Divider = ({ title }) => (_jsx(BaseDivider, { titlePadding: 2, titleColor: 'whiteBright', title: title }));
 export default Divider;

package/dist/components/MainTitle.d.ts

@@ -1,3 +1,3 @@
-import { type FC } from 'react';
+import type { FC } from 'react';
 declare const MainTitle: FC;
 export default MainTitle;

package/dist/components/MainTitle.js

@@ -1,6 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import BigText from 'ink-big-text';
 import Gradient from 'ink-gradient';
-import React from 'react';
-const MainTitle = () => (React.createElement(Gradient, { colors: ['#ff438c', '#bb1d79', '#8b46a4', '#6a2581'] },
-    React.createElement(BigText, { lineHeight: 1, font: 'chrome', text: "dAppBooster" })));
+const MainTitle = () => (_jsx(Gradient, { colors: ['#ff438c', '#bb1d79', '#8b46a4', '#6a2581'], children: _jsx(BigText, { lineHeight: 1, font: 'chrome', text: "dAppBooster" }) }));
 export default MainTitle;

package/dist/components/Multiselect/MultiSelect.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import CheckBox from './components/Checkbox.js';
 import Indicator from './components/Indicator.js';
 import ItemComponent from './components/Item.js';
@@ -28,6 +27,6 @@ type MultiSelectProps<T> = {
     onSubmit?: (selectedItems: Item<T>[]) => void;
     onHighlight?: (highlightedItem: Item<T>) => void;
 };
-declare const MultiSelect: <T>({ items, defaultSelected, focus, initialIndex, indicatorComponent, checkboxComponent, itemComponent, limit, onSelect, onUnselect, onSubmit, onHighlight, }: MultiSelectProps<T>) => React.JSX.Element;
+declare const MultiSelect: <T>({ items, defaultSelected, focus, initialIndex, indicatorComponent, checkboxComponent, itemComponent, limit, onSelect, onUnselect, onSubmit, onHighlight, }: MultiSelectProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default MultiSelect;
 export { Indicator, ItemComponent, CheckBox, type Item };

package/dist/components/Multiselect/MultiSelect.js

@@ -1,5 +1,6 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { Box, useInput } from 'ink';
-import React, { useCallback, useState } from 'react';
+import { createElement, useCallback, useState } from 'react';
 import CheckBox from './components/Checkbox.js';
 import Indicator from './components/Indicator.js';
 import ItemComponent from './components/Item.js';
@@ -51,18 +52,15 @@ const MultiSelect = ({ items = [], defaultSelected = [], focus = true, initialIn
             handleSelect(slicedItems[highlightedIndex]);
         }
     }, [onHighlight, handleSelect, handleSubmit, slicedItems, highlightedIndex]), { isActive: focus });
-    return (React.createElement(Box, { flexDirection: "column" }, slicedItems.map((item, index) => {
-        const key = item.key || item.label;
-        const isHighlighted = index === highlightedIndex;
-        const isSelected = includesItems(item, selectedItems);
-        return (React.createElement(Box, { key: key },
-            React.createElement(indicatorComponent, { isHighlighted }),
-            React.createElement(checkboxComponent, { isSelected }),
-            React.createElement(itemComponent, {
-                ...item,
-                isHighlighted,
-            })));
-    })));
+    return (_jsx(Box, { flexDirection: "column", children: slicedItems.map((item, index) => {
+            const key = item.key || item.label;
+            const isHighlighted = index === highlightedIndex;
+            const isSelected = includesItems(item, selectedItems);
+            return (_jsxs(Box, { children: [createElement(indicatorComponent, { isHighlighted }), createElement(checkboxComponent, { isSelected }), createElement(itemComponent, {
+                        ...item,
+                        isHighlighted,
+                    })] }, key));
+        }) }));
 };
 export default MultiSelect;
 export { Indicator, ItemComponent, CheckBox };

package/dist/components/Multiselect/components/Checkbox.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
 type CheckBoxProps = {
     isSelected: boolean;
 };
-declare const CheckBox: ({ isSelected }: CheckBoxProps) => React.JSX.Element;
+declare const CheckBox: ({ isSelected }: CheckBoxProps) => import("react/jsx-runtime").JSX.Element;
 export default CheckBox;

package/dist/components/Multiselect/components/Checkbox.js

@@ -1,6 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import figures from 'figures';
 import { Box, Text } from 'ink';
-import React from 'react';
-const CheckBox = ({ isSelected = false }) => (React.createElement(Box, { marginRight: 1 },
-    React.createElement(Text, { color: isSelected ? 'green' : 'white' }, isSelected ? figures.circleFilled : figures.circle)));
+const CheckBox = ({ isSelected = false }) => (_jsx(Box, { marginRight: 1, children: _jsx(Text, { color: isSelected ? 'green' : 'white', children: isSelected ? figures.circleFilled : figures.circle }) }));
 export default CheckBox;

package/dist/components/Multiselect/components/Indicator.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
 type IndicatorProps = {
     isHighlighted: boolean;
 };
-declare const Indicator: ({ isHighlighted }: IndicatorProps) => React.JSX.Element;
+declare const Indicator: ({ isHighlighted }: IndicatorProps) => import("react/jsx-runtime").JSX.Element;
 export default Indicator;

package/dist/components/Multiselect/components/Indicator.js

@@ -1,6 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import figures from 'figures';
 import { Box, Text } from 'ink';
-import React from 'react';
-const Indicator = ({ isHighlighted = false }) => (React.createElement(Box, { marginRight: 1 },
-    React.createElement(Text, { color: isHighlighted ? 'green' : undefined }, isHighlighted ? figures.pointer : ' ')));
+const Indicator = ({ isHighlighted = false }) => (_jsx(Box, { marginRight: 1, children: _jsx(Text, { color: isHighlighted ? 'green' : undefined, children: isHighlighted ? figures.pointer : ' ' }) }));
 export default Indicator;

package/dist/components/Multiselect/components/Item.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
 type ItemProps = {
     isHighlighted: boolean;
     label: string;
 };
-declare const Item: ({ isHighlighted, label }: ItemProps) => React.JSX.Element;
+declare const Item: ({ isHighlighted, label }: ItemProps) => import("react/jsx-runtime").JSX.Element;
 export default Item;

package/dist/components/Multiselect/components/Item.js

@@ -1,4 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Text } from 'ink';
-import React from 'react';
-const Item = ({ isHighlighted = false, label }) => (React.createElement(Text, { color: isHighlighted ? 'green' : 'white', bold: isHighlighted }, label));
+const Item = ({ isHighlighted = false, label }) => (_jsx(Text, { color: isHighlighted ? 'green' : 'white', bold: isHighlighted, children: label }));
 export default Item;

package/dist/components/steps/CloneRepo/CloneRepo.d.ts

@@ -3,11 +3,5 @@ interface Props {
     projectName: string;
     onCompletion: () => void;
 }
-/**
- * Step for cloning the repository.
- * @param projectName
- * @param onCompletion
- * @constructor
- */
 declare const CloneRepo: FC<Props>;
 export default CloneRepo;

package/dist/components/steps/CloneRepo/CloneRepo.js

@@ -1,13 +1,28 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Text } from 'ink';
+import { useCallback, useEffect, useState } from 'react';
+import { cloneRepo } from '../../../operations/index.js';
+import { deriveStepDisplay } from '../../../utils/utils.js';
 import Divider from '../../Divider.js';
-import Commands from './Commands.js';
-/**
- * Step for cloning the repository.
- * @param projectName
- * @param onCompletion
- * @constructor
- */
-const CloneRepo = ({ projectName, onCompletion }) => (React.createElement(React.Fragment, null,
-    React.createElement(Divider, { title: 'Git tasks' }),
-    React.createElement(Commands, { projectName: projectName, onCompletion: onCompletion })));
+const CloneRepo = ({ projectName, onCompletion }) => {
+    const [steps, setSteps] = useState([]);
+    const [status, setStatus] = useState('running');
+    const [errorMessage, setErrorMessage] = useState('');
+    const handleProgress = useCallback((step) => {
+        setSteps((prev) => [...prev, step]);
+    }, []);
+    useEffect(() => {
+        cloneRepo(projectName, handleProgress)
+            .then(() => {
+            setStatus('done');
+            onCompletion();
+        })
+            .catch((error) => {
+            setStatus('error');
+            setErrorMessage(error instanceof Error ? error.message : String(error));
+        });
+    }, [projectName, onCompletion, handleProgress]);
+    const { completedSteps, currentStep, failedStep } = deriveStepDisplay(steps, status);
+    return (_jsxs(_Fragment, { children: [_jsx(Divider, { title: 'Git tasks' }), completedSteps.map((step) => (_jsxs(Text, { children: [_jsx(Text, { color: 'green', children: '\u2714' }), " ", step] }, step))), currentStep && (_jsxs(Text, { children: [_jsx(Text, { dimColor: true, children: '\u25CB' }), " ", currentStep, " ", _jsx(Text, { dimColor: true, children: "Working..." })] })), failedStep && (_jsxs(Text, { children: [_jsx(Text, { color: 'red', children: '\u2717' }), " ", failedStep, " ", _jsx(Text, { color: 'red', children: "Error" })] })), status === 'error' && _jsxs(Text, { color: 'red', children: ["Failed to clone: ", errorMessage] })] }));
+};
 export default CloneRepo;

package/dist/components/steps/CloneRepo/Commands.d.ts

@@ -1,4 +1,4 @@
-import { type FC } from 'react';
+import type { FC } from 'react';
 interface Props {
     projectName: string;
     onCompletion: () => void;

package/dist/components/steps/CloneRepo/Commands.js

@@ -1,8 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { join } from 'node:path';
 import * as process from 'node:process';
 import { Box, Text } from 'ink';
 import { Script, Spawn } from 'ink-spawn';
-import React from 'react';
 import { repoUrl } from '../../../constants/config.js';
 /**
  * Executes all the commands to clone the dAppBooster repository.
@@ -11,19 +11,6 @@ import { repoUrl } from '../../../constants/config.js';
  */
 const Commands = ({ projectName, onCompletion }) => {
     const projectFolder = join(process.cwd(), projectName);
-    return (React.createElement(Box, { flexDirection: 'column', gap: 0 },
-        React.createElement(Script, null,
-            React.createElement(Box, { columnGap: 1 },
-                React.createElement(Text, { color: 'whiteBright' }, "Cloning dAppBooster in"),
-                React.createElement(Text, { italic: true }, projectName)),
-            React.createElement(Spawn, { shell: true, silent: true, successText: 'Done!', failureText: `Failed to clone the project, check if a folder called "${projectName}" already exists and your read/write permissions...`, runningText: 'Working...', command: "git", args: ['clone', '--depth', '1', '--no-checkout', repoUrl, projectName] }),
-            React.createElement(Text, { color: 'whiteBright' }, "Fetching tags"),
-            React.createElement(Spawn, { shell: true, cwd: projectFolder, silent: true, command: 'git', args: ['fetch', '--tags'], runningText: 'Working...', successText: 'Done!', failureText: 'Error...' }),
-            React.createElement(Text, { color: 'whiteBright' }, "Checking out latest tag"),
-            React.createElement(Spawn, { shell: true, cwd: projectFolder, command: "git", args: ['checkout $(git describe --tags `git rev-list --tags --max-count=1`)'], successText: "Done!", failureText: 'Error...' }),
-            React.createElement(Text, { color: 'whiteBright' }, "Removing .git folder"),
-            React.createElement(Spawn, { shell: true, cwd: projectFolder, command: "rm", args: ['-rf', '.git'], successText: "Done!", failureText: 'Error...' }),
-            React.createElement(Text, { color: 'whiteBright' }, "Initializing Git repository"),
-            React.createElement(Spawn, { shell: true, cwd: projectFolder, command: "git", args: ['init'], successText: "Done!", failureText: 'Error...', onCompletion: onCompletion }))));
+    return (_jsx(Box, { flexDirection: 'column', gap: 0, children: _jsxs(Script, { children: [_jsxs(Box, { columnGap: 1, children: [_jsx(Text, { color: 'whiteBright', children: "Cloning dAppBooster in" }), _jsx(Text, { italic: true, children: projectName })] }), _jsx(Spawn, { shell: true, silent: true, successText: 'Done!', failureText: `Failed to clone the project, check if a folder called "${projectName}" already exists and your read/write permissions...`, runningText: 'Working...', command: "git", args: ['clone', '--depth', '1', '--no-checkout', repoUrl, projectName] }), _jsx(Text, { color: 'whiteBright', children: "Fetching tags" }), _jsx(Spawn, { shell: true, cwd: projectFolder, silent: true, command: 'git', args: ['fetch', '--tags'], runningText: 'Working...', successText: 'Done!', failureText: 'Error...' }), _jsx(Text, { color: 'whiteBright', children: "Checking out latest tag" }), _jsx(Spawn, { shell: true, cwd: projectFolder, command: "git", args: ['checkout $(git describe --tags `git rev-list --tags --max-count=1`)'], successText: "Done!", failureText: 'Error...' }), _jsx(Text, { color: 'whiteBright', children: "Removing .git folder" }), _jsx(Spawn, { shell: true, cwd: projectFolder, command: "rm", args: ['-rf', '.git'], successText: "Done!", failureText: 'Error...' }), _jsx(Text, { color: 'whiteBright', children: "Initializing Git repository" }), _jsx(Spawn, { shell: true, cwd: projectFolder, command: "git", args: ['init'], successText: "Done!", failureText: 'Error...', onCompletion: onCompletion })] }) }));
 };
 export default Commands;

package/dist/components/steps/FileCleanup.d.ts

@@ -8,11 +8,5 @@ interface Props {
         selectedFeatures?: Array<MultiSelectItem>;
     };
 }
-/**
- * Performs file cleanup after the installation process
- * @param onCompletion
- * @param installation
- * @param projectName
- */
 declare const FileCleanup: FC<Props>;
 export default FileCleanup;

package/dist/components/steps/FileCleanup.js

@@ -1,72 +1,31 @@
-import { readFileSync, writeFileSync } from 'node:fs';
-import { join } from 'node:path';
-import { Box, Text } from 'ink';
-import { Script, Spawn } from 'ink-spawn';
-import React, { useMemo } from 'react';
-import { featureSelected, getProjectFolder } from '../../utils/utils.js';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Text } from 'ink';
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { cleanupFiles } from '../../operations/index.js';
+import { deriveStepDisplay, getProjectFolder } from '../../utils/utils.js';
 import Divider from '../Divider.js';
-const packageJSONCleanup = (projectFolder, selectedFeatures) => {
-    const packageJSONPath = join(projectFolder, 'package.json');
-    const packageJSON = JSON.parse(readFileSync(packageJSONPath, 'utf8'));
-    if (!featureSelected('subgraph', selectedFeatures)) {
-        packageJSON.scripts['subgraph-codegen'] = undefined;
-    }
-    if (!featureSelected('typedoc', selectedFeatures)) {
-        packageJSON.scripts['typedoc:build'] = undefined;
-    }
-    if (!featureSelected('vocs', selectedFeatures)) {
-        packageJSON.scripts['docs:build'] = undefined;
-        packageJSON.scripts['docs:dev'] = undefined;
-        packageJSON.scripts['docs:preview'] = undefined;
-    }
-    if (!featureSelected('husky', selectedFeatures)) {
-        packageJSON.scripts.prepare = undefined;
-    }
-    writeFileSync(packageJSONPath, `${JSON.stringify(packageJSON, null, 2)}\n`);
-};
-/**
- * Performs file cleanup after the installation process
- * @param onCompletion
- * @param installation
- * @param projectName
- */
 const FileCleanup = ({ onCompletion, installationConfig, projectName }) => {
     const { installationType, selectedFeatures } = installationConfig;
     const projectFolder = useMemo(() => getProjectFolder(projectName), [projectName]);
-    const currentHomeFolder = `${projectFolder}/src/components/pageComponents/home`;
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Divider, { title: 'File cleanup' }),
-        React.createElement(Box, { flexDirection: 'column', gap: 0 },
-            React.createElement(Script, null,
-                installationType === 'custom' && (React.createElement(Script, { onCompletion: () => packageJSONCleanup(projectFolder, selectedFeatures) },
-                    !featureSelected('demo', selectedFeatures) && (React.createElement(Script, null,
-                        React.createElement(Text, { color: 'whiteBright' }, "Component demos"),
-                        React.createElement(Spawn, { shell: true, cwd: projectFolder, silent: true, command: "rm", args: ['-rf', currentHomeFolder], runningText: 'Removing home files...', successText: 'Done!', failureText: 'Error...' }),
-                        React.createElement(Spawn, { shell: true, cwd: projectFolder, silent: true, command: "mkdir", args: ['-p', currentHomeFolder], runningText: 'Creating home folder...', successText: 'Done!', failureText: 'Error...' }),
-                        React.createElement(Spawn, { shell: true, cwd: projectFolder, silent: true, command: "cp", args: ['./.install-files/home/index.tsx', currentHomeFolder], runningText: 'Creating new home page index file...', successText: 'Done!', failureText: 'Error...' }))),
-                    !featureSelected('subgraph', selectedFeatures) && (React.createElement(Script, null,
-                        React.createElement(Text, { color: 'whiteBright' }, "Subgraph"),
-                        React.createElement(Spawn, { shell: true, cwd: projectFolder, silent: true, command: "rm", args: ['-rf', './src/subgraphs'], runningText: 'Removing subgraphs folder...', successText: 'Done!', failureText: 'Error...' }),
-                        featureSelected('demo', selectedFeatures) && (React.createElement(Script, null,
-                            React.createElement(Spawn, { shell: true, cwd: projectFolder, silent: true, command: "rm", args: ['-rf', `${currentHomeFolder}/Examples/demos/subgraphs`], runningText: 'Removing subgraphs demos folder...', successText: 'Done!', failureText: 'Error...' }),
-                            React.createElement(Spawn, { shell: true, cwd: projectFolder, silent: true, command: "rm", args: [`${currentHomeFolder}/Examples/index.tsx`], runningText: 'Removing examples index file...', successText: 'Done!', failureText: 'Error...' }),
-                            React.createElement(Spawn, { shell: true, cwd: projectFolder, silent: true, command: "cp", args: [
-                                    './.install-files/home/Examples/index.tsx',
-                                    `${currentHomeFolder}/Examples/index.tsx`,
-                                ], runningText: 'Creating new examples index file...', successText: 'Done!', failureText: 'Error...' }))))),
-                    !featureSelected('typedoc', selectedFeatures) && (React.createElement(Script, null,
-                        React.createElement(Text, { color: 'whiteBright' }, "Typedoc"),
-                        React.createElement(Spawn, { shell: true, cwd: projectFolder, silent: true, command: "rm", args: ['./typedoc.json'], runningText: 'Removing config...', successText: 'Done!', failureText: 'Error...' }))),
-                    !featureSelected('vocs', selectedFeatures) && (React.createElement(Script, null,
-                        React.createElement(Text, { color: 'whiteBright' }, "Vocs"),
-                        React.createElement(Spawn, { shell: true, cwd: projectFolder, silent: true, command: "rm", args: ['./vocs.config.ts'], runningText: 'Removing config...', successText: 'Done!', failureText: 'Error...' }),
-                        React.createElement(Spawn, { shell: true, cwd: projectFolder, silent: true, command: "rm", args: ['-rf', './docs'], runningText: 'Removing docs folder...', successText: 'Done!', failureText: 'Error...' }))),
-                    !featureSelected('husky', selectedFeatures) && (React.createElement(Script, null,
-                        React.createElement(Text, { color: 'whiteBright' }, "Husky"),
-                        React.createElement(Spawn, { shell: true, cwd: projectFolder, silent: true, command: "rm", args: ['-rf', './.husky'], runningText: 'Removing Husky folder...', successText: 'Done!', failureText: 'Error...' }),
-                        React.createElement(Spawn, { shell: true, cwd: projectFolder, silent: true, command: "rm", args: ['./.lintstagedrc.mjs'], runningText: 'Removing lint-staged config...', successText: 'Done!', failureText: 'Error...' }),
-                        React.createElement(Spawn, { shell: true, cwd: projectFolder, silent: true, command: "rm", args: ['./commitlint.config.js'], runningText: 'Removing commitlint config...', successText: 'Done!', failureText: 'Error...' }))))),
-                React.createElement(Text, { color: 'whiteBright' }, "Install script"),
-                React.createElement(Spawn, { shell: true, cwd: projectFolder, silent: true, command: "rm", args: ['-rf', './.install-files'], runningText: 'Removing folder...', successText: 'Done!', failureText: 'Error...', onCompletion: onCompletion })))));
+    const [steps, setSteps] = useState([]);
+    const [status, setStatus] = useState('running');
+    const [errorMessage, setErrorMessage] = useState('');
+    const handleProgress = useCallback((step) => {
+        setSteps((prev) => [...prev, step]);
+    }, []);
+    useEffect(() => {
+        const features = selectedFeatures?.map((f) => f.value) ?? [];
+        cleanupFiles(projectFolder, installationType ?? 'full', features, handleProgress)
+            .then(() => {
+            setStatus('done');
+            onCompletion();
+        })
+            .catch((error) => {
+            setStatus('error');
+            setErrorMessage(error instanceof Error ? error.message : String(error));
+        });
+    }, [projectFolder, installationType, selectedFeatures, onCompletion, handleProgress]);
+    const { completedSteps, currentStep, failedStep } = deriveStepDisplay(steps, status);
+    return (_jsxs(_Fragment, { children: [_jsx(Divider, { title: 'File cleanup' }), completedSteps.map((step) => (_jsxs(Text, { children: [_jsx(Text, { color: 'green', children: '\u2714' }), " ", step] }, step))), currentStep && (_jsxs(Text, { children: [_jsx(Text, { dimColor: true, children: '\u25CB' }), " ", currentStep, " ", _jsx(Text, { dimColor: true, children: "Working..." })] })), failedStep && (_jsxs(Text, { children: [_jsx(Text, { color: 'red', children: '\u2717' }), " ", failedStep, " ", _jsx(Text, { color: 'red', children: "Error" })] })), status === 'error' && _jsxs(Text, { color: 'red', children: ["Cleanup failed: ", errorMessage] })] }));
 };
 export default FileCleanup;

package/dist/components/steps/Install/CustomInstallation.d.ts

@@ -1,4 +1,4 @@
-import { type FC } from 'react';
+import type { FC } from 'react';
 import type { MultiSelectItem } from '../../../types/types.js';
 interface Props {
     onCompletion: () => void;

package/dist/components/steps/Install/CustomInstallation.js

@@ -1,6 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Text } from 'ink';
 import { Script, Spawn } from 'ink-spawn';
-import React from 'react';
 import { getPackages } from '../../../utils/utils.js';
 import InstallAllPackages from './InstallAllPackages.js';
 /**
@@ -21,11 +21,6 @@ const CustomInstallation = ({ onCompletion, selectedFeatures, projectFolder }) =
     ]
         .join(' ')
         .trim();
-    return (React.createElement(Box, { flexDirection: 'column', gap: 0 }, !packagesToRemove ? (React.createElement(Script, null,
-        React.createElement(InstallAllPackages, { projectFolder: projectFolder, onCompletion: onCompletion }))) : (React.createElement(Script, null,
-        React.createElement(Text, { color: 'whiteBright' }, "Installing packages"),
-        React.createElement(Spawn, { shell: true, cwd: projectFolder, silent: true, command: 'pnpm', args: ['remove', packagesToRemove], runningText: 'Working...', successText: 'Done!', failureText: 'Error...' }),
-        React.createElement(Text, { color: 'whiteBright' }, "Executing post-install scripts"),
-        React.createElement(Spawn, { shell: true, cwd: projectFolder, silent: true, command: 'pnpm', args: ['run', 'postinstall'], runningText: 'Working...', successText: 'Done!', failureText: 'Error...', onCompletion: onCompletion })))));
+    return (_jsx(Box, { flexDirection: 'column', gap: 0, children: !packagesToRemove ? (_jsx(Script, { children: _jsx(InstallAllPackages, { projectFolder: projectFolder, onCompletion: onCompletion }) })) : (_jsxs(Script, { children: [_jsx(Text, { color: 'whiteBright', children: "Installing packages" }), _jsx(Spawn, { shell: true, cwd: projectFolder, silent: true, command: 'pnpm', args: ['remove', packagesToRemove], runningText: 'Working...', successText: 'Done!', failureText: 'Error...' }), _jsx(Text, { color: 'whiteBright', children: "Executing post-install scripts" }), _jsx(Spawn, { shell: true, cwd: projectFolder, silent: true, command: 'pnpm', args: ['run', 'postinstall'], runningText: 'Working...', successText: 'Done!', failureText: 'Error...', onCompletion: onCompletion })] })) }));
 };
 export default CustomInstallation;

package/dist/components/steps/Install/FullInstallation.d.ts

@@ -1,4 +1,4 @@
-import { type FC } from 'react';
+import type { FC } from 'react';
 interface Props {
     projectFolder: string;
     onCompletion?: () => void;

package/dist/components/steps/Install/FullInstallation.js

@@ -1,10 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Box } from 'ink';
 import { Script } from 'ink-spawn';
-import React from 'react';
 import InstallAllPackages from './InstallAllPackages.js';
 const FullInstallation = ({ onCompletion, projectFolder }) => {
-    return (React.createElement(Box, { flexDirection: 'column', gap: 0 },
-        React.createElement(Script, null,
-            React.createElement(InstallAllPackages, { projectFolder: projectFolder, onCompletion: onCompletion }))));
+    return (_jsx(Box, { flexDirection: 'column', gap: 0, children: _jsx(Script, { children: _jsx(InstallAllPackages, { projectFolder: projectFolder, onCompletion: onCompletion }) }) }));
 };
 export default FullInstallation;