wp-typia 0.16.2 → 0.16.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wp-typia",
-  "version": "0.16.2",
+  "version": "0.16.3",
   "description": "Canonical CLI package for wp-typia scaffolding and project workflows",
   "packageManager": "bun@1.3.11",
   "type": "module",
@@ -65,10 +65,10 @@
     "@bunli/tui": "0.6.0",
     "@bunli/utils": "0.6.0",
     "@wp-typia/api-client": "^0.4.2",
-    "@wp-typia/project-tools": "0.16.1",
+    "@wp-typia/project-tools": "0.16.2",
     "better-result": "^2.7.0",
-    "react": "19.2.0",
-    "react-dom": "19.2.0",
+    "react": "^19.2.5",
+    "react-dom": "^19.2.5",
     "zod": "4.3.6"
   },
   "devDependencies": {

package/src/commands/add.ts

@@ -5,7 +5,7 @@ import { z } from "zod";
 
 import { getAddBlockDefaults } from "../config";
 import { resolveBundledModuleHref } from "../render-loader";
-import { executeAddCommand, getAddWorkspaceBlockOptions } from "../runtime-bridge";
+import { executeAddCommand } from "../runtime-bridge";
 import type { WpTypiaRenderArgs } from "./render-types";
 import { LazyFlow } from "../ui/lazy-flow";
 
@@ -94,7 +94,6 @@ export const addCommand = defineCommand({
 								template:
 									(args.flags.template as string | undefined) ?? config.template,
 							},
-							workspaceBlockOptions: getAddWorkspaceBlockOptions(args.cwd),
 						},
 					});
 				},

package/src/commands/doctor.ts

@@ -1,6 +1,5 @@
 import { defineCommand } from "@bunli/core";
