update templating amd reactivity

Author: ryansolid

package-lock.json

@@ -1,7 +1,7 @@
 {
   "name": "solid-js",
   "description": "A declarative JavaScript library for building user interfaces.",
-  "version": "0.12.0",
+  "version": "0.13.0",
   "author": "Ryan Carniato",
   "license": "MIT",
   "repository": {
@@ -26,13 +26,13 @@
     "@babel/core": "7.6.4",
     "@babel/preset-env": "7.6.3",
     "@babel/preset-typescript": "^7.6.0",
-    "babel-plugin-jsx-dom-expressions": "~0.13.0",
+    "babel-plugin-jsx-dom-expressions": "~0.14.0",
     "coveralls": "^3.0.6",
     "ncp": "2.0.0",
-    "dom-expressions": "0.13.0",
-    "hyper-dom-expressions": "~0.13.0",
+    "dom-expressions": "0.14.0",
+    "hyper-dom-expressions": "~0.14.0",
     "jest": "~24.9.0",
-    "lit-dom-expressions": "~0.13.0",
+    "lit-dom-expressions": "~0.14.0",
     "npm-run-all": "^4.1.5",
     "rimraf": "^2.6.3",
     "rollup": "^1.24.0",

package.json

@@ -1,5 +1,17 @@
 /// <reference path="../../node_modules/dom-expressions/runtime.d.ts" />
 import { createHyperScript } from "hyper-dom-expressions";
-import * as r from "./index";
+import {
+  wrap,
+  insert,
+  createComponent,
+  delegateEvents,
+  classList
+} from "./index";
 
-export default createHyperScript(r);
+export default createHyperScript({
+  wrap,
+  insert,
+  createComponent,
+  delegateEvents,
+  classList
+});

src/dom/h.ts

@@ -1,5 +1,17 @@
 /// <reference path="../../node_modules/dom-expressions/runtime.d.ts" />
 import { createHTML } from "lit-dom-expressions";
-import * as r from "./index";
+import {
+  wrap,
+  insert,
+  createComponent,
+  delegateEvents,
+  classList
+} from "./index";
 
-export default createHTML(r);
+export default createHTML({
+  wrap,
+  insert,
+  createComponent,
+  delegateEvents,
+  classList
+});

src/dom/html.ts

@@ -1,4 +1,4 @@
-export function template(html: string): HTMLTemplateElement;
+export function template(html: string, isSVG?: boolean): Element;
 export function wrap<T>(fn: (prev?: T) => T): any;
 export function insert(
   parent: Element | Document | ShadowRoot | DocumentFragment,

src/dom/runtime.d.ts

@@ -7,11 +7,13 @@ const eventRegistry = new Set();
 
 export { wrap, currentContext };
 
-export function template(html) {
+export function template(html, isSVG) {
   const t = document.createElement('template');
   t.innerHTML = html;
   if (t.innerHTML !== html) throw new Error(`Template html does not match input:\n${t.innerHTML}\n${html}`);
-  return t;
+  let node = t.content.firstChild;
+  if (isSVG) node = node.firstChild;
+  return node;
 }
 
 export function createComponent(Comp, props, dynamicKeys) {
@@ -91,7 +93,7 @@ export function hydration(code, root) {
 
 export function getNextElement(template) {
   if (!hydrateRegistry) {
-    const el = template.content.firstChild.cloneNode(true);
+    const el = template.cloneNode(true);
     if (SSR) el.setAttribute('_hk', `${hydrateKey++}`);
     return el;
   }