Feature: Improve Dev-Console (#1850)

* Feature: Improve Dev-Console

* some improvements

Co-authored-by: Manolis Mandrapilias <[email protected]>

Author: k9ert

src/cryptoadvance/specterext/devhelp/console.py

@@ -22,7 +22,7 @@ def updateNamespace(self, namespace):
         self.namespace.update(
             {
                 "help": f"You can try calling any of the following objects: {list(self.namespace.keys())}\n"
-                f"Use a trainling '.' to get available methods and propeties, e.g. try: '{list(self.namespace.keys())[-1]}.'\n"
+                f"Use a trailing '.' to get available methods and propeties, e.g. try: '{list(self.namespace.keys())[-1]}.'\n"
                 "The command 'run' can execute python scripts, e.g., run('myscript.py')"
             }
         )

src/cryptoadvance/specterext/devhelp/service.py

@@ -4,9 +4,11 @@
 from cryptoadvance.specter.services.service import Service, devstatus_alpha
 from cryptoadvance.specter.specter_error import SpecterError
 from cryptoadvance.specter.wallet import Wallet
+from cryptoadvance.specter import util
 from .console import Console
 import flask
 import flask_login
+from flask_login import current_user
 
 logger = logging.getLogger(__name__)
 
@@ -22,11 +24,7 @@ class DevhelpService(Service):
     devstatus = devstatus_alpha
     console = Console()
     console.updateNamespace(
-        {
-            "app": app,
-            "flask": flask,
-            "flask_login": flask_login,
-        }
+        {"app": app, "flask": flask, "flask_login": flask_login, "util": util}
     )
 
     sort_priority = 2

src/cryptoadvance/specterext/devhelp/templates/devhelp/dev-console.jinja

@@ -5,25 +5,43 @@
 
 <div class="card" style="width:1000px">
     <p>
-        Python-expressions here:
+        
     </p>
     <form name="console" onSubmit="return handleIt()">
 
         <div style="display: flex;">
-            <span>Code:</span>
+            <span>Python-expressions here:</span>
+            <tool-tip width="500px">
+                <h4 slot="title">How to use the Console</h4>
+                <span slot="paragraph">
+                    Try these things:
+                    <b>'help'</b> will give you a list of commands and objects available<br>
+                    Use a trailing '.' to get available methods and propeties, e.g. try: <b>'app.specter.'</b> <br>
+                    The command <b>'run'</b> can execute python scripts, e.g., run('myscript.py')
+                </span>
+            </tool-tip>
         </div>
-        <p><input type="text" id="msgBody" name="msgBody" value="app.specter"></p>
+        <input type="text" id="msgBody" name="msgBody" value="app.specter.">
+
 
         <br><br>
         <input name="Submit" class="btn" type="submit" value="Submit" />
     </form>
+    you can also do that in any javascript.console with:
+    <pre>
+    await pythonCommand("app.specter") 
+    </pre>
+    Some usefull idioms:
+    <pre>
+    list(flask_login.current_user.wallet_manager.wallets)
+    </pre>
 
     <p>
         Output
     </p>
-    <pre>
-        <div id="output"></div>
-    </pre>
+    <div id="start">
+
+    </div>
 </div>
 
 
@@ -32,13 +50,74 @@
 
 {% block scripts %}
 <script type="text/javascript">
+    var counter = 0
     function handleIt() {
-        var msgBody = document.getElementById("msgBody").value;
-        a = pythonCommand(msgBody).then((data) => { 
-                document.getElementById("output").append(data)
-                document.getElementById("output").append("\n")
+        start = document.getElementById("start")
+        
+
+        var command = document.getElementById("msgBody").value;
+        console.log(msgBody)
+
+
+        a = pythonCommand(command).then((result) => {
+            var pre = document.createElement("pre");
+            pre.append(counter + " > " + command + "\n")
+            if (command.endsWith(".") && (! (typeof(result) == "string"))) {
+                start.insertBefore(pre,start.children[0])
+                
+                var varHider = document.createElement("input");
+                varHider.type = "button"
+                varHider.value="vars"
+                start.insertBefore(varHider,start.children[1])
+                var vars = document.createElement("pre");
+                vars.id = "var" + counter
+                varHider.onclick = function() {
+                    if (document.getElementById(vars.id ).style.display=='none') {
+                        document.getElementById(vars.id ).style.display='block'
+                    } else {
+                        document.getElementById(vars.id ).style.display='none'
+                    }
+                    
+                }
+                vars.style.display='none'
+                console.log(result.vars)
+                for (const key in result.vars) {
+                    vars.appendChild(document.createTextNode((`${key}: ${result.vars[key]}\n`)))
+                }
+                start.insertBefore(vars,start.children[2])
+
+                var dirHider = document.createElement("input");
+                dirHider.type = "button"
+                dirHider.value="dirs"
+                start.insertBefore(dirHider,start.children[3])
+                var dirs = document.createElement("pre");
+                dirs.id = "dirs" + counter
+                dirHider.onclick = function() {
+                    if (document.getElementById(dirs.id ).style.display=='none') {
+                        document.getElementById(dirs.id ).style.display='block'
+                    } else {
+                        document.getElementById(dirs.id ).style.display='none'
+                    }
+                    
+                }
+                dirs.style.display='none'
+                console.log(result.dirs)
+                result.dir.forEach((elem) => {
+                    dirs.appendChild(document.createTextNode((`${elem}\n`)))
+                });
+                start.insertBefore(dirs,start.children[4])
+
+
+            } else {
+                if (result == "") {
+                    result = "(empty string)"
+                }
+                pre.append("    " + result.toString() + "\n")
+                start.insertBefore(pre,start.children[0])
+            }
+
         })
-        console.log(a)
+        counter++
         return false
     }