.gitignore

@@ -1,75 +1,43 @@
-# Miscellaneous
+# Miscellaneous
-*.class
+*.class
-*.log
+*.log
-*.pyc
+*.pyc
-*.swp
+*.swp
-.DS_Store
+.DS_Store
-.atom/
+.atom/
-.buildlog/
+.buildlog/
-.history
+.history
-.svn/
+.svn/
-migrate_working_dir/
+migrate_working_dir/
-.VSCodeCounter
+
-*:Zone.Identifier
+# IntelliJ related
-.packages
+*.iml
-*.lock
+*.ipr
-*.tmp
+*.iws
-*.temp
+.idea/
-*.bak
+
-*.old
+# The .vscode folder contains launch configuration and tasks you configure in
-
+# VS Code which you may wish to be included in version control, so this line
-
+# is commented out by default.
-
+#.vscode/
-
+
-# IntelliJ related
+# Flutter/Dart/Pub related
-*.iml
+**/doc/api/
-*.ipr
+**/ios/Flutter/.last_build_id
-*.iws
+.dart_tool/
-.idea/
+.flutter-plugins
-
+.flutter-plugins-dependencies
-# The .vscode folder contains launch configuration and tasks you configure in
+.pub-cache/
-# VS Code which you may wish to be included in version control, so this line
+.pub/
-# is commented out by default.
+/build/
-.vscode/
+
-/linux
+# Symbolication related
-/macos
+app.*.symbols
-/windows
+
-
+# Obfuscation related
-# Flutter/Dart/Pub related
+app.*.map.json
-**/doc/api/
+
-**/ios/Flutter/.last_build_id
+# Android Studio will place build artifacts here
-.dart_tool/
+/android/app/debug
-.flutter-plugins
+/android/app/profile
-.flutter-plugins-dependencies
+/android/app/release
-.pub-cache/
-.pub/
-/build/
-
-# Symbolication related
-app.*.symbols
-
-# Obfuscation related
-app.*.map.json
-
-# Android Studio will place build artifacts here
-# /android/app/debug
-# /android/app/profile
-# /android/app/release
-# /android
-
-
-# build
-# android/.gradle/
-# android/local.properties
-ios/Flutter/Generated.xcconfig
-ios/Flutter/App.framework
-ios/Flutter/Flutter.framework
-ios/Flutter/Flutter.podspec
-ios/.symlinks/
-ios/Pods/
-ios/.generated/
-macos/Flutter/GeneratedPluginRegistrant.swift
-macos/Pods/
-macos/.symlinks/
-linux/flutter/
-windows/flutter/

android/.gitignore

@@ -0,0 +1,13 @@
+gradle-wrapper.jar
+/.gradle
+/captures/
+/gradlew
+/gradlew.bat
+/local.properties
+GeneratedPluginRegistrant.java
+
+# Remember to never publicly share your keystore.
+# See https://flutter.dev/docs/deployment/android#reference-the-keystore-from-the-app
+key.properties
+**/*.keystore
+**/*.jks

android/app/build.gradle

@@ -0,0 +1,58 @@
+plugins {
+    id "com.android.application"
+    id "kotlin-android"
+    // The Flutter Gradle Plugin must be applied after the Android and Kotlin Gradle plugins.
+    id "dev.flutter.flutter-gradle-plugin"
+}
+
+def localProperties = new Properties()
+def localPropertiesFile = rootProject.file("local.properties")
+if (localPropertiesFile.exists()) {
+    localPropertiesFile.withReader("UTF-8") { reader ->
+        localProperties.load(reader)
+    }
+}
+
+def flutterVersionCode = localProperties.getProperty("flutter.versionCode")
+if (flutterVersionCode == null) {
+    flutterVersionCode = "1"
+}
+
+def flutterVersionName = localProperties.getProperty("flutter.versionName")
+if (flutterVersionName == null) {
+    flutterVersionName = "1.0"
+}
+
+android {
+    namespace = "com.example.crab_ui"
+    compileSdk = flutter.compileSdkVersion
+    ndkVersion = flutter.ndkVersion
+
+    compileOptions {
+        sourceCompatibility = JavaVersion.VERSION_1_8
+        targetCompatibility = JavaVersion.VERSION_1_8
+    }
+
+    defaultConfig {
+        // TODO: Specify your own unique Application ID (https://developer.android.com/studio/build/application-id.html).
+        applicationId = "com.example.crab_ui"
+        // You can update the following values to match your application needs.
+        // For more information, see: https://docs.flutter.dev/deployment/android#reviewing-the-gradle-build-configuration.
+        minSdk = flutter.minSdkVersion
+        targetSdk = flutter.targetSdkVersion
+        versionCode = flutterVersionCode.toInteger()
+        versionName = flutterVersionName
+    }
+
+    buildTypes {
+        release {
+            // TODO: Add your own signing config for the release build.
+            // Signing with the debug keys for now, so `flutter run --release` works.
+            signingConfig = signingConfigs.debug
+        }
+    }
+}
+
+flutter {
+    source = "../.."
+}

android/app/src/debug/AndroidManifest.xml

@@ -0,0 +1,7 @@
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+    <!-- The INTERNET permission is required for development. Specifically,
+         the Flutter tool needs it to communicate with the running application
+         to allow setting breakpoints, to provide hot reload, etc.
+    -->
+    <uses-permission android:name="android.permission.INTERNET"/>
+</manifest>

android/app/src/main/AndroidManifest.xml

@@ -0,0 +1,45 @@
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+    <application
+        android:label="crab_ui"
+        android:name="${applicationName}"
+        android:icon="@mipmap/ic_launcher">
+        <activity
+            android:name=".MainActivity"
+            android:exported="true"
+            android:launchMode="singleTop"
+            android:taskAffinity=""
+            android:theme="@style/LaunchTheme"
+            android:configChanges="orientation|keyboardHidden|keyboard|screenSize|smallestScreenSize|locale|layoutDirection|fontScale|screenLayout|density|uiMode"
+            android:hardwareAccelerated="true"
+            android:windowSoftInputMode="adjustResize">
+            <!-- Specifies an Android theme to apply to this Activity as soon as
+                 the Android process has started. This theme is visible to the user
+                 while the Flutter UI initializes. After that, this theme continues
+                 to determine the Window background behind the Flutter UI. -->
+            <meta-data
+              android:name="io.flutter.embedding.android.NormalTheme"
+              android:resource="@style/NormalTheme"
+              />
+            <intent-filter>
+                <action android:name="android.intent.action.MAIN"/>
+                <category android:name="android.intent.category.LAUNCHER"/>
+            </intent-filter>
+        </activity>
+        <!-- Don't delete the meta-data below.
+             This is used by the Flutter tool to generate GeneratedPluginRegistrant.java -->
+        <meta-data
+            android:name="flutterEmbedding"
+            android:value="2" />
+    </application>
+    <!-- Required to query activities that can process text, see:
+         https://developer.android.com/training/package-visibility and
+         https://developer.android.com/reference/android/content/Intent#ACTION_PROCESS_TEXT.
+
+         In particular, this is used by the Flutter engine in io.flutter.plugin.text.ProcessTextPlugin. -->
+    <queries>
+        <intent>
+            <action android:name="android.intent.action.PROCESS_TEXT"/>
+            <data android:mimeType="text/plain"/>
+        </intent>
+    </queries>
+</manifest>

android/app/src/main/kotlin/com/example/crab_ui/MainActivity.kt

@@ -0,0 +1,5 @@
+package com.example.crab_ui
+
+import io.flutter.embedding.android.FlutterActivity
+
+class MainActivity: FlutterActivity()

android/app/src/main/res/drawable-v21/launch_background.xml

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Modify this file to customize your launch splash screen -->
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="?android:colorBackground" />
+
+    <!-- You can insert your own image assets here -->
+    <!-- <item>
+        <bitmap
+            android:gravity="center"
+            android:src="@mipmap/launch_image" />
+    </item> -->
+</layer-list>

android/app/src/main/res/drawable-v21/launch_background.xml:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\juana\Flutter\flutter_windows_3.22.2-stable.zip

android/app/src/main/res/drawable/launch_background.xml

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Modify this file to customize your launch splash screen -->
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="@android:color/white" />
+
+    <!-- You can insert your own image assets here -->
+    <!-- <item>
+        <bitmap
+            android:gravity="center"
+            android:src="@mipmap/launch_image" />
+    </item> -->
+</layer-list>

android/app/src/main/res/drawable/launch_background.xml:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\juana\Flutter\flutter_windows_3.22.2-stable.zip

android/app/src/main/res/mipmap-hdpi/ic_launcher.png:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\juana\Flutter\flutter_windows_3.22.2-stable.zip

android/app/src/main/res/mipmap-mdpi/ic_launcher.png:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\juana\Flutter\flutter_windows_3.22.2-stable.zip

android/app/src/main/res/mipmap-xhdpi/ic_launcher.png:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\juana\Flutter\flutter_windows_3.22.2-stable.zip

android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\juana\Flutter\flutter_windows_3.22.2-stable.zip

android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\juana\Flutter\flutter_windows_3.22.2-stable.zip

android/app/src/main/res/values-night/styles.xml

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <!-- Theme applied to the Android Window while the process is starting when the OS's Dark Mode setting is on -->
+    <style name="LaunchTheme" parent="@android:style/Theme.Black.NoTitleBar">
+        <!-- Show a splash screen on the activity. Automatically removed when
+             the Flutter engine draws its first frame -->
+        <item name="android:windowBackground">@drawable/launch_background</item>
+    </style>
+    <!-- Theme applied to the Android Window as soon as the process has started.
+         This theme determines the color of the Android Window while your
+         Flutter UI initializes, as well as behind your Flutter UI while its
+         running.
+
+         This Theme is only used starting with V2 of Flutter's Android embedding. -->
+    <style name="NormalTheme" parent="@android:style/Theme.Black.NoTitleBar">
+        <item name="android:windowBackground">?android:colorBackground</item>
+    </style>
+</resources>

android/app/src/main/res/values-night/styles.xml:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\juana\Flutter\flutter_windows_3.22.2-stable.zip

android/app/src/main/res/values/styles.xml

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <!-- Theme applied to the Android Window while the process is starting when the OS's Dark Mode setting is off -->
+    <style name="LaunchTheme" parent="@android:style/Theme.Light.NoTitleBar">
+        <!-- Show a splash screen on the activity. Automatically removed when
+             the Flutter engine draws its first frame -->
+        <item name="android:windowBackground">@drawable/launch_background</item>
+    </style>
+    <!-- Theme applied to the Android Window as soon as the process has started.
+         This theme determines the color of the Android Window while your
+         Flutter UI initializes, as well as behind your Flutter UI while its
+         running.
+
+         This Theme is only used starting with V2 of Flutter's Android embedding. -->
+    <style name="NormalTheme" parent="@android:style/Theme.Light.NoTitleBar">
+        <item name="android:windowBackground">?android:colorBackground</item>
+    </style>
+</resources>

android/app/src/main/res/values/styles.xml:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\juana\Flutter\flutter_windows_3.22.2-stable.zip

android/app/src/profile/AndroidManifest.xml

@@ -0,0 +1,7 @@
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+    <!-- The INTERNET permission is required for development. Specifically,
+         the Flutter tool needs it to communicate with the running application
+         to allow setting breakpoints, to provide hot reload, etc.
+    -->
+    <uses-permission android:name="android.permission.INTERNET"/>
+</manifest>

android/build.gradle

@@ -0,0 +1,18 @@
+allprojects {
+    repositories {
+        google()
+        mavenCentral()
+    }
+}
+
+rootProject.buildDir = "../build"
+subprojects {
+    project.buildDir = "${rootProject.buildDir}/${project.name}"
+}
+subprojects {
+    project.evaluationDependsOn(":app")
+}
+
+tasks.register("clean", Delete) {
+    delete rootProject.buildDir
+}

android/gradle.properties

@@ -0,0 +1,3 @@
+org.gradle.jvmargs=-Xmx4G -XX:+HeapDumpOnOutOfMemoryError
+android.useAndroidX=true
+android.enableJetifier=true

android/gradle/wrapper/gradle-wrapper.properties

@@ -0,0 +1,5 @@
+distributionBase=GRADLE_USER_HOME
+distributionPath=wrapper/dists
+zipStoreBase=GRADLE_USER_HOME
+zipStorePath=wrapper/dists
+distributionUrl=https\://services.gradle.org/distributions/gradle-7.6.3-all.zip

android/settings.gradle

@@ -0,0 +1,25 @@
+pluginManagement {
+    def flutterSdkPath = {
+        def properties = new Properties()
+        file("local.properties").withInputStream { properties.load(it) }
+        def flutterSdkPath = properties.getProperty("flutter.sdk")
+        assert flutterSdkPath != null, "flutter.sdk not set in local.properties"
+        return flutterSdkPath
+    }()
+
+    includeBuild("$flutterSdkPath/packages/flutter_tools/gradle")
+
+    repositories {
+        google()
+        mavenCentral()
+        gradlePluginPortal()
+    }
+}
+
+plugins {
+    id "dev.flutter.flutter-plugin-loader" version "1.0.0"
+    id "com.android.application" version "7.3.0" apply false
+    id "org.jetbrains.kotlin.android" version "1.7.10" apply false
+}
+
+include ":app"

assets/back.png:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+HostUrl=https://onlinepngtools.com/

assets/communications.png:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+HostUrl=https://onlinepngtools.com/

assets/contact-book.png:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+HostUrl=https://onlinepngtools.com/

assets/email.png:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+HostUrl=https://onlinepngtools.com/

ios/.gitignore:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\juana\Flutter\flutter_windows_3.22.2-stable.zip

ios/Flutter/AppFrameworkInfo.plist:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\juana\Flutter\flutter_windows_3.22.2-stable.zip

ios/Flutter/Debug.xcconfig:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\juana\Flutter\flutter_windows_3.22.2-stable.zip

ios/Flutter/Release.xcconfig:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\juana\Flutter\flutter_windows_3.22.2-stable.zip

ios/Runner.xcodeproj/project.xcworkspace/contents.xcworkspacedata:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\juana\Flutter\flutter_windows_3.22.2-stable.zip

