Create API Key

import { useMutation } from "convex/react";
import { api } from "@teak/convex";

function ApiKeySettings() {
  const createApiKey = useMutation(api.apiKeys.createUserApiKey);
  const [newKey, setNewKey] = useState<string | null>(null);
  
  const handleGenerate = async () => {
    const result = await createApiKey({ name: "My API Key" });
    setNewKey(result.key);
  };
  
  return (
    <div>
      <button onClick={handleGenerate}>Generate New API Key</button>
      
      {newKey && (
        <div>
          <p>Your new API key (save it now):</p>
          <code>{newKey}</code>
          <p>This key will not be shown again.</p>
        </div>
      )}
    </div>
  );
}

{
  "id": "jh7x5t9p2k8n4m1q6r3s",
  "name": "API Keys",
  "keyPrefix": "a1b2c3d4e5f6",
  "key": "teakapi_a1b2c3d4e5f6_1234567890abcdef1234567890abcdef1234567890abcdef",
  "access": "full_access",
  "createdAt": 1704067200000
}

teakapi_[prefix]_[secret]

hash = SHA256(apiKey + serverPepper)

{
  "code": "UNAUTHORIZED",
  "error": "Authentication required"
}