envmgr-cli 1.0.0

package/dist/ui/components/LinkFlow.js

@@ -0,0 +1,160 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useState } from 'react';
+import { Box, Text, useInput } from 'ink';
+import TextInput from 'ink-text-input';
+import SelectInput from 'ink-select-input';
+import Spinner from 'ink-spinner';
+import fs from 'fs';
+import path from 'path';
+import { Screen } from './Screen.js';
+import { ProjectPicker } from './ProjectPicker.js';
+import { EnvironmentPicker } from './EnvironmentPicker.js';
+import { fetchVariables } from '../../api/service.js';
+export const LinkFlow = ({ onCancel, isSwitching, onSyncRequest }) => {
+    const [step, setStep] = useState(isSwitching ? 'environment' : 'project');
+    const [selectedProject, setSelectedProject] = useState(null);
+    const [selectedEnv, setSelectedEnv] = useState(null);
+    const [alias, setAlias] = useState('');
+    const [targetFile, setTargetFile] = useState('.env.local');
+    const [customFileName, setCustomFileName] = useState('');
+    const [error, setError] = useState(null);
+    const [activeConfig, setActiveConfig] = useState(null);
+    React.useEffect(() => {
+        try {
+            const configPath = path.join(process.cwd(), '.envmgr', 'config.json');
+            if (fs.existsSync(configPath)) {
+                const config = JSON.parse(fs.readFileSync(configPath, 'utf-8'));
+                setActiveConfig(config);
+                if (isSwitching) {
+                    setSelectedProject({ id: config.projectId, name: config.projectName });
+                    setTargetFile(config.envFilePath || '.env.local');
+                }
+            }
+        }
+        catch (err) {
+            console.error('Failed to load project from config', err);
+        }
+    }, [isSwitching]);
+    useInput((input, key) => {
+        if (step === 'success') {
+            onCancel();
+            return;
+        }
+        if ((key.escape || input === '\u001b') && step !== 'cloning') {
+            onCancel();
+        }
+    });
+    const handleProjectSelect = (project) => {
+        setSelectedProject(project);
+        setStep('environment');
+    };
+    const handleEnvSelect = (env) => {
+        setSelectedEnv(env);
+        if (isSwitching) {
+            startCloning(targetFile, true, env, selectedProject || undefined);
+        }
+        else {
+            setStep('ask-alias');
+        }
+    };
+    const handleAliasSubmit = () => {
+        if (fs.existsSync(path.join(process.cwd(), '.env.local'))) {
+            setStep('confirm-file');
+        }
+        else {
+            startCloning('.env.local');
+        }
+    };
+    const startCloning = async (fileName, silent = false, envParam, projectParam) => {
+        const env = envParam || selectedEnv;
+        const project = projectParam || selectedProject;
+        if (!env || !project) {
+            setError('Project or Environment not selected');
+            setStep('error');
+            return;
+        }
+        setTargetFile(fileName);
+        setStep('cloning');
+        try {
+            const configDir = path.join(process.cwd(), '.envmgr');
+            if (!fs.existsSync(configDir)) {
+                fs.mkdirSync(configDir, { recursive: true });
+            }
+            const configPath = path.join(configDir, 'config.json');
+            const localConfig = {
+                ...(activeConfig || {}),
+                projectId: project.id,
+                projectName: project.name,
+                environmentId: env.id,
+                environmentName: env.name,
+                envFilePath: fileName,
+                envAliases: {
+                    ...(activeConfig?.envAliases || {}),
+                    ...(alias ? { [alias]: env.name } : {})
+                }
+            };
+            fs.writeFileSync(configPath, JSON.stringify(localConfig, null, 2));
+            if (isSwitching) {
+                setStep('ask-sync');
+            }
+            else {
+                // Original clone flow
+                const { data: variables } = await fetchVariables(env.id);
+                const content = variables.map((v) => `${v.key}=${v.value}`).join('\n');
+                const filePath = path.join(process.cwd(), fileName);
+                fs.writeFileSync(filePath, content);
+                setStep('success');
+            }
+        }
+        catch (err) {
+            setError(err.message || 'Action failed');
+            setStep('error');
+        }
+    };
+    const renderContent = () => {
+        switch (step) {
+            case 'project':
+                return _jsx(ProjectPicker, { onSelect: handleProjectSelect, onCancel: onCancel, activeId: activeConfig?.projectId });
+            case 'environment':
+                if (!selectedProject)
+                    return _jsxs(Text, { color: "yellow", children: [_jsx(Spinner, { type: "dots" }), " Loading project context..."] });
+                return _jsx(EnvironmentPicker, { projectId: selectedProject.id, projectName: selectedProject.name, onSelect: handleEnvSelect, onCancel: () => isSwitching ? onCancel() : setStep('project'), activeId: selectedProject.id === activeConfig?.projectId ? activeConfig?.environmentId : undefined });
+            case 'ask-alias':
+                return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, color: "cyan", children: "Environment Alias (Optional)" }), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { children: ["Create a shortcut for ", selectedEnv?.name, "? (e.g. prod, stg)"] }) }), _jsx(Box, { marginTop: 1, children: _jsx(TextInput, { value: alias, onChange: setAlias, onSubmit: handleAliasSubmit, placeholder: "prod" }) }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Press Enter to confirm or skip \u2022 Esc to cancel" }) })] }));
+            case 'confirm-file':
+                return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: "yellow", children: "\u26A0\uFE0F .env.local already exists." }), _jsx(Text, { children: "Overwrite it?" }), _jsx(Box, { marginTop: 1, children: _jsx(SelectInput, { items: [
+                                    { label: 'Yes, overwrite', value: 'yes' },
+                                    { label: 'No, use a different file', value: 'no' },
+                                    { label: 'Cancel', value: 'cancel' }
+                                ], onSelect: (item) => {
+                                    if (item.value === 'yes')
+                                        startCloning('.env.local');
+                                    else if (item.value === 'no')
+                                        setStep('custom-file');
+                                    else
+                                        onCancel();
+                                } }) })] }));
+            case 'ask-sync':
+                return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: "green", bold: true, children: ["\u2713 Environment switched to ", selectedEnv?.name, "!"] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { children: "Do you want to sync variables now?" }) }), _jsx(Box, { marginTop: 1, children: _jsx(SelectInput, { items: [
+                                    { label: 'Yes, sync now', value: 'sync' },
+                                    { label: 'No, thanks', value: 'no' }
+                                ], onSelect: (item) => {
+                                    if (item.value === 'sync')
+                                        onSyncRequest?.();
+                                    else
+                                        onCancel();
+                                } }) })] }));
+            case 'custom-file':
+                return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: "Enter filename for environment variables:" }), _jsx(Box, { marginTop: 1, children: _jsx(TextInput, { value: customFileName, onChange: setCustomFileName, onSubmit: () => startCloning(customFileName || '.env'), placeholder: ".env.staging" }) }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Press Enter to confirm \u2022 Esc to cancel" }) })] }));
+            case 'cloning':
+                return (_jsx(Box, { flexDirection: "column", alignItems: "center", justifyContent: "center", flexGrow: 1, children: _jsxs(Text, { color: "yellow", children: [_jsx(Spinner, { type: "dots" }), " ", isSwitching ? 'Updating configuration...' : `Cloning variables to ${targetFile}...`] }) }));
+            case 'success':
+                return (_jsxs(Box, { flexDirection: "column", alignItems: "center", justifyContent: "center", flexGrow: 1, children: [_jsx(Text, { color: "green", bold: true, children: "\u2713 Successfully linked project!" }), alias && (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { children: ["Alias ", _jsx(Text, { color: "cyan", bold: true, children: alias }), " created for ", _jsx(Text, { color: "yellow", children: selectedEnv?.name })] }) })), _jsxs(Box, { marginTop: alias ? 0 : 1, flexDirection: "column", alignItems: "center", children: [_jsxs(Text, { dimColor: true, children: ["Variables cloned to ", targetFile] }), _jsx(Text, { dimColor: true, children: "Config saved to .envmgr/config.json" })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, italic: true, children: "Press any key to return to menu" }) })] }));
+            case 'error':
+                return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: "red", children: ["Error: ", error] }), _jsx(Box, { marginTop: 1, children: _jsx(SelectInput, { items: [{ label: 'Retry', value: 'retry' }, { label: 'Go Back', value: 'back' }], onSelect: (item) => item.value === 'retry' ? setStep(isSwitching ? 'environment' : 'project') : onCancel() }) })] }));
+            default:
+                return null;
+        }
+    };
+    return (_jsx(Screen, { children: _jsx(Box, { marginTop: 1, children: renderContent() }) }));
+};

