add prompts text file

server.js

@@ -128,7 +128,7 @@ app.get("/api/@me", checkUser, async (req, res) => {
 });
 
 app.post("/api/deploy", checkUser, async (req, res) => {
-  const { html, title, path } = req.body;
+  const { html, title, path, prompts } = req.body;
   if (!html || (!path && !title)) {
     return res.status(400).send({
       ok: false,
@@ -187,7 +187,12 @@ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-
     const file = new Blob([newHtml], { type: "text/html" });
     file.name = "index.html"; // Add name property to the Blob
 
-    const files = [file];
+    // create prompt.txt file with all the prompts used, split by new line
+    const newPrompts = ``.concat(prompts.map((prompt) => prompt).join("\n"));
+    const promptFile = new Blob([newPrompts], { type: "text/plain" });
+    promptFile.name = "prompts.txt"; // Add name property to the Blob
+
+    const files = [file, promptFile];
     if (readme) {
       const readmeFile = new Blob([readme], { type: "text/markdown" });
       readmeFile.name = "README.md"; // Add name property to the Blob
@@ -216,7 +221,7 @@ app.post("/api/ask-ai", async (req, res) => {
     });
   }
 
-  const { hf_token } = req.cookies;
+  let { hf_token } = req.cookies;
   let token = hf_token;
 
   if (process.env.HF_TOKEN && process.env.HF_TOKEN !== "") {

src/components/App.tsx

@@ -36,6 +36,7 @@ function App() {
   const [currentView, setCurrentView] = useState<"editor" | "preview">(
     "editor"
   );
+  const [prompts, setPrompts] = useState<string[]>([]);
 
   const fetchMe = async () => {
     const res = await fetch("/api/@me");
@@ -182,7 +183,13 @@ function App() {
           }
         }}
       >
-        <DeployButton html={html} error={error} auth={auth} setHtml={setHtml} />
+        <DeployButton
+          html={html}
+          error={error}
+          auth={auth}
+          setHtml={setHtml}
+          prompts={prompts}
+        />
       </Header>
       <main className="max-lg:flex-col flex w-full">
         <div
@@ -233,6 +240,9 @@ function App() {
             isAiWorking={isAiWorking}
             setisAiWorking={setisAiWorking}
             setView={setCurrentView}
+            onNewPrompt={(prompt) => {
+              setPrompts((prev) => [...prev, prompt]);
+            }}
             onScrollToBottom={() => {
               editorRef.current?.revealLine(
                 editorRef.current?.getModel()?.getLineCount() ?? 0

src/components/ask-ai/ask-ai.tsx

@@ -21,11 +21,13 @@ function AskAI({
   isAiWorking,
   setisAiWorking,
   setView,
+  onNewPrompt,
 }: {
   html: string;
   setHtml: (html: string) => void;
   onScrollToBottom: () => void;
   isAiWorking: boolean;
+  onNewPrompt: (prompt: string) => void;
   setView: React.Dispatch<React.SetStateAction<"editor" | "preview">>;
   setisAiWorking: React.Dispatch<React.SetStateAction<boolean>>;
 }) {
@@ -49,6 +51,7 @@ function AskAI({
     let contentResponse = "";
     let lastRenderTime = 0;
     try {
+      onNewPrompt(prompt);
       const request = await fetch("/api/ask-ai", {
         method: "POST",
         body: JSON.stringify({

src/components/deploy-button/deploy-button.tsx

@@ -29,11 +29,13 @@ function DeployButton({
   error = false,
   auth,
   setHtml,
+  prompts,
 }: {
   html: string;
   error: boolean;
   auth?: Auth;
   setHtml: (html: string) => void;
+  prompts: string[];
 }) {
   const [open, setOpen] = useState(false);
   const [loading, setLoading] = useState(false);
@@ -53,6 +55,7 @@ function DeployButton({
           title: config.title,
           path,
           html,
+          prompts,
         }),
         headers: {
           "Content-Type": "application/json",