jails-js 4.2.2 → 5.0.0-beta.3

package/src/element.js

@@ -1,57 +0,0 @@
-import Component 	from './component'
-import { trigger } 	from './utils/events'
-import { nextFrame } from './utils'
-
-export const create = ({ element, view, modules }) => {
-
-	element.__instances__ = {}
-	element.__model__ = {}
-
-	const names = element.dataset.component.split(/\s/)
-
-	if(!element.dataset.reactorId){
-		view.setNewElement(element)
-	}
-
-	names.forEach( name => {
-
-		if( name in modules && (!element.__instances__[name]) ){
-
-			const component = modules[name]
-
-			nextFrame(_ => {
-				if( element.__instances__ ) {
-					const base = Component({ name, element, view, component })
-
-					element.__instances__[name] = { base, methods: {} }
-
-					element.__update__ = (state) => {
-						for ( let name in element.__instances__ )
-							element.__instances__[name].base.update(state)
-					}
-
-					component.module.default(base)
-					base.__initialize(base)
-					delete base.__initialize
-				}
-			})
-		}
-	})
-
-}
-
-export const ismounted = (element) => {
-	return Boolean( element.__instances__ )
-}
-
-export const destroy = ({ element }) => {
-
-	trigger(element, ':destroy')
-
-	for (let ev in element.__events)
-		element.removeEventListener(ev, element.__events[ev].listener)
-
-	delete element.__events
-	delete element.__instances__
-	delete element.__model__
-}

package/src/index.js

@@ -1,51 +0,0 @@
-import View from './view'
-import { ismounted, create, destroy } from './element'
-
-const modules = {}
-
-export default {
-
-	register( name, module, dependencies ){
-		modules[ name ] = { name, module, dependencies }
-	},
-
-	start(){
-		const view = getView()
-		view.mode = 'production'
-		view.observe()
-	},
-
-	devStart(){
-		console.time('jails')
-		const view = getView()
-		view.mode = 'development'
-		view.observe()
-		console.timeEnd('jails')
-	}
-}
-
-const getView = () => {
-
-	const view = View({
-
-		onAdd(elements) {
-			elements
-				.filter(el => !ismounted(el))
-				.forEach(element => create({ element, view, modules }))
-		},
-
-		onRemove(removedNodes) {
-			removedNodes.forEach(removedNode => {
-				if (removedNode.nodeType === 1) {
-					const children = Array.from(removedNode.querySelectorAll('[data-component]'))
-					children
-						.concat(removedNode.dataset.component ? removedNode : [])
-						.filter(element => !document.body.contains(element))
-						.forEach(element => destroy({ element }))
-				}
-			})
-		}
-	})
-
-	return view
-}

package/src/view.js

@@ -1,126 +0,0 @@
-import morphdom from 'morphdom'
-import sodajs from 'sodajs'
-
-import * as animation from './animation'
-import { dup, createTemplates, setIds } from './utils'
-import repeatDirective from './repeat'
-
-const STATIC = 'static'
-const COMPONENT = '[data-component]'
-
-export default function View( callback ) {
-
-	const root = document.body
-	const { templates, html } = createTemplates(root.innerHTML, 'html')
-	const models = {}
-	const SST = {}
-
-	sodajs.prefix('v-')
-	repeatDirective({ sodajs, models })
-
-	return {
-
-		mode : 'production',
-		templates,
-		models,
-		SST,
-
-		update( element, data ){
-			if (element) {
-				const id = element.dataset.reactorId
-				const template = templates[id]
-				const newstate = Object.assign({}, element.__model__, dup(data))
-				const newhtml = sodajs(template, newstate)
-				morphdom( element, newhtml, lifecycle(element, data, SST))
-				if( element.__model__ ){
-					Object.assign( element.__model__, newstate )
-				}
-			}
-		},
-
-		observe() {
-			const observer = observe( callback )
-			root.innerHTML = sodajs(html, {})
-			return observer
-		},
-
-		setNewElement(element){
-			setIds(templates, element)
-		}
-	}
-}
-
-const observe = ( callback ) => {
-	const observer = new MutationObserver(mutations => mutations.forEach(onMutation(callback)))
-	observer.observe(document.body, { childList: true, subtree: true })
-	return observer;
-}
-
-const onMutation = (callback) => (mutation) => {
-	if (mutation.type === 'childList') {
-		if (mutation.addedNodes.length) {
-			callback.onAdd(scan())
-		} else if (mutation.removedNodes.length) {
-			callback.onRemove(mutation.removedNodes)
-		}
-	}
-}
-
-const scan = () => {
-	return Array
-		.from( document.querySelectorAll(COMPONENT) )
-		.reverse()
-}
-
-const lifecycle = (elm, data, SST) => ({
-
-	getNodeKey(node) {
-		if (node.nodeType === 1) {
-			return node.dataset.key || node.dataset.reactorId
-		}
-		return false
-	},
-
-	onBeforeElUpdated(node) {
-		return update( elm, data, SST, node )
-	},
-
-	onBeforeElChildrenUpdated(node, tonode) {
-		return update( elm, data, SST, node )
-	},
-
-	onNodeAdded(node) {
-		animation.animateNodes(node, animation.onAdd)
-	},
-
-	onBeforeNodeAdded(node) {
-		animation.animateNodes(node, animation.onBeforeAdd)
-	},
-
-	onBeforeNodeDiscarded(node) {
-		return !animation.animateNodes(node, animation.onRemove)
-	}
-})
-
-const update = (elm, data, SST, node) => {
-
-	if (node.nodeType === 1) {
-		// If element has static property, don't update
-		if ( STATIC in node.dataset )
-			return false
-
-		// If element is child and a component, don't update
-		if (node !== elm && node.dataset.component && node.__update__) {
-
-			const newdata = Object.assign(SST, data)
-			node.__update__(newdata)
-
-			Array.from(node.querySelectorAll(COMPONENT)).forEach(el => {
-				if (el.dataset.component && el.__update__)
-					el.__update__(newdata)
-			})
-
-			return false
-		}
-	}
-}

package/webpack.config.babel.js

@@ -1,16 +0,0 @@
-const path = require('path')
-
-module.exports = {
-
-	entry: {
-		'jails': './src/index.js'
-	},
-
-	output: {
-		path		  : path.resolve(__dirname, './dist'),
-		filename	  : '[name].js',
-		libraryTarget : 'umd',
-		library		  : 'jails',
-		umdNamedDefine: true
-	}
-}