+
{children}
diff --git a/config/pinecone.ts b/config/pinecone.ts
index f1851c8..ce2dada 100644
--- a/config/pinecone.ts
+++ b/config/pinecone.ts
@@ -1,8 +1,12 @@
/**
- * Change the index and namespace to your own
+ * Change the namespace to the namespace on Pinecone you'd like to store your embeddings.
*/
-const PINECONE_INDEX_NAME = 'langchainjsfundamentals';
+if (!process.env.PINECONE_INDEX_NAME) {
+ throw new Error('Missing Pinecone index name in .env file');
+}
+
+const PINECONE_INDEX_NAME = process.env.PINECONE_INDEX_NAME ?? '';
const PINECONE_NAME_SPACE = 'pdf-test'; //namespace is optional for your vectors
diff --git a/declarations/pdf-parse.d.ts b/declarations/pdf-parse.d.ts
new file mode 100644
index 0000000..5b2ab50
--- /dev/null
+++ b/declarations/pdf-parse.d.ts
@@ -0,0 +1,5 @@
+declare module 'pdf-parse/lib/pdf-parse.js' {
+ import pdf from 'pdf-parse';
+
+ export default pdf;
+}
diff --git a/docs/finance/turingfinance.pdf b/docs/finance/turingfinance.pdf
new file mode 100644
index 0000000..6a9cf33
Binary files /dev/null and b/docs/finance/turingfinance.pdf differ
diff --git a/docs/MorseVsFrederick.pdf b/docs/law/MorseVsFrederick.pdf
similarity index 100%
rename from docs/MorseVsFrederick.pdf
rename to docs/law/MorseVsFrederick.pdf
diff --git a/package.json b/package.json
index 8d10f96..99d74b4 100644
--- a/package.json
+++ b/package.json
@@ -2,6 +2,9 @@
"name": "gpt4-langchain-pdf-chatbot",
"version": "0.1.0",
"private": true,
+ "engines": {
+ "node": ">=18"
+ },
"license": "MIT",
"author": "Mayooear",
"type": "module",
@@ -20,7 +23,7 @@
"@radix-ui/react-accordion": "^1.1.1",
"clsx": "^1.2.1",
"dotenv": "^16.0.3",
- "langchain": "0.0.33",
+ "langchain": "0.0.41",
"lucide-react": "^0.125.0",
"next": "13.2.3",
"pdf-parse": "1.1.1",
@@ -43,6 +46,9 @@
"tsx": "^3.12.3",
"typescript": "^4.9.5"
},
+ "engines": {
+ "node": ">=18"
+ },
"keywords": [
"starter",
"gpt4",
diff --git a/pages/api/chat.ts b/pages/api/chat.ts
index a964644..82f97bb 100644
--- a/pages/api/chat.ts
+++ b/pages/api/chat.ts
@@ -21,10 +21,12 @@ export default async function handler(
/* create vectorstore*/
const vectorStore = await PineconeStore.fromExistingIndex(
- index,
new OpenAIEmbeddings({}),
- 'text',
- PINECONE_NAME_SPACE, //optional
+ {
+ pineconeIndex: index,
+ textKey: 'text',
+ namespace: PINECONE_NAME_SPACE,
+ },
);
res.writeHead(200, {
diff --git a/pages/index.tsx b/pages/index.tsx
index 03a182a..93cea1e 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -1,4 +1,4 @@
-import { useRef, useState, useEffect, useMemo } from 'react';
+import { useRef, useState, useEffect, useMemo, useCallback } from 'react';
import Layout from '@/components/layout';
import styles from '@/styles/Home.module.css';
import { Message } from '@/types/chat';
@@ -18,6 +18,7 @@ export default function Home() {
const [query, setQuery] = useState('');
const [loading, setLoading] = useState(false);
const [sourceDocs, setSourceDocs] = useState([]);
+ const [error, setError] = useState(null);
const [messageState, setMessageState] = useState<{
messages: Message[];
pending?: string;
@@ -36,8 +37,6 @@ export default function Home() {
const { messages, pending, history, pendingSourceDocs } = messageState;
- console.log('messageState', messageState);
-
const messageListRef = useRef(null);
const textAreaRef = useRef(null);
@@ -49,6 +48,8 @@ export default function Home() {
async function handleSubmit(e: any) {
e.preventDefault();
+ setError(null);
+
if (!query) {
alert('Please input a question');
return;
@@ -120,18 +121,22 @@ export default function Home() {
});
} catch (error) {
setLoading(false);
+ setError('An error occurred while fetching the data. Please try again.');
console.log('error', error);
}
}
//prevent empty submissions
- const handleEnter = (e: any) => {
- if (e.key === 'Enter' && query) {
- handleSubmit(e);
- } else if (e.key == 'Enter') {
- e.preventDefault();
- }
- };
+ const handleEnter = useCallback(
+ (e: any) => {
+ if (e.key === 'Enter' && query) {
+ handleSubmit(e);
+ } else if (e.key == 'Enter') {
+ e.preventDefault();
+ }
+ },
+ [query],
+ );
const chatMessages = useMemo(() => {
return [
@@ -148,6 +153,13 @@ export default function Home() {
];
}, [messages, pending, pendingSourceDocs]);
+ //scroll to bottom of chat
+ useEffect(() => {
+ if (messageListRef.current) {
+ messageListRef.current.scrollTop = messageListRef.current.scrollHeight;
+ }
+ }, [chatMessages]);
+
return (
<>
@@ -201,14 +213,17 @@ export default function Home() {