diff --git a/fastn-js/js/utils.js b/fastn-js/js/utils.js
index 645eb2aa0..df917bf08 100644
--- a/fastn-js/js/utils.js
+++ b/fastn-js/js/utils.js
@@ -50,9 +50,9 @@ let fastn_utils = {
            return this.getStaticValue(obj.get());
         } else if (obj instanceof fastn.mutableListClass) {
             return obj.getList();
-        } else if (obj instanceof fastn.recordInstanceClass) {
-            return obj.toObject();
-        } else {
+        } /*else if (obj instanceof fastn.recordInstanceClass) {
+            return obj.getAllFields();
+        }*/ else {
            return obj;
         }
     },
@@ -107,15 +107,13 @@ let fastn_utils = {
         if (Array.isArray(staticValue)) {
             return staticValue.map(func =>
                 fastn_utils.getFlattenStaticValue(func.item));
-        } /*
-        Todo: Make this work
-        else if (typeof staticValue === 'object' && fastn_utils.isNull(staticValue)) {
+        } else if (typeof staticValue === 'object' && fastn_utils.isNull(staticValue)) {
             return Object.fromEntries(
                 Object.entries(staticValue).map(([k,v]) =>
                     [k, fastn_utils.getFlattenStaticValue(v)]
                 )
             );
-        }*/
+        }
         return staticValue;
     },
     getter(value) {
@@ -140,7 +138,15 @@ let fastn_utils = {
         const parts = notation.split('.');
 
         return parts
-            .reduce((obj, key) => fastn_utils.getFlattenStaticValue(obj[key]), fastn_utils.getFlattenStaticValue(value));
+            .reduce((obj, key) => {
+                const value = fastn_utils.getFlattenStaticValue(obj[key]);
+
+                if(value instanceof fastn.recordInstanceClass) {
+                    return value.getAllFields();
+                }
+
+                return value;
+            }, fastn_utils.getFlattenStaticValue(value));
     },
     setter(variable, value) {
         if (!fastn_utils.isNull(variable) && variable.set) {
diff --git a/ftd/t/js/04-variable.html b/ftd/t/js/04-variable.html
index 7336dc611..827932416 100644
--- a/ftd/t/js/04-variable.html
+++ b/ftd/t/js/04-variable.html
@@ -156,7 +156,7 @@
       a: fastn.mutableList([]),
       ...args
     };
-    return (ftd.append(__args__.a, __args__.v));
+    return (ftd.append(fastn_utils.getValueByDotNotation(__args__, "a"), fastn_utils.getValueByDotNotation(__args__, "v")));
   } finally {
     __fastn_package_name__ = __fastn_super_package_name__;
   }
diff --git a/ftd/t/js/05-dynamic-dom-list.html b/ftd/t/js/05-dynamic-dom-list.html
index 9a3fdf7fb..5c0ec9bd0 100644
--- a/ftd/t/js/05-dynamic-dom-list.html
+++ b/ftd/t/js/05-dynamic-dom-list.html
@@ -92,7 +92,7 @@
       a: fastn.mutableList([]),
       ...args
     };
-    return (ftd.append(__args__.a, __args__.v));
+    return (ftd.append(fastn_utils.getValueByDotNotation(__args__, "a"), fastn_utils.getValueByDotNotation(__args__, "v")));
   } finally {
     __fastn_package_name__ = __fastn_super_package_name__;
   }
diff --git a/ftd/t/js/06-dynamic-dom-list-2.html b/ftd/t/js/06-dynamic-dom-list-2.html
index dc0b07ec2..2791fc62a 100644
--- a/ftd/t/js/06-dynamic-dom-list-2.html
+++ b/ftd/t/js/06-dynamic-dom-list-2.html
@@ -66,7 +66,7 @@
       a: fastn.mutableList([]),
       ...args
     };
-    return (ftd.append(__args__.a, __args__.v));
+    return (ftd.append(fastn_utils.getValueByDotNotation(__args__, "a"), fastn_utils.getValueByDotNotation(__args__, "v")));
   } finally {
     __fastn_package_name__ = __fastn_super_package_name__;
   }
