wp-typia 0.16.0 → 0.16.2

package/src/ui/migrate-flow.tsx

@@ -1,187 +1,205 @@
-import { useState } from "react";
+import { createElement, useMemo } from "react";
 
-import { useRuntime } from "@bunli/runtime/app";
-import { Alert, SchemaForm } from "@bunli/tui";
-import { z } from "zod";
+import {
+	Form,
+	type SelectOption,
+	useFormContext,
+	useTerminalDimensions,
+} from "@bunli/tui";
 
 import { executeMigrateCommand } from "../runtime-bridge";
+import { useAlternateBufferLifecycle } from "./alternate-buffer-lifecycle";
+import {
+	type MigrateFlowValues,
+	getMigrateScrollTop,
+	getMigrateViewportHeight,
+	getVisibleMigrateFieldNames,
+	migrateFlowSchema,
+	sanitizeMigrateSubmitValues,
+} from "./migrate-flow-model";
+import {
+	FirstPartyCheckboxField,
+	FirstPartyScrollBox,
+	FirstPartySelectField,
+	FirstPartyTextField,
+} from "./first-party-form";
+import { getWrappedFieldNeighbors } from "./first-party-form-model";
 
-const migrateFlowSchema = z.object({
-	all: z.boolean().default(false),
-	command: z.enum([
-		"init",
-		"snapshot",
-		"plan",
-		"wizard",
-		"diff",
-		"scaffold",
-		"verify",
-		"doctor",
-		"fixtures",
-		"fuzz",
-	]),
-	"current-migration-version": z.string().optional(),
-	force: z.boolean().default(false),
-	"from-migration-version": z.string().optional(),
-	iterations: z.string().optional(),
-	"migration-version": z.string().optional(),
-	seed: z.string().optional(),
-	"to-migration-version": z.string().optional(),
-});
-
-type MigrateFlowValues = z.infer<typeof migrateFlowSchema>;
+const migrateCommandOptions: SelectOption[] = [
+	{ name: "init", description: "Initialize migration config", value: "init" },
+	{
+		name: "snapshot",
+		description: "Capture the current schema snapshot",
+		value: "snapshot",
+	},
+	{ name: "plan", description: "Preview migration work", value: "plan" },
+	{
+		name: "wizard",
+		description: "Guided migration preview",
+		value: "wizard",
+	},
+	{ name: "diff", description: "Diff migration snapshots", value: "diff" },
+	{
+		name: "scaffold",
+		description: "Generate migration rules and artifacts",
+		value: "scaffold",
+	},
+	{
+		name: "verify",
+		description: "Verify generated migration fixtures",
+		value: "verify",
+	},
+	{
+		name: "doctor",
+		description: "Diagnose migration workspace health",
+		value: "doctor",
+	},
+	{
+		name: "fixtures",
+		description: "Refresh migration fixtures",
+		value: "fixtures",
+	},
+	{ name: "fuzz", description: "Run migration fuzzing", value: "fuzz" },
+];
 
 type MigrateFlowProps = {
 	cwd: string;
 	initialValues: Partial<MigrateFlowValues>;
 };
 
-function sanitizeMigrateValues(values: MigrateFlowValues): Record<string, unknown> {
-	return Object.fromEntries(
-		Object.entries(values).flatMap(([key, value]) => {
-			if (typeof value === "string" && value.trim().length === 0) {
-				return [];
-			}
-			return [[key, value]];
-		}),
-	);
-}
+type MigrateSelectFieldName = {
+	[K in keyof MigrateFlowValues]-?: MigrateFlowValues[K] extends string | undefined ? K : never;
+}[keyof MigrateFlowValues];
 
