litellm

1
import React, { useState, useEffect } from 'react';
2

3
const CodeBlock = ({ token }) => {
4
  const codeWithToken = `${token}`;
5

6
  return (
7
    <pre>
8
      {token ? codeWithToken : ""}
9
    </pre>
10
  );
11
};
12

13
const TokenGen = () => {
14
  const [token, setToken] = useState(null);
15

16
  useEffect(() => {
17
    const generateToken = async () => {
18
      try {
19
        const response = await fetch('https://proxy.litellm.ai/key/new', {
20
          method: 'POST',
21
          headers: {
22
            'Content-Type': 'application/json',
23
            'Authorization': 'Bearer sk-liteplayground',
24
          },
25
          body: JSON.stringify({'total_budget': 100})
26
        });
27
        
28
        if (!response.ok) {
29
          throw new Error('Network response was not ok');
30
        }
31
        
32
        const data = await response.json();
33

34
        setToken(`${data.api_key}`);
35
    } catch (error) {
36
      console.error('Failed to fetch new token: ', error);
37
    }
38
  };
39

40
  generateToken();
41
}, []);
42

43
return (
44
  <div>
45
    <CodeBlock token={token} />
46
  </div>
47
);
48
};
49

50
export default TokenGen;
51