Spaces:

tomalex04
/

Credible

Sleeping

App Files Files Community

tomalex04 commited on Sep 17

Commit

b3046d9

1 Parent(s): 700863c

updated readme

Browse files

Files changed (5) hide show

README.md +18 -3
needed_links +0 -2
static/front.html +0 -25
static/script.js +0 -81
static/style.css +0 -188

README.md CHANGED Viewed

@@ -1,4 +1,4 @@
-# Fake News Detection (GDELT + Gemini) with Minimal UI
 This app takes a user query, builds robust GDELT queries via Gemini, fetches articles, analyzes outlet bias, ranks articles with local embeddings, and returns a concise, multi‑perspective summary. The UI renders exactly what the backend returns (no extra formatting or hardcoded values).
@@ -69,5 +69,20 @@ Notes:
 - When false, all domains are considered.
 ## Frontend
-- static/ contains a minimal JS client.
-- It outputs exactly the summary string received from backend (no hardcoded counts/colors/extra text; no horizontal scrolling).

+# Fake News Detection (GDELT + Gemini)
 This app takes a user query, builds robust GDELT queries via Gemini, fetches articles, analyzes outlet bias, ranks articles with local embeddings, and returns a concise, multi‑perspective summary. The UI renders exactly what the backend returns (no extra formatting or hardcoded values).
 - When false, all domains are considered.
 ## Frontend
+- Primary UI: Flutter app in `misinformationui/`.
+- Optional debug client: `static/` minimal JS page (useful for quick backend checks only).
+### Run the Flutter UI
+1) Start the backend (see Run section below) so it listens on http://localhost:5000
+2) In a separate terminal, run the Flutter app:
+   - cd misinformationui
+   - flutter pub get
+   - Choose a target:
+     - Web (Chrome): flutter run -d chrome
+     - Linux desktop: flutter run -d linux (ensure Linux desktop is enabled in Flutter)
+     - Android emulator: flutter run -d emulator
+       - Update the API URL in `misinformationui/lib/chat_screen.dart` from `http://localhost:5000` to `http://10.0.2.2:5000` for Android emulators, or use your machine's LAN IP for real devices.
+     - iOS simulator: `http://localhost:5000` should work; real devices need your machine's LAN IP.
+Note: The legacy `static/` page is kept for quick smoke tests; the production UX is the Flutter app.

needed_links DELETED Viewed

	@@ -1,2 +0,0 @@
1	- https://console.cloud.google.com/
2	- https://programmablesearchengine.google.com/

static/front.html DELETED Viewed

@@ -1,25 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Fake News Detection Chatbot</title>
-  <link rel="stylesheet" href="style.css">
-</head>
-<body>
-  <div class="chat-container" id="chat"></div>
-  <div class="input-area">
-    <input type="text" id="query" placeholder="Type news to verify..." />
-    <button id="sendBtn">Send</button>
-  </div>
-  <div class="chat-background" id="chat-background">
-    <p id="p1">Hey,</p>
-    <p id="p2">Discover misinformations around you,</p>
-  </div>
-  <script src="script.js"></script>
-</body>
-</html>

static/script.js DELETED Viewed

@@ -1,81 +0,0 @@
-const chat = document.getElementById('chat');
-const input = document.getElementById('query');
-const sendBtn = document.getElementById('sendBtn');
-function addMessage(text, sender, isPre = false) {
-  const msg = document.createElement('div');
-  msg.classList.add('message', sender);
-  // Add special class for pre-formatted messages to style them properly
-  if (isPre) {
-    msg.classList.add('pre-formatted');
-    // For pre-formatted text (terminal output)
-    const pre = document.createElement('pre');
-    pre.textContent = text;
-    // No inline styles - all styling comes from CSS
-    msg.appendChild(pre);
-  } else {
-    msg.textContent = text;
-  }
-  chat.appendChild(msg);
-  // Smooth scroll to new message
-  setTimeout(() => {
-    msg.scrollIntoView({ behavior: 'smooth', block: 'end' });
-  }, 100);
-  return msg;
-}
-function extractValuesFromJson(jsonObj) {
-  if (!jsonObj) return "No data received";
-  // Just output the summary value without any processing
-  if (jsonObj.summary) {
-    return jsonObj.summary;
-  }
-  // If no summary field exists, output everything as-is
-  return JSON.stringify(jsonObj);
-}
-async function sendMessage() {
-  const query = input.value.trim();
-  if (!query) return;
-  const bg = document.getElementById('chat-background');
-  if (bg && !bg.classList.contains('blurred')) {
-    bg.classList.add('blurred');
-  }
-  addMessage(query, 'user');
-  input.value = '';
-  const loader = addMessage('Processing...', 'bot');
-  try {
-    const response = await fetch('/api/detect', {
-      method: 'POST',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ query: query })
-    });
-    const data = await response.json();
-    loader.remove();
-    // Simply extract and display raw values from the JSON response
-    const rawOutput = extractValuesFromJson(data);
-    addMessage(rawOutput, 'bot', true);
-  } catch (e) {
-    loader.remove();
-    addMessage("Error checking news: " + e.message, 'bot');
-  }
-}
-sendBtn.addEventListener('click', sendMessage);
-input.addEventListener('keypress', (e) => {
-  if (e.key === 'Enter') sendMessage();
-});

