esa-cli
Version:
A CLI for operating Alibaba Cloud ESA Functions and Pages.
69 lines (68 loc) • 3.65 kB
JavaScript
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);
} }));
});
});