Merge pull request #71 from XePeleato/anime-edition

Webview packetlogger

G-Earth/pom.xml

@@ -149,11 +149,6 @@
             <artifactId>json</artifactId>
             <version>20190722</version>
         </dependency>
-        <dependency>
-            <groupId>org.fxmisc.richtext</groupId>
-            <artifactId>richtextfx</artifactId>
-            <version>0.10.5</version>
-        </dependency>
         <dependency>
             <groupId>org.jsoup</groupId>
             <artifactId>jsoup</artifactId>
@@ -215,4 +210,4 @@
             <url>https://oss.sonatype.org/content/repositories/snapshots</url>
         </repository>
     </repositories>
-</project>
+</project>

G-Earth/src/main/java/gearth/ui/extensions/logger/ExtensionLoggerController.java

@@ -1,13 +1,12 @@
 package gearth.ui.extensions.logger;
 
 import javafx.application.Platform;
+import javafx.concurrent.Worker;
 import javafx.fxml.Initializable;
-import javafx.scene.control.ScrollPane;
 import javafx.scene.layout.BorderPane;
+import javafx.scene.web.WebEngine;
+import javafx.scene.web.WebView;
 import javafx.stage.Stage;
-import org.fxmisc.flowless.VirtualizedScrollPane;
-import org.fxmisc.richtext.StyleClassedTextArea;
-import org.fxmisc.richtext.model.StyleSpansBuilder;
 
 import java.net.URL;
 import java.util.*;
