.

Author: devgutt

bundle/examples/simple/client.html

@@ -1,30 +1,39 @@
 {
     "#title": "Client",
     "info": {
-        "#num": 120,
-        "#txt": "ATOME"
+        "num": 120,
+        "txt": "ATOME"
     },
+    "tst": [
+        "The number id **{{ info.num }}** and the number again {{ info.txt }} and {{ info.txt.ttt.hello.opa }}"
+    ],
     "main": [
-        "The number id **{{ [/examples/simple/source.html] info.#num }}**",
-        "The number id **{{ info.#num }}** and the number again {{ info.#txt }}",
-        "The number id **{{ [/examples/simple/source.html] info.#txt }}** and \nthis is another {{ [/examples/simple/source.html] info.#txt }}",
-        "The number id **{{ [http://nn] info.#txt }}** this is another {{ [/examples/simple/source.html] info.#txt }}",
-        "The number id **{{ [http://nn] info.#txt }}** and the number again {{ info.#txt }}",
-        "The number id **{{ [/examples/simple/source.html] info.#loopa }}** and the number again {{ info.#txt }}",
-        "The number id **{{ [/examples/simple/source.html] info.#txt }}**",
-        "The number id **{{ [/examples/simple/index.html] info.#txt }}**",
-
+        "The number id **{{ [/examples/simple/source.html] info.num }}** and **{{ [/examples/simple/source.html] info.txt }}**",
+        "The number id **{{ info.num }}** and the number again {{ info.txt }}",
+        "The number id **{{ [/examples/simple/source.html] info.nested.hello }}**",
+        "WDR Title **{{ [https://webdatarender.com] #title }}**",
+        "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 }}**",
+        ""
+    ],
+    "#sec": [
+        "The number id **{{ [/examples/simple/source.html] info.txt }}** and \nthis is another {{ [/examples/simple/source.html] info.txt }}",
+        "The number id **{{ [http://nn] info.txt }}** this is another {{ [/examples/simple/source.html] info.txt }}",
+        "The number id **{{ [http://nn] info.txt }}** and the number again {{ info.txt }}",
+        "The number id **{{ [/examples/simple/source.html] info.#loopa }}** and the number again {{ info.txt }}",
+        "The number id **{{ [/examples/simple/source.html] info.txt }}**",
+        "The number id **{{ [/examples/simple/index.html] info.txt }}**",
         ""
     ],
     "#test": [
         "--------------------------------------------------",
-        "The number id **{{ info.#num }}**",
-        "The number id **{{info.#num}}**",
-        "The number id **{{   info.#num      }}**",
-        "The number id **{{ info.#num {{num}} }}**",
-        "The number id **{{ [/examples/simple/source.html]info.#num }}**",
-        "The number id **{{ [/examples/simple/source.html] info.#num }}**",
-
+        "The number id **{{ info.num }}**",
+        "The number id **{{info.num}}**",
+        "The number id **{{   info.num      }}**",
+        "The number id **{{ info.num {{num}} }}**",
+        "The number id **{{ [/examples/simple/source.html]info.num }}**",
+        "The number id **{{ [/examples/simple/source.html] info.num }}**",
         ""
     ],
 

bundle/examples/simple/source.html

@@ -1,11 +1,14 @@
 {
     "#title": "Source",
     "info": {
-        "#num": 42,
-        "#txt": "Universe"
+        "num": 42,
+        "txt": "Universe",
+        "nested": {
+            "hello": "world"
+        }
     },
     "main": [
-        "The number id **{{ info.#num }}** and the number again {{ info.#txt }}"
+        "The number id **{{ info.num }}** and the number again {{ info.txt }} in {{ info.nested.hello }}"
     ],
 
 

src/Variables.js

@@ -2,28 +2,32 @@
 
 function createVariables(defaultData) {
 
-    const data = {
+    const DATA = {
         _: defaultData
     }
 
     async function getData(key) {
 
         if (key) {
-            if (data[key] == undefined) {
-                console.log('NEW DATABASE --- ', key);
-
-                data[key] = fetch(key)
+            if (DATA[key] == undefined) {
+                DATA[key] = fetch(key)
                     .then(x => new Promise(resolve => setTimeout(() => resolve(x), Math.random()*10000)))
                     .then(r => r.json());
             }
-            return data[key];
+            return DATA[key];
 
         } else {
-            return data['_'];
+            return DATA['_'];
         }
 
     }
 
+    async function getValue(url, path) {
+
+        const data = await getData(url);
+        return path.split(".").reduce((acc, cur) => acc[cur.trim()], data);
+    }
+
     return {
         replace: (str, mark) => {
             return str.replace(/{{[^{}]+}}/g, mark);
@@ -43,10 +47,7 @@ function createVariables(defaultData) {
                 ret.push(str.slice(i, match.index));
 
                 try {
-                    const d = await getData(url);
-
-                    ret.push(`[[[${url || ""}@${path}]]]`);
-                    
+                    ret.push(await getValue(url, path));
                 } catch (error) {
                     ret.push(`[ERROR]`);
                 }