Spaces:

rajeshradhakrishnan
/

english-malayalam

Runtime error

App Files Files Community

rajeshradhakrishnan commited on Apr 21, 2023

Commit

4a794f1

•

1 Parent(s): 0203d1c

English-Malayalam Translate v28

Browse files

Files changed (5) hide show

main.py +2 -2
static/chat.js +84 -0
static/index.html +9 -0
static/script.js +12 -81
templates/{index.html → chat.html} +1 -1

main.py CHANGED Viewed

@@ -23,7 +23,7 @@ app.mount("/", StaticFiles(directory="static", html=True), name="static")
 #     return FileResponse(path="/app/static/index.html", media_type="text/html")
 templates = Jinja2Templates(directory="templates")
-@app.get("/", response_class=HTMLResponse)
 async def index():
     apikey = {"APIKEY": os.environ.get("API_KEY")}
-    return templates.TemplateResponse("index.html", {"apikey": apikey})

 #     return FileResponse(path="/app/static/index.html", media_type="text/html")
 templates = Jinja2Templates(directory="templates")
+@app.get("/")
 async def index():
     apikey = {"APIKEY": os.environ.get("API_KEY")}
+    return templates.TemplateResponse("chat.html", {"apikey": apikey})

static/chat.js ADDED Viewed

	@@ -0,0 +1,84 @@

+console.log("API_KEY " + apiKey)
+const translateText = async (text) => {
+    const inferResponse = await fetch(`infer_t5?input=${text}`);
+    const inferJson = await inferResponse.json();
+    return inferJson.output;
+  };
+function generatePrompterAssistantText(inputString) {
+    // Split the input string into an array of sentences
+    const sentences = inputString.split('<|endoftext|>');
+    // Initialize arrays for prompter and assistant text
+    let prompterText = [];
+    let assistantText = [];
+    // Loop through each sentence and add it to the prompter or assistant text array
+    for (let i = 0; i < sentences.length; i++) {
+      // Check if the sentence contains the <prompter> tag
+      if (sentences[i].includes('<|prompter|>')) {
+        // Extract the text within the <prompter> tags and add it to the prompter text array
+        const prompterSentence = sentences[i].replace(/<\|prompter\|>/g, '');
+        prompterText.push(prompterSentence);
+      } else if (sentences[i].includes('<|assistant|>')) {
+        const assistantSentence = sentences[i].replace(/<\|assistant\|>/g, '');
+        // Add the sentence to the assistant text array
+        assistantText.push(assistantSentence);
+      }
+    }
+    // Return the prompter and assistant text arrays
+    return [prompterText, assistantText];
+  }
+const submitButton = document.querySelector('#submit')
+const outPutElement = document.querySelector('#output')
+const inputElement = document.querySelector('input')
+const historyElement = document.querySelector('.history')
+const buttonElement = document.querySelector('button')
+function changeInput(value)
+{
+    console.log(value)
+    const inputElement = document.querySelector('input')
+    inputElement.value = value
+}
+async function getMessage(){
+    console.log("input value "+ inputElement.value)
+    const options = {
+        method: "POST",
+        headers: {
+            Authorization: `Bearer ${API_KEY}`,
+            "Content-Type": "application/json"
+        },
+        body: JSON.stringify({
+            inputs: "<|prompter|>" + inputElement.value + "<|endoftext|><|assistant|>"
+        })
+    }
+    try{
+        const response = await fetch("https://api-inference.huggingface.co/models/OpenAssistant/oasst-sft-4-pythia-12b-epoch-3.5", options);
+        const data = await response.json()
+        console.log(data[0].generated_text)
+        if(inputElement.value && data && data[0].generated_text){
+            const [prompterText, assistantText] = generatePrompterAssistantText(data[0].generated_text);
+            outPutElement.textContent = await translateText(assistantText);
+            const pElement = document.createElement('p')
+            pElement.textContent = inputElement.value
+            pElement.addEventListener('click', () => changeInput(pElement.textContent))
+            historyElement.append(pElement)
+        }
+    } catch(error) {
+        console.log(error)
+    }
+}
+submitButton.addEventListener('click', getMessage)
+function clearInput(){
+    inputElement.value = ''
+}
+buttonElement.addEventListener('click', clearInput)

