Spaces:

GopalKrushnaMahapatra
/

TrueWrite-Scan

Running

App Files Files Community

GopalKrushnaMahapatra commited on Dec 11, 2025

Commit

8e5835b

verified ·

1 Parent(s): f538f80

Update ai-check.html

Browse files

Files changed (1) hide show

ai-check.html +77 -127

ai-check.html CHANGED Viewed

@@ -6,7 +6,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <script src="https://cdn.tailwindcss.com"></script>
-  <!-- jsPDF for report generation (no integrity) -->
   <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
 </head>
 <body class="bg-gradient-to-br from-slate-950 via-slate-900 to-violet-950 text-white min-h-screen flex flex-col">
@@ -267,53 +267,6 @@
       </div>
     </section>
-    <section class="mt-10 space-y-4">
-      <h2 class="text-xl md:text-2xl font-semibold">How does this AI content checker work?</h2>
-      <p class="text-sm text-slate-300">
-        The scoring is intentionally simple, so you can read the JavaScript and fully understand it.
-      </p>
-      <div class="grid md:grid-cols-3 gap-5 mt-3 text-xs">
-        <div class="bg-slate-900/70 border border-slate-800 rounded-2xl p-4">
-          <div class="flex items-center gap-3 mb-2">
-            <div class="w-9 h-9 rounded-full bg-fuchsia-500/20 flex items-center justify-center">
-              <span class="text-lg">1️⃣</span>
-            </div>
-            <p class="font-semibold text-sm">Tokenise the text</p>
-          </div>
-          <p>
-            Text is lower-cased and split into words and sentences for basic statistics.
-          </p>
-        </div>
-        <div class="bg-slate-900/70 border border-slate-800 rounded-2xl p-4">
-          <div class="flex items-center gap-3 mb-2">
-            <div class="w-9 h-9 rounded-full bg-indigo-500/20 flex items-center justify-center">
-              <span class="text-lg">2️⃣</span>
-            </div>
-            <p class="font-semibold text-sm">Measure patterns</p>
-          </div>
-          <p>
-            It looks at vocabulary variety and average sentence length — long, repetitive text can
-            look more AI-like.
-          </p>
-        </div>
-        <div class="bg-slate-900/70 border border-slate-800 rounded-2xl p-4">
-          <div class="flex items-center gap-3 mb-2">
-            <div class="w-9 h-9 rounded-full bg-emerald-500/20 flex items-center justify-center">
-              <span class="text-lg">3️⃣</span>
-            </div>
-            <p class="font-semibold text-sm">Compute a score</p>
-          </div>
-          <p>
-            Those metrics are combined into an AI-generated probability (0–100%), displayed and
-            saved in your PDF report.
-          </p>
-        </div>
-      </div>
-    </section>
     <section class="mt-12">
       <h2 class="text-xl md:text-2xl font-semibold mb-3">Reviews for this AI checker</h2>
       <div class="bg-slate-900/80 border border-slate-800 rounded-2xl p-5 md:p-6 relative overflow-hidden">
@@ -349,14 +302,6 @@
       window.location.href = "login.html";
     }
-    // jsPDF helper
-    function getJsPDF() {
-      if (window.jspdf && window.jspdf.jsPDF) return window.jspdf.jsPDF;
-      if (window.jsPDF) return window.jsPDF;
-      alert("PDF library (jsPDF) did not load. Check your internet connection or CDN access.");
-      return null;
-    }
     // DOM references
     const textarea = document.getElementById("inputText");
     const fileInput = document.getElementById("fileInput");
@@ -556,86 +501,91 @@
       }
     };
-    // PDF download
-    downloadBtn.onclick = () => {
-      if (!lastResult) {
-        alert("Run at least one scan before downloading a report.");
         return;
       }
-      const jsPDF = getJsPDF();
-      if (!jsPDF) return;
-      const doc = new jsPDF({ unit: "pt", format: "a4" });
-      let y = 40;
-      doc.setFontSize(16);
-      doc.text("TrueWrite Scan — AI Content Report", 40, y); y += 22;
-      doc.setFontSize(11);
-      doc.text("Generated: " + new Date().toLocaleString(), 40, y); y += 18;
-      doc.text("User: " + (user || "N/A"), 40, y); y += 18;
-      doc.setFontSize(12);
-      doc.text(`AI probability: ${lastResult.ai_percent}%`, 40, y); y += 16;
-      doc.text(`Human probability: ${lastResult.human_percent}%`, 40, y); y += 16;
-      doc.text(`Word count: ${lastResult.word_count}`, 40, y); y += 18;
-      if (lastResult.avg_sentence_length !== null && lastResult.avg_sentence_length !== undefined) {
-        doc.text(`Avg sentence length: ${lastResult.avg_sentence_length}`, 40, y); y += 18;
       }
-      if (lastResult.summary) {
-        doc.text("Summary:", 40, y); y += 16;
-        doc.setFontSize(10);
-        const lines = doc.splitTextToSize(lastResult.summary, 520);
-        doc.text(lines, 40, y);
-        y += lines.length * 12 + 10;
       }
-      doc.setFontSize(11);
-      doc.text("--- Original text (truncated) ---", 40, y); y += 18;
-      const original = lastResult.text || "";
-      const truncated = original.length > 4000 ? original.slice(0, 4000) + "\n\n[TRUNCATED]" : original;
-      const textLines = doc.splitTextToSize(truncated, 520);
-      doc.setFontSize(10);
-      doc.text(textLines, 40, y);
-      doc.save("truewrite-ai-report.pdf");
     };