ios/Runner.xcodeproj/project.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\juana\Flutter\flutter_windows_3.22.2-stable.zip

ios/Runner.xcodeproj/project.xcworkspace/xcshareddata/WorkspaceSettings.xcsettings:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\juana\Flutter\flutter_windows_3.22.2-stable.zip

ios/Runner.xcodeproj/xcshareddata/xcschemes/Runner.xcscheme:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\juana\Flutter\flutter_windows_3.22.2-stable.zip

ios/Runner.xcworkspace/contents.xcworkspacedata:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\juana\Flutter\flutter_windows_3.22.2-stable.zip

ios/Runner.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\juana\Flutter\flutter_windows_3.22.2-stable.zip

ios/Runner.xcworkspace/xcshareddata/WorkspaceSettings.xcsettings:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\juana\Flutter\flutter_windows_3.22.2-stable.zip

ios/Runner/AppDelegate.swift:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\juana\Flutter\flutter_windows_3.22.2-stable.zip

ios/Runner/Assets.xcassets/AppIcon.appiconset/Contents.json:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\juana\Flutter\flutter_windows_3.22.2-stable.zip

ios/Runner/Assets.xcassets/LaunchImage.imageset/Contents.json:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\juana\Flutter\flutter_windows_3.22.2-stable.zip

ios/Runner/Assets.xcassets/LaunchImage.imageset/README.md:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\juana\Flutter\flutter_windows_3.22.2-stable.zip

ios/Runner/Base.lproj/LaunchScreen.storyboard:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\juana\Flutter\flutter_windows_3.22.2-stable.zip

ios/Runner/Base.lproj/Main.storyboard:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\juana\Flutter\flutter_windows_3.22.2-stable.zip

ios/Runner/Runner-Bridging-Header.h:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\juana\Flutter\flutter_windows_3.22.2-stable.zip

lib/api_service.dart

@@ -5,7 +5,6 @@ import 'dart:async';
 import 'dart:typed_data';
 
 import 'package:pointer_interceptor/pointer_interceptor.dart';
-import 'collapsableEmails.dart';
 
 import 'structs.dart';
 import 'package:flutter/material.dart';
@@ -13,19 +12,15 @@ import 'package:http/http.dart' as http;
 import 'dart:convert';
 import 'dart:ui_web' as ui;
 import 'augment.dart';
-// import 'dart:html' as html;
+import 'dart:html' as html;
-// import 'dart:js' as js;
+import 'dart:js' as js;
-import 'package:web/web.dart' as web;
-import 'dart:js_interop' as js;
 
 class ApiService {
   static String ip = "";
   static String port = "";
-  static List<AttachmentResponse> threadAttachments =
+  static List<AttachmentResponse> threadAttachments = [];
-      []; //holds attachments of the thread
   static String currFolder = "";
-  static List<String> currThread = []; //holds the email ids of the thread
+  static List<String> currThread = [];
-  static String currThreadID = ""; //picked an email it prints the threadID
 
   Future<List<GetThreadResponse>> fetchEmailsFromFolder(
       String folder, int pagenitaion) async {
@@ -36,6 +31,7 @@ class ApiService {
         'offset': pagenitaion.toString(),
       });
       var response = await http.get(url);
+      // print(response);
       List<GetThreadResponse> allEmails = [];
 
       if (response.statusCode == 200) {
@@ -49,7 +45,6 @@ class ApiService {
             }
           }
         }