static/index.html ADDED Viewed

	@@ -0,0 +1,9 @@

+<!DOCTYPE html>
+<html>
+<head>
+</head>
+<body>
+    <!-- Include your script file -->
+    <script src="{{ url_for('static', path='script.js') }}"></script>
+</body>
+</html>

static/script.js CHANGED Viewed

@@ -1,84 +1,15 @@
-console.log("API_KEY " + apiKey)
-const translateText = async (text) => {
-    const inferResponse = await fetch(`infer_t5?input=${text}`);
-    const inferJson = await inferResponse.json();
-    return inferJson.output;
-  };
-function generatePrompterAssistantText(inputString) {
-    // Split the input string into an array of sentences
-    const sentences = inputString.split('<|endoftext|>');
-    // Initialize arrays for prompter and assistant text
-    let prompterText = [];
-    let assistantText = [];
-    // Loop through each sentence and add it to the prompter or assistant text array
-    for (let i = 0; i < sentences.length; i++) {
-      // Check if the sentence contains the <prompter> tag
-      if (sentences[i].includes('<|prompter|>')) {
-        // Extract the text within the <prompter> tags and add it to the prompter text array
-        const prompterSentence = sentences[i].replace(/<\|prompter\|>/g, '');
-        prompterText.push(prompterSentence);
-      } else if (sentences[i].includes('<|assistant|>')) {
-        const assistantSentence = sentences[i].replace(/<\|assistant\|>/g, '');
-        // Add the sentence to the assistant text array
-        assistantText.push(assistantSentence);
-      }
     }
-    // Return the prompter and assistant text arrays
-    return [prompterText, assistantText];
-  }
-const submitButton = document.querySelector('#submit')
-const outPutElement = document.querySelector('#output')
-const inputElement = document.querySelector('input')
-const historyElement = document.querySelector('.history')
-const buttonElement = document.querySelector('button')
-function changeInput(value)
-{
-    console.log(value)
-    const inputElement = document.querySelector('input')
-    inputElement.value = value
-}
-async function getMessage(){
-    console.log("input value "+ inputElement.value)
-    const options = {
-        method: "POST",
-        headers: {
-            Authorization: `Bearer ${API_KEY}`,
-            "Content-Type": "application/json"
-        },
-        body: JSON.stringify({
-            inputs: "<|prompter|>" + inputElement.value + "<|endoftext|><|assistant|>"
-        })
-    }
-    try{
-        const response = await fetch("https://api-inference.huggingface.co/models/OpenAssistant/oasst-sft-4-pythia-12b-epoch-3.5", options);
-        const data = await response.json()
-        console.log(data[0].generated_text)
-        if(inputElement.value && data && data[0].generated_text){
-            const [prompterText, assistantText] = generatePrompterAssistantText(data[0].generated_text);
-            outPutElement.textContent = await translateText(assistantText);
-            const pElement = document.createElement('p')
-            pElement.textContent = inputElement.value
-            pElement.addEventListener('click', () => changeInput(pElement.textContent))
-            historyElement.append(pElement)
-        }
-    } catch(error) {
-        console.log(error)
     }
-}
-submitButton.addEventListener('click', getMessage)
-function clearInput(){
-    inputElement.value = ''
-}
-buttonElement.addEventListener('click', clearInput)

+const xhr = new XMLHttpRequest();
+xhr.open('GET', '/');
+xhr.onload = function() {
+    if (xhr.status === 200) {
+        // Update the DOM with the rendered HTML
+        const content = document.createElement('div');
+        content.innerHTML = xhr.response;
+        document.body.appendChild(content);
     }
+    else {
+        console.log('Request failed.  Returned status of ' + xhr.status);
     }
+};
+xhr.send();

templates/{index.html → chat.html} RENAMED Viewed

@@ -29,6 +29,6 @@
     <script>
 		var apiKey = {{ apikey.APIKEY }};
 	</script>
-    <script src="script.js"></script>
 </body>
 </html>

     <script>
 		var apiKey = {{ apikey.APIKEY }};
 	</script>
+    <script src="chat.js"></script>
 </body>
 </html>