@@ -16,57 +15,42 @@ public class ExtensionLoggerController implements Initializable {
     public BorderPane borderPane;
 
     private Stage stage = null;
-    private StyleClassedTextArea area;
+    private WebView webView;
 
     private volatile boolean initialized = false;
-    private final List<Element> appendOnLoad = new ArrayList<>();
+    private final List<String> appendOnLoad = new LinkedList<>();
 
 
     @Override
     public void initialize(URL arg0, ResourceBundle arg1) {
-        area = new StyleClassedTextArea();
-        area.getStyleClass().add("white");
-        area.setWrapText(true);
-        area.setEditable(false);
+        webView = new WebView();
 
-        VirtualizedScrollPane<StyleClassedTextArea> vsPane = new VirtualizedScrollPane<>(area);
-        borderPane.setCenter(vsPane);
+        borderPane.setCenter(webView);
 
-        synchronized (appendOnLoad) {
-            initialized = true;
-            if (!appendOnLoad.isEmpty()) {
+        webView.getEngine().getLoadWorker().stateProperty().addListener((observableValue, oldState, newState) -> {
+            if (newState == Worker.State.SUCCEEDED) {
+                initialized = true;
+                webView.prefHeightProperty().bind(stage.heightProperty());
+                webView.prefWidthProperty().bind(stage.widthProperty());
                 appendLog(appendOnLoad);
-                appendOnLoad.clear();
             }
-        }
+        });
+
+        webView.getEngine().load(getClass().getResource("/gearth/ui/logger/uilogger/logger.html").toString());
     }
 
-    private synchronized void appendLog(List<Element> elements) {
+    private synchronized void appendLog(List<String> html) {
         Platform.runLater(() -> {
-            StringBuilder sb = new StringBuilder();
-            StyleSpansBuilder<Collection<String>> styleSpansBuilder = new StyleSpansBuilder<>(0);
+            String script = "document.getElementById('output').innerHTML += '" + String.join("", html) + "';";
+            webView.getEngine().executeScript(script);
 
-            for (Element element : elements) {
-                sb.append(element.text);
-
-                styleSpansBuilder.add(Collections.singleton(element.className), element.text.length());
-            }
-
-            int oldLen = area.getLength();
-            area.appendText(sb.toString());
-//            System.out.println(sb.toString());
-            area.setStyleSpans(oldLen, styleSpansBuilder.create());
-
-//            if (autoScroll) {
-                area.moveTo(area.getLength());
-                area.requestFollowCaret();
-//            }
+            executejQuery(webView.getEngine(), "$('html, body').animate({scrollTop:$(document).height()}, 'slow');");
         });
     }
 
     void log(String s) {
         s = cleanTextContent(s);
-        ArrayList<Element> elements = new ArrayList<>();
+        List<String> elements = new LinkedList<>();
 
         String classname, text;
         if (s.startsWith("[") && s.contains("]")) {
@@ -82,9 +66,9 @@ public class ExtensionLoggerController implements Initializable {
             int index = text.indexOf(" --> ") + 5;
             String extensionAnnouncement = text.substring(0, index);
             text = text.substring(index);
-            elements.add(new Element(extensionAnnouncement, "black"));
+            elements.add(divWithClass(extensionAnnouncement, "black"));
         }
-        elements.add(new Element(text + "\n", classname.toLowerCase()));
+        elements.add(divWithClass(text, classname.toLowerCase()));
 
         synchronized (appendOnLoad) {
             if (initialized) {
@@ -114,4 +98,42 @@ public class ExtensionLoggerController implements Initializable {
         return text.trim();
     }
 
+    private String divWithClass(String content, String klass) {
+        return escapeMessage("<div class=\"" + klass + "\">" + content + "</div>");
+    }
+
+    private String spanWithClass(String content, String klass) {
+        return escapeMessage("<span class=\"" + klass + "\">" + content + "</span>");
+    }
+
+    private String escapeMessage(String text) {
+        return text
+                .replace("\n\r", "<br />")
+                .replace("\n", "<br />")
+                .replace("\r", "<br />")
+                .replace("'", "\\'");
+    }
+
+    private static Object executejQuery(final WebEngine engine, String script) {
+        return engine.executeScript(
+                "(function(window, document, version, callback) { "
+                        + "var j, d;"
+                        + "var loaded = false;"
+                        + "if (!(j = window.jQuery) || version > j.fn.jquery || callback(j, loaded)) {"
+                        + " var script = document.createElement(\"script\");"
+                        + " script.type = \"text/javascript\";"
+                        + " script.src = \"http://code.jquery.com/jquery-1.7.2.min.js\";"
+                        + " script.onload = script.onreadystatechange = function() {"
+                        + " if (!loaded && (!(d = this.readyState) || d == \"loaded\" || d == \"complete\")) {"
+                        + " callback((j = window.jQuery).noConflict(1), loaded = true);"
+                        + " j(script).remove();"
+                        + " }"
+                        + " };"
+                        + " document.documentElement.childNodes[0].appendChild(script) "
+                        + "} "
+                        + "})(window, document, \"1.7.2\", function($, jquery_loaded) {" + script + "});"
+        );
+    }
+
+
 }

G-Earth/src/main/java/gearth/ui/logger/loggerdisplays/uilogger/UiLoggerController.java

@@ -6,18 +6,16 @@ import gearth.protocol.HMessage;
 import gearth.protocol.HPacket;
 import gearth.ui.logger.loggerdisplays.PacketLogger;
 import javafx.application.Platform;
-import javafx.beans.InvalidationListener;
-import javafx.beans.Observable;
+import javafx.concurrent.Worker;
 import javafx.event.ActionEvent;
 import javafx.fxml.Initializable;
 import javafx.scene.control.CheckMenuItem;
 import javafx.scene.control.Label;
 import javafx.scene.layout.BorderPane;
 import javafx.scene.layout.FlowPane;
+import javafx.scene.web.WebEngine;
+import javafx.scene.web.WebView;
 import javafx.stage.Stage;
-import org.fxmisc.flowless.VirtualizedScrollPane;
-import org.fxmisc.richtext.StyleClassedTextArea;
-import org.fxmisc.richtext.model.StyleSpansBuilder;
 
 import java.net.URL;
 import java.util.*;
@@ -37,7 +35,7 @@ public class UiLoggerController implements Initializable {
     public CheckMenuItem chkMessageHash;
     public Label lblHarbleAPI;
 
-    private StyleClassedTextArea area;
+    private WebView webView;
 
     private Stage stage;
 
@@ -51,26 +49,27 @@ public class UiLoggerController implements Initializable {
     private boolean alwaysOnTop = false;
 
     private volatile boolean initialized = false;
-    private final List<Element> appendLater = new ArrayList<>();
+    private final List<String> appendLater = new LinkedList<>();
 
     @Override
     public void initialize(URL arg0, ResourceBundle arg1) {
-        area = new StyleClassedTextArea();
-        area.getStyleClass().add("dark");
-        area.setWrapText(true);
+        webView = new WebView();
 
-        VirtualizedScrollPane<StyleClassedTextArea> vsPane = new VirtualizedScrollPane<>(area);
-        borderPane.setCenter(vsPane);
+        borderPane.setCenter(webView);
 
-        synchronized (appendLater) {
-            initialized = true;
-            if (!appendLater.isEmpty()) {
+        webView.getEngine().getLoadWorker().stateProperty().addListener((observableValue, oldState, newState) -> {
+            if (newState == Worker.State.SUCCEEDED) {
+                initialized = true;
+                webView.prefHeightProperty().bind(stage.heightProperty());
+                webView.prefWidthProperty().bind(stage.widthProperty());
                 appendLog(appendLater);
-                appendLater.clear();
             }
-        }
+        });
+
+        webView.getEngine().load(getClass().getResource("/gearth/ui/logger/uilogger/logger.html").toString());
     }
 
+
     private static String cleanTextContent(String text) {
 //        // strips off all non-ASCII characters
 //        text = text.replaceAll("[^\\x00-\\x7F]", "");
@@ -84,7 +83,7 @@ public class UiLoggerController implements Initializable {
         return text.trim();
     }
 
-    public void appendMessage(HPacket packet, int types) {
+    public synchronized void appendMessage(HPacket packet, int types) {
         boolean isBlocked = (types & PacketLogger.MESSAGE_TYPE.BLOCKED.getValue()) != 0;
         boolean isReplaced = (types & PacketLogger.MESSAGE_TYPE.REPLACED.getValue()) != 0;
         boolean isIncoming = (types & PacketLogger.MESSAGE_TYPE.INCOMING.getValue()) != 0;
@@ -92,7 +91,7 @@ public class UiLoggerController implements Initializable {
         if (isIncoming && !viewIncoming) return;
         if (!isIncoming && !viewOutgoing) return;
 
-        ArrayList<Element> elements = new ArrayList<>();
+        StringBuilder packetHtml = new StringBuilder("<div>");
 
         String expr = packet.toExpression(isIncoming ? HMessage.Direction.TOCLIENT : HMessage.Direction.TOSERVER);
 
@@ -104,91 +103,91 @@ public class UiLoggerController implements Initializable {
                     packet.headerId()
             );
 
-            if ( message != null && !(viewMessageName && !viewMessageHash && message.getName() == null)) {
+            if (message != null && !(viewMessageName && !viewMessageHash && message.getName() == null)) {
                 if (viewMessageName && message.getName() != null) {
-                    elements.add(new Element("["+message.getName()+"]", "messageinfo"));
+                    packetHtml.append(divWithClass("[" + message.getName() + "]", "messageinfo"));
                 }
                 if (viewMessageHash) {
-                    elements.add(new Element("["+message.getHash()+"]", "messageinfo"));
+                    packetHtml.append(divWithClass("[" + message.getHash() + "]", "messageinfo"));
                 }
-                elements.add(new Element("\n", ""));
             }
         }
 
-        if (isBlocked) elements.add(new Element("[Blocked]\n", "blocked"));
-        else if (isReplaced) elements.add(new Element("[Replaced]\n", "replaced"));
+        if (isBlocked) packetHtml.append(divWithClass("[Blocked]", "blocked"));
+        else if (isReplaced) packetHtml.append(divWithClass("[Replaced]", "replaced"));
 
-        if (isIncoming) {
-            // handle skipped eventually
-            elements.add(new Element("Incoming[", "incoming"));
-            elements.add(new Element(String.valueOf(packet.headerId()), ""));
-            elements.add(new Element("]", "incoming"));
 
-            elements.add(new Element(" <- ", ""));
-            if (skiphugepackets && packet.length() > 4000) {
-                elements.add(new Element("<packet skipped>", "skipped"));
-            }
-            else {
-                elements.add(new Element(packet.toString(), "incoming"));
-            }
-        } else {
-            elements.add(new Element("Outgoing[", "outgoing"));
-            elements.add(new Element(String.valueOf(packet.headerId()), ""));
-            elements.add(new Element("]", "outgoing"));
+        packetHtml
+                .append("<div>")
+                .append(isIncoming ? spanWithClass("Incoming[", "incoming") :
+                        spanWithClass("Outgoing[", "outgoing"))
+                .append(packet.headerId())
+                .append(spanWithClass("]", isIncoming ? "incoming" : "outgoing"))
+                .append(isIncoming ? " <- " : " -> ")
+                .append(skiphugepackets && packet.length() > 4000 ?
+                        divWithClass("<packet skipped>", "skipped") :
+                        divWithClass(packet.toString(), isIncoming ? "incoming" : "outgoing"));
 
-            elements.add(new Element(" -> ", ""));
-
-            if (skiphugepackets && packet.length() > 8000) {
-                elements.add(new Element("<packet skipped>", "skipped"));
-            }
-            else {
-                elements.add(new Element(packet.toString(), "outgoing"));
-            }
-        }
 
         String cleaned = cleanTextContent(expr);
         if (cleaned.equals(expr)) {
             if (!expr.equals("") && displayStructure && packet.length() <= 2000)
-                elements.add(new Element("\n" + cleanTextContent(expr), "structure"));
+                packetHtml.append(divWithClass(cleanTextContent(expr), "structure"));
         }
 
 
-        elements.add(new Element("\n--------------------\n", ""));
+        packetHtml.append(divWithClass("--------------------", ""));
 
         synchronized (appendLater) {
             if (initialized) {
-                appendLog(elements);
-            }
-            else {
-                appendLater.addAll(elements);
+                appendLog(Collections.singletonList(packetHtml.toString()));
+            } else {
+                appendLater.add(packetHtml.toString());
             }
         }
-
     }
 
-    private synchronized void appendLog(List<Element> elements) {
+    private synchronized void appendLog(List<String> html) {
         Platform.runLater(() -> {
-            StringBuilder sb = new StringBuilder();
-            StyleSpansBuilder<Collection<String>> styleSpansBuilder = new StyleSpansBuilder<>(0);
-
-            for (Element element : elements) {
-                sb.append(element.text);
-
-                styleSpansBuilder.add(Collections.singleton(element.className), element.text.length());
-            }
-
-            int oldLen = area.getLength();
-            area.appendText(sb.toString());
-//            System.out.println(sb.toString());
-            area.setStyleSpans(oldLen, styleSpansBuilder.create());
+            String script = "document.getElementById('output').innerHTML += '" + String.join("", html) + "';";
+            webView.getEngine().executeScript(script);
 
             if (autoScroll) {
-//                area.moveTo(area.getLength());
-                area.requestFollowCaret();
+                executejQuery(webView.getEngine(), "$('html, body').animate({scrollTop:$(document).height()}, 'slow');");
             }
         });
     }
 
+    // escapes logger text so that there are no javascript errors
+    private String escapeMessage(String text) {
+        return text
+                .replace("\n\r", "<br />")
+                .replace("\n", "<br />")
+                .replace("\r", "<br />")
+                .replace("'", "\\'");
+    }
+
+    private static Object executejQuery(final WebEngine engine, String script) {
+        return engine.executeScript(
+                "(function(window, document, version, callback) { "
+                        + "var j, d;"
+                        + "var loaded = false;"
+                        + "if (!(j = window.jQuery) || version > j.fn.jquery || callback(j, loaded)) {"
+                        + " var script = document.createElement(\"script\");"
+                        + " script.type = \"text/javascript\";"
+                        + " script.src = \"http://code.jquery.com/jquery-1.7.2.min.js\";"
+                        + " script.onload = script.onreadystatechange = function() {"
+                        + " if (!loaded && (!(d = this.readyState) || d == \"loaded\" || d == \"complete\")) {"
+                        + " callback((j = window.jQuery).noConflict(1), loaded = true);"
+                        + " j(script).remove();"
+                        + " }"
+                        + " };"
+                        + " document.documentElement.childNodes[0].appendChild(script) "
+                        + "} "
+                        + "})(window, document, \"1.7.2\", function($, jquery_loaded) {" + script + "});"
+        );
+    }
+
     public void setStage(Stage stage) {
         this.stage = stage;
     }
@@ -233,6 +232,14 @@ public class UiLoggerController implements Initializable {
     }
 
     public void clearText(ActionEvent actionEvent) {
-        area.clear();
+        executejQuery(webView.getEngine(), "$('#output').empty();");
+    }
+
+    private String divWithClass(String content, String klass) {
+        return escapeMessage("<div class=\"" + klass + "\">" + content + "</div>");
+    }
+
+    private String spanWithClass(String content, String klass) {
+        return escapeMessage("<span class=\"" + klass + "\">" + content + "</span>");
     }
 }

G-Earth/src/main/resources/gearth/ui/logger/uilogger/logger.css

@@ -1,47 +1,47 @@
 /* packet logger css */
 .text {
-    -fx-fill: #a9a9a9;
+    color: #a9a9a9;
 }
 
 .messageinfo {
-    -fx-fill: #D0D3D4;
+    color: #D0D3D4;
 }
 
 .blocked, .replaced {
-    -fx-fill: #ffff00;
+    color: #ffff00;
 }
 
 .incoming {
-    -fx-fill: #b22222;
+    color: #b22222;
 }
 
 .outgoing {
-    -fx-fill: #0066cc;
+    color: #0066cc;
 }
 
 .structure, .skipped {
-    -fx-fill: cyan;
+    color: cyan;
 }
 
 .dark {
-    -fx-background-color: #000000;
+    background-color: #000000;
+    color: #a9a9a9;
 }
 
 .caret {
-    -fx-stroke: #ffffff;
+    stroke: #ffffff;
 }
 
 .label {
-    -fx-text-fill: #000000 !important;
+    color: #000000 !important;
 }
 
 .menu-bar .text, .menu .text {
-    -fx-text-fill: #000000 !important;
-    -fx-fill: #000000 !important;
-    -fx-padding: -2 0 -2 0 !important;
+    color: #000000 !important;
+    /*padding: -2px 0 -2px 0 !important;*/
 }
 
 .scroll-bar:vertical {
-    -fx-pref-width: 16.5;
-    -fx-padding: 1;
+    width: 17px;
+    padding: 1px;
 }

G-Earth/src/main/resources/gearth/ui/logger/uilogger/logger.html

@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>G-Earth Logger</title>
+    <link rel="stylesheet" href="logger.css">
+</head>
+<body>
+<div id="output" class="dark"></div>
+</body>
+</html>