dappbooster 3.0.1 → 3.0.2

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,28 @@ 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 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),
+        // TODO: add a skip parameter to all (or most) steps
+        // to allow skipping when testing, etc.
+        _jsx(OptionalPackages, { onCompletion: finishStep, onSubmit: onSelectSelectedFeatures, skip: setupType?.value === 'full' }, 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,
@@ -42,8 +45,6 @@ const App = () => {
         onSelectSetupType,
         projectName,
     ]);
-    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,6 @@
 #!/usr/bin/env node
+import { jsx as _jsx } from "react/jsx-runtime";
 import { render } from 'ink';
-import React from 'react';
 import App from './app.js';
 console.clear();
-render(React.createElement(App, null));
+render(_jsx(App, {}));

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

@@ -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/CloneRepo.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import Divider from '../../Divider.js';
 import Commands from './Commands.js';
 /**
@@ -7,7 +7,5 @@ import Commands from './Commands.js';
  * @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 }) => (_jsxs(_Fragment, { children: [_jsx(Divider, { title: 'Git tasks' }), _jsx(Commands, { projectName: projectName, onCompletion: onCompletion })] }));
 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.js

@@ -1,8 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 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 { useMemo } from 'react';
 import { featureSelected, getProjectFolder } from '../../utils/utils.js';
 import Divider from '../Divider.js';
 const packageJSONCleanup = (projectFolder, selectedFeatures) => {
@@ -34,39 +35,9 @@ 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 })))));
+    return (_jsxs(_Fragment, { children: [_jsx(Divider, { title: 'File cleanup' }), _jsx(Box, { flexDirection: 'column', gap: 0, children: _jsxs(Script, { children: [installationType === 'custom' && (_jsxs(Script, { onCompletion: () => packageJSONCleanup(projectFolder, selectedFeatures), children: [!featureSelected('demo', selectedFeatures) && (_jsxs(Script, { children: [_jsx(Text, { color: 'whiteBright', children: "Component demos" }), _jsx(Spawn, { shell: true, cwd: projectFolder, silent: true, command: "rm", args: ['-rf', currentHomeFolder], runningText: 'Removing home files...', successText: 'Done!', failureText: 'Error...' }), _jsx(Spawn, { shell: true, cwd: projectFolder, silent: true, command: "mkdir", args: ['-p', currentHomeFolder], runningText: 'Creating home folder...', successText: 'Done!', failureText: 'Error...' }), _jsx(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) && (_jsxs(Script, { children: [_jsx(Text, { color: 'whiteBright', children: "Subgraph" }), _jsx(Spawn, { shell: true, cwd: projectFolder, silent: true, command: "rm", args: ['-rf', './src/subgraphs'], runningText: 'Removing subgraphs folder...', successText: 'Done!', failureText: 'Error...' }), featureSelected('demo', selectedFeatures) && (_jsxs(Script, { children: [_jsx(Spawn, { shell: true, cwd: projectFolder, silent: true, command: "rm", args: ['-rf', `${currentHomeFolder}/Examples/demos/subgraphs`], runningText: 'Removing subgraphs demos folder...', successText: 'Done!', failureText: 'Error...' }), _jsx(Spawn, { shell: true, cwd: projectFolder, silent: true, command: "rm", args: [`${currentHomeFolder}/Examples/index.tsx`], runningText: 'Removing examples index file...', successText: 'Done!', failureText: 'Error...' }), _jsx(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) && (_jsxs(Script, { children: [_jsx(Text, { color: 'whiteBright', children: "Typedoc" }), _jsx(Spawn, { shell: true, cwd: projectFolder, silent: true, command: "rm", args: ['./typedoc.json'], runningText: 'Removing config...', successText: 'Done!', failureText: 'Error...' })] })), !featureSelected('vocs', selectedFeatures) && (_jsxs(Script, { children: [_jsx(Text, { color: 'whiteBright', children: "Vocs" }), _jsx(Spawn, { shell: true, cwd: projectFolder, silent: true, command: "rm", args: ['./vocs.config.ts'], runningText: 'Removing config...', successText: 'Done!', failureText: 'Error...' }), _jsx(Spawn, { shell: true, cwd: projectFolder, silent: true, command: "rm", args: ['-rf', './docs'], runningText: 'Removing docs folder...', successText: 'Done!', failureText: 'Error...' })] })), !featureSelected('husky', selectedFeatures) && (_jsxs(Script, { children: [_jsx(Text, { color: 'whiteBright', children: "Husky" }), _jsx(Spawn, { shell: true, cwd: projectFolder, silent: true, command: "rm", args: ['-rf', './.husky'], runningText: 'Removing Husky folder...', successText: 'Done!', failureText: 'Error...' }), _jsx(Spawn, { shell: true, cwd: projectFolder, silent: true, command: "rm", args: ['./.lintstagedrc.mjs'], runningText: 'Removing lint-staged config...', successText: 'Done!', failureText: 'Error...' }), _jsx(Spawn, { shell: true, cwd: projectFolder, silent: true, command: "rm", args: ['./commitlint.config.js'], runningText: 'Removing commitlint config...', successText: 'Done!', failureText: 'Error...' })] }))] })), _jsx(Text, { color: 'whiteBright', children: "Install script" }), _jsx(Spawn, { shell: true, cwd: projectFolder, silent: true, command: "rm", args: ['-rf', './.install-files'], runningText: 'Removing folder...', successText: 'Done!', failureText: 'Error...', onCompletion: onCompletion })] }) })] }));
 };
 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;

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

@@ -1,6 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Box, Text } from 'ink';
 import { Script, Spawn } from 'ink-spawn';
-import React, { useMemo } from 'react';
+import { useMemo } from 'react';
 import { getProjectFolder } from '../../../utils/utils.js';
 import Divider from '../../Divider.js';
 import CustomInstallation from './CustomInstallation.js';
@@ -11,19 +12,6 @@ const Install = ({ projectName, onCompletion, installationConfig }) => {
     const title = installationType
         ? installationType[0]?.toUpperCase() + installationType.slice(1)
         : '';
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Divider, { title: `${title ?? 'Full'} installation` }),
-        React.createElement(Box, { flexDirection: 'column', gap: 0 },
-            React.createElement(Script, null,
-                React.createElement(Box, { columnGap: 1 },
-                    React.createElement(Text, { color: 'whiteBright' },
-                        "Creating",
-                        ' ',
-                        React.createElement(Text, { italic: true, color: 'white' }, ".env.local"),
-                        ' ',
-                        "file")),
-                React.createElement(Spawn, { shell: true, cwd: projectFolder, silent: true, command: 'cp', args: ['.env.example', '.env.local'], runningText: 'Working...', successText: 'Done!', failureText: 'Error...' }),
-                installationType === 'full' && (React.createElement(FullInstallation, { onCompletion: onCompletion, projectFolder: projectFolder })),
-                installationType === 'custom' && (React.createElement(CustomInstallation, { selectedFeatures: selectedFeatures, onCompletion: onCompletion, projectFolder: projectFolder }))))));
+    return (_jsxs(_Fragment, { children: [_jsx(Divider, { title: `${title ?? 'Full'} installation` }), _jsx(Box, { flexDirection: 'column', gap: 0, children: _jsxs(Script, { children: [_jsx(Box, { columnGap: 1, children: _jsxs(Text, { color: 'whiteBright', children: ["Creating", ' ', _jsx(Text, { italic: true, color: 'white', children: ".env.local" }), ' ', "file"] }) }), _jsx(Spawn, { shell: true, cwd: projectFolder, silent: true, command: 'cp', args: ['.env.example', '.env.local'], runningText: 'Working...', successText: 'Done!', failureText: 'Error...' }), installationType === 'full' && (_jsx(FullInstallation, { onCompletion: onCompletion, projectFolder: projectFolder })), installationType === 'custom' && (_jsx(CustomInstallation, { selectedFeatures: selectedFeatures, onCompletion: onCompletion, projectFolder: projectFolder }))] }) })] }));
 };
 export default Install;

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

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

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

@@ -1,9 +1,7 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Text } from 'ink';
 import { Spawn } from 'ink-spawn';
-import React from 'react';
 const InstallAllPackages = ({ projectFolder, onCompletion }) => {
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Text, { color: 'whiteBright' }, "Installing packages"),
-        React.createElement(Spawn, { shell: true, cwd: projectFolder, silent: true, command: 'pnpm', args: ['i'], runningText: 'Working...', successText: 'Done!', failureText: 'Error...', onCompletion: onCompletion })));
+    return (_jsxs(_Fragment, { children: [_jsx(Text, { color: 'whiteBright', children: "Installing packages" }), _jsx(Spawn, { shell: true, cwd: projectFolder, silent: true, command: 'pnpm', args: ['i'], runningText: 'Working...', successText: 'Done!', failureText: 'Error...', onCompletion: onCompletion })] }));
 };
 export default InstallAllPackages;

package/dist/components/steps/InstallationMode.js

@@ -1,7 +1,8 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import figures from 'figures';
 import { Text } from 'ink';
 import SelectInput from 'ink-select-input';
-import React, { useState } from 'react';
+import { useState } from 'react';
 import Divider from '../Divider.js';
 const installationTypeItems = [
     {
@@ -20,9 +21,6 @@ const InstallationMode = ({ onCompletion, onSelect }) => {
         onCompletion();
         setIsFocused(false);
     };
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Divider, { title: 'Installation setup' }),
-        React.createElement(Text, { color: 'whiteBright' }, "Choose installation type"),
-        React.createElement(SelectInput, { indicatorComponent: ({ isSelected }) => (React.createElement(Text, { color: "green" }, isSelected ? `${figures.pointer} ` : '  ')), itemComponent: ({ label, isSelected }) => (React.createElement(Text, { color: isSelected ? 'green' : 'white', bold: isSelected }, label)), isFocused: isFocused, items: installationTypeItems, onSelect: handleSelect })));
+    return (_jsxs(_Fragment, { children: [_jsx(Divider, { title: 'Installation setup' }), _jsx(Text, { color: 'whiteBright', children: "Choose installation type" }), _jsx(SelectInput, { indicatorComponent: ({ isSelected }) => (_jsx(Text, { color: "green", children: isSelected ? `${figures.pointer} ` : '  ' })), itemComponent: ({ label, isSelected }) => (_jsx(Text, { color: isSelected ? 'green' : 'white', bold: isSelected, children: label })), isFocused: isFocused, items: installationTypeItems, onSelect: handleSelect })] }));
 };
 export default InstallationMode;

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

@@ -1,15 +1,16 @@
 import { type FC } from 'react';
-import type { InstallationType, MultiSelectItem } from '../../types/types.js';
+import type { MultiSelectItem } from '../../types/types.js';
 interface Props {
-    installation: InstallationType | undefined;
     onCompletion: () => void;
     onSubmit: (selectedItems: Array<MultiSelectItem>) => void;
+    skip?: boolean;
 }
 /**
  * Step for selecting optional packages. Skipped if installation type is 'full'.
  * @param onCompletion
  * @param onSubmit
  * @param installation
+ * @param skip
  */
 declare const OptionalPackages: FC<Props>;
 export default OptionalPackages;