package/dist/ui/components/LoginForm.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Box, Text, useInput } from 'ink';
+import TextInput from 'ink-text-input';
+import Spinner from 'ink-spinner';
+import { Screen } from './Screen.js';
+export const LoginForm = ({ onSubmit, onCancel }) => {
+    const [step, setStep] = useState('email');
+    const [email, setEmail] = useState('');
+    const [password, setPassword] = useState('');
+    const [error, setError] = useState(null);
+    useInput((input, key) => {
+        if (step === 'success') {
+            onCancel();
+            return;
+        }
+        if (step === 'error' && key.return) {
+            setStep('password');
+            setPassword('');
+            setError(null);
+            return;
+        }
+        if ((key.escape || input === '\u001b') && step !== 'submitting') {
+            onCancel();
+        }
+    });
+    const handleEmailSubmit = () => {
+        if (email)
+            setStep('password');
+    };
+    const handlePasswordSubmit = async () => {
+        if (password) {
+            setStep('submitting');
+            try {
+                await onSubmit(email, password);
+                setStep('success');
+            }
+            catch (err) {
+                setError(err.message || 'Login failed');
+                setStep('error');
+            }
+        }
+    };
+    if (step === 'success') {
+        return (_jsx(Screen, { children: _jsxs(Box, { flexDirection: "column", alignItems: "center", justifyContent: "center", flexGrow: 1, children: [_jsx(Text, { color: "green", bold: true, children: "\u2713 Logged in successfully!" }), _jsxs(Text, { dimColor: true, children: ["Welcome back, ", email] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Returning to menu..." }) })] }) }));
+    }
+    return (_jsx(Screen, { children: _jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { bold: true, color: "cyan", children: "Login to your account" }), _jsxs(Box, { marginTop: 1, children: [_jsx(Box, { marginRight: 1, children: _jsx(Text, { bold: true, children: "Email:" }) }), step === 'email' ? (_jsx(TextInput, { value: email, onChange: setEmail, onSubmit: handleEmailSubmit })) : (_jsx(Text, { color: "gray", children: email }))] }), step !== 'email' && (_jsxs(Box, { children: [_jsx(Box, { marginRight: 1, children: _jsx(Text, { bold: true, children: "Password:" }) }), step === 'password' ? (_jsx(TextInput, { value: password, onChange: setPassword, onSubmit: handlePasswordSubmit, mask: "*" })) : (_jsx(Text, { color: "gray", children: "********" }))] })), _jsxs(Box, { marginTop: 1, children: [step === 'submitting' && (_jsx(Box, { children: _jsxs(Text, { color: "yellow", children: [_jsx(Spinner, { type: "dots" }), " Logging in..."] }) })), step === 'error' && (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: "red", children: ["Error: ", error] }), _jsx(Text, { dimColor: true, children: "Press Enter to try again or Escape to cancel" })] }))] })] }) }));
+};

