.

Author: devgutt

bundle/examples/simple/client.html

@@ -15,6 +15,7 @@
         "WDR Last Update **{{ [https://webdatarender.com] updates.items.0.description }}**",
         "WDR Last last Update **{{ [https://webdatarender.com] updates.items.1.description }}**",
         "WDR Subscribe **{{ [https://webdatarender.com] subscribe }}**",
+        "Evaluatly code **{{ [https://evaluatly.com] code.description }}**",
         ""
     ],
     "#sec": [

bundle/src/main.css

@@ -16,13 +16,13 @@ html, body {
 	box-sizing: inherit;
 }
 html {
+    font-size: 18px;
 	-moz-osx-font-smoothing: grayscale;
 	-webkit-font-smoothing: antialiased;
 	text-rendering: optimizeLegibility;
 	text-size-adjust: 100%;
 }
 body {
-    font-size: 18px;
     color: var(--font_color);
 	font-weight: 400;
 	background-color: #ffffff;

src/Render.js

@@ -36,7 +36,7 @@ function renderItem(parent, key, value, level) {
 
         value.forEach(v => {
             if (typeof v == 'object') {
-                const sectionItem = el.create('div', { class: "highlight" });
+                const sectionItem = el.create('div', {});
                 el.append(section, sectionItem);
                 renderItem(sectionItem, key, v, level);
             } else {

src/Variables.js

@@ -11,7 +11,8 @@ function createVariables(defaultData) {
         if (key) {
             if (DATA[key] == undefined) {
                 DATA[key] = fetch(key)
-                    .then(x => new Promise(resolve => setTimeout(() => resolve(x), Math.random()*10000)))
+                    // .then(x => new Promise(resolve => setTimeout(() => resolve(x), Math.random()*10000)))
+                    .then(x => new Promise(resolve => setTimeout(() => resolve(x), 500)))
                     .then(r => r.json());
             }
             return DATA[key];
@@ -25,7 +26,9 @@ function createVariables(defaultData) {
     async function getValue(url, path) {
 
         const data = await getData(url);
-        return path.split(".").reduce((acc, cur) => acc[cur.trim()], data);
+        const ret = path.split(".").reduce((acc, cur) => acc[(cur+"").trim()], data);
+        console.log(ret);
+        return ret;
     }
 
     return {
@@ -49,7 +52,7 @@ function createVariables(defaultData) {
                 try {
                     ret.push(await getValue(url, path));
                 } catch (error) {
-                    ret.push(`[ERROR]`);
+                    ret.push("[ERROR]");
                 }
 
                 i = reg.lastIndex;