esa-cli 0.0.2-beta.21 → 0.0.2-beta.23

package/dist/commands/dev/index.js

@@ -31,11 +31,11 @@ const EW2OS = [Platforms.AppleArm, Platforms.AppleIntel, Platforms.LinuxX86];
 const useEw2 = EW2OS.includes(OS);
 const dev = {
     command: 'dev [entry]',
-    describe: `💻 ${t('dev_describe').d('Start a local server for developing your routine')}`,
+    describe: `💻 ${t('dev_describe').d('Start a local server for developing your project')}`,
     builder: (yargs) => {
         yargsIns = yargs
             .positional('entry', {
-            describe: t('dev_entry_describe').d('Entry file of the Routine'),
+            describe: t('dev_entry_describe').d('Entry file of Functions& Pages'),
             type: 'string',
             demandOption: false
         })
@@ -187,7 +187,7 @@ const dev = {
             yield worker.start();
         }
         catch (err) {
-            console.log('Track err', err);
+            logger.error(`Worker start failed: ${err}`);
             process.exit(1);
         }
         const ignored = (path) => {

package/dist/commands/dev/mockWorker/devPack.js

@@ -40,12 +40,12 @@ const generateEntry = (id, projectEntry, userRoot) => __awaiter(void 0, void 0,
 const prepare = (configPath, entry, port, localUpstream, userRoot) => __awaiter(void 0, void 0, void 0, function* () {
     const options = {};
     const currentOptions = { entry, port, localUpstream };
-    // 支持同时跑多个 deno
+    // Support running multiple deno instances simultaneously
     const id = new Date().getTime().toString();
     // @ts-ignore
     global.id = id;
     yield generateEntry(id, entry, userRoot);
-    // 给每一次 dev 的配置项，在一个文件中通过 id 区分
+    // Configuration items for each dev session, distinguished by id in one file
     if (fs.existsSync(configPath)) {
         const currentConfig = fs
             .readFileSync(configPath, 'utf-8')
@@ -101,7 +101,7 @@ const devPack = () => __awaiter(void 0, void 0, void 0, function* () {
     }
     else {
         logger.notInProject();
-        process.exit(0);
+        process.exit(1);
     }
     return prepare(path.resolve(userRoot, '.dev/devConfig.js'), projectEntry, port, localUpstream, userRoot)
         .then(() => {

package/dist/commands/domain/add.js

@@ -14,7 +14,7 @@ import { getProjectConfig } from '../../utils/fileUtils/index.js';
 import { bindRoutineWithDomain, checkDirectory, checkIsLoginSuccess, validDomain, validName } from '../utils.js';
 const addDomain = {
     command: 'add <domain>',
-    describe: `🔗 ${t('domain_add_describe').d('Bind a domain to a routine')}`,
+    describe: `🔗 ${t('domain_add_describe').d('Bind a domain to your project')}`,
     builder: (yargs) => {
         return yargs
             .positional('domain', {
@@ -22,7 +22,7 @@ const addDomain = {
             type: 'string',
             demandOption: true
         })
-            .usage(`${t('common_usage').d('Usage')}: esa domain add <domain>`)
+            .usage(`${t('common_usage').d('Usage')}: esa-cli domain add <domain>`)
             .option('help', {
             alias: 'h',
             describe: t('common_help').d('Help'),

package/dist/commands/domain/index.js

@@ -5,7 +5,7 @@ import listDomain from './list.js';
 let yargsIns;
 const domainCommand = {
     command: 'domain [script]',
-    describe: `🔗 ${t('domain_describe').d('Manage the domain names bound to your routine')}`,
+    describe: `🔗 ${t('domain_describe').d('Manage the domain names bound to your project')}`,
     builder: (yargs) => {
         yargsIns = yargs;
         return yargs
@@ -18,7 +18,7 @@ const domainCommand = {
             type: 'boolean',
             default: false
         })
-            .usage(`${t('common_usage').d('Usage')}: esa domain <add | list | delete>`);
+            .usage(`${t('common_usage').d('Usage')}: esa-cli domain <add | list | delete>`);
     },
     handler: (argv) => {
         if (yargsIns && (argv.help || argv._.length < 2)) {

package/dist/commands/init/helper.js

@@ -100,7 +100,7 @@ export function checkAndUpdatePackage(packageName) {
             const spinner = logger.ora;
             spinner.text = t('checking_template_update').d('Checking esa-template updates...');
             spinner.start();
-            // 获取当前安装的版本
+            // Get currently installed version
             const __dirname = getDirName(import.meta.url);
             const packageJsonPath = path.join(__dirname, '../../../');
             let versionInfo;
@@ -124,7 +124,7 @@ export function checkAndUpdatePackage(packageName) {
             }
             const match = versionInfo.match(new RegExp(`(${packageName})@([0-9.]+)`));
             const currentVersion = match ? match[2] : '';
-            // 获取最新版本
+            // Get latest version
             const latestVersion = execSync(`npm view ${packageName} version`, {
                 cwd: packageJsonPath
             })
@@ -173,11 +173,10 @@ export function checkAndUpdatePackage(packageName) {
     });
 }
 export const getFrameworkConfig = (framework) => {
-    // 从init目录读取template.jsonc
+    // Read template.jsonc from init directory
     const templatePath = path.join(getDirName(import.meta.url), 'template.jsonc');
     const jsonc = fs.readFileSync(templatePath, 'utf-8');
     const json = JSON.parse(jsonc);
-    console.log(json);
     return json[framework];
 };
 /**
@@ -185,7 +184,7 @@ export const getFrameworkConfig = (framework) => {
  * @returns 框架全部配置
  */
 export const getAllFrameworkConfig = () => {
-    // 从init目录读取template.jsonc
+    // Read template.jsonc from init directory
     const templatePath = path.join(getDirName(import.meta.url), 'template.jsonc');
     const jsonc = fs.readFileSync(templatePath, 'utf-8');
     const json = JSON.parse(jsonc);
@@ -232,7 +231,7 @@ export function getInitParamsFromArgv(argv) {
         params.deploy = Boolean(a.deploy);
     return params;
 }
-// 配置项目名称
+// Configure project name
 export const configProjectName = (initParams) => __awaiter(void 0, void 0, void 0, function* () {
     if (initParams.name) {
         log.step(`Project name configured ${initParams.name}`);
@@ -593,7 +592,7 @@ export const initGit = (initParams) => __awaiter(void 0, void 0, void 0, functio
 export function getGitVersion() {
     return __awaiter(this, void 0, void 0, function* () {
         try {
-            const stdout = yield execCommand(['git', '--version'], {
+            let stdout = yield execCommand(['git', '--version'], {
                 useSpinner: false,
                 silent: true,
                 captureOutput: true
@@ -609,7 +608,7 @@ export function getGitVersion() {
 }
 export function isGitInstalled() {
     return __awaiter(this, void 0, void 0, function* () {
-        return (yield getGitVersion()) !== null;
+        return (yield getGitVersion()) !== '' && (yield getGitVersion()) !== null;
     });
 }
 /**
@@ -685,7 +684,6 @@ function ensureGitignore(projectRoot, assetsDirectory) {
                 ? `${existingContent.replace(/\n$/, '')}\n${toAppend.join('\n')}\n`
                 : `${toAppend.join('\n')}\n`;
             fs.writeFileSync(gitignorePath, newContent, 'utf-8');
-            logger.log('Updated .gitignore');
         }
         catch (_a) {
             // Do not fail init due to .gitignore issues

package/dist/commands/init/template.jsonc

@@ -55,7 +55,7 @@
   "astro": {
     "label": "Astro",
     "useGit": false,
-    "command": "npm create-astro@4.13.1",
+    "command": "npm create astro@4.13.1",
     "params": "--no-install",
     "assets": {
       "directory": "./dist"

package/dist/commands/route/add.js

@@ -14,6 +14,7 @@ import logger from '../../libs/logger.js';
 import { validRoutine } from '../../utils/checkIsRoutineCreated.js';
 import { getProjectConfig } from '../../utils/fileUtils/index.js';
 import { checkDirectory, checkIsLoginSuccess } from '../utils.js';
+import { routeBuilder } from '../../components/routeBuilder.js';
 import { transferRouteToRuleString } from './helper.js';
 const addRoute = {
     command: 'add [route] [site]',
@@ -78,7 +79,6 @@ export function handlerAddRoute(argv) {
             name: i.SiteName,
             value: i.SiteId
         }));
-        // 获取路由名称，支持直接通过参数传入
         let routeName = argv.alias;
         if (!routeName) {
             const response = yield inquirer.prompt([
@@ -99,35 +99,18 @@ export function handlerAddRoute(argv) {
         let siteName = argv.site;
         let siteId;
         if (!siteName) {
-            if (argv._.length > 2) {
-                siteName = argv._[2];
-            }
-            // 如果仍未提供站点名称，则提示选择
-            if (!siteName) {
-                const response = yield inquirer.prompt([
-                    {
-                        type: 'list',
-                        name: 'routeSite',
-                        message: t('create_route_site').d('Select a site that is active in your account:'),
-                        choices: siteList
-                    }
-                ]);
-                siteId = response.routeSite;
-            }
-            else {
-                // 根据站点名称查找对应的站点ID
-                const matchedSite = siteList.find((site) => site.name === siteName);
-                if (matchedSite) {
-                    siteId = matchedSite.value;
-                }
-                else {
-                    logger.error(t('site_not_found').d(`Site "${siteName}" not found in your account`));
-                    return;
+            const response = yield inquirer.prompt([
+                {
+                    type: 'list',
+                    name: 'routeSite',
+                    message: t('create_route_site').d('Select a site that is active in your account:'),
+                    choices: siteList
                 }
-            }
+            ]);
+            siteId = response.routeSite;
         }
         else {
-            // 根据站点名称查找对应的站点ID
+            // Find corresponding site ID by site name
             const matchedSite = siteList.find((site) => site.name === siteName);
             if (matchedSite) {
                 siteId = matchedSite.value;
@@ -137,40 +120,24 @@ export function handlerAddRoute(argv) {
                 return;
             }
         }
-        // 获取路由值，支持直接通过参数传入
         let inputRoute = argv.route;
         if (!inputRoute) {
-            // 如果参数中提供了路由值，使用它
-            if (argv._.length > 1) {
-                inputRoute = argv._[1];
-            }
-            // 如果仍未提供路由值，则提示输入
-            if (!inputRoute) {
-                const response = yield inquirer.prompt([
-                    {
-                        type: 'input',
-                        name: 'inputRoute',
-                        message: t('create_route_route').d('Enter a Route (e.g., example.com/*):'),
-                        validate: (input) => {
-                            if (!input) {
-                                return t('route_input_required').d('Route is required');
-                            }
-                            if (!input.includes('*') && !input.includes('/')) {
-                                return t('route_format_invalid').d('Route format is invalid. Please include wildcard (*) or path (/)');
-                            }
-                            return true;
-                        }
-                    }
-                ]);
-                inputRoute = response.inputRoute;
+            // Get selected site name for route building
+            const selectedSite = siteList.find((site) => site.value === siteId);
+            const displaySiteName = selectedSite ? selectedSite.name : siteName;
+            // Use route builder
+            const builtRoute = yield routeBuilder(displaySiteName);
+            if (!builtRoute) {
+                logger.info(t('route_build_cancelled').d('Route building cancelled'));
+                return;
             }
+            inputRoute = builtRoute;
         }
         const rule = transferRouteToRuleString(inputRoute);
         if (!rule) {
             logger.error(t('route_format_invalid').d('Invalid route format'));
             return;
         }
-        // 获取站点名称用于显示
         const selectedSite = siteList.find((site) => site.value === siteId);
         const displaySiteName = selectedSite ? selectedSite.name : siteName;
         const req = {

package/dist/commands/route/helper.js

@@ -72,8 +72,7 @@ export const transferRouteToRuleString = (routePath) => {
 export const transferRuleStringToRoute = (ruleStr) => {
     if (!ruleStr) {
         return '';
-    }
-    // 去掉外层括号并按 " and " 分割
+    } // Remove outer brackets and split by " and "
     const cleanedRule = ruleStr.replace(/^\(|\)$/g, '');
     const parts = cleanedRule.split(' and ');
     if (parts.length !== 2) {
@@ -81,36 +80,36 @@ export const transferRuleStringToRoute = (ruleStr) => {
     }
     let host = '';
     let uriPath = '';
-    // 处理host部分
+    // Process host part
     const hostPart = parts[0].trim();
     if (hostPart.startsWith(`${RuleMatchOperatorEndsWith}(${RuleMatchTypeHost},`)) {
-        // host匹配eq时的逻辑
+        // Logic when host matches eq
         // ends_with(http.host, "value")
         const match = hostPart.match(/ends_with\(http\.host,\s*"([^"]+)"\)/);
         if (match) {
-            host = `*${match[1]}`; // 加前缀 *
+            host = `*${match[1]}`; // Add prefix *
         }
     }
     else if (hostPart.startsWith(`${RuleMatchTypeHost} ${RuleMatchOperatorEq}`)) {
-        // host匹配eq时的逻辑
+        // Logic when host matches eq
         // http.host eq "value"
         const match = hostPart.match(/http\.host eq "([^"]+)"/);
         if (match) {
             host = match[1];
         }
     }
-    // 处理uriPath 部分
+    // Process uriPath part
     const uriPathPart = parts[1].trim();
     if (uriPathPart.startsWith(`${RuleMatchOperatorStartsWith}(${RuleMatchTypeUriPath},`)) {
-        // uriPath匹配startsWith时的逻辑
+        // Logic when uriPath matches startsWith
         // starts_with(http.request.uri.path, "value")
         const match = uriPathPart.match(/starts_with\(http\.request\.uri\.path,\s*"([^"]+)"\)/);
         if (match) {
-            uriPath = `${match[1]}*`; // 加后缀 *
+            uriPath = `${match[1]}*`; // Add suffix *
         }
     }
     else if (uriPathPart.startsWith(`${RuleMatchTypeUriPath} ${RuleMatchOperatorEq}`)) {
-        // uriPath匹配eq时的逻辑
+        // Logic when uriPath matches eq
         // http.request.uri.path eq "value"
         const match = uriPathPart.match(/http\.request\.uri\.path eq "([^"]+)"/);
         if (match) {

package/dist/commands/route/index.js

@@ -5,7 +5,7 @@ import listRoute from './list.js';
 let yargsIns;
 const routeCommand = {
     command: 'route [script]',
-    describe: `🚄 ${t('route_describe').d('Manage the routes bound to your routine')}`,
+    describe: `🚄 ${t('route_describe').d('Manage the routes bound to your project')}`,
     builder: (yargs) => {
         yargsIns = yargs;
         return yargs
@@ -18,7 +18,7 @@ const routeCommand = {
             type: 'boolean',
             default: false
         })
-            .usage(`${t('common_usage').d('Usage')}: esa route <add | list | delete>`);
+            .usage(`${t('common_usage').d('Usage')}: esa-cli route <add | list | delete>`);
     },
     handler: (argv) => {
         if (yargsIns && (argv.help || argv._.length < 2)) {

package/dist/commands/routine/delete.js

@@ -12,17 +12,18 @@ import { ApiService } from '../../libs/apiService.js';
 import logger from '../../libs/logger.js';
 import { checkIsLoginSuccess } from '../utils.js';
 const deleteCommand = {
-    command: 'delete <routineName>',
-    describe: `🗑  ${t('delete_describe').d('Delete a routine')}`,
+    command: 'delete <projectName>',
+    aliases: ['delete <routineName>'],
+    describe: `🗑  ${t('delete_describe').d('Delete a project')}`,
     builder: (yargs) => {
         return yargs
-            .positional('routineName', {
-            describe: t('delete_routineName_positional_describe').d('The name of the routine to delete'),
+            .positional('projectName', {
+            describe: t('delete_routineName_positional_describe').d('The name of the project to delete'),
             type: 'string',
             array: true,
             demandOption: true
         })
-            .usage(`${t('common_usage').d('Usage')}: $0 delete <routineName>`);
+            .usage(`${t('common_usage').d('Usage')}: $0 delete <projectName>`);
     },
     handler: (argv) => __awaiter(void 0, void 0, void 0, function* () {
         handleDelete(argv);
@@ -34,7 +35,7 @@ export function handleDelete(argv) {
         const isSuccess = yield checkIsLoginSuccess();
         if (!isSuccess)
             return;
-        const routineName = argv.routineName;
+        const routineName = argv.projectName || argv.routineName;
         const req = { Name: routineName };
         return yield deleteRoutineFromUserAccount(req);
     });

package/dist/commands/routine/index.js

@@ -3,8 +3,9 @@ import routineDelete from './delete.js';
 import routineList from './list.js';
 let yargsIns;
 const routineCommand = {
-    command: 'routine [script]',
-    describe: `🧭 ${t('routine_describe').d('Manage your routine')}`,
+    command: 'project [script]',
+    aliases: ['routine'],
+    describe: `🧭 ${t('routine_describe').d('Manage your project')}`,
     builder: (yargs) => {
         yargsIns = yargs;
         return yargs
@@ -16,7 +17,7 @@ const routineCommand = {
             type: 'boolean',
             default: false
         })
-            .usage(`${t('common_usage').d('Usage')}: esa routine [list | delete]`);
+            .usage(`${t('common_usage').d('Usage')}: esa-cli project [list | delete]`);
     },
     handler: (argv) => {
         if (yargsIns && (argv.help || argv._.length < 2)) {

package/dist/commands/routine/list.js

@@ -16,41 +16,59 @@ import logger from '../../libs/logger.js';
 import { checkIsLoginSuccess } from '../utils.js';
 const list = {
     command: 'list',
-    describe: `📋 ${t('list_describe').d('List all your routines')}`,
+    describe: `📋 ${t('list_describe').d('List all your projects')}`,
     builder: (yargs) => {
-        return yargs.usage(`${t('common_usage').d('Usage')}: \$0 list []`);
+        return yargs
+            .option('keyword', {
+            alias: 'k',
+            describe: t('deploy_option_keyword').d('Keyword to search for projects'),
+            type: 'string'
+        })
+            .usage(`${t('common_usage').d('Usage')}: \$0 list [--keyword <keyword>]`);
     },
     handler: (argv) => __awaiter(void 0, void 0, void 0, function* () {
         handleList(argv);
     })
 };
 export default list;
+export function getAllRoutines(options) {
+    return __awaiter(this, void 0, void 0, function* () {
+        var _a;
+        const server = yield ApiService.getInstance();
+        const allRoutines = [];
+        let pageNumber = 1;
+        const pageSize = (options === null || options === void 0 ? void 0 : options.PageSize) || 50;
+        while (true) {
+            const res = yield server.listUserRoutines({
+                RegionId: options === null || options === void 0 ? void 0 : options.RegionId,
+                PageNumber: pageNumber,
+                PageSize: pageSize,
+                SearchKeyWord: options === null || options === void 0 ? void 0 : options.SearchKeyWord
+            });
+            if (!((_a = res === null || res === void 0 ? void 0 : res.body) === null || _a === void 0 ? void 0 : _a.Routines)) {
+                break;
+            }
+            allRoutines.push(...res.body.Routines);
+            const totalCount = res.body.TotalCount;
+            const currentCount = allRoutines.length;
+            if (currentCount >= totalCount) {
+                break;
+            }
+            pageNumber++;
+        }
+        return allRoutines;
+    });
+}
 export function handleList(argv) {
     return __awaiter(this, void 0, void 0, function* () {
-        var _a, _b;
-        const { site } = argv;
         const isSuccess = yield checkIsLoginSuccess();
         if (!isSuccess)
             return;
-        const server = yield ApiService.getInstance();
-        if (site) {
-            const req = {
-                SiteSearchType: 'fuzzy',
-                Status: 'active',
-                PageNumber: 1,
-                PageSize: 50
-            };
-            const res = yield server.listSites(req);
-            const siteList = (_a = res === null || res === void 0 ? void 0 : res.data.Sites) !== null && _a !== void 0 ? _a : [];
-            const siteNameList = siteList === null || siteList === void 0 ? void 0 : siteList.map((item) => item.SiteName);
-            logger.log(chalk.bold.bgGray(`📃 ${t('list_site_name_title').d('List all of site names')}:`));
-            logger.tree(siteNameList);
-            return;
-        }
-        const res = yield server.listUserRoutines();
-        const routineList = (_b = res === null || res === void 0 ? void 0 : res.body) === null || _b === void 0 ? void 0 : _b.Routines;
+        const routineList = yield getAllRoutines({
+            SearchKeyWord: argv.keyword
+        });
         if (routineList) {
-            logger.log(chalk.bold.bgGray(`📃 ${t('list_routine_name_title').d('List all of routine')}:`));
+            logger.log(chalk.bold.bgGray(`📃 ${t('list_routine_name_title').d('List all of Functions& Pages')}:`));
             displayRoutineList(routineList);
         }
     });

package/dist/commands/site/index.js

@@ -14,7 +14,7 @@ const siteCommand = {
             type: 'boolean',
             default: false
         })
-            .usage(`${t('common_usage').d('Usage')}: esa site [list]`);
+            .usage(`${t('common_usage').d('Usage')}: esa-cli site [list]`);
     },
     handler: (argv) => {
         if (yargsIns && (argv.help || argv._.length < 2)) {

package/dist/commands/utils.js

@@ -71,7 +71,7 @@ export const bindRoutineWithDomain = (name, domain) => __awaiter(void 0, void 0,
 export function validName(name) {
     return /^[a-zA-Z0-9-_]+$/.test(name);
 }
-// 校验域名是否有效
+// Validate if domain is valid
 export function validDomain(domain) {
     return /^(?:[a-z0-9-](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?\.)+[a-zA-Z]{2,}$/.test(domain);
 }
@@ -89,7 +89,7 @@ export function checkIsLoginSuccess() {
         if (!endpoint) {
             endpoint = cliConfig === null || cliConfig === void 0 ? void 0 : cliConfig.endpoint;
         }
-        const namedCommand = chalk.green('esa login');
+        const namedCommand = chalk.green('esa-cli login');
         if (!accessKeyId || !accessKeySecret) {
             logger.log(`❌ ${t('utils_login_error').d('Maybe you are not logged in yet.')}`);
             logger.log(`🔔 ${t('utils_login_error_config', { namedCommand }).d(`Please run command to login: ${namedCommand}`)}`);
@@ -131,12 +131,12 @@ export function validateLoginCredentials(accessKeyId_1, accessKeySecret_1, endpo
     });
 }
 export function isValidRouteForDomain(route, domain) {
-    // 构建一个允许子域和任意路径的正则表达式
-    // 例如，匹配形式如 *.example.com/* 的URL
+    // Build a regex that allows subdomains and arbitrary paths
+    // For example, match URLs like *.example.com/*
     return route.includes(domain);
 }
 export function escapeRegExp(string) {
-    return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); // $& 表示整个被匹配的字符串
+    return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); // $& represents the entire matched string
 }
 export const getAllSites = () => __awaiter(void 0, void 0, void 0, function* () {
     var _a;

package/dist/components/filterSelector.js

@@ -51,7 +51,7 @@ export const FilterSelector = ({ data, onSubmit, hideCount = 20 }) => {
             else if (tabPressCount === 1) {
                 const filteredDataInner = data.filter((site) => site.label.includes(inputValue));
                 setFilteredData(filteredDataInner);
-                // 匹配结果大于等于1个时，进入选择模式
+                // Enter selection mode when match results >= 1
                 if ((filteredDataInner.length >= 1 &&
                     showAll &&
                     filteredDataInner.length > hideCount) ||

package/dist/components/routeBuilder.js

@@ -0,0 +1,68 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { Box, render, Text } from 'ink';
+import TextInput from 'ink-text-input';
+import React, { useState } from 'react';
+import t from '../i18n/index.js';
+export const RouteBuilder = ({ siteName, onSubmit, onCancel }) => {
+    const [prefix, setPrefix] = useState('');
+    const [suffix, setSuffix] = useState('');
+    const [currentInput, setCurrentInput] = useState('prefix');
+    const [error, setError] = useState('');
+    const handleSubmit = () => {
+        if (currentInput === 'prefix') {
+            setCurrentInput('suffix');
+            return;
+        }
+        // Build complete route, add dot before prefix and slash before suffix if not empty
+        const prefixWithDot = prefix ? `${prefix}.` : '';
+        const suffixWithDot = suffix ? `/${suffix}` : '';
+        const route = `${prefixWithDot}${siteName}${suffixWithDot}`;
+        onSubmit(route);
+    };
+    const handleCancel = () => {
+        onCancel();
+    };
+    const currentPrompt = currentInput === 'prefix'
+        ? t('route_builder_prefix_prompt')
+            .d(`Enter route prefix for ${siteName} (e.g., abc, def):`)
+            .replace('${siteName}', siteName)
+        : t('route_builder_suffix_prompt')
+            .d(`Enter route suffix for ${siteName} (e.g., *, users/*):`)
+            .replace('${siteName}', siteName);
+    const prefixWithDot = prefix ? `${prefix}.` : '';
+    const suffixWithDot = suffix ? `/${suffix}` : '';
+    const preview = `Preview: ${prefixWithDot}${siteName}${suffixWithDot}`;
+    return (React.createElement(Box, { flexDirection: "column" },
+        React.createElement(Box, null,
+            React.createElement(Text, null, "Building route for site: "),
+            React.createElement(Text, { color: "cyan" }, siteName)),
+        React.createElement(Box, { marginTop: 1 },
+            React.createElement(Text, null, currentPrompt)),
+        React.createElement(Box, { marginTop: 1 },
+            React.createElement(TextInput, { value: currentInput === 'prefix' ? prefix : suffix, onChange: currentInput === 'prefix' ? setPrefix : setSuffix, onSubmit: handleSubmit })),
+        preview && (React.createElement(Box, { marginTop: 1 },
+            React.createElement(Text, { color: "green" }, preview))),
+        React.createElement(Box, { marginTop: 1 },
+            React.createElement(Text, { color: "gray" }, t('route_builder_instructions').d('Press Enter to continue, Ctrl+C to cancel'))),
+        error && (React.createElement(Box, { marginTop: 1 },
+            React.createElement(Text, { color: "red" }, error)))));
+};
+export const routeBuilder = (siteName) => __awaiter(void 0, void 0, void 0, function* () {
+    return new Promise((resolve) => {
+        const { unmount } = render(React.createElement(RouteBuilder, { siteName: siteName, onSubmit: (route) => {
+                unmount();
+                resolve(route);
+            }, onCancel: () => {
+                unmount();
+                resolve(null);
+            } }));
+    });
+});