static/style.css DELETED Viewed

@@ -1,188 +0,0 @@
-body {
-  font-family: Arial, sans-serif;
-  margin: 0;
-  padding: 0;
-  height: 100vh;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-}
-/* Blurred background image */
-body::before {
-  content: "";
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100vw;
-  height: 100vh;
-  z-index: -1;
-  background: rgb(23, 23, 23);
-}
-.chat-container {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  padding: 15px;
-  overflow-y: auto;
-  overflow-x: hidden; /* prevent horizontal scrolling */
-  margin-bottom: 70px;
-  background: transparent;
-  width: 100%;
-  max-width: 95%;     /* wider to accommodate terminal output */
-  margin-left: auto;   /* center align */
-  margin-right: auto;  /* center align */
-  scroll-behavior: smooth; /* Smooth scrolling */
-  height: calc(100vh - 70px); /* Full height minus input area */
-}
-.message {
-  width: fit-content;   /* shrink to text */
-  max-width: 100%;      /* allow full width for terminal output */
-  margin-bottom: 12px;
-  padding: 12px 15px;
-  border-radius: 15px;
-  line-height: 1.4;
-}
-/* Special styling for bot messages with pre-formatted text */
-.message.bot.pre-formatted {
-  width: 100%;          /* full width for terminal output */
-  max-width: 100%;      /* no width restriction */
-  white-space: pre-wrap; /* wrap text to prevent horizontal scroll */
-  overflow-wrap: break-word; /* break long words if needed */
-}
-.user {
-  align-self: flex-end;   /* right side */
-  background: #414141;
-  color: #fff;
-  border-bottom-right-radius: 5px;
-}
-.bot {
-  align-self: flex-start; /* left side */
-  background: transparent;
-  color: #ffffff;
-  border-bottom-left-radius: 5px;
-}
-/* Terminal output style - matching exactly what appears in the terminal */
-.message.bot pre {
-  font-family: monospace;
-  background-color: transparent; /* No background color */
-  color: inherit; /* Use the same text color as the parent */
-  padding: 0;
-  border: none;
-  width: 100%;
-  max-height: none; /* No height limit */
-  overflow-x: visible; /* No horizontal scrolling */
-  white-space: pre-wrap; /* Wrap text to prevent horizontal scrolling */
-  font-size: inherit;
-  line-height: 1.4;
-}
-.input-area {
-  position: fixed;
-  bottom: 1rem;
-  left: 50%;
-  transform: translateX(-50%);
-  width: 100%;
-  max-width: 95%; /* Match the width of chat container */
-  display: flex;
-  padding: 10px;
-  background: rgba(54, 54, 54, 0.7); /* make input area semi-transparent */
-  box-shadow: 0 -2px 5px rgba(0,0,0,0.05);
-  border-radius: 30px;
-  z-index: 10; /* Ensure input stays on top */
-}
-.input-area input {
-  flex: 1;
-  padding: 14px 18px;
-  border: 1px solid #1b1b1b;
-  box-shadow: #414141;
-  border-radius: 25px;
-  outline: none;
-  font-size: 1rem;
-}
-.input-area button {
-  margin-left: 10px;
-  padding: 0 20px;
-  border: none;
-  background: #1f1f1f;
-  color: white;
-  border-radius: 25px;
-  cursor: pointer;
-  font-size: 1rem;
-  transition: background 0.2s ease;
-}
-.input-area button:hover {
-  background: #6a6a6a;
-}
-.loader {
-  font-size: 0.9rem;
-  color: gray;
-  margin: 5px 0;
-}
-.chat-background{
-  position: fixed;
-  font-family: 'Courier New', Courier, monospace;
-  top: 40%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  font-weight: bold;
-  color: rgba(255, 255, 255, 0.8);  /* semi-transparent */
-  text-align: center;
-  z-index: 0;  /* below chat messages */
-  pointer-events: none; /* makes it "untouchable" */
-  transition: all 0.4s ease;
-}
-.chat-background{
-  display: inline-block;
-  text-align: left;
-}
-.chat-background #p1 {
-  font-size: 4rem;
-}
-.chat-background #p2 {
-  font-size: 3rem;
-}
-/* When blurred */
-.chat-background.blurred {
-  filter: blur(12px); /* strong blur */
-  opacity: 0.4; /* fade slightly for readability */
-  transition: all 0.4s ease;
-}
-@media (max-width: 600px) {
-  .message {
-    max-width: 85%;
-  }
-  .chat-container {
-    padding: 10px;
-    max-width: 100%;
-  }
-  .input-area {
-    max-width: 95%;
-    bottom: 0.5rem;
-  }
-  .chat-background #p1 {
-    font-size: 3rem;
-  }
-  .chat-background #p2 {
-    font-size: 2rem;
-  }
-}