improve loading ux

README.md

@@ -12,4 +12,9 @@ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-
 
 # Edge PDF Chat
 
-Demo using web workers with Next.js to create a client side vector store for chat with PDF.
+Demo using Web Workers with Next.js to create a client side vector store for chat with PDF.
+
+## Libraries used
+
+* transformers.js
+* pdfjs-dist

src/app/home.tsx

@@ -115,7 +115,7 @@ const Home: React.FC = () => {
             onChange={handleInputChange}
             placeholder="Say something..."
           />
-          <button type="submit" className={styles.sendButton}>Send</button>
+          {(searchInProgress || isLoading) ? <button type="submit" disabled={true} className={styles.sendButton}>Loading</button> : <button type="submit" className={styles.sendButton}>Send</button>}
         </form>
       </div>
 

src/app/layout.tsx

@@ -5,8 +5,8 @@ import './globals.css'
 const inter = Inter({ subsets: ['latin'] })
 
 export const metadata: Metadata = {
-  title: 'Create Next App',
-  description: 'Generated by create next app',
+  title: 'Edge PDF Chat',
+  description: 'Chat with PDF',
 }
 
 export default function RootLayout({

src/components/embeddingsWorker.js

@@ -88,6 +88,7 @@ class EmbeddingsWorker {
 }
 
 const worker = new EmbeddingsWorker();
+worker.loadClient();
 
 self.addEventListener('message', async (event) => {
   if (event.data.action === 'addDocumentsToStore') {