package/dist/ui/components/Logout.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect } from 'react';
+import { Box, Text } from 'ink';
+import { Screen } from './Screen.js';
+export const Logout = ({ onComplete }) => {
+    useEffect(() => {
+        async function performLogout() {
+            const { clearAll } = await import('../../config/config.js');
+            clearAll();
+            // Delay slightly to show the message
+            setTimeout(onComplete, 1500);
+        }
+        performLogout();
+    }, [onComplete]);
+    return (_jsx(Screen, { children: _jsxs(Box, { flexDirection: "column", alignItems: "center", justifyContent: "center", flexGrow: 1, children: [_jsx(Text, { color: "red", bold: true, children: "Logging out..." }), _jsx(Text, { dimColor: true, children: "All configurations and tokens are being cleared." })] }) }));
+};

package/dist/ui/components/ProjectPicker.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { Box, Text, useInput } from 'ink';
+import TextInput from 'ink-text-input';
+import SelectInput from 'ink-select-input';
+import Spinner from 'ink-spinner';
+import { fetchProjects } from '../../api/service.js';
+export const ProjectPicker = ({ onSelect, onCancel, activeId }) => {
+    const [search, setSearch] = useState('');
+    const [projects, setProjects] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [page, setPage] = useState(1);
+    const [totalPages, setTotalPages] = useState(1);
+    const [error, setError] = useState(null);
+    const loadProjects = async () => {
+        setLoading(true);
+        try {
+            const res = await fetchProjects(search, page, 5);
+            setProjects(res.data.map((p) => ({
+                label: p.id === activeId ? `${p.name} (active)` : p.name,
+                value: p.id
+            })));
+            setTotalPages(res.pagination.totalPages);
+            setLoading(false);
+        }
+        catch (err) {
+            setError(err.message || 'Failed to fetch projects');
+            setLoading(false);
+        }
+    };
+    useEffect(() => {
+        const timer = setTimeout(loadProjects, 300);
+        return () => clearTimeout(timer);
+    }, [search, page]);
+    useInput((input, key) => {
+        if (key.escape)
+            onCancel();
+        if (key.leftArrow && page > 1)
+            setPage(p => p - 1);
+        if (key.rightArrow && page < totalPages)
+            setPage(p => p + 1);
+    });
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, color: "cyan", children: "Select Project" }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { bold: true, children: "Search: " }), _jsx(TextInput, { value: search, onChange: (val) => { setSearch(val); setPage(1); } })] }), _jsx(Box, { marginTop: 1, flexDirection: "column", minHeight: 8, children: loading ? (_jsxs(Text, { color: "yellow", children: [_jsx(Spinner, { type: "dots" }), " Loading projects..."] })) : error ? (_jsxs(Text, { color: "red", children: ["Error: ", error] })) : projects.length === 0 ? (_jsx(Text, { dimColor: true, children: "No projects found" })) : (_jsx(SelectInput, { items: projects, onSelect: (item) => onSelect({ id: item.value, name: item.label }) })) }), _jsxs(Box, { marginTop: 1, justifyContent: "space-between", children: [_jsxs(Text, { dimColor: true, children: ["Page ", page, " of ", totalPages] }), _jsx(Text, { dimColor: true, children: "\u2190 Prev \u2022 Next \u2192 \u2022 Esc to cancel" })] })] }));
+};