@@ -81,7 +81,7 @@
   __fastn_package_name__ = "foo";
   try {
     let __args__ = args;
-    let fastn_utils_val___args___a = fastn_utils.clone(__args__.v);
+    let fastn_utils_val___args___a = fastn_utils.clone(fastn_utils.getValueByDotNotation(__args__, "v"));
     if (fastn_utils_val___args___a instanceof fastn.mutableClass) {
       fastn_utils_val___args___a = fastn_utils_val___args___a.get();
     }
diff --git a/ftd/t/js/07-dynamic-dom-record-list.html b/ftd/t/js/07-dynamic-dom-record-list.html
index 768527371..c6765166d 100644
--- a/ftd/t/js/07-dynamic-dom-record-list.html
+++ b/ftd/t/js/07-dynamic-dom-record-list.html
@@ -57,7 +57,7 @@
       a: fastn.mutableList([]),
       ...args
     };
-    return (ftd.append(__args__.a, __args__.v));
+    return (ftd.append(fastn_utils.getValueByDotNotation(__args__, "a"), fastn_utils.getValueByDotNotation(__args__, "v")));
   } finally {
     __fastn_package_name__ = __fastn_super_package_name__;
   }
diff --git a/ftd/t/js/23-record-list.html b/ftd/t/js/23-record-list.html
index fe0c1aacb..d146ab396 100644
--- a/ftd/t/js/23-record-list.html
+++ b/ftd/t/js/23-record-list.html
@@ -16,7 +16,7 @@
     </style>
 </head>
 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
-<body data-id="1"><div data-id="2" class="ft_column __w-1 __h-2"><div data-id="3" class="ft_column"><comment data-id="4"></comment><div data-id="5" class="ft_row __g-3"><div data-id="6" class="__c-4">1</div><div data-id="7" class="__c-5">Ritesh</div></div><div data-id="8" class="ft_row __g-6"><div data-id="9" class="__c-7">2</div><div data-id="10" class="__c-8">Ajinosaurus</div></div></div><div data-id="11" class="ft_row __g-9"><div data-id="12" class="__c-10">1</div><div data-id="13" class="__c-11">Ritesh</div></div></div></body><style id="styles">
+<body data-id="1"><div data-id="2" class="ft_column __w-1 __h-2"><div data-id="3" class="ft_column"><comment data-id="4"></comment><div data-id="5" class="ft_row __g-3"><div data-id="6" class="__c-4">1</div><div data-id="7" class="__c-5">Ritesh</div></div><div data-id="8" class="ft_row __g-6"><div data-id="9" class="__c-7">2</div><div data-id="10" class="__c-8">Ajinosaurus</div></div></div><div data-id="11" class="ft_row __g-9"><div data-id="12" class="__c-10">[object Object],[object Object]</div><div data-id="13" class="__c-11">[object Object],[object Object]</div></div></div></body><style id="styles">
     .__w-1 { width: 100%; }
 	.__h-2 { height: 100%; }
 	.__g-3 { gap: 5px; }
@@ -141,7 +141,7 @@
       a: fastn.mutableList([]),
       ...args
     };
-    return (ftd.get(__args__.a, 0));
+    return (ftd.get(fastn_utils.getValueByDotNotation(__args__, "a"), 0));
   } finally {
     __fastn_package_name__ = __fastn_super_package_name__;
   }
diff --git a/ftd/t/js/29-dom-list.html b/ftd/t/js/29-dom-list.html
index cb683769e..e5b56845e 100644
--- a/ftd/t/js/29-dom-list.html
+++ b/ftd/t/js/29-dom-list.html
@@ -98,7 +98,7 @@
       a: fastn.mutableList([]),
       ...args
     };
-    return (ftd.append(__args__.a, __args__.v));
+    return (ftd.append(fastn_utils.getValueByDotNotation(__args__, "a"), fastn_utils.getValueByDotNotation(__args__, "v")));
   } finally {
     __fastn_package_name__ = __fastn_super_package_name__;
   }
@@ -114,7 +114,7 @@
       a: fastn.mutableList([]),
       ...args
     };
-    return (ftd.insert_at(__args__.a, 0, __args__.v));
+    return (ftd.insert_at(fastn_utils.getValueByDotNotation(__args__, "a"), 0, fastn_utils.getValueByDotNotation(__args__, "v")));
   } finally {
     __fastn_package_name__ = __fastn_super_package_name__;
   }
@@ -129,7 +129,7 @@
       a: fastn.mutableList([]),
       ...args
     };
-    return (ftd.pop(__args__.a));
+    return (ftd.pop(fastn_utils.getValueByDotNotation(__args__, "a")));
   } finally {
     __fastn_package_name__ = __fastn_super_package_name__;
   }
