@manthank/mgit 1.0.0

package/dist/views/ActionRunner.js

@@ -0,0 +1,175 @@
+// Drives a single catalog action: collect inputs, preview the git command
+// (teaching moment), confirm, run it, then show the result.
+import React, { useState, useEffect } from 'react';
+import { Box, Text, useInput } from 'ink';
+import TextInput from 'ink-text-input';
+import Spinner from 'ink-spinner';
+import { git } from '../git.js';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function ActionRunner({
+  action,
+  theme,
+  config
+}) {
+  const inputs = action.inputs || [];
+  const [values, setValues] = useState(() => {
+    const init = {};
+    for (const inp of inputs) init[inp.name] = inp.default || '';
+    return init;
+  });
+  const [idx, setIdx] = useState(0);
+  const [phase, setPhase] = useState(inputs.length ? 'input' : 'preview');
+  const [result, setResult] = useState(null);
+  const args = phase !== 'input' ? safeBuild(action, values) : [];
+  const commandStr = 'git ' + (args || []).map(a => /\s/.test(a) ? `"${a}"` : a).join(' ');
+  async function execute() {
+    setPhase('running');
+    const r = await git(args);
+    setResult(r);
+    setPhase('result');
+  }
+
+  // Preview/confirm key handling.
+  useInput((input, key) => {
+    if (phase === 'preview') {
+      if (action.danger && config.confirmDanger) {
+        if (input.toLowerCase() === 'y') execute();
+      } else if (key.return) {
+        execute();
+      }
+    }
+  });
+  if (phase === 'input') {
+    const inp = inputs[idx];
+    return /*#__PURE__*/_jsxs(Box, {
+      flexDirection: "column",
+      children: [config.showHints && /*#__PURE__*/_jsx(Text, {
+        color: theme.muted,
+        children: action.hint
+      }), /*#__PURE__*/_jsx(Box, {
+        marginTop: 1,
+        flexDirection: "column",
+        children: inputs.map((f, i) => /*#__PURE__*/_jsxs(Box, {
+          children: [/*#__PURE__*/_jsxs(Text, {
+            color: i === idx ? theme.accent : theme.muted,
+            bold: i === idx,
+            children: [f.label.padEnd(20), ' ']
+          }), i === idx ? /*#__PURE__*/_jsx(TextInput, {
+            value: values[f.name],
+            placeholder: f.placeholder || '',
+            onChange: val => setValues(v => ({
+              ...v,
+              [f.name]: val
+            })),
+            onSubmit: () => {
+              if (!f.optional && !values[f.name].trim()) return;
+              if (idx < inputs.length - 1) setIdx(idx + 1);else setPhase('preview');
+            }
+          }) : /*#__PURE__*/_jsx(Text, {
+            color: "white",
+            children: values[f.name] || /*#__PURE__*/_jsx(Text, {
+              color: theme.muted,
+              children: "(blank)"
+            })
+          })]
+        }, f.name))
+      }), /*#__PURE__*/_jsx(Box, {
+        marginTop: 1,
+        children: /*#__PURE__*/_jsx(Text, {
+          color: theme.muted,
+          children: "Enter \u2192 next \xB7 fields marked optional can be left blank"
+        })
+      })]
+    });
+  }
+  return /*#__PURE__*/_jsxs(Box, {
+    flexDirection: "column",
+    children: [config.showHints && /*#__PURE__*/_jsx(Text, {
+      color: theme.muted,
+      children: action.hint
+    }), /*#__PURE__*/_jsxs(Box, {
+      marginTop: 1,
+      borderStyle: "round",
+      borderColor: action.danger ? theme.danger : theme.accent,
+      paddingX: 1,
+      children: [/*#__PURE__*/_jsx(Text, {
+        color: theme.muted,
+        children: "$ "
+      }), /*#__PURE__*/_jsx(Text, {
+        color: action.danger ? theme.danger : theme.secondary,
+        bold: true,
+        children: commandStr
+      })]
+    }), phase === 'preview' && /*#__PURE__*/_jsx(Box, {
+      marginTop: 1,
+      flexDirection: "column",
+      children: action.danger && config.confirmDanger ? /*#__PURE__*/_jsx(Text, {
+        color: theme.danger,
+        bold: true,
+        children: "\u26A0 This can change or delete work. Press Y to run, Esc to cancel."
+      }) : /*#__PURE__*/_jsx(Text, {
+        color: theme.accent,
+        children: "Press Enter to run \xB7 Esc to cancel"
+      })
+    }), phase === 'running' && /*#__PURE__*/_jsx(Box, {
+      marginTop: 1,
+      children: /*#__PURE__*/_jsxs(Text, {
+        color: theme.accent,
+        children: [/*#__PURE__*/_jsx(Spinner, {
+          type: "dots"
+        }), " Running\u2026"]
+      })
+    }), phase === 'result' && result && /*#__PURE__*/_jsxs(Box, {
+      flexDirection: "column",
+      marginTop: 1,
+      children: [/*#__PURE__*/_jsx(Text, {
+        color: result.ok ? theme.success : theme.danger,
+        bold: true,
+        children: result.ok ? '✓ Success' : `✗ Failed (exit ${result.code})`
+      }), /*#__PURE__*/_jsx(Output, {
+        text: result.stdout,
+        color: "white",
+        theme: theme
+      }), /*#__PURE__*/_jsx(Output, {
+        text: result.stderr,
+        color: result.ok ? theme.muted : theme.danger,
+        theme: theme
+      }), result.ok && !result.stdout && !result.stderr && /*#__PURE__*/_jsx(Text, {
+        color: theme.muted,
+        children: "(no output \u2014 command completed quietly)"
+      }), /*#__PURE__*/_jsx(Box, {
+        marginTop: 1,
+        children: /*#__PURE__*/_jsx(Text, {
+          color: theme.muted,
+          children: "Press Esc / \u2190 to go back to the menu."
+        })
+      })]
+    })]
+  });
+}
+function Output({
+  text,
+  color,
+  theme
+}) {
+  if (!text) return null;
+  const lines = text.split('\n');
+  const shown = lines.slice(0, 200);
+  return /*#__PURE__*/_jsxs(Box, {
+    flexDirection: "column",
+    children: [shown.map((l, i) => /*#__PURE__*/_jsx(Text, {
+      color: color,
+      children: l || ' '
+    }, i)), lines.length > shown.length && /*#__PURE__*/_jsxs(Text, {
+      color: theme.muted,
+      children: ["\u2026", lines.length - shown.length, " more lines"]
+    })]
+  });
+}
+function safeBuild(action, values) {
+  try {
+    return action.build ? action.build(values) : [];
+  } catch {
+    return [];
+  }
+}