package/dist/ui/components/PushFlow.js

@@ -0,0 +1,83 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { Box, Text, useInput } from 'ink';
+import Spinner from 'ink-spinner';
+import SelectInput from 'ink-select-input';
+import { Screen } from './Screen.js';
+import { bulkCreateVariables } from '../../api/service.js';
+import fs from 'fs';
+import path from 'path';
+export const PushFlow = ({ onCancel }) => {
+    const [status, setStatus] = useState('reading');
+    const [error, setError] = useState(null);
+    const [config, setConfig] = useState(null);
+    const [variables, setVariables] = useState([]);
+    useEffect(() => {
+        async function loadAndParse() {
+            try {
+                const configPath = path.join(process.cwd(), '.envmgr', 'config.json');
+                if (!fs.existsSync(configPath)) {
+                    throw new Error('No local configuration found. Please link a project first.');
+                }
+                const localConfig = JSON.parse(fs.readFileSync(configPath, 'utf-8'));
+                setConfig(localConfig);
+                const filePath = path.join(process.cwd(), localConfig.envFilePath || '.env.local');
+                if (!fs.existsSync(filePath)) {
+                    throw new Error(`Local file ${localConfig.envFilePath} not found.`);
+                }
+                const content = fs.readFileSync(filePath, 'utf-8');
+                const lines = content.split('\n');
+                const parsed = [];
+                lines.forEach(line => {
+                    const trimmed = line.trim();
+                    if (!trimmed || trimmed.startsWith('#'))
+                        return;
+                    if (trimmed.includes('=')) {
+                        const [k, ...v] = trimmed.split('=');
+                        const key = k.trim();
+                        const value = v.join('=').trim();
+                        if (key) {
+                            const isSecret = /SECRET|PASSWORD|TOKEN|KEY|AUTH|CREDENTIAL|PRIVATE/i.test(key);
+                            parsed.push({ key, value, isSecret });
+                        }
+                    }
+                });
+                if (parsed.length === 0) {
+                    throw new Error('No variables found in local file.');
+                }
+                setVariables(parsed);
+                setStatus('confirm');
+            }
+            catch (err) {
+                setError(err.message || 'Failed to read local variables');
+                setStatus('error');
+            }
+        }
+        loadAndParse();
+    }, []);
+    useInput((input, key) => {
+        if (status === 'success' || (status === 'error' && key.escape)) {
+            onCancel();
+        }
+    });
+    const handleConfirm = async () => {
+        setStatus('pushing');
+        try {
+            await bulkCreateVariables(config.environmentId, variables);
+            setStatus('success');
+        }
+        catch (err) {
+            setError(err.message || 'Push failed');
+            setStatus('error');
+        }
+    };
+    return (_jsx(Screen, { children: _jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { bold: true, color: "cyan", children: "Push Local Variables" }), config && (_jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsxs(Text, { dimColor: true, children: ["Project: ", _jsx(Text, { color: "green", children: config.projectName })] }), _jsxs(Text, { dimColor: true, children: ["Environment: ", _jsx(Text, { color: "yellow", children: config.environmentName })] }), _jsxs(Text, { dimColor: true, children: ["Source File: ", _jsx(Text, { italic: true, children: config.envFilePath })] })] })), _jsxs(Box, { marginTop: 1, children: [status === 'reading' && _jsxs(Text, { children: [_jsx(Spinner, { type: "dots" }), " Reading local file..."] }), status === 'confirm' && (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { children: ["Found ", _jsx(Text, { bold: true, color: "white", children: variables.length }), " variables in your local file."] }), _jsx(Text, { color: "yellow", children: "\u26A0\uFE0F This will update/create these variables on the remote server." }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { bold: true, children: "Are you sure you want to push?" }) }), _jsx(Box, { marginTop: 1, children: _jsx(SelectInput, { items: [
+                                            { label: 'Yes, push to remote', value: 'yes' },
+                                            { label: 'No, cancel', value: 'no' }
+                                        ], onSelect: (item) => {
+                                            if (item.value === 'yes')
+                                                handleConfirm();
+                                            else
+                                                onCancel();
+                                        } }) })] })), status === 'pushing' && (_jsxs(Text, { color: "yellow", children: [_jsx(Spinner, { type: "dots" }), " Uploading ", variables.length, " variables to remote..."] })), status === 'success' && (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: "green", bold: true, children: ["\u2713 Successfully pushed ", variables.length, " variables!"] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, italic: true, children: "Press any key to return to menu" }) })] })), status === 'error' && (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: "red", children: ["Error: ", error] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, italic: true, children: "Press Escape to return to menu" }) })] }))] })] }) }));
+};

