changes

src/app.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import { Box, Text } from 'ink';
+import { PropValidationResult } from './types.js';
 import { type Result } from 'meow';
 import { findCommand } from './utils/commands.js';
 
@@ -23,21 +24,21 @@ export default function App({ cli }: Props) {
         );
     }
 
-    const { valid, errors } = command.config.validateProps
+    const validationResult = command.config.validateProps
         ? command.config.validateProps({
               cli,
               input: cli.input,
           })
-        : { valid: true, errors: [] };
+        : ({ valid: true } as PropValidationResult);
 
-    if (!valid) {
+    if (!validationResult.valid) {
         return (
             <Box flexDirection="column">
                 <Text>
                     Invalid inputs for command:{' '}
                     <Text color="red">{sanitizedInput.join(' ')}</Text>
                 </Text>
-                {errors?.map((error) => (
+                {validationResult.errors.map((error) => (
                     <Text key={error}>
                         - <Text color="red">{error}</Text>
                     </Text>

src/command-registry.ts

@@ -1,4 +1,7 @@
 import ChangesAdd, { changesAddConfig } from './commands/changes/add.js';
+import ChangesCommit, {
+    changesCommitConfig,
+} from './commands/changes/commit.js';
 import Help, { helpConfig } from './commands/help.js';
 import Hop, { hopConfig } from './commands/hop.js';
 import Sync, { syncConfig } from './commands/sync.js';
@@ -31,5 +34,9 @@ export const REGISTERED_COMMANDS: CommandGroup = {
             component: ChangesAdd,
             config: changesAddConfig,
         },
+        commit: {
+            component: ChangesCommit,
+            config: changesCommitConfig,
+        },
     } as CommandGroup,
 } as const;

src/commands/changes/commit.tsx

@@ -6,7 +6,8 @@ import { useGit } from '../../hooks/use-git.js';
 
 function ChangesCommit({ input }: CommandProps) {
     const [, , message] = input;
-    const result = useChangesCommit({ message });
+    // todo: refactor to a sanitize input pattern
+    const result = useChangesCommit({ message: message! });
 
     if (result.isError) {
         return <ErrorDisplay error={result.error} />;

src/services/git.ts

@@ -12,6 +12,7 @@ export interface GitService {
     branchLocal: () => Promise<ReturnType<SimpleGit['branchLocal']>>;
     checkout: (branch: string) => Promise<ReturnType<SimpleGit['checkout']>>;
     addAllFiles: () => Promise<void>;
+    commit: (args: { message: string }) => Promise<void>;
 }
 
 export const createGitService = ({
@@ -33,5 +34,9 @@ export const createGitService = ({
         addAllFiles: async () => {
             await gitEngine.add('.');
         },
+        commit: async ({ message }) => {
+            const a = await gitEngine.commit(message);
+			console.log({a})
+        },
     };
 };

src/types.ts

@@ -1,10 +1,15 @@
 import { ComponentType } from 'react';
 import { Result } from 'meow';
 
-type ValidateProps<T extends Record<string, unknown>> = (props: T) => {
-    valid: boolean;
-    errors?: string[];
-};
+export type ValidateProps<T extends Record<string, unknown>> = (
+    props: T
+) => PropValidationResult;
+
+export type PropValidationResult =
+    | {
+          valid: true;
+      }
+    | { valid: false; errors: string[] };
 
 export interface CommandProps extends Record<string, unknown> {
     cli: Pick<Result<any>, 'flags' | 'unnormalizedFlags'>;