Spaces:
Sleeping
Sleeping
File size: 4,348 Bytes
0525595 550a0f7 0525595 550a0f7 0525595 550a0f7 1e4d78a cd06949 a6fe211 9120aa2 cd06949 a6fe211 9120aa2 1e4d78a 550a0f7 658fb9d 550a0f7 1e4d78a 550a0f7 0525595 a6fe211 1e4d78a c2b4988 1e4d78a a6fe211 0525595 550a0f7 5f8ae50 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 | import gradio as gr
from huggingface_hub import InferenceClient
"""
For more information on `huggingface_hub` Inference API support, please check the docs: https://huggingface.co/docs/huggingface_hub/v0.22.2/en/guides/inference
"""
client = InferenceClient("HuggingFaceH4/zephyr-7b-beta")
python_code = """
def fib(n):
if n <= 0:
return 0
elif n == 1:
return 1
else:
return fib(n-1) + fib(n-2)
"""
js_code = """
function fib(n) {
if (n <= 0) return 0;
if (n === 1) return 1;
return fib(n - 1) + fib(n - 2);
}
"""
html = """
<html>
<body>
<h1>My First JavaScript</h1>
<button type="testButton" onclick="testFn()"> Start </button>
<p id="demo"></p>
</body>
</html>
"""
scripts = """
async () => {
// set testFn() function on globalThis, so you html onlclick can access it
// const d3 = await import("https://cdn.jsdelivr.net/npm/d3@7/+esm");
// globalThis.d3 = d3;
// or
const script = document.createElement("script");
script.onload = () => console.log("d3 loaded") ;
script.src = "https://cdn.jsdelivr.net/npm/d3@7";
document.head.appendChild(script)
globalThis.testFn = () => {
document.getElementById('demo').innerHTML = "Hello"
}
}
"""
init_js = """
function createGradioAnimation() {
var container = document.createElement('div');
container.id = 'gradio-animation';
container.style.fontSize = '2em';
container.style.fontWeight = 'bold';
container.style.textAlign = 'center';
container.style.marginBottom = '20px';
var text = 'Welcome to Gradio!';
for (var i = 0; i < text.length; i++) {
(function(i){
setTimeout(function(){
var letter = document.createElement('span');
letter.style.opacity = '0';
letter.style.transition = 'opacity 0.5s';
letter.innerText = text[i];
container.appendChild(letter);
setTimeout(function() {
letter.style.opacity = '1';
}, 50);
}, i * 250);
})(i);
}
var gradioContainer = document.querySelector('.gradio-container');
gradioContainer.insertBefore(container, gradioContainer.firstChild);
return 'Animation created';
}
"""
def respond(
message,
history: list[tuple[str, str]],
system_message,
max_tokens,
temperature,
top_p,
):
messages = [{"role": "system", "content": system_message}]
for val in history:
if val[0]:
messages.append({"role": "user", "content": val[0]})
if val[1]:
messages.append({"role": "assistant", "content": val[1]})
messages.append({"role": "user", "content": message})
response = ""
for message in client.chat_completion(
messages,
max_tokens=max_tokens,
stream=True,
temperature=temperature,
top_p=top_p,
):
token = message.choices[0].delta.content
response += token
yield response, gr.Code(language="python", value=python_code)
"""
For information on how to customize the ChatInterface, peruse the gradio docs: https://www.gradio.app/docs/chatinterface
"""
with gr.Blocks(js=scripts) as demo:
code = gr.Code(render=False)
with gr.Row():
with gr.Column():
gr.Markdown("<center><h1>Change up Noodle Jump!</h1></center>")
gr.ChatInterface(
respond,
additional_outputs=[code],
additional_inputs=[
gr.Textbox(value="You are a sassy chatbot.", label="System message"),
gr.Slider(minimum=1, maximum=2048, value=512, step=1, label="Max new tokens"),
gr.Slider(minimum=0.1, maximum=4.0, value=0.7, step=0.1, label="Temperature"),
gr.Slider(
minimum=0.1,
maximum=1.0,
value=0.95,
step=0.05,
label="Top-p (nucleus sampling)",
),
]
)
with gr.Column():
gr.Markdown("<center><h1>Code</h1></center>")
gr.FileExplorer()
code.render()
gr.HTML(html)
if __name__ == "__main__":
demo.launch() |