<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto&display=swap" >
<style>
body {
font-family: 'Roboto', sans-serif;
font-size: 16px;
}
.logo {
height: 1em;
vertical-align: middle;
margin-bottom: 0.1em;
}
</style>
<script type="module" crossorigin src="https://cdn.jsdelivr.net/npm/@gradio/lite@0.4.2/dist/lite.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@gradio/lite@0.4.2/dist/lite.css" />
<link rel="stylesheet" href="https://gradio-hello-world.hf.space/theme.css">
</head>
<body>
<gradio-lite>
<gradio-requirements>
transformers_js_py
markdown-it-py
</gradio-requirements>
<gradio-file name="app.py" entrypoint>
from transformers_js import import_transformers_js
import gradio as gr
transformers = await import_transformers_js()
pipeline = transformers.pipeline
pipe = await pipeline('translation', 'Xenova/t5-small')
pipe.task = "translation_en_to_fr"
async def generate(text):
return await pipe(text,)
demo = gr.Interface(
generate,
gr.Textbox(label="English Text"),
gr.JSON(label="Translated Text", flag=False),
examples=["My name is VB and I live in Stuttgart.", "I like eating Maultaschen and Wurst.", "Can I have a pain au chocolate, please?"],
theme=gr.themes.Soft(),)
demo.launch()
</gradio-file>
</gradio-lite>
</body>
</html>