Added Endpoints

backend/.env

@@ -0,0 +1,4 @@
+WEAVIATE=WW6e7xNEj8czLsRwGaUqYChOUQ9QjkKbEsWP
+WEAVIATE_URL=https://herechat-myg0g1v1.weaviate.network
+WEAVIATE_USERNAME=faranbutt789
+WEAVIATE_PASSWORD=ASdf0987!

package-lock.json

@@ -35,6 +35,7 @@
         "typescript": "5.0.4"
       },
       "devDependencies": {
+        "@gradio/client": "^0.8.1",
         "autoprefixer": "^10.4.16",
         "postcss": "^8.4.31",
         "tailwindcss": "^3.3.5"
@@ -433,6 +434,20 @@
       "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.1.6.tgz",
       "integrity": "sha512-OfX7E2oUDYxtBvsuS4e/jSn4Q9Qb6DzgeYtsAdkPZ47znpoNsMgZw0+tVijiv3uGNR6dgNlty6r9rzIzHjtd/A=="
     },
+    "node_modules/@gradio/client": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/@gradio/client/-/client-0.8.1.tgz",
+      "integrity": "sha512-qMFINw6MbubLYQiLorwGhyapH7bUSthH+7tevGgKOPuQWoW5TliPi95VEFRUQ+d2Y/vXqWj0+hubO94RO7v/7w==",
+      "dev": true,
+      "dependencies": {
+        "bufferutil": "^4.0.7",
+        "semiver": "^1.1.0",
+        "ws": "^8.13.0"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      }
+    },
     "node_modules/@huggingface/inference": {
       "version": "2.3.3",
       "resolved": "https://registry.npmjs.org/@huggingface/inference/-/inference-2.3.3.tgz",
@@ -1968,6 +1983,19 @@
       "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-0.1.2.tgz",
       "integrity": "sha512-RiWIenusJsmI2KcvqQABB83tLxCByE3upSP8QU3rJDMVFGPWLvPQJt/O1Su9moRWeH7d+Q2HYb68f6+v+tw2vg=="
     },
+    "node_modules/bufferutil": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/bufferutil/-/bufferutil-4.0.8.tgz",
+      "integrity": "sha512-4T53u4PdgsXqKaIctwF8ifXlRTTmEPJ8iEPWFdGZvcf7sbwYo6FKFEX9eNNAnzFZ7EzJAQ3CJeOtCRA4rDp7Pw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "dependencies": {
+        "node-gyp-build": "^4.3.0"
+      },
+      "engines": {
+        "node": ">=6.14.2"
+      }
+    },
     "node_modules/bundle-name": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/bundle-name/-/bundle-name-3.0.0.tgz",
@@ -4230,6 +4258,17 @@
         "node": "^10 || ^12 || >=14"
       }
     },
+    "node_modules/node-gyp-build": {
+      "version": "4.6.1",
+      "resolved": "https://registry.npmjs.org/node-gyp-build/-/node-gyp-build-4.6.1.tgz",
+      "integrity": "sha512-24vnklJmyRS8ViBNI8KbtK/r/DmXQMRiOMXTNz2nrTnAYUwjmEEbnnpB/+kt+yWRv73bPsSPRFddrcIbAxSiMQ==",
+      "dev": true,
+      "bin": {
+        "node-gyp-build": "bin.js",
+        "node-gyp-build-optional": "optional.js",
+        "node-gyp-build-test": "build-test.js"
+      }
+    },
     "node_modules/node-releases": {
       "version": "2.0.13",
       "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.13.tgz",
@@ -5056,6 +5095,15 @@
         "loose-envify": "^1.1.0"
       }
     },
+    "node_modules/semiver": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/semiver/-/semiver-1.1.0.tgz",
+      "integrity": "sha512-QNI2ChmuioGC1/xjyYwyZYADILWyW6AmS1UH6gDj/SFUUUS4MBAWs/7mxnkRPc/F4iHezDP+O8t0dO8WHiEOdg==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/semver": {
       "version": "7.5.1",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.1.tgz",
@@ -5719,6 +5767,27 @@
       "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
       "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ=="
     },
