first version

Author: MUlt1mate

LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2018 MUlt1mate
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -0,0 +1,16 @@
+# Google chrome extension that improves RabbitMQ web console UI
+
+### Features
+* Saves last message for each queue and restores it when you open queue page
+* JSON parsing for messages in queue payload
+
+### Requirements
+
+* Tested on RabbitMQ 3.6.10
+* Currently requires url to match expression http://*:15672/*
+
+## Screenshots
+
+![Interface](screenshot.png)
+
+JSON Formatter by [mohsen1/json-formatter-js](https://github.com/mohsen1/json-formatter-js)

content.js

@@ -0,0 +1,120 @@
+function Formatter() {
+    this.parseError = document.createElement("div");
+    this.parseError.id = 'parseError';
+    this.formattedDiv = document.createElement("div");
+    this.formattedDiv.id = 'formattedPayload';
+    this.payload = document.getElementsByTagName('textarea')[0];
+    this.update = function () {
+        console.log('updated!!');
+        this.formattedDiv.innerHTML = '';
+        this.hideError();
+        let raw = this.payload.value;
+        if ('' === raw) {
+            return;
+        }
+
+        let jsonObj;
+        try {
+            jsonObj = JSON.parse(raw);
+        }
+        catch (e) {
+            this.showError(e.toString());
+            return;
+        }
+
+        // this.payload.value = JSON.stringify(jsonObj, undefined, 2);
+
+        savePayload(this.payload.value);
+
+        let formatter = new JSONFormatter(jsonObj, Infinity, {
+            hoverPreviewEnabled: false,
+            hoverPreviewArrayCount: 20,
+            hoverPreviewFieldCount: 20,
+            theme: 'dark',
+            animateOpen: true,
+            animateClose: true,
+            useToJSON: true
+        });
+        this.formattedDiv.appendChild(formatter.render());
+    };
+    this.showError = function (error) {
+        this.parseError.innerText = error;
+    };
+
+    this.hideError = function () {
+        this.parseError.innerText = '';
+    };
+}
+
+let hash = document.location.hash;
+setInterval(updateHash, 500);
+
+function updateHash() {
+    let newHash = document.location.hash;
+    console.log(newHash);
+    if (hash !== newHash) {
+        init();
+        hash = newHash;
+    }
+}
+
+init();
+
+function init() {
+    let formatter = new Formatter();
+    if (formatter.payload === undefined || formatter.payload === undefined) {
+        return;
+    }
+
+    formatter.payload.parentElement.append(formatter.parseError);
+    formatter.payload.closest('div').append(formatter.formattedDiv);
+    formatter.update();
+    let wait = null;
+    formatter.payload.onkeyup = function () {
+        window.clearTimeout(wait);
+        wait = setTimeout(function () {
+            formatter.update();
+        }, 700);
+    };
+    getSavedPayload(function (result) {
+        let key = getKey();
+        if (!key) {
+            return;
+        }
+        let value = result[key];
+        if (!value) {
+            return;
+        }
+        formatter.payload.value = value;
+        formatter.update();
+    })
+}
+
+
+function getKey() {
+    const queueExp = /\/queues\/%2F\/(.*)/;
+
+    let found = window.location.hash.match(queueExp);
+    if (null === found) {
+        return found;
+    }
+    return 'rmq_q_payload_' + window.location.hostname + found[1];
+}
+
+function savePayload(payload) {
+    let key = getKey();
+    if (!key) {
+        return;
+    }
+    let obj = {};
+    obj[key] = payload;
+    chrome.storage.local.set(obj);
+}
+
+function getSavedPayload(callback) {
+    let key = getKey();
+    if (!key) {
+        return;
+    }
+    chrome.storage.local.get([key], callback);
+}