From 4940c39e4b4a3e89399878059120a40de504f633 Mon Sep 17 00:00:00 2001
From: Rick van der Staaij <id@rick.nu>
Date: Tue, 21 Jul 2026 13:21:14 +0200
Subject: [PATCH 1/2] Add local host names check in the generator

---
 src/components/Form/Text/Text.tsx             |  8 ++--
 src/components/Generator/Generator.tsx        |  3 ++
 .../Highlighter/lineRenderers.tsx             |  2 +-
 .../GeneredTaskfile/addons/addons.ts          |  2 +
 .../addons/localHosts/LocalDomains.tsx        | 39 +++++++++++++++++++
 .../addons/localHosts/index.ts                |  1 +
 .../localHosts/local-domains.module.scss      |  5 +++
 .../addons/localHosts/localHosts.ts           | 27 +++++++++++++
 .../addons/localHosts/set-local-hosts.sh      | 17 ++++++++
 .../Generator/Settings/Settings.tsx           |  4 ++
 .../Generator/Settings/settings.module.scss   |  2 +-
 11 files changed, 104 insertions(+), 6 deletions(-)
 create mode 100644 src/components/Generator/GeneredTaskfile/addons/localHosts/LocalDomains.tsx
 create mode 100644 src/components/Generator/GeneredTaskfile/addons/localHosts/index.ts
 create mode 100644 src/components/Generator/GeneredTaskfile/addons/localHosts/local-domains.module.scss
 create mode 100644 src/components/Generator/GeneredTaskfile/addons/localHosts/localHosts.ts
 create mode 100644 src/components/Generator/GeneredTaskfile/addons/localHosts/set-local-hosts.sh

diff --git a/src/components/Form/Text/Text.tsx b/src/components/Form/Text/Text.tsx
index ba277d8..30941e1 100644
--- a/src/components/Form/Text/Text.tsx
+++ b/src/components/Form/Text/Text.tsx
@@ -1,4 +1,4 @@
-import { HTMLAttributes, HTMLInputAutoCompleteAttribute, HTMLInputTypeAttribute, ReactElement } from 'react';
+import { HTMLInputAutoCompleteAttribute, HTMLInputTypeAttribute, InputHTMLAttributes, ReactElement } from 'react';
 import { RegisterOptions, useFormContext } from 'react-hook-form';
 
 import FormError from '@/components/Form/Error';
