jails-js 6.0.1-beta.3 → 6.0.1-beta.5

package/src/template-system.ts

@@ -1,4 +1,4 @@
-import { uuid, decodeHTML } from './utils'
+import { uuid } from './utils'
 
 const templates  = {}
 
@@ -22,9 +22,8 @@ export const template = ( target, { components }) => {
 	return templates
 }
 
-export const compile = ( outerHTML ) => {
+export const compile = ( html ) => {
 
-	const html = transformAttributes( outerHTML )
 	const parsedHtml = JSON.stringify( html )
 
 	return new Function('$element', 'safe', '$g',`
@@ -64,7 +63,7 @@ const transformAttributes = ( html ) => {
 		.replace(/html-(allowfullscreen|async|autofocus|autoplay|checked|controls|default|defer|disabled|formnovalidate|inert|ismap|itemscope|loop|multiple|muted|nomodule|novalidate|open|playsinline|readonly|required|reversed|selected)=\"(.*?)\"/g, `%%_if(safe(function(){ return $2 })){_%%$1%%_}_%%`)
 		// The rest
 		.replace(/html-(.*?)=\"(.*?)\"/g, (all, key, value) => {
-			if (key === 'key' || key === 'model' || key === 'scope-id' ) {
+			if (key === 'key' || key === 'model' || key === 'scopeid' ) {
 				return all
 			}
 			if (value) {
@@ -90,11 +89,12 @@ const transformTemplate = ( clone ) => {
 
 				element.removeAttribute('html-for')
 
-				const split 	= htmlFor.match(/(.*)\sin\s(.*)/) || ''
-				const varname 	= split[1]
-				const object 	= split[2]
-				const open 		= document.createTextNode(`%%_ ;(function(){ var $index = 0; for(var $key in safe(function(){ return ${object} }) ){ var $scopeid = Math.random().toString(36).substring(2, 9); var ${varname} = ${object}[$key]; $g.scope[$scopeid] = { ${varname} :${varname}, ${object}: ${object}, $index: $index, $key: $key }; _%%`)
-				const close 	= document.createTextNode(`%%_ $index++; } })() _%%`)
+				const split 	 = htmlFor.match(/(.*)\sin\s(.*)/) || ''
+				const varname 	 = split[1]
+				const object 	 = split[2]
+				const objectname = object.split(/\./).shift()
+				const open 		 = document.createTextNode(`%%_ ;(function(){ var $index = 0; for(var $key in safe(function(){ return ${object} }) ){ var $scopeid = Math.random().toString(36).substring(2, 9); var ${varname} = ${object}[$key]; $g.scope[$scopeid] = Object.assign({}, { ${objectname}: ${objectname} }, { ${varname} :${varname}, $index: $index, $key: $key }); _%%`)
+				const close 	 = document.createTextNode(`%%_ $index++; } })() _%%`)
 
 				wrap(open, element, close)
 			}
@@ -130,27 +130,15 @@ const setTemplates = ( clone, components ) => {
 
 			const tplid = node.getAttribute('tplid')
 			const name  = node.localName
-			node.setAttribute('html-scope-id', 'jails___scope-id')
+			node.setAttribute('html-scopeid', 'jails___scope-id')
 
 			if( name in components && components[name].module.template ) {
 				const children = node.innerHTML
 				const html = components[name].module.template({ elm:node, children })
-
-				if( html.constructor === Promise ) {
-					html.then( htmlstring => {
-						node.innerHTML = htmlstring
-						const html = node.outerHTML
-						templates[tplid] = {
-							template: html,
-							render: compile(html)
-						}
-					})
-				} else {
-					node.innerHTML = html
-				}
+				node.innerHTML = html
 			}
 
-			const html = node.outerHTML
+			const html = transformAttributes(node.outerHTML)
 
 			templates[ tplid ] = {
 				template: html,

package/src/utils/index.ts

@@ -1,15 +1,8 @@
 
-const textarea = document.createElement('textarea')
-
 export const g = {
 	scope: {}
 }
 
-export const decodeHTML = (text) => {
-	textarea.innerHTML = text
-	return textarea.value
-}
-
 export const rAF = (fn) => {
 	if (requestAnimationFrame)
 		return requestAnimationFrame(fn)
@@ -25,26 +18,6 @@ export const dup = (o) => {
 	return JSON.parse(JSON.stringify(o))
 }
 
-// http://crockford.com/javascript/memory/leak.html
-export const purge = (d) => {
-	var a = d.attributes, i, l, n
-	if (a) {
-		for (i = a.length - 1; i >= 0; i -= 1) {
-			n = a[i].name
-			if (typeof d[n] === 'function') {
-				d[n] = null
-			}
-		}
-	}
-	a = d.childNodes
-	if (a) {
-		l = a.length
-		for (i = 0; i < l; i += 1) {
-			purge(d.childNodes[i])
-		}
-	}
-}
-
 export const safe = (execute, val) => {
 	try{
 		return execute()