@@ -144,7 +144,7 @@
       a: fastn.mutableList([]),
       ...args
     };
-    return (ftd.delete_at(__args__.a, 0));
+    return (ftd.delete_at(fastn_utils.getValueByDotNotation(__args__, "a"), 0));
   } finally {
     __fastn_package_name__ = __fastn_super_package_name__;
   }
@@ -159,7 +159,7 @@
       a: fastn.mutableList([]),
       ...args
     };
-    return (ftd.clear_all(__args__.a));
+    return (ftd.clear_all(fastn_utils.getValueByDotNotation(__args__, "a")));
   } finally {
     __fastn_package_name__ = __fastn_super_package_name__;
   }
@@ -175,7 +175,7 @@
       other: fastn.mutableList([]),
       ...args
     };
-    return (ftd.set_list(__args__.a, __args__.other));
+    return (ftd.set_list(fastn_utils.getValueByDotNotation(__args__, "a"), fastn_utils.getValueByDotNotation(__args__, "other")));
   } finally {
     __fastn_package_name__ = __fastn_super_package_name__;
   }
diff --git a/ftd/t/js/31-advance-list.html b/ftd/t/js/31-advance-list.html
index 09bb4cad4..042e53edb 100644
--- a/ftd/t/js/31-advance-list.html
+++ b/ftd/t/js/31-advance-list.html
@@ -109,7 +109,7 @@
       a: fastn.mutableList([]),
       ...args
     };
-    return (ftd.append(__args__.a, __args__.v));
+    return (ftd.append(fastn_utils.getValueByDotNotation(__args__, "a"), fastn_utils.getValueByDotNotation(__args__, "v")));
   } finally {
     __fastn_package_name__ = __fastn_super_package_name__;
   }
@@ -247,7 +247,7 @@
       a: fastn.mutableList([]),
       ...args
     };
-    return (ftd.delete_at(__args__.a, __args__.i));
+    return (ftd.delete_at(fastn_utils.getValueByDotNotation(__args__, "a"), fastn_utils.getValueByDotNotation(__args__, "i")));
   } finally {
     __fastn_package_name__ = __fastn_super_package_name__;
   }
@@ -332,7 +332,7 @@
       a: fastn.mutableList([]),
       ...args
     };
-    return (ftd.len(__args__.a));
+    return (ftd.len(fastn_utils.getValueByDotNotation(__args__, "a")));
   } finally {
     __fastn_package_name__ = __fastn_super_package_name__;
   }
diff --git a/ftd/t/js/31-ftd-len.html b/ftd/t/js/31-ftd-len.html
index a5d628e45..d80177f64 100644
--- a/ftd/t/js/31-ftd-len.html
+++ b/ftd/t/js/31-ftd-len.html
@@ -38,7 +38,7 @@
         return fastn_dom.conditionalDom(root, [
           global.foo__names
         ], function () {
-          return (ftd.len(global.foo__names) > 2);
+          return (ftd.len(fastn_utils.getValueByDotNotation(global, "foo__names")) > 2);
         }, function (root) {
           let rooti0 = fastn_dom.createKernel(root, fastn_dom.ElementKind.Text);
           rooti0.setProperty(fastn_dom.PropertyKind.StringValue, item, inherited);
diff --git a/ftd/t/js/32-ftd-len.html b/ftd/t/js/32-ftd-len.html
index 54de13812..e2cf6d83d 100644
--- a/ftd/t/js/32-ftd-len.html
+++ b/ftd/t/js/32-ftd-len.html
@@ -123,7 +123,7 @@
       a: fastn.mutableList([]),
       ...args
     };
-    return (ftd.append(__args__.a, __args__.v));
+    return (ftd.append(fastn_utils.getValueByDotNotation(__args__, "a"), fastn_utils.getValueByDotNotation(__args__, "v")));
   } finally {
     __fastn_package_name__ = __fastn_super_package_name__;
   }
diff --git a/ftd/t/js/33-list-indexing.html b/ftd/t/js/33-list-indexing.html
index e5302e49c..357b38ec4 100644
--- a/ftd/t/js/33-list-indexing.html
+++ b/ftd/t/js/33-list-indexing.html
@@ -76,7 +76,7 @@
       a: fastn.mutableList([]),
       ...args
     };
-    return (ftd.append(__args__.a, __args__.v));
+    return (ftd.append(fastn_utils.getValueByDotNotation(__args__, "a"), fastn_utils.getValueByDotNotation(__args__, "v")));
   } finally {
     __fastn_package_name__ = __fastn_super_package_name__;
   }