package/dist/ui/components/Screen.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+import { Header } from './Header.js';
+export const Screen = ({ children }) => {
+    return (_jsxs(Box, { flexDirection: "column", paddingX: 2, paddingY: 1, minHeight: 15, children: [_jsx(Header, {}), _jsx(Box, { flexGrow: 1, flexDirection: "row", borderStyle: "bold", borderLeft: true, borderRight: false, borderTop: false, borderBottom: false, borderColor: "cyan", paddingLeft: 1, marginLeft: 1, children: _jsx(Box, { flexGrow: 1, flexDirection: "column", children: children }) }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Box, { borderStyle: "single", borderTop: true, borderBottom: false, borderLeft: false, borderRight: false, borderColor: "gray" }), _jsxs(Box, { paddingX: 1, width: "100%", children: [_jsx(Box, { flexGrow: 1, children: _jsx(Text, { color: "gray", children: "Selection: Arrow Keys \u2022 Confirm: Enter \u2022 Quit: Ctrl+C" }) }), _jsx(Box, { children: _jsx(Text, { color: "cyan", bold: true, children: "EnvMgr v1.0.0" }) })] })] })] }));
+};

package/dist/ui/components/Status.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { Box, Text, useInput } from 'ink';
+import fs from 'fs';
+import path from 'path';
+import { Screen } from './Screen.js';
+export const Status = ({ onBack }) => {
+    const [config, setConfig] = useState({ apiUrl: null, token: null, local: null });
+    useInput((input, key) => {
+        if (key.return || key.escape) {
+            onBack();
+        }
+    });
+    useEffect(() => {
+        async function loadConfig() {
+            const { getApiUrl, getToken } = await import('../../config/config.js');
+            let local = null;
+            try {
+                const localConfigPath = path.join(process.cwd(), '.envmgr', 'config.json');
+                if (fs.existsSync(localConfigPath)) {
+                    local = JSON.parse(fs.readFileSync(localConfigPath, 'utf-8'));
+                }
+            }
+            catch (err) {
+                // Ignore errors reading local config
+            }
+            setConfig({
+                apiUrl: getApiUrl(),
+                token: getToken(),
+                local
+            });
+        }
+        loadConfig();
+    }, []);
+    return (_jsx(Screen, { children: _jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { bold: true, color: "yellow", children: "System Status" }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsxs(Box, { children: [_jsx(Box, { width: 15, children: _jsx(Text, { bold: true, children: "API URL:" }) }), _jsx(Text, { color: config.apiUrl ? "green" : "red", children: config.apiUrl || "Not configured" })] }), _jsxs(Box, { children: [_jsx(Box, { width: 15, children: _jsx(Text, { bold: true, children: "Auth Status:" }) }), _jsx(Text, { color: config.token ? "green" : "red", children: config.token ? "Authenticated" : "Not logged in" })] })] }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { bold: true, color: "cyan", children: "Local Project Linkage" }), config.local && config.local.projectName ? (_jsxs(Box, { flexDirection: "column", marginLeft: 2, children: [_jsxs(Box, { children: [_jsx(Box, { width: 13, children: _jsx(Text, { bold: true, children: "Project:" }) }), _jsx(Text, { color: "green", children: config.local.projectName })] }), _jsxs(Box, { children: [_jsx(Box, { width: 13, children: _jsx(Text, { bold: true, children: "Environment:" }) }), _jsx(Text, { color: "yellow", children: config.local.environmentName })] }), _jsxs(Box, { children: [_jsx(Box, { width: 13, children: _jsx(Text, { bold: true, children: "Linked File:" }) }), _jsx(Text, { dimColor: true, children: config.local.envFilePath })] })] })) : (_jsx(Box, { marginLeft: 2, children: _jsx(Text, { dimColor: true, italic: true, children: "No project linked in this directory" }) }))] }), _jsx(Box, { marginTop: 2, children: _jsx(Text, { dimColor: true, children: "Press Enter to return to menu" }) })] }) }));
+};

