[IMP] devtools: show objects class name and add special extension cases

This commit ensures that class names are displayed for non generic
objects and extensions of generic classes will have custom display for
their content.

tools/devtools/src/page_scripts/owl_devtools_global_hook.js

@@ -109,6 +109,13 @@
         object(obj) {
           const result = [];
           let length = 0;
+          if (obj instanceof String) {
+            result[0] = `'${obj.toString()}'`;
+          } else if (obj instanceof Array) {
+            return `${obj.constructor.name} ${this.array([...obj])}`;
+          } else if (obj instanceof Number) {
+            result[0] = obj.toString();
+          } else {
             for (const [key, value] of Object.entries(obj)) {
               if (length > 25) {
                 result.push("...");
@@ -127,6 +134,10 @@
               length += element.length;
               result.push(element);
             }
+          }
+          if (obj.constructor.name !== "Object") {
+            return obj.constructor.name + " {" + result.join(", ") + "}";
+          }
           return "{" + result.join(", ") + "}";
         },
         map(obj) {
@@ -823,7 +834,7 @@
               child.contentType = "set";
               child.hasChildren = true;
               break;
-            case obj instanceof Array:
+            case obj.constructor.name === "Array":
               child.contentType = "array";
               child.hasChildren = obj.length > 0;
               break;