@frontic/ui 0.7.0 → 0.8.0

package/dist/index.js

@@ -2101,6 +2101,7 @@ const info = new Command().name("info").description("get information about your
 //#endregion
 //#region src/commands/mcp.ts
 const FRONTIC_MCP_VERSION = "latest";
+const REMOTE_MCP_URL = "https://ui.frontic.io/mcp";
 const CLIENTS = [
 	{
 		name: "claude",
@@ -2159,6 +2160,57 @@ args = ["@frontic/ui@${FRONTIC_MCP_VERSION}", "mcp"]
 		}
 	}
 ];
+const REMOTE_CLIENTS = [
+	{
+		name: "claude",
+		label: "Claude Code",
+		configPath: ".mcp.json",
+		config: { mcpServers: { "frontic-ui": {
+			type: "streamable-http",
+			url: REMOTE_MCP_URL
+		} } }
+	},
+	{
+		name: "cursor",
+		label: "Cursor",
+		configPath: ".cursor/mcp.json",
+		config: { mcpServers: { "frontic-ui": {
+			command: "npx",
+			args: ["mcp-remote", REMOTE_MCP_URL]
+		} } }
+	},
+	{
+		name: "vscode",
+		label: "VS Code",
+		configPath: ".vscode/mcp.json",
+		config: { servers: { "frontic-ui": {
+			type: "http",
+			url: REMOTE_MCP_URL
+		} } }
+	},
+	{
+		name: "codex",
+		label: "Codex",
+		configPath: ".codex/config.toml",
+		config: `[mcp_servers.frontic_ui]
+command = "npx"
+args = ["mcp-remote", "${REMOTE_MCP_URL}"]
+`
+	},
+	{
+		name: "opencode",
+		label: "Opencode",
+		configPath: "opencode.json",
+		config: {
+			$schema: "https://opencode.ai/config.json",
+			mcp: { "frontic-ui": {
+				type: "remote",
+				enabled: true,
+				url: REMOTE_MCP_URL
+			} }
+		}
+	}
+];
 const DEPENDENCIES = [`@frontic/ui@${FRONTIC_MCP_VERSION}`];
 const mcp = new Command().name("mcp").description("MCP server and configuration commands").option("-c, --cwd <cwd>", "the working directory. defaults to the current directory.", process.cwd()).action(async (options) => {
 	try {
@@ -2178,12 +2230,14 @@ const mcpInitOptionsSchema = z$1.object({
 		"codex",
 		"opencode"
 	]),
-	cwd: z$1.string()
+	cwd: z$1.string(),
+	local: z$1.boolean().default(false)
 });
-mcp.command("init").description("Initialize MCP configuration for your client").option("--client <client>", `MCP client (${CLIENTS.map((c) => c.name).join(", ")})`).action(async (opts, command) => {
+mcp.command("init").description("Initialize MCP configuration for your client").option("--client <client>", `MCP client (${CLIENTS.map((c) => c.name).join(", ")})`).option("--local", "Use local MCP server via npx instead of the hosted remote server", false).action(async (opts, command) => {
 	try {
 		const cwd = (command.parent?.opts() || {}).cwd || process.cwd();
 		let client = opts.client;
+		let local = opts.local;
 		if (!client) {
 			const response = await prompts({
 				type: "select",
@@ -2200,10 +2254,58 @@ mcp.command("init").description("Initialize MCP configuration for your client").
 			}
 			client = response.client;
 		}
+		if (!local) {
+			const modeResponse = await prompts({
+				type: "select",
+				name: "mode",
+				message: "How do you want to run the MCP server?",
+				choices: [{
+					title: "Remote (hosted)",
+					value: "remote",
+					description: "Connects to hosted server — no install needed"
+				}, {
+					title: "Local (npx)",
+					value: "local",
+					description: "Runs locally via npx — requires Node.js"
+				}]
+			});
+			if (!modeResponse.mode) {
+				logger.break();
+				process.exit(1);
+			}
+			local = modeResponse.mode === "local";
+		}
 		const options = mcpInitOptionsSchema.parse({
 			client,
-			cwd
+			cwd,
+			local
 		});
+		if (!options.local) {
+			const clientList = REMOTE_CLIENTS;
+			const clientInfo = clientList.find((c) => c.name === options.client);
+			if (!clientInfo) throw new Error(`Unknown client: ${options.client}`);
+			if (options.client === "codex") {
+				logger.break();
+				logger.log("To configure the Frontic UI MCP server (remote) in Codex:");
+				logger.break();
+				logger.log(`1. Open or create the file ${highlighter.info("~/.codex/config.toml")}`);
+				logger.log("2. Add the following configuration:");
+				logger.log();
+				logger.info(clientInfo.config);
+				logger.break();
+				logger.info("3. Restart Codex to load the MCP server");
+				logger.break();
+				process.exit(0);
+			}
+			const configSpinner$1 = spinner("Configuring remote MCP server...").start();
+			const configPath$1 = await runMcpInit(options, clientList);
+			configSpinner$1.succeed("Configuring remote MCP server.");
+			logger.break();
+			logger.success(`Configuration saved to ${configPath$1}.`);
+			logger.info("Using hosted remote server — no local dependencies needed.");
+			logger.break();
+			return;
+		}
 		const config = await getConfig(options.cwd);
 		if (options.client === "codex") {
 			if (config) await updateDependencies([], DEPENDENCIES, config, { silent: false });
@@ -2257,9 +2359,9 @@ args = ["@frontic/ui@${FRONTIC_MCP_VERSION}", "mcp"]`);
 	}
 });
 const overwriteMerge = (_destArray, sourceArray) => sourceArray;
-async function runMcpInit(options) {
+async function runMcpInit(options, clientList = CLIENTS) {
 	const { client, cwd } = options;
-	const clientInfo = CLIENTS.find((c) => c.name === client);
+	const clientInfo = clientList.find((c) => c.name === client);
 	if (!clientInfo) throw new Error(`Unknown client: ${client}. Available clients: ${CLIENTS.map((c) => c.name).join(", ")}`);
 	const configPath = path.join(cwd, clientInfo.configPath);
 	const dir = path.dirname(configPath);
@@ -2417,7 +2519,7 @@ const migrate = new Command().name("migrate").description("run a migration.").ar
 
 //#endregion
 //#region package.json
-var version = "0.7.0";
+var version = "0.8.0";
 
 //#endregion
 //#region src/index.ts