remove the updatedLines yet

app/api/ask-ai/route.ts

@@ -197,10 +197,10 @@ export async function PUT(request: NextRequest) {
   const userToken = request.cookies.get(MY_TOKEN_KEY())?.value;
 
   const body = await request.json();
-  const { prompt, html, previousPrompt, provider, selectedElementHtml, model, pages } =
+  const { prompt, previousPrompt, provider, selectedElementHtml, model, pages } =
     body;
 
-  if (!prompt || !html) {
+  if (!prompt || pages.length === 0) {
     return NextResponse.json(
       { ok: false, error: "Missing required fields" },
       { status: 400 }
@@ -277,11 +277,11 @@ export async function PUT(request: NextRequest) {
           {
             role: "assistant",
 
-            content: `The current code is: \n\`\`\`html\n${html}\n\`\`\` ${
+            content: `${
               selectedElementHtml
                 ? `\n\nYou have to update ONLY the following element, NOTHING ELSE: \n\n\`\`\`html\n${selectedElementHtml}\n\`\`\``
                 : ""
-            }. Also here are the current pages: ${pages?.map((p: Page) => `- ${p.path} \n${p.html}`).join("\n")}.`,
+            }. Current pages: ${pages?.map((p: Page) => `- ${p.path} \n${p.html}`).join("\n")}.`,
           },
           {
             role: "user",
@@ -307,7 +307,7 @@ export async function PUT(request: NextRequest) {
 
     if (chunk) {
       const updatedLines: number[][] = [];
-      let newHtml = html;
+      let newHtml = "";
       const updatedPages = [...(pages || [])];
 
       const updatePageRegex = new RegExp(`${UPDATE_PAGE_START.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')}([^\\s]+)\\s*${UPDATE_PAGE_END.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')}([\\s\\S]*?)(?=${UPDATE_PAGE_START.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')}|${NEW_PAGE_START.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')}|$)`, 'g');

components/editor/index.tsx

@@ -289,7 +289,7 @@ export const AppEditor = ({
                 currentPage={currentPageData}
                 htmlHistory={htmlHistory}
                 previousPrompts={project?.prompts ?? []}
-                onSuccess={(newPages, p: string, updatedLines?: number[][]) => {
+                onSuccess={(newPages, p: string) => {
                   const currentHistory = [...htmlHistory];
                   currentHistory.unshift({
                     pages: newPages,
@@ -302,26 +302,26 @@ export const AppEditor = ({
                   if (window.innerWidth <= 1024) {
                     setCurrentTab("preview");
                   }
-                  if (updatedLines && updatedLines?.length > 0) {
-                    const decorations = updatedLines.map((line) => ({
-                      range: new monacoRef.current.Range(
-                        line[0],
-                        1,
-                        line[1],
-                        1
-                      ),
-                      options: {
-                        inlineClassName: "matched-line",
-                      },
-                    }));
-                    setTimeout(() => {
-                      editorRef?.current
-                        ?.getModel()
-                        ?.deltaDecorations([], decorations);
+                  // if (updatedLines && updatedLines?.length > 0) {
+                  //   const decorations = updatedLines.map((line) => ({
+                  //     range: new monacoRef.current.Range(
+                  //       line[0],
+                  //       1,
+                  //       line[1],
+                  //       1
+                  //     ),
+                  //     options: {
+                  //       inlineClassName: "matched-line",
+                  //     },
+                  //   }));
+                  //   setTimeout(() => {
+                  //     editorRef?.current
+                  //       ?.getModel()
+                  //       ?.deltaDecorations([], decorations);
 
-                      editorRef.current?.revealLine(updatedLines[0][0]);
-                    }, 100);
-                  }
+                  //     editorRef.current?.revealLine(updatedLines[0][0]);
+                  //   }, 100);
+                  // }
                 }}
                 setPages={setPages}
                 pages={pages}

components/editor/preview/index.tsx

@@ -213,7 +213,7 @@ const SandpackPreviewClient = ({
       // console.log({ client });
       // console.log(sandpack.clients[clientId]);
       const iframe = client.iframe;
-      console.log(iframe.contentWindow?.document);
+      console.log(iframe.contentWindow);
     }
     /**
      * NOTE: In order to make sure that the client will be available
@@ -221,5 +221,5 @@ const SandpackPreviewClient = ({
      */
   }, [sandpack]);
 
-  return <SandpackPreview ref={ref} />;
+  return <SandpackPreview ref={ref} showRefreshButton={false} />;
 };

hooks/useCallAi.ts

@@ -22,7 +22,6 @@ export const useCallAi = ({
   onScrollToBottom,
   setPages,
   setCurrentPage,
-  currentPage,
   pages,
   isAiWorking,
   setisAiWorking,
@@ -260,7 +259,6 @@ export const useCallAi = ({
           provider,
           previousPrompt,
           model,
-          html: currentPage?.html,
           pages,
           selectedElementHtml,
         }),

lib/prompts.ts

@@ -118,5 +118,5 @@ ${NEW_PAGE_START}index.html${NEW_PAGE_END}
 </body>
 </html>
 \`\`\`
-Also, if there are more than 1 page, dont forget to includes the page in a link <a href="page.html">page</a> to be accessible (Dont use onclick to navigate, only href).
+IMPORTANT: While creating a new page, UPDATE all the other pages to add or replace the link to the new page, otherwise the user will not be able to navigate to the new page. (Dont use onclick to navigate, only href)
 No need to explain what you did. Just return the expected result.`;