convex-file-storage

# Convex File Storage Handle file uploads, storage, serving, and management in Convex applications with proper patterns for images, documents, and generated files. ## Documentation Sources Before implementing, do not assume; fetch the latest documentation: - Primary: https://docs.convex.dev/file-storage - Upload Files: https://docs.convex.dev/file-storage/upload-files - Serve Files: https://docs.convex.dev/file-storage/serve-files - For broader context: https://docs.convex.dev/llms.txt ## Instructions ### File Storage Overview Convex provides built-in file storage with: - Automatic URL generation for serving files - Support for any file type (images, PDFs, videos, etc.) - File metadata via the `_storage` system table - Integration with mutations and actions ### Generating Upload URLs ```typescript // convex/files.ts import { mutation } from "./_generated/server"; import { v } from "convex/values"; export const generateUploadUrl = mutation({ args: {}, returns: v.string(), handler: async (ctx) => { return await ctx.storage.generateUploadUrl(); }, }); ``` ### Client-Side Upload ```typescript // React component import { useMutation } from "convex/react"; import { api } from "../convex/_generated/api"; import { useState } from "react"; function FileUploader() { const generateUploadUrl = useMutation(api.files.generateUploadUrl); const saveFile = useMutation(api.files.saveFile); const [uploading, setUploading] = useState(false); const handleUpload =...