package/dist/ui/components/SyncFlow.js

@@ -0,0 +1,83 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { Box, Text, useInput } from 'ink';
+import Spinner from 'ink-spinner';
+import fs from 'fs';
+import path from 'path';
+import { Screen } from './Screen.js';
+import { fetchVariables } from '../../api/service.js';
+export const SyncFlow = ({ onCancel, isDryRun = false }) => {
+    const [status, setStatus] = useState('reading');
+    const [error, setError] = useState(null);
+    const [details, setDetails] = useState(null);
+    const [diffs, setDiffs] = useState([]);
+    useInput((input, key) => {
+        if (status === 'success') {
+            onCancel();
+            return;
+        }
+        if ((key.escape || input === '\u001b') && status !== 'syncing') {
+            onCancel();
+        }
+    });
+    useEffect(() => {
+        async function performSync() {
+            try {
+                const configPath = path.join(process.cwd(), '.envmgr', 'config.json');
+                if (!fs.existsSync(configPath)) {
+                    throw new Error('No local configuration found. Please link a project first.');
+                }
+                const config = JSON.parse(fs.readFileSync(configPath, 'utf-8'));
+                setDetails({
+                    project: config.projectName,
+                    env: config.environmentName,
+                    file: config.envFilePath
+                });
+                setStatus('syncing');
+                const { data: variables } = await fetchVariables(config.environmentId);
+                const filePath = path.join(process.cwd(), config.envFilePath);
+                if (isDryRun) {
+                    const localVars = {};
+                    if (fs.existsSync(filePath)) {
+                        const fileContent = fs.readFileSync(filePath, 'utf-8');
+                        fileContent.split('\n').forEach(line => {
+                            const [key, ...val] = line.split('=');
+                            if (key && key.trim()) {
+                                localVars[key.trim()] = val.join('=').trim();
+                            }
+                        });
+                    }
+                    const calculatedDiffs = [];
+                    const remoteKeys = new Set(variables.map((v) => v.key));
+                    // Additions and Updates
+                    variables.forEach((v) => {
+                        if (!(v.key in localVars)) {
+                            calculatedDiffs.push({ key: v.key, action: 'add', newValue: v.value });
+                        }
+                        else if (localVars[v.key] !== v.value) {
+                            calculatedDiffs.push({ key: v.key, action: 'update', oldValue: localVars[v.key], newValue: v.value });
+                        }
+                    });
+                    // Removals
+                    Object.keys(localVars).forEach(key => {
+                        if (!remoteKeys.has(key)) {
+                            calculatedDiffs.push({ key, action: 'remove', oldValue: localVars[key] });
+                        }
+                    });
+                    setDiffs(calculatedDiffs);
+                }
+                else {
+                    const content = variables.map((v) => `${v.key}=${v.value}`).join('\n');
+                    fs.writeFileSync(filePath, content);
+                }
+                setStatus('success');
+            }
+            catch (err) {
+                setError(err.message || 'Sync failed');
+                setStatus('error');
+            }
+        }
+        performSync();
+    }, []);
+    return (_jsx(Screen, { children: _jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { bold: true, color: "cyan", children: "Synchronizing Variables" }), details && (_jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsxs(Text, { dimColor: true, children: ["Project: ", _jsx(Text, { color: "green", children: details.project })] }), _jsxs(Text, { dimColor: true, children: ["Environment: ", _jsx(Text, { color: "yellow", children: details.env })] }), _jsxs(Text, { dimColor: true, children: ["Target: ", _jsx(Text, { italic: true, children: details.file })] })] })), _jsxs(Box, { marginTop: 1, children: [status === 'reading' && _jsxs(Text, { children: [_jsx(Spinner, { type: "dots" }), " Reading local configuration..."] }), status === 'syncing' && _jsxs(Text, { color: "yellow", children: [_jsx(Spinner, { type: "dots" }), " Fetching remote variables and updating file..."] }), status === 'success' && (_jsxs(Box, { flexDirection: "column", children: [isDryRun ? (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: "cyan", bold: true, children: "Dry Run Results (No files were changed):" }), _jsx(Box, { marginTop: 1, flexDirection: "column", children: diffs.length === 0 ? (_jsx(Text, { dimColor: true, italic: true, children: "No changes detected. Local file is in sync." })) : (diffs.map((d, i) => (_jsxs(Box, { children: [_jsxs(Box, { width: 2, children: [d.action === 'add' && _jsx(Text, { color: "green", children: "+" }), d.action === 'update' && _jsx(Text, { color: "yellow", children: "~" }), d.action === 'remove' && _jsx(Text, { color: "red", children: "-" })] }), _jsx(Text, { bold: true, children: d.key }), d.action === 'update' && (_jsx(Text, { dimColor: true, children: " (changed)" }))] }, i)))) })] })) : (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: "green", bold: true, children: "\u2713 Sync complete!" }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Your local file has been updated with the latest remote values." }) })] })), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, italic: true, children: "Press any key to return to menu" }) })] })), status === 'error' && (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: "red", children: ["Error: ", error] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Press Escape to return to menu" }) })] }))] })] }) }));
+};