+    "node_modules/ws": {
+      "version": "8.14.2",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.14.2.tgz",
+      "integrity": "sha512-wEBG1ftX4jcglPxgFCMJmZ2PLtSbJ2Peg6TmpJFTbe9GZYOQCDPdMYu/Tm0/bGZkw8paZnJY45J4K2PZrLYq8g==",
+      "dev": true,
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": ">=5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/xtend": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/xtend/-/xtend-2.1.2.tgz",

package.json

@@ -50,6 +50,7 @@
     "typescript": "5.0.4"
   },
   "devDependencies": {
+    "@gradio/client": "^0.8.1",
     "autoprefixer": "^10.4.16",
     "postcss": "^8.4.31",
     "tailwindcss": "^3.3.5"

src/pages/_app.tsx

@@ -6,7 +6,7 @@ import CssBaseline from "@mui/material/CssBaseline";
 import { CacheProvider, EmotionCache } from "@emotion/react";
 import theme from "@/lib/theme";
 import createEmotionCache from "@/lib/createEmotionCache";
-
+import {client} from '@gradio/client';
 // Client-side cache, shared for the whole session of the user in the browser.
 const clientSideEmotionCache = createEmotionCache();
 

src/pages/api/env.ts

@@ -1,11 +1,11 @@
-import process from "node:process";
-import { NextApiRequest, NextApiResponse } from "next";
+// import process from "node:process";
+// import { NextApiRequest, NextApiResponse } from "next";
 
-export default async function handler(
-  request: NextApiRequest,
-  response: NextApiResponse
-) {
-  const exampleSecret = process.env.HF_EXAMPLE_SECRET;
+// export default async function handler(
+//   request: NextApiRequest,
+//   response: NextApiResponse
+// ) {
+//   const exampleSecret = process.env.HF_EXAMPLE_SECRET;
 
-  return response.status(200).json({ HF_EXAMPLE_SECRET: exampleSecret });
-}
+//   return response.status(200).json({ HF_EXAMPLE_SECRET: exampleSecret });
+// }

src/pages/index.tsx

@@ -1,26 +1,32 @@
+
 import Head from "next/head";
 import Link from "next/link";
 import { useState } from "react";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
-import axios from "axios";
+import { client } from "@gradio/client";
 export default function Home() {
   const [file,setFile] = useState(null);
   const [result,setResult] = useState('');
+  const [query,setQuery] = useState('');
+  const [collection,setCollection] = useState('');
+  
   const handleFileChange = (event:any) => {
     console.log(event.target.files[0])
     setFile(event.target.files[0]);
   }
   const SendFile = async() => {
+    console.log("File Recieved",file)
+    console.log("Query Recieved",query)
+    console.log("Collection Recieved",collection)
     try{
-      const response = await axios.post('/embed',{
-        "collection_name": "{collection_name}",
-         "file_url": file
-      },{
-        headers:{
-          'Content-Type':"application/json"
-        }
-      })
+      //const app  = await client('https://teamtonic-herechatbackend.hf.space/--replicas/jfflh/',{hf_token:'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'});
+//       const result:any = await app.predict("/predict", [		
+// 				"Hello!!", // string  in 'Query' Textbox component
+// 				file, 	// blob in 'PDF File' File component		
+// 				"Hello!!", // string  in 'Collection Name' Textbox component
+// 	     ]);
+// console.log(result.data);
     }catch(error){
       console.error('Error:', error);
     }
@@ -46,12 +52,27 @@ export default function Home() {
         </div>
       
         <div className=''>
-          <div className="flex gap-2">
-            <div className="">
-              <Input type='file' onChange={handleFileChange}/>
-              <p className="mt-1 text-sm text-gray-500 dark:text-gray-300" id="file_input_help">TXT, DOCX, PPTX, JPG, PNG, HTML or PDF</p>
+          <div className="">
+            <div className="flex flex-col justify-center items-center gap-4">
+              <div className="flex justify-center gap-4">
+              <div>
+                <label htmlFor="" className="font-bold text-3xl">Enter Query</label>
+                <Input type='text' onChange={(e)=>setQuery(e.target.value)}/>
+              </div>
+              <div>
+                <label htmlFor="" className="font-bold text-3xl">Enter Document</label>
+                <Input type='file' onChange={handleFileChange}/>
+                <p className="mt-1 text-sm text-gray-500 dark:text-gray-300" id="file_input_help">TXT, DOCX, PPTX, JPG, PNG, HTML or PDF</p>
+              </div>
+              <div>
+                <label htmlFor="" className="font-bold text-3xl">Collection</label>
+                <Input type='text' onChange={(e) => setCollection(e.target.value)}/>
+              </div>
+              </div>
+              <div>
+                <Button className='border-2 border-blue-500 bg-white text-blue-500 font-bold hover:text-white hover:bg-blue-500' disabled={!file} onClick={SendFile} >Submit</Button>
+              </div>
             </div>
-            <Button className='border-2 border-blue-500 bg-white text-blue-500 font-bold hover:text-white hover:bg-blue-500' disabled={!file} onClick={SendFile} >Submit</Button>
           </div>
         </div>
       </div>