83 | // const articleText = $(".docs-content").text();
84 |
85 | let start = 0;
86 | while (start < articleText.length) {
87 | const end = start + docSize;
88 | const chunk = articleText.slice(start, end);
89 | documents.push({ url, body: chunk });
90 | start = end;
91 | }
92 | }
93 | return documents;
94 | }
95 |
--------------------------------------------------------------------------------
/pages/docs.tsx:
--------------------------------------------------------------------------------
1 | import { AnimatePresence, motion } from "framer-motion";
2 | import type { NextPage } from "next";
3 | import { useState } from "react";
4 | import { Toaster, toast } from "react-hot-toast";
5 | import { v4 as uuidv4 } from 'uuid';
6 | import LoadingDots from "@/components/LoadingDots";
7 | import ResizablePanel from "@/components/ResizablePanel";
8 | import MetaTags from "@/components/MetaTags";
9 | import { ReactNode } from "react";
10 | import { PageMeta } from "../types";
11 | import MarkdownRenderer from "@/components/MarkdownRenderer";
12 |
13 |
14 | interface Props {
15 | children: ReactNode;
16 | meta?: PageMeta;
17 | }
18 |
19 | const DocsPage: NextPage = ({ children, meta: pageMeta }: Props) => {
20 | const [loading, setLoading] = useState(false);
21 | const [userQ, setUserQ] = useState("");
22 | const [answer, setAanswer] = useState("");
23 |
24 | console.log("Streamed response: ", answer);
25 |
26 | const question = userQ;
27 |
28 | const generateAnswer = async (e: any) => {
29 | e.preventDefault();
30 | if (!userQ) {
31 | return toast.error("Please enter a question!");
32 | }
33 |
34 | setAanswer("");
35 | setLoading(true);
36 | const response = await fetch("/api/docs", {
37 | method: "POST",
38 | headers: {
39 | "Content-Type": "application/json"
40 | },
41 | body: JSON.stringify({
42 | question
43 | })
44 | });
45 | console.log("Edge function returned.");
46 |
47 | if (!response.ok) {
48 | throw new Error(response.statusText);
49 | }
50 |
51 | // This data is a ReadableStream
52 | const data = response.body;
53 | if (!data) {
54 | return;
55 | }
56 |
57 | const reader = data.getReader();
58 | const decoder = new TextDecoder();
59 | let done = false;
60 |
61 | while (!done) {
62 | const { value, done: doneReading } = await reader.read();
63 | done = doneReading;
64 | const chunkValue = decoder.decode(value);
65 | setAanswer((prev) => prev + chunkValue);
66 | }
67 |
68 | setLoading(false);
69 | };
70 |
71 |
72 | return (
73 | <>
74 |
81 |
82 |
83 |
84 |
85 | Ask me anything* about web development! 86 |
87 |
88 |