package/dist/ui/index.js

@@ -0,0 +1,28 @@
+import chalk from "chalk";
+import boxen from "boxen";
+import figures from "figures";
+import ora from "ora";
+export const ui = {
+    spinner(text) {
+        return ora({
+            text,
+            spinner: "dots",
+        });
+    },
+    success(text) {
+        console.log(chalk.green(`${figures.tick} ${text}`));
+    },
+    error(text) {
+        console.log(chalk.red(`${figures.cross} ${text}`));
+    },
+    info(text) {
+        console.log(chalk.cyan(`${figures.info} ${text}`));
+    },
+    box(title, body) {
+        console.log(boxen(`${chalk.bold(title)}\n\n${body}`, {
+            padding: 1,
+            borderStyle: "round",
+            borderColor: "cyan",
+        }));
+    },
+};

package/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "envmgr-cli",
+  "version": "1.0.0",
+  "description": "CLI for managing environment variables across projects and environments",
+  "main": "dist/index.js",
+  "bin": {
+    "envmgr": "./dist/index.js"
+  },
+  "type": "module",
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "scripts": {
+    "dev": "tsx src/index.ts",
+    "interactive": "tsx src/index.ts",
+    "build": "tsc",
+    "prepare": "npm run build"
+  },
+  "keywords": [
+    "env",
+    "environment",
+    "cli",
+    "variables",
+    "envmgr",
+    "secrets"
+  ],
+  "author": "Mrudul Kolambe",
+  "license": "MIT",
+  "dependencies": {
+    "@inquirer/prompts": "^8.2.1",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "axios": "^1.13.5",
+    "boxen": "^8.0.1",
+    "chalk": "^5.6.2",
+    "cli-table3": "^0.6.5",
+    "commander": "^14.0.3",
+    "dotenv": "^17.3.1",
+    "figures": "^6.1.0",
+    "ink": "^6.8.0",
+    "ink-box": "^1.0.0",
+    "ink-gradient": "^4.0.0",
+    "ink-select-input": "^6.2.0",
+    "ink-spinner": "^5.0.0",
+    "ink-text-input": "^6.0.0",
+    "inquirer": "^13.2.5",
+    "ora": "^9.3.0",
+    "react": "^19.2.4"
+  },
+  "devDependencies": {
+    "@types/node": "^25.3.0",
+    "ts-node": "^10.9.2",
+    "tsx": "^4.21.0",
+    "typescript": "^5.9.3"
+  }
+}