-
-import { getDoctorChecks, runDoctor } from "@wp-typia/project-tools";
+import { executeDoctorCommand } from "../runtime-bridge";
 
 export const doctorCommand = defineCommand({
 	description: "Run repository and project diagnostics.",
@@ -10,6 +9,7 @@ export const doctorCommand = defineCommand({
 			args.agent ||
 			Boolean(args.context?.store?.isAIAgent);
 		if (prefersStructuredOutput) {
+			const { getDoctorChecks } = await import("@wp-typia/project-tools/cli-doctor");
 			const checks = await getDoctorChecks(args.cwd);
 			args.output({ checks });
 			if (checks.some((check) => check.status === "fail")) {
@@ -17,7 +17,7 @@ export const doctorCommand = defineCommand({
 			}
 			return;
 		}
-		await runDoctor(args.cwd);
+		await executeDoctorCommand(args.cwd);
 	},
 	name: "doctor",
 });

package/src/runtime-bridge.ts

@@ -3,29 +3,15 @@ import fs from "node:fs";
 import path from "node:path";
 
 import {
-	createReadlinePrompt,
-	formatRunScript,
-	formatAddHelpText,
-	formatMigrationHelpText,
 	formatTemplateDetails,
 	formatTemplateFeatures,
 	formatTemplateSummary,
-	getWorkspaceBlockSelectOptions,
 	getTemplateById,
-	getTemplateSelectOptions,
 	listTemplates,
-	parseMigrationArgs,
-	tryResolveWorkspaceProject,
-	runAddBindingSourceCommand,
-	runAddBlockCommand,
-	runAddHookedBlockCommand,
-	runAddPatternCommand,
-	runAddVariationCommand,
-	runDoctor,
-	runMigrationCommand,
-	runScaffoldFlow,
-} from "@wp-typia/project-tools";
-import type { ReadlinePrompt } from "@wp-typia/project-tools";
+} from "@wp-typia/project-tools/cli-templates";
+import { formatRunScript } from "@wp-typia/project-tools/package-managers";
+import { tryResolveWorkspaceProject } from "@wp-typia/project-tools/workspace-project";
+import type { ReadlinePrompt } from "@wp-typia/project-tools/cli-prompt";
 
 type CreateExecutionInput = {
 	projectDir: string;
@@ -72,6 +58,13 @@ type SyncProjectContext = {
 	scripts: Partial<Record<"sync" | "sync-rest" | "sync-types", string>>;
 };
 
+const loadCliAddRuntime = () => import("@wp-typia/project-tools/cli-add");
+const loadCliDoctorRuntime = () => import("@wp-typia/project-tools/cli-doctor");
+const loadCliPromptRuntime = () => import("@wp-typia/project-tools/cli-prompt");
+const loadCliScaffoldRuntime = () => import("@wp-typia/project-tools/cli-scaffold");
+const loadCliTemplatesRuntime = () => import("@wp-typia/project-tools/cli-templates");
+const loadMigrationsRuntime = () => import("@wp-typia/project-tools/migrations");
+
 function printBlock(lines: string[], printLine: PrintLine): void {
 	for (const line of lines) {
 		printLine(line);
@@ -272,6 +265,15 @@ export async function executeCreateCommand({
 	interactive,
 	prompt,
 }: CreateExecutionInput): Promise<void> {
+	const [
+		{ createReadlinePrompt },
+		{ runScaffoldFlow },
+		{ getTemplateSelectOptions },
+	] = await Promise.all([
+		loadCliPromptRuntime(),
+		loadCliScaffoldRuntime(),
+		loadCliTemplatesRuntime(),
+	]);
 	const shouldPrompt =
 		interactive ?? (!Boolean(flags.yes) && Boolean(process.stdin.isTTY) && Boolean(process.stdout.isTTY));
 	const activePrompt = shouldPrompt ? (prompt ?? createReadlinePrompt()) : undefined;
@@ -364,10 +366,13 @@ export async function executeAddCommand({
 	name,
 }: AddExecutionInput): Promise<void> {
 	if (!kind) {
+		const { formatAddHelpText } = await loadCliAddRuntime();
 		console.log(formatAddHelpText());
 		return;
 	}
 
+	const addRuntime = await loadCliAddRuntime();
+
 	if (kind === "variation") {
 		if (!name) {
 			throw new Error(
@@ -380,7 +385,7 @@ export async function executeAddCommand({
 			throw new Error("`wp-typia add variation` requires --block <block-slug>.");
 		}
 
-		const result = await runAddVariationCommand({
+		const result = await addRuntime.runAddVariationCommand({
 			blockName: blockSlug,
 			cwd,
 			variationName: name,
@@ -396,7 +401,7 @@ export async function executeAddCommand({
 			);
 		}
 
-		const result = await runAddPatternCommand({
+		const result = await addRuntime.runAddPatternCommand({
 			cwd,
 			patternName: name,
 		});
@@ -411,7 +416,7 @@ export async function executeAddCommand({
 			);
 		}
 
-		const result = await runAddBindingSourceCommand({
+		const result = await addRuntime.runAddBindingSourceCommand({
 			bindingSourceName: name,
 			cwd,
 		});
@@ -438,7 +443,7 @@ export async function executeAddCommand({
 			);
 		}
 
-		const result = await runAddHookedBlockCommand({
+		const result = await addRuntime.runAddHookedBlockCommand({
 			anchorBlockName,
 			blockName: name,
 			cwd,
@@ -468,7 +473,7 @@ export async function executeAddCommand({
 		);
 	}
 
-	const result = await runAddBlockCommand({
+	const result = await addRuntime.runAddBlockCommand({
 		blockName: name,
 		cwd,
 		dataStorageMode: readOptionalStringFlag(flags, "data-storage"),
@@ -524,9 +529,20 @@ export async function executeTemplatesCommand(
 }
 
 export async function executeDoctorCommand(cwd: string): Promise<void> {
+	const { runDoctor } = await loadCliDoctorRuntime();
 	await runDoctor(cwd);
 }
 
+export async function loadAddWorkspaceBlockOptions(cwd: string) {
+	const workspace = tryResolveWorkspaceProject(cwd);
+	if (!workspace) {
+		return [];
+	}
+
+	const { getWorkspaceBlockSelectOptions } = await loadCliAddRuntime();
+	return getWorkspaceBlockSelectOptions(workspace.projectDir);
+}
+
 export async function executeSyncCommand({
 	check = false,
 	cwd,
@@ -553,6 +569,8 @@ export async function executeMigrateCommand({
 	prompt,
 	renderLine,
 }: MigrateExecutionInput): Promise<void> {
+	const { formatMigrationHelpText, parseMigrationArgs, runMigrationCommand } =
+		await loadMigrationsRuntime();
 	if (!command) {
 		console.log(formatMigrationHelpText());
 		return;
@@ -587,13 +605,4 @@ export async function executeMigrateCommand({
 	});
 }
 
-export function getAddWorkspaceBlockOptions(cwd: string) {
-	const workspace = tryResolveWorkspaceProject(cwd);
-	if (!workspace) {
-		return [];
-	}
-
-	return getWorkspaceBlockSelectOptions(workspace.projectDir);
-}
-
-export { formatAddHelpText, formatMigrationHelpText, listTemplates };
+export { listTemplates };

package/src/ui/add-flow.tsx

@@ -1,4 +1,4 @@
-import { createElement, useMemo } from "react";
+import { createElement, useEffect, useMemo, useState } from "react";
 
 import {
 	Form,
@@ -6,9 +6,9 @@ import {
 	useFormContext,
 	useTerminalDimensions,
 } from "@bunli/tui";
-import { HOOKED_BLOCK_POSITION_IDS } from "@wp-typia/project-tools";
+import { HOOKED_BLOCK_POSITION_IDS } from "@wp-typia/project-tools/hooked-blocks";
 
-import { executeAddCommand } from "../runtime-bridge";
+import { executeAddCommand, loadAddWorkspaceBlockOptions } from "../runtime-bridge";
 import { useAlternateBufferLifecycle } from "./alternate-buffer-lifecycle";
 import {
 	type AddFlowValues,
@@ -104,11 +104,12 @@ const HOOKED_BLOCK_POSITION_DESCRIPTIONS: Record<
 type AddFlowProps = {
 	cwd: string;
 	initialValues: Partial<AddFlowValues>;
-	workspaceBlockOptions: Array<{
-		description: string;
-		name: string;
-		value: string;
-	}>;
+};
+
+type WorkspaceBlockOption = {
+	description: string;
+	name: string;
+	value: string;
 };
 
 type AddSelectFieldName = {
@@ -134,7 +135,7 @@ function getAddNameLabel(kind?: string): string {
 function AddFlowFields({
 	workspaceBlockOptions,
 }: {
-	workspaceBlockOptions: AddFlowProps["workspaceBlockOptions"];
+	workspaceBlockOptions: WorkspaceBlockOption[];
 }) {
 	const { activeFieldName, values } = useFormContext();
 	const { height: terminalHeight = 24 } = useTerminalDimensions();
@@ -255,8 +256,32 @@ function AddFlowFields({
 	);
 }
 
-export function AddFlow({ cwd, initialValues, workspaceBlockOptions }: AddFlowProps) {
-	const { handleCancel, handleSubmit } = useAlternateBufferLifecycle("wp-typia add failed");
+export function AddFlow({ cwd, initialValues }: AddFlowProps) {
+	const { handleCancel, handleFailure, handleSubmit } = useAlternateBufferLifecycle(
+		"wp-typia add failed",
+	);
+	const [workspaceBlockOptions, setWorkspaceBlockOptions] = useState<WorkspaceBlockOption[]>([]);
+
+	useEffect(() => {
+		let disposed = false;
+		setWorkspaceBlockOptions([]);
+
+		void loadAddWorkspaceBlockOptions(cwd)
+			.then((options) => {
+				if (!disposed) {
+					setWorkspaceBlockOptions(options);
+				}
+			})
+			.catch((error) => {
+				if (!disposed) {
+					handleFailure(error);
+				}
+			});
+
+		return () => {
+			disposed = true;
+		};
+	}, [cwd, handleFailure]);
 
 	return (
 		<Form