jails-js 5.0.0-beta.6 → 5.0.0-beta.9

package/src/Element.ts

@@ -1,128 +0,0 @@
-import { stripTemplateTag, dup, rAF, createTemplate, uuid } from './utils'
-import morphdom from 'morphdom'
-import { setSodaConfig } from './soda-config'
-import { Instances } from './Instances'
-
-const sodajs = setSodaConfig()
-const templates = {}
-
-export const Element = ( el:HTMLElement ) => {
-
-	stripTemplateTag( el )
-
-	let updates = []
-
-	const model = Object.assign({}, JSON.parse(el.dataset.initialState || '{}'))
-	const morphdomOptions = lifecycle(el)
-	const { template, tplid } = getTemplateData(el)
-
-	const api = {
-
-		tplid,
-		template,
-		model,
-		parent: {},
-		view : _ => _,
-		instances:{},
-		destroyers:[],
-		promises: [],
-		parentUpdate: data => null,
-
-		dispose(){
-			if( api.promises.length ){
-				Promise.all(api.promises)
-					.then(_ => api.destroyers.forEach( destroy => destroy(api) ))
-			}else {
-				api.destroyers.forEach( destroy => destroy(api) )
-			}
-		},
-
-		update( data = {}, isParentUpdate ) {
-
-			if( !document.body.contains(el) )
-				return
-
-			updates.push( data )
-
-			rAF( _ => {
-
-				if( updates.length ) {
-
-					const newdata = {}
-					updates.forEach( d => Object.assign(newdata, d ) )
-					updates = []
-
-					api.model = Object.assign( api.model, newdata )
-
-					if( isParentUpdate ) {
-						api.parentUpdate( api.model )
-					}
-
-					const newhtml = sodajs(template, api.view(dup(api.model)))
-					morphdom( el, newhtml, morphdomOptions )
-
-					Array
-						.from( el.querySelectorAll('[data-component]') )
-						.forEach( node => {
-							if( !Instances.get(node) ) return
-							const { parent, ...model } = api.model
-							const initialState = node.dataset.initialState? JSON.parse(node.dataset.initialState): {}
-							const newmodel = Object.assign(initialState, { parent:{ ...model, ...parent} })
-							Instances.get(node).update( newmodel, true )
-						})
-				}
-			})
-		}
-	}
-
-	Instances.set(el, api)
-
-	return api
-}
-
-const lifecycle = ( element: HTMLElement ) => {
-	return {
-		onBeforeElUpdated: update(element),
-		onBeforeElChildrenUpdated: update(element),
-		getNodeKey(node) {
-			if( node.nodeType === 1 && node.getAttribute('tplid') )
-				return node.dataset.key || node.getAttribute('tplid')
-			return false
-		}
-	}
-}
-
-const update = ( element: HTMLElement ) => ( node: HTMLElement, toEl: HTMLElement ) => {
-	if ( node.isEqualNode(toEl) )
-		return false
-	if( node.nodeType == 1 ) {
-		if( 'static' in node.dataset)
-			return false
-		if( node.dataset.component && Instances.get(node) && node !== element )
-			return false
-	}
-	return true
-}
-
-const getTemplateData = ( element: HTMLElement ) => {
-
-	Array
-		.from(element.querySelectorAll('[data-component]'))
-		.forEach( setTemplate )
-
-	return setTemplate( element )
-}
-
-const setTemplate = (element) => {
-	if( element.getAttribute('tplid') ) {
-		const tplid = element.getAttribute('tplid')
-		const template = templates[tplid]
-		return { tplid, template }
-	}else {
-		const tplid = uuid()
-		element.setAttribute('tplid', tplid)
-		templates[tplid] = createTemplate(element.outerHTML, templates)
-		const template = templates[tplid]
-		return { tplid, template }
-	}
-}

package/src/Instances.ts

@@ -1 +0,0 @@
-export const Instances = new WeakMap()

package/src/Scanner.ts