diff --git a/ftd/t/js/52-events.html b/ftd/t/js/52-events.html
index 89a388ddc..d1b0dcd45 100644
--- a/ftd/t/js/52-events.html
+++ b/ftd/t/js/52-events.html
@@ -45,7 +45,7 @@
       a: fastn.mutableList([]),
       ...args
     };
-    return (len(__args__.a));
+    return (len(fastn_utils.getValueByDotNotation(__args__, "a")));
   } finally {
     __fastn_package_name__ = __fastn_super_package_name__;
   }
diff --git a/ftd/t/js/99-dot-notation-referencing.ftd b/ftd/t/js/58-dot-notation-referencing.ftd
similarity index 100%
rename from ftd/t/js/99-dot-notation-referencing.ftd
rename to ftd/t/js/58-dot-notation-referencing.ftd
diff --git a/ftd/t/js/58-dot-notation-referencing.html b/ftd/t/js/58-dot-notation-referencing.html
new file mode 100644
index 000000000..226f79b99
--- /dev/null
+++ b/ftd/t/js/58-dot-notation-referencing.html
@@ -0,0 +1,148 @@
+<html>
+<head>
+    <meta charset="UTF-8">
+    
+    <meta content="fastn" name="generator">
+    
+    
+    <script>
+        let __fastn_package_name__ = "foo";
+    </script>
+
+    <script src="fastn-js.js"></script>
+
+    <style>
+       
+    </style>
+</head>
+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
+<body data-id="1"><div data-id="2" class="ft_column __w-1 __h-2"><div data-id="3" class="__cur-3">Log first day</div><div data-id="4" class="__cur-4">Log github link</div><div data-id="5" class="__cur-5">Log user name</div></div></body><style id="styles">
+    .__w-1 { width: 100%; }
+	.__h-2 { height: 100%; }
+	.__cur-3 { cursor: pointer; }
+	.__cur-4 { cursor: pointer; }
+	.__cur-5 { cursor: pointer; }
+    </style>
+<script>
+    (function() {
+        let global = {
+};
+let main = function (parent) {
+  let __fastn_super_package_name__ = __fastn_package_name__;
+  __fastn_package_name__ = "foo";
+  try {
+    let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Text);
+    parenti0.setProperty(fastn_dom.PropertyKind.StringValue, "Log first day", inherited);
+    parenti0.addEventHandler(fastn_dom.Event.Click, function () {
+      foo__get_first({
+        a: global.foo__days,
+      }, parenti0);
+    });
+    let parenti1 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Text);
+    parenti1.setProperty(fastn_dom.PropertyKind.StringValue, "Log github link", inherited);
+    parenti1.addEventHandler(fastn_dom.Event.Click, function () {
+      foo__log_gh_link({
+        a: global.foo__harsh,
+      }, parenti1);
+    });
+    let parenti2 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Text);
+    parenti2.setProperty(fastn_dom.PropertyKind.StringValue, "Log user name", inherited);
+    parenti2.addEventHandler(fastn_dom.Event.Click, function () {
+      foo__log_user_name({
+        a: global.foo__harsh,
+      }, parenti2);
+    });
+  } finally {
+    __fastn_package_name__ = __fastn_super_package_name__;
+  }
+}
+global["main"] = main;
+let foo__get_first = function (args) {
+  let __fastn_super_package_name__ = __fastn_package_name__;
+  __fastn_package_name__ = "foo";
+  try {
+    let __args__ = {
+      a: fastn.mutableList([]),
+      ...args
+    };
+    return (console.log(fastn_utils.getValueByDotNotation(__args__, "a.0")));
+  } finally {
+    __fastn_package_name__ = __fastn_super_package_name__;
+  }
+}
+global["foo__get_first"] = foo__get_first;
+fastn_utils.createNestedObject(global, "foo__days", fastn.mutableList(["Sun",
+"Mon"]));
+let foo__log_gh_link = function (args)
+{
+  let __fastn_super_package_name__ = __fastn_package_name__;
+  __fastn_package_name__ = "foo";
+  try {
+    let __args__ = args;
+    return (console.log(fastn_utils.getValueByDotNotation(__args__, "a.links")));
+  } finally {
+    __fastn_package_name__ = __fastn_super_package_name__;
+  }
+}
+global["foo__log_gh_link"] = foo__log_gh_link;
+fastn_utils.createNestedObject(global, "foo__my_links", fastn.recordInstance({
+  gh: "harshdoesdev"
+}));
+fastn_utils.createNestedObject(global, "foo__harsh", fastn.recordInstance({
+  name: "Harsh",
+  links: global.foo__my_links
+}));
+let foo__log_user_name = function (args)
+{
+  let __fastn_super_package_name__ = __fastn_package_name__;
+  __fastn_package_name__ = "foo";
+  try {
+    let __args__ = args;
+    return (console.log(fastn_utils.getValueByDotNotation(__args__, "a.name")));
+  } finally {
+    __fastn_package_name__ = __fastn_super_package_name__;
+  }
+}
+global["foo__log_user_name"] = foo__log_user_name;
+fastn_dom.codeData.availableThemes["coldark-theme.dark"] = "../../theme_css/coldark-theme.dark.css";
+fastn_dom.codeData.availableThemes["coldark-theme.light"] = "../../theme_css/coldark-theme.light.css";
+fastn_dom.codeData.availableThemes["coy-theme"] = "../../theme_css/coy-theme.css";
+fastn_dom.codeData.availableThemes["dracula-theme"] = "../../theme_css/dracula-theme.css";
+fastn_dom.codeData.availableThemes["duotone-theme.dark"] = "../../theme_css/duotone-theme.dark.css";
+fastn_dom.codeData.availableThemes["duotone-theme.earth"] = "../../theme_css/duotone-theme.earth.css";
+fastn_dom.codeData.availableThemes["duotone-theme.forest"] = "../../theme_css/duotone-theme.forest.css";
+fastn_dom.codeData.availableThemes["duotone-theme.light"] = "../../theme_css/duotone-theme.light.css";
+fastn_dom.codeData.availableThemes["duotone-theme.sea"] = "../../theme_css/duotone-theme.sea.css";
+fastn_dom.codeData.availableThemes["duotone-theme.space"] = "../../theme_css/duotone-theme.space.css";
+fastn_dom.codeData.availableThemes["fastn-theme.dark"] = "../../theme_css/fastn-theme.dark.css";
+fastn_dom.codeData.availableThemes["fastn-theme.light"] = "../../theme_css/fastn-theme.light.css";
+fastn_dom.codeData.availableThemes["fire.light"] = "../../theme_css/fire.light.css";
+fastn_dom.codeData.availableThemes["gruvbox-theme.dark"] = "../../theme_css/gruvbox-theme.dark.css";
+fastn_dom.codeData.availableThemes["gruvbox-theme.light"] = "../../theme_css/gruvbox-theme.light.css";
+fastn_dom.codeData.availableThemes["laserwave-theme"] = "../../theme_css/laserwave-theme.css";
+fastn_dom.codeData.availableThemes["material-theme.dark"] = "../../theme_css/material-theme.dark.css";
+fastn_dom.codeData.availableThemes["material-theme.light"] = "../../theme_css/material-theme.light.css";
+fastn_dom.codeData.availableThemes["nightowl-theme"] = "../../theme_css/nightowl-theme.css";
+fastn_dom.codeData.availableThemes["one-theme.dark"] = "../../theme_css/one-theme.dark.css";
+fastn_dom.codeData.availableThemes["one-theme.light"] = "../../theme_css/one-theme.light.css";
+fastn_dom.codeData.availableThemes["vs-theme.dark"] = "../../theme_css/vs-theme.dark.css";
+fastn_dom.codeData.availableThemes["vs-theme.light"] = "../../theme_css/vs-theme.light.css";
+fastn_dom.codeData.availableThemes["ztouch-theme"] = "../../theme_css/ztouch-theme.css";
+
+        let main_wrapper = function (parent) {
+            let parenti0 = fastn_dom.createKernel(parent, fastn_dom.ElementKind.Column);
+            parenti0.setProperty(fastn_dom.PropertyKind.Width, fastn_dom.Resizing.FillContainer, inherited);
+            parenti0.setProperty(fastn_dom.PropertyKind.Height, fastn_dom.Resizing.FillContainer, inherited);
+            main(parenti0);
+        }
+        fastn_virtual.hydrate(main_wrapper);
+        ftd.post_init();
+    })();
+
+    window.onload = function() {
+        fastn_utils.resetFullHeight();
+        fastn_utils.setFullHeight();
+    };
+
+</script>
+</html>