Initialize voicebox project with backend, frontend, and Tauri setup. Added configuration files, dependencies, and basic structure for components, hooks, and utilities. Included README and setup documentation for guidance.

2026-10-03 00:55:14 -07:00 · 2026-01-25 02:19:06 -08:00
commit 01e3065692
166 changed files with 22764 additions and 0 deletions
@@ -0,0 +1,150 @@
+import { zodResolver } from '@hookform/resolvers/zod';
+import { useForm } from 'react-hook-form';
+import * as z from 'zod';
+import { Button } from '@/components/ui/button';
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog';
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form';
+import { Input } from '@/components/ui/input';
+import { Textarea } from '@/components/ui/textarea';
+import { useToast } from '@/components/ui/use-toast';
+import { useAddSample } from '@/lib/hooks/useProfiles';
+
+const sampleSchema = z.object({
+  file: z.instanceof(File, { message: 'Please select an audio file' }),
+  referenceText: z
+    .string()
+    .min(1, 'Reference text is required')
+    .max(1000, 'Reference text must be less than 1000 characters'),
+});
+
+type SampleFormValues = z.infer<typeof sampleSchema>;
+
+interface SampleUploadProps {
+  profileId: string;
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+}
+
+export function SampleUpload({ profileId, open, onOpenChange }: SampleUploadProps) {
+  const addSample = useAddSample();
+  const { toast } = useToast();
+
+  const form = useForm<SampleFormValues>({
+    resolver: zodResolver(sampleSchema),
+    defaultValues: {
+      referenceText: '',
+    },
+  });
+
+  async function onSubmit(data: SampleFormValues) {
+    try {
+      await addSample.mutateAsync({
+        profileId,
+        file: data.file,
+        referenceText: data.referenceText,
+      });
+
+      toast({
+        title: 'Sample added',
+        description: 'Audio sample has been added successfully.',
+      });
+
+      form.reset();
+      onOpenChange(false);
+    } catch (error) {
+      toast({
+        title: 'Error',
+        description: error instanceof Error ? error.message : 'Failed to add sample',
+        variant: 'destructive',
+      });
+    }
+  }
+
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent>
+        <DialogHeader>
+          <DialogTitle>Add Audio Sample</DialogTitle>
+          <DialogDescription>
+            Upload an audio file and provide the reference text that matches the audio.
+          </DialogDescription>
+        </DialogHeader>
+
+        <Form {...form}>
+          <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-4">
+            <FormField
+              control={form.control}
+              name="file"
+              render={({ field: { onChange, value, ...field } }) => (
+                <FormItem>
+                  <FormLabel>Audio File</FormLabel>
+                  <FormControl>
+                    <div className="flex items-center gap-2">
+                      <Input
+                        type="file"
+                        accept="audio/*"
+                        onChange={(e) => {
+                          const file = e.target.files?.[0];
+                          if (file) {
+                            onChange(file);
+                          }
+                        }}
+                        {...field}
+                      />
+                    </div>
+                  </FormControl>
+                  <FormDescription>Supported formats: WAV, MP3, M4A</FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name="referenceText"
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>Reference Text</FormLabel>
+                  <FormControl>
+                    <Textarea
+                      placeholder="Enter the exact text spoken in the audio..."
+                      className="min-h-[100px]"
+                      {...field}
+                    />
+                  </FormControl>
+                  <FormDescription>
+                    This should match exactly what is spoken in the audio file.
+                  </FormDescription>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <div className="flex gap-2 justify-end">
+              <Button type="button" variant="outline" onClick={() => onOpenChange(false)}>
+                Cancel
+              </Button>
+              <Button type="submit" disabled={addSample.isPending}>
+                {addSample.isPending ? 'Uploading...' : 'Add Sample'}
+              </Button>
+            </div>
+          </form>
+        </Form>
+      </DialogContent>
+    </Dialog>
+  );
+}