package/dist/views/BranchView.js

@@ -0,0 +1,84 @@
+// Visual branch map: each branch as a coloured node with its latest commit.
+import React, { useState, useEffect } from 'react';
+import { Box, Text } from 'ink';
+import Spinner from 'ink-spinner';
+import { getBranches } from '../git.js';
+import { useFrame } from '../hooks.js';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function BranchView({
+  theme,
+  animations
+}) {
+  const [state, setState] = useState({
+    loading: true
+  });
+  const frame = useFrame(animations, 4);
+  useEffect(() => {
+    let alive = true;
+    getBranches().then(s => alive && setState({
+      loading: false,
+      ...s
+    }));
+    return () => {
+      alive = false;
+    };
+  }, []);
+  if (state.loading) {
+    return /*#__PURE__*/_jsxs(Text, {
+      color: theme.accent,
+      children: [/*#__PURE__*/_jsx(Spinner, {
+        type: "dots"
+      }), " Reading branches\u2026"]
+    });
+  }
+  if (!state.ok) return /*#__PURE__*/_jsxs(Text, {
+    color: theme.danger,
+    children: ["Error: ", state.error]
+  });
+  if (state.branches.length === 0) {
+    return /*#__PURE__*/_jsx(Text, {
+      color: theme.muted,
+      children: "No branches yet \u2014 make your first commit!"
+    });
+  }
+  const colors = theme.branchColors;
+  return /*#__PURE__*/_jsxs(Box, {
+    flexDirection: "column",
+    children: [/*#__PURE__*/_jsxs(Text, {
+      color: theme.muted,
+      children: [state.branches.length, " local branch", state.branches.length === 1 ? '' : 'es', " \u2014 the \u2605 marks where you are."]
+    }), /*#__PURE__*/_jsx(Box, {
+      marginTop: 1,
+      flexDirection: "column",
+      children: state.branches.map((b, i) => {
+        const color = colors[i % colors.length];
+        const isTop = i === 0;
+        const isBottom = i === state.branches.length - 1;
+        const connector = isTop ? '┌' : isBottom ? '└' : '├';
+        const node = b.current && animations ? frame % 2 ? '◉' : '●' : b.current ? '◉' : '○';
+        return /*#__PURE__*/_jsxs(Box, {
+          children: [/*#__PURE__*/_jsxs(Text, {
+            color: color,
+            children: [connector, "\u2500", node, "\u2500 "]
+          }), /*#__PURE__*/_jsx(Text, {
+            color: b.current ? theme.accent : 'white',
+            bold: b.current,
+            children: b.name.padEnd(24)
+          }), /*#__PURE__*/_jsxs(Text, {
+            color: theme.muted,
+            children: [" ", b.sha, " "]
+          }), /*#__PURE__*/_jsx(Text, {
+            color: theme.muted,
+            children: truncate(b.subject, 40)
+          }), b.current && /*#__PURE__*/_jsx(Text, {
+            color: theme.accent,
+            children: " \u2605 HEAD"
+          })]
+        }, b.name);
+      })
+    })]
+  });
+}
+function truncate(s, n) {
+  return s.length > n ? s.slice(0, n - 1) + '…' : s;
+}

