More cleanup.

runtime/src/utilities.js

@@ -41,4 +41,5 @@ export const toArray = (...args) => {
   }
 };
 
+export const access = (field) => (value) => value[field]
 export const identity = (a) => a;

spec/compilers2/component_global

@@ -32,13 +32,13 @@ import {
 
 const
   A = () => {
-    return B("div", {}, [a.value])
+    return B(`div`, {}, [a.value])
   },
   b = (c) => {
     return c
   },
   C = () => {
-    return B("div", {}, [b(`Hello`)])
+    return B(`div`, {}, [b(`Hello`)])
   },
   d = D(``),
   a = E(() => {

spec/compilers2/component_instance_access

@@ -45,7 +45,7 @@ const
     const a = E(() => {
       return `Instance`
     });
-    return F("div", {})
+    return F(`div`, {})
   },
   G = () => {
     const
@@ -66,7 +66,7 @@ const
           ]
         ])
       };
-    return F("div", {
+    return F(`div`, {
       "onClick": c
     }, [F(D, {
       ref: (e) => {

spec/compilers2/component_namespaced_with_style

@@ -20,7 +20,7 @@ import { createElement as B } from "runtime";
 
 const
   A = () => {
-    return B("div", {
+    return B(`div`, {
       className: `Ui·Dropdown_base`
     }, [`test`])
   },

spec/compilers2/component_readonly

@@ -18,7 +18,7 @@ const
   A = ({
     a = false
   }) => {
-    return B("div", {})
+    return B(`div`, {})
   },
   C = () => {
     return B(A, {

spec/compilers2/component_with_provider

@@ -48,6 +48,6 @@ const
       },
       false
     ]]);
-    return F("div", {})
+    return F(`div`, {})
   };
 

spec/compilers2/component_with_provider_and_lifecycle_functions

@@ -73,5 +73,5 @@ const
       },
       false
     ]]);
-    return H("div", {})
+    return H(`div`, {})
   };

spec/compilers2/component_with_provider_and_store

@@ -62,5 +62,5 @@ const
       },
       false
     ]]);
-    return F("div", {})
+    return F(`div`, {})
   };

spec/compilers2/constant_global_component

@@ -22,5 +22,5 @@ const
   },
   a = `ASD`,
   B = () => {
-    return C("div", {}, [a])
+    return C(`div`, {}, [a])
   };

spec/compilers2/constant_module

@@ -15,6 +15,6 @@ import { createElement as B } from "runtime";
 const
   a = `ASD`,
   A = () => {
-    return B("div", {}, [a])
+    return B(`div`, {}, [a])
   };
 

spec/compilers2/constant_store

@@ -15,6 +15,6 @@ import { createElement as B } from "runtime";
 const
   a = `ASD`,
   A = () => {
-    return B("div", {}, [a])
+    return B(`div`, {}, [a])
   };
 

spec/compilers2/constant_store_exposed

@@ -17,5 +17,5 @@ import { createElement as B } from "runtime";
 const
   a = `ASD`,
   A = () => {
-    return B("div", {}, [a])
+    return B(`div`, {}, [a])
   };

spec/compilers2/css_definition

@@ -29,7 +29,7 @@ const A = () => {
       };
       return _
     };