@@ -6,12 +6,12 @@ import FormError from '@/components/Form/Error';
 import styles from '../form.module.css';
 
 type TextInputProps = {
-	title: string;
+	title?: string;
 	name: string;
 	options?: RegisterOptions;
 	type?: HTMLInputTypeAttribute;
 	autoComplete?: HTMLInputAutoCompleteAttribute;
-} & HTMLAttributes<HTMLInputElement>;
+} & InputHTMLAttributes<HTMLInputElement>;
 
 const TextInput = ({
 	name,
@@ -25,7 +25,7 @@ const TextInput = ({
 
 	return (
 		<label className={styles.label}>
-			<span className={styles.title}>{title}</span>{' '}
+			{title && <span className={styles.title}>{title}</span>}{' '}
 			<input
 				className={styles.input}
 				{...form.register(name, options)}
diff --git a/src/components/Generator/Generator.tsx b/src/components/Generator/Generator.tsx
index a76675e..4c7c16e 100644
--- a/src/components/Generator/Generator.tsx
+++ b/src/components/Generator/Generator.tsx
@@ -16,6 +16,8 @@ export type GeneratorSettings = {
 	font: Font;
 	runtime: 'local' | 'docker-compose';
 	developmentProxy: boolean;
+	localHosts: boolean;
+	localDomains: { domain: string }[];
 	checkoutGitRequest: 'none' | 'github' | 'gitlab';
 	configureGitHooks: boolean;
 	subTaskfile: boolean;
@@ -30,6 +32,7 @@ const Generator = (): ReactElement => {
 			project: 'Taskfile',
 			font: 'Shadow',
 			runtime: 'local',
+			localDomains: [{ domain: '' }],
 			checkoutGitRequest: 'none',
 		},
 	});
diff --git a/src/components/Generator/GeneredTaskfile/Highlighter/lineRenderers.tsx b/src/components/Generator/GeneredTaskfile/Highlighter/lineRenderers.tsx
index c25c72d..34a911e 100644
--- a/src/components/Generator/GeneredTaskfile/Highlighter/lineRenderers.tsx
+++ b/src/components/Generator/GeneredTaskfile/Highlighter/lineRenderers.tsx
@@ -96,7 +96,7 @@ export const lineRenderers: Record<RendererType, LineRenderer> = {
 		},
 	},
 	[RendererType.Conditionals]: {
-		test: (line) => /^if+|^then+|^else+|^fi/.test(line.trim()),
+		test: (line) => /^if+|^then+|^for+|^done+|^else+|^fi/.test(line.trim()),
 		render: (line, i) => (
 			<div key={i} className={styles['text-pink']}>
 				{line}
diff --git a/src/components/Generator/GeneredTaskfile/addons/addons.ts b/src/components/Generator/GeneredTaskfile/addons/addons.ts
index 51a0167..680ffe4 100644
--- a/src/components/Generator/GeneredTaskfile/addons/addons.ts
+++ b/src/components/Generator/GeneredTaskfile/addons/addons.ts
@@ -3,6 +3,7 @@ import { TaskfileAddons } from '@/components/Generator/GeneredTaskfile/taskfile'
 
 import runtime from './runtime';
 import git from './git';
+import localHosts from './localHosts';
 import subTaskfile from './subTaskfile';
 import fileUtilities from './fileUtilities';
 import appUtilities from '@/components/Generator/GeneredTaskfile/addons/appUtilities';
@@ -16,6 +17,7 @@ import appUtilities from '@/components/Generator/GeneredTaskfile/addons/appUtili
 const renderAddons = (settings: GeneratorSettings, addons: TaskfileAddons): void => {
 	runtime(settings, addons);
 	git(settings, addons);
+	localHosts(settings, addons);
 	fileUtilities(settings, addons);
 	appUtilities(settings, addons);
 	subTaskfile(settings, addons);
diff --git a/src/components/Generator/GeneredTaskfile/addons/localHosts/LocalDomains.tsx b/src/components/Generator/GeneredTaskfile/addons/localHosts/LocalDomains.tsx
new file mode 100644
index 0000000..192c7c6
--- /dev/null
+++ b/src/components/Generator/GeneredTaskfile/addons/localHosts/LocalDomains.tsx
@@ -0,0 +1,39 @@
+'use client';
+
+import { ReactElement, useEffect } from 'react';
+import { useFieldArray, useFormContext } from 'react-hook-form';
+
+import TextInput from '@/components/Form/Text';
+import { GeneratorSettings } from '@/components/Generator';
+
+import styles from './local-domains.module.scss';
+
+const LocalDomains = (): ReactElement => {
+	const form = useFormContext<GeneratorSettings>();
+	const { fields, append, remove } = useFieldArray<GeneratorSettings, 'localDomains'>({ name: 'localDomains' });
+	const domains = form.watch('localDomains');
+	const lastDomain = domains?.length ? domains[domains.length - 1]?.domain : undefined;
+	const emptyIndex = domains ? domains.slice(0, -1).findIndex((entry) => !entry?.domain) : -1;
+
+	// Remove emptied textboxes and make sure there is always one empty textbox to add a new domain
+	useEffect(() => {
+		if (emptyIndex !== -1) {
+			remove(emptyIndex);
+			return;
+		}
+
+		if (lastDomain !== '') {
+			append({ domain: '' }, { shouldFocus: false });
+		}
+	}, [emptyIndex, lastDomain, append, remove]);
+
+	return (
+		<div className={styles.container}>
+			{fields.map((field, index) => (
+				<TextInput key={field.id} name={`localDomains.${index}.domain`} placeholder="example.local" />
+			))}
+		</div>
+	);
+};
+
+export default LocalDomains;
diff --git a/src/components/Generator/GeneredTaskfile/addons/localHosts/index.ts b/src/components/Generator/GeneredTaskfile/addons/localHosts/index.ts
new file mode 100644
index 0000000..fe83de2
--- /dev/null
+++ b/src/components/Generator/GeneredTaskfile/addons/localHosts/index.ts
@@ -0,0 +1 @@
+export { default } from './localHosts';
diff --git a/src/components/Generator/GeneredTaskfile/addons/localHosts/local-domains.module.scss b/src/components/Generator/GeneredTaskfile/addons/localHosts/local-domains.module.scss
new file mode 100644
index 0000000..cd8948e
--- /dev/null
+++ b/src/components/Generator/GeneredTaskfile/addons/localHosts/local-domains.module.scss
@@ -0,0 +1,5 @@
+.container {
+	display: flex;
+	flex-direction: column;
+	gap: 0.5rem;
+}
diff --git a/src/components/Generator/GeneredTaskfile/addons/localHosts/localHosts.ts b/src/components/Generator/GeneredTaskfile/addons/localHosts/localHosts.ts
new file mode 100644
index 0000000..e37ed92
--- /dev/null
+++ b/src/components/Generator/GeneredTaskfile/addons/localHosts/localHosts.ts
@@ -0,0 +1,27 @@
+import { GeneratorSettings } from '@/components/Generator';
+import { TaskfileAddons } from '@/components/Generator/GeneredTaskfile/taskfile';
+import loadTemplate from '@/helpers/loadTemplate';
+import setLocalHostsSh from './set-local-hosts.sh';
+
+const localHosts = (settings: GeneratorSettings, addon: TaskfileAddons): void => {
+	if (!settings.localHosts) {
+		return;
+	}
+
+	const domains = (settings.localDomains ?? []).map((entry) => entry.domain.trim()).filter(Boolean);
+
+	if (domains.length === 0) {
+		return;
+	}
+
+	addon.projectFunctions.push(
+		loadTemplate(setLocalHostsSh, {
+			project: settings.project || 'Taskfile',
+			domains: domains.map((domain) => `\t\t"${domain}"`).join('\n'),
+		})
+	);
+
+	addon.initCheckCommands.push('task:set-local-hosts');
+};
+
+export default localHosts;
diff --git a/src/components/Generator/GeneredTaskfile/addons/localHosts/set-local-hosts.sh b/src/components/Generator/GeneredTaskfile/addons/localHosts/set-local-hosts.sh
new file mode 100644
index 0000000..ffd1d5a
--- /dev/null
+++ b/src/components/Generator/GeneredTaskfile/addons/localHosts/set-local-hosts.sh
@@ -0,0 +1,17 @@
+function task:set-local-hosts { ## Add required local host names
+	title "Checking local host names"
+	local domains=(
+[[domains]]
+	)
+	local domain pattern
+	for domain in "${domains[@]}"; do
+		pattern="^127\.0\.0\.1[[:space:]]+${domain//./\\.}([[:space:]]|\$)"
+		if grep -qE "$pattern" /etc/hosts; then
+			echo -e "${GREEN}✓${RESET} ${domain} is present"
+		else
+			echo -e "Adding ${domain} to ${YELLOW}/etc/hosts${RESET} (${RED}sudo required${RESET})"
+			echo "127.0.0.1 ${domain} # project: [[project]]" | sudo tee -a /etc/hosts > /dev/null
+			echo -e "${GREEN}✓${RESET} added ${domain}"
+		fi
+	done
+}
diff --git a/src/components/Generator/Settings/Settings.tsx b/src/components/Generator/Settings/Settings.tsx
index d32b666..d8e18e2 100644
--- a/src/components/Generator/Settings/Settings.tsx
+++ b/src/components/Generator/Settings/Settings.tsx
@@ -8,6 +8,7 @@ import RadioInput from '@/components/Form/Radio';
 import { useFormContext } from 'react-hook-form';
 import { GeneratorSettings } from '@/components/Generator';
 import Checkbox from '@/components/Form/Checkbox';
+import LocalDomains from '@/components/Generator/GeneredTaskfile/addons/localHosts/LocalDomains';
 
 const Settings = (): ReactElement => {
 	const form = useFormContext<GeneratorSettings>();
@@ -80,6 +81,9 @@ const Settings = (): ReactElement => {
 				]}
 			/>
 			<Checkbox name="configureGitHooks">Configure git hooks</Checkbox>
+			<h2>Local hosts</h2>
+			<Checkbox name="localHosts">Check and add local domains</Checkbox>
+			{settings.localHosts && <LocalDomains />}
 			<h2>SubTaskfile</h2>
 			<Checkbox name="subTaskfile">Include SubTaskfile example</Checkbox>
 			<h2>Utilities</h2>
diff --git a/src/components/Generator/Settings/settings.module.scss b/src/components/Generator/Settings/settings.module.scss
index 5dc64b9..6c07081 100644
--- a/src/components/Generator/Settings/settings.module.scss
+++ b/src/components/Generator/Settings/settings.module.scss
@@ -1,7 +1,7 @@
 .container {
 	display: flex;
 	flex-direction: column;
-	gap: 1rem;
+	gap: 0.5rem;
 
 	h2 {
 		font-size: 1rem;

From 39ba0e214e6ce23be29a21a6a93c99923d994746 Mon Sep 17 00:00:00 2001
From: Rick van der Staaij <id@rick.nu>
Date: Tue, 21 Jul 2026 13:34:51 +0200
Subject: [PATCH 2/2] Clean up output highlighting

---
 .../addons/localHosts/set-local-hosts.sh               | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/Generator/GeneredTaskfile/addons/localHosts/set-local-hosts.sh b/src/components/Generator/GeneredTaskfile/addons/localHosts/set-local-hosts.sh
index ffd1d5a..758968a 100644
--- a/src/components/Generator/GeneredTaskfile/addons/localHosts/set-local-hosts.sh
+++ b/src/components/Generator/GeneredTaskfile/addons/localHosts/set-local-hosts.sh
@@ -1,5 +1,5 @@
-function task:set-local-hosts { ## Add required local host names
-	title "Checking local host names"
+function task:set-local-hosts { ## Add required local hosts to /etc/hosts
+	title "Checking local hosts"
 	local domains=(
 [[domains]]
 	)
@@ -7,11 +7,11 @@ function task:set-local-hosts { ## Add required local host names
 	for domain in "${domains[@]}"; do
 		pattern="^127\.0\.0\.1[[:space:]]+${domain//./\\.}([[:space:]]|\$)"
 		if grep -qE "$pattern" /etc/hosts; then
-			echo -e "${GREEN}✓${RESET} ${domain} is present"
+			echo -e "${GREEN}✓${RESET} host ${GREEN}${domain}${RESET} is present."
 		else
-			echo -e "Adding ${domain} to ${YELLOW}/etc/hosts${RESET} (${RED}sudo required${RESET})"
+			echo -e "Adding ${YELLOW}${domain}${RESET} to ${YELLOW}/etc/hosts${RESET} (${RED}sudo required${RESET})..."
 			echo "127.0.0.1 ${domain} # project: [[project]]" | sudo tee -a /etc/hosts > /dev/null
-			echo -e "${GREEN}✓${RESET} added ${domain}"
+			echo -e "${GREEN}✓${RESET} added host ${GREEN}${domain}${RESET}."
 		fi
 	done
 }