package/dist/views/ConfigView.js

@@ -0,0 +1,60 @@
+// Read-only view of `git config --list`, grouped by section.
+import React, { useState, useEffect } from 'react';
+import { Box, Text } from 'ink';
+import Spinner from 'ink-spinner';
+import { getConfigList } from '../git.js';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function ConfigView({
+  theme
+}) {
+  const [state, setState] = useState({
+    loading: true
+  });
+  useEffect(() => {
+    let alive = true;
+    getConfigList().then(s => alive && setState({
+      loading: false,
+      ...s
+    }));
+    return () => {
+      alive = false;
+    };
+  }, []);
+  if (state.loading) {
+    return /*#__PURE__*/_jsxs(Text, {
+      color: theme.accent,
+      children: [/*#__PURE__*/_jsx(Spinner, {
+        type: "dots"
+      }), " Reading git config\u2026"]
+    });
+  }
+  if (!state.ok) return /*#__PURE__*/_jsxs(Text, {
+    color: theme.danger,
+    children: ["Error: ", state.error]
+  });
+  return /*#__PURE__*/_jsxs(Box, {
+    flexDirection: "column",
+    children: [/*#__PURE__*/_jsxs(Text, {
+      color: theme.muted,
+      children: [state.entries.length, " settings currently active"]
+    }), /*#__PURE__*/_jsxs(Box, {
+      marginTop: 1,
+      flexDirection: "column",
+      children: [state.entries.slice(0, 40).map((e, i) => /*#__PURE__*/_jsxs(Text, {
+        children: [/*#__PURE__*/_jsx(Text, {
+          color: theme.secondary,
+          children: e.key
+        }), /*#__PURE__*/_jsx(Text, {
+          color: theme.muted,
+          children: " = "
+        }), /*#__PURE__*/_jsx(Text, {
+          color: "white",
+          children: e.value
+        })]
+      }, i)), state.entries.length > 40 && /*#__PURE__*/_jsxs(Text, {
+        color: theme.muted,
+        children: ["\u2026and ", state.entries.length - 40, " more"]
+      })]
+    })]
+  });
+}

package/dist/views/ContribView.js