-    // Reviews slider
     const reviews = [
-      {
-        name: "Aarav S.",
-        role: "B.Tech Student",
-        text: "Helps me understand how AI-generated my project reports might look before submission.",
-        stars: 5
-      },
-      {
-        name: "Priya K.",
-        role: "AI Research Enthusiast",
-        text: "The transparent scoring is perfect for explaining AI detection concepts to juniors.",
-        stars: 5
-      },
-      {
-        name: "Rahul M.",
-        role: "Content Creator",
-        text: "Gives a quick signal when my text feels too uniform and AI-like.",
-        stars: 4
-      },
-      {
-        name: "Sneha R.",
-        role: "M.Sc. Student",
-        text: "Very handy example for my seminar on AI ethics and content authenticity.",
-        stars: 5
-      },
-      {
-        name: "Vikram J.",
-        role: "Developer",
-        text: "Exactly the kind of simple, hackable AI-detector UI I wanted for my side project.",
-        stars: 4
-      }
     ];
     let currentReview = 0;

   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <script src="https://cdn.tailwindcss.com"></script>
+  <!-- jsPDF for backward compatibility (not used for server PDF) -->
   <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
 </head>
 <body class="bg-gradient-to-br from-slate-950 via-slate-900 to-violet-950 text-white min-h-screen flex flex-col">
       </div>
     </section>
     <section class="mt-12">
       <h2 class="text-xl md:text-2xl font-semibold mb-3">Reviews for this AI checker</h2>
       <div class="bg-slate-900/80 border border-slate-800 rounded-2xl p-5 md:p-6 relative overflow-hidden">
       window.location.href = "login.html";
     }
     // DOM references
     const textarea = document.getElementById("inputText");
     const fileInput = document.getElementById("fileInput");
       }
     };
+    // Helper to download a blob with filename
+    function downloadBlob(blob, filename) {
+      const url = URL.createObjectURL(blob);
+      const a = document.createElement("a");
+      a.href = url;
+      a.download = filename || "report.pdf";
+      document.body.appendChild(a);
+      a.click();
+      a.remove();
+      setTimeout(() => URL.revokeObjectURL(url), 30000);
+    }
+    // Fetch PDF from backend (GET when text, POST when file)
+    async function fetchReportPdf({ endpointGet, endpointFile, text, file, defaultFilename }) {
+      if (file) {
+        const form = new FormData();
+        form.append("file", file, file.name);
+        const res = await fetch(`${BACKEND_URL}${endpointFile}`, {
+          method: "POST",
+          headers: { "Authorization": `Bearer ${token}` },
+          body: form
+        });
+        if (!res.ok) {
+          const txt = await res.text();
+          throw new Error(txt || `Server responded ${res.status}`);
+        }
+        const blob = await res.blob();
+        // try to get filename from content-disposition
+        const cd = res.headers.get("content-disposition") || "";
+        const m = cd.match(/filename\*?=(?:UTF-8'')?["']?([^;"']+)/i);
+        const fname = m ? decodeURIComponent(m[1]) : defaultFilename;
+        downloadBlob(blob, fname);
         return;
+      } else {
+        // Use GET with query param (encode)
+        const q = encodeURIComponent(text || "");
+        const url = `${BACKEND_URL}${endpointGet}?text=${q}`;
+        const res = await fetch(url, {
+          method: "GET",
+          headers: { "Authorization": `Bearer ${token}` }
+        });
+        if (!res.ok) {
+          const txt = await res.text();
+          throw new Error(txt || `Server responded ${res.status}`);
+        }
+        const blob = await res.blob();
+        const cd = res.headers.get("content-disposition") || "";
+        const m = cd.match(/filename\*?=(?:UTF-8'')?["']?([^;"']+)/i);
+        const fname = m ? decodeURIComponent(m[1]) : defaultFilename;
+        downloadBlob(blob, fname);
       }
+    }
+    // PDF download: now calls server-generated PDF
+    downloadBtn.onclick = async () => {
+      if (!lastResult) {
+        alert("Run at least one scan before downloading a report.");
+        return;
       }
+      try {
+        setLoading(true);
+        const file = fileInput.files[0] || null;
+        await fetchReportPdf({
+          endpointGet: "/report/ai",
+          endpointFile: "/report/ai-file",
+          text: textarea.value,
+          file,
+          defaultFilename: "TrueWrite_AiReport.pdf"
+        });
+      } catch (err) {
+        console.error(err);
+        alert("Failed to download report: " + (err.message || err));
+      } finally {
+        setLoading(false);
       }
     };
+    // Reviews slider (unchanged)
     const reviews = [
+      { name: "Aarav S.", role: "B.Tech Student", text: "Helps me understand how AI-generated my project reports might look before submission.", stars: 5 },
+      { name: "Priya K.", role: "AI Research Enthusiast", text: "The transparent scoring is perfect for explaining AI detection concepts to juniors.", stars: 5 },
+      { name: "Rahul M.", role: "Content Creator", text: "Gives a quick signal when my text feels too uniform and AI-like.", stars: 4 },
+      { name: "Sneha R.", role: "M.Sc. Student", text: "Very handy example for my seminar on AI ethics and content authenticity.", stars: 5 },
+      { name: "Vikram J.", role: "Developer", text: "Exactly the kind of simple, hackable AI-detector UI I wanted for my side project.", stars: 4 }
     ];
     let currentReview = 0;