-  return C("div", {
+  return C(`div`, {
     className: `Main_test`,
     style: D([b()])
   })

spec/compilers2/css_font_face

@@ -20,7 +20,7 @@ component Main {
 import { createElement as B } from "runtime";
 
 const A = () => {
-  return B("div", {
+  return B(`div`, {
     className: `Main_test`
   })
 };

spec/compilers2/css_font_face_with_quotes

@@ -16,7 +16,7 @@ component Main {
 import { createElement as B } from "runtime";
 
 const A = () => {
-  return B("div", {
+  return B(`div`, {
     className: `Main_test`
   })
 };

spec/compilers2/css_keyframes

@@ -43,7 +43,7 @@ const A = () => {
       };
       return _
     };
-  return C("div", {
+  return C(`div`, {
     className: `Main_test`,
     style: D([b()])
   })

spec/compilers2/css_media

@@ -36,7 +36,7 @@ const A = () => {
       };
       return _
     };
-  return C("div", {
+  return C(`div`, {
     className: `Main_test`,
     style: D([b()])
   })

spec/compilers2/css_media_with_if

@@ -27,7 +27,7 @@ const A = () => {
     }) : null);
     return _
   };
-  return B("div", {
+  return B(`div`, {
     className: `Main_test`,
     style: C([a()])
   })

spec/compilers2/css_selector

@@ -35,7 +35,7 @@ const A = () => {
       };
       return _
     };
-  return C("div", {
+  return C(`div`, {
     className: `Main_test`,
     style: D([b()])
   })

spec/compilers2/css_selector_multiple

@@ -36,7 +36,7 @@ const A = () => {
       };
       return _
     };
-  return C("div", {
+  return C(`div`, {
     className: `Main_test`,
     style: D([b()])
   })

spec/compilers2/css_string

@@ -29,10 +29,10 @@ const A = () => {
       };
       return _
     };
-  return C("div", {
+  return C(`div`, {
     className: `Main_unicode`,
     style: D([b()])
-  }, [C("span", {})])
+  }, [C(`span`, {})])
 };
 
 .Main_unicode span::after {

spec/compilers2/css_supports

@@ -27,7 +27,7 @@ const A = () => {
       };
       return _
     };
-  return C("div", {
+  return C(`div`, {
     className: `Main_test`,
     style: D([b()])
   })

spec/compilers2/css_with_ands

@@ -21,7 +21,7 @@ component Main {
 import { createElement as B } from "runtime";
 
 const A = () => {
-  return B("div", {
+  return B(`div`, {
     className: `Main_test`
   })
 };

spec/compilers2/css_with_arguments

@@ -20,7 +20,7 @@ const A = () => {
     };
     return _
   };
-  return B("div", {
+  return B(`div`, {
     className: `Main_test`,
     style: C([a(`red`)])
   })

spec/compilers2/css_with_case

@@ -45,7 +45,7 @@ const A = () => {
     ]);
     return _
   };
-  return C("div", {
+  return C(`div`, {
     className: `Main_test`,
     style: D([a()])
   })

spec/compilers2/css_with_else_if

@@ -33,7 +33,7 @@ const A = () => {
     }) : null));
     return _
   };
-  return C("div", {}, [C("div", {
+  return C(`div`, {}, [C(`div`, {
     className: `Main_base`,
     style: D([a(`blue`)])
   })])

spec/compilers2/css_with_if

@@ -29,7 +29,7 @@ const A = () => {
     }));
     return _
   };
-  return B("div", {
+  return B(`div`, {
     className: `Main_test`,
     style: C([a()])
   })

spec/compilers2/css_with_if_and_case

@@ -53,7 +53,7 @@ const A = () => {
     }));
     return _
   };
-  return C("div", {
+  return C(`div`, {
     className: `Main_test`,
     style: D([a()])
   })

spec/compilers2/css_with_if_same_condition

@@ -42,7 +42,7 @@ const A = () => {
     }));
     return _
   };
-  return B("div", {
+  return B(`div`, {
     className: `Main_test`,
     style: C([a()])
   })

spec/compilers2/css_with_if_with_interpolation

@@ -29,7 +29,7 @@ const A = () => {
     }));
     return _
   };
-  return B("div", {
+  return B(`div`, {
     className: `Main_test`,
     style: C([a()])
   })

spec/compilers2/dce_remove_component_computed_property

@@ -11,5 +11,5 @@ component Main {
 import { createElement as B } from "runtime";
 
 const A = () => {
-  return B("div", {})
+  return B(`div`, {})
 };

spec/compilers2/dce_remove_component_function

@@ -11,5 +11,5 @@ component Main {
 import { createElement as B } from "runtime";
 
 const A = () => {
-  return B("div", {})
+  return B(`div`, {})
 };

spec/compilers2/dce_style

@@ -11,5 +11,5 @@ component Main {
 import { createElement as B } from "runtime";
 
 const A = () => {
-  return B("div", {})
+  return B(`div`, {})
 };

spec/compilers2/destructuring

@@ -42,7 +42,7 @@ const
     return F(a, [
       [
         G(C, H([[
-          "content",
+          `content`,
           I
         ]])),
         (b) => {

spec/compilers2/directives/svg

@@ -7,10 +7,12 @@ component Main {
 import { createElement as B } from "runtime";
 
 const A = () => {
-  return B("svg", {
-    dangerouslySetInnerHTML: { __html: `<path d="M24 10h-10v-10h-4v10h-10v4h10v10h4v-10h10z"/>` },
-    viewBox: "0 0 24 24",
-    height: "24",
-    width: "24"
+  return B(`svg`, {
+    dangerouslySetInnerHTML: {
+      __html: `<path d="M24 10h-10v-10h-4v10h-10v4h10v10h4v-10h10z"/>`
+    },
+    viewBox: `0 0 24 24`,
+    height: `24`,
+    width: `24`
   })
 };

spec/compilers2/field

@@ -21,5 +21,5 @@ const A = () => {
     a: `Hello`,
     b: 0
   };
-  return B("div", {})
+  return B(`div`, {})
 };

spec/compilers2/for

@@ -20,7 +20,7 @@ const A = () => {
     let _i = -1;
     for (let a of _1) {
       _i++;
-      _0.push(B("div", {}, [a]))
+      _0.push(B(`div`, {}, [a]))
     };
     return _0
   })()

spec/compilers2/for_with_index

@@ -30,7 +30,7 @@ const A = () => {
       if (!_2) {
         continue
       };
-      _0.push(C("div", {}, [a]))
+      _0.push(C(`div`, {}, [a]))
     };
     return _0
   })()

spec/compilers2/for_with_index_2

@@ -21,7 +21,7 @@ const A = () => {
     for (let a of _1) {
       _i++;
       const b = _i;
-      _0.push(B("div", {}, [a]))
+      _0.push(B(`div`, {}, [a]))
     };
     return _0
   })()

spec/compilers2/here_doc_markdown_with_interpolation

@@ -17,7 +17,7 @@ const A = () => {
   return B(C, {}, [
     B('h2', {}, [`Hello There`]),
     B('p', {}, [
-      B("div", {}, [`Hello`]),
+      B(`div`, {}, [`Hello`]),
       `
 `,
       `World`,

spec/compilers2/html_attribute_class

@@ -8,7 +8,7 @@ component Main {
 import { createElement as B } from "runtime";
 
 const A = () => {
-  return B("div", {
+  return B(`div`, {
     className: `something`
   })
 };

spec/compilers2/html_attribute_class_with_style

@@ -12,7 +12,7 @@ component Main {
 import { createElement as B } from "runtime";
 
 const A = () => {
-  return B("div", {
+  return B(`div`, {
     className: `something` + ` Main_base`
   })
 };

spec/compilers2/html_attribute_html_expression

@@ -18,7 +18,7 @@ const
   A = ({
     a = null
   }) => {
-    return B("div", {})
+    return B(`div`, {})
   },
   C = () => {
     return B(A, {