package/dist/components/steps/OptionalPackages.js

@@ -1,5 +1,6 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Text } from 'ink';
-import React, { useState, useEffect } from 'react';
+import { useEffect, useState } from 'react';
 import MultiSelect from '../Multiselect/index.js';
 const customPackages = [
     {
@@ -28,11 +29,11 @@ const customPackages = [
  * @param onCompletion
  * @param onSubmit
  * @param installation
+ * @param skip
  */
-const OptionalPackages = ({ onCompletion, onSubmit, installation }) => {
+const OptionalPackages = ({ onCompletion, onSubmit, skip = false }) => {
     const [isFocused, setIsFocused] = useState(true);
-    const skip = installation === 'full';
-    // biome-ignore lint/correctness/useExhaustiveDependencies: Run this only once
+    // biome-ignore lint/correctness/useExhaustiveDependencies: Run this only once, no matter what
     useEffect(() => {
         // full installation, do nothing
         if (skip) {
@@ -44,8 +45,6 @@ const OptionalPackages = ({ onCompletion, onSubmit, installation }) => {
         setIsFocused(false);
         onCompletion();
     };
-    return skip ? null : (React.createElement(React.Fragment, null,
-        React.createElement(Text, { color: 'whiteBright' }, "Choose optional packages"),
-        React.createElement(MultiSelect, { defaultSelected: customPackages, focus: isFocused, items: customPackages, onSubmit: onHandleSubmit })));
+    return skip ? null : (_jsxs(_Fragment, { children: [_jsx(Text, { color: 'whiteBright', children: "Choose optional packages" }), _jsx(MultiSelect, { defaultSelected: customPackages, focus: isFocused, items: customPackages, onSubmit: onHandleSubmit })] }));
 };
 export default OptionalPackages;

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

@@ -1,4 +1,4 @@
-import { type FC } from 'react';
+import type { FC } from 'react';
 import type { InstallationType, MultiSelectItem } from '../../types/types.js';
 interface Props {
     installationConfig: {

package/dist/components/steps/PostInstall.js

@@ -1,67 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import figures from 'figures';
 import { Box, Text } from 'ink';
 import Link from 'ink-link';
-import React from 'react';
 import { featureSelected } from '../../utils/utils.js';
 import Divider from '../Divider.js';
-const SubgraphWarningMessage = () => (React.createElement(Box, { flexDirection: 'column', rowGap: 1 },
-    React.createElement(Box, { alignItems: 'center', borderColor: 'yellow', borderStyle: 'bold', flexDirection: 'column', justifyContent: 'center', padding: 1 },
-        React.createElement(Text, { color: 'yellow' },
-            figures.warning,
-            figures.warning,
-            " ",
-            React.createElement(Text, { bold: true }, "WARNING:"),
-            " You ",
-            React.createElement(Text, { bold: true }, "MUST"),
-            " finish the subgraph's configuration manually ",
-            figures.warning,
-            figures.warning)),
-    React.createElement(Text, { bold: true }, "Follow these steps:"),
-    React.createElement(Box, { flexDirection: 'column' },
-        React.createElement(Text, null,
-            "1- Provide your own API key for ",
-            React.createElement(Text, { bold: true }, "PUBLIC_SUBGRAPHS_API_KEY"),
-            " in",
-            ' ',
-            React.createElement(Text, { bold: true }, ".env.local"),
-            " You can get one at",
-            ' ',
-            React.createElement(Link, { url: "https://thegraph.com/studio/apikeys" }, "https://thegraph.com/studio/apikeys")),
-        React.createElement(Text, null,
-            "2- After the API key is correctly configured, run ",
-            React.createElement(Text, { bold: true }, "pnpm subgraph-codegen"),
-            " in your console from the project's folder")),
-    React.createElement(Text, null,
-        "More configuration info in",
-        ' ',
-        React.createElement(Link, { url: 'https://docs.dappbooster.dev/introduction/getting-started' }, "the docs"),
-        "."),
-    React.createElement(Text, { color: 'yellow', bold: true },
-        figures.info,
-        " Only after you have followed the previous steps you may proceed.")));
-const PostInstallMessage = ({ projectName }) => (React.createElement(Box, { flexDirection: 'column', rowGap: 1, paddingBottom: 2 },
-    React.createElement(Text, { bold: true }, "To start development on your project:"),
-    React.createElement(Box, { flexDirection: 'column' },
-        React.createElement(Text, null,
-            "1- Move into the project's folder with ",
-            React.createElement(Text, { bold: true },
-                "cd ",
-                projectName)),
-        React.createElement(Text, null,
-            "2- Start the development server with ",
-            React.createElement(Text, { bold: true }, "pnpm dev"))),
-    React.createElement(Text, { bold: true }, "More info:"),
-    React.createElement(Box, { flexDirection: 'column' },
-        React.createElement(Text, null,
-            "- Check out ",
-            React.createElement(Text, { bold: true }, ".env.local"),
-            " for more configurations."),
-        React.createElement(Text, null,
-            "- Read the docs at",
-            ' ',
-            React.createElement(Link, { url: "https://docs.dappbooster.dev" }, "https://docs.dappbooster.dev"),
-            " to know more about ",
-            React.createElement(Text, { bold: true }, "dAppBooster")))));
+const SubgraphWarningMessage = () => (_jsxs(Box, { flexDirection: 'column', rowGap: 1, children: [_jsx(Box, { alignItems: 'center', borderColor: 'yellow', borderStyle: 'bold', flexDirection: 'column', justifyContent: 'center', padding: 1, children: _jsxs(Text, { color: 'yellow', children: [figures.warning, figures.warning, " ", _jsx(Text, { bold: true, children: "WARNING:" }), " You ", _jsx(Text, { bold: true, children: "MUST" }), " finish the subgraph's configuration manually ", figures.warning, figures.warning] }) }), _jsx(Text, { color: 'whiteBright', children: "Follow these steps:" }), _jsxs(Box, { flexDirection: 'column', children: [_jsxs(Text, { children: ["1- Provide your own API key for ", _jsx(Text, { color: 'gray', children: "PUBLIC_SUBGRAPHS_API_KEY" }), " in", ' ', _jsx(Text, { color: 'gray', children: ".env.local" }), " You can get one", ' ', _jsx(Link, { url: "https://thegraph.com/studio/apikeys", children: "here" })] }), _jsxs(Text, { children: ["2- After the API key is correctly configured, run", ' ', _jsx(Text, { color: 'gray', children: "pnpm subgraph-codegen" }), " in your console from the project's folder"] })] }), _jsxs(Text, { children: ["More configuration info in", ' ', _jsx(Link, { url: 'https://docs.dappbooster.dev/introduction/getting-started', children: "the docs" }), "."] }), _jsxs(Text, { color: 'yellow', bold: true, children: [figures.info, " Only after you have followed the previous steps you may proceed."] })] }));
+const PostInstallMessage = ({ projectName }) => (_jsxs(Box, { flexDirection: 'column', rowGap: 1, paddingBottom: 2, children: [_jsx(Text, { color: 'whiteBright', children: "To start development on your project:" }), _jsxs(Box, { flexDirection: 'column', children: [_jsxs(Text, { children: ["1- Move into the project's folder with ", _jsxs(Text, { color: 'gray', children: ["cd ", projectName] })] }), _jsxs(Text, { children: ["2- Start the development server with ", _jsx(Text, { color: 'gray', children: "pnpm dev" })] })] }), _jsx(Text, { color: 'whiteBright', children: "More info:" }), _jsxs(Box, { flexDirection: 'column', children: [_jsxs(Text, { children: ["- Check out ", _jsx(Text, { color: 'gray', children: ".env.local" }), " for more configurations."] }), _jsxs(Text, { children: ["- Read ", _jsx(Link, { url: "https://docs.dappbooster.dev", children: "the docs" }), " to know more about", ' ', _jsx(Text, { color: 'gray', children: "dAppBooster" }), "!"] }), _jsxs(Text, { children: ["- Report issues with this installer", ' ', _jsx(Link, { url: "https://github.com/BootNodeDev/dAppBoosterInstallScript/issues", children: "here" })] })] })] }));
 /**
  * Component to ask for the project name.
  * @param selectedFeatures
@@ -70,10 +14,6 @@ const PostInstallMessage = ({ projectName }) => (React.createElement(Box, { flex
 const PostInstall = ({ installationConfig, projectName }) => {
     const { selectedFeatures, installationType } = installationConfig;
     const subgraphSupport = featureSelected('subgraph', selectedFeatures);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Divider, { title: 'Post-install instructions' }),
-        React.createElement(Box, { flexDirection: 'column', rowGap: 2 },
-            (subgraphSupport || installationType === 'full') && React.createElement(SubgraphWarningMessage, null),
-            React.createElement(PostInstallMessage, { projectName: projectName }))));
+    return (_jsxs(_Fragment, { children: [_jsx(Divider, { title: 'Post-install instructions' }), _jsxs(Box, { flexDirection: 'column', rowGap: 2, children: [(subgraphSupport || installationType === 'full') && _jsx(SubgraphWarningMessage, {}), _jsx(PostInstallMessage, { projectName: projectName })] })] }));
 };
 export default PostInstall;

package/dist/components/steps/ProjectName.js

@@ -1,4 +1,5 @@
-import React, { useMemo, useCallback } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useMemo } from 'react';
 import { isValidName } from '../../utils/utils.js';
 import Ask from '../Ask.js';
 /**
@@ -20,6 +21,6 @@ const ProjectName = ({ projectName, onSubmit, onCompletion }) => {
             onCompletion();
         }
     }, [onSubmit, onCompletion]);
-    return (React.createElement(Ask, { answer: projectName, errorMessage: errorMessage, onSubmit: handleSubmit, question: 'Project name', tip: 'Letters (a–z, A–Z), numbers (0–9), and underscores (_) are allowed.' }));
+    return (_jsx(Ask, { answer: projectName, errorMessage: errorMessage, onSubmit: handleSubmit, question: 'Project name', tip: 'Letters (a–z, A–Z), numbers (0–9), and underscores (_) are allowed.' }));
 };
 export default ProjectName;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dappbooster",
-  "version": "3.0.1",
+  "version": "3.0.2",
   "license": "MIT",
   "bin": "dist/cli.js",
   "type": "module",

package/readme.md

@@ -2,14 +2,19 @@
 
 An easy way to install and customize [dAppBooster](https://dappbooster.dev/)
 
+## Requirements
+
+- Node >= 20
+- pnpm
+
 ## Usage
 
+<img src="./demo.svg" width="600">
+
 ```shell
-$ pnpm dlx dappbooster
+pnpm dlx dappbooster
 ```
 
-<img src="./demo.svg" width="600">
-
 dAppBooster documentation: https://docs.dappbooster.dev/
 
 ## Development
@@ -31,7 +36,7 @@ pnpm i
 You can run the script by doing
 
 ```shell
-$ node cli.js
+node cli.js
 ```
 
 ## Releasing new versions to NPM