-        currFolder = folder;
         return allEmails;
       } else {
         throw Exception('Failed to load threads');
@@ -101,6 +96,7 @@ class ApiService {
         List<dynamic> messagesJson = json.decode(response.body);
         List<SerializableMessage> messages =
             messagesJson.map((mj) => SerializableMessage.fromJson(mj)).toList();
+
         return messages;
       }
       print(response.statusCode);
@@ -111,13 +107,11 @@ class ApiService {
   }
 
   //returns the html for the email, it gets used in emailView
-  Future<List<String>> fetchEmailContent(
+  Future<String> fetchEmailContent(
       List<String> IDsString, String emailFolder) async {
     String content = r"""
     """;
-    List<String> HTMLofThread = [];
     threadAttachments = [];
-    int counter = 0;
 
     try {
       //attaches email after email from a thread
@@ -126,12 +120,10 @@ class ApiService {
         var response = await http.get(url);
         currThread.add(id);
         if (response.statusCode == 200) {
-          counter += 1;
           content += response.body;
-          HTMLofThread.add(response.body);
           try {
-            List<AttachmentInfo> attachments =
+            List<AttachmentInfo> attachments = await getAttachmentsInfo(
-                await getAttachmentsInfo(emailFolder, id);
+                emailFolder, id);
             for (var attachment in attachments) {
               //TODO: for each attachment creaate at the bottom a widget for each individual one
               threadAttachments
@@ -142,82 +134,19 @@ class ApiService {
           }
           content +=
               """<div id="JuanBedarramarker" style="width: 10px; height: 30px;"></div>""";
-          content += "<hr><p>end of email</p>";
+          content += "<hr>";
         }
       }
     } catch (e) {
       print('_getEmailContent caught error: $e');
     }
-    // return content;
+    return content;
-    return HTMLofThread;
   }
 
-  Future<List<SerializableMessage>> threadsInSerializable(
+  // void _addMailBox async(BuildContext context){
-      String thread_id) async {
+  //   //add email folder
-    //actually a xyzwtv@gmail.com
+  //   showDialog(context: context, builder: builder)
-    // grab all of the emails in thread anyways, for the future it'll come in handy // maybe not
+  // }
-    var url = Uri.http('$ip:$port', 'get_thread_messages', {'id': thread_id});
-    try {
-      var response = await http.get(url);
-      if (response.statusCode == 200) {
-        List json = jsonDecode(response.body);
-        List<SerializableMessage> serializableMessages = [];
-        for (var mail in json) {
-          serializableMessages.add(SerializableMessage.fromJson(mail));
-        }
-        return serializableMessages;
-      } else {
-        print(
-            "failed get request with status code ${response.statusCode}, and body ${response.body}");
-      }
-    } catch (e) {
-      print("caught in threadInSerializable method error: $e");
-    }
-
-    return [];
-  }
-
-  Future<bool> moveEmail(
-      //only moves the first email of the thread //or perhaps should do the last
-      String fromFolder,
-      String thread_id,
-      String toFolder) async {
-    var url = Uri.http('$ip:$port', 'move_email');
-
-    List<SerializableMessage> mailsInSerializable =
-        await this.threadsInSerializable(thread_id);
-
-    if (mailsInSerializable.isEmpty) {
-      return false;
-    }
-
-    SerializableMessage firstMail = mailsInSerializable[0];
-
-    Map<String, String> requestBody = {
-      'from': fromFolder,
-      'uid': firstMail.uid.toString(),
-      'to': toFolder,
-    };
-
-    try {
-      var response = await http.post(
-        url,
-        headers: {
-          'Content-Type': 'application/json',
-        },
-        body: jsonEncode(requestBody),
-      );
-      if (response.statusCode == 200) {
-        print('response body ${response.body}');
-        return true;
-      } else {
-        print('error ${response.statusCode} ${response.body}');
-      }
-    } catch (e) {
-      print("failed trying to post move_email, with error: $e");
-    }
-    return false;
-  }
 
   Future<List<String>> fetchFolders() async {
     try {
@@ -253,31 +182,6 @@ class ApiService {
     }
   }
 
-  Future<void> renameFolder(String oldFolder, String newFolder) async {
-    var url = Uri.http('$ip:$port', 'rename_folder');
-    Map<String, String> requestBody = {
-      'old_name': oldFolder,
-      'new_name': newFolder,
-    };
-
-    try {
-      var response = await http.post(
-        url,
-        headers: {
-          'Content-Type': 'application/json',
-        },
-        body: jsonEncode(requestBody),
-      );
-      if (response.statusCode == 200) {
-        print('response body: ${response.body}');
-      } else {
-        print('Error: ${response.statusCode}, response body: ${response.body}');
-      }
-    } catch (e) {
-      print('error making post req: $e');
-    }
-  }
-
   Future<void> deleteFolder(String folderName) async {
     var url = Uri.http('$ip:$port', 'delete_folder');
 
@@ -302,6 +206,13 @@ class ApiService {
   }
 
   Future<bool> logIn(String json) async {
+    // var url = Uri.https('')
+    // try{
+    //   String response = await http.post(
+    //     url
+    //     );
+    // }
+
     return false;
   }
 
@@ -340,6 +251,7 @@ class ApiService {
       var response = await http.get(url);
       if (response.statusCode == 200) {
         var result = response.body;
+        // print(result);
         Map<String, dynamic> attachmentData = json.decode(result);
         AttachmentResponse data = AttachmentResponse.fromJson(attachmentData);
         print("data $data");
@@ -351,88 +263,87 @@ class ApiService {
     return AttachmentResponse(name: "error", data: Uint8List(0));
   }
 
-  //TODO: MOVE THIS INTO WEB
+  Future<List<Map<String, dynamic>>> getMarkerPosition() async {
-//   Future<List<Map<String, dynamic>>> getMarkerPosition() async {
+    //this is so we can put a widget right below each email, but the way how the email content is generated
-//     //this is so we can put a widget right below each email, but the way how the email content is generated
+    //leads to problems as for a) the html is added one right after the other in one iframe, b)
-//     //leads to problems as for a) the html is added one right after the other in one iframe, b)
+    // if it was multiple iframes then the scrolling to jump would not work as expected
-//     // if it was multiple iframes then the scrolling to jump would not work as expected
 
-//     print("marker called");
+    
-//     // JavaScript code embedded as a string
+    print("marker called");
-//     String jsCode = '''
+    // JavaScript code embedded as a string
-// (async function waitForIframeAndMarkers() {
+    String jsCode = '''
-//   try {
+(async function waitForIframeAndMarkers() {
-//     return await new Promise((resolve) => {
+  try {
-//       const interval = setInterval(() => {
+    return await new Promise((resolve) => {
-//         console.log("⏳ Checking for iframe...");
+      const interval = setInterval(() => {
-//         var iframe = document.getElementsByTagName('iframe')[0];
+        console.log("⏳ Checking for iframe...");
-//         if (iframe && iframe.contentDocument) {
+        var iframe = document.getElementsByTagName('iframe')[0];
-//           console.log("✅ Iframe found!");
+        if (iframe && iframe.contentDocument) {
-//           var iframeDoc = iframe.contentDocument || iframe.contentWindow.document;
+          console.log("✅ Iframe found!");
-//           var markers = iframeDoc.querySelectorAll('[id^="JuanBedarramarker"]');
+          var iframeDoc = iframe.contentDocument || iframe.contentWindow.document;
-//           if (markers.length > 0) {
+          var markers = iframeDoc.querySelectorAll('[id^="JuanBedarramarker"]');
-//             console.log(`✅ Found markers in the iframe.`);
+          if (markers.length > 0) {
-//             var positions = [];
+            console.log(`✅ Found markers in the iframe.`);
-//             markers.forEach((marker) => {
+            var positions = [];
-//               var rect = marker.getBoundingClientRect();
+            markers.forEach((marker) => {
-//               positions.push({
+              var rect = marker.getBoundingClientRect();
-//                 id: marker.id,
+              positions.push({
-//                 x: rect.left + window.scrollX,
+                id: marker.id,
-//                 y: rect.top + window.scrollY,
+                x: rect.left + window.scrollX,
-//               });
+                y: rect.top + window.scrollY,
-//             });
+              });
-//             console.log("📌 Marker positions:", positions);
+            });
-//             clearInterval(interval);
+            console.log("📌 Marker positions:", positions);
-//             resolve(JSON.stringify(positions)); // Ensure proper JSON string
+            clearInterval(interval);
-//           } else {
+            resolve(JSON.stringify(positions)); // Ensure proper JSON string
-//             console.log("❌ No markers found yet.");
+          } else {
-//           }
+            console.log("❌ No markers found yet.");
-//         } else {
+          }
-//           console.log("❌ Iframe not found or not loaded yet.");
+        } else {
-//         }
+          console.log("❌ Iframe not found or not loaded yet.");
-//       }, 200);
+        }
-//     });
+      }, 200);
-//   } catch (error) {
+    });
-//     console.error("JS Error:", error);
+  } catch (error) {
-//     throw error; // Propagate error to Dart
+    console.error("JS Error:", error);
-//   }
+    throw error; // Propagate error to Dart
-// })();
+  }
-// ''';
+})();
+''';
 
-//     try {
+    try {
-//       // Execute the JavaScript code using eval
+      // Execute the JavaScript code using eval
-//       // final result = await js.context.callMethod('eval', [jsCode]);
+      final result = await js.context.callMethod('eval', [jsCode]);
 
-//       if (result != null && result is String) {
+      if (result != null && result is String) {
-//         print("Result received: $result");
+        print("Result received: $result");
 
-//         // Parse the JSON string returned by JavaScript into a Dart list of maps
+        // Parse the JSON string returned by JavaScript into a Dart list of maps
-//         final List<dynamic> parsedResult = jsonDecode(result);
+        final List<dynamic> parsedResult = jsonDecode(result);
-//         var positions = List<Map<String, dynamic>>.from(parsedResult);
+        var positions = List<Map<String, dynamic>>.from(parsedResult);
-//         print("positions put on");
+        print("positions put on");
-//         print(positions);
+        print(positions);
-//         return positions;
+        return positions;
-//       } else {
+      } else {
-//         print("result is null or not a string");
+        print("result is null or not a string");
-//       }
+      }
-//     } catch (e, stackTrace) {
+    } catch (e, stackTrace) {
-//       print("Error executing JavaScript: $e");
+      print("Error executing JavaScript: $e");
-//       print(stackTrace);
+      print(stackTrace);
-//     }
+    }
 
-//     return [];
+    return [];
-//   }
+  }
 }
 
 class EmailView extends StatefulWidget {
-  final List<String> emailContent;
+  final String emailContent;
   final String from;
   final String name;
   final String to;
   final String subject;
   final String date;
   final String id;
-  final List<String> messages;
 
   const EmailView({
     Key? key,
@@ -443,7 +354,6 @@ class EmailView extends StatefulWidget {
     required this.subject,
     required this.date,
     required this.id,
-    required this.messages,
   }) : super(key: key);
   @override
   _EmailViewState createState() => _EmailViewState();
@@ -453,7 +363,7 @@ class _EmailViewState extends State<EmailView> {
   //html css rendering thing
   late Key iframeKey;
   late String currentContent;
-  late String viewTypeId; //make this a list too???
+  late String viewTypeId;
   Future<List<Map<String, dynamic>>>? _markerPositionsFuture;
   // TextEditingController _jumpController = TextEditingController();
   final hardcodedMarkers = [
@@ -461,40 +371,29 @@ class _EmailViewState extends State<EmailView> {
     {'id': 'marker2', 'x': 150, 'y': 200},
     {'id': 'marker3', 'x': 250, 'y': 300},
   ];
+  ApiService _apiService = ApiService();
 
   @override
   void initState() {
     super.initState();
-    print("thread id? ${widget.id}");
+    String currentContent = widget.emailContent;
-    List<String> currentContent = widget
+    viewTypeId = "iframe-${DateTime.now().millisecondsSinceEpoch}";
-        .emailContent; //html of the email/ actually entire thread, gives me little space to play in between
+    _registerViewFactory(currentContent);
-    // i wonder if the other attributes change? because if so i have to add like some zooms in and out of the emails, as in collapse
+    _markerPositionsFuture = ApiService().getMarkerPosition(); 
-    // _registerViewFactory(currentContent);
   }
 
-  // void _registerViewFactory(List<String> currentContent) { // i think this doesnt work anymore
+  void _registerViewFactory(String currentContent) {
-  //   setState(() { //update to do item per item
+    setState(() {
-  //   // each item to have itsviewtype ID
+      viewTypeId = 'iframe-${DateTime.now().millisecondsSinceEpoch}';
-  // // is this necessarey here??
+      ui.platformViewRegistry.registerViewFactory(
-
+          viewTypeId,
-  // //could just move to collapsable
+          (int viewId) => html.IFrameElement()
-
+            ..width = '100%'
-  //     viewTypeId = 'iframe-${DateTime.now().millisecondsSinceEpoch}';
+            ..height = '100%'
-  //     final emailHTML = web.document.createElement('div') as web.HTMLDivElement
+            ..srcdoc = currentContent
-  //       ..id = viewTypeId
+            ..style.border = 'none');
-  //       ..innerHTML = currentContent[0].toJS; // temporarily index because it has to do all of them
+    });
-  //     emailHTML.style
+  }
-  //       ..width = '100%'
-  //       ..height = '100%'
-  //       ..overflow = 'auto'
-  //       ..scrollBehavior = 'smooth';
-
-  //     ui.platformViewRegistry.registerViewFactory(
-  //       viewTypeId,
-  //       (int viewId) => emailHTML,
-  //     );
-  //   });
-  // }
 
   void _scrollToNumber(String spanId) {
     AugmentClasses.handleJump(spanId);
@@ -504,8 +403,7 @@ class _EmailViewState extends State<EmailView> {
 
   @override
   Widget build(BuildContext context) {
-    // print("thread id ${widget.id}");
+    // print(currentContent);
-    ApiService.currThreadID = widget.id;
     return Scaffold(
         appBar: AppBar(
           title: Text(widget.name),
@@ -524,7 +422,7 @@ class _EmailViewState extends State<EmailView> {
                   // <h1>Welcome to My Website</h1>
                   // <p>This is a simple HTML page.</p>
                   // <h2>What is HTML?</h2>
-                  // <p>HTML (HyperText Markup Language) is the most basic building~ block of the Web. It defines the meaning and structure of web content. Other technologies besides HTML are generally used to describe a web page's appearance/presentation (CSS) or functionality/behavior (JavaScript).</p>
+                  // <p>HTML (HyperText Markup Language) is the most basic building block of the Web. It defines the meaning and structure of web content. Other technologies besides HTML are generally used to describe a web page's appearance/presentation (CSS) or functionality/behavior (JavaScript).</p>
                   // <h3>Here's a simple list:</h3>
                   // <ul>
                   //     <li>HTML elements are the building blocks of HTML pages</li>
@@ -573,66 +471,59 @@ class _EmailViewState extends State<EmailView> {
                     )
                   ],
                 ),
+
                 Expanded(
-                  child: CollapsableEmails(
+                  child: HtmlElementView(
-                    //change here
+                    key: UniqueKey(),
-                    thread: widget.messages,  //this wont work in serializable
+                    viewType: viewTypeId,
-                    threadHTML: widget.emailContent,
-                    threadIDs: widget.id,
                   ),
                 ),
-                // Expanded(
-                //   child: HtmlElementView(
-                //     key: UniqueKey(),
-                //     viewType: viewTypeId,
-                //   ),
-                // ),
               ],
             ),
 
             // Overlay widgets dynamically based on marker positions
-            // FutureBuilder<List<Map<String, dynamic>>>(
+            FutureBuilder<List<Map<String, dynamic>>>(
-            //   future: _markerPositionsFuture,
+              future: _markerPositionsFuture,
-            //   builder: (context, snapshot) {
+              builder: (context, snapshot) {
-            //     print("FutureBuilder state: ${snapshot.connectionState}");
+                print("FutureBuilder state: ${snapshot.connectionState}");
-            //     if (snapshot.connectionState == ConnectionState.waiting) {
+                if (snapshot.connectionState == ConnectionState.waiting) {
-            //       return Center(child: CircularProgressIndicator());
+                  return Center(child: CircularProgressIndicator());
-            //     }
+                }
-            //     if (snapshot.hasError) {
+                if (snapshot.hasError) {
-            //       print("Error in FutureBuilder: ${snapshot.error}");
+                  print("Error in FutureBuilder: ${snapshot.error}");
-            //       return Center(child: Text('error loading markers'));
+                  return Center(child: Text('error loading markers'));
-            //     }
+                }
-            //     if (snapshot.hasData && snapshot.data != null) {
+                if (snapshot.hasData && snapshot.data != null) {
-            //       final markers = snapshot.data!;
+                  final markers = snapshot.data!;
-            //       return Stack(
+                  return Stack(
-            //         children: markers.map((marker) {
+                    children: markers.map((marker) {
-            //           return Positioned(
+                      return Positioned(
-            //             left: marker['x'].toDouble(),
+                        left: marker['x'].toDouble(),
-            //             top: marker['y'].toDouble(),
+                        top: marker['y'].toDouble(),
-            //             child: GestureDetector(
+                        child: GestureDetector(
-            //               onTap: () {
+                          onTap: () {
-            //                 print('Tapped on ${marker['id']}');
+                            print('Tapped on ${marker['id']}');
-            //               },
+                          },
-            //               child: Container(
+                          child: Container(
-            //                 width: 50,
+                            width: 50,
-            //                 height: 50,
+                            height: 50,
-            //                 color: Colors.red,
+                            color: Colors.red,
-            //                 child: Center(
+                            child: Center(
-            //                   child: Text(
+                              child: Text(
-            //                     marker['id'],
+                                marker['id'],
-            //                     style: TextStyle(color: Colors.white),
+                                style: TextStyle(color: Colors.white),
-            //                   ),
+                              ),
-            //                 ),
+                            ),
-            //               ),
+                          ),
-            //             ),
+                        ),
-            //           );
+                      );
-            //         }).toList(),
+                    }).toList(),
-            //       );
+                  );
-            //     }
+                }
 
-            //     return SizedBox.shrink(); // No markers found
+                return SizedBox.shrink(); // No markers found
-            //   },
+              },
-            // ),
+            ),
             // Red widget overlay
             // Positioned(
             //   left: 8, // Adjust based on your desired position

lib/attachmentDownload.dart

@@ -1,5 +1,4 @@
 import 'dart:html' as html;
-import 'package:web/web.dart' as web;
 import 'dart:io';
 import 'structs.dart';
 import 'package:file_saver/file_saver.dart';

lib/augment.dart

@@ -1,14 +1,10 @@
-// import 'dart:ffi';
-
 import 'package:crab_ui/api_service.dart';
 import 'package:crab_ui/attachmentDownload.dart';
 import 'package:crab_ui/structs.dart';
 import 'package:flutter/material.dart';
-import 'package:pdfrx/pdfrx.dart';
 import 'package:pointer_interceptor/pointer_interceptor.dart';
-// import 'dart:html' as html;
+import 'dart:html' as html;
-// import 'dart:js' as js;
+import 'dart:js' as js;
-import 'package:web/web.dart' as web;
 import 'package:pointer_interceptor/pointer_interceptor.dart';
 import 'attachmentWidget.dart';
 
@@ -92,12 +88,6 @@ class _DynamicClassesAugment extends State<EmailToolbar> {
             onPressed: AugmentClasses.handleStop,
             child: Text('Stop'),
           ),
-          ElevatedButton(
-            onPressed: () {
-              AugmentClasses.handleMove(context);
-            },
-            child: Text('Move'),
-          ),
           Spacer(),
           PopupMenuButton<String>(
             onSelected: (String value) {
@@ -222,9 +212,8 @@ class _DynamicClassesAugment extends State<EmailToolbar> {
 }
 
 class AugmentClasses {
+  ApiService _apiService = ApiService();
   static OverlayEntry? _overlayEntry;
-  static String? selectedFolder; // Manage selected folder at the class level
-
   static void handleHome(BuildContext context) {
     Navigator.of(context).popUntil((route) => route.isFirst);
   }
@@ -233,166 +222,11 @@ class AugmentClasses {
     print("reload");
   }
 
-  Widget listOfFolders(BuildContext context) {
-    //list the emails and make some sort of selection box
-    return FutureBuilder<List<String>>(
-      future: ApiService().fetchFolders(),
-      builder: (context, snapshot) {
-        if (snapshot.connectionState == ConnectionState.waiting) {
-          return Center(child: CircularProgressIndicator());
-        } else if (snapshot.hasError) {
-          return Center(child: Text('Error: ${snapshot.error}'));
-        } else if (snapshot.hasData) {
-          String? selectedFolder; // Declare the selected folder state
-          return StatefulBuilder(
-            builder: (context, setState) {
-              return ListView(
-                shrinkWrap: true,
-                physics: NeverScrollableScrollPhysics(),
-                children: snapshot.data!.map((folder) {
-                  return RadioListTile<String>(
-                    title: Text(folder),
-                    value: folder,
-                    groupValue: selectedFolder,
-                    onChanged: (String? value) {
-                      setState(() {
-                        selectedFolder = value; // Update the selected folder
-                      });
-                    },
-                  );
-                }).toList(),
-              );
-            },
-          );
-        } else {
-          return const Center(child: Text('No folders found.'));
-        }
-      },
-    );
-  }
-
-  static void handleMove(BuildContext context) async {
-    print("current folder: ${ApiService.currFolder}");
-    final overlay = Overlay.of(context);
-    String? selectedFolder; // Variable to store the selected folder
-
-    _overlayEntry = OverlayEntry(
-      builder: (context) => Stack(
-        children: [
-          // Dimmed background
-          Container(
-            color: Colors.black54,
-            width: MediaQuery.of(context).size.width,
-            height: MediaQuery.of(context).size.height,
-          ),
-          // Focused content window
-          PointerInterceptor(
-            child: Center(
-              child: Material(
-                elevation: 8,
-                borderRadius: BorderRadius.circular(12),
-                child: ConstrainedBox(
-                  constraints: const BoxConstraints(
-                    maxWidth: 400,
-                    maxHeight: 500,
-                  ),
-                  child: Column(
-                    mainAxisSize: MainAxisSize.min,
-                    children: [
-                      Text(
-                        'Move email from folder ${ApiService.currFolder} to:',
-                        style: TextStyle(fontSize: 16),
-                      ),
-                      Divider(height: 1),
-                      Expanded(
-                        child: FutureBuilder<List<String>>(
-                          future: ApiService().fetchFolders(),
-                          builder: (context, snapshot) {
-                            if (snapshot.connectionState ==
-                                ConnectionState.waiting) {
-                              return const Center(
-                                  child: CircularProgressIndicator());
-                            } else if (snapshot.hasError) {
-                              return Center(
-                                  child: Text('Error: ${snapshot.error}'));
-                            } else if (snapshot.hasData) {
-                              return StatefulBuilder(
-                                builder: (context, setState) {
-                                  return ListView(
-                                    shrinkWrap: true,
-                                    children: snapshot.data!.map((folder) {
-                                      return RadioListTile<String>(
-                                        title: Text(folder),
-                                        value: folder,
-                                        groupValue: selectedFolder,
-                                        onChanged: (String? value) {
-                                          setState(() {
-                                            selectedFolder =
-                                                value; // Update the selected folder
-                                          });
-                                        },
-                                      );
-                                    }).toList(),
-                                  );
-                                },
-                              );
-                            } else {
-                              return const Center(
-                                  child: Text('No folders found.'));
-                            }
-                          },
-                        ),
-                      ),
-                      Divider(height: 1),
-                      Row(
-                        mainAxisAlignment: MainAxisAlignment.spaceEvenly,
-                        children: [
-                          ElevatedButton(
-                            onPressed: () {
-                              // Handle Accept button
-                              if (selectedFolder != null) {
-                                print("Selected folder: $selectedFolder");
-                                // Store the selected folder or perform any action
-                                // ApiService.currFolder = selectedFolder!;
-                                ApiService().moveEmail(ApiService.currFolder,
-                                    ApiService.currThreadID, selectedFolder!);
-                                _overlayEntry?.remove();
-                              } else {
-                                print("No folder selected");
-                              }
-                            },
-                            child: Text('Accept'),
-                          ),
-                          ElevatedButton(
-                            onPressed: () {
-                              // Handle Cancel button
-                              _overlayEntry?.remove();
-                            },
-                            child: Text('Cancel'),
-                          ),
-                        ],
-                      ),
-                    ],
-                  ),
-                ),
-              ),
-            ),
-          ),
-        ],
-      ),
-    );
-
-    if (_overlayEntry != null) {
-      overlay.insert(_overlayEntry!);
-    }
-  }
-
   static void handleImages(BuildContext context) {
-    //rename to handle attachments
     print("Images button pressed");
     final overlay = Overlay.of(context);
-    // final renderBox = context.findRenderObject() as RenderBox;
+    final renderBox = context.findRenderObject() as RenderBox;
-    // final offset = renderBox.localToGlobal(Offset.zero);
+    final offset = renderBox.localToGlobal(Offset.zero);
 
     _overlayEntry = OverlayEntry(
       builder: (context) => Stack(
@@ -461,10 +295,11 @@ class AugmentClasses {
   static List<Widget> _buildMenuItem(BuildContext context) {
     List<Widget> listOfFiles = [];
     for (AttachmentResponse file in ApiService.threadAttachments) {
-      listOfFiles.add(ListTile(
+      listOfFiles.add(
+        ListTile (
           leading: Icon(Icons.file_present),
           title: Text(file.name.toString()),
-          trailing: GestureDetector(
+          trailing: GestureDetector( 
             child: Icon(Icons.download),
             onTap: () => Attachmentdownload().saveFile(file),
           ),
@@ -514,7 +349,7 @@ class AugmentClasses {
           console.log('Iframe not found or not loaded.');
       }
       ''';
-    // js.context.callMethod('eval', [js_code]);
+    js.context.callMethod('eval', [js_code]);
   }
 
   static void invisibility(String htmlClass) {}
@@ -522,7 +357,7 @@ class AugmentClasses {
   static Future<void> JumpButton(BuildContext context) async {
     // FocusNode textFieldFocusNode = FocusNode();
 
-    // AugmentClasses.disableIframePointerEvents();
+    AugmentClasses.disableIframePointerEvents();
     await showDialog(
       barrierDismissible: true,
       // barrierColor: Colors.yellow,
@@ -604,7 +439,7 @@ class AugmentClasses {
         ],
       ),
     ).then((_) {
-      // AugmentClasses.enableIframePointerEvents();
+      AugmentClasses.enableIframePointerEvents();
     });
   }
 
@@ -614,7 +449,7 @@ class AugmentClasses {
     bool blankLines = false;
     bool numbering = false;
     bool statementSignatures = false;
-    // AugmentClasses.disableIframePointerEvents();
+    AugmentClasses.disableIframePointerEvents();
     await showDialog(
         context: context,
         builder: (context) => Container(
@@ -725,7 +560,7 @@ class AugmentClasses {
                           ElevatedButton(onPressed: () {}, child: Text('OK')),
                           ElevatedButton(
                               onPressed: () {
-                                // AugmentClasses.disableIframePointerEvents();
+                                AugmentClasses.disableIframePointerEvents();
                                 Navigator.of(context).pop();
                               },
                               child: Text('Cancel')),
@@ -739,7 +574,7 @@ class AugmentClasses {
                 ),
               ),
             )).then((_) {
-      // AugmentClasses.enableIframePointerEvents(); // may be useless?
+      AugmentClasses.enableIframePointerEvents(); // may be useless?
     });
   }
 
@@ -749,7 +584,7 @@ class AugmentClasses {
     //idea is to search in file, extract the <p> tags that contain these
     //words and highlight, then when zoom, you just jump to that paragraph
 
-    // AugmentClasses.disableIframePointerEvents();
+    AugmentClasses.disableIframePointerEvents();
     await showDialog(
         context: context,
         builder: (context) => Container(
@@ -777,27 +612,22 @@ class AugmentClasses {
                     )))));
   }
 
-  // static void disableIframePointerEvents() {
+  static void disableIframePointerEvents() {
-  //   //pretty sure these dont work
+    //pretty sure these dont work
-  //   // final iframes = html.document.getElementsByTagName('iframe');
+    final iframes = html.document.getElementsByTagName('iframe');
-  //   final iframes = web.document.getElementsByTagName('iframe');
+    for (var iframe in iframes) {
-  //   for (var iframe in iframes) {
+      if (iframe is html.Element) {
-  //     // if (iframe is html.Element) {
+        iframe.style.pointerEvents = 'none'; // Disable pointer events
-  //     //   iframe.style.pointerEvents = 'none'; // Disable pointer events
+      }
-  //     if (iframe is web.Element) {
+    }
-  //       iframe.
+  }
-  //     }
-  //   }
-  // }
 
-  // static void enableIframePointerEvents() {
+  static void enableIframePointerEvents() {
-  //   // final iframes = html.document.getElementsByTagName('iframe');
+    final iframes = html.document.getElementsByTagName('iframe');
-  //   final iframes = html.document.getElementsByTagName('iframe');
+    for (var iframe in iframes) {
-
+      if (iframe is html.Element) {
-  //   for (var iframe in iframes) {
+        iframe.style.pointerEvents = 'auto'; // Re-enable pointer events
-  //     if (iframe is html.Element) {
+      }
-  //       iframe.style.pointerEvents = 'auto'; // Re-enable pointer events
+    }
-  //     }
+  }
-  //   }
-  // }
 }

lib/collapsableEmails.dart

@@ -1,132 +0,0 @@
-import 'dart:js_interop';
-import 'package:web/web.dart' as web;
-import 'package:flutter/material.dart';
-import 'dart:ui_web' as ui;
-import 'api_service.dart';
-import 'structs.dart';
-
-class CollapsableEmails extends StatefulWidget {
-  final List<String> thread; // email id's in the form xyz@gmail.com
-  final List<String> threadHTML;
-  final String threadIDs;
-
-  CollapsableEmails(
-      {required this.thread,
-      required this.threadHTML,
-      required this.threadIDs});
-
-  @override
-  State<CollapsableEmails> createState() => _CollapsableEmailsState();
-}
-
-class _CollapsableEmailsState extends State<CollapsableEmails> {
-  List<String> emailsHTML = []; //html of the emails in the thread
-  // build attachments with the forldar name and id
-  Set<int> _expandedEmails = {}; //open emails
-  List viewtypeIDs = []; //IDs of the viewtypes, order matters
-  List heightOfViewTypes = []; //the height of each viewtype
-  List<SerializableMessage> emailsInThread = [];
-  bool _isLoaded = false;
-
-  @override
-  void initState() {
-    // TODO: implement initState
-    super.initState();
-    _registerViewFactory(widget.threadHTML);
-    _serializableData(widget.threadIDs);
-  }
-
-  void _registerViewFactory(List<String> currentContent) async {
-    // setState(() { //update to do item per item
-    // each item to have itsviewtype ID
-    // is this necessarey here??
-
-    //could just move to collapsable
-
-    for (var emailHTML in widget.threadHTML) {
-      String viewTypeId = 'email-${DateTime.now().millisecondsSinceEpoch}';
-
-      final ghost = web.document.createElement('div') as web.HTMLDivElement
-        ..style.visibility = 'hidden'
-        ..style.position = 'absolute'
-        ..style.width = '100%'
-        ..style.overflow = 'auto'
-        ..innerHTML = emailHTML
-            .toJS; // temporarily index because it has to do all of them
-      web.document.body?.append(ghost);
-      await Future.delayed(Duration(milliseconds: 10));
-
-      final heightOfEmail = ghost.scrollHeight;
-      ghost.remove();
-
-      final HTMLsnippet = web.document.createElement('div')
-          as web.HTMLDivElement
-        ..id = viewTypeId
-        ..innerHTML = emailHTML
-            .toJS; // temporarily index because it has to do all of them
-      HTMLsnippet.style
-        ..width = '100%'
-        ..height = '${heightOfEmail}px'
-        ..overflow = 'auto'
-        ..scrollBehavior = 'smooth';
-
-      ui.platformViewRegistry.registerViewFactory(
-        viewTypeId,
-        (int viewId) => HTMLsnippet,
-      );
-      viewtypeIDs.add(viewTypeId);
-      heightOfViewTypes.add(heightOfEmail);
-    }
-  }
-
-  void _serializableData(String threadID) async {
-    emailsInThread = await ApiService().threadsInSerializable(threadID);
-    print("done thread serializable");
-    if (!mounted) return;
-    setState(() {
-      _isLoaded = true;
-    });
-  }
-
-  @override
-  Widget build(BuildContext context) {
-    return _isLoaded 
-      ?Column(children: [
-        Expanded(
-          child: ListView.builder(
-            itemCount: widget.thread.length,
-            itemBuilder: (context, index) {
-              final isExpanded =
-                  _expandedEmails.contains(index); //check if email is expanded
-              return Column(
-                children: [
-                  ListTile(
-                    title: Text(emailsInThread[index].from),
-                    trailing: Text(emailsInThread[index].date),
-                    onTap: () {
-                      setState(() {
-                        if (isExpanded) {
-                          _expandedEmails.remove(index);
-                        } else {
-                          _expandedEmails.add(index);
-                        }
-                      });
-                    },
-                  ),
-                  if (isExpanded)
-                    // if(viewtypeIDs[index] == null || heightOfViewTypes[index] == null)
-                    //   const SizedBox(height: 100, child: Center(child: CircularProgressIndicator())),
-                    SizedBox(
-                      height: heightOfViewTypes[index].toDouble(),
-                      child: HtmlElementView(
-                          key: UniqueKey(), viewType: viewtypeIDs[index]),
-                    ),
-                  Divider(),
-                ],
-              );
-            },
-          ),
-        )
-    ]): const Center(child:CircularProgressIndicator());
-  }
-}

lib/email.dart

@@ -1,148 +1,136 @@
-import 'package:flutter/material.dart';
+import 'package:flutter/material.dart';
-import 'package:flutter/widgets.dart';
+import 'api_service.dart';
-import 'api_service.dart';
+import 'structs.dart';
-import 'structs.dart';
+
-
+class EmailListScreen extends StatelessWidget {
-class EmailListScreen extends StatelessWidget {
+  final List<GetThreadResponse> emails;
-  final List<GetThreadResponse> emails;
+  final Future<String> Function(List<String>, String) getEmailContent;
-  final Future<List<String>> Function(List<String>, String) getEmailContent;
+  final String folder;
-  final String folder;
+
-
+
-  EmailListScreen(
+  EmailListScreen({required this.emails, required this.getEmailContent, required this.folder});
-      {required this.emails,
+//fix the email list
-      required this.getEmailContent,
+  @override
-      required this.folder});
+  Widget build(BuildContext context) {
-//fix the email list
+    return Scaffold(
-  @override
+      body: ListView.separated(
-  Widget build(BuildContext context) {
+        itemCount: emails.length,
-    return Scaffold(
+        itemBuilder: (context, index) {
-      body: ListView.separated(
+          final email = emails[index];
-        itemCount: emails.length,
+          return ListTile(
-        itemBuilder: (context, index) {
+            title: Text(email.from_name,
-          final email = emails[index];
+                style: TextStyle(fontWeight: FontWeight.bold)),
-          return ListTile(
+            subtitle: Column(
-            title: Text(email.from_name,
+              crossAxisAlignment: CrossAxisAlignment.start,
-                style: TextStyle(fontWeight: FontWeight.bold)),
+              children: [Text(email.subject)],
-            subtitle: Column(
+            ),
-              crossAxisAlignment: CrossAxisAlignment.start,
+            trailing: Text(email.date.toString()),
-              children: [Text(email.subject)],
+            onTap: () async {
-            ),
+              String emailContent = await getEmailContent(email.messages, folder);
-            trailing: Text(email.date.toString()),
+              Navigator.push(
-            onTap: () async {
+                context,
-              List<String> emailContent = //  list of the html
+                MaterialPageRoute(
-                  await getEmailContent(email.messages, folder);
+                  builder: (context) => EmailView(
-              // print("this is what email.messages look like in email.dart ${email.messages}");
+                    emailContent: emailContent,
-              // List<String> emailIds = email.messages;
+                    from: email.from_address,
-
+                    name: email.from_name,
-              print(email.messages); //email ids of the thread
+                    to: email.to.toString(),
-              Navigator.push(
+                    subject: email.subject,
-                context,
+                    date: email.date.toString(),
-                MaterialPageRoute(
+                    id: email.id.toString(),
-                  // could call collapsable and inside collable each calls email view?
+                  ),
-                  builder: (context) => EmailView(
+                ),
-                    emailContent: emailContent,
+              );
-                    from: email.from_address,
+            },
-                    name: email.from_name,
+          );
-                    to: email.to.toString(),
+        },
-                    subject: email.subject,
+        separatorBuilder: (context, index) => Divider(),
-                    date: email.date.toString(),
+      ),
-                    id: email.id.toString(), //i think this is thread id?
+    );
-                    messages: email.messages,
+  }
-                  ),
+}
-                ),
+
-              );
+// ignore: must_be_immutable
-            },
+class EmailPage extends StatefulWidget {
-          );
+  EmailPage({Key? key}) : super(key: key);
-        },
+  String selectedFolder = "INBOX"; //starter
-        separatorBuilder: (context, index) => Divider(),
+  int offset = 0;
-      ),
+  int page = 1;
-    );
+
-  }
+  @override
-}
+  EmailPageState createState() => EmailPageState();
-
+}
-// ignore: must_be_immutable
+
-class EmailPage extends StatefulWidget {
+class EmailPageState extends State<EmailPage> {
-  EmailPage({Key? key}) : super(key: key);
+  final ApiService apiService = ApiService();
-  String selectedFolder = "INBOX"; //starter
+  List<GetThreadResponse> emails = [];
-  int offset = 0;
+  int page = 1;
-  int page = 1;
+  bool isBackDisabled = false;
-
+
-  @override
+  @override
-  EmailPageState createState() => EmailPageState();
+  void initState() {
-}
+    super.initState();
-
+    widget.page = page;
-class EmailPageState extends State<EmailPage> {
+    isBackDisabled = true;
-  final ApiService apiService = ApiService();
+  }
-  List<GetThreadResponse> emails = [];
+
-  ValueNotifier<int> currentPageNotifier = ValueNotifier<int>(1);
+  void updateSelectedFolder(String folder) {
-  int page = 1;
+    setState(() {
-  bool isBackDisabled = false;
+      widget.selectedFolder = folder;
-
+    });
-  @override
+    print(folder);
-  void initState() {
+    _fetchEmails();
-    super.initState();
+  }
-    widget.page = page;
+
-    isBackDisabled = true;
+  String getPage() {
-    _fetchEmails();
+    return widget.page.toString();
-  }
+  }
-
+
-  String getPage() => widget.page.toString();
+  void updatePagenation(String option) {
-  bool get backDisabled => isBackDisabled;
+    if (option == "next") {
-
+      setState(() {
-  void updateSelectedFolder(String folder) {
+        widget.offset += 50;
-    setState(() {
+        widget.page += 1;
-      widget.selectedFolder = folder;
+        isBackDisabled = false;
-    });
+      });
-    print(folder);
+    } else if (option == "back") {
-    _fetchEmails();
+      setState(() {
-  }
+        widget.offset -= 50;
-
+        widget.page -= 1;
-  void updatePagenation(String option) {
+        if (widget.page == 1) {
-    if (option == "next") {
+          isBackDisabled = true;
-      setState(() {
+          print("back dis");
-        widget.offset += 50;
+        }
-        widget.page += 1;
+      });
-        currentPageNotifier.value = widget.page;
+    }
-        isBackDisabled = false;
+    // print(currentPage);
-      });
+    _fetchEmails();
-    } else if (option == "back") {
+  }
-      setState(() {
+
-        widget.offset -= 50;
+  void _fetchEmails() async {
-        widget.page -= 1;
+    // print(selectedFolder)
-        currentPageNotifier.value = widget.page;
+    try {
-        if (widget.page == 1) {
+      List<GetThreadResponse> fetchedEmails = await apiService
-          isBackDisabled = true;
+          .fetchEmailsFromFolder(widget.selectedFolder, widget.offset);
-          print("back disabled");
+      if (!mounted) return;
-        }
+
-      });
+      setState(() {
-    }
+        emails = fetchedEmails; // Update the list of emails
-    // print(currentPage);
+      });
-    print(widget.page);
+    } catch (e) {
-    _fetchEmails();
+      print('Error fetching emails: $e');
-  }
+    }
-
+  }
-  void _fetchEmails() async {
+
-    try {
+  @override
-      List<GetThreadResponse> fetchedEmails = await apiService
+  Widget build(BuildContext context) {
-          .fetchEmailsFromFolder(widget.selectedFolder, widget.offset);
+    _fetchEmails();
-      if (!mounted) return;
+    return Scaffold(
-
+      body: EmailListScreen(
-      setState(() {
+        emails: emails,
-        emails = fetchedEmails; // Update the list of emails
+        getEmailContent: apiService.fetchEmailContent,
-      });
+        folder: widget.selectedFolder,//try to grab from it directly
-    } catch (e) {
+      ),
-      print('Error fetching emails: $e');
+    );
-    }
+  }
-  }
+}
-
-  @override
-  Widget build(BuildContext context) {
-    return Scaffold(
-      body: EmailListScreen(
-        emails: emails,
-        getEmailContent: apiService.fetchEmailContent,
-        folder: widget.selectedFolder, //try to grab from it directly
-      ),
-    );
-  }
-}

lib/folder_drawer.dart

@@ -16,7 +16,6 @@ class FolderDrawer extends StatefulWidget {
 
 class _FolderDrawerState extends State<FolderDrawer> {
   List<String> folders = [];
-  final TextEditingController _renameController = TextEditingController();
 
   @override
   void initState() {
@@ -49,7 +48,7 @@ class _FolderDrawerState extends State<FolderDrawer> {
                 icon: Icon(Icons.more_vert),
                 onPressed: () => {
                   ///show options
-                  _showOptions(context, folder)
+                  _showOptions(context)
                 },
               ),
               onTap: () {
@@ -66,7 +65,7 @@ class _FolderDrawerState extends State<FolderDrawer> {
               showDialog(
                 context: context,
                 builder: (BuildContext context) {
-                  return NewMailbox(apiService: widget.apiService);
+                  return NewMailbox(apiService:  widget.apiService);
                 },
               );
               // Navigator.of(context).pop();
@@ -77,114 +76,46 @@ class _FolderDrawerState extends State<FolderDrawer> {
             title: Text('Refresh Folders'),
             onTap: () {
               _fetchFolders(); // Refresh folders when this tile is tapped
-              // rebuild
+              Navigator.pop(context); // Close the drawer after refresh
-
-              // Navigator.pop(context); // Close the drawer after refresh
             },
           ),
         ],
       ),
     );
   }
+  void _showOptions(BuildContext context) async {
+  final RenderBox overlay = Overlay.of(context).context.findRenderObject() as RenderBox;
+  
+  await showMenu<String>(
+    context: context,
+    position: RelativeRect.fromLTRB(100, 100, overlay.size.width, overlay.size.height),
+    items: <PopupMenuEntry<String>>[
+      PopupMenuItem<String>(
+        value: 'Rename',
+        child: Text('Rename Folder'),
+      ),
+      PopupMenuItem<String>(
+        value: 'Delete',
+        child: Text('Delete Folder'),
+      ),
+    ],
+  ).then((value) {
+    // Handle the action based on the selected menu item
+    if (value == 'Rename') {
+      // Logic for renaming the folder
+      print('Rename folder');
+    } else if (value == 'Delete') {
+      // Logic for deleting the folder
+      print('Delete folder');
+    }
+  });
+}
 
-  Future<bool> _renameDialog(String oldFolder) async {
-    showDialog(
-        context: context,
-        builder: (BuildContext context) {
-          return AlertDialog(
-            title: Text("Rename Mailbox"),
-            content: TextField(
-              controller: _renameController,
-              decoration: const InputDecoration(
-                hintText: "New Name",
-              ),
-            ),
-            actions: <Widget>[
-              TextButton(
-                onPressed: () {
-                  String newfolderName = _renameController.text;
-                  if (newfolderName.isNotEmpty) {
-                    //make an and to make sure there's two folders with the same name
-                    ApiService().renameFolder(oldFolder, newfolderName);
-                  }
-                  Navigator.of(context).pop();
-                },
-                child: const Text("Rename"),
-              ),
-              TextButton(
-                onPressed: () {
-                  Navigator.of(context).pop();
-                },
-                child: const Text("Cancel"),
-              )
-            ],
-          );
-        });
-
-    return false;
-  }
-
-  Future<void> doubleCheckDelete(String folderTobeDeleted) async {
-    return showDialog<void>(
-        context: context,
-        barrierDismissible: false,
-        builder: (BuildContext context) {
-          return AlertDialog(
-            title: Text("Confirm delete of: $folderTobeDeleted"),
-            actions: [
-              TextButton(
-                  onPressed: () {
-                    ApiService().deleteFolder(folderTobeDeleted);
-                    Navigator.of(context).pop();
-                  },
-                  child: Text("Yes")),
-              TextButton(
-                  onPressed: () {
-                    Navigator.of(context).pop();
-                  },
-                  child: Text("No")),
-            ],
-          );
-        });
-  }
-
-  void _showOptions(BuildContext context, String folderName) async {
-    final RenderBox overlay =
-        Overlay.of(context).context.findRenderObject() as RenderBox;
-    print(folderName);
-    await showMenu<String>(
-      context: context,
-      position: RelativeRect.fromLTRB(
-          100, 100, overlay.size.width, overlay.size.height),
-      items: <PopupMenuEntry<String>>[
-        PopupMenuItem<String>(
-          value: 'Rename',
-          child: Text('Rename Folder'),
-        ),
-        PopupMenuItem<String>(
-          value: 'Delete',
-          child: Text('Delete Folder'),
-        ),
-      ],
-    ).then((value) {
-      // Handle the action based on the selected menu item
-      if (value == 'Rename') {
-        // Logic for renaming the folder
-        print('Rename folder $folderName');
-        _renameDialog(folderName);
-      } else if (value == 'Delete') {
-        // Logic for deleting the folder
-        print("Deleting $folderName");
-        doubleCheckDelete(folderName);
-        // ApiService().deleteFolder(folderName);
-        print('Deleted folder');
-      }
-    });
-  }
 }
 
 class NewMailbox extends StatelessWidget {
   final ApiService apiService;
+  // final Function(String) onFolderCreated;
   final TextEditingController _textFieldController = TextEditingController();
 
   NewMailbox({required this.apiService});
@@ -196,7 +127,7 @@ class NewMailbox extends StatelessWidget {
       content: TextField(
         controller: _textFieldController,
         decoration: const InputDecoration(
-          hintText: "New Folder",
+          hintText: "EPIC FOLDER", // Your custom hint text here
         ),
       ),
       actions: <Widget>[
@@ -207,17 +138,13 @@ class NewMailbox extends StatelessWidget {
 
             if (folderName.isNotEmpty) {
               apiService.createFolder(folderName);
+              // onFolderCreated(folderName);
             }
+            // apiService.createFolder(_textFieldController.text);
             Navigator.of(context).pop();
           },
           child: const Text("Approve"),
         ),
-        TextButton(
-          onPressed: () {
-            Navigator.of(context).pop();
-          },
-          child: const Text("Cancel"),
-        )
       ],
     );
   }

lib/home_page.dart

@@ -1,465 +1,440 @@
-import 'package:crab_ui/sonicEmailView.dart';
+import 'folder_drawer.dart';
-
+import 'structs.dart';
-import 'folder_drawer.dart';
+import 'package:flutter/widgets.dart';
-import 'structs.dart';
+import 'api_service.dart';
-import 'package:flutter/widgets.dart';
+import 'package:flutter/material.dart';
-import 'api_service.dart';
+import 'email.dart';
-import 'package:flutter/material.dart';
+// import 'package:shared_preferences/shared_preferences.dart';
-import 'email.dart';
+// import 'serialize.dart';
-// import 'package:shared_preferences/shared_preferences.dart';
+
-// import 'serialize.dart';
+class HomeScreen extends StatefulWidget {
-
+  @override
-class HomeScreen extends StatefulWidget {
+  _HomeScreenState createState() => _HomeScreenState();
-  @override
+}
-  _HomeScreenState createState() => _HomeScreenState();
+
-}
+class _HomeScreenState extends State<HomeScreen> with TickerProviderStateMixin {
-
+  final GlobalKey<ScaffoldState> _scaffoldKey = GlobalKey<ScaffoldState>();
-class _HomeScreenState extends State<HomeScreen> with TickerProviderStateMixin {
+  final GlobalKey<EmailPageState> _emailPageKey = GlobalKey<EmailPageState>();
-  final GlobalKey<ScaffoldState> _scaffoldKey = GlobalKey<ScaffoldState>();
+  ApiService apiService = ApiService();
-  final GlobalKey<EmailPageState> _emailPageKey = GlobalKey<EmailPageState>();
+  bool _isSidebarOpen = true;
-  ApiService apiService = ApiService();
+  bool querySearches = false;
-  bool _isSidebarOpen = true;
+  String? _selectedOption = "INBOX";
-  bool querySearches = false;
+
-  String? _selectedOption = "INBOX";
+  List<String> _tabs = ['Emails'];
-
+  Map<String, Widget> _tabWidgets = {};
-  List<String> _tabs = ['Emails'];
+  TabController? _tabController;
-  Map<String, Widget> _tabWidgets = {};
+
-  TabController? _tabController;
+  @override
-
+  void initState() {
-  @override
+    super.initState();
-  void initState() {
+    _tabController = TabController(length: _tabs.length, vsync: this);
-    super.initState();
+    _tabWidgets['Emails'] = EmailPage(
-    _tabController = TabController(length: _tabs.length, vsync: this);
+      key: _emailPageKey,
-    _tabWidgets['Emails'] = EmailPage(
+    );
-      key: _emailPageKey,
+  }
-    );
+
-  }
+  // Add a new tab based on the search
-
+  void _performSearch(String query, String? list) {
-  // Add a new tab based on the search
+    setState(() {
-  void _performSearch(String query, String? list) {
+      if (!_tabs.contains(query)) {
-    setState(() {
+        _tabs.add(query);
-      if (!_tabs.contains(query)) {
+        _tabWidgets[query] = _buildSearchResultsWidget(
-        _tabs.add(query);
+            query, list); // Store a different widget for this tab
-        _tabWidgets[query] = _buildSearchResultsWidget(
+        _tabController = TabController(length: _tabs.length, vsync: this);
-            query, list); // Store a different widget for this tab
+      }
-        _tabController = TabController(length: _tabs.length, vsync: this);
+    });
-      }
+  }
-    });
+
-  }
+  void _showOptionsSearchDialog () async {
-
+    List<String> folders = await apiService.fetchFolders();
-  void _showOptionsSearchDialog () async {
+
-    List<String> folders = await apiService.fetchFolders();
+    if (mounted) {
-
+    showDialog(
-    if (mounted) {
+      context: context,
-    showDialog(
+      builder: (BuildContext context) {
-      context: context,
+        return AlertDialog(
-      builder: (BuildContext context) {
+          title: Text('Choose an Option'),
-        return AlertDialog(
+          content: Column(
-          title: Text('Choose an Option'),
+            mainAxisSize: MainAxisSize.min,
-          content: Column(
+            children: folders.map((option) {
-            mainAxisSize: MainAxisSize.min,
+              return ListTile(
-            children: folders.map((option) {
+                title: Text(option),
-              return ListTile(
+                leading: Radio<String>(
-                title: Text(option),
+                  value: option,
-                leading: Radio<String>(
+                  groupValue: _selectedOption, // Bind with _selectedOption
-                  value: option,
+                  onChanged: (String? value) {
-                  groupValue: _selectedOption, // Bind with _selectedOption
+                    setState(() {
-                  onChanged: (String? value) {
+                      _selectedOption = value;
-                    setState(() {
+                    });
-                      _selectedOption = value;
+                    Navigator.of(context).pop(); // Close the dialog on selection
-                    });
+                  },
-                    Navigator.of(context).pop(); // Close the dialog on selection
+                ),
-                  },
+              );
-                ),
+            }).toList(),
-              );
+          ),
-            }).toList(),
+          actions: <Widget>[
-          ),
+            ElevatedButton(
-          actions: <Widget>[
+              child: Text('Submit'),
-            ElevatedButton(
+              onPressed: () {
-              child: Text('Submit'),
+                Navigator.of(context).pop(); // Close the dialog
-              onPressed: () {
+                ScaffoldMessenger.of(context).showSnackBar(SnackBar(
-                Navigator.of(context).pop(); // Close the dialog
+                  content: Text('You selected: $_selectedOption'),
-                ScaffoldMessenger.of(context).showSnackBar(SnackBar(
+                ));
-                  content: Text('You selected: $_selectedOption'),
+              },
-                ));
+            ),
-              },
+          ],
-            ),
+        );
-          ],
+      },
-        );
+    );}
-      },
+  }
-    );}
+  
-  }
+
-  
+  // Remove a tab
-
+  void _removeTab(int index) {
-  // Remove a tab
+    if (_tabs[index] != 'Emails') {
-  void _removeTab(int index) {
+      setState(() {
-    if (_tabs[index] != 'Emails') {
+        String tabToRemove = _tabs[index];
-      setState(() {
+        _tabs.removeAt(index);
-        String tabToRemove = _tabs[index];
+        _tabWidgets
-        _tabs.removeAt(index);
+            .remove(tabToRemove); // Remove widget associated with the tab
-        _tabWidgets
+        _tabController = TabController(length: _tabs.length, vsync: this);
-            .remove(tabToRemove); // Remove widget associated with the tab
+      });
-        _tabController = TabController(length: _tabs.length, vsync: this);
+    }
-      });
+  }
-    }
+
-  }
+  // Build a custom widget for each search query
-
+  Widget _buildSearchResultsWidget(String query, String? list) {
-  // Build a custom widget for each search query
+    return FutureBuilder<List<SerializableMessage>>(
-  Widget _buildSearchResultsWidget(String query, String? list) {
+      future: apiService.sonicSearch(list ?? "INBOX", 50, 0, query),
-    return FutureBuilder<List<SerializableMessage>>(
+      builder: (BuildContext context,
-      future: apiService.sonicSearch(list ?? "INBOX", 50, 0, query),
+          AsyncSnapshot<List<SerializableMessage>> snapshot) {
-      builder: (BuildContext context,
+        if (snapshot.connectionState == ConnectionState.waiting) {
-          AsyncSnapshot<List<SerializableMessage>> snapshot) {
+          return Center(child: CircularProgressIndicator());
-        if (snapshot.connectionState == ConnectionState.waiting) {
+        } else if (snapshot.hasError) {
-          return Center(child: CircularProgressIndicator());
+          return Center(child: Text('Error: ${snapshot.error}'));
-        } else if (snapshot.hasError) {
+        } else if (!snapshot.hasData || snapshot.data!.isEmpty) {
-          return Center(child: Text('Error: ${snapshot.error}'));
+          return Center(child: Text('No results found for: $query'));
-        } else if (!snapshot.hasData || snapshot.data!.isEmpty) {
+        } else {
-          return Center(child: Text('No results found for: $query'));
+          List<SerializableMessage> result = snapshot.data!;
-        } else {
+          return Scaffold(
-          List<SerializableMessage> result = snapshot.data!;
+            body: ListView.separated(
-          return Scaffold(
+              itemCount: result.length,
-            body: ListView.separated(
+              itemBuilder: (context, index) {
-              itemCount: result.length,
+                final SerializableMessage email  = result[index];
-              itemBuilder: (context, index) {
+                return ListTile(
-                final SerializableMessage email  = result[index];
+                  title: Text(email.from,
-                return ListTile(
+                      style: TextStyle(fontWeight: FontWeight.bold)),
-                  title: Text(email.from,
+                  subtitle: Column(
-                      style: TextStyle(fontWeight: FontWeight.bold)),
+                    crossAxisAlignment: CrossAxisAlignment.start,
-                  subtitle: Column(
+                    children: [Text(email.subject)],
-                    crossAxisAlignment: CrossAxisAlignment.start,
+                  ),
-                    children: [Text(email.subject)],
+                  trailing: Text(email.date.toString()),
-                  ),
+                  onTap: () async {
-                  trailing: Text(email.date.toString()),
+                    // print('tapped');
-                  onTap: () async {
+                    String emailContent =
-                    // print('tapped');
+                        await apiService.fetchEmailContent([email.id], email.list);
-                    // List<String> emailContent =
+                    // print('content below');
-                    //     await apiService.fetchEmailContent([email.id], email.list);
+                    // print(emailContent);
-                      //call the foldable
+                    Navigator.push(
-                    
+                      context,
-                    List<String> emailContent = //  list of the html
+                      MaterialPageRoute(
-                      await apiService.fetchEmailContent([email.id], email.list);
+                        builder: (context) => EmailView(
-                    // List<String> emailIds = email.messages;
+                          emailContent: emailContent,
-                    
+                          from: email.from,
-                    
+                          name: email.name,
-                    Navigator.push(
+                          to: email.to.toString(),
-                      context,
+                          subject: email.subject,
-                      MaterialPageRoute(
+                          date: email.date.toString(),
-                        builder: (context) =>SonicEmailView(
+                          id: email.id.toString(),
-                          email: email,
+                        ),
-                          emailHTML: emailContent[0])
+                      ),
-                        // builder: (context) => EmailView(
+                    );
-                        //   emailContent: emailContent,
+                  },
-                        //   from: email.from,
+                );
-                        //   name: email.name,
+              },
-                        //   to: email.to.toString(),
+              separatorBuilder: (context, index) => Divider(),
-                        //   subject: email.subject,
+            ),
-                        //   date: email.date.toString(),
+            // child: Column(
-                        //   id: email.id.toString(),
+            //   mainAxisAlignment: MainAxisAlignment.center,
-                        //   messages: [email.id],
+            //   children: [
-                        // ),
+            //     Text("Results for: $query", style: TextStyle(fontSize: 24)),
-                      ),
+            //     // Display the actual data
-                    );
+            //     Text(result[0].name), // Accessing the first result safely
-                  },
+            //     Text(result[0].from), // Displaying the 'from' field as an example
-                );
+            //     Text(result[0].hash),
-              },
+            //     Text(result[0].subject),
-              separatorBuilder: (context, index) => Divider(),
+            //     Text(result[0].uid.toString()),
-            ),
+            //     Text(result[0].list),
-            // child: Column(
+            //     Text(result[0].id),
-            //   mainAxisAlignment: MainAxisAlignment.center,
+
-            //   children: [
+            //     // Add more fields or customize the display
-            //     Text("Results for: $query", style: TextStyle(fontSize: 24)),
+            //     // SerializableEmailListScreen(emails: result, getEmailContent: getEmailContent)
-            //     // Display the actual data
+            //     // Expanded(
-            //     Text(result[0].name), // Accessing the first result safely
+
-            //     Text(result[0].from), // Displaying the 'from' field as an example
+            //     //   child:
-            //     Text(result[0].hash),
+            //     // ),
-            //     Text(result[0].subject),
+            // ],
-            //     Text(result[0].uid.toString()),
+          );
-            //     Text(result[0].list),
+          // );
-            //     Text(result[0].id),
+        }
-
+      },
-            //     // Add more fields or customize the display
+    );
-            //     // SerializableEmailListScreen(emails: result, getEmailContent: getEmailContent)
+  }
-            //     // Expanded(
+
-
+  @override
-            //     //   child:
+  void dispose() {
-            //     // ),
+    _tabController?.dispose();
-            // ],
+    super.dispose();
-          );
+  }
-          // );
+
-        }
+  @override
-      },
+  Widget build(BuildContext context) {
-    );
+    return Scaffold(
-  }
+      key: _scaffoldKey,
-
+      drawer: FolderDrawer(
-  @override
+        apiService: apiService,
-  void dispose() {
+        onFolderTap: (folder) {
-    _tabController?.dispose();
+          _emailPageKey.currentState?.updateSelectedFolder(folder);
-    super.dispose();
+        },
-  }
+      ),
-
+      body: Stack(
-  @override
+        children: [
-  Widget build(BuildContext context) {
+          Row(
-    return Scaffold(
+            children: [
-      key: _scaffoldKey,
+              // Sidebar
-      drawer: FolderDrawer(
+              if (_isSidebarOpen)
-        apiService: apiService,
+                Container(
-        onFolderTap: (folder) {
+                  width: 70,
-          _emailPageKey.currentState?.updateSelectedFolder(folder);
+                  color: Color.fromARGB(17, 96, 122, 135),
-        },
+                  child: Column(
-      ),
+                    crossAxisAlignment: CrossAxisAlignment.start,
-      body: Stack(
+                    children: [
-        children: [
+                      ListTile(
-          Row(
+                        leading: Icon(Icons.home),
-            children: [
+                        onTap: () {
-              // Sidebar
+                          // Navigate to Home
-              if (_isSidebarOpen)
+                        },
-                Container(
+                      ),
-                  width: 70,
+                      ListTile(
-                  color: Color.fromARGB(17, 96, 122, 135),
+                        leading: Icon(Icons.settings),
-                  child: Column(
+                        onTap: () {
-                    crossAxisAlignment: CrossAxisAlignment.start,
+                          // Navigate to Settings
-                    children: [
+                        },
-                      ListTile(
+                      ),
-                        leading: Icon(Icons.home),
+                      ListTile(
-                        onTap: () {
+                        leading: Icon(Icons.email),
-                          // Navigate to Home
+                        onTap: () {
-                        },
+                          _scaffoldKey.currentState?.openDrawer();
-                      ),
+                        },
-                      ListTile(
+                      ),
-                        leading: Icon(Icons.settings),
+                      Spacer(),
-                        onTap: () {
+                      Padding(
-                          // Navigate to Settings
+                        padding: const EdgeInsets.all(8.0),
-                        },
+                        child: Align(
-                      ),
+                          alignment: Alignment.bottomLeft,
-                      ListTile(
+                          child: IconButton(
-                        leading: Icon(Icons.email),
+                            icon: Icon(Icons.close, color: Colors.white),
-                        onTap: () {
+                            onPressed: () {
-                          _scaffoldKey.currentState?.openDrawer();
+                              setState(() {
-                        },
+                                _isSidebarOpen = false;
-                      ),
+                              });
-                      Spacer(),
+                            },
-                      Padding(
+                          ),
-                        padding: const EdgeInsets.all(8.0),
+                        ),
-                        child: Align(
+                      ),
-                          alignment: Alignment.bottomLeft,
+                    ],
-                          child: IconButton(
+                  ),
-                            icon: Icon(Icons.close, color: Colors.white),
+                ),
-                            onPressed: () {
+              // Main content
-                              setState(() {
+              Expanded(
-                                _isSidebarOpen = false;
+                child: Column(
-                              });
+                  children: [
-                            },
+                    Container(
-                          ),
+                      padding: EdgeInsets.fromLTRB(8.0, 8.0, 8.0, 4.0),
-                        ),
+                      color: Color.fromARGB(42, 36, 102, 132),
-                      ),
+                      child: Row(
-                    ],
+                        mainAxisAlignment: MainAxisAlignment.center,
-                  ),
+                        children: [
-                ),
+                          Container(
-              // Main content
+                            width: 800,
-              Expanded(
+                            height: 40,
-                child: Column(
+                            child: TextField(
-                  children: [
+                              decoration: InputDecoration(
-                    Container(
+                                hintText: 'Search...',
-                      padding: EdgeInsets.fromLTRB(8.0, 8.0, 8.0, 4.0),
+                                border: OutlineInputBorder(),
-                      color: Color.fromARGB(42, 36, 102, 132),
+                                prefixIcon: Icon(Icons.search),
-                      child: Row(
+                              ),
-                        mainAxisAlignment: MainAxisAlignment.center,
+                              onSubmitted: (value) {
-                        children: [
+                                if (value.isNotEmpty) {
-                          Container(
+                                  _performSearch(value, _selectedOption);
-                            width: 800,
+                                }
-                            height: 40,
+                                //this is the input box i mentioned
-                            child: TextField(
+                                // if (value == '') {
-                              decoration: InputDecoration(
+                                //   setState(() {
-                                hintText: 'Search...',
+                                //     querySearches = false;
-                                border: OutlineInputBorder(),
+                                //   });
-                                prefixIcon: Icon(Icons.search),
+                                // }
-                              ),
+                                // Future<List<String>> results = apiService
-                              onSubmitted: (value) {
+                                //     .sonicSearch('INBOX', 20, 0, value);
-                                if (value.isNotEmpty) {
+                                // // print(value);
-                                  _performSearch(value, _selectedOption);
+                                // print(results);
-                                }
+                                // setState(() {
-                                //this is the input box i mentioned
+                                //   querySearches = true;
-                                // if (value == '') {
+                                // });
-                                //   setState(() {
+                              },
-                                //     querySearches = false;
+                            ),
-                                //   });
+                          ),
-                                // }
+                          SizedBox(
-                                // Future<List<String>> results = apiService
+                            width: 16,
-                                //     .sonicSearch('INBOX', 20, 0, value);
+                          ),
-                                // // print(value);
+                          Container(
-                                // print(results);
+                            width: 80,
-                                // setState(() {
+                            height: 40,
-                                //   querySearches = true;
+                            child: ElevatedButton(
-                                // });
+                              onPressed: _showOptionsSearchDialog,
-                              },
+                              child: Icon(Icons.manage_search),
-                            ),
+                            ),
-                          ),
+                          )
-                          SizedBox(
+                        ],
-                            width: 16,
+                      ),
-                          ),
+                    ),
-                          Container(
+                    Container(
-                            width: 80,
+                      padding: EdgeInsets.all(0.0),
-                            height: 40,
+                      color: Color.fromARGB(42, 36, 102, 132),
-                            child: ElevatedButton(
+                      child: Row(
-                              onPressed: _showOptionsSearchDialog,
+                        children: [
-                              child: Icon(Icons.manage_search),
+                          Container(
-                            ),
+                            height: 2,
-                          )
+                          )
-                        ],
+                        ],
-                      ),
+                      ),
-                    ),
+                    ),
-                    Container(
+                    Container(
-                      padding: EdgeInsets.all(0.0),
+                      color: Color.fromARGB(255, 131, 110, 143),
-                      color: Color.fromARGB(42, 36, 102, 132),
+                      child: TabBar(
-                      child: Row(
+                        controller: _tabController,
-                        children: [
+                        isScrollable: true,
-                          Container(
+                        tabs: _tabs
-                            height: 2,
+                            .asMap()
-                          )
+                            .entries
-                        ],
+                            .map((entry) => Tab(
-                      ),
+                                  child: Row(
-                    ),
+                                    children: [
-                    Container(
+                                      Text(entry.value),
-                      color: Color.fromARGB(255, 131, 110, 143),
+                                      if (entry.value != 'Emails')
-                      child: TabBar(
+                                        GestureDetector(
-                        controller: _tabController,
+                                          onTap: () => _removeTab(entry.key),
-                        isScrollable: true,
+                                          child: Icon(Icons.close, size: 16),
-                        tabs: _tabs
+                                        ),
-                            .asMap()
+                                    ],
-                            .entries
+                                  ),
-                            .map((entry) => Tab(
+                                ))
-                                  child: Row(
+                            .toList(),
-                                    children: [
+                        labelColor: Colors.white,
-                                      Text(entry.value),
+                        indicatorColor: Colors.white,
-                                      if (entry.value != 'Emails')
+                      ),
-                                        GestureDetector(
+                    ),
-                                          onTap: () => _removeTab(entry.key),
+                    Container(
-                                          child: Icon(Icons.close, size: 16),
+                      // alignment: Alignment.topLeft,
-                                        ),
+                      padding: EdgeInsets.all(8.0),
-                                    ],
+                      color: Colors.white,
-                                  ),
+                      child: Row(
-                                ))
+                        children: [
-                            .toList(),
+                          ElevatedButton(
-                        labelColor: Colors.white,
+                            onPressed: () {
-                        indicatorColor: Colors.white,
+                              _emailPageKey.currentState!.isBackDisabled ? null: _emailPageKey.currentState
-                      ),
+                                  ?.updatePagenation('back');
-                    ),
+                            },
-                    Container(
+                            child: Icon(Icons.navigate_before),
-                      // alignment: Alignment.topLeft,
+                          ),
-                      padding: EdgeInsets.all(8.0),
+                          Text(_emailPageKey.currentState?.getPage() ?? '1'),
-                      color: Colors.white,
+                          ElevatedButton(
-                      child: Row(
+                            onPressed: () {
-                        children: [
+                              _emailPageKey.currentState
-                          ElevatedButton(
+                                  ?.updatePagenation('next');
-                            onPressed: () {
+                            },
-                              _emailPageKey.currentState!.isBackDisabled ? null: _emailPageKey.currentState
+                            child: Icon(Icons.navigate_next),
-                                  ?.updatePagenation('back');
+                          ),
-                            },
+                        ],
-                            child: Icon(Icons.navigate_before),
+                      ),
-                          ),
+                    ),
-                          Builder(
+                    Expanded(
-                            builder: (context) {
+                      child: TabBarView(
-                              final emailState = _emailPageKey.currentState;
+                        controller: _tabController,
-                              if (emailState == null) {
+                        children: _tabs.map((tab) {
-                                // Schedule a rebuild once the state is available
+                          return _tabWidgets[tab] ??
-                                Future.microtask(() => setState(() {}));
+                              Center(child: Text("No content found"));
-                                return Text('Loading...');
+                          // return Center(
-                              }
+                          //     child: EmailPage(
-
+                          //   key: _emailPageKey,
-                              return ValueListenableBuilder<int>(
+                          // ));
-                                valueListenable: emailState.currentPageNotifier,
+                        }).toList(),
-                                builder: (context, value, _) => Text('$value'),
+                      ),
-                              );
+                    ),
-                            },
+
-                          ),
+                    // if (_tabs.isEmpty)
-                          ElevatedButton(
+                    //   Expanded(
-                            onPressed: () {
+                    //     child: EmailPage(key: _emailPageKey),
-                              _emailPageKey.currentState
+                    //   ),
-                                  ?.updatePagenation('next');
+                    // if (_tabs.isNotEmpty)
-                            },
+                    //   Expanded(
-                            child: Icon(Icons.navigate_next),
+                    //     // child: Text('supposed to be mails'),
-                          ),
+                    //     child: TabBarView(
-                        ],
+                    //       controller: _tabController,
-                      ),
+                    //       children: _tabs
-                    ),
+                    //           .map((tab) => Center(child: Text('Results for $tab')))
-                    Expanded(
+                    //           .toList(),
-                      child: TabBarView(
+                    //     ),
-                        controller: _tabController,
+                    //   ),
-                        children: _tabs.map((tab) {
+                  ],
-                          return _tabWidgets[tab] ??
+                ),
-                              Center(child: Text("No content found"));
+              ),
-                          // return Center(
+            ],
-                          //     child: EmailPage(
+          ),
-                          //   key: _emailPageKey,
+          if (!_isSidebarOpen)
-                          // ));
+            Positioned(
-                        }).toList(),
+              bottom: 16,
-                      ),
+              left: 16,
-                    ),
+              child: FloatingActionButton(
-
+                child: Icon(Icons.menu),
-                    // if (_tabs.isEmpty)
+                onPressed: () {
-                    //   Expanded(
+                  setState(() {
-                    //     child: EmailPage(key: _emailPageKey),
+                    _isSidebarOpen = true;
-                    //   ),
+                  });
-                    // if (_tabs.isNotEmpty)
+                },
-                    //   Expanded(
+              ),
-                    //     // child: Text('supposed to be mails'),
+            ),
-                    //     child: TabBarView(
+        ],
-                    //       controller: _tabController,
+      ),
-                    //       children: _tabs
+    );
-                    //           .map((tab) => Center(child: Text('Results for $tab')))
+  }
-                    //           .toList(),
+}
-                    //     ),
+//   void _showPopupMenu(BuildContext context, Offset position) async {
-                    //   ),
+//     final RenderBox overlay =
-                  ],
+//         Overlay.of(context).context.findRenderObject() as RenderBox;
-                ),
+
-              ),
+//     await showMenu<String>(
-            ],
+//       context: context,
-          ),
+//       position: RelativeRect.fromLTRB(
-          if (!_isSidebarOpen)
+//         position.dx,
-            Positioned(
+//         position.dy,
-              bottom: 16,
+//         overlay.size.width - position.dx,
-              left: 16,
+//         overlay.size.height - position.dy,
-              child: FloatingActionButton(
+//       ),
-                child: Icon(Icons.menu),
+//       items: <PopupMenuEntry<String>>[
-                onPressed: () {
+//         PopupMenuItem<String>(
-                  setState(() {
+//           value: 'Open',
-                    _isSidebarOpen = true;
+//           child: Text('Open'),
-                  });
+//         ),
-                },
+//         PopupMenuItem<String>(
-              ),
+//           value: 'Reply',
-            ),
+//           child: Text('Reply'),
-        ],
+//         ),
-      ),
+//         PopupMenuItem<String>(
-    );
+//           value: 'Delete',
-  }
+//           child: Text('Delete'),
-}
+//         ),
-//   void _showPopupMenu(BuildContext context, Offset position) async {
+//       ],
-//     final RenderBox overlay =
+//     );
-//         Overlay.of(context).context.findRenderObject() as RenderBox;
+//   }
-
+// }
-//     await showMenu<String>(
-//       context: context,
-//       position: RelativeRect.fromLTRB(
-//         position.dx,
-//         position.dy,
-//         overlay.size.width - position.dx,
-//         overlay.size.height - position.dy,
-//       ),
-//       items: <PopupMenuEntry<String>>[
-//         PopupMenuItem<String>(
-//           value: 'Open',
-//           child: Text('Open'),
-//         ),
-//         PopupMenuItem<String>(
-//           value: 'Reply',
-//           child: Text('Reply'),
-//         ),
-//         PopupMenuItem<String>(
-//           value: 'Delete',
-//           child: Text('Delete'),
-//         ),
-//       ],
-//     );
-//   }
-// }

lib/serialize.dart

@@ -0,0 +1,85 @@
+import 'package:flutter/material.dart';
+import 'api_service.dart';
+import 'structs.dart';
+
+class SerializableMessageListScreen extends StatefulWidget {
+  @override
+  _SerializableMessageListScreenState createState() => _SerializableMessageListScreenState();
+}
+
+class _SerializableMessageListScreenState extends State<SerializableMessageListScreen> {
+  List<SerializableMessage>? messages;
+  bool isLoading = true;
+  bool hasError = false;
+
+  final ApiService apiService = ApiService();
+
+  @override
+  void initState() {
+    super.initState();
+    _fetchMessages();
+  }
+
+  Future<void> _fetchMessages() async {
+    try {
+      List<SerializableMessage> fetchedMessages = await apiService.sonicSearch("INBOX", 10, 0, "searchQuery");
+      setState(() {
+        messages = fetchedMessages;
+        isLoading = false;
+      });
+    } catch (e) {
+      setState(() {
+        hasError = true;
+        isLoading = false;
+      });
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    if (isLoading) {
+      return Center(child: CircularProgressIndicator());
+    }
+
+    if (hasError) {
+      return Center(child: Text("Error fetching messages."));
+    }
+
+    if (messages == null || messages!.isEmpty) {
+      return Center(child: Text("No messages found."));
+    }
+
+    return ListView.separated(
+      itemCount: messages!.length,
+      itemBuilder: (context, index) {
+        final message = messages![index];
+        return ListTile(
+          title: Text(message.name, style: TextStyle(fontWeight: FontWeight.bold)),
+          subtitle: Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [Text(message.subject)],
+          ),
+          trailing: Text(message.date),
+          onTap: () async {
+            String emailContent = await apiService.fetchEmailContent([message.id], message.list);
+            Navigator.push(
+              context,
+              MaterialPageRoute(
+                builder: (context) => EmailView(
+                  emailContent: emailContent,
+                  from: message.from,
+                  name: message.name,
+                  to: message.to.toString(),
+                  subject: message.subject,
+                  date: message.date,
+                  id: message.id,
+                ),
+              ),
+            );
+          },
+        );
+      },
+      separatorBuilder: (context, index) => Divider(),
+    );
+  }
+}

lib/sonicEmailView.dart

@@ -1,145 +0,0 @@
-import 'package:crab_ui/augment.dart';
-import 'package:web/web.dart' as web;
-import 'dart:ui_web' as ui;
-import 'dart:js_interop';
-import 'structs.dart';
-import 'package:flutter/material.dart';
-
-class SonicEmailView extends StatefulWidget {
-  SerializableMessage email;
-  String emailHTML;
-
-  SonicEmailView({required this.email, required this.emailHTML});
-
-  @override
-  _SonicEmailViewState createState() => _SonicEmailViewState();
-}
-
-class _SonicEmailViewState extends State<SonicEmailView> {
-  String viewTypeIDs = "";
-  int heightOFViewtype = 0;
-  bool _isLoaded = false;
-
-  void _scrollToNumber(String spanId) {
-    AugmentClasses.handleJump(spanId);
-  }
-
-  @override
-  void initState() {
-    super.initState();
-    _init();
-  }
-
-  Future<void> _init() async {
-    await _registerViewFactory(widget.emailHTML);
-    if (!mounted) return;
-    setState(() {
-      _isLoaded = true;
-    });
-  }
-
-  Future<void> _registerViewFactory(String currentContent) async {
-    // setState(() { //update to do item per item
-    // each item to have itsviewtype ID
-    // is this necessarey here??
-
-    //could just move to collapsable
-
-    // for (var emailHTML in widget.threadHTML) {
-    String viewTypeId = 'email-${DateTime.now().millisecondsSinceEpoch}';
-
-    final ghost = web.document.createElement('div') as web.HTMLDivElement
-      ..style.visibility = 'hidden'
-      ..style.position = 'absolute'
-      ..style.width = '100%'
-      ..style.overflow = 'auto'
-      ..innerHTML = currentContent.toJS;
-    web.document.body?.append(ghost);
-    await Future.delayed(Duration(milliseconds: 10));
-
-    final heightOfEmail = ghost.scrollHeight;
-    ghost.remove();
-
-    final HTMLsnippet = web.document.createElement('div') as web.HTMLDivElement
-      ..id = viewTypeId
-      ..innerHTML = widget
-          .emailHTML.toJS; // temporarily index because it has to do all of them
-    HTMLsnippet.style
-      ..width = '100%'
-      ..height = '${heightOfEmail}px'
-      ..overflow = 'auto'
-      ..scrollBehavior = 'smooth';
-
-    ui.platformViewRegistry.registerViewFactory(
-      viewTypeId,
-      (int viewId) => HTMLsnippet,
-    );
-    this.viewTypeIDs = viewTypeId;
-    this.heightOFViewtype = heightOfEmail;
-    print(viewTypeIDs);
-  }
-
-  @override
-  Widget build(BuildContext context) {
-    return _isLoaded
-        ? Scaffold(
-            appBar: AppBar(title: Text(widget.email.subject)),
-            body: Stack(
-              children: [
-                Column(
-                  children: [
-                    EmailToolbar(
-                        onButtonPressed: () => {},
-                        onJumpToSpan: _scrollToNumber),
-                    Row(
-                      // title of email
-                      children: [
-                        Text(
-                          widget.email.subject,
-                          style: TextStyle(fontSize: 30),
-                        ),
-                      ],
-                    ),
-                    Row(
-                      children: [
-                        Text(
-                          'from ${widget.email.name}',
-                          style: TextStyle(fontSize: 18),
-                        ),
-                        Text(
-                          '<${widget.email.from}>',
-                          style: TextStyle(fontSize: 18),
-                        ),
-                        Spacer(),
-                        Text(
-                          '${widget.email.date}',
-                          textAlign: TextAlign.right,
-                        )
-                      ],
-                    ),
-                    // TODO: make a case where if one of these is the user's email it just says me :)))))
-                    Row(
-                      children: [
-                        Text(
-                          'to ${widget.email.to.toString()}',
-                          style: TextStyle(fontSize: 15),
-                        )
-                      ],
-                    ),
-                    Expanded(
-                        // child: SizedBox(
-                        // height: heightOFViewtype.toDouble(),
-                        child: HtmlElementView(
-                      key: UniqueKey(), viewType: this.viewTypeIDs,
-                      // ),
-                    ))
-                  ],
-                ),
-              ],
-            ),
-          )
-        : const Center(
-            child: CircularProgressIndicator(),
-          );
-  }
-}

linux/.gitignore:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\juana\Flutter\flutter_windows_3.22.2-stable.zip

linux/flutter/CMakeLists.txt:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\juana\Flutter\flutter_windows_3.22.2-stable.zip

linux/main.cc:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\juana\Flutter\flutter_windows_3.22.2-stable.zip

linux/my_application.h:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\juana\Flutter\flutter_windows_3.22.2-stable.zip

macos/.gitignore:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\juana\Flutter\flutter_windows_3.22.2-stable.zip

macos/Flutter/Flutter-Debug.xcconfig:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\juana\Flutter\flutter_windows_3.22.2-stable.zip

macos/Flutter/Flutter-Release.xcconfig:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\juana\Flutter\flutter_windows_3.22.2-stable.zip

macos/Runner.xcodeproj/project.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\juana\Flutter\flutter_windows_3.22.2-stable.zip

macos/Runner.xcworkspace/contents.xcworkspacedata:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\juana\Flutter\flutter_windows_3.22.2-stable.zip

macos/Runner.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\juana\Flutter\flutter_windows_3.22.2-stable.zip

macos/Runner/AppDelegate.swift:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\juana\Flutter\flutter_windows_3.22.2-stable.zip

macos/Runner/Assets.xcassets/AppIcon.appiconset/Contents.json:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\juana\Flutter\flutter_windows_3.22.2-stable.zip

macos/Runner/Base.lproj/MainMenu.xib:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\juana\Flutter\flutter_windows_3.22.2-stable.zip

macos/Runner/Configs/Debug.xcconfig:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\juana\Flutter\flutter_windows_3.22.2-stable.zip

macos/Runner/Configs/Release.xcconfig:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\juana\Flutter\flutter_windows_3.22.2-stable.zip

macos/Runner/Configs/Warnings.xcconfig:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\juana\Flutter\flutter_windows_3.22.2-stable.zip

macos/Runner/DebugProfile.entitlements:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\juana\Flutter\flutter_windows_3.22.2-stable.zip

macos/Runner/Info.plist:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\juana\Flutter\flutter_windows_3.22.2-stable.zip

macos/Runner/MainFlutterWindow.swift:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\juana\Flutter\flutter_windows_3.22.2-stable.zip

macos/Runner/Release.entitlements:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\juana\Flutter\flutter_windows_3.22.2-stable.zip

pubspec.lock

@@ -9,14 +9,6 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "2.5.0"
-  asn1lib:
-    dependency: transitive
-    description:
-      name: asn1lib
-      sha256: "4bae5ae63e6d6dd17c4aac8086f3dec26c0236f6a0f03416c6c19d830c367cf5"
-      url: "https://pub.dev"
-    source: hosted
-    version: "1.5.8"
   async:
     dependency: transitive
     description:
@@ -105,22 +97,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.18.0"
-  convert:
-    dependency: transitive
-    description:
-      name: convert
-      sha256: b30acd5944035672bc15c6b7a8b47d773e41e2f17de064350988c5d02adb1c68
-      url: "https://pub.dev"
-    source: hosted
-    version: "3.1.2"
   crypto:
     dependency: transitive
     description:
       name: crypto
-      sha256: "1e445881f28f22d6140f181e07737b22f1e099a5e1ff94b0af2f9e4a463f4855"
+      sha256: ff625774173754681d66daaf4a448684fb04b78f902da9cb3d308c19cc5e8bab
       url: "https://pub.dev"
     source: hosted
-    version: "3.0.6"
+    version: "3.0.3"
   csslib:
     dependency: transitive
     description:
@@ -137,30 +121,6 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.0.8"
-  dio:
-    dependency: transitive
-    description:
-      name: dio
-      sha256: "253a18bbd4851fecba42f7343a1df3a9a4c1d31a2c1b37e221086b4fa8c8dbc9"
-      url: "https://pub.dev"
-    source: hosted
-    version: "5.8.0+1"
-  dio_web_adapter:
-    dependency: transitive
-    description:
-      name: dio_web_adapter
-      sha256: "7586e476d70caecaf1686d21eee7247ea43ef5c345eab9e0cc3583ff13378d78"
-      url: "https://pub.dev"
-    source: hosted
-    version: "2.1.1"
-  encrypt:
-    dependency: "direct main"
-    description:
-      name: encrypt
-      sha256: "62d9aa4670cc2a8798bab89b39fc71b6dfbacf615de6cf5001fb39f7e4a996a2"
-      url: "https://pub.dev"
-    source: hosted
-    version: "5.0.3"
   english_words:
     dependency: "direct main"
     description:
@@ -181,10 +141,10 @@ packages:
     dependency: transitive
     description:
       name: ffi
-      sha256: "16ed7b077ef01ad6170a3d0c57caa4a112a38d7a2ed5602e0aca9ca6f3d98da6"
+      sha256: "493f37e7df1804778ff3a53bd691d8692ddf69702cf4c1c1096a2e41b4779e21"
       url: "https://pub.dev"
     source: hosted
-    version: "2.1.3"
+    version: "2.1.2"
   file:
     dependency: transitive
     description:
@@ -193,14 +153,6 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "7.0.0"
-  file_saver:
-    dependency: "direct main"
-    description:
-      name: file_saver
-      sha256: "017a127de686af2d2fbbd64afea97052d95f2a0f87d19d25b87e097407bf9c1e"
-      url: "https://pub.dev"
-    source: hosted
-    version: "0.2.14"
   fixnum:
     dependency: transitive
     description:
@@ -416,14 +368,6 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "4.0.2"
-  intl:
-    dependency: "direct main"
-    description:
-      name: intl
-      sha256: d6f56758b7d3014a48af9701c085700aac781a92a87a62b1333b46d8879661cf
-      url: "https://pub.dev"
-    source: hosted
-    version: "0.19.0"
   js:
     dependency: transitive
     description:
@@ -520,14 +464,6 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.12.0"
-  mime:
-    dependency: "direct main"
-    description:
-      name: mime
-      sha256: "801fd0b26f14a4a58ccb09d5892c3fbdeff209594300a542492cf13fba9d247a"
-      url: "https://pub.dev"
-    source: hosted
-    version: "1.0.6"
   nested:
     dependency: transitive
     description:
@@ -564,10 +500,10 @@ packages:
     dependency: transitive
     description:
       name: path_provider
-      sha256: "50c5dd5b6e1aaf6fb3a78b33f6aa3afca52bf903a8a5298f53101fdaee55bbcd"
+      sha256: fec0d61223fba3154d87759e3cc27fe2c8dc498f6386c6d6fc80d1afdd1bf378
       url: "https://pub.dev"
     source: hosted
-    version: "2.1.5"
+    version: "2.1.4"
   path_provider_android:
     dependency: transitive
     description:
@@ -608,14 +544,6 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "2.3.0"
-  pdfrx:
-    dependency: "direct main"
-    description:
-      name: pdfrx
-      sha256: "29c7b03d27d647c80da8cc08bd1256c74df90e5640fdd676646e4bd04f90553a"
-      url: "https://pub.dev"
-    source: hosted
-    version: "1.0.94"
   petitparser:
     dependency: transitive
     description:
@@ -624,14 +552,6 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "6.0.2"
-  photo_view:
-    dependency: "direct main"
-    description:
-      name: photo_view
-      sha256: "1fc3d970a91295fbd1364296575f854c9863f225505c28c46e0a03e48960c75e"
-      url: "https://pub.dev"
-    source: hosted
-    version: "0.15.0"
   platform:
     dependency: transitive
     description:
@@ -648,46 +568,6 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "2.1.8"
-  pointer_interceptor:
-    dependency: "direct main"
-    description:
-      name: pointer_interceptor
-      sha256: "57210410680379aea8b1b7ed6ae0c3ad349bfd56fe845b8ea934a53344b9d523"
-      url: "https://pub.dev"
-    source: hosted
-    version: "0.10.1+2"
-  pointer_interceptor_ios:
-    dependency: transitive
-    description:
-      name: pointer_interceptor_ios
-      sha256: a6906772b3205b42c44614fcea28f818b1e5fdad73a4ca742a7bd49818d9c917
-      url: "https://pub.dev"
-    source: hosted
-    version: "0.10.1"
-  pointer_interceptor_platform_interface:
-    dependency: transitive
-    description:
-      name: pointer_interceptor_platform_interface
-      sha256: "0597b0560e14354baeb23f8375cd612e8bd4841bf8306ecb71fcd0bb78552506"
-      url: "https://pub.dev"
-    source: hosted
-    version: "0.10.0+1"
-  pointer_interceptor_web:
-    dependency: transitive
-    description:
-      name: pointer_interceptor_web
-      sha256: "7a7087782110f8c1827170660b09f8aa893e0e9a61431dbbe2ac3fc482e8c044"
-      url: "https://pub.dev"
-    source: hosted
-    version: "0.10.2+1"
-  pointycastle:
-    dependency: "direct main"
-    description:
-      name: pointycastle
-      sha256: "4be0097fcf3fd3e8449e53730c631200ebc7b88016acecab2b0da2f0149222fe"
-      url: "https://pub.dev"
-    source: hosted
-    version: "3.9.1"
   provider:
     dependency: "direct main"
     description:
@@ -712,62 +592,6 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "0.27.7"
-  shared_preferences:
-    dependency: "direct main"
-    description:
-      name: shared_preferences
-      sha256: "95f9997ca1fb9799d494d0cb2a780fd7be075818d59f00c43832ed112b158a82"
-      url: "https://pub.dev"
-    source: hosted
-    version: "2.3.3"
-  shared_preferences_android:
-    dependency: transitive
-    description:
-      name: shared_preferences_android
-      sha256: "480ba4345773f56acda9abf5f50bd966f581dac5d514e5fc4a18c62976bbba7e"
-      url: "https://pub.dev"
-    source: hosted
-    version: "2.3.2"
-  shared_preferences_foundation:
-    dependency: transitive
-    description:
-      name: shared_preferences_foundation
-      sha256: "6a52cfcdaeac77cad8c97b539ff688ccfc458c007b4db12be584fbe5c0e49e03"
-      url: "https://pub.dev"
-    source: hosted
-    version: "2.5.4"
-  shared_preferences_linux:
-    dependency: transitive
-    description:
-      name: shared_preferences_linux
-      sha256: "580abfd40f415611503cae30adf626e6656dfb2f0cee8f465ece7b6defb40f2f"
-      url: "https://pub.dev"
-    source: hosted
-    version: "2.4.1"
-  shared_preferences_platform_interface:
-    dependency: transitive
-    description:
-      name: shared_preferences_platform_interface
-      sha256: "57cbf196c486bc2cf1f02b85784932c6094376284b3ad5779d1b1c6c6a816b80"
-      url: "https://pub.dev"
-    source: hosted
-    version: "2.4.1"
-  shared_preferences_web:
-    dependency: transitive
-    description:
-      name: shared_preferences_web
-      sha256: d2ca4132d3946fec2184261726b355836a82c33d7d5b67af32692aff18a4684e
-      url: "https://pub.dev"
-    source: hosted
-    version: "2.4.2"
-  shared_preferences_windows:
-    dependency: transitive
-    description:
-      name: shared_preferences_windows
-      sha256: "94ef0f72b2d71bc3e700e025db3710911bd51a71cefb65cc609dd0d9a982e3c1"
-      url: "https://pub.dev"
-    source: hosted
-    version: "2.4.1"
   sky_engine:
     dependency: transitive
     description: flutter
@@ -873,10 +697,10 @@ packages:
     dependency: transitive
     description:
       name: url_launcher
-      sha256: "9d06212b1362abc2f0f0d78e6f09f726608c74e3b9462e8368bb03314aa8d603"
+      sha256: "21b704ce5fa560ea9f3b525b43601c678728ba46725bab9b01187b4831377ed3"
       url: "https://pub.dev"
     source: hosted
-    version: "6.3.1"
+    version: "6.3.0"
   url_launcher_android:
     dependency: transitive
     description:
@@ -1062,13 +886,13 @@ packages:
     source: hosted
     version: "0.2.1"
   web:
-    dependency: "direct main"
+    dependency: transitive
     description:
       name: web
-      sha256: "868d88a33d8a87b18ffc05f9f030ba328ffefba92d6c127917a2ba740f9cfe4a"
+      sha256: d43c1d6b787bf0afad444700ae7f4db8827f701bc61c255ac8d328c6f4d52062
       url: "https://pub.dev"
     source: hosted
-    version: "1.1.1"
+    version: "1.0.0"
   webview_flutter:
     dependency: transitive
     description:

pubspec.yaml

@@ -27,7 +27,6 @@ dependencies:
   intl: ^0.19.0
   pdfrx: ^1.0.94
   photo_view: ^0.15.0
-  web: ^1.1.1
 
 dev_dependencies:
   flutter_test:

web/favicon.png:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\juana\Flutter\flutter_windows_3.22.2-stable.zip

web/icons/Icon-192.png:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\juana\Flutter\flutter_windows_3.22.2-stable.zip

web/icons/Icon-512.png:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\juana\Flutter\flutter_windows_3.22.2-stable.zip

windows/.gitignore:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\juana\Flutter\flutter_windows_3.22.2-stable.zip

windows/flutter/CMakeLists.txt:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\juana\Flutter\flutter_windows_3.22.2-stable.zip

windows/runner/CMakeLists.txt:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\juana\Flutter\flutter_windows_3.22.2-stable.zip

windows/runner/flutter_window.cpp:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\juana\Flutter\flutter_windows_3.22.2-stable.zip

windows/runner/flutter_window.h:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\juana\Flutter\flutter_windows_3.22.2-stable.zip

windows/runner/resource.h:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\juana\Flutter\flutter_windows_3.22.2-stable.zip

windows/runner/runner.exe.manifest:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\juana\Flutter\flutter_windows_3.22.2-stable.zip

windows/runner/utils.cpp:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\juana\Flutter\flutter_windows_3.22.2-stable.zip

windows/runner/utils.h:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\juana\Flutter\flutter_windows_3.22.2-stable.zip

windows/runner/win32_window.cpp:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\juana\Flutter\flutter_windows_3.22.2-stable.zip

windows/runner/win32_window.h:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\juana\Flutter\flutter_windows_3.22.2-stable.zip