@ -53,144 +53,140 @@ module.exports = config => {
} , } ,
/ * * / * *
* Fetch data from node * Get data from the node element
* @ param { HTMLElement } el DOM * @ param { HTMLElement } el DOM element to traverse
* @ return { Array < Object > } * @ return { Array < Object > }
* / * /
parseNode ( el ) { parseNode ( el ) {
var result = [ ] ; const result = [ ] ;
var nodes = el . childNodes ; const nodes = el . childNodes ;
for ( var i = 0 , len = nodes . length ; i < len ; i ++ ) { for ( var i = 0 , len = nodes . length ; i < len ; i ++ ) {
var node = nodes [ i ] ; const node = nodes [ i ] ;
var model = { } ; const attrs = node . attributes || [ ] ;
var attrs = node . attributes || [ ] ; const attrsLen = attrs . length ;
var attrsLen = attrs . length ; const nodePrev = result [ result . length - 1 ] ;
var prevI = result . length - 1 ; const nodeChild = node . childNodes . length ;
var prevSib = result [ prevI ] ; const ct = this . compTypes ;
var ct = this . compTypes ; let model = { } ;
if ( ct ) { // Start with understanding what kind of component it is
var obj = '' ; if ( ct ) {
/ * let obj = '' ;
for ( var cType in ct ) {
var component = ct [ cType ] . model ; // Iterate over all available Component Types and
obj = component . isComponent ( node ) ; // the first with a valid result will be that component
if ( obj ) for ( let it = 0 ; it < ct . length ; it ++ ) {
break ; obj = ct [ it ] . model . isComponent ( node ) ;
} * / if ( obj ) break ;
for ( var it = 0 ; it < ct . length ; it ++ ) {
var component = ct [ it ] . model ;
obj = component . isComponent ( node ) ;
if ( obj )
break ;
} }
model = obj ; model = obj ;
} }
if ( ! model . tagName ) // Set tag name if not yet done
if ( ! model . tagName ) {
model . tagName = node . tagName ? node . tagName . toLowerCase ( ) : '' ; model . tagName = node . tagName ? node . tagName . toLowerCase ( ) : '' ;
}
if ( attrsLen ) if ( attrsLen ) {
model . attributes = { } ; model . attributes = { } ;
}
// Stor e attributes
// Pars e attributes
for ( var j = 0 ; j < attrsLen ; j ++ ) { for ( let j = 0 ; j < attrsLen ; j ++ ) {
var nodeName = attrs [ j ] . nodeName ; const nodeName = attrs [ j ] . nodeName ;
var nodeValue = attrs [ j ] . nodeValue ; let nodeValue = attrs [ j ] . nodeValue ;
//Isolate few attributes
// Isolate attributes
if ( nodeName == 'style' ) if ( nodeName == 'style' ) {
model . style = this . parseStyle ( nodeValue ) ; model . style = this . parseStyle ( nodeValue ) ;
else if ( nodeName == 'class' ) } else if ( nodeName == 'class' ) {
model . classes = this . parseClass ( nodeValue ) ; model . classes = this . parseClass ( nodeValue ) ;
else if ( nodeName == 'contenteditable' ) } else if ( nodeName == 'contenteditable' ) {
continue ; continue ;
else if ( nodeName . indexOf ( modelAttrStart ) === 0 ) { } else if ( nodeName . indexOf ( modelAttrStart ) === 0 ) {
const modelAttr = nodeName . replace ( modelAttrStart , '' ) ; const modelAttr = nodeName . replace ( modelAttrStart , '' ) ;
const valueLen = nodeValue . length ; const valueLen = nodeValue . length ;
const firstChar = nodeValue && nodeValue . substr ( 0 , 1 ) ; const firstChar = nodeValue && nodeValue . substr ( 0 , 1 ) ;
const lastChar = nodeValue && nodeValue . substr ( valueLen - 1 ) ; const lastChar = nodeValue && nodeValue . substr ( valueLen - 1 ) ;
nodeValue = nodeValue === 'true' ? true : nodeValue ; nodeValue = nodeValue === 'true' ? true : nodeValue ;
nodeValue = nodeValue === 'false' ? false : nodeValue ; nodeValue = nodeValue === 'false' ? false : nodeValue ;
// Try to json parse where is possible
// Try to parse JSON where it's possible
// I can get false positive here (eg. a selector '[data-attr]')
// I can get false positive here (eg. a selector '[data-attr]')
// so put it under try/catch and let fail silently
// so put it under try/catch and let fail silently
try { try {
nodeValue = ( firstChar == '{' && lastChar == '}' ) || nodeValue = ( firstChar == '{' && lastChar == '}' ) ||
( firstChar == '[' && lastChar == ']' ) ? JSON . parse ( nodeValue ) : nodeValue ; ( firstChar == '[' && lastChar == ']' ) ? JSON . parse ( nodeValue ) : nodeValue ;
} catch ( e ) { } } catch ( e ) { }
model [ modelAttr ] = nodeValue ; model [ modelAttr ] = nodeValue ;
} else { } else {
model . attributes [ nodeName ] = nodeValue ; model . attributes [ nodeName ] = nodeValue ;
} }
} }
// Check for nested elements but avoid it if already provided
if ( nodeChild && ! model . components ) {
// Avoid infinite nested text nodes
const firstChild = node . childNodes [ 0 ] ;
var nodeChild = node . childNodes . length ; // If there is only one child and it's a TEXTNODE
// just make it content of the current node
// Check for nested elements and avoid them if an array
if ( nodeChild === 1 && firstChild . nodeType === 3 ) {
// was already given
! model . type && ( model . type = 'text' ) ;
if ( nodeChild && ! model . components ) {
// Avoid infinite text nodes nesting
var firstChild = node . childNodes [ 0 ] ;
if ( nodeChild === 1 && firstChild . nodeType === 3 ) {
if ( ! model . type ) {
model . type = 'text' ;
}
model . content = firstChild . nodeValue ; model . content = firstChild . nodeValue ;
} else { } else {
var parsed = this . parseNode ( node ) ; model . components = this . parseNode ( node ) ;
// From: <div> <span>TEST</span> </div> <-- span is text type
// TO: <div> TEST </div> <-- div become text type
if ( parsed . length == 1 && parsed [ 0 ] . type == 'text' &&
parsed [ 0 ] . tagName == TEXT_NODE ) {
model . type = 'text' ;
model . content = parsed [ 0 ] . content ;
} else
model . components = parsed ;
} }
} }
// Check if it's a text node and if could be moved to the prevous model
// Check if it's a text node and if could be moved to the prevous model
if ( model . type == 'textnode' ) { if ( model . type == 'textnode' ) {
var prevIsText = prevSib && prevSib . type == 'textnode' ; if ( nodePrev && nodePrev . type == 'textnode' ) {
if ( prevIsText ) { nodePrev . content += model . content ;
prevSib . content += model . content ;
continue ; continue ;
} }
// Throw away empty nodes (keep spaces)
// Throw away empty nodes (keep spaces)
var content = node . nodeValue ; const content = node . nodeValue ;
if ( content != ' ' && ! content . trim ( ) ) { if ( content != ' ' && ! content . trim ( ) ) {
continue ; continue ;
} }
} }
// If all children are texts and there is some textnode the parent should
// If all children are texts and there is some textnode the parent should
// be text too otherwise I'm unable to edit texnodes
// be text too otherwise I'm unable to edit texnodes
var comps = model . components ; const comps = model . components ;
if ( ! model . type && comps ) { if ( ! model . type && comps ) {
var allTxt = 1 ; let allTxt = 1 ;
var foundTextNode = 0 ; let foundTextNode = 0 ;
for ( var ci = 0 ; ci < comps . length ; ci ++ ) {
var comp = comps [ ci ] ; for ( let ci = 0 ; ci < comps . length ; ci ++ ) {
if ( comp . type != 'text' && const comp = comps [ ci ] ;
comp . type != 'textnode' && const cType = comp . type ;
c . textTags . indexOf ( comp . tagName ) < 0 ) {
if ( [ 'text' , 'textnode' ] . indexOf ( cType ) < 0 &&
c . textTags . indexOf ( comp . tagName ) < 0 ) {
allTxt = 0 ; allTxt = 0 ;
break ; break ;
} }
if ( comp . type == 'textnode' )
if ( cType == 'textnode' ) {
foundTextNode = 1 ; foundTextNode = 1 ;
}
} }
if ( allTxt && foundTextNode )
if ( allTxt && foundTextNode ) {
model . type = 'text' ; model . type = 'text' ;
}
} }
// If tagName is still empty and is not a textnode, do not push it
// If tagName is still empty and is not a textnode, do not push it
if ( ! model . tagName && model . type != 'textnode' ) if ( ! model . tagName && model . type != 'textnode' ) {
continue ; continue ;
}
result . push ( model ) ; result . push ( model ) ;
} }
gabri.gcl
9 years ago