@@ -0,0 +1,80 @@
+// Horizontal bar chart of commits per author, with an animated fill sweep.
+import React, { useState, useEffect } from 'react';
+import { Box, Text } from 'ink';
+import Spinner from 'ink-spinner';
+import { getShortstat } from '../git.js';
+import { useFrame } from '../hooks.js';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function ContribView({
+  theme,
+  animations
+}) {
+  const [state, setState] = useState({
+    loading: true
+  });
+  const frame = useFrame(animations, 20);
+  useEffect(() => {
+    let alive = true;
+    getShortstat().then(s => alive && setState({
+      loading: false,
+      ...s
+    }));
+    return () => {
+      alive = false;
+    };
+  }, []);
+  if (state.loading) {
+    return /*#__PURE__*/_jsxs(Text, {
+      color: theme.accent,
+      children: [/*#__PURE__*/_jsx(Spinner, {
+        type: "dots"
+      }), " Counting contributions\u2026"]
+    });
+  }
+  if (!state.ok) return /*#__PURE__*/_jsxs(Text, {
+    color: theme.danger,
+    children: ["Error: ", state.error]
+  });
+  if (state.authors.length === 0) {
+    return /*#__PURE__*/_jsx(Text, {
+      color: theme.muted,
+      children: "No commits yet \u2014 nothing to chart."
+    });
+  }
+  const max = Math.max(...state.authors.map(a => a.count));
+  const width = 30;
+  const colors = theme.branchColors;
+  // Animate a "grow-in" the first time, capped at full width.
+  const grow = animations ? Math.min(1, frame / 8) : 1;
+  return /*#__PURE__*/_jsxs(Box, {
+    flexDirection: "column",
+    children: [/*#__PURE__*/_jsx(Text, {
+      color: theme.muted,
+      children: "Commits per author (all branches)"
+    }), /*#__PURE__*/_jsx(Box, {
+      marginTop: 1,
+      flexDirection: "column",
+      children: state.authors.slice(0, 12).map((a, i) => {
+        const full = Math.round(a.count / max * width * grow);
+        const color = colors[i % colors.length];
+        const bar = '█'.repeat(full) + '░'.repeat(width - full);
+        return /*#__PURE__*/_jsxs(Box, {
+          children: [/*#__PURE__*/_jsx(Text, {
+            color: "white",
+            children: truncate(a.name, 18).padEnd(19)
+          }), /*#__PURE__*/_jsx(Text, {
+            color: color,
+            children: bar
+          }), /*#__PURE__*/_jsxs(Text, {
+            color: theme.accent,
+            bold: true,
+            children: [' ', a.count]
+          })]
+        }, a.name);
+      })
+    })]
+  });
+}
+function truncate(s, n) {
+  return s.length > n ? s.slice(0, n - 1) + '…' : s;
+}

package/dist/views/GitignoreView.js

@@ -0,0 +1,85 @@
+// Writes a sensible starter .gitignore into the current folder (with confirm).
+import React, { useState, useEffect } from 'react';
+import { Box, Text, useInput } from 'ink';
+import { join } from 'node:path';
+import { existsSync, writeFileSync } from 'node:fs';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const TEMPLATE = `# Dependencies
+node_modules/
+
+# Build output
+build/
+dist/
+
+# Logs
+*.log
+
+# Environment / secrets
+.env
+.env.local
+
+# Editor
+.vscode/
+.idea/
+.DS_Store
+`;
+export default function GitignoreView({
+  theme
+}) {
+  const path = join(process.cwd(), '.gitignore');
+  const [exists] = useState(() => existsSync(path));
+  const [phase, setPhase] = useState('confirm'); // confirm | done | error
+  const [error, setError] = useState('');
+  function write() {
+    try {
+      writeFileSync(path, TEMPLATE, 'utf8');
+      setPhase('done');
+    } catch (e) {
+      setError(e.message);
+      setPhase('error');
+    }
+  }
+  useInput((input, key) => {
+    if (phase !== 'confirm') return;
+    if (input.toLowerCase() === 'y' || key.return) write();
+  });
+  return /*#__PURE__*/_jsxs(Box, {
+    flexDirection: "column",
+    children: [/*#__PURE__*/_jsx(Text, {
+      color: theme.muted,
+      children: "This will create a starter .gitignore in:"
+    }), /*#__PURE__*/_jsx(Text, {
+      color: theme.secondary,
+      children: path
+    }), /*#__PURE__*/_jsx(Box, {
+      marginTop: 1,
+      flexDirection: "column",
+      borderStyle: "round",
+      borderColor: theme.muted,
+      paddingX: 1,
+      children: TEMPLATE.trimEnd().split('\n').map((l, i) => /*#__PURE__*/_jsx(Text, {
+        color: l.startsWith('#') ? theme.muted : 'white',
+        children: l
+      }, i))
+    }), phase === 'confirm' && /*#__PURE__*/_jsx(Box, {
+      marginTop: 1,
+      children: exists ? /*#__PURE__*/_jsx(Text, {
+        color: theme.danger,
+        children: "\u26A0 .gitignore already exists \u2014 press Y / Enter to OVERWRITE, Esc to cancel."
+      }) : /*#__PURE__*/_jsx(Text, {
+        color: theme.accent,
+        children: "Press Y / Enter to create it, Esc to cancel."
+      })
+    }), phase === 'done' && /*#__PURE__*/_jsx(Box, {
+      marginTop: 1,
+      children: /*#__PURE__*/_jsx(Text, {
+        color: theme.success,
+        bold: true,
+        children: "\u2713 .gitignore written. Press Esc / \u2190 to go back."
+      })
+    }), phase === 'error' && /*#__PURE__*/_jsxs(Text, {
+      color: theme.danger,
+      children: ["\u2717 Could not write file: ", error]
+    })]
+  });
+}