@@ -1,26 +0,0 @@
-
-export const Scanner = {
-
-	scan( node: HTMLElement, callback ) {
-		if( node.nodeType === 1 ) {
-			const list : Array<HTMLElement> = Array.from( node.querySelectorAll('[data-component]') )
-			const elements : Array<HTMLElement> = node.dataset.component? [node].concat(list) : list
-			if( elements.length ) {
-				elements.reverse().forEach( callback )
-			}
-		}
-	},
-
-	observe( target: HTMLElement, onAdd, onRemove  ) {
-		const observer = new MutationObserver(mutations => mutations.forEach( mutation => {
-			if (mutation.type === 'childList') {
-				if (mutation.addedNodes.length) {
-					Array.from( mutation.addedNodes ).forEach( node => Scanner.scan(node, onAdd) )
-				} else if (mutation.removedNodes.length) {
-					Array.from( mutation.removedNodes ).forEach( node => Scanner.scan(node, onRemove) )
-				}
-			}
-		}))
-		observer.observe(target, { childList: true, subtree: true })
-	}
-}

package/src/soda-config.js

@@ -1,87 +0,0 @@
-import sodajs from 'sodajs'
-
-export const setSodaConfig = () => {
-
-	sodajs.prefix('v-')
-
-	sodajs.directive('repeat', {
-
-		priority: 10,
-
-		link({ scope, el, expression, getValue, compileNode }) {
-
-			let itemName
-			let valueName
-			let trackName
-
-			const trackReg = /\s+by\s+([^\s]+)$/
-			const inReg = /([^\s]+)\s+in\s+([^\s]+)|\(([^,]+)\s*,\s*([^)]+)\)\s+in\s+([^\s]+)/
-
-			const opt = expression.replace(trackReg, (item, $1) => {
-				if ($1)
-					trackName = ($1 || '').trim()
-				return ''
-			})
-
-			const r = inReg.exec(opt)
-
-			if (r) {
-				if (r[1] && r[2]) {
-					itemName = (r[1] || '').trim()
-					valueName = (r[2] || '').trim()
-
-					if (!(itemName && valueName)) {
-						return
-					}
-				} else if (r[3] && r[4] && r[5]) {
-					trackName = (r[3] || '').trim()
-					itemName = (r[4] || '').trim()
-					valueName = (r[5] || '').trim()
-				}
-			} else {
-				return
-			}
-
-			trackName = trackName || '$index'
-
-			const repeatObj = getValue(scope, valueName) || []
-
-			const repeatFunc = (i) => {
-
-				const itemNode = el.cloneNode(true)
-				const itemScope = Object.create(scope)
-
-				itemScope[trackName] = i
-				itemScope[itemName] = repeatObj[i]
-
-				itemNode.removeAttribute(`${this._prefix}repeat`)
-
-				el.parentNode.insertBefore(itemNode, el)
-
-				Array.from(itemNode.querySelectorAll('[data-component]'))
-					.forEach( node => node.setAttribute('data-initial-state', JSON.stringify(itemScope)) )
-
-				compileNode(itemNode, itemScope)
-			}
-
-			if ('length' in repeatObj) {
-				for (var i = 0; i < repeatObj.length; i++) {
-					repeatFunc(i)
-				}
-			} else {
-				for (var i in repeatObj) {
-					if (repeatObj.hasOwnProperty(i)) {
-						repeatFunc(i)
-					}
-				}
-			}
-
-			el.parentNode.removeChild(el)
-
-			if (el.childNodes && el.childNodes.length)
-				el.innerHTML = ''
-		}
-	})
-
-	return sodajs
-}

package/src/utils/index.js

@@ -1,41 +0,0 @@
-
-export const rAF = (fn) => {
-	(requestAnimationFrame || setTimeout)(fn, 1000 / 60)
-}
-
-export const uuid = () => {
-	return 'xxxxxxxx'.replace(/[xy]/g, (c) => {
-		const r = Math.random() * 8 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8)
-		return v.toString(8)
-	})
-}
-
-export const stripTemplateTag = ( element ) => {
-	const templates = Array.from(element.querySelectorAll('template'))
-	// https://gist.github.com/harmenjanssen/07e425248779c65bc5d11b02fb913274
-	templates.forEach( template => {
-		template.parentNode.replaceChild(template.content, template )
-	})
-}
-
-export const dup = (o) => {
-	return JSON.parse( JSON.stringify(o) )
-}
-
-export const createTemplate = ( html, templates ) => {
-
-	const vroot = document.createElement('div')
-	vroot.innerHTML = html
-	stripTemplateTag( vroot )
-
-	Array
-		.from(vroot.querySelectorAll('[data-component]'))
-		.forEach( c => {
-			const tplid = c.getAttribute('tplid')
-			const cache = templates[tplid]
-			if( cache )
-				c.outerHTML = cache
-		})
-
-	return vroot.innerHTML
-}