-export function MigrateFlow({ cwd, initialValues }: MigrateFlowProps) {
-	const runtime = useRuntime();
-	const [errorMessage, setErrorMessage] = useState<string | null>(null);
+type MigrateCheckboxFieldName = {
+	[K in keyof MigrateFlowValues]-?: MigrateFlowValues[K] extends boolean | undefined ? K : never;
+}[keyof MigrateFlowValues];
 
-	return (
-		<>
-			{errorMessage ? (
-				<Alert message={errorMessage} title="Migrate failed" tone="danger" />
-			) : null}
-			<SchemaForm
-				fields={[
-					{
-						kind: "select",
-						label: "Migration command",
-						name: "command",
-						options: [
-							{ name: "init", description: "Initialize migration config", value: "init" },
-							{
-								name: "snapshot",
-								description: "Capture the current schema snapshot",
-								value: "snapshot",
-							},
-							{ name: "plan", description: "Preview migration work", value: "plan" },
-							{
-								name: "wizard",
-								description: "Guided migration preview",
-								value: "wizard",
-							},
-							{ name: "diff", description: "Diff migration snapshots", value: "diff" },
-							{
-								name: "scaffold",
-								description: "Generate migration rules and artifacts",
-								value: "scaffold",
-							},
-							{
-								name: "verify",
-								description: "Verify generated migration fixtures",
-								value: "verify",
-							},
-							{
-								name: "doctor",
-								description: "Diagnose migration workspace health",
-								value: "doctor",
-							},
-							{
-								name: "fixtures",
-								description: "Refresh migration fixtures",
-								value: "fixtures",
-							},
-							{ name: "fuzz", description: "Run migration fuzzing", value: "fuzz" },
-						],
-						required: true,
-					},
-					{
-						kind: "text",
+function MigrateFlowFields() {
+	const { activeFieldName, values } = useFormContext();
+	const { height: terminalHeight = 24 } = useTerminalDimensions();
+	const migrateValues = values as Partial<MigrateFlowValues>;
+	const command = migrateValues.command ?? "plan";
+	const viewportHeight = getMigrateViewportHeight(terminalHeight);
+	const scrollValues = useMemo(() => ({ command }), [command]);
+	const scrollTop = useMemo(
+		() =>
+			getMigrateScrollTop({
+				activeFieldName,
+				values: scrollValues,
+				viewportHeight,
+			}),
+		[activeFieldName, scrollValues, viewportHeight],
+	);
+	const visibleFields = new Set(getVisibleMigrateFieldNames(migrateValues));
+	const orderedVisibleFields = useMemo(
+		() => getVisibleMigrateFieldNames(migrateValues),
+		[migrateValues],
+	);
+
+	return createElement(
+		FirstPartyScrollBox,
+		{ scrollTop, viewportHeight },
+		[
+			createElement(FirstPartySelectField, {
+				...getWrappedFieldNeighbors(orderedVisibleFields, "command"),
+				key: "command",
+				label: "Migration command",
+				name: "command" satisfies MigrateSelectFieldName,
+				options: migrateCommandOptions,
+			}),
+			visibleFields.has("current-migration-version")
+				? createElement(FirstPartyTextField, {
+						...getWrappedFieldNeighbors(
+							orderedVisibleFields,
+							"current-migration-version",
+						),
+						key: "current-migration-version",
 						label: "Current migration version",
 						name: "current-migration-version",
-						visibleWhen: (values) => values.command === "init",
-					},
-					{
-						kind: "text",
+					})
+				: null,
+			visibleFields.has("migration-version")
+				? createElement(FirstPartyTextField, {
+						...getWrappedFieldNeighbors(orderedVisibleFields, "migration-version"),
+						key: "migration-version",
 						label: "Migration version",
 						name: "migration-version",
-						visibleWhen: (values) => values.command === "snapshot",
-					},
-					{
-						kind: "text",
+					})
+				: null,
+			visibleFields.has("from-migration-version")
+				? createElement(FirstPartyTextField, {
+						...getWrappedFieldNeighbors(orderedVisibleFields, "from-migration-version"),
+						key: "from-migration-version",
 						label: "From migration version",
 						name: "from-migration-version",
-						visibleWhen: (values) =>
-							values.command === "plan" ||
-							values.command === "diff" ||
-							values.command === "scaffold" ||
-							values.command === "verify" ||
-							values.command === "doctor" ||
-							values.command === "fixtures" ||
-							values.command === "fuzz",
-					},
-					{
-						kind: "text",
+					})
+				: null,
+			visibleFields.has("to-migration-version")
+				? createElement(FirstPartyTextField, {
+						...getWrappedFieldNeighbors(orderedVisibleFields, "to-migration-version"),
+						key: "to-migration-version",
 						label: "To migration version",
 						name: "to-migration-version",
-						visibleWhen: (values) =>
-							values.command === "plan" ||
-							values.command === "diff" ||
-							values.command === "scaffold" ||
-							values.command === "fixtures",
-					},
-					{
-						kind: "checkbox",
+					})
+				: null,
+			visibleFields.has("all")
+				? createElement(FirstPartyCheckboxField, {
+						...getWrappedFieldNeighbors(orderedVisibleFields, "all"),
+						key: "all",
 						label: "All configured migration versions",
-						name: "all",
-						visibleWhen: (values) =>
-							values.command === "verify" ||
-							values.command === "doctor" ||
-							values.command === "fixtures" ||
-							values.command === "fuzz",
-					},
-					{
-						kind: "checkbox",
+						name: "all" satisfies MigrateCheckboxFieldName,
+					})
+				: null,
+			visibleFields.has("force")
+				? createElement(FirstPartyCheckboxField, {
+						...getWrappedFieldNeighbors(orderedVisibleFields, "force"),
+						key: "force",
 						label: "Force overwrite",
-						name: "force",
-						visibleWhen: (values) => values.command === "fixtures",
-					},
-					{
-						kind: "text",
+						name: "force" satisfies MigrateCheckboxFieldName,
+					})
+				: null,
+			visibleFields.has("iterations")
+				? createElement(FirstPartyTextField, {
+						...getWrappedFieldNeighbors(orderedVisibleFields, "iterations"),
+						key: "iterations",
 						label: "Iterations",
 						name: "iterations",
-						visibleWhen: (values) => values.command === "fuzz",
-					},
-					{
-						kind: "text",
+					})
+				: null,
+			visibleFields.has("seed")
+				? createElement(FirstPartyTextField, {
+						...getWrappedFieldNeighbors(orderedVisibleFields, "seed"),
+						key: "seed",
 						label: "Seed",
 						name: "seed",
-						visibleWhen: (values) => values.command === "fuzz",
-					},
-				]}
-				initialValues={initialValues}
-				onCancel={() => runtime.exit()}
-				onSubmit={async (values) => {
-					try {
-						setErrorMessage(null);
-						await executeMigrateCommand({
-							command: values.command,
-							cwd,
-							flags: sanitizeMigrateValues(values),
-						});
-						runtime.exit();
-					} catch (error) {
-						setErrorMessage(error instanceof Error ? error.message : String(error));
-					}
-				}}
-				schema={migrateFlowSchema}
-				title="Run wp-typia migration workflows"
-			/>
-		</>
+					})
+				: null,
+		],
+	);
+}
+
+export function MigrateFlow({ cwd, initialValues }: MigrateFlowProps) {
+	const { handleCancel, handleSubmit } = useAlternateBufferLifecycle("wp-typia migrate failed");
+
+	return (
+		<Form
+			initialValues={initialValues}
+			onCancel={handleCancel}
+			onSubmit={async (values) =>
+				handleSubmit(async () => {
+					const flags = sanitizeMigrateSubmitValues(values);
+					await executeMigrateCommand({
+						command: values.command,
+						cwd,
+						flags,
+					});
+				})
+			}
+			schema={migrateFlowSchema}
+			title="Run wp-typia migration workflows"
+		>
+			<MigrateFlowFields />
+		</Form>
 	);
 }