package/dist/views/LogGraphView.js

@@ -0,0 +1,116 @@
+// A stylised, colourful commit graph. Renders commits top-to-bottom with a
+// travelling pulse and ref badges (branches/tags) highlighted.
+import React, { useState, useEffect } from 'react';
+import { Box, Text } from 'ink';
+import Spinner from 'ink-spinner';
+import { getLog } from '../git.js';
+import { useFrame } from '../hooks.js';
+import { jsxs as _jsxs, Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+function RefBadges({
+  refs,
+  theme
+}) {
+  if (!refs) return null;
+  const parts = refs.split(',').map(s => s.trim()).filter(Boolean);
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: parts.map((r, i) => {
+      const isHead = r.includes('HEAD');
+      const isTag = r.startsWith('tag:');
+      const color = isHead ? theme.accent : isTag ? theme.warn : theme.success;
+      const text = r.replace('tag:', '🏷 ').replace('HEAD ->', '➤');
+      return /*#__PURE__*/_jsxs(Text, {
+        color: color,
+        bold: isHead,
+        children: [' ', /*#__PURE__*/_jsxs(Text, {
+          backgroundColor: undefined,
+          children: ["[", text, "]"]
+        })]
+      }, i);
+    })
+  });
+}
+export default function LogGraphView({
+  theme,
+  animations
+}) {
+  const [state, setState] = useState({
+    loading: true
+  });
+  const frame = useFrame(animations, 6);
+  useEffect(() => {
+    let alive = true;
+    getLog(20, true).then(s => alive && setState({
+      loading: false,
+      ...s
+    }));
+    return () => {
+      alive = false;
+    };
+  }, []);
+  if (state.loading) {
+    return /*#__PURE__*/_jsxs(Text, {
+      color: theme.accent,
+      children: [/*#__PURE__*/_jsx(Spinner, {
+        type: "dots"
+      }), " Building commit graph\u2026"]
+    });
+  }
+  if (!state.ok) return /*#__PURE__*/_jsxs(Text, {
+    color: theme.danger,
+    children: ["Error: ", state.error]
+  });
+  if (state.commits.length === 0) {
+    return /*#__PURE__*/_jsx(Text, {
+      color: theme.muted,
+      children: "No commits yet. Make your first commit to see the graph!"
+    });
+  }
+  const colors = theme.branchColors;
+  const pulse = state.commits.length ? frame % state.commits.length : 0;
+  return /*#__PURE__*/_jsxs(Box, {
+    flexDirection: "column",
+    children: [/*#__PURE__*/_jsxs(Text, {
+      color: theme.muted,
+      children: ["Newest at the top \xB7 ", state.commits.length, " commits across all branches"]
+    }), /*#__PURE__*/_jsx(Box, {
+      marginTop: 1,
+      flexDirection: "column",
+      children: state.commits.map((c, i) => {
+        const color = colors[i % colors.length];
+        const active = animations && i === pulse;
+        const node = active ? '◉' : '●';
+        const line = i === state.commits.length - 1 ? ' ' : '│';
+        return /*#__PURE__*/_jsxs(Box, {
+          flexDirection: "column",
+          children: [/*#__PURE__*/_jsxs(Box, {
+            children: [/*#__PURE__*/_jsx(Text, {
+              color: color,
+              bold: active,
+              children: node
+            }), /*#__PURE__*/_jsxs(Text, {
+              color: theme.muted,
+              children: [" ", c.hash, " "]
+            }), /*#__PURE__*/_jsx(Text, {
+              color: "white",
+              children: truncate(c.subject, 48)
+            }), /*#__PURE__*/_jsx(RefBadges, {
+              refs: c.refs,
+              theme: theme
+            })]
+          }), /*#__PURE__*/_jsxs(Box, {
+            children: [/*#__PURE__*/_jsx(Text, {
+              color: color,
+              children: line
+            }), /*#__PURE__*/_jsxs(Text, {
+              color: theme.muted,
+              children: ["   ", c.author, " \xB7 ", c.date]
+            })]
+          })]
+        }, c.hash + i);
+      })
+    })]
+  });
+}
+function truncate(s, n) {
+  return s.length > n ? s.slice(0, n - 1) + '…' : s;
+}