= Evernote.LoggerConfigurator.DEBUG) { try { console.info(message); } catch(e) { if(this._next) { this._next.debug(message); } } } }, info : function(message) { if(this.level >= Evernote.LoggerConfigurator.INFO) { try { console.info(message); } catch(e) { if(this._next) { this._next.info(message); } } } }, warn : function(message) { if(this.level >= Evernote.LoggerConfigurator.WARN) { try { console.warn(message); } catch(e) { if(this._next) { this._next.warn(message); } } } }, error : function(message) { if(this.level >= Evernote.LoggerConfigurator.ERROR) { try { console.error(message); } catch(e) { if(this._next) { this._next.error(message); } } } }, setNext : function(logger) { this._next = logger; }, setLevel : function(level) { this.level = level; } }; Evernote.AlertLogger = { debug : function(message) { alert("Debug: " + message); }, info : function(message) { alert("Info: " + message); }, warn : function(message) { alert("Warn: " + message); }, error : function(message) { alert("Error: " + message); } }; Evernote.LoggerConfigurator = { DEBUG : 0, INFO : 1, WARN: 2, ERROR: 3, getLogger : function() { var logger = Evernote.FileLogger; if(logger) { logger.setLevel(this.WARN); Evernote.ConsoleLogger.setNext(Evernote.AlertLogger); logger.setNext(Evernote.ConsoleLogger); return logger; } return Evernote.ConsoleLogger; } }; /** * Represents page context (have permissions to access and modify DOM objects) */ try { PageContext = { url: (location && location.href) ? location.href : document.location.href, title: document.title, META: "evernote-webclipper-extension", getFavIconUrl : function() { var links = document.getElementsByTagName("link"); var i; for (i = 0; i < links.length; i++) { if (links[i].rel) { var rels = links[i].rel.toLowerCase().split(/\s+/); if (Evernote.ArrayExtension.indexOf(rels, "icon") !== -1) { // Found it! return links[i].href; } } } //Try to get it from google web site var re = new RegExp( "^[^:]+:\/+([^\/" + ":" + "]+).*$" ); var domain = PageContext.url.replace( re, "$1" ); return "0}}}(),function(){var a=c.createElement("div");a.innerHTML="";if(!!a.getElementsByClassName&&a.getElementsByClassName("e").length!==0){a.lastChild.className="e";if(a.getElementsByClassName("e").length===1)return;o.order.splice(1,0,"CLASS"),o.find.CLASS=function(a,b,c){if(typeof b.getElementsByClassName!="undefined"&&!c)return b.getElementsByClassName(a[1])},a=null}}(),c.documentElement.contains?m.contains=function(a,b){return a!==b&&(a.contains?a.contains(b):!0)}:c.documentElement.compareDocumentPosition?m.contains=function(a,b){return!!(a.compareDocumentPosition(b)&16)}:m.contains=function(){return!1},m.isXML=function(a){var b=(a?a.ownerDocument||a:0).documentElement;return b?b.nodeName!=="HTML":!1};var y=function(a,b,c){var d,e=[],f="",g=b.nodeType?[b]:b;while(d=o.match.PSEUDO.exec(a))f+=d[0],a=a.replace(o.match.PSEUDO,"");a=o.relative[a]?a+"*":a;for(var h=0,i=g.length;h1||N.test(d))&&M.test(a)&&(e=e.reverse());return this.pushStack(e,a,P.call(arguments).join(","))}}),f.extend({filter:function(a,b,c){c&&(a=":not("+a+")");return b.length===1?f.find.matchesSelector(b[0],a)?[b[0]]:[]:f.find.matches(a,b)},dir:function(a,c,d){var e=[],g=a[c];while(g&&g.nodeType!==9&&(d===b||g.nodeType!==1||!f(g).is(d)))g.nodeType===1&&e.push(g),g=g[c];return e},nth:function(a,b,c,d){b=b||1;var e=0;for(;a;a=a[c])if(a.nodeType===1&&++e===b)break;return a},sibling:function(a,b){var c=[];for(;a;a=a.nextSibling)a.nodeType===1&&a!==b&&c.push(a);return c}});var V="abbr|article|aside|audio|bdi|canvas|data|datalist|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|summary|time|video",W=/ jQuery\d+="(?:\d+|null)"/g,X=/^\s+/,Y=/]*)\/>/ig,Z=/1&&l=0;--i)f.nodeName(t[i],"tbody")&&!t[i].childNodes.length&&t[i].parentNode.removeChild(t[i])}!f.support.leadingWhitespace&&X.test(l)&&p.insertBefore(b.createTextNode(X.exec(l)[0]),p.firstChild),l=p.childNodes,p&&(p.parentNode.removeChild(p),q.length>0&&(r=q[q.length-1],r&&r.parentNode&&r.parentNode.removeChild(r)))}var u;if(!f.support.appendChecked)if(l[0]&&typeof (u=l.length)=="number")for(i=0;i1)},f.extend({cssHooks:{opacity:{get:function(a,b){if(b){var c=by(a,"opacity");return c===""?"1":c}return a.style.opacity}}},cssNumber:{fillOpacity:!0,fontWeight:!0,lineHeight:!0,opacity:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":f.support.cssFloat?"cssFloat":"styleFloat"},style:function(a,c,d,e){if(!!a&&a.nodeType!==3&&a.nodeType!==8&&!!a.style){var g,h,i=f.camelCase(c),j=a.style,k=f.cssHooks[i];c=f.cssProps[i]||i;if(d===b){if(k&&"get"in k&&(g=k.get(a,!1,e))!==b)return g;return j[c]}h=typeof d,h==="string"&&(g=bu.exec(d))&&(d=+(g[1]+1)*+g[2]+parseFloat(f.css(a,c)),h="number");if(d==null||h==="number"&&isNaN(d))return;h==="number"&&!f.cssNumber[i]&&(d+="px");if(!k||!("set"in k)||(d=k.set(a,d))!==b)try{j[c]=d}catch(l){}}},css:function(a,c,d){var e,g;c=f.camelCase(c),g=f.cssHooks[c],c=f.cssProps[c]||c,c==="cssFloat"&&(c="float");if(g&&"get"in g&&(e=g.get(a,!0,d))!==b)return e;if(by)return by(a,c)},swap:function(a,b,c){var d={},e,f;for(f in b)d[f]=a.style[f],a.style[f]=b[f];e=c.call(a);for(f in b)a.style[f]=d[f];return e}}),f.curCSS=f.css,c.defaultView&&c.defaultView.getComputedStyle&&(bz=function(a,b){var c,d,e,g,h=a.style;b=b.replace(br,"-$1").toLowerCase(),(d=a.ownerDocument.defaultView)&&(e=d.getComputedStyle(a,null))&&(c=e.getPropertyValue(b),c===""&&!f.contains(a.ownerDocument.documentElement,a)&&(c=f.style(a,b))),!f.support.pixelMargin&&e&&bv.test(b)&&bt.test(c)&&(g=h.width,h.width=c,c=e.width,h.width=g);return c}),c.documentElement.currentStyle&&(bA=function(a,b){var c,d,e,f=a.currentStyle&&a.currentStyle[b],g=a.style;f==null&&g&&(e=g[b])&&(f=e),bt.test(f)&&(c=g.left,d=a.runtimeStyle&&a.runtimeStyle.left,d&&(a.runtimeStyle.left=a.currentStyle.left),g.left=b==="fontSize"?"1em":f,f=g.pixelLeft+"px",g.left=c,d&&(a.runtimeStyle.left=d));return f===""?"auto":f}),by=bz||bA,f.each(["height","width"],function(a,b){f.cssHooks[b]={get:function(a,c,d){if(c)return a.offsetWidth!==0?bB(a,b,d):f.swap(a,bw,function(){return bB(a,b,d)})},set:function(a,b){return bs.test(b)?b+"px":b}}}),f.support.opacity||(f.cssHooks.opacity={get:function(a,b){return bq.test((b&&a.currentStyle?a.currentStyle.filter:a.style.filter)||"")?parseFloat(RegExp.$1)/100+"":b?"1":""},set:function(a,b){var c=a.style,d=a.currentStyle,e=f.isNumeric(b)?"alpha(opacity="+b*100+")":"",g=d&&d.filter||c.filter||"";c.zoom=1;if(b>=1&&f.trim(g.replace(bp,""))===""){c.removeAttribute("filter");if(d&&!d.filter)return}c.filter=bp.test(g)?g.replace(bp,e):g+" "+e}}),f(function(){f.support.reliableMarginRight||(f.cssHooks.marginRight={get:function(a,b){return f.swap(a,{display:"inline-block"},function(){return b?by(a,"margin-right"):a.style.marginRight})}})}),f.expr&&f.expr.filters&&(f.expr.filters.hidden=function(a){var b=a.offsetWidth,c=a.offsetHeight;return b===0&&c===0||!f.support.reliableHiddenOffsets&&(a.style&&a.style.display||f.css(a,"display"))==="none"},f.expr.filters.visible=function(a){return!f.expr.filters.hidden(a)}),f.each({margin:"",padding:"",border:"Width"},function(a,b){f.cssHooks[a+b]={expand:function(c){var d,e=typeof c=="string"?c.split(" "):[c],f={};for(d=0;d (65 * 3 * 3)): case ($R.getContent__find__hasIsolatedTitleInHTML(_aboveHTML)): return; } } })(); // is what we found any good? // ========================== switch (true) { case ($R.getContent__find__hasIsolatedTitleInHTML(_aboveHTML)): case (_differentTargets && (_aboveHTML.split(' -1)) { return 'windows_phone'; } if ((_ua.indexOf('chrome') > -1) && (_ua.indexOf('android') > -1)) { return 'chrome_mobile'; } if ((_ua.indexOf('firefox') > -1) && (_ua.indexOf('fennec') > -1)) { return 'firefox_mobile'; } if ((_ua.indexOf('dolfin') > -1) || (_ua.indexOf('dolphin') > -1)) { return 'dolphin'; } if ((_ua.indexOf('android') > -1)) { return 'android'; } if ((_ua.indexOf('ipad') > -1)) { return 'ipad'; } if ((_ua.indexOf('iphone') > -1)) { return 'iphone'; } if ($.browser.opera) { return 'opera'; } if ($.browser.msie) { return 'internet_explorer'; } if ($.browser.webkit && (_ua.indexOf('chrome') > -1)) { return 'chrome'; } if ($.browser.webkit && (_ua.indexOf('safari') > -1)) { return 'safari'; } if ($.browser.mozilla) { return 'firefox'; } })(); $R.browser = __the_browser; // language specific stuff // ======================= // default $R.language = 'general'; // the text - start with title var _test_text = ' ' + $R.document.title; // add couple of random paragraphs, divs var _ps = $R.document.getElementsByTagName('p'), _ds = $R.document.getElementsByTagName('div') ; // add for (var i=0; i '' && _text > ''); else { return false; } // probably selected something by mistake if ($R.measureText__getTextLength(_text) > (65 * 3 * 1.5)); else { return false; } // display // ======= $R.$pages.html(''); $R.displayPageHTML(_html, 1, 'selection'); // return true return true; }; // functions // ========= $R.sel = {}; $R.sel.getWindowFromDocument = function (theDocument) { if (theDocument); else { return null; } if ('defaultView' in theDocument) { arguments.calee = function (theDocument) { if (theDocument); else { return null; } return theDocument.defaultView; }; } else if ('parentWindow' in theDocument) { arguments.calee = function (theDocument) { if (theDocument); else { return null; } return theDocument.parentWindow; }; } else { arguments.calee = function (theDocument) { return null; }; } return arguments.calee(theDocument); }; $R.sel.getSelection = function (theWindow) { if (theWindow); else { return null; } if ('getSelection' in theWindow) { arguments.calee = function (theWindow) { if (theWindow); else { return null; } return theWindow.getSelection(); }; } else if ('selection' in theWindow.document) { arguments.calee = function (theWindow) { if (theWindow); else { return null; } return theWindow.document.selection; }; } else { arguments.calee = function (theWindow) { return null; }; } return arguments.calee(theWindow); }; $R.sel.getRange = function (selection) { if (selection); else { return null; } if ('getRangeAt' in selection) { arguments.calee = function (selection) { if (selection); else { return null; } if (selection.rangeCount > 0) { return selection.getRangeAt(0); } else { return null; } // doesn't work in old versions of safari // ... I don't care }; } else if ('createRange' in selection) { arguments.calee = function (selection) { if (selection); else { return null; } return selection.createRange(); }; } else { arguments.calee = function (selection) { return null; }; } return arguments.calee(selection); }; $R.sel.getRangeHTML = function (range) { if (range); else { return null; } if ('htmlText' in range) { arguments.calee = function (range) { if (range); else { return null; } return range.htmlText; }; } else if ('surroundContents' in range) { arguments.calee = function (range) { if (range); else { return null; } var dummy = range.commonAncestorContainer.ownerDocument.createElement("div"); dummy.appendChild(range.cloneContents()); return dummy.innerHTML; }; } else { arguments.calee = function (range) { return null; }; } return arguments.calee(range); }; $R.sel.getRangeText = function (range) { if (range); else { return null; } if ('text' in range) { arguments.calee = function (range) { if (range); else { return null; } return range.text; }; } else if ('surroundContents' in range) { arguments.calee = function (range) { if (range); else { return null; } var dummy = range.commonAncestorContainer.ownerDocument.createElement("div"); dummy.appendChild(range.cloneContents()); return dummy.textContent; }; } else { arguments.calee = function (range) { return null; }; } return arguments.calee(range); }; // options // ======= $R.parsingOptions = { '_elements_ignore': '|button|input|select|textarea|optgroup|command|datalist|--|frame|frameset|noframes|--|style|link|script|noscript|--|canvas|applet|map|--|marquee|area|base|', '_elements_ignore_tag': '|form|fieldset|details|dir|--|center|font|span|', '_elements_self_closing': '|br|hr|--|img|--|col|--|source|--|embed|param|--|iframe|', '_elements_visible': '|article|section|--|ul|ol|li|dd|--|table|tr|td|--|div|--|p|--|h1|h2|h3|h4|h5|h6|--|span|', '_elements_too_much_content': '|b|i|em|strong|--|h1|h2|h3|h4|h5|--|td|', '_elements_container': '|body|--|article|section|--|div|--|td|--|li|--|dd|dt|', '_elements_link_density': '|div|--|table|ul|ol|--|section|aside|header|', '_elements_floating': '|div|--|table|', '_elements_above_target_ignore':'|br|--|ul|ol|dl|--|table|', '_elements_keep_attributes': { 'a': ['href', 'title', 'name'], 'img': ['src', 'width', 'height', 'alt', 'title'], 'video': ['src', 'width', 'height', 'poster', 'audio', 'preload', 'autoplay', 'loop', 'controls'], 'audio': ['src', 'preload', 'autoplay', 'loop', 'controls'], 'source': ['src', 'type'], 'object': ['data', 'type', 'width', 'height', 'classid', 'codebase', 'codetype'], 'param': ['name', 'value'], 'embed': ['src', 'type', 'width', 'height', 'flashvars', 'allowscriptaccess', 'allowfullscreen', 'bgcolor'], 'iframe': ['src', 'width', 'height', 'frameborder', 'scrolling'], 'td': ['colspan', 'rowspan'], 'th': ['colspan', 'rowspan'] } }; // next page keywords -- (?? charCodeAt() > 127) // ================== $R.nextPage__captionKeywords = [ /* english */ 'next page', 'next', /* german */ 'vorwärts', 'weiter', /* japanese */ '次へ' ]; $R.nextPage__captionKeywords__not = [ /* english */ 'article', 'story', 'post', 'comment', 'section', 'chapter' ]; // skip links // ========== $R.skipStuffFromDomains__links = [ 'doubleclick.net', 'fastclick.net', 'adbrite.com', 'adbureau.net', 'admob.com', 'bannersxchange.com', 'buysellads.com', 'impact-ad.jp', 'atdmt.com', 'advertising.com', 'itmedia.jp', 'microad.jp', 'serving-sys.com', 'adplan-ds.com' ]; // skip images // =========== $R.skipStuffFromDomain__images = [ 'googlesyndication.com', 'fastclick.net', '.2mdn.net', 'de17a.com', 'content.aimatch.com', 'bannersxchange.com', 'buysellads.com', 'impact-ad.jp', 'atdmt.com', 'advertising.com', 'itmedia.jp', 'microad.jp', 'serving-sys.com', 'adplan-ds.com' ]; // keep video // ========== $R.keepStuffFromDomain__video = [ 'youtube.com', 'youtube-nocookie.com', 'vimeo.com', 'hulu.com', 'yahoo.com', 'flickr.com', 'newsnetz.ch' ]; $R.getContent__exploreNodeAndGetStuff = function (_nodeToExplore, _justExploring) { var _global__element_index = 0, _global__inside_link = false, _global__inside_link__element_index = 0, _global__length__above_plain_text = 0, _global__count__above_plain_words = 0, _global__length__above_links_text = 0, _global__count__above_links_words = 0, _global__count__above_candidates = 0, _global__count__above_containers = 0, _global__above__plain_text = '', _global__above__links_text = '', _return__containers = [], _return__candidates = [], _return__links = [] ; // recursive function // ================== var _recursive = function (_node) { // increment index // starts with 1 _global__element_index++; var _tag_name = (_node.nodeType === 3 ? '#text' : ((_node.nodeType === 1 && _node.tagName && _node.tagName > '') ? _node.tagName.toLowerCase() : '#invalid')), _result = { '__index': _global__element_index, '__node': _node, '_is__container': ($R.parsingOptions._elements_container.indexOf('|'+_tag_name+'|') > -1), '_is__candidate': false, '_is__text': false, '_is__link': false, '_is__link_skip': false, '_is__image_small': false, '_is__image_medium': false, '_is__image_large': false, '_is__image_skip': false, '_debug__above__plain_text': _global__above__plain_text, '_debug__above__links_text': _global__above__links_text, '_length__above_plain_text': _global__length__above_plain_text, '_count__above_plain_words': _global__count__above_plain_words, '_length__above_links_text': _global__length__above_links_text, '_count__above_links_words': _global__count__above_links_words, '_length__above_all_text': (_global__length__above_plain_text + _global__length__above_links_text), '_count__above_all_words': (_global__count__above_plain_words + _global__count__above_links_words), '_count__above_candidates': _global__count__above_candidates, '_count__above_containers': _global__count__above_containers, '_length__plain_text': 0, '_count__plain_words': 0, '_length__links_text': 0, '_count__links_words': 0, '_length__all_text': 0, '_count__all_words': 0, '_count__containers': 0, '_count__candidates': 0, '_count__links': 0, '_count__links_skip': 0, '_count__images_small': 0, '_count__images_medium': 0, '_count__images_large': 0, '_count__images_skip': 0 }; // fast return // =========== switch (true) { case ((_tag_name == '#invalid')): case (($R.parsingOptions._elements_ignore.indexOf('|'+_tag_name+'|') > -1)): return; case (($R.parsingOptions._elements_visible.indexOf('|'+_tag_name+'|') > -1)): // included inline // _node, _tag_name must be defined // will return, if node is hidden switch (true) { case (_node.offsetWidth > 0): case (_node.offsetHeight > 0): break; default: switch (true) { case (_node.offsetLeft > 0): case (_node.offsetTop > 0): break; default: // exclude inline DIVs -- which, stupidly, don't have a width/height if ((_tag_name == 'div') && ((_node.style.display || $.css( _node, "display" )) == 'inline')) { break; } // it's hidden; exit current scope return; } break; } break; // self-closing -- with some exceptions case ($R.parsingOptions._elements_self_closing.indexOf('|'+_tag_name+'|') > -1): switch (true) { case ((_tag_name == 'img')): break; default: return; } break; } // do stuff // ======== switch (true) { // text node // ========= case ((_tag_name == '#text')): // mark _result._is__text = true; // get var _nodeText = _node.nodeValue; // result _result._length__plain_text = $R.measureText__getTextLength(_nodeText); _result._count__plain_words = $R.measureText__getWordCount(_nodeText); if (_global__inside_link) { _global__length__above_links_text += _result._length__plain_text; _global__count__above_links_words += _result._count__plain_words; if (false && $R.debug) { _global__above__links_text += ' ' + _nodeText; } } else { _global__length__above_plain_text += _result._length__plain_text; _global__count__above_plain_words += _result._count__plain_words; if (false && $R.debug) { _global__above__plain_text += ' ' + _nodeText; } } // return text return _result; // link // ==== case (_tag_name == 'a'): var _href = ""; try { _href = _node.href; } catch(e) { Evernote.Logger.warn("Clearly: failed to get href of link element" + e); } // sanity if (_href > ''); else { break; } if (_href.indexOf); else { break; } _result._is__link = true; // skip for (var i=0, _i=$R.skipStuffFromDomains__links.length; i -1) { _result._is__link_skip = true; break; } } // inside link if (_global__inside_link); else { _global__inside_link = true; _global__inside_link__element_index = _result.__index; } // done _return__links.push(_result); break; // image // ===== case (_tag_name == 'img'): // skip // ==== if (_node.src && _node.src.indexOf) { for (var i=0, _i=$R.skipStuffFromDomain__images.length; i -1) { _result._is__image_skip = true; break; } } } // size // ==== var _width = $(_node).width(), _height = $(_node).height(); switch (true) { case ((_width * _height) >= 50000): case ((_width >= 350) && (_height >= 75)): _result._is__image_large = true; break; case ((_width * _height) >= 20000): case ((_width >= 150) && (_height >= 150)): _result._is__image_medium = true; break; case ((_width '; } else { _global__the_html += '>';} /* mark */ _pos__start__after = _global__the_html.length; } // child nodes // =========== if ($R.parsingOptions._elements_self_closing.indexOf('|'+_tag_name+'|') > -1); else { for (var i=0, _i=_node.childNodes.length; i -1)): return; case (($R.parsingOptions._elements_self_closing.indexOf('|'+_tag_name+'|') > -1)): /* mark */ _pos__end__before = _global__the_html.length; /* mark */ _pos__end__after = _global__the_html.length; break; default: /* mark */ _pos__end__before = _global__the_html.length; /* end */ _global__the_html += ''; /* mark */ _pos__end__after = _global__the_html.length; break; } // clean -- after // ===== // we need to actually cut things out of // "_global__the_html", for stuff to not be there // largeObject classes // =================== if (_tag_name == 'iframe' || _tag_name == 'embed' || _tag_name == 'object') { _global__the_html = '' + _global__the_html.substr(0, _pos__start__before) + '' + _global__the_html.substr(_pos__start__before, (_pos__end__after - _pos__start__before)) + '' ; return; } // add image classes // ================= if (_tag_name == 'img') { _explored = (_explored || $R.getContent__exploreNodeAndGetStuff(_node, true)); switch (true) { case (_explored._is__image_skip): $R.debugOutline(_node, 'clean-after', 'skip-img'); _global__the_html = _global__the_html.substr(0, _pos__start__before); return; case (_explored._is__image_large): // add float class -- for images too narrow/tall // remove width/height -- only for large images // http://www.wired.com/threatlevel/2011/05/gps-gallery/?pid=89&viewall=true // http://david-smith.org/blog/2012/03/10/ios-5-dot-1-upgrade-stats/index.html // http://www.turntablekitchen.com/2012/04/dutch-baby-with-caramelized-vanilla-bean-pears-moving-through-the-decades/ _global__the_html = '' + _global__the_html.substr(0, _pos__start__before) + '' + _global__the_html.substr(_pos__start__before, (_pos__end__after - _pos__start__before)).replace(/width="([^=]+?)"/gi, '').replace(/height="([^=]+?)"/gi, '') + '' ; return; } } // large images in links // ===================== if (_tag_name == 'a') { _explored = (_explored || $R.getContent__exploreNodeAndGetStuff(_node, true)); switch (true) { case (_explored._count__images_large == 1): _global__the_html = '' + _global__the_html.substr(0, _pos__start__after-1) + ' class="readableLinkWithLargeImage">' + _global__the_html.substr(_pos__start__after, (_pos__end__before - _pos__start__after)) + '' ; return; case (_explored._count__images_medium == 1): _global__the_html = '' + _global__the_html.substr(0, _pos__start__after-1) + ' class="readableLinkWithMediumImage">' + _global__the_html.substr(_pos__start__after, (_pos__end__before - _pos__start__after)) + '' ; return; } } // too much content // ================ if ($R.parsingOptions._elements_too_much_content.indexOf('|'+_tag_name+'|') > -1) { _explored = (_explored || $R.getContent__exploreNodeAndGetStuff(_node, true)); switch (true) { case (_tag_name == 'h1' && (_explored._length__all_text > (65 * 2))): case (_tag_name == 'h2' && (_explored._length__all_text > (65 * 2 * 3))): case ((_tag_name.match(/^h(3|4|5|6)$/) != null) && (_explored._length__all_text > (65 * 2 * 5))): case ((_tag_name.match(/^(b|i|em|strong)$/) != null) && (_explored._length__all_text > (65 * 5 * 5))): $R.debugOutline(_node, 'clean-after', 'too-much-content'); _global__the_html = '' + _global__the_html.substr(0, _pos__start__before) + _global__the_html.substr(_pos__start__after, (_pos__end__before - _pos__start__after)) ; return; } } // empty elements // ============== switch (true) { case (($R.parsingOptions._elements_self_closing.indexOf('|'+_tag_name+'|') > -1)): case (($R.parsingOptions._elements_ignore_tag.indexOf('|'+_tag_name+'|') > -1)): case (_tag_name == 'td'): break; default: var _contents = _global__the_html.substr(_pos__start__after, (_pos__end__before - _pos__start__after)); _contents = _contents.replace(/()/gi, ''); _contents = _contents.replace(/()/gi, ''); // for rows, clear empty cells if (_tag_name == 'tr') { _contents = _contents.replace(/]*?>/gi, ''); _contents = _contents.replace(//gi, ''); } // for tables, clear empty rows if (_tag_name == 'table') { _contents = _contents.replace(/]*?>/gi, ''); _contents = _contents.replace(//gi, ''); } var _contentsLength = $R.measureText__getTextLength(_contents); switch (true) { case (_contentsLength == 0 && _tag_name == 'p'): _global__the_html = _global__the_html.substr(0, _pos__start__before) + ''; return; case (_contentsLength == 0): case ((_contentsLength < 5) && ($R.parsingOptions._elements_visible.indexOf('|'+_tag_name+'|') > -1)): $R.debugOutline(_node, 'clean-after', 'blank'); _global__the_html = _global__the_html.substr(0, _pos__start__before); return; } break; } // too much missing // ================ if ($R.parsingOptions._elements_link_density.indexOf('|'+_tag_name+'|') > -1) { _explored = (_explored || $R.getContent__exploreNodeAndGetStuff(_node, true)); var _contents = _global__the_html .substr(_pos__start__after, (_pos__end__before - _pos__start__after)) .replace(/(]+)>)/gi, ''), _contentsLength = $R.measureText__getTextLength(_contents), _initialLength = 0 + _explored._length__all_text + (_explored._count__images_small * 10) + (_explored._count__images_skip * 10) + (_node.getElementsByTagName('iframe').length * 10) + (_node.getElementsByTagName('object').length * 10) + (_node.getElementsByTagName('embed').length * 10) + (_node.getElementsByTagName('button').length * 10) + (_node.getElementsByTagName('input').length * 10) + (_node.getElementsByTagName('select').length * 10) + (_node.getElementsByTagName('textarea').length * 10) ; // too much missing switch (true) { case (!(_contentsLength > 0)): case (!(_initialLength > 0)): case (!((_contentsLength / _initialLength) < 0.5)): case (!(($R.language == 'cjk') && (_contentsLength / _initialLength) < 0.1)): case ((_global__exploreNodeToBuildHTMLFor && ((_explored._length__plain_text / _global__exploreNodeToBuildHTMLFor._length__plain_text) > 0.25))): case (($R.language == 'cjk') && (_global__exploreNodeToBuildHTMLFor && ((_explored._length__plain_text / _global__exploreNodeToBuildHTMLFor._length__plain_text) > 0.1))): break; default: $R.debugOutline(_node, 'clean-after', 'missing-density'); _global__the_html = _global__the_html.substr(0, _pos__start__before); return; } } // return return; }; // actually do it _recursive(_nodeToBuildHTMLFor); // return html return _global__the_html; }; // article title marker // ==================== $R.articleTitleMarker__start = ''; $R.articleTitleMarker__end = ''; // article title check function // ============================ $R.getContent__find__hasIsolatedTitleInHTML = function (_html) { return (_html.substr(0, $R.articleTitleMarker__start.length) == $R.articleTitleMarker__start); }; // article title get function // ============================ $R.getContent__find__getIsolatedTitleInHTML = function (_html) { // is it there? if ($R.getContent__find__hasIsolatedTitleInHTML(_html)); else { return ''; } // regex var _getTitleRegex = new RegExp($R.articleTitleMarker__start + '(.*?)' + $R.articleTitleMarker__end, 'i'), _getTitleMatch = _html.match(_getTitleRegex) ; // match? if (_getTitleMatch); else { return ''; } // return return _getTitleMatch[1]; }; // find title in arbitrary html // ============================ $R.getContent__find__isolateTitleInHTML = function (_html, _document_title) { // can't just use (h1|h2|h3|etc) -- we want to try them in a certain order // ============================= var _heading_pregs = [ /]*?>([\s\S]+?)/gi, /]*?>([\s\S]+?)/gi, /]*?>([\s\S]+?)/gi ], _secondary_headings = '|h2|h3|h4|h5|h6|', _search_document_title = ' ' + _document_title.replace(/]+?>/gi, '').replace(/\s+/gi, ' ') + ' ' ; // loop pregs // ========== for (var i=0, _i=_heading_pregs.length; i -1)): // will continue loop break; default: // measurements var _heading_end_pos = _heading_pregs[i].lastIndex, _heading_start_pos = (_heading_end_pos - _match[0].length), _heading_type = _match[1], _heading_text = _match[2].replace(/]*>/gi, '').replace(/[\n\r]+/gi, ''), _heading_text_plain = _heading_text.replace(/]+?>/gi, '').replace(/\s+/gi, ' '); _heading_length = $R.measureText__getTextLength(_heading_text_plain), _heading_words = [], _to_heading_text = _html.substr(0, _heading_start_pos), _to_heading_length = $R.measureText__getTextLength(_to_heading_text.replace(/]+?>/gi, '').replace(/\s+/gi, ' ')) ; // return? switch (true) { case (!(_heading_length > 5)): case (!(_heading_length < (65 * 3))): case (!(_to_heading_length < (65 * 3 * 2))): // will continue for loop break; case ((_secondary_headings.indexOf('|' + _heading_type + '|') > -1)): // words in this heading _heading_words = _heading_text_plain.split(' '); // count words present in title for (var j=0, _j=_heading_words.length, _matched_words=''; j -1) { _matched_words += _heading_words[j] + ' '; } } // break continues for loop // nothing goes to switch's default // ================================ // no break? var _no_break = false; switch (true) { // if it's big enough, and it's a substring of the title, it's good case ((_heading_length > 20) && (_search_document_title.indexOf(_heading_text_plain) > -1)): // if it's slightly smaler, but is exactly at the begging or the end case ((_heading_length > 10) && ((_search_document_title.indexOf(_heading_text_plain) == 1) || (_search_document_title.indexOf(_heading_text_plain) == (_search_document_title.length - 1 - _heading_text_plain.length)))): _no_break = true; break; } // break? var _break = false; switch (true) { // no break? case (_no_break): break; // heading too long? -- if not h2 case ((_heading_length > ((_search_document_title.length - 2) * 2)) && (_heading_type != 'h2')): // heading long enough? case ((_heading_length < Math.ceil((_search_document_title.length - 2) * 0.50))): // enough words matched? case ((_heading_length < 25) && (_matched_words.length < Math.ceil(_heading_length * 0.75))): case ((_heading_length < 50) && (_matched_words.length < Math.ceil(_heading_length * 0.65))): case ((_matched_words.length < Math.ceil(_heading_length * 0.55))): _break = true; break; } // break? if (_break) { break; } default: // this is the title -- do isolation; return // ================= return '' + $R.articleTitleMarker__start + _heading_text + $R.articleTitleMarker__end + _html.substr(_heading_end_pos) ; } break; } } // return unmodified return _html; }; $R.getContent__find = function () { // get content // =========== var _found = $R.getContent__findInPage($R.win), _targetNode = _found._targetCandidate.__node, _$targetNode = $(_targetNode), _aboveNodes = [] ; // RTL // === switch (true) { case (_$targetNode.attr('dir') == 'rtl'): case (_$targetNode.css('direction') == 'rtl'): $R.makeRTL(); break; } // get html // ======== var _foundHTML = _found._html, _firstFragmentBefore = $R.getContent__nextPage__getFirstFragment(_foundHTML), _documentTitle = ($R.document.title > '' ? $R.document.title : '') ; // get title // ========= // has title already? _foundHTML = $R.getContent__find__isolateTitleInHTML(_foundHTML, _documentTitle); $R.articleTitle = $R.getContent__find__getIsolatedTitleInHTML(_foundHTML); $R.debugPrint('TitleSource', 'target'); // get html above? if ($R.articleTitle > ''); else { // get html above target? // ====================== // global vars: // _found // _foundHTML // _documentTitle // _aboveNodes var _prevNode = _found._targetCandidate.__node, _prevHTML = '', _aboveHTML = '', _differentTargets = (_found._firstCandidate.__node != _found._targetCandidate.__node) ; (function () { while (true) { // the end? switch (true) { case (_prevNode.tagName && (_prevNode.tagName.toLowerCase() == 'body')): case (_differentTargets && (_prevNode == _found._firstCandidate.__node)): // enough is enough return; } // up or sideways? if (_prevNode.previousSibling); else { _prevNode = _prevNode.parentNode; continue; } // previous _prevNode = _prevNode.previousSibling; // outline -- element might be re-outlined, when buildHTML is invoked if ($R.debug) { $R.debugOutline(_prevNode, 'target', 'add-above'); } // get html; add _prevHTML = $R.getContent__buildHTMLForNode(_prevNode, 'above-the-target'); _aboveHTML = _prevHTML + _aboveHTML; _aboveNodes.unshift(_prevNode); // isolate title _aboveHTML = $R.getContent__find__isolateTitleInHTML(_aboveHTML, _documentTitle); // finished? switch (true) { case ($R.measureText__getTextLength(_aboveHTML.replace(/]+?>/gi, '').replace(/\s+/gi, ' ')) > (65 * 3 * 3)): case ($R.getContent__find__hasIsolatedTitleInHTML(_aboveHTML)): return; } } })(); // is what we found any good? // ========================== switch (true) { case ($R.getContent__find__hasIsolatedTitleInHTML(_aboveHTML)): case (_differentTargets && (_aboveHTML.split(' 1): case ((_secondCandidate.__candidate_details._count__lines_of_65_characters > 20) && (_secondCandidate.__points_final / _firstCandidate.__points_final) > 0.9): case ((_secondCandidate.__candidate_details._count__lines_of_65_characters > 50) && (_secondCandidate.__points_final / _firstCandidate.__points_final) > 0.75): _targetCandidate = _secondCandidate; $R.debugPrint('Target', 'second'); break; } // print points // ============ if ($R.debug) { $R.debugPrint('PointsFirst', _firstCandidate['__points_history_final'][0].toFixed(2)); $R.debugPrint('PointsSecond', _secondCandidate['__points_history_final'][0].toFixed(2)); } break; } // highlight target // ================ if ($R.debug) { $(_targetCandidate.__node).css({ 'box-shadow': 'inset 0px 0px 50px rgba(255, 255, 0, 0.95), 0px 0px 50px rgba(255, 255, 0, 0.95)' }); } // get html // ======== $R.debugTimerStart('BuildHTML'); var _html = $R.getContent__buildHTMLForNode(_targetCandidate.__node, 'the-target'); _html = _html.substr((_html.indexOf('>')+1)) _html = _html.substr(0, _html.lastIndexOf(' $D $R.win => $D.window $R.parsingOptions => $D.parseOptions $R.skipStuffFromDomains__links => $D.parseOptions._skip_link_from_domain $R.skipStuffFromDomain__images => $D.parseOptions._skip_image_from_domain $R.keepStuffFromDomain__video => $D.parseOptions._keep_video_from_domain $R.getContent__processCandidates => $D.getContent__processCandidates__first $R.getContent__computePointsForCandidate => $D.getContent__computePointsForCandidate__first $R.getContent__computeDetailsForCandidate => $D.getContent__computeDetailsForCandidate__first $R.getContent__processCandidatesSecond => $D.getContent__processCandidates__second $R.getContent__computePointsForCandidateSecond => $D.getContent__computePointsForCandidate__second $R.getContent__computeDetailsForCandidateSecond => $D.getContent__computeDetailsForCandidate__second $R.getContent__computePointsForCandidateThird => $D.getContent__computePointsForCandidate__third $R.getContent__computeDetailsForCandidateThird => $D.getContent__computeDetailsForCandidate__third to do: ====== */ function initClearlyComponent__detect(_paramInstance) { // global instance reference { // =========================== // null; return if (_paramInstance); else { return false; } // shorthand $D = _paramInstance; // global instance reference } // required vars { // =============== // the component instance object must already be created, // when the init function is called. it must have these vars set: switch (true) { case (!($D.callbacks)): case (!($D.callbacks.finished)): case (!($D.window)): case (!($D.document)): case (!($D.document.body)): case (!($D.jQuery)): if ($D.debug) { console.log(!($D.callbacks)); console.log(!($D.callbacks.finished)); console.log(!($D.window)); console.log(!($D.document)); console.log(!($D.document.body)); console.log(!($D.jQuery)); } // something's wrong return false; } // required vars } // global vars { // ============= $CJ = $D.jQuery; $D.$window = $CJ($D.window); $D.$document = $CJ($D.document); // global vars } // parse options { // =============== $D.parseOptions = { '_elements_ignore': '|button|input|select|textarea|optgroup|command|datalist|--|frame|frameset|noframes|--|style|link|script|noscript|--|canvas|applet|map|--|marquee|area|base|', '_elements_ignore_id': '|evernote-content|evernote-attributes-content|evernote-share-content|evernoteErrorPopup|evernote-post-clip-content|', '_elements_ignore_tag': '|form|fieldset|details|dir|--|center|font|span|', '_elements_container': '|body|--|article|section|--|div|--|td|--|li|--|dd|dt|', '_elements_self_closing': '|br|hr|--|img|--|col|--|source|--|embed|param|--|iframe|', '_elements_visible': '|article|section|--|ul|ol|li|dd|--|table|tr|td|--|div|--|p|--|h1|h2|h3|h4|h5|h6|--|span|', '_elements_too_much_content': '|b|i|em|strong|--|h1|h2|h3|h4|h5|--|td|', '_elements_link_density': '|div|--|table|ul|ol|--|section|aside|header|', '_elements_floating': '|div|--|table|', '_elements_above_target_ignore': '|br|--|ul|ol|dl|--|table|', '_unskippable_attribute': 'clearly__unskippable_element', '_unskippable_attribute_value': 'yes', '_use_document_title_attribute': 'clearly__use_document_title_as_article_title', '_use_document_title_attribute_value': 'yes', '_elements_keep_attributes': { 'a': ['href', 'title', 'name'], 'img': ['src', 'width', 'height', 'alt', 'title'], 'video': ['src', 'width', 'height', 'poster', 'audio', 'preload', 'autoplay', 'loop', 'controls'], 'audio': ['src', 'preload', 'autoplay', 'loop', 'controls'], 'source': ['src', 'type'], 'object': ['data', 'type', 'width', 'height', 'classid', 'codebase', 'codetype'], 'param': ['name', 'value'], 'embed': ['src', 'type', 'width', 'height', 'flashvars', 'allowscriptaccess', 'allowfullscreen', 'bgcolor'], 'iframe': ['src', 'width', 'height', 'frameborder', 'scrolling'], 'td': ['colspan', 'rowspan'], 'th': ['colspan', 'rowspan'] }, '_skip_link_from_domain': [ /* international */ 'doubleclick.net', 'fastclick.net', 'adbrite.com', 'adbureau.net', 'admob.com', 'bannersxchange.com', 'buysellads.com', 'impact-ad.jp', 'atdmt.com', 'advertising.com', 'serving-sys.com', /* japan */ 'itmedia.jp', 'microad.jp', 'adplan-ds.com' ], '_skip_image_from_domain': [ /* international */ 'googlesyndication.com', 'fastclick.net', '.2mdn.net', 'de17a.com', 'content.aimatch.com', 'bannersxchange.com', 'buysellads.com', 'atdmt.com', 'advertising.com', 'serving-sys.com', /* japan */ 'impact-ad.jp', 'itmedia.jp', 'microad.jp', 'adplan-ds.com' ], '_keep_video_from_domain': [ /* video */ 'youtube.com', 'youtube-nocookie.com', 'vimeo.com', 'hulu.com', 'flickr.com', /* other */ 'yahoo.com', 'newsnetz.ch' ] }; // parse options } // debug { // ======= $D.debug = ($D.debug || false); $D.debugRemembered = {}; $D.debugTimers = []; if ($D.debug) { // writeLog // ======== switch (true) { case (!(!($D.window.console && $D.window.console.log))): $D.writeLog = function (msg) { $D.window.console.log(msg); }; break; case (!(!($D.window.opera && $D.window.opera.postError))): $D.writeLog = function (msg) { $D.window.opera.postError(msg); }; break; default: $D.writeLog = function (msg) {}; break; } // log // === $D.log = function () { if ($D.debug); else { return; } for (var i=0, il=arguments.length; i '')): case (_element.tagName.toLowerCase() == 'onject'): case (_element.tagName.toLowerCase() == 'embed'): return; } switch (true) { case (_category == 'target' && _reason == 'first'): _outline = '#00cc00'; _background = 'rgba(0, 255, 0, 0.5)'; break; case (_category == 'target' && _reason == 'second'): _outline = '#0000cc'; _background = 'rgba(0, 0, 255, 0.5)'; break; case (_category == 'target' && _reason == 'next-page'): _outline = '#FF80C0'; _background = 'rgba(255, 128, 192, 0.5)'; break; case (_category == 'target' && _reason == 'add-above'): _outline = '#804000'; _background = 'rgba(128, 64, 0, 0.5)'; break; case (_category == 'clean-before' && _reason == 'floating'): _outline = '#808080'; _background = 'rgba(128, 128, 128, 0.5)'; break; case (_category == 'clean-after' && _reason == 'missing-density'): _outline = '#C0C0C0'; _background = 'rgba(192, 192, 192, 0.5)'; break; case (_category == 'clean-after' || _category == 'clean-before'): _outline = '#000000'; _background = 'rgba(0, 0, 0, 0.5)'; break; } // do $CJ(_element).attr('readable__outline', (_category + ': ' + _reason)); $CJ(_element).css({ 'outline': '5px solid ' + _outline, 'background-color': '' + _background }); }; // timers // ====== $D.debugTimerStart = function (timerName) { $D.debugTimers.push({ 'name': timerName, 'start': (new Date()).getTime() }); }; $D.debugTimerEnd = function () { var _t = $D.debugTimers.pop(), _time = ((new Date()).getTime() - _t.start); $D.log('TIMER / '+_t.name+': ' + _time); return _time; }; } else { $D.writeLog = function () { return false; }; $D.log = function () { return false; }; $D.debugRemember = function () { return false; }; $D.debugOutline = function () { return false; }; $D.debugTimerStart = function () { return false; }; $D.debugTimerEnd = function () { return false; }; } // debug } // language { // ========== // default $D.language = 'general'; // text to test // ============ // title $D.textForlanguageDetection = $D.document.title; // snippets // ... // check // ===== switch (true) { case ($D.textForlanguageDetection.match(/([\u3000])/gi) != null): case ($D.textForlanguageDetection.match(/([\u3001])/gi) != null): case ($D.textForlanguageDetection.match(/([\u3002])/gi) != null): case ($D.textForlanguageDetection.match(/([\u301C])/gi) != null): $D.language = 'cjk'; break; } // language } // rtl { // ===== // flags $D.rtl = false; $D.maybeRTL = false; // on/off $D.makeRTL = function () { $D.rtl = true; }; $D.makeNotRTL = function () { $D.rtl = false; }; // detect (function () { // definitely $D.$document.find('html, body').each(function (_i, _e) { switch (true) { case ($CJ(_e).attr('dir') == 'rtl'): case ($CJ(_e).css('direction') == 'rtl'): case ($CJ(_e).attr('lang') == 'he'): case ($CJ(_e).attr('lang') == 'he-il'): case ($CJ(_e).attr('lang') == 'ar'): case ($CJ(_e).attr('lang') == 'ur'): $D.makeRTL(); return false; } }); // maybe? if (true && (!$D.rtl) && ($D.$document.find("div[dir='rtl'], table[dir='rtl'], td[dir='rtl']").length > 0) ) { $D.maybeRTL = true; } } )(); // rtl } // measure text { // ============== // asian languages // =============== // http://msdn.microsoft.com/en-us/goglobal/bb688158 // http://en.wikipedia.org/wiki/Japanese_punctuation // http://en.wikipedia.org/wiki/Japanese_typographic_symbols // http://unicode.org/charts/PDF/U3000.pdf // CJK: Chnese, Japanese, Korean -- HAN character set // length // ====== $D.measureText__getTextLength = function (_the_text) { var _text = _the_text; _text = _text.replace(/[\s\n\r]+/gi, ''); //_text = _text.replace(/\d+/, ''); return _text.length; }; // word count // ========== $D.measureText__getWordCount = function (_the_text) { var _text = _the_text; // do stuff // ======== _text = _text.replace(/[\s\n\r]+/gi, ' '); _text = _text.replace(/([.,?!:;()\[\]'""-])/gi, ' $1 '); _text = _text.replace(/([\u3000])/gi, '[=words(1)]'); _text = _text.replace(/([\u3001])/gi, '[=words(2)]'); _text = _text.replace(/([\u3002])/gi, '[=words(4)]'); _text = _text.replace(/([\u301C])/gi, '[=words(2)]'); _text = _text.replace(/([\u2026|\u2025])/gi, '[=words(2)]'); _text = _text.replace(/([\u30FB\uFF65])/gi, '[=words(1)]'); _text = _text.replace(/([\u300C\u300D])/gi, '[=words(1)]'); _text = _text.replace(/([\u300E\u300F])/gi, '[=words(1)]'); _text = _text.replace(/([\u3014\u3015])/gi, '[=words(1)]'); _text = _text.replace(/([\u3008\u3009])/gi, '[=words(1)]'); _text = _text.replace(/([\u300A\u300B])/gi, '[=words(1)]'); _text = _text.replace(/([\u3010\u3011])/gi, '[=words(1)]'); _text = _text.replace(/([\u3016\u3017])/gi, '[=words(1)]'); _text = _text.replace(/([\u3018\u3019])/gi, '[=words(1)]'); _text = _text.replace(/([\u301A\u301B])/gi, '[=words(1)]'); _text = _text.replace(/([\u301D\u301E\u301F])/gi, '[=words(1)]'); _text = _text.replace(/([\u30A0])/gi, '[=words(1)]'); // count // ===== var _count = 0, _words_match = _text.match(/([^\s\d]{3,})/gi) ; // add match _count += (_words_match != null ? _words_match.length : 0); // add manual count _text.replace(/\[=words\((\d)\)\]/, function (_match, _plus) { _count += (5 * parseInt(_plus)); }); // return // ====== return _count; }; // levenshtein // =========== $D.levenshteinDistance = function (str1, str2) { var l1 = str1.length, l2 = str2.length, i = 0, j = 0, d = []; if (Math.min(l1, l2) === 0) { return Math.max(l1, l2); } for (i = 0 ; i 0): case (_node.offsetTop > 0): break; default: // exclude inline DIVs -- which, stupidly, don't have a width/height if (true && (_tag_name == 'div') && ((_node.style.display || $CJ.css( _node, "display" )) == 'inline') ) { break; } // it's hidden return true; } break; } // it's not hidden return false; }; // hidden node } // compute points for candidate { // ============================== $D.getContent__computePointsForCandidate__do = function (_ratio_remaining, _power, _ratio, _points_history) { var _points_remaining = (_points_history[0] * _ratio_remaining), _points_to_compute = (_points_history[0] - _points_remaining) ; if (_ratio < 0) { //_points_return = (0.75 * _points_remaining); _points_return = _points_remaining; } else { _points_return = 0 + _points_remaining + (_points_to_compute * Math.pow(_ratio, _power)) ; } // add _points_history.unshift(_points_return); }; // compute points for candidate } // process candidates (first) { // ============================ $D.getContent__computeDetailsForCandidate__first = function (_e, _main) { var _r = {}; // bad candidate // ============= if (_e._is__bad) { return _r; } // paragraphs // ========== _r['_count__lines_of_65_characters'] = (_e._length__plain_text / 65); _r['_count__paragraphs_of_3_lines'] = (_r._count__lines_of_65_characters / 3); _r['_count__paragraphs_of_5_lines'] = (_r._count__lines_of_65_characters / 5); _r['_count__paragraphs_of_50_words'] = (_e._count__plain_words / 50); _r['_count__paragraphs_of_80_words'] = (_e._count__plain_words / 80); // total text // ========== _r['_ratio__length__plain_text_to_total_plain_text'] = (_e._length__plain_text / _main._length__plain_text); _r['_ratio__count__plain_words_to_total_plain_words'] = (_e._count__plain_words / _main._count__plain_words); // links // ===== _r['_ratio__length__links_text_to_plain_text'] = (_e._length__links_text / _e._length__plain_text); _r['_ratio__count__links_words_to_plain_words'] = (_e._count__links_words / _e._count__plain_words); _r['_ratio__length__links_text_to_all_text'] = (_e._length__links_text / _e._length__all_text); _r['_ratio__count__links_words_to_all_words'] = (_e._count__links_words / _e._count__all_words); _r['_ratio__length__links_text_to_total_links_text'] = (_e._length__links_text / (_main._length__links_text + 1)); _r['_ratio__count__links_words_to_total_links_words'] = (_e._count__links_words / (_main._count__links_words + 1)); _r['_ratio__count__links_to_total_links'] = (_e._count__links / (_main._count__links + 1)); _r['_ratio__count__links_to_plain_words'] = ((_e._count__links * 2) / _e._count__plain_words); // text above // ========== var _divide__candidates = Math.max(2, Math.ceil(_e._count__above_candidates * 0.5)), _above_text = ((0 + (_e._length__above_plain_text * 1) + (_e._length__above_plain_text / _divide__candidates) ) / 2), _above_words = ((0 + (_e._count__above_plain_words * 1) + (_e._count__above_plain_words / _divide__candidates) ) / 2) ; _r['_ratio__length__above_plain_text_to_total_plain_text'] = (_above_text / _main._length__plain_text); _r['_ratio__count__above_plain_words_to_total_plain_words'] = (_above_words / _main._count__plain_words); // candidates // ========== _r['_ratio__count__candidates_to_total_candidates'] = (_e._count__candidates / (_main._count__candidates + 1)); _r['_ratio__count__containers_to_total_containers'] = (_e._count__containers / (_main._count__containers + 1)); // return // ====== return _r; }; $D.getContent__computePointsForCandidate__first = function (_e, _main) { var _details = _e.__candidate_details, _points_history = [], _really_big = ((_main._length__plain_text / 65) > 250) ; // bad candidate if (_e._is__bad) { return [0]; } // the basics // ========== _points_history.unshift(((0 + (_details._count__paragraphs_of_3_lines) + (_details._count__paragraphs_of_5_lines * 1.5) + (_details._count__paragraphs_of_50_words) + (_details._count__paragraphs_of_80_words * 1.5) + (_e._count__images_large * 3) - ((_e._count__images_skip + _e._count__images_small) * 0.5) ) * 1000)); // negative if (_points_history[0] < 0) { return [0]; } // candidates, containers, pieces // ============================== var _divide__pieces = Math.max(5, Math.ceil(_e._count__pieces * 0.25)), _divide__candidates = Math.max(5, Math.ceil(_e._count__candidates * 0.25)), _divide__containers = Math.max(10, Math.ceil(_e._count__containers * 0.25)) ; _points_history.unshift(((0 + (_points_history[0] * 3) + (_points_history[0] / _divide__pieces) + (_points_history[0] / _divide__candidates) + (_points_history[0] / _divide__containers) ) / 6)); // total text // ========== $D.getContent__computePointsForCandidate__do(0.10, 2, (1 - (1 - _details._ratio__length__plain_text_to_total_plain_text)), _points_history); $D.getContent__computePointsForCandidate__do(0.10, 2, (1 - (1 - _details._ratio__count__plain_words_to_total_plain_words)), _points_history); if (_really_big) { $D.getContent__computePointsForCandidate__do(0.10, 4, (1 - (1 - _details._ratio__length__plain_text_to_total_plain_text)), _points_history); $D.getContent__computePointsForCandidate__do(0.10, 4, (1 - (1 - _details._ratio__count__plain_words_to_total_plain_words)), _points_history); } // text above // ========== $D.getContent__computePointsForCandidate__do(0.10, 5, (1 - _details._ratio__length__above_plain_text_to_total_plain_text), _points_history); $D.getContent__computePointsForCandidate__do(0.10, 5, (1 - _details._ratio__count__above_plain_words_to_total_plain_words), _points_history); if (_really_big) { $D.getContent__computePointsForCandidate__do(0.10, 10, (1 - _details._ratio__length__above_plain_text_to_total_plain_text), _points_history); $D.getContent__computePointsForCandidate__do(0.10, 10, (1 - _details._ratio__count__above_plain_words_to_total_plain_words), _points_history); } // links outer // =========== $D.getContent__computePointsForCandidate__do(0.75, 1, (1 - _details._ratio__length__links_text_to_total_links_text), _points_history); $D.getContent__computePointsForCandidate__do(0.75, 1, (1 - _details._ratio__count__links_words_to_total_links_words), _points_history); $D.getContent__computePointsForCandidate__do(0.75, 1, (1 - _details._ratio__count__links_to_total_links), _points_history); // links inner // =========== var __lr = ($D.language == 'cjk' ? 0.75 : 0.50); $D.getContent__computePointsForCandidate__do(__lr, 1, (1 - _details._ratio__length__links_text_to_plain_text), _points_history); $D.getContent__computePointsForCandidate__do(__lr, 1, (1 - _details._ratio__count__links_words_to_plain_words), _points_history); $D.getContent__computePointsForCandidate__do(__lr, 1, (1 - _details._ratio__length__links_text_to_all_text), _points_history); $D.getContent__computePointsForCandidate__do(__lr, 1, (1 - _details._ratio__count__links_words_to_all_words), _points_history); $D.getContent__computePointsForCandidate__do(__lr, 1, (1 - _details._ratio__count__links_to_plain_words), _points_history); // candidates, containers, pieces // ============================== $D.getContent__computePointsForCandidate__do(0.75, 1, (1 - _details._ratio__count__candidates_to_total_candidates), _points_history); $D.getContent__computePointsForCandidate__do(0.75, 1, (1 - _details._ratio__count__containers_to_total_containers), _points_history); $D.getContent__computePointsForCandidate__do(0.75, 1, (1 - _details._ratio__count__pieces_to_total_pieces), _points_history); // return -- will get [0] as the actual final points // ====== return _points_history; }; $D.getContent__processCandidates__first = function (_candidatesToProcess) { // process this var // ================ var _candidates = _candidatesToProcess; // sort _candidates -- the lower in the dom, the closer to position 0 // ================ _candidates.sort(function (a, b) { switch (true) { case (a.__index < b.__index): return -1; case (a.__index > b.__index): return 1; default: return 0; } }); // get first // ========= var _main = _candidates[0] if ($D.debug) { $D.log('should be body', _main, _main.__node); } // pieces of text -- and points computation // ============== for (var i=0, _i=_candidates.length; i'; } else { _global__the_html += '>';} /* mark */ _pos__start__after = _global__the_html.length; } // child nodes // =========== if ($D.parseOptions._elements_self_closing.indexOf('|'+_tag_name+'|') > -1); else { for (var i=0, _i=_node.childNodes.length; i -1)): return; case (($D.parseOptions._elements_self_closing.indexOf('|'+_tag_name+'|') > -1)): /* mark */ _pos__end__before = _global__the_html.length; /* mark */ _pos__end__after = _global__the_html.length; break; default: /* mark */ _pos__end__before = _global__the_html.length; /* end */ _global__the_html += ''; /* mark */ _pos__end__after = _global__the_html.length; break; } // clean -- after // ===== // largeObject classes if (_tag_name == 'iframe' || _tag_name == 'embed' || _tag_name == 'object') { _global__the_html = '' + _global__the_html.substr(0, _pos__start__before) + '' + _global__the_html.substr(_pos__start__before, (_pos__end__after - _pos__start__before)) + '' ; return; } // add image classes if (_tag_name == 'img') { _explored = (_explored || $D.getContent__exploreNodeAndGetStuff(_node, true)); if (_explored && _explored._is__unskippable); else { switch (true) { case (_explored._is__image_skip): $D.debugOutline(_node, 'clean-after', 'skip-img'); _global__the_html = _global__the_html.substr(0, _pos__start__before); return; case (_explored._is__image_large): // add float class -- for images too narrow/tall // remove width/height -- only for large images // http://www.wired.com/threatlevel/2011/05/gps-gallery/?pid=89&viewall=true // http://david-smith.org/blog/2012/03/10/ios-5-dot-1-upgrade-stats/index.html // http://www.turntablekitchen.com/2012/04/dutch-baby-with-caramelized-vanilla-bean-pears-moving-through-the-decades/ _global__the_html = '' + _global__the_html.substr(0, _pos__start__before) + '' + _global__the_html.substr(_pos__start__before, (_pos__end__after - _pos__start__before)).replace(/width="([^=]+?)"/gi, '').replace(/height="([^=]+?)"/gi, '') + '' ; return; } } } // large images in links if (_tag_name == 'a') { _explored = (_explored || $D.getContent__exploreNodeAndGetStuff(_node, true)); switch (true) { case (_explored._count__images_large == 1): _global__the_html = '' + _global__the_html.substr(0, _pos__start__after-1) + ' class="readableLinkWithLargeImage">' + _global__the_html.substr(_pos__start__after, (_pos__end__before - _pos__start__after)) + '' ; return; case (_explored._count__images_medium == 1): _global__the_html = '' + _global__the_html.substr(0, _pos__start__after-1) + ' class="readableLinkWithMediumImage">' + _global__the_html.substr(_pos__start__after, (_pos__end__before - _pos__start__after)) + '' ; return; } } // too much content if ($D.parseOptions._elements_too_much_content.indexOf('|'+_tag_name+'|') > -1) { _explored = (_explored || $D.getContent__exploreNodeAndGetStuff(_node, true)); if (_explored && _explored._is__unskippable); else { switch (true) { case (_tag_name == 'h1' && (_explored._length__all_text > (65 * 2))): case (_tag_name == 'h2' && (_explored._length__all_text > (65 * 2 * 3))): case ((_tag_name.match(/^h(3|4|5|6)$/) != null) && (_explored._length__all_text > (65 * 2 * 5))): case ((_tag_name.match(/^(b|i|em|strong)$/) != null) && (_explored._length__all_text > (65 * 5 * 5))): $D.debugOutline(_node, 'clean-after', 'too-much-content'); _global__the_html = '' + _global__the_html.substr(0, _pos__start__before) + _global__the_html.substr(_pos__start__after, (_pos__end__before - _pos__start__after)) ; return; } } } // empty elements switch (true) { case (($D.parseOptions._elements_self_closing.indexOf('|'+_tag_name+'|') > -1)): case (($D.parseOptions._elements_ignore_tag.indexOf('|'+_tag_name+'|') > -1)): case (_tag_name == 'td'): break; default: var _contents = _global__the_html.substr(_pos__start__after, (_pos__end__before - _pos__start__after)); _contents = _contents.replace(/()/gi, ''); _contents = _contents.replace(/()/gi, ''); // for rows, clear empty cells if (_tag_name == 'tr') { _contents = _contents.replace(/]*?>/gi, ''); _contents = _contents.replace(//gi, ''); } // for tables, clear empty rows if (_tag_name == 'table') { _contents = _contents.replace(/]*?>/gi, ''); _contents = _contents.replace(//gi, ''); } var _contentsLength = $D.measureText__getTextLength(_contents); _explored = (_explored || $D.getContent__exploreNodeAndGetStuff(_node, true)); if (_explored && _explored._is__unskippable); else { switch (true) { case (_contentsLength == 0 && _tag_name == 'p'): _global__the_html = _global__the_html.substr(0, _pos__start__before) + ''; return; case (_contentsLength == 0): case ((_contentsLength < 5) && ($D.parseOptions._elements_visible.indexOf('|'+_tag_name+'|') > -1)): $D.debugOutline(_node, 'clean-after', 'blank'); _global__the_html = _global__the_html.substr(0, _pos__start__before); return; } } break; } // too much missing if ($D.parseOptions._elements_link_density.indexOf('|'+_tag_name+'|') > -1) { _explored = (_explored || $D.getContent__exploreNodeAndGetStuff(_node, true)); if (_explored && _explored._is__unskippable); else { var _contents = _global__the_html .substr(_pos__start__after, (_pos__end__before - _pos__start__after)) .replace(/(]+)>)/gi, ''), _contentsLength = $D.measureText__getTextLength(_contents), _initialLength = 0 + _explored._length__all_text + (_explored._count__images_small * 10) + (_explored._count__images_skip * 10) + (_node.getElementsByTagName('iframe').length * 10) + (_node.getElementsByTagName('object').length * 10) + (_node.getElementsByTagName('embed').length * 10) + (_node.getElementsByTagName('button').length * 10) + (_node.getElementsByTagName('input').length * 10) + (_node.getElementsByTagName('select').length * 10) + (_node.getElementsByTagName('textarea').length * 10) ; // too much missing switch (true) { case (!(_contentsLength > 0)): case (!(_initialLength > 0)): case (!((_contentsLength / _initialLength) < 0.5)): case (!(($D.language == 'cjk') && (_contentsLength / _initialLength) < 0.1)): case ((_global__exploreNodeToBuildHTMLFor && ((_explored._length__plain_text / _global__exploreNodeToBuildHTMLFor._length__plain_text) > 0.25))): case (($D.language == 'cjk') && (_global__exploreNodeToBuildHTMLFor && ((_explored._length__plain_text / _global__exploreNodeToBuildHTMLFor._length__plain_text) > 0.1))): break; default: $D.debugOutline(_node, 'clean-after', 'missing-density'); _global__the_html = _global__the_html.substr(0, _pos__start__before); return; } } } // return return; }; // actually do it _recursive(_nodeToBuildHTMLFor); // return html return _global__the_html; }; // build html for node } // isolate title in html { // ======================= $D.articleTitleMarker__start = ''; $D.articleTitleMarker__end = ''; $D.getContent__find__hasIsolatedTitleInHTML = function (_html) { return (_html.substr(0, $D.articleTitleMarker__start.length) == $D.articleTitleMarker__start); }; $D.getContent__find__getIsolatedTitleInHTML = function (_html) { // is it there? if ($D.getContent__find__hasIsolatedTitleInHTML(_html)); else { return ''; } // regex var _getTitleRegex = new RegExp($D.articleTitleMarker__start + '(.*?)' + $D.articleTitleMarker__end, 'i'), _getTitleMatch = _html.match(_getTitleRegex) ; // match? if (_getTitleMatch); else { return ''; } // return return _getTitleMatch[1]; }; $D.getContent__find__isolateTitleInHTML = function (_html, _document_title) { // use document title if ($D.$document.find('body').attr($D.parseOptions._use_document_title_attribute) == $D.parseOptions._use_document_title_attribute_value) { return _html; } // can't just use (h1|h2|h3|etc) // we want to try them in a certain order var _heading_pregs = [ /]*?>([\s\S]+?)/gi, /]*?>([\s\S]+?)/gi, /]*?>([\s\S]+?)/gi ], _secondary_headings = '|h2|h3|h4|h5|h6|', _search_document_title = ' ' + _document_title.replace(/]+?>/gi, '').replace(/\s+/gi, ' ') + ' ' ; // loop pregs for (var i=0, _i=_heading_pregs.length; i -1)): // will continue loop break; default: // measurements var _heading_end_pos = _heading_pregs[i].lastIndex, _heading_start_pos = (_heading_end_pos - _match[0].length), _heading_type = _match[1], _heading_text = _match[2].replace(/]*>/gi, '').replace(/[\n\r]+/gi, ''), _heading_text_plain = _heading_text.replace(/]+?>/gi, '').replace(/\s+/gi, ' '); _heading_length = $D.measureText__getTextLength(_heading_text_plain), _heading_words = [], _to_heading_text = _html.substr(0, _heading_start_pos), _to_heading_length = $D.measureText__getTextLength(_to_heading_text.replace(/]+?>/gi, '').replace(/\s+/gi, ' ')) ; // return? switch (true) { case (!(_heading_length > 5)): case (!(_heading_length < (65 * 3))): case (!(_to_heading_length < (65 * 3 * 2))): // will continue for loop break; case ((_secondary_headings.indexOf('|' + _heading_type + '|') > -1)): // words in this heading _heading_words = _heading_text_plain.split(' '); // count words present in title for (var j=0, _j=_heading_words.length, _matched_words=''; j -1) { _matched_words += _heading_words[j] + ' '; } } // break continues for loop // nothing goes to switch's default // no break? // ========= var _no_break = false; switch (true) { // if it's big enough, and it's a substring of the title, it's good case ((_heading_length > 20) && (_search_document_title.indexOf(_heading_text_plain) > -1)): // if it's slightly smaler, but is exactly at the begging or the end case ((_heading_length > 10) && ((_search_document_title.indexOf(_heading_text_plain) == 1) || (_search_document_title.indexOf(_heading_text_plain) == (_search_document_title.length - 1 - _heading_text_plain.length)))): _no_break = true; break; } // break? // ====== var _break = false; switch (true) { // no break? case (_no_break): break; // heading too long? -- if not h2 case ((_heading_length > ((_search_document_title.length - 2) * 2)) && (_heading_type != 'h2')): // heading long enough? case ((_heading_length < Math.ceil((_search_document_title.length - 2) * 0.50))): // enough words matched? case ((_heading_length < 25) && (_matched_words.length < Math.ceil(_heading_length * 0.75))): case ((_heading_length < 50) && (_matched_words.length < Math.ceil(_heading_length * 0.65))): case ((_matched_words.length < Math.ceil(_heading_length * 0.55))): _break = true; break; } // break? // ====== if (_break) { break; } default: // this is the title -- do isolation; return return '' + $D.articleTitleMarker__start + _heading_text + $D.articleTitleMarker__end + $D.getContent__find__isolateTitleInHTML__balanceDivsAtStart(_html.substr(_heading_end_pos)) ; } break; } } // return unmodified return _html; }; $D.getContent__find__isolateTitleInHTML__balanceDivsAtStart__substrCount = function (_haystack, _needle, _offset, _length) { // http://kevin.vanzonneveld.net // + original by: Kevin van Zonneveld (http://kevin.vanzonneveld.net) // + bugfixed by: Onno Marsman // + improved by: Brett Zamir (http://brett-zamir.me) // + improved by: Thomas // * example 1: substr_count('Kevin van Zonneveld', 'e'); // * returns 1: 3 // * example 2: substr_count('Kevin van Zonneveld', 'K', 1); // * returns 2: 0 // * example 3: substr_count('Kevin van Zonneveld', 'Z', 0, 10); // * returns 3: false var cnt = 0; _haystack += ''; _needle += ''; if (isNaN(_offset)) { _offset = 0; } if (isNaN(_length)) { _length = 0; } if (_needle.length == 0) { return false; } _offset--; while ((_offset = _haystack.indexOf(_needle, _offset + 1)) != -1) { if (_length > 0 && (_offset + _needle.length) > _length) { return false; } cnt++; } return cnt; }; $D.getContent__find__isolateTitleInHTML__balanceDivsAtStart = function (_html) { // easy; remove all at begining var _h = _html.replace(/^(\s*]+>)+/gi, ''), _r = /]+?)[^>]*>/gi, _the_end_tag = '', _the_start_tag = ' 1): case ((_secondCandidate.__candidate_details._count__lines_of_65_characters > 20) && (_secondCandidate.__points_final / _firstCandidate.__points_final) > 0.9): case ((_secondCandidate.__candidate_details._count__lines_of_65_characters > 50) && (_secondCandidate.__points_final / _firstCandidate.__points_final) > 0.75): _targetCandidate = _secondCandidate; $D.debugRemember('Target', 'second'); break; } // print points // ============ if ($D.debug) { $D.debugRemember('PointsFirst', _firstCandidate['__points_history_final'][0].toFixed(2)); $D.debugRemember('PointsSecond', _secondCandidate['__points_history_final'][0].toFixed(2)); } break; } // highlight target // ================ if ($D.debug) { $CJ(_targetCandidate.__node).css({ 'box-shadow': 'inset 0px 0px 50px rgba(255, 255, 0, 0.95), 0px 0px 50px rgba(255, 255, 0, 0.95)' }); } // get html // ======== $D.debugTimerStart('BuildHTML'); var _html = $D.getContent__buildHTMLForNode(_targetCandidate.__node, 'the-target'); _html = _html.substr((_html.indexOf('>')+1)) _html = _html.substr(0, _html.lastIndexOf(' $H $R.highlight => $H.enabled to do: ====== */ function initClearlyComponent__highlight(_paramInstance) { // global instance reference { // =========================== // null; return if (_paramInstance); else { return false; } // shorthand $H = _paramInstance; // global instance reference } // required vars { // =============== // the component instance object must already be created, // when the init function is called. it must have these vars set: switch (true) { case (!($H.settings)): case (!($H.settings.imgPath)): case (!($H.window)): case (!($H.document)): case (!($H.document.body)): case (!($H.jQuery)): if ($H.debug) { console.log(!($H.settings)); console.log(!($H.settings.imgPath)); console.log(!($H.window)); console.log(!($H.document)); console.log(!($H.document.body)); console.log(!($H.jQuery)); } // something's wrong return false; } // required vars } // missing settings { // ================== // restrictions if ($H.settings.elementWhichMustContainAllHighlights); else { $H.settings.elementWhichMustContainAllHighlights = $H.document.body; } if ($H.settings.elementsToAttachMouseHandlersTo); else { $H.settings.elementsToAttachMouseHandlersTo = [$H.document.body]; } // names for stuff /* css id */ if ($H.settings.onInsertCSSUseThisId); else { $H.settings.onInsertCSSUseThisId = 'clearly_highlighting_css'; } /* enabled */ if ($H.settings.highlightingEnabledCSSClass); else { $H.settings.highlightingEnabledCSSClass = 'clearly_highlighting_enabled'; } /* element id */ if ($H.settings.highlightElementIdAttribute); else { $H.settings.highlightElementIdAttribute = 'clearly_highlight_id'; } /* element class */ if ($H.settings.highlightElementCSSClass); else { $H.settings.highlightElementCSSClass = 'clearly_highlight_element'; } /* element (first) */ if ($H.settings.highlightElementFirstCSSClass); else { $H.settings.highlightElementFirstCSSClass = 'clearly_highlight_first'; } /* element (first) */ if ($H.settings.highlightElementLastCSSClass); else { $H.settings.highlightElementLastCSSClass = 'clearly_highlight_last'; } /* delete class */ if ($H.settings.highlightElementDeleteCSSClass); else { $H.settings.highlightElementDeleteCSSClass = 'clearly_highlight_delete_element'; } /* delete id prefix */ if ($H.settings.highlightElementDeleteIdPrefix); else { $H.settings.highlightElementDeleteIdPrefix = 'clearly_highlight_delete__'; } /* clean html start */ if ($H.settings.highlightCleanHTMLElementStart); else { $H.settings.highlightCleanHTMLElementStart = ''; } /* clean html end */ if ($H.settings.highlightCleanHTMLElementEnd); else { $H.settings.highlightCleanHTMLElementEnd = ''; } // missing settings } // global vars { // ============= $CJ = $H.jQuery; $H.$window = $CJ($H.window); $H.$document = $CJ($H.document); $H.$html = $H.$document.find('html'); $H.$elementWhichMustContainAllHighlights = $CJ($H.settings.elementWhichMustContainAllHighlights); $H.enabled = false; // global vars } // parse options { // =============== $H.parseOptions = { '_elements_ignore': '|button|input|select|textarea|optgroup|command|datalist|--|frame|frameset|noframes|--|style|link|script|noscript|--|canvas|applet|map|--|marquee|area|base|', '_elements_ignore_tag': '|form|fieldset|details|dir|--|center|font|span|', '_elements_container': '|body|--|article|section|--|div|--|td|--|li|--|dd|dt|', '_elements_self_closing': '|br|hr|--|img|--|col|--|source|--|embed|param|--|iframe|', '_elements_highlight_protect': '|video|audio|source|--|object|param|embed|', '_elements_keep_attributes': { 'a': ['href', 'title', 'name'], 'img': ['src', 'width', 'height', 'alt', 'title'], 'video': ['src', 'width', 'height', 'poster', 'audio', 'preload', 'autoplay', 'loop', 'controls'], 'audio': ['src', 'preload', 'autoplay', 'loop', 'controls'], 'source': ['src', 'type'], 'object': ['data', 'type', 'width', 'height', 'classid', 'codebase', 'codetype'], 'param': ['name', 'value'], 'embed': ['src', 'type', 'width', 'height', 'flashvars', 'allowscriptaccess', 'allowfullscreen', 'bgcolor'], 'iframe': ['src', 'width', 'height', 'frameborder', 'scrolling'], 'td': ['colspan', 'rowspan'], 'th': ['colspan', 'rowspan'] } }; // parse options } // debug { // ======= $H.debug = ($H.debug || false); if ($H.debug) { // writeLog // ======== switch (true) { case (!(!($H.window.console && $H.window.console.log))): $H.writeLog = function (msg) { $H.window.console.log(msg); }; break; case (!(!($H.window.opera && $H.window.opera.postError))): $H.writeLog = function (msg) { $H.window.opera.postError(msg); }; break; default: $H.writeLog = function (msg) {}; break; } // log // === $H.log = function () { if ($H.debug); else { return; } for (var i=0, il=arguments.length; i 0) { return selection.getRangeAt(0); } else { return null; } // doesn't work in old versions of safari // ... I don't care }; } else if ('createRange' in selection) { arguments.calee = function (selection) { if (selection); else { return null; } return selection.createRange(); }; } else { arguments.calee = function (selection) { return null; }; } return arguments.calee(selection); }; $H.sel.getRangeHTML = function (range) { if (range); else { return null; } if ('htmlText' in range) { arguments.calee = function (range) { if (range); else { return null; } return range.htmlText; }; } else if ('surroundContents' in range) { arguments.calee = function (range) { if (range); else { return null; } if (range.commonAncestorContainer && range.commonAncestorContainer.ownerDocument); else { return null; } var dummy = range.commonAncestorContainer.ownerDocument.createElement("div"); dummy.appendChild(range.cloneContents()); return dummy.innerHTML; }; } else { arguments.calee = function (range) { return null; }; } return arguments.calee(range); }; $H.sel.getRangeText = function (range) { if (range); else { return null; } if ('text' in range) { arguments.calee = function (range) { if (range); else { return null; } return range.text; }; } else if ('surroundContents' in range) { arguments.calee = function (range) { if (range); else { return null; } if (range.commonAncestorContainer && range.commonAncestorContainer.ownerDocument); else { return null; } var dummy = range.commonAncestorContainer.ownerDocument.createElement("div"); dummy.appendChild(range.cloneContents()); return dummy.textContent; }; } else { arguments.calee = function (range) { return null; }; } return arguments.calee(range); }; // selection } // helpers { // ========= $H.rand = function (_min, _max) { return (Math.floor(Math.random() * (_max - _min + 1)) + _min); }; $H.highlight__deleteSpansFromParents = function (_parents) { var _done = [], _this_done = false, _inner = ''; // main loop for (var i=0, _i=_parents.length; i/gi, ''); _inner = _inner.replace(//gi, ''); _parents[i].innerHTML = _inner; } }; $H.highlight__getDeepestTextNode = function (_node) { var _n = _node; while (true) { switch (true) { // text case (_n.nodeType && _n.nodeType == 3): return _n; // single child case (_n.nodeType && _n.nodeType == 1 && _n.childNodes.length > 0): _n = _n.childNodes[0]; break; // no children but has sibling case (_n.nodeType && _n.nodeType == 1 && _n.childNodes.length == 0 && _n.nextSibling): _n = _n.nextSibling; break; // default default: return _node; } } }; $H.highlight__getCommonAncestorContainerForNodes = function (_node1, _node2, _fallback) { var _parent1 = _node1, _parent2 = _node2; while (true) { // next _parent1 = _parent1.parentNode; _parent2 = _parent2.parentNode; // break switch (true) { case (!(_parent1)): case (!(_parent2)): case (_parent1 == _fallback): case (_parent2 == _fallback): return _fallback; } // maybe switch (true) { case (_parent1 == _parent2): return _parent1; case ($CJ.contains(_parent1, _node2)): return _parent1; case ($CJ.contains(_parent2, _node1)): return _parent2; case ($CJ.contains(_parent1, _parent2)): return _parent1; case ($CJ.contains(_parent2, _parent1)): return _parent2; } } }; $H.highlight__getParentElementOfNode = function (_thisNode) { var _element = _thisNode; while (true) { // correct if (_element.nodeType == 1) { break; } // continue _element = _element.parentNode; } return _element; }; $H.highlight__getParentElementOfNodeWithThisParent = function (_thisNode, _thisParent) { // impossible switch (true) { case (_thisNode == _thisParent): return _thisNode; case (!($CJ.contains(_thisParent, _thisNode))): // always false in IE //return _thisNode; } // do var _element = _thisNode; while (true) { // correct if (_element.parentNode == _thisParent) { break; } // continue _element = _element.parentNode; } return _element; }; // helpers } // build html for element with selected range { // ============================================ $H.highlight__buildHTMLForElementWithSelectedRange = function (_elementToBuildHTMLFor, _modeToBuildHTMLIn, _rangeToBuildHTMLWith) { var _global__element_index = 0, _global__the_html = '', _global__highlight_on = ((_modeToBuildHTMLIn == 'boundry-end') ? true : false) ; // recursive function // ================== var _recursive = function (_node) { // increment index -- starts with 1 // =============== _global__element_index++; // vars // ==== var _explored = false, _tag_name = (_node.nodeType === 3 ? '#text' : ((_node.nodeType === 1 && _node.tagName && _node.tagName > '') ? _node.tagName.toLowerCase() : '#invalid')), _tag_is_ignored = ($H.parseOptions._elements_ignore_tag.indexOf('|'+_tag_name+'|') > -1), _tag_is_ignored = (_tag_is_ignored ? ((_tag_name == 'span') ? false : true) : false), _pos__start__before = 0, _pos__start__after = 0, _pos__end__before = 0, _pos__end__after = 0, _to_write = '', _selection_starts_here = false, _selection_ends_here = false ; // fast return // =========== switch (true) { case ((_tag_name == '#invalid')): case (($H.parseOptions._elements_ignore.indexOf('|'+_tag_name+'|') > -1)): return; case (_tag_name == '#text'): // get value // ========= _to_write = _node.nodeValue.replace(//gi, '>'); // mode? // ===== switch (true) { case (_modeToBuildHTMLIn == 'nothing'): break; case (_modeToBuildHTMLIn == 'everything'): _to_write = '' + '' + _to_write + '' ; break; case (_modeToBuildHTMLIn == 'boundry-start'): case (_modeToBuildHTMLIn == 'boundry-end'): case (_modeToBuildHTMLIn == 'boundry-both'): // end of range? // ============= if (_node == _rangeToBuildHTMLWith.endContainer) { _to_write = '' + '' + _to_write.substr(0, _rangeToBuildHTMLWith.endOffset) + '' + _to_write.substr(_rangeToBuildHTMLWith.endOffset) ; _global__highlight_on = false; _selection_ends_here = true; } // start of range? // =============== if (_node == _rangeToBuildHTMLWith.startContainer) { _to_write = '' + _to_write.substr(0, _rangeToBuildHTMLWith.startOffset) + '' + _to_write.substr(_rangeToBuildHTMLWith.startOffset) + '' ; _global__highlight_on = true; _selection_starts_here = true; } // correction // ========== if (_selection_starts_here && _selection_ends_here) { _to_write = _node.nodeValue.replace(//gi, '>'); _to_write = '' + _to_write.substr(0, _rangeToBuildHTMLWith.startOffset) + '' + _to_write.substr(_rangeToBuildHTMLWith.startOffset, (_rangeToBuildHTMLWith.endOffset - _rangeToBuildHTMLWith.startOffset)) + '' + _to_write.substr(_rangeToBuildHTMLWith.endOffset) ; _global__highlight_on = false; } // snap-to // ======= if (_selection_starts_here && (_rangeToBuildHTMLWith.startOffset > 0)) { // before _to_write = _to_write.replace(/([ .,;?!])([a-z0-9]{1,2})/gi, '$1$2'); // space at begining _to_write = _to_write.replace(/([\s])([^\s])/gi, '$1$2'); // too much _to_write = _to_write.replace(/([a-z0-9])([ ])([a-z0-9])/gi, '$1$2$3'); } if (_selection_ends_here && (_rangeToBuildHTMLWith.endOffset > 0)) { var _do_end = true; if (_rangeToBuildHTMLWith.endContainer && _rangeToBuildHTMLWith.endContainer.nodeValue && _rangeToBuildHTMLWith.endContainer.nodeValue.length) { _do_end = (_rangeToBuildHTMLWith.endOffset < _rangeToBuildHTMLWith.endContainer.nodeValue.length); } if (_do_end) { // after _to_write = _to_write.replace(/([a-z0-9]{0,2})([ .,;?!])/gi, '$1$2'); // space at end _to_write = _to_write.replace(/([^\s])([\s])/gi, '$1$2'); // too much _to_write = _to_write.replace(/([ ])([a-z0-9])([a-z0-9])/gi, '$1$2$3'); } } // other // ===== if (!(_selection_starts_here) && !(_selection_ends_here)) { _to_write = _node.nodeValue.replace(//gi, '>'); if (_global__highlight_on) { _to_write = '' + '' + _to_write + '' ; } } break; } // write value // =========== _global__the_html += _to_write; return; } // range anchors are elements instead of text-nodes // ================================================ // end of range? if ((_rangeToBuildHTMLWith.endContainer.nodeType == 1) && (_node == _rangeToBuildHTMLWith.endContainer)) { _global__highlight_on = false; _selection_ends_here = true; } // start of range? if ((_rangeToBuildHTMLWith.startContainer.nodeType == 1) && (_node == _rangeToBuildHTMLWith.startContainer)) { _global__highlight_on = true; _selection_starts_here = true; } // correction if (_selection_starts_here && _selection_ends_here) { _global__highlight_on = false; } // start tag // ========= if (_tag_is_ignored); else { /* mark */ _pos__start__before = _global__the_html.length; /* add */ _global__the_html += ''; } else { _global__the_html += '>';} /* mark */ _pos__start__after = _global__the_html.length; } // child nodes // =========== if ($H.parseOptions._elements_self_closing.indexOf('|'+_tag_name+'|') > -1); else { for (var i=0, _i=_node.childNodes.length; i -1)): /* mark */ _pos__end__before = _global__the_html.length; /* mark */ _pos__end__after = _global__the_html.length; break; default: /* mark */ _pos__end__before = _global__the_html.length; /* end */ _global__the_html += ''; /* mark */ _pos__end__after = _global__the_html.length; break; } // protected elements // ================== switch (true) { // some elemnts are protected from highlighting case (($H.parseOptions._elements_highlight_protect.indexOf('|'+_tag_name+'|') > -1)): case ((_tag_name == 'em') && $CJ(_node).hasClass($H.settings.highlightElementCSSClass)): // so, if highlights are inside an already highlighted element --or an unhighlightable one-- remove _global__the_html = '' + _global__the_html.substr(0, _pos__start__after) + _global__the_html.substr(_pos__start__after, (_pos__end__before - _pos__start__after)) .replace(//gi, '') .replace(//gi, '') + _global__the_html.substr(_pos__end__before) ; break; // some elements are invalid completely case ((_tag_name == 'a') && (_node.className == 'deleteHighlight')): _global__the_html = '' + _global__the_html.substr(0, _pos__start__before) + _global__the_html.substr(_pos__end__after) ; break; // some elements need to have their tags ignored /*case (_tag_name == 'span'): _global__the_html = '' + _global__the_html.substr(0, _pos__start__before) + _global__the_html.substr(_pos__start__after, (_pos__end__before - _pos__start__after)) + _global__the_html.substr(_pos__end__after) ; break;*/ } // return return; }; // actually do it _recursive(_elementToBuildHTMLFor); // use em, instead of highlight _global__the_html = _global__the_html .replace(//gi, '') .replace(//gi, '') ; // return return _global__the_html; }; // build html for element with selected range } // do range { // ========== $H.highlight__doRange = function (_range_to_highlight) { // get referrence elements var _commonAncestorElement = $H.highlight__getParentElementOfNode(_range_to_highlight.commonAncestorContainer), _startElement = $H.highlight__getParentElementOfNodeWithThisParent(_range_to_highlight.startContainer, _commonAncestorElement), _endElement = $H.highlight__getParentElementOfNodeWithThisParent(_range_to_highlight.endContainer, _commonAncestorElement) ; // range not in container element if (true && (_commonAncestorElement.tagName) && !($CJ.contains($H.settings.elementWhichMustContainAllHighlights, _commonAncestorElement)) ) { return false; } // arbitrary range exclusion if ($H.callbacks.arbitraryRangeExclusion) { if ($H.callbacks.arbitraryRangeExclusion(_range_to_highlight, _commonAncestorElement, _startElement, _endElement) === false) { return false; } } /* $H.log( _range.startContainer, _range.endContainer, _range.startOffset, _range.endOffset, _range_to_highlight, _commonAncestorElement, _startElement, _endElement ); */ // selection id var _selection_id = $H.rand(1, 1000); while (true) { // nothing found if ($H.$elementWhichMustContainAllHighlights.find('em.'+$H.settings.highlightElementCSSClass+'['+$H.settings.highlightElementIdAttribute+'="'+_selection_id+'"]').length > 0); else { break; } // new id _selection_id = $H.rand(1, 1000); } // chainging elements // ================== var _chaingingElements = [], _currElement = _startElement, _currChainging = false; while (true) { // object _currChainging = { '_element': _currElement, '_tagName': (_currElement.nodeType === 3 ? '#text' : ((_currElement.nodeType === 1 && _currElement.tagName && _currElement.tagName > '') ? _currElement.tagName.toLowerCase() : '#invalid')) }; // add _chaingingElements.push(_currChainging); // break if (_currElement == _endElement) { break; } // next _currElement = _currElement.nextSibling; // error? if (_currElement); else { break; } } // rewrite elements // ================ var _parents_to_clean = []; for (var i=0, _i=_chaingingElements.length, _currElement=false; i 1) && (i == 0)): _boundry_mode = 'boundry-start'; break; case ((_i > 1) && (i == (_i-1))): _boundry_mode = 'boundry-end'; break; default: _boundry_mode = 'everything'; break; } // get html // ======== _currBuiltHTML = $H.highlight__buildHTMLForElementWithSelectedRange(_currNode, _boundry_mode, _range_to_highlight); // write // ===== switch (true) { case ((_currTag == '#text')): // resulting html might be something like "something something else" // so we create a dummy span tag to eomcompass it, and then repalce the old text node with that // create var _newElement = $H.document.createElement('span'); _newElement.innerHTML = _currBuiltHTML; // result _resNode = _newElement; /* with (Evernote.evernotePopup) { console.log(' ~~~ highlight.js gadit before |' + docSelection + "|"); console.log(' ~~~ from ' +docSelection.startOffset + ' to ' + docSelection.endOffset); }*/ Evernote.Utils.sendMessageToPopup('highlightDomChangesStart'); // replace _currNode.parentNode.replaceChild(_resNode, _currNode); Evernote.Utils.sendMessageToPopup('highlightDomChangesEnd'); /* with (Evernote.evernotePopup) { console.log(' ~~~ highlight.js nagadil |' + docSelection + "|"); console.log(' ~~~ from ' +docSelection.startOffset + ' to ' + docSelection.endOffset); }*/ break; case (($H.parseOptions._elements_self_closing.indexOf('|'+_currTag+'|') > -1)): // result _resNode = _currNode; /* nothing */ /* var _newElement = $H.document.createElement('em'); _newElement.className = $H.settings.highlightElementCSSClass; _newElement.innerHTML = _currBuiltHTML; _currNode.parentNode.replaceChild(_newElement, _currNode); */ break; default: // result _resNode = _currNode; // innerHTML _currBuiltHTML = _currBuiltHTML.substr((_currBuiltHTML.indexOf('>')+1)); _currBuiltHTML = _currBuiltHTML.substr(0, _currBuiltHTML.lastIndexOf(']*?)>', 'gi'); _html = _html.replace(_highlight_delete_reg, ''); // highlight element var _highlight_element_reg = new RegExp(']*?)'+$H.settings.highlightElementCSSClass+'([^>]*?)>([^>]+?)', 'gi'); _html = _html.replace(_highlight_element_reg, '$3'); // double EMs var _two_highlights_reg = new RegExp('([\\s\\S]*?)([ \\n\\r\\t]*?)([\\s\\S]*?)', 'gi'); while (true && _html.match(_two_highlights_reg)) { _html = _html.replace(_two_highlights_reg, '$1$3'); } // replace EMs var _highlight_reg = new RegExp('([\\s\\S]*?)', 'gi'); _html = _html.replace(_highlight_reg, $H.settings.highlightCleanHTMLElementStart+'$1'+$H.settings.highlightCleanHTMLElementEnd); return _html; }; // get clean html } // return self // =========== return $H; } /*! * ClearlyComponent__next * Evernote Clearly's next-page algorithm as an embeddable component. * Copyright 2013, Evernote Corporation * * Usage: * ====== * * The Next-pages Clearly-component works hand-in-hand with the clearly Detect Component. * So its init/usage pattern needs to come after the normal init/usage pattern for the Detect Component. * Like this: * * First "Detect": * ============= * * // define * window.ClearlyComponent__detect = { * 'callbacks': { * 'finished': someFunction(), * }, * 'window': window, * 'document': document, * 'jQuery': window.jQuery * }; * * // init -- will return false, if something goes wrong * window.ClearlyComponent__detect = initClearlyComponent__detect(window.ClearlyComponent__detect); * * Then "Next": * ============ * * // define * window.ClearlyComponent__next = { * 'callbacks': { * 'newPageFound': someFunction() * }, * * 'settings': { * 'onCreateNextPagesContainerUseThisId': 'string', * 'onCreateNextPagesContainerDoNotInsertCSS': true * }, * * 'detectComponentInstance': window.ClearlyComponent__detect * }; * * // init -- will return false, if something goes wrong * window.ClearlyComponent__next = initClearlyComponent__next(window.ClearlyComponent__next); * * // call -- returns nothing; callbacks will be used * window.ClearlyComponent__next.createNextPagesContainer() * window.ClearlyComponent__next.start(); * */ /* changes: ======== $R => $N, $D */ function initClearlyComponent__next(_paramInstance) { // global instance reference { // =========================== // null; return if (_paramInstance); else { return false; } // shorthand $N = _paramInstance; // global instance reference } // required vars { // =============== // the component instance object must already be created, // when the init function is called. it must have these vars set: switch (true) { case (!($N.detectComponentInstance)): case (!($N.callbacks)): case (!($N.callbacks.newPageFound)): // something's wrong return false; } // required vars } // missing settings { // ================== if ($N.settings); else { $N.settings = {}; } // names for stuff /* frames id */ if ($N.settings.onCreateNextPageFramesUseThisIdPrefix); else { $N.settings.onCreateNextPageFramesUseThisIdPrefix = 'clearly_next_page_frame__'; } /* container id */ if ($N.settings.onCreateNextPagesContainerUseThisId); else { $N.settings.onCreateNextPagesContainerUseThisId = 'clearly_next_pages_container'; } /* insert container css */ if ($N.settings.onCreateNextPagesContainerDoNotInsertCSS); else { $N.settings.onCreateNextPagesContainerDoNotInsertCSS = false; } /* frames attribute */ if ($N.settings.onLoadingNextPageFramesUseThisAttribute); else { $N.settings.onLoadingNextPageFramesUseThisAttribute = 'clearly_next_page_loaded'; } /* frames attribute value */ if ($N.settings.onLoadingNextPageFramesUseThisAttributeValue); else { $N.settings.onLoadingNextPageFramesUseThisAttributeValue = 'yes'; } // missing settings } // global vars { // ============= $D = $N.detectComponentInstance; $CJ = $D.jQuery; $N.pages = []; // global vars } // parse options { // ============= $N.parseOptions = { '_next_page_keywords': [ /* english */ 'next page', 'next', /* german */ 'vorwärts', 'weiter', /* japanese */ '次へ' ], '_next_page_keywords_not': [ /* english */ 'article', 'story', 'post', 'comment', 'section', 'chapter' ] }; // parse options } // create next pages container { // ============================= $N.createNextPagesContainer = function () { // default id // ========== _container_id = $N.settings.onCreateNextPagesContainerUseThisId; // container // ========= var _containerElement = $D.document.createElement('div'); _containerElement.setAttribute('id', _container_id); // css // === if ($N.settings.onCreateNextPagesContainerDoNotInsertCSS); else { var _cssElement = $D.document.createElement('style'), _cssText = '' + '#'+_container_id+' { ' + 'margin: 0; padding: 0; border: none; ' + 'position: absolute; ' + 'width: 10px; height: 10px; ' + 'top: -100px; left: -100px; ' + '} ' + '#'+_container_id+' iframe { ' + 'margin: 0; padding: 0; border: none; ' + 'position: absolute; ' + 'width: 10px; height: 10px; ' + 'top: -100px; left: -100px; ' + '} ' ; _cssElement.setAttribute('id', _container_id + '__css'); _cssElement.setAttribute('type', 'text/css'); if (_cssElement.styleSheet) { _cssElement.styleSheet.cssText = _cssText; } else { _cssElement.appendChild($D.document.createTextNode(_cssText)); } } // write // ===== var _body = $D.document.getElementsByTagName('body')[0]; /* css */ if (_cssElement) { _body.appendChild(_cssElement); } /* container */ _body.appendChild(_containerElement); // set // === $N.nextPages = _containerElement; $N.$nextPages = $CJ($N.nextPages); }; // create next pages container } // helpers { // ========= // substr starting with the first slash after // $N.getURLPath = function (_url) { return _url.substr(_url.indexOf('/', (_url.indexOf('//') + 2))); }; // substr until the first slash after // $N.getURLDomain = function (_url) { return _url.substr(0, _url.indexOf('/', (_url.indexOf('//') + 2))); }; // helpers } // load page { // =========== $N.nextPage__loadToFrame = function (_pageNr, _nextPageURL) { // do ajax // ======= $CJ.ajax ({ 'url' : _nextPageURL, 'type' : 'GET', 'dataType' : 'html', 'async' : true, 'timeout': (10 * 1000), //'headers': { 'Referrer': _nextPageURL }, 'success' : function (_response, _textStatus, _xhr) { $N.nextPage__ajaxComplete(_pageNr, _response, _textStatus, _xhr); }, 'error' : function (_xhr, _textStatus, _error) { $N.nextPage__ajaxError(_pageNr, _xhr, _textStatus, _error); } }); }; $N.nextPage__ajaxError = function (_pageNr, _xhr, _textStatus, _error) { }; $N.nextPage__ajaxComplete = function (_pageNr, _response, _textStatus, _xhr) { // valid? // ====== if (_response > ''); else { return; } // get html // ======== var _html = _response; // normalize // ========= _html = _html.replace(//gi, '>'); _html = _html.replace(/\s+\/>/gi, '/>'); // remove // ====== _html = _html.replace(/]*?>([\s\S]*?)/gi, ''); _html = _html.replace(/]*?\/>/gi, ''); _html = _html.replace(/]*?>([\s\S]*?)/gi, ''); // append frame // ============ $N.$nextPages.append('' + '' ); // write to frame // ============== var _doc = $N.$nextPages.find('#'+$N.settings.onCreateNextPageFramesUseThisIdPrefix+_pageNr).contents().get(0); _doc.open(); _doc.write(_html); _doc.close(); // add load handler // ================ $N.$nextPages.find('#'+$N.settings.onCreateNextPageFramesUseThisIdPrefix+_pageNr).bind('load', function () { // done? if ($N.$nextPages.find('#'+$N.settings.onCreateNextPageFramesUseThisIdPrefix+_pageNr).attr($N.settings.onLoadingNextPageFramesUseThisAttribute) == $N.settings.onLoadingNextPageFramesUseThisAttributeValue) { return; } // can do? var _doc = $N.$nextPages.find('#'+$N.settings.onCreateNextPageFramesUseThisIdPrefix+_pageNr).contents().get(0); if (_doc); else { return; } if (_doc.readyState == 'interactive' || _doc.readyState == 'complete'); else { return; } // mark $N.$nextPages.find('#'+$N.settings.onCreateNextPageFramesUseThisIdPrefix+_pageNr).attr($N.settings.onLoadingNextPageFramesUseThisAttribute, $N.settings.onLoadingNextPageFramesUseThisAttributeValue); // do $N.nextPage__loadedInFrame(_pageNr, _doc.defaultView); }); }; $N.nextPage__loadedInFrame = function (_pageNr, _pageWindow) { // find // ==== var _found = $D.getContent__findInPage(_pageWindow), _foundHTML = _found._html, _removeTitleRegex = new RegExp($D.articleTitleMarker__start + '(.*?)' + $D.articleTitleMarker__end, 'i') ; // get first fragment // ================== var _firstFragment = $D.nextPage__getFirstFragment(_foundHTML); // gets first 2000 characters // diff set at 100 -- 0.05 switch (true) { case ($D.levenshteinDistance(_firstFragment, $N.nextPage__firstFragment__firstPage) < 100): case ($D.levenshteinDistance(_firstFragment, $N.nextPage__firstFragment__lastPage) < 100): // break return false; default: // add to first fragemnts $N.nextPage__firstFragment__lastPage = _firstFragment; break; } // remove title -- do it twice // ============ // once with document title _foundHTML = $D.getContent__find__isolateTitleInHTML(_foundHTML, ($D.document.title > '' ? $D.document.title : '')); _foundHTML = _foundHTML.replace(_removeTitleRegex, ''); // once with article title _foundHTML = $D.getContent__find__isolateTitleInHTML(_foundHTML, $D.articleTitle); _foundHTML = _foundHTML.replace(_removeTitleRegex, ''); // return // ====== var _page = { '_url': _pageWindow.location.href, '_html': _foundHTML, '_elements': [_found._targetCandidate.__node] }; $N.pages.push(_page); if ($N.callbacks.newPageFound) { $N.callbacks.newPageFound(_page); } // next // ==== $N.nextPage__find(_pageWindow, _found._links); }; // load } // find { // ====== $N.nextPage__find = function (_currentPageWindow, _linksInCurrentPage) { // page id var _pageNr = ($N.pages.length + 1); // get // === var _possible = []; if (_possible.length > 0); else { _possible = $N.nextPage__find__possible(_currentPageWindow, _linksInCurrentPage, 0.5); } //if (_possible.length > 0); else { _possible = $N.nextPage__find__possible(_currentPageWindow, _linksInCurrentPage, 0.50); } // none if (_possible.length > 0); else { if ($D.debug) { $D.log('no next link found'); } return; } // log if ($D.debug) { $D.log('possible next', _possible); } // the one // ======= var _nextLink = false; // next keyword? // ============= (function () { if (_nextLink) { return; } for (var i=0, _i=_possible.length; i $N.parseOptions._next_page_keywords[j].length * 2) { continue; } // not keywords // ============ for (var z=0, _z=$N.parseOptions._next_page_keywords_not.length; z -1) { _nextLink = false; return; } } // got it // ====== _nextLink = _possible[i]; return; } } } })(); // caption matched page number // =========================== (function () { if (_nextLink) { return; } for (var i=0, _i=_possible.length; i '' ? _element.__node.title.toLowerCase() : ''), _caption = _element.__node.innerHTML.replace(/]+?>/gi, '').replace(/\&[^\&\s;]{1,10};/gi, '').replace(/\s+/gi, ' ').replace(/^ /, '').replace(/ $/, '').toLowerCase(), _distance = $D.levenshteinDistance(_mainPagePath, _path) ; var _caption2 = ''; for (var i=0, _i=_caption.length, _code=0; i 127 ? (''+_code+';') : _caption.charAt(i)); } _caption = _caption2; switch (true) { case (!(_href > '')): case (_mainPageHref.length > _href.length): case (_mainPageDomain != $N.getURLDomain(_href)): case (_href.substr(_mainPageHref.length).substr(0, 1) == '#'): case (_distance > Math.ceil(_distanceFactor * _path.length)): return null; default: // skip if already loaded as next page for (var i=0, _i=$N.pages.length; i b._distance): return 1; default: return 0; } }); // return return _links; }; // find } // start { // ======= $N.start = function () { // first fragments $N.nextPage__firstFragment__firstPage = $D.nextPage__firstFragment__firstPage; $N.nextPage__firstFragment__lastPage = $D.nextPage__firstFragment__lastPage; // first page $N.pages = [{ '_url': $D.window.location.href }]; // start $N.nextPage__find($D.window, $D.nextPage__firstLinks); }; // start } // return self // =========== return $N; } /*! * ClearlyComponent__reformat * Evernote Clearly's display as an embeddable component. * Copyright 2013, Evernote Corporation * * Usage: * ====== * * // define * window.ClearlyComponent__reformat = { * 'callbacks': { * 'frameCreated': someFunction(), * 'pageAdded': someFunction(), * }, * * 'settings': { * 'cssPath': 'string', * 'pageLabel': 'string'. * 'onCreateFrameUseThisId': 'string', * 'onCreateFrameDoNotInsertCSS': true * }, * * 'window': window, * 'document': document, * 'jQuery': window.jQuery * }; * * // init -- will return false, if something goes wrong * window.ClearlyComponent__reformat = initClearlyComponent__reformat(window.ClearlyComponent__reformat); * * // create frame * window.ClearlyComponent__detect.createFrame(); * * // apply options * window.ClearlyComponent__detect.applyOptions(_options_object); * * // add page * window.ClearlyComponent__detect.addNewPage(_html, _source_url); * */ /* changes: ======== $R => $R $R.win => $R.window to do: ====== */ function initClearlyComponent__reformat(_paramInstance) { // global instance reference { // =========================== // null; return if (_paramInstance); else { return false; } // shorthand $R = _paramInstance; // global instance reference } // required vars { // =============== // the component instance object must already be created, // when the init function is called. it must have these vars set: switch (true) { case (!($R.settings)): case (!($R.settings.cssPath)): case (!($R.window)): case (!($R.document)): case (!($R.document.body)): case (!($R.jQuery)): if ($R.debug) { console.log(!($R.settings)); console.log(!($R.settings.cssPath)); console.log(!($R.window)); console.log(!($R.document)); console.log(!($R.document.body)); console.log(!($R.jQuery)); } // something's wrong return false; } // required vars } // missing settings { // ================== // names for stuff /* frame id */ if ($R.settings.onCreateFrameUseThisId); else { $R.settings.onCreateFrameUseThisId = 'clearly_frame'; } /* insert frame css */ if ($R.settings.onCreateFrameDoNotInsertCSS); else { $R.settings.onCreateFrameDoNotInsertCSS = false; } /* page label */ if ($R.settings.pageLabel); else { $R.settings.pageLabel = 'Page '; } // missing settings } // global vars { // ============= $CJ = $R.jQuery; $R.$window = $CJ($R.window); $R.$document = $CJ($R.document); $R.pagesCount = 0; $R.footnotedLinksCount; /* .iframe, .$iframe .iframeWindow, .$iframeWindow .iframeDocument, .$iframeDocument .$iframeBackground, .$iframeBox, .$iframePages */ // global vars } // debug { // ======= $R.debug = ($R.debug || false); $R.debugRemembered = {}; $R.debugTimers = []; if ($R.debug) { // writeLog // ======== switch (true) { case (!(!($R.window.console && $R.window.console.log))): $R.writeLog = function (msg) { $R.window.console.log(msg); }; break; case (!(!($R.window.opera && $R.window.opera.postError))): $R.writeLog = function (msg) { $R.window.opera.postError(msg); }; break; default: $R.writeLog = function (msg) {}; break; } // log // === $R.log = function () { if ($R.debug); else { return; } for (var i=0, il=arguments.length; i 0 ) { Evernote.Logger.debug("Found selection by win.getSelection()"); hasSelection = true; } } else if ( win.selection && typeof win.selection.createRange == 'function' ) { sel = win.selection.createRange(); if ( win.selection.type == 'Text' && typeof sel.htmlText == 'string' && sel.htmlText.length > 0 ) { Evernote.Logger.debug("Found selection by win.selection"); hasSelection = true; } } else if ( doc.selection && (typeof doc.selection.createRange == 'function' || typeof doc.selection.createRange == 'object') ) { sel = doc.selection.createRange(); if(doc.selection.type == "None") sel = undefined; if ( (doc.selection.type == 'Text') && (typeof sel.htmlText == 'string') && (sel.htmlText.length > 0) ) { Evernote.Logger.debug("Found selection by doc.selection"); hasSelection = true; } } if ( sel && !hasSelection && deep ) { var nestedDocs = Evernote.Utils.getNestedDocuments( doc ); for ( var i = 0; i < nestedDocs.length; ++i ) { if ( nestedDocs[ i ] ) { var framedSel = this.findSelectionInDocument( nestedDocs[ i ], deep ); if ( framedSel && framedSel.selection && framedSel.selection.rangeCount > 0 ) { return framedSel; } } } } //if do not find any selection in document, try to find selection in HTMLTextArea|Input. //Get Selection object for TextArea, and set selection as a Range object if(doc.activeElement) Evernote.Logger.debug( "Check selection in INPUT TEXT area (input, textarea), for active element :" + doc.activeElement.nodeName ); var activeEl = doc.activeElement && false; // disabled, because no need to search selections in this elements. if ( activeEl && ( (window.HTMLInputElement && (activeEl instanceof window.HTMLInputElement && activeEl.type == "text")) || ( window.HTMLTextAreaElement && (activeEl instanceof window.HTMLTextAreaElement)) ) ) { if ( activeEl.selectionStart != activeEl.selectionEnd ) { var range = doc.createRange(); var textNode = doc.createTextNode( activeEl.value ); range.setStart( textNode, activeEl.selectionStart ); range.setEnd( textNode, activeEl.selectionEnd ); sel = range; } } return { document : doc, selection : sel }; } catch(e) { Evernote.Logger.error("Failed to find selection on the page due to error " + e); //Do not throw exception here, it is better to not show error to user and allow to clip article or something else. } return { document: doc, selection: null } }; Evernote.JSSerializer = { _selectionFinder : new Evernote.SelectionFinder(window.document), serializeAsync : function( element, fullPage, callback ) { try { var start = new Date().getTime(); var root = element || document.body.parentNode || document.body; var serializer = new Evernote.NodeSerializer( window, new Evernote.ClipFullStylingStrategy() ); var parser = new Evernote.DomParser( window, null ); var resultFunc = function() { var images = []; var imageUrls = serializer.getImagesUrls(); for(var i = 0; i < imageUrls.length; i++) { images.push(Evernote.Utils.makeAbsolutePath(serializer.getDocumentBase(), imageUrls[i]).replace(/\s/g, "%20")); } callback( { content : serializer.getSerializedDom(), imageUrls : images, docBase : serializer.getDocumentBase() }); }; parser.parseAsync( root, fullPage ? true: false, serializer, resultFunc); var end = new Date().getTime(); Evernote.Logger.debug( "Clip.clipFullPage(): clipped body in " + (end - start) + " milliseconds" ); } catch ( e ) { Evernote.Logger.error( "JSSerializer.serialize() failed: error = " + e ); throw e; } }, serialize : function( element, fullPage ) { try { var start = new Date().getTime(); var root = element || document.body.parentNode || document.body; var serializer = new Evernote.NodeSerializer( window, new Evernote.ClipFullStylingStrategy() ); var parser = new Evernote.DomParser( window, null ); parser.parse( root, fullPage ? true: false, serializer); var end = new Date().getTime(); Evernote.Logger.debug( "Clip.clipFullPage(): clipped body in " + (end - start) + " milliseconds" ); var images = []; var imageUrls = serializer.getImagesUrls(); for(var i = 0; i < imageUrls.length; i++) { images.push(Evernote.Utils.makeAbsolutePath(serializer.getDocumentBase(), imageUrls[i]).replace(/\s/g, "%20")); } return { content : serializer.getSerializedDom(), imageUrls : images, docBase : serializer.getDocumentBase() } } catch ( e ) { Evernote.Logger.error( "JSSerializer.serialize() failed: error = " + e ); throw e; } }, serializeSelectionAsync : function( range, callback ) { try { if( !range ) { if ( !this.hasSelection() ) { Evernote.Logger.warn( "JSSerializer.serializeSelection(): no selection to clip" ); callback(); return; } range = Evernote.Utils.fixIERangeObject(this._selectionFinder.getRange()); if ( !range ) { Evernote.Logger.warn( "JSSerializer.serializeSelection(): no range in selection" ); callback(); return; } } var start = new Date().getTime(); var ancestor = (this._styleStrategy && Evernote.Utils.Selection.getCommonAncestorContainer(range).nodeType == Evernote.Node.TEXT_NODE && Evernote.Utils.Selection.getCommonAncestorContainer(range).parentNode) ? Evernote.Utils.Selection.getCommonAncestorContainer(range).parentNode : Evernote.Utils.Selection.getCommonAncestorContainer(range); while ( typeof Evernote.ClipRules.NON_ANCESTOR_NODES[ ancestor.nodeName.toUpperCase() ] != 'undefined' && ancestor.parentNode ) { if ( ancestor.nodeName.toUpperCase() == "BODY" ) { break; } ancestor = ancestor.parentNode; } var serializer = new Evernote.NodeSerializer( window, new Evernote.ClipFullStylingStrategy(), null, true ); var parser = new Evernote.DomParser(window, Evernote.Utils.fixIERangeObject(range)); var resultFunc = function() { var images = []; var imageUrls = serializer.getImagesUrls(); for(var i = 0; i < imageUrls.length; i++) { images.push(Evernote.Utils.makeAbsolutePath(serializer.getDocumentBase(), imageUrls[i]).replace(/\s/g, "%20")); } callback( { content : serializer.getSerializedDom(), imageUrls : images, docBase : serializer.getDocumentBase() } ); }; parser.parseAsync( ancestor, false, serializer, resultFunc ); var end = new Date().getTime(); Evernote.Logger.debug( "JSSerializer.serializeSelection(): clipped selection in " + (end - start) + " milliseconds" ); } catch ( e ) { Evernote.Logger.error( "JSSerializer.serializeSelection() failed: error = " + e ); throw e; } }, serializeSelection : function( range ) { try { if( !range ) { if ( !this.hasSelection() ) { Evernote.Logger.warn( "JSSerializer.serializeSelection(): no selection to clip" ); return; } range = Evernote.Utils.fixIERangeObject(this._selectionFinder.getRange()); if ( !range ) { Evernote.Logger.warn( "JSSerializer.serializeSelection(): no range in selection" ); return; } } var start = new Date().getTime(); var ancestor = (this._styleStrategy && Evernote.Utils.Selection.getCommonAncestorContainer(range).nodeType == Evernote.Node.TEXT_NODE && Evernote.Utils.Selection.getCommonAncestorContainer(range).parentNode) ? Evernote.Utils.Selection.getCommonAncestorContainer(range).parentNode : Evernote.Utils.Selection.getCommonAncestorContainer(range); while ( typeof Evernote.ClipRules.NON_ANCESTOR_NODES[ ancestor.nodeName.toUpperCase() ] != 'undefined' && ancestor.parentNode ) { if ( ancestor.nodeName.toUpperCase() == "BODY" ) { break; } ancestor = ancestor.parentNode; } var serializer = new Evernote.NodeSerializer( window, new Evernote.ClipFullStylingStrategy() ); var parser = new Evernote.DomParser(window, Evernote.Utils.fixIERangeObject(range)); parser.parse( ancestor, false, serializer ); var end = new Date().getTime(); Evernote.Logger.debug( "JSSerializer.serializeSelection(): clipped selection in " + (end - start) + " milliseconds" ); var images = []; var imageUrls = serializer.getImagesUrls(); for(var i = 0; i < imageUrls.length; i++) { images.push(Evernote.Utils.makeAbsolutePath(serializer.getDocumentBase(), imageUrls[i]).replace(/\s/g, "%20")); } return { content : serializer.getSerializedDom(), imageUrls : images, docBase : serializer.getDocumentBase() } } catch ( e ) { Evernote.Logger.error( "JSSerializer.serializeSelection() failed: error = " + e ); throw e; } }, hasSelection : function() { Evernote.Logger.debug( "Clip.hasSelection()" ); if ( this._selectionFinder.hasSelection() ) { return true; } else { this._selectionFinder.find( true ); return this._selectionFinder.hasSelection(); } } }; /** * Represents JQuery loader that allow to have two versions of JQuery loaded on the same page * @type {Object} */ Evernote.JQueryLoader = { /** * Initializes jquery instance on global Evernote context */ initJQuery : function() { if (!Evernote.JQuery) { Evernote.JQuery = $.noConflict(true); } } }; (function () { if (!Evernote.JQuery) { Evernote.JQuery = $.noConflict(true); } }()); Evernote.ClipNotificator = function ClipNotificator() { }; // TODO: clip notificator is obsolete now. Remove it. Evernote.ClipNotificator.WAIT_CONTAINER_ID = "evernoteContentClipperWait"; Evernote.ClipNotificator.SHOW_WAIT_MIN_TIME = 2000; Evernote.ClipNotificator.prototype.showCopyNotification = function( doc, options, useAutoHide ) { Evernote.evernotePostClipPopup.fillOutPopup(options.title, options.notebookName); Evernote.evernotePostClipPopup.show(); try { var wait = this.getWaitContainer( doc, Evernote.Addin.getLocalizedMessage(Evernote.Messages.CLIPPING) ); wait.style.display = "none"; this.centerBox(wait); if ( doc.body ) { doc.body.appendChild( wait ); } if (useAutoHide) { var self = this; var timeout = this.constructor.SHOW_WAIT_MIN_TIME; setTimeout( function() { self.clearWait( doc ); }, timeout ); } } catch ( e ) { Evernote.Logger.error( "ClipNotificator.showCopyNotification() failed: error = " + e ); } }; Evernote.ClipNotificator.prototype.centerBox = function( container ) { // TODO: for what? It can be done with css. var topPosition = ((document.documentElement.scrollTop || document.body.scrollTop) + ((((document.documentElement.clientHeight || document.body.clientHeight) + (!container.offsetHeight && 0)) / 2) >> 0)); var leftPosition = (((document.documentElement.clientWidth || document.body.clientWidth) / 2) - (container.offsetWidth / 2)); container.style.position = "absolute"; container.style.top = (topPosition-20) + "px"; container.style.left = (leftPosition - 90) + "px"; }; Evernote.ClipNotificator.prototype.getWaitContainer = function( doc, msg ) { Evernote.Logger.debug( "ClipNotificator.getWaitContainer()" ); var container = doc.getElementById( this.constructor.WAIT_CONTAINER_ID ); if ( !container ) { container = doc.createElement( "evernotediv" ); if(Evernote.Utils.isQuirkMode()) { container.className = "quirk-mode-container"; } container.id = this.constructor.WAIT_CONTAINER_ID; var wait = doc.createElement( "div" ); wait.id = this.constructor.WAIT_CONTAINER_ID + "Content"; if(Evernote.BrowserDetection.isLessThanIE9()) { wait.className = "content-less-than-nine-container"; } container.appendChild( wait ); var center = doc.createElement( "center" ); wait.appendChild( center ); var spinner = doc.createElement( "div" ); spinner.id = "evernote-spinner-container"; center.appendChild( spinner ); var text = doc.createElement( "span" ); text.id = this.constructor.WAIT_CONTAINER_ID + "Text"; center.appendChild( text ); container._waitMsgBlock = text; container._waitMsgBlock.appendChild( doc.createTextNode( msg ) ); } return container; }; Evernote.ClipNotificator.prototype.clearWait = function( doc, immediately ) { Evernote.Logger.debug( "ClipNotificator.clearWait()" ); var wait = doc.getElementById( Evernote.ClipNotificator.WAIT_CONTAINER_ID ); if ( wait ) { wait.style.opacity = "0"; if (immediately) { wait.parentNode.removeChild( wait ); } else { setTimeout( function() { if ( wait.parentNode ) { wait.parentNode.removeChild( wait ); } }, 300 ); } } }; /** * Represents clipper object that is capable of clipping elements from pages or clip elements based on preferences. */ Evernote.Clipper = { _serializer : Evernote.JSSerializer, _clipNotifier : new Evernote.ClipNotificator(), _defaultOptions : { title: PageContext.title, tags: [], comments: "", notebookUid: -1, notebookName : "" }, /** * Clips article element (one that user selected or default if no selection was made). */ clipArticle : function(options, clearly) { var currentOptions = this.initOptions(options); this._clipNotifier.showCopyNotification(document, currentOptions); var self = this; setTimeout(function() { var article if ( clearly ) { article = Evernote.ClearlyController.getSimplifiedArticle(); } else { article = Evernote.contentPreviewer.getArticleElement(); } if(!article) { article = Evernote.pageInfo.getDefaultArticle(function(article) {}); } var resultFunc = function(serializedDom) { self._clipNotifier.clearWait(document); Evernote.Addin.clipNote(currentOptions.comments + serializedDom.content, currentOptions, PageContext.url, serializedDom.imageUrls, true, document); Evernote.ClearlyController.hide(); }; self._serializer.serializeAsync(article, false, resultFunc); }, 100); }, initOptions: function(options) { if(!options) options = this._defaultOptions; options = Evernote.JQuery.extend({}, this._defaultOptions, options); if(!options.title || Evernote.JQuery.trim(options.title).length == 0) options.title = Evernote.Addin.getLocalizedMessage(Evernote.Messages.UNTITLED_NOTE); options.title = Evernote.JQuery.trim(Evernote.Utils.cutToLength(options.title, 255, " ")); /* get notebook name */ var notebookUid = options.notebookUid || 0; var notebook = Evernote.NotebooksLoader.getNotebookByUid(notebookUid); if(!notebook) { options.notebookName = Evernote.Addin.getLocalizedMessage(Evernote.Messages.DEFAULT_NOTEBOOK); } else { options.notebookName = notebook.name; } return options; }, /** * Clips full page. */ clipFullPage : function(options) { Evernote.Logger.debug("Clipper: clipFullPage"); var currentOptions = this.initOptions(options); this._clipNotifier.showCopyNotification(document , currentOptions); var self = this; setTimeout(function() { Evernote.Logger.debug("Start clipping of full page"); var resultFunc = function(serializedDom) { self._clipNotifier.clearWait(document); Evernote.Logger.debug("Image urls " + JSON.stringify(serializedDom.imageUrls)); Evernote.Logger.debug("Send clip to EN"); Evernote.Addin.clipNote(currentOptions.comments + serializedDom.content, currentOptions, PageContext.url, serializedDom.imageUrls, true, document); }; self._serializer.serializeAsync(null, true, resultFunc); }, 100); }, /** * Clips url with favicon (if favicon is recognized) */ clipUrl : function(options) { var currentOptions = this.initOptions(options); this._clipNotifier.showCopyNotification(document, currentOptions, true); var self = this; setTimeout(function() { var snippet = Evernote.contentPreviewer.getSnippetText(); if (snippet) { snippet = snippet.replace(/(]+)>)/ig,""); var content = Evernote.GlobalUtils.createUrlClipContent(PageContext.title, PageContext.url, PageContext.getFavIconUrl(), snippet); Evernote.Addin.clipNote(currentOptions.comments + content, currentOptions, PageContext.url, PageContext.getFavIconUrl(), true, document); }else { self._clipNotifier.clearWait(document, true); Evernote.ClearlyController.getClearlyArticleText( function (data) { snippet = data._html.replace(/(]+)>)/ig,""); var content = Evernote.GlobalUtils.createUrlClipContent(PageContext.title, PageContext.url, PageContext.getFavIconUrl(), snippet); Evernote.Addin.clipNote(currentOptions.comments + content, currentOptions, PageContext.url, PageContext.getFavIconUrl(), true, document); }); } }, 100); }, /** * Clips selection from the page. */ clipSelection : function( range, options ) { var currentOptions = this.initOptions(options); this._clipNotifier.showCopyNotification(document , currentOptions); var self = this; setTimeout(function() { var resultFunc = function(serializedDom) { self._clipNotifier.clearWait(document); if(serializedDom) { Evernote.Addin.clipNote(currentOptions.comments + serializedDom.content, currentOptions, PageContext.url, serializedDom.imageUrls, true, document); } }; self._serializer.serializeSelectionAsync( range, resultFunc ); }, 100); }, /** * Clips image from the page. */ clipImage : function(options ) { if (!options.imageElement) { Evernote.Logger.debug("clipImage Empty element"); return; } var currentOptions = this.initOptions(options); this._clipNotifier.showCopyNotification(document , currentOptions); var self = this; var clojureBug = Evernote.BrowserDetection.isIE7(); var CUSTOM_ID = 'evn-image-for-clip'; if (clojureBug) { // add attr to find this element later Evernote.JQuery(document).find(options.imageElement).attr( CUSTOM_ID ,'true'); } setTimeout(function() { var elementToSerialize = options.imageElement; if (clojureBug) { var elem = Evernote.JQuery('*['+ CUSTOM_ID +']'); elementToSerialize = Evernote.JQuery('*['+ CUSTOM_ID +']')[0]; elem.removeAttr(CUSTOM_ID); } Evernote.Logger.debug("Start clipping of image"); var resultFunc = function(serializedDom) { self._clipNotifier.clearWait(document); Evernote.Logger.debug("Image urls " + JSON.stringify(serializedDom.imageUrls)); Evernote.Logger.debug("Send clip to EN"); Evernote.Addin.clipNote(currentOptions.comments + serializedDom.content, currentOptions, PageContext.url, serializedDom.imageUrls, true, document); }; self._serializer.serializeAsync(elementToSerialize, false, resultFunc); }, 100); }, /** * Clips part of the page, defined in option (url, article or full page) or selection if presented. */ clipWithOptions : function(clipOptions) { function getNotebook() { return {uid : -1}; } var notebookToClipTo = getNotebook(); var alwaysTags = []; if (notebookToClipTo.type != Evernote.NotebookTypes.LINKED && Evernote.Options.tags.alwaysEnable == true) { alwaysTags = Evernote.Options.tags.alwaysData.split(','); } var options = { notebookUid: notebookToClipTo.uid, imageElement: EvernoteExternal.imageElement, tags: alwaysTags }; if(clipOptions.getClipAction() == Evernote.ClipperActions.CLIP_SELECTION && Evernote.Utils.hasSelection(window)) { Evernote.Clipper.clipSelection(null, options); } else if(clipOptions.getClipAction() == Evernote.ClipperActions.CLIP_URL) { Evernote.Clipper.clipUrl(options); } else if(clipOptions.getClipAction() == Evernote.ClipperActions.CLIP_FULL_PAGE) { Evernote.Clipper.clipFullPage(options); } else if(clipOptions.getClipAction() == Evernote.ClipperActions.CLIP_IMAGE) { Evernote.Clipper.clipImage(options); } else { Evernote.Logger.warn("Unknown option is specified : " + clipOptions.getClipAction()); } }, clipBase64Image : function(options, base64Image) { var self = this; var currentOptions = this.initOptions(options); this._clipNotifier.showCopyNotification(document , currentOptions); Evernote.Addin.clipImageAsync(options, function(result) { EvernoteGlobalReceiver(result); }, PageContext.url, base64Image); } }; Evernote.ClipOptions = function ClipOptions(data) { this.clipAction = data.clipAction; }; Evernote.ClipOptions.prototype.getClipAction = function() { return this.clipAction; }; function ContentVeil() { var veil = document.createElement("div"); veil.id = "evernoteContentVeil"; var inner = document.createElement("div"); inner.id = "evernoteInnerBox"; var pageCounter = document.createElement("div"); pageCounter.id = "evernotePageCounter"; veil.appendChild(pageCounter); veil.appendChild(inner); var pageHeight = document.body.scrollHeight; // used for infinite scroll handling /* IE10 doesn't support pointer-events:none; So we had to replace existing veil with new one, combined of 8 divs. Four of them has border to outline content, and four divs in corners has white filling only. There is no any element in center, over the content, so nothing will catch mouse events. It helps other functions, especially html highlighter, works as expected. veil structure: veilNW | veilTop | veilNE veilLeft | | veilRight veilSW | veilBottom | veilSE */ var veilTop = document.createElement("div"); veilTop.id = "evernoteContentVeilTop"; var veilLeft = document.createElement("div"); veilLeft.id = "evernoteContentVeilLeft"; var veilRight = document.createElement("div"); veilRight.id = "evernoteContentVeilRight"; var veilBottom = document.createElement("div"); veilBottom.id = "evernoteContentVeilBottom"; var veilNW = document.createElement("div"); veilNW.id = "evernoteContentVeilNW"; var veilNE = document.createElement("div"); veilNE.id = "evernoteContentVeilNE"; var veilSE = document.createElement("div"); veilSE.id = "evernoteContentVeilSE"; var veilSW = document.createElement("div"); veilSW.id = "evernoteContentVeilSW"; var veilAll = Evernote.JQuery([veilTop,veilBottom,veilLeft,veilRight]); var veilCorners = Evernote.JQuery([veilNW,veilNE,veilSE,veilSW]); veilAll.addClass('EvConVeil'); veilCorners.addClass('EvConVeilCorn'); function fireClickUnderVeil(evt) { var veil = Evernote.JQuery(this); veil.hide(); var bottomElement = document.elementFromPoint(evt.clientX, evt.clientY); veil.show(); bottomElement.click(); } // make veil imperceptible for mouse clicks. veilAll.click(fireClickUnderVeil); veilCorners.click(fireClickUnderVeil); var tooltipTimeout; var topExpandContract; var bottomExpandContract; for (var i = 0; i < 2; i++) { var expand = document.createElement("div"); var contract = document.createElement("div"); expand.className = "evernoteArticleExpand"; contract.className = "evernoteArticleContract"; expand.setAttribute('tooltip', Evernote.Addin.getLocalizedMessage(Evernote.Messages.EXPAND)); expand.setAttribute('unselectable', 'on'); contract.setAttribute('tooltip',Evernote.Addin.getLocalizedMessage(Evernote.Messages.CONTRACT)); contract.setAttribute('unselectable','on'); expand.addEventListener("mousemove", nudgeMousemoveHandler); expand.addEventListener("mouseout", nudgeMouseoutHandler); contract.addEventListener("mousemove", nudgeMousemoveHandler); contract.addEventListener("mouseout", nudgeMouseoutHandler); expand.addEventListener("click", function() { Evernote.contentPreviewer.previewNudge('up'); }); contract.addEventListener("click", function() { Evernote.contentPreviewer.previewNudge('down'); }); if (i == 0) { topExpandContract = document.createElement("div"); topExpandContract.className = "evernoteExpandContract evernoteUsingExpandContract"; topExpandContract.appendChild(expand); topExpandContract.appendChild(contract); veilTop.appendChild(topExpandContract); } else { bottomExpandContract = document.createElement("div"); bottomExpandContract.id = "bottomExpandContract"; bottomExpandContract.className = "evernoteExpandContract"; bottomExpandContract.appendChild(expand); bottomExpandContract.appendChild(contract); veilBottom.appendChild(bottomExpandContract); } } function nudgeMousemoveHandler(evt) { clearTimeout(tooltipTimeout); tooltipTimeout = setTimeout(function() { evt.srcElement.className += " tooltipon"; }, 250); } function nudgeMouseoutHandler() { clearTimeout(tooltipTimeout); this.className = this.className.replace(/\s*tooltipon/g, ""); } // We keep a record of what we're currently showing (at least in some cases) so that we can update it in case the // state of the page changes (like if the user scrolls). var currentlyShownRect = null; var currentlyShownElt = null; var currentRectOffsetTop = 0; var currentRectOffsetLeft = 0; var currentlyStatic = false; var currentlyShadowBox = false; function reset(doNotResetPageCount) { currentlyShownRect = null; currentlyShownElt = null; currentRectOffsetTop = 0; currentRectOffsetLeft = 0; currentlyShadowBox = false; inner.className = inner.className.replace(/\s*evernoteShadowBox/g, ""); veil.className = inner.className.replace(/\s*evernoteShadowBox/g, ""); veilAll.removeClass('evernoteShadowBoxActi'); if (!doNotResetPageCount) { setPageCount(); } topExpandContract.className = topExpandContract.className.replace(/\s*evernoteUsingExpandContract/g, ""); bottomExpandContract.className = bottomExpandContract.className.replace(/s*evernoteUsingExpandContract/g, ""); showElements("embed"); showElements("object"); showElements("iframe"); blank(); } function blank() { veil.style.height = document.body.scrollHeight - 6 + "px"; veil.style.width = document.body.scrollWidth - 6 + "px"; veil.style.borderWidth = "0"; } function gray() { show(); inner.style.display = "none"; veil.style.backgroundColor = "rgba(255, 255, 255, 0.75)"; veilAll.each(function(){this.style.borderWidth = "0";}); veilAll.addClass('evernoteGrayFillingActi'); revealRectNew({ top:0, bottom:getPageHeight(), left:0, right:0, width:document.body.scrollWidth, height:getPageHeight() }); } function show() { inner.style.display = ""; veil.style.backgroundColor = ""; veilAll.each(function(){this.style.borderWidth = ""}); veilAll.removeClass('evernoteGrayFillingActi'); if (!Evernote.ElementExtension.hasParentNode(veil)) { document.body.appendChild(veil); veilAll.each(function(){document.body.appendChild(this)}); veilCorners.each(function(){document.body.appendChild(this)}); } } function hide() { if (Evernote.ElementExtension.hasParentNode(veil)) { veilAll.each(function(){this.parentNode.removeChild(this)}); veilCorners.each(function(){this.parentNode.removeChild(this)}); veil.parentNode.removeChild(veil); } } function isHidden() { if (Evernote.ElementExtension.hasParentNode(veil)) { return false; } return true; } // Makes a rectangle bigger in all directions by the number of pixels specified (or smaller, if 'amount' is // negative). Returns the new rectangle. function expandRect(rect, amount) { return { top: (rect.top - amount), left: (rect.left - amount), bottom: (rect.bottom + amount), right: (rect.right + amount), width: (rect.width + (2 * amount)), height: (rect.height + (2 * amount)) }; } function getPageHeight() { var h = Math.abs(window.innerHeight - document.body.scrollHeight) < 15 ? document.body.scrollHeight : Math.max(document.body.scrollHeight, document.documentElement.scrollHeight); var wh = window.innerHeight; if ((wh - h) > 15) return wh; return h; } function revealRect(rect, elt, staticView, shadowBox) { // Save this info. currentlyShownRect = rect; currentlyShownElt = elt; currentRectOffsetTop = Evernote.Utils.scrollTop(); currentRectOffsetLeft = Evernote.Utils.scrollLeft(); currentlyStatic = staticView; currentlyShadowBox = shadowBox; // We expand the rectangle for two reasons. // 1) we want to expand it by the width of the stroke, so that when we draw out outline, it doesn't overlap our // content. // 2) We want to leave a little extra room around the content for aesthetic reasons. rect = expandRect(rect, 8); var x = rect.left; var y = rect.top; var width = rect.width; var height = rect.height; var veilWidth = veil.style.width.replace("px", ""); var veilHeight = veil.style.height.replace("px", ""); inner.className = inner.className.replace(/\s*evernoteShadowBox/g, ""); veil.className = inner.className.replace(/\s*evernoteShadowBox/g, ""); veilAll.removeClass('evernoteShadowBoxActi'); if (shadowBox) { veilAll.addClass('evernoteShadowBoxActi'); inner.className += " evernoteShadowBox"; veil.className += " evernoteShadowBox"; } inner.style.display = "block"; veil.style.borderLeftWidth = Math.max(x, 0) + "px"; veil.style.borderTopWidth = Math.max(y, 0) + "px"; veil.style.borderRightWidth = Math.max((veilWidth - x - width), 0) + "px"; veil.style.borderBottomWidth = Math.max((veilHeight - y - height), 0) + "px"; /*oh my gosh*/ var rectNew = { top:Math.max(y, 0), left:Math.max(x, 0), bottom:Math.max((veilHeight - y - height),0), right:Math.max((veilWidth - x - width),0), width:document.body.scrollWidth, height:getPageHeight() }; if (!shadowBox) { rectNew.width = rectNew.width - 4; rectNew.height = rectNew.height - 4; } else { rectNew.width = rectNew.width - 6; rectNew.height = rectNew.height - 6; } /* // debug part. function toFix(rect) { for (var prop in rect) { rect[prop] = rect[prop].toFixed(0); } return rect; } console.log('old ' + JSON.stringify(toFix(rect))); console.log('new ' + JSON.stringify(toFix(rectNew))); */ revealRectNew(rectNew); } function revealRectNew(rect) { veilLeft.style.height = rect.height - rect.bottom - rect.top + 2 + 'px'; veilLeft.style.width = rect.left + 'px'; veilLeft.style.top = rect.top -1 + 'px'; veilRight.style.height = rect.height - rect.bottom - rect.top + 2 + 'px'; veilRight.style.width = rect.right + 'px'; veilRight.style.top = rect.top - 1 + 'px'; veilRight.style.left = rect.width - rect.right + 'px'; veilTop.style.height = rect.top + 'px'; veilTop.style.left = rect.left + 'px'; veilTop.style.right = rect.right + 'px'; veilTop.style.width = rect.width - rect.right - rect.left + 'px'; veilBottom.style.height = rect.bottom + 'px'; veilBottom.style.width = rect.width - rect.right - rect.left + 'px'; veilBottom.style.left = rect.left + 'px'; veilBottom.style.right = rect.right + 'px'; veilBottom.style.top = rect.height - rect.bottom + 'px'; veilNW.style.height = Math.max(rect.top - 1, 0) + 'px'; veilNW.style.width = rect.left + 'px'; veilNE.style.height = Math.max(rect.top - 1, 0) + 'px'; veilNE.style.width = rect.right + 'px'; veilNE.style.left = rect.width - rect.right + 'px'; veilSW.style.height = Math.max(rect.bottom - 1, 0) + 'px'; veilSW.style.top = rect.height - rect.bottom + 1 + 'px'; veilSW.style.width = rect.left + 'px'; veilSE.style.height = Math.max(rect.bottom - 1, 0) + 'px'; veilSE.style.top = rect.height - rect.bottom + 1 + 'px'; veilSE.style.left = rect.width - rect.right + 'px'; veilSE.style.width = rect.right + 'px'; } function revealStaticRect(rect, elt, shadowBox) { revealRect(rect, elt, true, shadowBox); } function outlineElement(element, scrollTo, shadowBox, articleAdjustment) { // See notes in Preview.js for why we use this method instead of just calling element.getBoundingClientRect(). var rect = Evernote.contentPreviewer.computeDescendantBoundingBox(element); if (rect) { reset(articleAdjustment); revealRect(rect, element, true, shadowBox); if (scrollTo) { element.scrollIntoView(); } hideElements("embed", element); hideElements("object", element); hideElements("iframe", element); topExpandContract.className += " evernoteUsingExpandContract"; if (rect.height - 30 > window.innerHeight) { bottomExpandContract.className += " evernoteUsingExpandContract"; } else { bottomExpandContract.className = bottomExpandContract.className.replace(/\s*evernoteUsingExpandContract/g, ""); } show(); } else { Evernote.Logger.warn("Couldn't create rectangle from element: " + element.toString()); } } function hideAllActiveObjects() { hideElements("embed"); hideElements("object"); hideElements("iframe"); } function hideElements (tagName, exceptInElement) { var els = document.getElementsByTagName(tagName); for (var i = 0; i < els.length; i++) { els[i].enSavedVisibility = els[i].style.visibility; els[i].style.visibility = "hidden"; } showElements(tagName, exceptInElement); } function showElements (tagName, inElement) { if (!inElement) { inElement = document; } var els = inElement.getElementsByTagName(tagName); for (var i = 0; i < els.length; i++) { if (typeof els[i].enSavedVisibility !== "undefined") { els[i].style.visibility = els[i].enSavedVisibility; try { delete els[i].enSavedVisibility; } catch(e) { els[i].enSavedVisibility = undefined; } } } } function getElement() { return veil; } function setPageCount(count) { if (!count) { pageCounter.innerText = ""; } else if (count == 1) { //TODO: test l10n pageCounter.innerText = "oneMorePageFound"; } else { //TODO:test l10n pageCounter.innerText = "morePagesFound" + count; } pageCounter.scrollIntoView(true); } var onScrollHandle = function(e) { if (currentlyShownRect && !currentlyStatic) { var rect = { top: currentlyShownRect.top, bottom: currentlyShownRect.bottom, left: currentlyShownRect.left, right: currentlyShownRect.right, width: currentlyShownRect.width, height: currentlyShownRect.height }; var vert = Evernote.Utils.scrollTop() - currentRectOffsetTop; var horiz = Evernote.Utils.scrollLeft() - currentRectOffsetLeft; if (!vert && !horiz) { return; } rect.top -= vert; rect.bottom -= vert; rect.left -= horiz; rect.right -= horiz; blank(); revealRect(rect, currentlyShownElt); } if (pageHeight < document.body.scrollHeight - 30) { pageHeight = document.body.scrollHeight; onResizeHandle(); } }; var onResizeHandle = function(e) { if (currentlyShownElt) { var rect = Evernote.contentPreviewer.computeDescendantBoundingBox(currentlyShownElt); if (rect) { blank(); if (currentlyShadowBox) { revealRect(rect, currentlyShownElt, true, true); } else { revealRect(rect, currentlyShownElt, true, false); } } } // todo: switch gray filling to position: fixed. if (veilAll.hasClass('evernoteGrayFillingActi')) { gray(); } }; window.addEventListener("resize", onResizeHandle); window.addEventListener("scroll", onScrollHandle, false); // Public API: this.reset = reset; this.show = show; this.gray = gray; this.hide = hide; this.revealRect = revealRect; this.revealStaticRect = revealStaticRect; this.outlineElement = outlineElement; this.expandRect = expandRect; this.hideAllActiveObjects = hideAllActiveObjects; } /** * Created by chizhikov on 11.04.14. */ function ScreenshotVeil() { var areaEl = document.createElement('div'); areaEl.id = 'evernoteScreenShotArea'; var startX, startY = 0; var global_tools = Evernote.JQuery('#' + Constants.CLIP_DIALOG_ID); var area = Evernote.JQuery(areaEl); var selecting = false; var startVertLine = document.createElement('div'); var startHorizLine = document.createElement('div'); startVertLine.className = 'screenAreaStartVertLine'; startHorizLine.className = 'screenAreaStartHorizLine'; var borderDiv = document.createElement('div'); borderDiv.id = 'screenAreaSelected'; areaEl.appendChild(startVertLine); areaEl.appendChild(startHorizLine); areaEl.appendChild(borderDiv); function sendMessageToPopup( msg ){ // send message to global tools var zoomModifier = screen.deviceXDPI / screen.logicalXDPI; with (borderDiv.style) { var topX = pixelLeft * zoomModifier; var topY = pixelTop * zoomModifier; var bottomX = (area.width() - pixelRight) * zoomModifier; var bottomY = (area.height() - pixelBottom) * zoomModifier; } // If any side of the rectangle that user is drawing is smaller than 16px then we interpret it as a // single click and should make a fullscreen capture. var rectWidth = Math.abs(topX - bottomX); var rectHeight = Math.abs(topY - bottomY); if (rectWidth < 16 || rectHeight < 16) { topX = 0; topY = 0; bottomX = area.width(); bottomY = area.height(); } global_tools.trigger(msg ,[topX,topY , bottomX, bottomY]); } function drawLines(e) { startVertLine.style.pixelLeft = e.clientX; startHorizLine.style.pixelTop = e.clientY; if (selecting) { drawRect(startX, startY, e.clientX, e.clientY); // TODO: prevent selection } } function drawRect( startX, startY, mouseX, mouseY) { var topX, topY, bottomX, bottomY; topX = Math.min(startX, mouseX); topY = Math.min(startY, mouseY); bottomX = Math.max(startX, mouseX); bottomY = Math.max(startY, mouseY); borderDiv.style.pixelTop = topY; borderDiv.style.pixelLeft = topX; borderDiv.style.pixelRight = area.width() - bottomX - 1; borderDiv.style.pixelBottom = area.height() - bottomY -1; } function clearSelectedAreaPosition() { borderDiv.style.pixelRight = ''; borderDiv.style.pixelBottom = ''; borderDiv.style.pixelTop = ''; borderDiv.style.pixelLeft = ''; selecting = false; } function startSelectArea(e) { if (e.button != 0) return; if (Evernote.JQuery(e.target).closest('#' + Constants.CLIP_DIALOG_NEW_ID).length == 0) { selecting = true; startX = e.clientX; startY = e.clientY; } e.preventDefault(); } function selectionEnd(e) { if (!selecting) return; if (Evernote.JQuery(e.target).closest('#cancelButton').length == 0 && Evernote.JQuery(e.target).closest('#closeSidebar').length == 0 ) { sendMessageToPopup('readyToScreenshot'); } else { sendMessageToPopup('cancelScreenshot'); } hide(); clearSelectedAreaPosition(); } function disableContextMenu(e) { e.preventDefault(); return false; } function show() { document.addEventListener('mousemove', drawLines); document.addEventListener('mousedown', startSelectArea); document.addEventListener('mouseup', selectionEnd); document.addEventListener('contextmenu', disableContextMenu); // TODO: remove scroll from page area.addClass('visible'); Evernote.JQuery('body').css('overflow','hidden'); } function hide() { area.removeClass('visible'); clearSelectedAreaPosition(); document.removeEventListener('mousemove', drawLines); document.removeEventListener('mousedown', startSelectArea); document.removeEventListener('mouseup', selectionEnd); document.removeEventListener('contextmenu', disableContextMenu); Evernote.JQuery('body').css('overflow','visible'); } document.body.appendChild(areaEl); this.show = show; this.hide = hide; } function PageInfo() { var newPageCallback; // This is a map of hostnames (for hostnames that begin with 'www.', the 'www.' will be stripped off first, so don't // include it in your lookup string) to CSS selectors. When we try and locate an article in a page, we'll see if we // can find the doamin for the page in this list, and if so, we'll try and find an element that matches the given // selector. If no element is returned, we'll fall back to the heuristic approach. var specialCases = { "penny-arcade.com": "div.contentArea > div.comic > img", "aspicyperspective.com": "div.entry-content", "thewirecutter.com": "div#content", "katespade.com": "div#pdpMain", "threadless.com": "section.product_section", "yelp.com": "div#bizBox", "flickr.com": "div#photo", "instagr.am": "div.stage > div.stage-inner", "stackoverflow.com": "div#mainbar", "makeprojects.com": "div#guideMain", "cookpad.com": "div#main", "imgur.com": "div.image", "smittenkitchen.com": "div.entry", "allrecipes.com": "div#content-wrapper", "qwantz.com": "img.comic", "questionablecontent.net": "img#strip", "cad-comic.com": "div#content" } var useFoundImage = [ "xkcd.com" ] // These are the items we're trying to collect. This first block is trivial. var containsImages = Boolean(document.getElementsByTagName("img").length > 0); var documentWidth = document.width; var documentHeight = document.height; var documentMode = document.documentMode; var url = document.location.href; // Very slow and useless assignment, takes more than a second. Temporary commented for speed up [actimind] // var documentLength = document.body.textContent ? document.body.textContent.length : 0; // These take slightly more work and are initialized only when requested. var article = null; var cleanArticles = []; var articleBoundingClientRect = null; var selection = false; // This is easy to get, but is always "false" at load time until the user selects something. var selectionIsInFrame = false; var documentIsFrameset = false; var selectionFrameElement = null; var recommendationText = null; // Internal state variables to keep us duplicating work. var hasCheckedArticle = false; // Experimental recognition of 'image' pages (like photo sites and comics). function findImage() { var imgs = document.getElementsByTagName("img"); var biggest = null; var biggestArea = 0; for (var i = 0; i < imgs.length; i++) { var style = Evernote.ElementExtension.getComputedStyle(imgs[i]); var width = style.width.replace(/[^0-9.-]/g, ""); var height = style.height.replace(/[^0-9.-]/g, ""); var area = width * height; if (!biggest || area > biggestArea) { biggest = imgs[i]; biggestArea = area; } } return biggest; } function getAncestors(node) { var an = []; while (node) { an.unshift(node); node = node.parentNode; } return an; } function getDeepestCommonNode(nodeList1, nodeList2) { var current = null; for (var i = 0; i < nodeList1.length; i++) { if (nodeList1[i] === nodeList2[i]) { current = nodeList1[i]; } else { break; } } return current; } function getCommonAncestor(nodeList) { if (!nodeList.length) return null; if (nodeList.length == 1) return nodeList[0]; var lastList = getAncestors(nodeList[0]); var node = null; for (var i = 1; i < nodeList.length; i++) { var list = getAncestors(nodeList[i]); node = getDeepestCommonNode(lastList, list); lastList = getAncestors(node); } return node; } function clearlyCallback(data, callback) { Evernote.Logger.debug("Clearly callback invoked"); findImage(); // See if we should special-case this. var host = getHostname(); if (specialCases[host]) { var candidate = Evernote.ElementExtension.querySelector(specialCases[host]); if (candidate) { Evernote.Logger.debug("Found article in specialCases"); article = candidate; articleBoundingClientRect = Evernote.ElementExtension.getBoundingClientRect(article); } } // Or see if it's a special case image page. else if (Evernote.ArrayExtension.indexOf(useFoundImage, host) != -1) { article = findImage(); if (article) { Evernote.Logger.debug("Found article in image"); articleBoundingClientRect = Evernote.ElementExtension.getBoundingClientRect(article); } } // If it's not a special case, see if it's a single image. if (!article) { var imageTypes = ['jpeg', 'jpg', 'gif', 'png']; var urlExtension = document.location.href.replace(/^.*\.(\w+)$/, "$1"); if (urlExtension && (Evernote.ArrayExtension.indexOf(imageTypes, urlExtension) != -1)) { var candidate = Evernote.JQuery("body > img"); if (candidate.length > 0) { Evernote.Logger.debug("Found article in a single image"); article = candidate.get(0); articleBoundingClientRect = Evernote.ElementExtension.getBoundingClientRect(article); } } } // If we still didn't find an article, let's see if maybe it's in a frame. Cleary fails on frames so we try this // check before we use our clearly info. if (!article) { if (document.body.nodeName.toLowerCase() == "frameset") { documentIsFrameset = true; var frame = findBiggestFrame(); if (frame && frame.contentDocument && frame.contentDocument.documentElement) { selectionFrameElement = frame; article = frame.contentDocument.documentElement; articleBoundingClientRect = Evernote.ElementExtension.getBoundingClientRect(article); } } } // If we didn't use any of our special case handling, we'll use whatever clearly found. if (!article) { Evernote.Logger.debug("Use clearly find article"); if (data && data._elements && data._elements.length) { article = data._elements[0]; if (data._elements.length > 1) { // This will include *all* clearly elements (and whatever else in in between them). article = getCommonAncestor(data._elements); // This includes *just the last (and therefore most important)* element from the clearly detection. // article = data._elements[data._elements.length - 1]; } if (article.nodeType === ( window.Node ? window.Node.TEXT_NODE : 1)) { article = article.parentNode; } } } if(article) { if(Evernote.JQuery(article).closest("#evernote-content").length != 0) article = undefined; } // If clearly found nothing (because it failed), then use the body of the document. if (!article) { article = document.body; } hasCheckedArticle = true; callback(); } // This will try and determine the 'default' page article. It will only run once per page, but it's specifically // called only on demand as it can be expensive. function findArticle(callback) { function afterInject() { // If we'd previously computed an article element, but it's lost its parent or become invisible, then we'll try // and re-compute the article. This can happen if, for example the page dynamically udaptes itself (like showing // the latest news article in a box that updates periodically). This doesn't guarantee that we clip something // sane if this happens, (if the page re-writes itself while a clip is taking place, the results are // indeterminate), but it will make such things less likely. if (article && (!article.parentNode || !article.getBoundingClientRect || Evernote.ElementExtension.getBoundingClientRect(article).width == 0)) { article = null; hasCheckedArticle = false; } Evernote.Logger.debug("afterInject"); if (!hasCheckedArticle) { Evernote.Logger.debug("no article"); if (!window) { Evernote.Logger.warn("Couldn't find clearly!"); clearlyCallback(null, callback); } else { Evernote.Logger.debug("Call clearly to select article"); try { Evernote.ClearlyController.getContentElementAndHTML(function(data){clearlyCallback(data, callback)}); } catch(e) { Evernote.Logger.error("Failed to find article by clearly due to error " + e.message); clearlyCallback(null, callback); } } } // If the page is big enough, clearly is excruciatingly slow. We'll just get the whole page. // TODO: Clearly was updated. Check, if big pages are still problem else if (document.body.innerHTML.length > (1024 * 1024)) { Evernote.Logger.warn("Page over 1mb, skipping article detection."); clearlyCallback(null, callback); } else { Evernote.Logger.debug("callback"); callback(); } } afterInject(); } function findBiggestFrame() { var frames = document.getElementsByTagName("frame"); var candidate = null; var candidateSize = 0; for (var i = 0; i < frames.length; i++) { if (frames[i].width && frames[i].height) { var area = frames[i].width * frames[i].height; if (area > candidateSize) { candidate = frames[i]; candidateSize = area; } } } return candidate; } function getHostname() { var match = document.location.href.match(/^.*?:\/\/(www\.)?(.*?)(\/|$)/); if (match) { return match[2]; } return null; } function getDefaultArticle(callback) { Evernote.Logger.debug("getDefaultArticle"); findArticle(function(){callback(article)}); // Article already exists, so we'll return it. if (article) return article; } function getBiggestImage(callback) { getDefaultArticle(function(art) { var imgs; if (art) { imgs = art.querySelectorAll("img"); } else { imgs = document.querySelectorAll("img"); } var maxHeight = 0; var maxWidth = 0; var maxImage; for (var i = 0; i < imgs.length; i++) { var w = imgs.item(i).width; var h = imgs.item(i).height; if (w * h > maxWidth * maxHeight) { maxHeight = h; maxWidth = w; maxImage = imgs.item(i).src; } } callback({ src: maxImage, width: maxWidth, height: maxHeight }); }); } // Looks for selections in the current document and descendent (i)frames. // Returns the *first* non-empty selection. function getSelection() { // First we check our main window and return a selection if that has one. var selection = window.getSelection(); if (selection && selection.rangeCount && !selection.isCollapsed) { return selection; } // Then we'll try our frames and iframes. var docs = []; var iframes = document.getElementsByTagName("iframe"); for (var i = 0; i < iframes.length; i++) { docs.push(iframes[i]); } var frames = document.getElementsByTagName("frame"); for (var i = 0; i < frames.length; i++) { docs.push(frames[i]); } var urlBase = document.location.href.replace(/^(https?:\/\/.*?)\/.*/i, "$1").toLowerCase(); for (var i = 0; i < docs.length; i++) { // If frames/iframes fail a same origin policy check, then they'll through annoying errors, and we wont be able // to access them anyway, so we attempt to skip anything that wont match. if (docs[i].src && docs[i].src.toLowerCase().substr(0, urlBase.length) !== urlBase) { continue; } var doc = docs[i].contentDocument; if (doc) { var frameSelection = doc.getSelection(); if (frameSelection && frameSelection.rangeCount && !frameSelection.isCollapsed) { selectionIsInFrame = true; selectionFrameElement = docs[i]; return frameSelection; } } else { Evernote.Logger.warn("iframe contained no Document object."); } } // Didn't find anything. return null; } function getUrl() { return url; } function getText(node, soFar, maxLen) { if (node.nodeType == Evernote.Node.TEXT_NODE) { var trimmed = (node.textContent) ? Evernote.JQuery.trim(node.textContent).replace(/\s+/g, " ") : ""; if (trimmed === " " || trimmed === "") return soFar; return soFar + " " + trimmed; } var banned = [ "style", "script", "noscript" ]; if (node.nodeType == Evernote.Node.ELEMENT_NODE) { if (Evernote.ArrayExtension.indexOf(banned, node.nodeName.toLowerCase()) == -1) { for (var i = 0; i < node.childNodes.length; i++) { soFar = getText(node.childNodes[i], soFar, maxLen); if (soFar.length > maxLen) { return soFar; } } } } return soFar; } function getRecommendationText() { var text = ""; var MAX_LEN = 5000; var selection = getSelection(); if (selection) { var df = selection.getRangeAt(0).cloneContents(); var div = document.createElement("div"); div.appendChild(df); text = getText(div, "", MAX_LEN); } else if (article) { text = getText(article, "", MAX_LEN); } else { text = getText(document.body, "", MAX_LEN); } text = document.title + " " + text; return text; } // Note: you must call getSelection() first to populate this field! function getSelectionFrame() { return selectionFrameElement; } function checkClearly() { var clearlyDoc = Evernote.ElementExtension.querySelector("iframe#readable_iframe"); if (clearlyDoc) clearlyDoc = clearlyDoc.contentDocument; if (clearlyDoc) clearlyDoc = Evernote.ElementExtension.querySelector("body#body div#box", clearlyDoc); if (clearlyDoc) { article = clearlyDoc; articleBoundingClientRect = Evernote.ElementExtension.getBoundingClientRect(article); } } // @TODO: This is fairly incomplete. function getFavIconUrl() { var links = document.getElementsByTagName("link"); var i; for (i = 0; i < links.length; i++) { if (links[i].rel) { var rels = links[i].rel.toLowerCase().split(/\s+/); if (Evernote.ArrayExtension.indexOf(rels, "icon") !== -1) { // Found it! return links[i].href; } } } return null; } function _getInfoRequestHandler(data, request, sender, sendResponse) { var isSelected = getSelection(); checkClearly(); var response = { containsImages: containsImages, documentWidth: documentWidth, documentHeight: documentHeight, url: url, selection: (isSelected !== null), selectionIsInFrame: selectionIsInFrame, documentLength: document.body.textContent.length, articleBoundingClientRect: articleBoundingClientRect, article: (article != null), recommendationText: getRecommendationText(), favIconUrl: getFavIconUrl(), documentIsFrameset: documentIsFrameset }; sendResponse(response); } function getInfoRequestHandler(request, sender, sendResponse) { findArticle(function(data){_getInfoRequestHandler(data, request, sender, respondWithInfo)}); } function getDocumentMode() { return documentMode; } function getCleanArticle(callback, _newPageCallback) { newPageCallback = _newPageCallback; findArticle(function() { callback(cleanArticles); }); } // Public API: this.getDefaultArticle = getDefaultArticle; this.getSelection = getSelection; this.getSelectionFrame = getSelectionFrame; this.getFavIconUrl = getFavIconUrl; //redesign this.getBiggestImage = getBiggestImage; this.getRecommendationText = getRecommendationText; this.getCleanArticle = getCleanArticle; this.getText = getText; this.getUrl = getUrl; this.getDocumentMode = getDocumentMode; } Evernote.Scroller = function Scroller( tab ) { this.initialize( tab ); }; Evernote.Scroller.prototype._tab = null; Evernote.Scroller.prototype.initialize = function ( tab ) { this._tab = tab; var scrollX = (this._tab.pageXOffset !== undefined) ? this._tab.pageXOffset : (this._tab.document.documentElement || this._tab.document.body.parentNode ||this._tab.document.body).scrollLeft; var scrollY = (this._tab.pageYOffset !== undefined) ? this._tab.pageYOffset : (this._tab.document.documentElement || this._tab.document.body.parentNode || this._tab.document.body).scrollTop; this.initialPoint = { x: scrollX, y: scrollY }; }; Evernote.Scroller.prototype.scrollTo = function ( endPoint, time, resolution ) { this.abort(); this.endPoint = endPoint; this.step = 0; this.calculatePath( time, resolution ); var self = this; this.proc = setInterval( function () { if ( !self.doScroll() ) { self.abort(); } }, resolution ); }; Evernote.Scroller.prototype.calculatePath = function ( time, resolution ) { this.path = []; var sx = this.initialPoint.x; var sy = this.initialPoint.y; var ex = this.endPoint.x; var ey = this.endPoint.y; var k = (Math.PI * resolution) / time; for ( var i = -(Math.PI / 2); i < (Math.PI / 2); i += k ) { var c = ((1 + Math.sin( i )) / 2); this.path.push( { x:(sx + c * (ex - sx)), y:(sy + c * (ey - sy)) } ); } }; Evernote.Scroller.prototype.doScroll = function () { var s = this.path[++this.step]; if ( !s ) { return false; } var view = this._tab.document.defaultView || this._tab; view.scrollTo( s.x, s.y ); return true; }; Evernote.Scroller.prototype.abort = function () { if ( this.proc ) { clearInterval( this.proc ); this.proc = null; } }; function ContentPreview() { Evernote.Logger.debug("Start creating preview box"); var contentVeil = new ContentVeil(); var screenshotVeil = new ScreenshotVeil(); Evernote.Logger.debug("End creating preview box"); // Stores a reference to the last element that we used as a preview. var previewElement = null; var article = null; var snippet = null; function buildUrlElement() { var urlEl = document.createElement("div"); urlEl.id = "evernotePreviewContainer"; var className = "yui3-cssreset"; if(Evernote.Utils.isQuirkMode()) { className += " evernote-middle-fixed-position-quirks" } urlEl.className = className; return urlEl; } Evernote.Logger.debug("Build url element"); var urlElement = buildUrlElement(); function showUrlElement() { Evernote.Logger.debug("ContentPreview: showUrlElement start"); if (!Evernote.ElementExtension.hasParentNode(urlElement)) { document.documentElement.appendChild(urlElement); } // Make sure we're centered in the window. var elStyle = Evernote.ElementExtension.getComputedStyle(urlElement, ''); var w = parseInt(Evernote.StyleElementExtension.getPropertyValue(elStyle, "width")); var h = parseInt(Evernote.StyleElementExtension.getPropertyValue(elStyle, "height")); if (isNaN(w) || isNaN(h)) { // IE8 w = Evernote.JQuery(urlElement).width(); h = Evernote.JQuery(urlElement).height(); } if (w && h) { urlElement.style.marginLeft = (0 - w / 2) + "px"; urlElement.style.marginTop = (0 - h / 2) + "px"; } Evernote.Logger.debug("ContentPreview: showUrlElement end"); } function hideUrlElement() { if (Evernote.ElementExtension.hasParentNode(urlElement)) { urlElement.parentNode.removeChild(urlElement); } } function showScreenShotArea() { clear(); screenshotVeil.show(); } function showOverlay() { previewElement = null; clear(); contentVeil.reset(); contentVeil.hideAllActiveObjects(); contentVeil.gray(); } function previewUrl() { clear(); function buildContent ( data ) { var title = PageContext.title; var url = PageContext.url; var favIconUrl = PageContext.getFavIconUrl(); snippet = data.replace(/(]+)>)/ig,""); // remove html tags from text urlElement.innerHTML = Evernote.GlobalUtils.createUrlClipContent(title, url, favIconUrl, snippet); var element = Evernote.JQuery(urlElement); if(Evernote.Utils.isQuirkMode() && !element.hasClass("evernote-fixed-position-fix")) { element.addClass("evernote-fixed-position-fix"); } showUrlElement(); contentVeil.reset(); contentVeil.hideAllActiveObjects(); contentVeil.gray(); } Evernote.ClearlyController.getClearlyArticleText( function (data) { buildContent(data._html); }); } // This doesn't remove internal state of previewElement, because another script may not have finished clipping until // after the page looks 'clear'. function clear() { contentVeil.reset(); contentVeil.hide(); screenshotVeil.hide(); hideUrlElement(); } function _previewArticle () { Evernote.Logger.debug("Start previewing article element"); if (previewElement) { var selectionFrame; if (typeof Evernote.pageInfo !== undefined) { selectionFrame = Evernote.pageInfo.getSelectionFrame(); } Evernote.Logger.debug("Selection frame selected " + selectionFrame); if (selectionFrame) { var rect = { width: selectionFrame.width, height: selectionFrame.height, top: selectionFrame.offsetTop, bottom: (selectionFrame.height + selectionFrame.offsetTop), left: selectionFrame.offsetLeft, right: (selectionFrame.width + selectionFrame.offsetLeft) }; Evernote.Logger.debug("contentVeil.revealStaticRect " + rect); contentVeil.revealStaticRect(contentVeil.expandRect(rect, -9), selectionFrame, true); Evernote.Logger.debug("contentVeil.show "); contentVeil.show(); } else { // TODO: Scroll into article view. contentVeil.outlineElement(previewElement, false, true); window.scrollTo(0, previewElement.offsetTop - 30); } } else { Evernote.Logger.warn("Couldn't find a preview element. We should switch to 'full page' mode."); } } /** * Finds and preview article element. * If reloadArticle is specified and equals to true, then discard previously found article and re-start search of article again. * Otherwise use article found on previous call (if this is the first call then article will be searched anyway). * @param reloadArticle */ function previewArticle (reloadArticle) { clear(); previewElement = null; if(reloadArticle) { article = null; } Evernote.Logger.debug("Evernote.pageinfo " + Evernote.pageInfo); if (typeof Evernote.pageInfo !== undefined) { if(!article) { previewElement = Evernote.pageInfo.getDefaultArticle(function(el){ Evernote.Logger.debug("Article element " + el.nodeName); previewElement = el; article = el; Evernote.Logger.debug("Preview article "); _previewArticle(); }); article = previewElement; } else { previewElement = article; _previewArticle(); } } else { Evernote.Logger.warn("Couldn't find a 'pageInfo' object."); } } // When nudging the preview around the page, we want to skip nodes that aren't interesting. This includes empty // nodes, containers that have identical contents to the already selected node, invisible nodes, etc. // @TODO: There's a lot more we could probably add here. function looksInteresting(candidate, given) { if (!candidate) { Evernote.Logger.warn("Can't determine if 'null' is interesting (it's probably not)."); return false; } // This is the parent of our 'HTML' tag, but has no tag itself. There's no reason it's ever more interesting than // the HTML element. if (candidate === window.document) { return false; } //Disable clip of evernote main popup if(Evernote.JQuery(candidate).closest("#evernote-content").length != 0) { return false; } // Elements with neither text nor images are not interesting. if (!candidate.textContent && (candidate.getElementsByTagName("img").length === 0)) { return false; } // Elements with 0 area are not interesting. var rect = Evernote.ElementExtension.getBoundingClientRect(candidate); if (!rect.width || !rect.height) { return false; } // Invisible elements are not interesting. var style = Evernote.ElementExtension.getComputedStyle(candidate); if ((style.visibility === "hidden") || (style.display === "none")) { return false; } // If the nodes have a parent/child relationship, then they're only interesting if their visible contents differ. if (candidate.parentNode && given.parentNode) { if ((candidate.parentNode == given) || (given.parentNode == candidate)) { if ((candidate.textContent === given.textContent) && (candidate.getElementsByTagName("img").length === given.getElementsByTagName("img").length)) { return false; } } } return true; } // Returns the current article element, which may not be the same as the auto-detected one if the user has 'nudged' // the selection around the page. function getArticleElement() { return previewElement; } function nudgePreview(direction) { Evernote.Logger.debug("nudgePreview start"); if (!previewElement) { return; } var oldPreview = previewElement; Evernote.Logger.debug("nudgePreview: direction is " + direction); Evernote.Logger.debug("nudgePreview: previewElement is " + previewElement.nodeName); switch (direction) { case "up": var temp = previewElement.parentNode; while (temp) { if (looksInteresting(temp, previewElement)) { // If we move up and then down, we want to move back to where we started, not the first child. temp.enNudgeDescendToNode = previewElement; previewElement = temp; break; } temp = temp.parentNode; } break; case "down": Evernote.Logger.debug("nudgePreview: previewElement.enNudgeDescendToNode is " + previewElement.enNudgeDescendToNode); if (previewElement.enNudgeDescendToNode) { var temp = previewElement.enNudgeDescendToNode; // @TODO: make sure we clean these up somewhere else if we never reverse our nudging. try { delete previewElement.enNudgeDescendToNode; } catch(e) { previewElement.enNudgeDescendToNode = undefined; } previewElement = temp; } else { previewElement = descendTreeUntilUniqueElement(previewElement); } break; Evernote.Logger.debug("nudgePreview: previewElement.children.length = " + previewElement.children.length); for (var i = 0; i < previewElement.children.length; i++) { Evernote.Logger.debug("nudgePreview: checking child is " + previewElement.children[i].nodeName); if (looksInteresting(previewElement.children[i], previewElement)) { Evernote.Logger.debug("nudgePreview: found interesting child" + previewElement.children[i]); previewElement = previewElement.children[i]; break; } } break; case "left": var temp = previewElement.previousElementSibling; while (temp) { if (looksInteresting(temp, previewElement)) { previewElement = temp; break; } temp = temp.previousElementSibling; } break; case "right": var temp = previewElement.nextElementSibling; while (temp) { if (looksInteresting(temp, previewElement)) { previewElement = temp; break; } temp = temp.nextElementSibling; } break; default: Evernote.Logger.warn("Unhandled nudge direction: " + direction); } // Drawing is expensive so don't bother if nothing changed. if (oldPreview !== previewElement) { Evernote.Logger.debug("nudgePreview: draw new element."); function enoughSize(elem) { var el = Evernote.JQuery(elem); var w = el.width(); var h = el.height(); return (w > 30 && h > 15) } // if (enoughSize(previewElement) === false) return; contentVeil.outlineElement(previewElement, false, true, true); article = previewElement; // TODO: scroll into Element view here (probably, attach to Expand/Contract Container window.scrollTo(0, previewElement.offsetTop - 30); } } function sameElement(a, b) { var aRect = a.getBoundingClientRect(); var bRect = b.getBoundingClientRect(); if (aRect.bottom == bRect.bottom && aRect.height == bRect.height && aRect.left == bRect.left && aRect.right == bRect.right && aRect.top == bRect.top && aRect.width == bRect.width) { return false; } else if ((a.textContent === b.textContent) && (a.getElementsByTagName("img").length === b.getElementsByTagName("img").length)) { return false; } } function descendTreeUntilUniqueElement(parent) { for (var i = 0; i < parent.children.length; i++) { if (sameElement(parent.children[i], parent)) { return descendTreeUntilUniqueElement(parent.children[i]); } else if (looksInteresting(parent.children[i], parent)) { return parent.children[i]; } } return parent; } function previewFullPage() { var borderWidth = 4; var w = document.documentElement.scrollWidth; var h = document.documentElement.scrollHeight; var rect = { bottom: (h - borderWidth), top: (borderWidth), left: (borderWidth), right: (w - borderWidth), width: (w - (2 * borderWidth)), height: (h - (2 * borderWidth)) }; clear(); contentVeil.reset(); contentVeil.revealStaticRect(rect, document.body); contentVeil.show(); contentVeil.hideAllActiveObjects(); } // Creates the union of two rectangles, which is defined to be the smallest rectangle that contains both given // rectangles. function unionRectangles(rect1, rect2) { var rect = { top: (Math.min(rect1.top, rect2.top)), bottom: (Math.max(rect1.bottom, rect2.bottom)), left: (Math.min(rect1.left, rect2.left)), right: (Math.max(rect1.right, rect2.right)) } rect.width = rect.right - rect.left; rect.height = rect.bottom - rect.top; return rect; } // Returns true if the rectangles match, false otherwise. function rectanglesEqual(rect1, rect2) { if (!rect1 && !rect2) return true; if (!rect1) return false; if (!rect2) return false; if (rect1.top != rect2.top) return false; if (rect1.bottom != rect2.bottom) return false; if (rect1.left != rect2.left) return false; if (rect1.right != rect2.right) return false; if (rect1.width != rect2.width) return false; if (rect1.height != rect2.height) return false; return true; } // If the user triple-clicks a paragraph, we will often get a selection that includes the next paragraph after the // selected one, but only up to offset 0 in that paragraph. This causes the built in getBoundingClientRect to give a // box that includes the whole trailing paragraph, even though none of it is actually selected. Instead, we'll build // our own bounding rectangle that omits the trailing box. // @TODO: Currently this computes a box that is *too big* if you pass it a range that doesn't have start and/or end // offsets that are 0, because it will select the entire beginning and ending node, instead of jsut the selected // portion. function computeAlternateBoundingBox(range) { // If the end of selection isn't at offset 0 into an element node (rather than a text node), then we just return the // original matching rectangle. if ((range.endOffset !== 0) || (range.endContainer && range.endContainer.nodeType !== Evernote.Node.ELEMENT_NODE) || ( range.startContainer && range.startContainer && range.startContainer.getBoundingClientRect) || ( range.endContainer && range.endContainer.getBoundingClientRect) || ( range.commonAncestorContainer && range.commonAncestorContainer.getBoundingClientRect) ) { var rect = range.getBoundingClientRect(); if(rect.top == 0 && rect.bottom == 0 && rect.left == 0 && rect.right == 0) { if(range.commonAncestorContainer && range.commonAncestorContainer.getBoundingClientRect) { rect = range.commonAncestorContainer.getBoundingClientRect(); } else if(range.startContainer && range.startContainer.getBoundingClientRect) { rect = range.startContainer.getBoundingClientRect(); } else if(range.endContainer && range.endContainer.getBoundingClientRect) { rect = range.endContainer.getBoundingClientRect(); } } var mutableRect = { top: rect.top, bottom: rect.bottom, left: rect.left, right: rect.right, width: rect.width, height: rect.height }; return mutableRect; } // This is the one we don't want. var endElementRect = null; try { endElementRect = Evernote.ElementExtension.getBoundingClientRect(range.endContainer); } catch(ex) { Evernote.Logger.warn("Couldn't get a bounding client rect for our end element, maybe it's a text node."); } // We look for a rectangle matching our end element, and if we find it, we don't copy it to our list to keep. // You'd think we could just grab the last element in range.getClientRects() here and trim that one, which might be // true, but the spec makes no claim that these are returned in order, so I don't want to rely on that. // We keep track if we remove a rectangle, as we're only trying to remove one for the trailnig element. If there are // more than one matching rectangle, we want to keep all but one of them. var foundEnd = false; var keptRects = []; var initialRects = range.getClientRects(); for (var i = 0; i < initialRects.length; i++) { if (rectanglesEqual(endElementRect, initialRects[i]) && !foundEnd) { foundEnd = true; } else { keptRects.push(initialRects[i]); } } // Now compute our new bounding box and return that. if (keptRects.length == 0) return Evernote.ElementExtension.getBoundingClientRect(range); if (keptRects.length == 1) return keptRects[0]; var rect = keptRects[0]; for (var i = 1; i < keptRects.length; i++) { rect = unionRectangles(rect, keptRects[i]); } return rect; } // If every edge of the rectangle is in negative space, function rectIsOnScreen(rect) { // rtl pages have actual content in "negative" space. This case could be handled better. if (document.dir == "rtl") { return false; } // If both top and bottom are in negative space, we can't see this. if (rect.bottom < 0 && rect.top < 0) { return false; } // Or, if both left and right are in negative space, we can't see this. if (rect.left < 0 && rect.right < 0) { return false; } // Probably visible. return true; } function applyElementRect(element, rect) { var newRect = rect; var tempRect = Evernote.ElementExtension.getBoundingClientRect(element); tempRect = { bottom: tempRect.bottom + window.pageYOffset, height: tempRect.height, left: tempRect.left + window.pageXOffset, right: tempRect.right + window.pageXOffset, top: tempRect.top + window.pageYOffset, width: tempRect.width }; // Skip elements that are positioned off screen. if (!rectIsOnScreen(tempRect)) { return newRect; } var cs = getComputedStyle(element); // We won't descend into hidden elements. if (cs.display == "none") { return newRect; } // don't union a big rectangle that has hidden overflow if (cs.overflowX == "hidden" || cs.overflowY == "hidden") { return newRect; } // We skip anything with an area of one px or less. This is anything that has "display: none", or single pixel // images for loading ads and analytics and stuff. Most hidden items end up at 0:0 and will stretch our rectangle // to the top left corner of the screen if we include them. Sometimes single pixels are deliberately placed off // screen. if ((tempRect.width * tempRect.height) > 1) { newRect = unionRectangles(tempRect, rect); } if (element.children) { for (var i = 0; i < element.children.length; i++) { newRect = applyElementRect(element.children[i], newRect); } } return newRect; } // In the case of positioned elements, a bounding box around an element doesn't necessarily contain its child // elements, so we have this method to combine all of these into one bigger box. ContentVeil calls this function. function computeDescendantBoundingBox(element) { if (!element) return {top: 0, bottom: 0, left: 0, right: 0, width: 0, height: 0}; var rect = element.getBoundingClientRect(); var li = rect.top + window.pageYOffset return applyElementRect(element, { bottom: rect.bottom + window.pageYOffset, height: rect.height, left: rect.left + window.pageXOffset, right: rect.right + window.pageXOffset, top: rect.top + window.pageYOffset, width: rect.width }); } function previewSelection(sel) { var selection; var selectionFrame; if(sel) { selection = sel; } else if (typeof Evernote.pageInfo !== undefined) { selection = Evernote.pageInfo.getSelection(); // If our selection is in a frame or iframe, we'll compute an offset relative to that, so we need to adjust it by // the offset of the frame. selectionFrame = Evernote.pageInfo.getSelectionFrame(); } contentVeil.reset(); var frameRect = null; if (selectionFrame) { frameRect = Evernote.ElementExtension.getBoundingClientRect(selectionFrame); } var range, rect, i; // If !selection, then something has gone awry. if (selection) { clear(); contentVeil.reset(); // We attempt to highlight each selection, but this hasn't been tested for more than a single selection. for (i = 0; i < Evernote.Utils.Selection.getRangeCount(selection); i++) { range = Evernote.Utils.Selection.getRangeAt(selection, i); rect = computeAlternateBoundingBox(range); rect.top += document.documentElement.scrollTop; rect.bottom += document.documentElement.scrollTop; rect.left += document.documentElement.scrollLeft; rect.right += document.documentElement.scrollLeft; // Actual adjustment mentioned earlier regarding frames. if (frameRect) { rect.left += frameRect.left; rect.right += frameRect.left; rect.top += frameRect.top; rect.bottom += frameRect.top; } contentVeil.revealStaticRect(rect, selectionFrame, false); contentVeil.show(); } } contentVeil.show(); contentVeil.hideAllActiveObjects(); } function getSnippetText() { return snippet; } // Public API: this.getArticleElement = getArticleElement; this.looksInteresting = looksInteresting; this.computeDescendantBoundingBox = computeDescendantBoundingBox; this.previewArticle = previewArticle; this.previewFullPage = previewFullPage; this.previewSelection = previewSelection; this.previewUrl = previewUrl; this.clear = clear; this.previewNudge = nudgePreview; this.showOverlay = showOverlay; this.getSnippetText = getSnippetText; this.showScreenShotArea = showScreenShotArea; } Evernote.ElementExtension = { querySelector : function(selector, doc) { if(!doc) { doc = document; } if(doc.querySelector) { return doc.querySelector(selector); } else { var head = doc.documentElement.firstChild; var styleTag = doc.createElement("STYLE"); head.appendChild(styleTag); doc.__qsResult = []; styleTag.styleSheet.cssText = selector + "{x:expression(document.__qsResult.push(this))}"; window.scrollBy(0, 0); head.removeChild(styleTag); var result = []; for (var i in doc.__qsResult) result.push(doc.__qsResult[i]); return result; } }, getComputedStyle : function(element, pseudoElement, win) { var pseudo = pseudoElement; var target = win; if(!target) target = window; if(!pseudo) { pseudo = null; } if(target.getComputedStyle) return target.getComputedStyle(element, pseudo); if(element.currentStyle) { try { var fixedElement = Evernote.Utils.cloneObject(element.currentStyle); fixedElement['fontSize'] = Evernote.Utils.getIEComputedStyle(element, 'fontSize'); return fixedElement; } catch (err) { return element.currentStyle; } } return null; }, hasParentNode : function(element) { return element.parentNode && element.parentNode.nodeType != 9 && element.parentNode.nodeType != 11; }, getBoundingClientRect : function(element) { if(element && element.getBoundingClientRect) { var rect = element.getBoundingClientRect(); var width = rect.width || element.offsetWidth || element.boundingWidth; var height = rect.height || element.offsetHeight || element.boundingHeight; return { left : rect.left, right : rect.right, top : rect.top, bottom : rect.bottom, width : width, height : height } } return null; }, hasAttribute : function(node, attrName) { if(node) { if(node.hasAttribute) { return node.hasAttribute(attrName); } if(node.attributes) { var attrValue = node.attributes[attrName]; return typeof attrValue != typeof undefined; } } } }; Evernote.ArrayExtension = { indexOf : function(element, searchStr) { if(!element) { return -1; } if (element.indexOf) return element.indexOf(searchStr); for(var i = 0; i < element.length; i++) { if(element[i] == searchStr) return i; } return -1; }, containsCaseIgnore : function(element, searchStr) { if(!element) { return false; } for(var i = 0; i < element.length; i++) { if(element[i].toLowerCase() == searchStr.toLowerCase()) return true; } return false; }, remove : function(arr, element) { var elementPosition = Evernote.ArrayExtension.indexOf(arr, element); if(elementPosition != -1) { var rest = arr.slice(elementPosition + 1 || arr.length); arr.length = elementPosition; return arr.push.apply(arr, rest); } }, filter : function(arr, fun) { var len = arr.length >>> 0; if (typeof fun != "function") throw new TypeError(); var res = []; var thisp = arguments[1]; for (var i = 0; i < len; i++) { if (i in arr) { var val = arr[i]; if (fun.call(thisp, val, i, arr)) { res.push(val); } } } return res; } }; Evernote.StyleElementExtension = { getPropertyValue : function(styleObj, propertyName) { var props = propertyName; if(!(props instanceof Array)) { props = [propertyName]; } Evernote.Logger.debug("Evernote.StyleElementExtension.getPropertyValue: number of properties to check " + props.length); for(var i = 0; i < props.length; i++) { var propName = props[i]; Evernote.Logger.debug("Evernote.StyleElementExtension.getPropertyValue: property name is " + propName); var val; if(styleObj.getPropertyValue) { val = styleObj.getPropertyValue(propName); Evernote.Logger.debug("Evernote.StyleElementExtension.getPropertyValue: value from getPropertyValue is " + val); if(val) return val; } val = styleObj[propName]; Evernote.Logger.debug("Evernote.StyleElementExtension.getPropertyValue: value from styleObj " + val); if(val) return val; } } }; Evernote.GlobalUtils = {}; (function(){ var urlMatcher = /^(.*?):\/\/((www\.)?(.*?))(:\d+)?(\/.*?)(\?.*)?$/; var BAD_FAV_ICON_URLS = {" 1) { for(var i = 1; i < xmlDom.length - 1; i += 2) { var notebook = Evernote.JQuery(xmlDom[i]); var notebookObj = Evernote.NotebookResponseParser.createNotebook(type, notebook); if(notebookObj) { result.push(notebookObj); } } } return new Evernote.Response("notebooks", result); }, createNotebook : function(type, notebook) { var notebookType; var notebookTypeText; switch (type) { case "personal": notebookType = Evernote.NotebookTypes.PERSONAL; notebookTypeText = Evernote.NotebookTypes.PERSONAL_TEXT; break; case "business": notebookType = Evernote.NotebookTypes.BUSINESS; notebookTypeText = Evernote.NotebookTypes.BUSINESS_TEXT; break; case "linked": notebookType = Evernote.NotebookTypes.LINKED; notebookTypeText = Evernote.NotebookTypes.LINKED_TEXT; break; } var hidden = false; var writableAttrValue = notebook.attr("writable"); if (notebookType == Evernote.NotebookTypes.BUSINESS) { return null } if(notebookType == Evernote.NotebookTypes.LINKED) { var business = notebook.attr("business"); if(business && ((business | 0) == 1)) { notebookType = Evernote.NotebookTypes.BUSINESS; notebookTypeText = Evernote.NotebookTypes.BUSINESS_TEXT; } } if(notebookType == Evernote.NotebookTypes.LINKED || notebookType == Evernote.NotebookTypes.BUSINESS) { if(!writableAttrValue || (writableAttrValue | 0) != 1) { if(notebookType == Evernote.NotebookTypes.LINKED) return null; else { hidden = true; } } } var owner = notebook.attr("owner"); if (owner && owner == Evernote.evernotePopup._user) owner = undefined; return new Evernote.Notebook( notebookType, notebook.attr("name"), notebook.attr("uid"), notebook.attr("stack"), owner, hidden, notebookTypeText ); }, canParse: function(str) { var request = Evernote.JQuery(str).attr("request"); return (request && (request == "get_notebooks")); } }; Evernote.ResponseReceiver.registerParser(Evernote.NotebookResponseParser); Evernote.AddNoteResponseParser = { parse : function(str) { Evernote.Logger.debug("AddNoteResponseParser: response" + str); var xmlDom = Evernote.JQuery(str); var result = xmlDom.attr("notebook_name"); return new Evernote.Response("clipped", result); }, canParse: function(str) { var request = Evernote.JQuery(str).attr("request"); return request && (request == "add_note"); } }; Evernote.ResponseReceiver.registerParser(Evernote.AddNoteResponseParser); Evernote.ErrorResponseParser = { parse : function(str) { Evernote.Logger.warn("Received error " + str); var error = Evernote.JQuery(str); var errorCode = error.attr("code"); var errorMessage = null; var problem = null; if(error.length == 1) { var problems = error.find("problem"); if(problems && problems.length > 0) { problem = Evernote.JQuery(problems[0]); } } else if(error.length > 2) { errorMessage = error[2].toString(); } if(problem) { errorMessage = problem.text(); } else if(!errorMessage) { errorMessage = error.attr("details"); } switch (errorCode) { case Evernote.ErrorCodes.AUTHENTICATION_ERROR : errorMessage = Evernote.Addin.getLocalizedMessage(Evernote.Messages.LOGIN_FAILED); break; case Evernote.ErrorCodes.CLIP_ERROR : errorMessage = Evernote.Addin.getLocalizedMessage(Evernote.Messages.CLIP_FAILED_TITLE) + "\n" + errorMessage; } var msg = { message: errorMessage, code: errorCode }; return new Evernote.Response("error", msg); }, canParse: function(str) { var request = Evernote.JQuery(str).get(0); return (request && (request.nodeName == "ERROR")); } }; Evernote.ResponseReceiver.registerParser(Evernote.ErrorResponseParser); Evernote.ErrorHandler = { getHandler: function() { return [Evernote.Addin, Evernote.evernotePopup, Evernote.evernotePostClipPopup, Evernote.AlertErrorHandler]; }, onDataReceived : function(response) { if(response.type) { if(response.type == "error") { this.notifyHandlers(response.data); } } }, notifyHandlers : function(error) { for(var i = 0; i < this.getHandler().length; i++) { var handler = this.getHandler()[i]; if(handler && handler.processError && handler.processError(error)) { return; } } } }; Evernote.ResponseReceiver.subscribe(Evernote.ErrorHandler); Evernote.Response = function(type, data) { this.type = type; this.data = data; }; Evernote.FS = { _addon : null, init : function(addon) { this._addon = addon; }, /** * Write content to the specified path. * @param content - content, that should be written to */ writeOptionsToFile : function(content) { if (!this._addon) return; try { this._addon.WriteOptionsContent(content ); } catch (e) { Evernote.Logger.error( "FS.writeOptionsToFile() failed " + e ); } }, /** * Read content of the file specified by path. * @return {string} - content of the file */ getOptionsFileContent : function() { if (!this._addon) return null; try { return this._addon.ReadOptionsContent(); } catch (e) { Evernote.Logger.error( "FS.getOptionsFileContent() failed " + e ); } return null; } }; //"use strict"; Evernote.AbstractElementSerializer = function AbstractElementSerializer( node, nodeStyle ) { this.initialize( node, nodeStyle ); }; Evernote.AbstractElementSerializer.isResponsibleFor = function( /*navigator*/ ) { return false; }; Evernote.AbstractElementSerializer.prototype._node = null; Evernote.AbstractElementSerializer.prototype._nodeStyle = null; Evernote.AbstractElementSerializer.prototype.handleInheritance = function( child/*, parent */) { Evernote.ElementSerializerFactory.ClassRegistry.push( child ); }; Evernote.AbstractElementSerializer.prototype.initialize = function( node, nodeStyle ) { this._node = node; this._nodeStyle = nodeStyle; }; Evernote.AbstractElementSerializer.prototype.serialize = function( /*docBase*/ ) { return ""; }; Evernote.AbstractElementSerializer.prototype.getImageUrl = function() { return ""; }; //"use strict"; Evernote.ElementSerializerFactory = { getImplementationFor : function( node ) { for ( var i = 0; i < this.ClassRegistry.length; ++i ) { if ( this.ClassRegistry[ i ].isResponsibleFor( node ) ) { return this.ClassRegistry[ i ]; } } return null; } }; Evernote.ElementSerializerFactory.ClassRegistry = [ ]; //"use strict"; Evernote.ClipStylingStrategy = function ClipStylingStrategy( ) { this.initialize( ); }; Evernote.ClipStylingStrategy.prototype.initialize = function( ) { }; Evernote.ClipStylingStrategy.prototype.styleForNode = function( /*node, root, fullPage, clipStyleType*/ ) { return null; }; Evernote.ClipStylingStrategy.prototype.getNodeView = function ( node ) { var doc = node.ownerDocument; return (doc.defaultView) ? doc.defaultView : null; }; Evernote.ClipStylingStrategy.prototype.getNodeStyle = function( node, filterFn, pseudo ) { Evernote.Logger.debug( "ClipStylingStrategy.getNodeStyle()" ); var style = new Evernote.ClipStyle(); if ( pseudo != "" ) { return style; } if ( node && typeof node.nodeType == 'number' && node.nodeType == 1 ) { var view = this.getNodeView( node ); style = new Evernote.ClipStyle( Evernote.ElementExtension.getComputedStyle( node, null, view ), filterFn ); } return style; }; Evernote.ClipStyleType = { NodeStyle : 0x01, InheritedFontStyle: 0x02, InheritedBgStyle: 0x04, AllStyle : 0x01 | 0x02 | 0x04, Default : 0x01 | 0x02 }; Evernote.ClipFullStylingStrategy = function ClipFullStylingStrategy( ) { this.initialize( ); }; Evernote.inherit( Evernote.ClipFullStylingStrategy, Evernote.ClipStylingStrategy, true ); Evernote.ClipFullStylingStrategy.prototype.styleForNode = function ( node, root, fullPage, clipStyleType ) { Evernote.Logger.debug( "ClipStylingStrategy.styleForNode()" ); if ( clipStyleType == null ) { clipStyleType = Evernote.ClipStyleType.Default; } var bodyStyles = new Evernote.ClipStyle( [ ], function ( prop, value ) { return value != "" } ); var inhFontStyles = new Evernote.ClipStyle( [ ] ); var inhBgStyles = [ ]; if ( (clipStyleType & Evernote.ClipStyleType.NodeStyle) == Evernote.ClipStyleType.NodeStyle ) { Evernote.Logger.debug( "ClipStylingStrategy.styleForNode(): get node style" ); try { if ( node.nodeName.toLowerCase() == "body" ) { for ( var attrName in Evernote.ClipStyle.STYLE_ATTRIBUTES ) { if ( Evernote.ElementExtension.hasAttribute(node, attrName) ) { var cssPropName = Evernote.ClipStyle.STYLE_ATTRIBUTES[ attrName ]; var style = { }; style[ cssPropName ] = node.getAttribute( attrName ); bodyStyles.addStyle( style ); } } } } catch(e) { Evernote.Logger.error("ClipFullStylingStrategy.styleForNode failed to get attributes from body due to error " + e); } var evaluatedStyles = this.getNodeStyle( node ); if ( node.nodeName.toLowerCase() == "table" && !evaluatedStyles.getStyle( "font-size" ) ) { evaluatedStyles.addStyle( {"font-size":"1em"} ); } if ( node.nodeName.toLowerCase() == "img" ) { style = new Evernote.ClipStyle( Evernote.ElementExtension.getComputedStyle( node, null, this.getNodeView( node ) ), function ( prop, value ) { return value != "" } ); evaluatedStyles.addStyle( { height:style.getStyle( "height" ) } ); evaluatedStyles.addStyle( { width:style.getStyle( "width" ) } ); } if ( evaluatedStyles.getStyle( "background-image" ) ) { var regExp = /url\((.*?)\)/; evaluatedStyles.addStyle( { "background-image": Evernote.StyleElementExtension.getPropertyValue(Evernote.ElementExtension.getComputedStyle( node, null, this.getNodeView( node ) ), Evernote.IEStylePropertiesMapping.getPropertyNameFor("background-image") ).replace( regExp, "url('$1')").replace(/('")|("')|('')/g, "'")} ); } if ( evaluatedStyles.getStyle( "height" ) == "100%" && Evernote.StyleElementExtension.getPropertyValue(Evernote.ElementExtension.getComputedStyle( node, null, this.getNodeView( node ) ), "height" ) == "0px" ) { evaluatedStyles.addStyle( { height:"0px" } ); } bodyStyles.mergeStyle( evaluatedStyles, true ); } if ( node == root && !fullPage ) { if ( (clipStyleType & Evernote.ClipStyleType.InheritedFontStyle) == Evernote.ClipStyleType.InheritedFontStyle ) { Evernote.Logger.debug( "ClipStylingStrategy.styleForNode(): get inherited font style" ); inhFontStyles = this.inheritFontForNode( node, true ); Evernote.Logger.debug( "ClipStylingStrategy.styleForNode(): inherited fonts " ); } if ( (clipStyleType & Evernote.ClipStyleType.InheritedBgStyle) == Evernote.ClipStyleType.InheritedBgStyle ) { Evernote.Logger.debug( "ClipStylingStrategy.styleForNode(): get inherited bg style" ); inhBgStyles = this.inheritBackgroundForNode( node, true ); } } bodyStyles.mergeStyle( inhFontStyles, true ); return { nodeStyle:bodyStyles, inheritedFonts:inhFontStyles, inheritedBackground:inhBgStyles, evaluated:bodyStyles }; }; Evernote.ClipFullStylingStrategy.prototype.getNodeStyle = function ( node, filterFn, pseudo ) { Evernote.Logger.debug( "ClipStylingStrategy.getNodeStyle()" ); if ( pseudo == null || typeof pseudo == "undefined" ) { pseudo = ""; } var style = new Evernote.ClipStyle([ ], filterFn); Evernote.Logger.debug( "Pseudo : " + pseudo ); if ( pseudo == "" && node && typeof node.nodeType == 'number' && node.nodeType == 1 ) { var view = this.getNodeView( node ); style = new Evernote.ClipStyle( Evernote.ElementExtension.getComputedStyle( node, null, view ), filterFn ); } return style; }; Evernote.ClipFullStylingStrategy.prototype.inheritFontForNode = function ( node, recur ) { Evernote.Logger.debug( "ClipFullStylingStrategy.inheritFontForNode()" ); var fontStyle = new Evernote.ClipStyle(); if ( !node ) { return fontStyle; } var parent = node; var styles = [ ]; var nodes = [ ]; var dynamicUnit = ["%", "em"]; var sizeUnitRegExp = /(.*?)(em|%|px|pt)/; while ( parent ) { nodes.push( parent ); styles.push( new Evernote.ClipStyle( this.getNodeStyle( parent ), function ( prop, value ) { return (Evernote.ArrayExtension.indexOf(Evernote.ClipStyle.INHERITED_STYLES, prop ) > 0 && value != "inherit" ); } ) ); Evernote.Logger.debug( "Inh parent style:" + styles[styles.length - 1].toString() ); if ( !recur || parent == document.body ) { break; } else { parent = parent.parentElement; } } //merge styles starting from low-priority parent styles Evernote.Logger.debug( "Styles inh for processing:" + (styles.length - 1) ); for ( var i = styles.length - 1; i >= 0; i-- ) { var style = styles[ i ]; var fontSize = fontStyle.getStyle( "font-size" ); var overFontStyle = style.getStyle( "font-size" ); Evernote.Logger.debug( "fontSize:" + fontSize + " ;overFontStyle: " + overFontStyle ); if ( fontSize && overFontStyle ) { var resFontSize = fontSize.match( sizeUnitRegExp ); if ( resFontSize == null ) { continue; } var sizeVal = resFontSize[1]; var sizeUnit = resFontSize[2]; var resOverFontSize = overFontStyle.match( sizeUnitRegExp ); if ( resOverFontSize == null ) { continue; } var overSizeVal = resOverFontSize[1]; var overSizeUnit = resOverFontSize[2]; if ( Evernote.ArrayExtension.indexOf(dynamicUnit, overSizeUnit ) != -1 ) { if ( overSizeUnit == "%" ) { style.addStyle( { "font-size":(parseFloat( sizeVal ) * parseFloat( overSizeVal ) / 100).toString() + sizeUnit } ); } else { style.addStyle( { "font-size":(parseFloat( sizeVal ) * parseFloat( overSizeVal )).toString() + ((sizeUnit != "em") ? sizeUnit : overSizeUnit) } ); } } Evernote.Logger.debug( "Style: " + i + " ;Eval inh style:" + style.toString() ); } fontStyle.mergeStyle( style, true ); } return fontStyle; }; Evernote.ClipFullStylingStrategy.prototype.inheritBackgroundForNode = function ( node, recur ) { Evernote.Logger.debug( "ClipFullStylingStrategy.inheritBackgroundForNode()" ); var bgStyle = new Evernote.ClipStyle(); if ( !node ) { return bgStyle; } var parent = node; var styles = [ ]; var nodes = [ ]; var topElement = (document.body.parentNode) ? document.body.parentNode : document.body; try { while ( parent ) { nodes.push( parent ); var filterFn = function ( prop, value ) { return !(prop == "background-repeat" && (value == "no-repeat" || value == "repeat-y")); }; var nodeStyle = new Evernote.ClipStyle( this.getNodeStyle( parent ), filterFn, Evernote.ClipStyle.CSS_GROUP.getExtForStyle( "background" ) ); if ( !nodeStyle.getStyle( "background-repeat" ) ) { nodeStyle.removeStyle( "background-image" ); } if ( !nodeStyle.getStyle( "background-color" ) && parent.getAttribute( "bgcolor" ) ) { Evernote.Logger.debug( "Set bgcolor attribute: " + parent.getAttribute( "bgcolor" ) ); nodeStyle.addStyle( {"background-color":parent.getAttribute( "bgcolor" )} ); } nodeStyle = this.evalBgPosition( node, parent, nodeStyle ); if ( nodeStyle.getStylesNames().length > 0 ) { styles.push( nodeStyle ); Evernote.Logger.debug( "Add inh bg style " + nodeStyle.toString() ); } if ( !recur || parent == topElement ) { break; } else { parent = parent.parentNode; } } } catch(e) { Evernote.Logger.error("ClipFullStylingStrategy.prototype.inheritBackgroundForNode failed to error " + e); } return styles; }; Evernote.ClipFullStylingStrategy.prototype.evalBgPosition = function ( node, inhNode, nodeBgStyle ) { Evernote.Logger.debug( "Dettermining background image offset" ); var strPosToPercent = { "center":"50%", "top":"0%", "bottom":"100%", "right":"100%", "left":"0%" }; var regExp = /url\((.*?)\)/; var bgImage = nodeBgStyle.getStyle( "background-image" ); if ( !regExp.test( nodeBgStyle.getStyle( "background-image" ) ) || (bgImage && nodeBgStyle.getStyle( "background-image" ).indexOf( "data:image" ) >= 0) ) { Evernote.Logger.debug( "bgStyle: " + nodeBgStyle.toString() ); return nodeBgStyle; } nodeBgStyle.addStyle( { "background-image": Evernote.StyleElementExtension.getPropertyValue(Evernote.ElementExtension.getComputedStyle( inhNode, null, this.getNodeView( inhNode ) ), Evernote.IEStylePropertiesMapping.getPropertyNameFor("background-image") ).replace( regExp, "url('$1')" ) } ); var actualImage = new Image(); actualImage.src = nodeBgStyle.getStyle( "background-image" ).match( regExp )[ 1 ].replace( /["']/g, "" ); var bgNodeRect = this.getOffsetRect( inhNode ); var nodeRect = this.getOffsetRect( node ); var yDelta = nodeRect.top - bgNodeRect.top; var xDelta = nodeRect.left - bgNodeRect.left; var bgNodeBgPosX = 0; var bgNodeBgPosY = 0; var origPosX = 0; var origPosY = 0; if ( nodeBgStyle.getStyle( "background-position" ) ) { var bgPosition = nodeBgStyle.getStyle( "background-position" ).split( " " ); bgNodeBgPosX = strPosToPercent[bgPosition[ 0 ]] != null ? strPosToPercent[bgPosition[ 0 ]] : bgPosition[ 0 ]; bgNodeBgPosY = strPosToPercent[bgPosition[ 1 ]] != null ? strPosToPercent[bgPosition[ 1 ]] : bgPosition[ 1 ]; if ( bgNodeBgPosX && bgNodeBgPosX.indexOf( "%" ) > 0 ) { origPosX = parseInt( bgNodeRect.width ) * (parseInt( bgNodeBgPosX ) / 100); origPosX -= parseInt(actualImage.width) * (parseInt(bgNodeBgPosX) / 100); } else { origPosX = parseInt( bgNodeBgPosX ); } if ( bgNodeBgPosY && bgNodeBgPosY.indexOf( "%" ) > 0 ) { origPosY = parseInt( bgNodeRect.height ) * (parseInt( bgNodeBgPosY ) / 100); origPosY -= parseInt(actualImage.height) * (parseInt(bgNodeBgPosY) / 100); } else { origPosY = parseInt( bgNodeBgPosY ); } } if ( isNaN( origPosX ) ) { origPosX = 0; } if ( isNaN( origPosY ) ) { origPosY = 0; } var xOffset = 0 - xDelta + origPosX; var yOffset = 0 - yDelta + origPosY; nodeBgStyle.addStyle( { "background-position":(xOffset + "px " + yOffset + "px") } ); Evernote.Logger.debug( "bgStyle: " + nodeBgStyle.toString() ); return nodeBgStyle; }; Evernote.ClipFullStylingStrategy.prototype.getOffsetRect = function ( elem ) { Evernote.Logger.debug( "ClipCSSStyleWalker.getOffsetRect()" ); var box = Evernote.ElementExtension.getBoundingClientRect(elem); var body = elem.ownerDocument.body; var docElem = elem.ownerDocument.documentElement; var scrollTop = window.pageYOffset || docElem.scrollTop || body.scrollTop; var scrollLeft = window.pageXOffset || docElem.scrollLeft || body.scrollLeft; var clientTop = docElem.clientTop || body.clientTop || 0; var clientLeft = docElem.clientLeft || body.clientLeft || 0; var top = box.top + scrollTop - clientTop; var left = box.left + scrollLeft - clientLeft; return { top:Math.round( top ), left:Math.round( left ), width:box.width, height:box.height }; }; //"use strict"; Evernote.ClipRules = { isNoKeepNodeAttr : function( attribute, nodeName, node ) { if ( !attribute ) { return true; } var attrName = attribute.name.toLowerCase(); var attrValue = attribute.value.toLowerCase(); if((node.nodeName.toUpperCase() == "SPAN" || node.nodeName.toUpperCase() == "A") && node.getElementsByTagName( "IMG" ).length > 0) { nodeName = "div"; } var attributesToKeepForNode = this.KEEP_NODE_ATTRIBUTES[nodeName]; if(attributesToKeepForNode) { var keepAttributeForNode = typeof attributesToKeepForNode[attrName] != 'undefined'; } return typeof this.NOKEEP_NODE_ATTRIBUTES[ attrName ] != 'undefined' || !keepAttributeForNode || attrName.substring( 0, 2 ) == "on" || attrName.indexOf("xml") == 0 || attrValue.indexOf("function(") >= 0 || (attrName == "href" && attrValue.substring( 0, 11 ) == "javascript:"); }, isConditionalNode : function( node ) { return node && typeof this.CONDITIONAL_NODES[ node.nodeName.toUpperCase() ] != 'undefined'; }, translateNode : function( node ) { var nodeName = this.NODE_NAME_TRANSLATIONS[ node.nodeName.toUpperCase() ] || node.nodeName.toUpperCase(); return (typeof this.SUPPORTED_NODES[ nodeName ] != "undefined") ? nodeName.toLowerCase() : this.NODE_NAME_TRANSLATIONS[ "*" ].toLowerCase(); }, isSupportedNode : function( node ) { return node && typeof this.SUPPORTED_NODES[ node.nodeName.toUpperCase() ] != 'undefined'; }, isRejectedNode : function( node ) { return node && typeof this.REJECTED_NODES[ node.nodeName.toUpperCase() ] != 'undefined'; }, isNonAncestorNode : function( node ) { return node && typeof this.NON_ANCESTOR_NODES[ node.nodeName.toUpperCase() ] != 'undefined'; }, isSelfClosingNode : function( node ) { return node && typeof this.SELF_CLOSING_NODES[ node.nodeName.toUpperCase() ] != 'undefined'; } }; Evernote.ClipRules.KEEP_NODE_ATTRIBUTES = { "a" : { "title": null, "dir" : null, "accesskey": null, "charset": null, "type": null, "name": null, "href": null, "hreflang": null, "rel": null, "rev": null, "shape": null, "coords": null, "target": null }, "abbr" : { "title": null, "dir" : null }, "acronym" : { "title": null, "dir" : null }, "address" : { "title": null, "dir" : null }, "area" : { "title": null, "dir" : null, "accesskey": null, "shape": null, "coords": null, "href": null, "nohref": null, "alt": null, "target": null }, "b" : { "title": null, "dir" : null }, "bdo" : { "title": null, "dir" : null }, "big" : { "title": null, "dir" : null }, "blockquote" : { "title": null, "dir" : null, "cite": null }, "br" : { "title": null, "clear": null }, "caption" : { "title": null, "dir" : null, "align": null }, "center" : { "title": null, "dir" : null }, "cite" : { "title": null, "dir" : null }, "code" : { "title": null, "dir" : null }, "col" : { "title": null, "dir" : null, "span" : null, "width" : null, "align" : null, "char" : null, "charoff" : null, "valign" : null }, "colgroup" : { "title": null, "dir" : null, "span" : null, "width" : null, "align" : null, "char" : null, "charoff" : null, "valign" : null }, "dd" : { "title": null, "dir" : null }, "del" : { "title": null, "dir" : null, "cite" : null, "datetime" : null }, "dfn" : { "title": null, "dir" : null }, "div" : { "title": null, "dir" : null, "align" : null }, "dl": { "title": null, "dir" : null, "compact" : null }, "dt": { "title": null, "dir" : null }, "em": { "title": null, "dir" : null }, "font": { "title": null, "dir" : null, "size" : null, "color" : null, "face" : null }, "h1": { "title": null, "dir" : null, "align" : null }, "h2": { "title": null, "dir" : null, "align" : null }, "h3": { "title": null, "dir" : null, "align" : null }, "h4": { "title": null, "dir" : null, "align" : null }, "h5": { "title": null, "dir" : null, "align" : null }, "h6": { "title": null, "dir" : null, "align" : null }, "hr": { "title": null, "dir" : null, "align" : null, "noshade" : null, "size" : null, "width" : null }, "i": { "title": null, "dir" : null }, "img": { "title": null, "dir" : null, "src" : null, "alt" : null, "name" : null, "longdesc" : null, "height" : null, "width" : null, "usemap" : null, "ismap" : null, "align" : null, "border" : null, "hspace" : null, "vspace" : null }, "en-media": { "type" : null, "hash" : null, "title" : null, "dir" : null, "alt" : null, "longdesc" : null, "height" : null, "width" : null, "usemap" : null, "align" : null, "border" : null, "hspace" : null, "vspace" : null }, "ins": { "title": null, "dir" : null, "cite" : null, "datetime" : null }, "kbd": { "title": null, "dir" : null }, "li": { "title": null, "dir" : null, "type" : null, "value" : null }, "map": { "dir" : null, "title" : null, "name" : null }, "ol": { "title" : null, "dir" : null, "type" : null, "compact" : null, "start" : null }, "p": { "title" : null, "dir" : null, "align" : null }, "pre": { "title" : null, "dir" : null, "width" : null }, "s": { "title" : null, "dir" : null }, "samp": { "title" : null, "dir" : null }, "small": { "title" : null, "dir" : null }, "span": { "title" : null, "dir" : null }, "strike": { "title" : null, "dir" : null }, "strong": { "title" : null, "dir" : null }, "sub": { "title" : null, "dir" : null }, "sup": { "title" : null, "dir" : null }, "table": { "title" : null, "dir" : null, "summary" : null, "width" : null, "border" : null, "cellspacing" : null, "cellpadding" : null, "align" : null, "bgcolor" : null }, "tbody": { "title" : null, "dir" : null, "align" : null, "char" : null, "charoff" : null, "valign" : null }, "td": { "title" : null, "dir" : null, "align" : null, "char" : null, "charoff" : null, "valign" : null, "abbr" : null, "rowspan" : null, "colspan" : null, "nowrap" : null, "bgcolor" : null, "width" : null, "height" : null }, "tfoot": { "title" : null, "dir" : null, "align" : null, "char" : null, "charoff" : null, "valign" : null }, "th": { "title" : null, "dir" : null, "align" : null, "char" : null, "charoff" : null, "valign" : null, "abbr" : null, "rowspan" : null, "colspan" : null, "nowrap" : null, "bgcolor" : null, "width" : null, "height" : null }, "thead": { "title" : null, "dir" : null, "align" : null, "char" : null, "charoff" : null, "valign" : null }, "tr": { "title" : null, "dir" : null, "align" : null, "char" : null, "charoff" : null, "valign" : null, "bgcolor" : null }, "tt": { "title" : null, "dir" : null }, "u": { "title" : null, "dir" : null }, "ul": { "title" : null, "dir" : null, "type" : null, "compact" : null }, "var": { "title" : null, "dir" : null } }; Evernote.ClipRules.NOKEEP_NODE_ATTRIBUTES = { "style" : null, "tabindex" : null }; Evernote.ClipRules.CONDITIONAL_NODES = { "EMBED" : null, "OBJECT" : null, "IMG" : null, "VIDEO" : null }; Evernote.ClipRules.NODE_NAME_TRANSLATIONS = { "HTML" : "DIV", "BODY" : "DIV", "FORM" : "DIV", "CANVAS" : "DIV", "CUFON" : "DIV", "EMBED" : "IMG", "BUTTON" : "SPAN", "INPUT" : "SPAN", "LABEL" : "SPAN", "BDI" : "SPAN", "IMG" : "EN-MEDIA", "*" : "DIV" }; Evernote.ClipRules.SUPPORTED_NODES = { "A" : null, "ABBR" : null, "ACRONYM" : null, "ADDRESS" : null, "AREA" : null, "B" : null, "BUTTON" : null, "BDO" : null, "BIG" : null, "BLOCKQUOTE" : null, "BR" : null, "CAPTION" : null, "CENTER" : null, "CITE" : null, "CODE" : null, "COL" : null, "COLGROUP" : null, "DD" : null, "DEL" : null, "DFN" : null, "DIV" : null, "DL" : null, "DT" : null, "EM" : null, "FONT" : null, "FORM" : null, "H1" : null, "H2" : null, "H3" : null, "H4" : null, "H5" : null, "H6" : null, "HR" : null, "HTML" : null, "I" : null, "IMG" : null, "EN-MEDIA" : null, "INPUT" : null, "INS" : null, "KBD" : null, "LI" : null, "MAP" : null, "OL" : null, "P" : null, "PRE" : null, "Q" : null, "S" : null, "SAMP" : null, "SMALL" : null, "SPAN" : null, "STRIKE" : null, "STRONG" : null, "SUB" : null, "SUP" : null, "TABLE" : null, "TBODY" : null, "TD" : null, "TFOOT" : null, "TH" : null, "THEAD" : null, "TR" : null, "TT" : null, "U" : null, "UL" : null, "VAR" : null }; Evernote.ClipRules.REJECTED_NODES = { "SCRIPT" : null, "LINK" : null, "IFRAME" : null, "STYLE" : null, "SELECT" : null, "OPTION" : null, "OPTGROUP" : null, "NOSCRIPT" : null, "PARAM" : null, "HEAD" : null, "EVERNOTEDIV" : null, "CUFONTEXT" : null, "NOEMBED" : null }; Evernote.ClipRules.NON_ANCESTOR_NODES = { "OL" : null, "UL" : null, "LI" : null }; Evernote.ClipRules.SELF_CLOSING_NODES = { "IMG" : null, //"INPUT" : null, "BR" : null }; /** * ClipStyle is a container for CSS styles. It is able to add and remove * CSSStyleRules (and parse CSSRuleList's for rules), as well as * CSSStyleDeclaration's and instances of itself. * ClipStyle provides a mechanism to serialize itself via toString(), and * reports its length via length property. It also provides a method to clone * itself and expects to be manipulated via addStyle and removeStyle. */ Evernote.ClipStyle = function ClipStyle( css, filterFn, styleList ) { this.initialize( css, filterFn, styleList ); }; Evernote.ClipStyle.STYLES = [ "background", "background-attachment", "background-clip", "background-color", "background-image", "background-origin", "background-position-x", "background-position-y", "background-position", "background-repeat", "background-size", "border-bottom", "border-bottom-color", "border-bottom-left-radius", "border-bottom-right-radius", "border-bottom-style", "border-bottom-width", "border-left", "border-left-color", "border-left-style", "border-left-width", "border-right", "border-right-color", "border-right-style", "border-right-width", "border-top", "border-top-color", "border-top-left-radius", "border-top-right-radius", "border-top-style", "border-top-width", "border-collapse", "border-spacing", "bottom", "box-shadow", "caption-side", "clear", "clip", "color", "content", "counter-increment", "counter-reset", "cursor", "direction", "display", "empty-cells", "float", "font", "font-family", "font-size", "font-size-adjust", "font-stretch", "font-style", "font-variant", "font-weight", "height", "ime-mode", "left", "letter-spacing", "line-height", "list-style", "list-style-image", "list-style-position", "list-style-type", "margin", "margin-bottom", "margin-left", "margin-right", "margin-top", "marker-offset", "max-height", "max-width", "min-height", "min-width", "opacity", "outline", "outline-color", "outline-offset", "outline-style", "outline-width", "overflow", "overflow-x", "overflow-y", "padding", "padding-bottom", "padding-left", "padding-right", "padding-top", "page-break-after", "page-break-before", "pointer-events", "position", "resize", "right", "table-layout", "text-align", "text-anchor", "text-decoration", "text-indent", "text-overflow", "text-shadow", "text-transform", "top", "vertical-align", "visibility", "white-space", "width", "word-spacing", "word-wrap", "z-index" ]; Evernote.ClipStyle.NO_INHERIT_STYLES = { "*":[ "background", "background-image", "background-color", "background-position", "background-repeat", "border-bottom", "border-bottom-color", "border-bottom-left-radius", "border-bottom-right-radius", "border-bottom-style", "border-bottom-width", "border-left", "border-left-color", "border-left-style", "border-left-width", "border-right", "border-right-color", "border-right-style", "border-right-width", "border-top", "border-top-color", "border-top-left-radius", "border-top-right-radius", "border-top-style", "border-top-width", "border-collapse", "border-spacing", "bottom", "clear", "display", "float", "height", "left", "list-style", "margin", "margin-bottom", "margin-left", "margin-right", "margin-top", "padding", "padding-bottom", "padding-left", "padding-right", "padding-top", "right", "text-decoration", "top", "width" ], "img":[ "height", "width" ] }; Evernote.ClipStyle.CSS_GROUP = { "margin":[ "left", "right", "top", "bottom" ], "padding":[ "left", "right", "top", "bottom" ], "border":[ "width", "style", "color" ], "border-bottom":[ "width", "style", "color" ], "border-top":[ "width", "style", "color" ], "border-right":[ "width", "style", "color" ], "border-left":[ "width", "style", "color" ], "border-image":[ "outset", "repeat", "slice", "source", "width" ], "background":[ "attachment", "color", "image", "position", "repeat", "clip", "origin", "size" ], "font":[ "family", "size", "style", "variant", "weight", "size-adjust", "stretch", "+line-height" ], "list-style":[ "image", "position", "type" ] }; Evernote.ClipStyle.CSS_GROUP.getExtForStyle = function ( name ) { var list = this[ name ]; var extList = [ ]; if ( list ) { for ( var i = 0; i < list.length; ++i ) { if ( list[ i ].indexOf( "+" ) >= 0 ) { var tmp = list[ i ]; extList.push( tmp.replace( "+", "" ) ); } else { extList.push( name + "-" + list[ i ] ); } } return extList; } return null; }; Evernote.ClipStyle.STYLE_ATTRIBUTES = { "bgcolor":"background-color", "text":"color" }; Evernote.ClipStyle.INHERITED_STYLES = [ "azimuth", "border-collapse", "border-spacing", "caption-side", "color", "cursor", "direction", "elevation", "empty-cells", "font-family", "font-size", "font-style", "font-weight", "font", "letter-spacing", "line-height", "list-style-image", "list-style-position", "list-style-type", "list-style", "orphans", "pitch-range", "pitch", "quotes", "richness", "speak-header", "speak-numeral", "speak-punctuation", "speak", "speak-rate", "stress", "text-align", "text-indent", "text-transform", "visibility", "voice-family", "volume", "white-space", "widows", "word-spacing" ]; Evernote.ClipStyle.prototype._collection = null; Evernote.ClipStyle.prototype._filterFn = null; Evernote.ClipStyle.prototype._styleList = null; Evernote.ClipStyle.prototype.initialize = function ( css, filterFn, styleList ) { Evernote.Logger.debug( "ClipStyle.initialize()" ); this._collection = new Evernote.StylesCollection(); Evernote.Logger.debug( "ClipStyle.initialize: collection initialized()" ); this._filterFn = (typeof filterFn == "function") ? filterFn : null; this._styleList = (styleList != null) ? styleList : Evernote.ClipStyle.STYLES; if(css) { this.addStyle( css, this._styleList ); } Evernote.Logger.debug( "ClipStyle.initialize() end "); }; Evernote.ClipStyle.prototype.fixBackground = function ( prop, value ) { if(prop && value) { if(prop.indexOf("background-image") != -1 && value.indexOf("url") != -1) { Evernote.Logger.debug("Start replace"); var regExp = /url\((.*?)\)/; var res = value.replace(regExp, "url('$1')").replace(/('")|("')|('')/g, "'"); Evernote.Logger.debug("End replace"); return Evernote.GlobalUtils.escapeXML(res); } } return value; }; Evernote.ClipStyle.prototype.addStyle = function ( style, styleList ) { Evernote.Logger.debug( "ClipStyle.addStyle()" ); if ( style.length > 0 ) { var list = (styleList != null) ? styleList : this._styleList; for ( var i = 0; i < list.length; ++i ) { var prop = list[ i ]; var value = Evernote.StyleElementExtension.getPropertyValue(style, prop ); var importantPriority = !!((style.getPropertyPriority(prop) == 'important')); value = this.fixBackground(prop, value); this.addSimpleStyle( prop, value, importantPriority ); } } else if ( style instanceof Evernote.ClipStyle ) { list = (styleList != null) ? styleList : style.getStylesNames(); for ( var i = 0; i < list.length; ++i ) { var prop = list[ i ]; value = style.getStyle( prop ); importantPriority = style.isImportant( prop ); value = this.fixBackground(prop, value); this.addSimpleStyle( prop, value, importantPriority ); } } else if ( typeof style == 'object' && style != null ) { list = (styleList != null) ? styleList : style; for ( var prop in list ) { // In some cases, attempt to get currentStyle.outline ( or outlineWidth ) property in IE8 throws // 'unspecified error' and crash whole serilization process. So we wrap it into try {...} catch. try { if ( list.hasOwnProperty( prop ) ) { var usedStyle = style[ prop ]; var pName = prop; if(!usedStyle) { usedStyle = style [list[prop]]; pName = list[prop]; if(!usedStyle) { var propName = Evernote.IEStylePropertiesMapping.getPropertyNameFor(list[prop]); if(propName) { usedStyle = style[propName[1]]; } } } usedStyle = this.fixBackground(pName, usedStyle); this.addSimpleStyle( pName, usedStyle ); } } catch (err) {} } } }; Evernote.ClipStyle.prototype.removeStyle = function ( style ) { Evernote.Logger.debug( "ClipStyle.removeStyle()" ); if(style) { if ( window.CSSStyleDeclaration && Evernote.Utils.isInstanceOf(style, window.CSSStyleDeclaration) || style instanceof Array ) { for ( var i = 0; i < style.length; ++i ) { this.removeSimpleStyle( style[ i ] ); } } else if ( style instanceof Evernote.ClipStyle ) { var stylesNames = style.getStylesNames(); for ( i = 0; i < stylesNames.length; ++i ) { this.removeSimpleStyle( stylesNames[ i ] ); } } else if ( typeof style == 'string' ) { this.removeSimpleStyle( style ); } } Evernote.Logger.debug("ClipStyle.removeStyle() end") }; Evernote.ClipStyle.prototype.mergeStyle = function ( style, override ) { Evernote.Logger.debug( "ClipStyle.mergeStyle()" ); if ( style instanceof Evernote.ClipStyle ) { var stylesNames = style.getStylesNames(); for ( var i = 0; i < stylesNames.length; ++i ) { var styleName = stylesNames[ i ]; var styleValue = this._collection.getStyle( styleName ); if ( styleValue == null || override || (style.isImportant( styleName ) && !this._collection.isImportant( styleName )) ) { var newValue = style.getStyle( styleName ); if ( style.isImportant( styleName ) ) { this._collection.addStyle( styleName, newValue, true ); } else if ( override && !this._collection.isImportant( styleName ) ) { this._collection.addStyle( styleName, newValue, false ); } else if ( styleValue == null && !override ) { this._collection.addStyle( styleName, newValue, style.isImportant( styleName ) ); } } } } }; Evernote.ClipStyle.prototype.getStylesNames = function () { return this._collection.getStylesNames(); }; Evernote.ClipStyle.prototype.getStyle = function ( prop ) { return this._collection.getStyle( prop ); }; Evernote.ClipStyle.prototype.isImportant = function ( prop ) { return this._collection.isImportant( prop ); }; Evernote.ClipStyle.prototype.addSimpleStyle = function ( prop, value, importantPriority ) { if ( typeof this._filterFn == "function" && !this._filterFn( prop, value ) ) { return; } var impl = Evernote.StylesReplacementRegistry.getImplementationFor(prop); if(impl && impl.getValue) { value = impl.getValue(value); } this._collection.addStyle( prop, value, importantPriority ); }; Evernote.ClipStyle.prototype.removeSimpleStyle = function ( prop ) { this._collection.removeStyle( prop ); }; Evernote.ClipStyle.prototype.toString = function () { var str = ""; var stylesNames = this.getStylesNames(); for ( var i = 0; i < stylesNames.length; ++i ) { var styleName = stylesNames[ i ]; var value = this._collection.getStyle( styleName ); if ( value != null && value.length > 0 ) { str += styleName + ":" + value + ";"; } } return str; }; Evernote.ClipStyle.CSSDefaultStyle = { "background-attachment": "scroll", "background-color" : "transparent", "background-image" : "none", "background-position-x" : "0px", "background-position-y" : "0px", "background-repeat" : "repeat", "border-bottom-style" : "none", "border-bottom-width" : "medium", "border-left-style" : "none", "border-left-width" : "medium", "border-right-style" : "none", "border-right-width" : "medium", "border-top-style" : "none", "border-top-width" : "medium", "border-collapse" : "separate", "bottom" : "auto", "clear" : "none", "height" : "auto", "left" : "auto", "margin-bottom" : "0px", "margin-left" : "0px", "margin-right" : "0px", "margin-top" : "0px", "max-height" : "none", "max-width" : "none", "min-height" : "0px", "min-width" : "0px", "overflow" : "visible", "overflow-x" : "visible", "overflow-y" : "visible", "padding" : "0px", "padding-bottom" : "0px", "padding-left" : "0px", "padding-right" : "0px", "padding-top" : "0px", "page-break-before" : "auto", "page-break-after" : "auto", "position" : "static", "right" : "auto", "text-align" : "left", "text-decoration" : "none", "text-indent" : "0px", "text-overflow" : "clip", "top" : "auto", "width" : "auto" }; Evernote.ClipStyle.prototype.removeDefaultCssStyle = function () { var stylesNames = this.getStylesNames(); for ( var i = 0; i < stylesNames.length; ++i ) { var styleName = stylesNames[ i ]; var defaultCssValue = Evernote.ClipStyle.CSSDefaultStyle[styleName]; var value = this.getStyle( styleName ); if (!value) continue; if (defaultCssValue == value) { this.removeStyle(styleName); } } }; Evernote.ClipStyleProperty = function ClipStyleProperty( name, value, isImportant ) { this.initialize( name, value, isImportant ); }; Evernote.ClipStyleProperty.prototype.initialize = function( name, value, isImportant ) { if ( typeof name == "string" && typeof value == "string" ) { this._name = name; this._value = value; } this._isImportant = (isImportant) ? true : false; }; Evernote.ClipStyleProperty.prototype._name = null; Evernote.ClipStyleProperty.prototype._value = null; Evernote.ClipStyleProperty.prototype._isImportant = null; Evernote.ClipStyleProperty.prototype.name = function() { return this._name; }; Evernote.ClipStyleProperty.prototype.value = function() { return this._value; }; Evernote.ClipStyleProperty.prototype.isImportant = function() { return this._isImportant; }; /** * Represents DOM parser that could able to traverse the DOM node tree from specified root. * @param tab - current window object * @param range - current selection on the page (if any) * @constructor */ Evernote.DomParser = function DomParser( tab, range ) { this.initialize( tab, range ); }; Evernote.DomParser.prototype._tab = null; /** * Update current parser data * @param tab - current window object * @param range - current selection on the page (if any) */ Evernote.DomParser.prototype.initialize = function ( tab, range ) { Evernote.Logger.debug( "DomSerializer.initialize()" ); this._tab = tab; this._range = range; }; /** * Determines if passed node should be serialized. * Node should not be initialized if one of the following is true: * - node is rejected according to configuration * - there is the selection on the page and this node is out of selection range. * @param node - DOM node * @return {Boolean} */ Evernote.DomParser.prototype.isNodeForSerialize = function ( node ) { if ( !node || Evernote.ClipRules.isRejectedNode( node ) || node.id == "evernoteContentClipperWait" ) { return false; } if(Evernote.ClipperElementsIdentifiers.match(node)) { Evernote.Logger.debug("Node is rejected because it is clipper information " + node.id); return false; } return (!this._range || this.isNodeInRange( node )) ? true : false; }; /** * Determines whether passed node is inside the selection range. Returns true if it is, false otherwise. * @param node - DOM node * @return {Boolean} */ Evernote.DomParser.prototype.isNodeInRange = function ( node ) { Evernote.Logger.debug( "DomParser.isNodeInRange()" ); var nodeRange, endsAfterNodeStart, startsBeforeNodeEnd; if (typeof node.ownerDocument.createRange == 'function') { // ie9, ie10, ie11 if ( node && this._range ) { nodeRange = node.ownerDocument.createRange(); // create new selection from node, or node content try { nodeRange.selectNode( node ); } catch ( e ) { nodeRange.selectNodeContents( node ); } // compare boundary points of selection and current node. endsAfterNodeStart = this._range.compareBoundaryPoints( Range.START_TO_END, nodeRange ) == 1; startsBeforeNodeEnd = this._range.compareBoundaryPoints( Range.END_TO_START, nodeRange ) == -1; return endsAfterNodeStart && startsBeforeNodeEnd; } } else { // ie7 , ie8 nodeRange = node.ownerDocument.body.createTextRange(); try { nodeRange.moveToElementText(node); } catch (e) { // [object Text] // probably, here should be analog for createRange().selectNodeContents(); return true; } endsAfterNodeStart = this._range.compareEndPoints('EndToStart', nodeRange) == 1; startsBeforeNodeEnd = this._range.compareEndPoints('StartToEnd', nodeRange) == -1; return endsAfterNodeStart && startsBeforeNodeEnd; } return false; // not found. }; /** * Determines whether passed node is visible on the page. * @param node - DOM node. * @return {Boolean} */ Evernote.DomParser.prototype.isNodeVisible = function ( node ) { Evernote.Logger.debug( "DomParser.isNodeVisible()" ); if ( !node ) { return false; } var compStyles = Evernote.ElementExtension.getComputedStyle( node, null, this._tab ); return Evernote.StyleElementExtension.getPropertyValue(compStyles, "display" ) != "none"; }; Evernote.DomParser.prototype.parseAsync = function ( root, fullPage, serializer, callback ) { var PARSING_TIMEOUT_INTERVAL = 1000; //milliseconds if (!callback) { this.parse(root, fullPage, serializer); return; } if ( !root ) { throw new Error( "No root element for parsing" ); } var node = root; var parentNode = null; var thizz = this; var asyncParser = function() { var parsingEnd = true; var startTimeParsing = new Date().getTime(); while ( node ) { if ( node != root && node.parentNode ) { parentNode = node.parentNode.serializedNode; } if ( thizz.isNodeForSerialize( node ) ) { if ( node.nodeType == Evernote.Node.TEXT_NODE ) { serializer.textNode( node, thizz._range ); } else if ( node.nodeType == Evernote.Node.ELEMENT_NODE && thizz.isNodeVisible( node ) ) { node.serializedNode = serializer.startNode( new Evernote.SerializedNode( node, parentNode ), root, fullPage ); if ( node.hasChildNodes() ) { node = node.childNodes[ 0 ]; continue; } else { serializer.endNode( node.serializedNode ); if ( node.serializedNode ) { try { delete node.serializedNode; } catch(e) { //If we are failed to delete the property, than just set it to undefined node.serializedNode = undefined; } } } } } /** * Check if there is a next node available and it is not the root */ if ( node.nextSibling && node != root ) { node = node.nextSibling; } else if ( node != root ) { while ( node.parentNode && node != root ) { node = node.parentNode; try { serializer.endNode( node.serializedNode ); } catch (err) { node.serializedNode = undefined; continue; }; try { delete node.serializedNode; } catch (e) { //If we are failed to delete the property, than just set it to undefined node.serializedNode = undefined; } if ( node.nextSibling && node != root ) { node = node.nextSibling; break; } } if ( node == root ) { break; } } else { break; } var endTimeParsing = new Date().getTime(); if ( (endTimeParsing - startTimeParsing) >= PARSING_TIMEOUT_INTERVAL ) { Evernote.Logger.debug("Parsing interval timeout: " + (endTimeParsing - startTimeParsing)); parsingEnd = false; break; } } if (parsingEnd) { Evernote.Logger.debug("Parsing end"); callback(); }else { Evernote.Logger.debug("Parsing repeat"); setTimeout(asyncParser, 0); } }; setTimeout(asyncParser, 0); }; /** * Starts parsing from specified root. * @param root - starting DOM node. * @param fullPage - is user selects to serialize the full page * @param serializer - current serializer to be used to serialize the DOM node to string */ Evernote.DomParser.prototype.parse = function ( root, fullPage, serializer ) { Evernote.Logger.debug( "DomParser.parse()" ); if ( !root ) { throw new Error( "No root element for parsing" ); } var node = root; var parentNode = null; while ( node ) { if ( node != root && node.parentNode ) { parentNode = node.parentNode.serializedNode; } if ( this.isNodeForSerialize( node ) ) { if ( node.nodeType == Evernote.Node.TEXT_NODE ) { serializer.textNode( node, this._range ); } else if ( node.nodeType == Evernote.Node.ELEMENT_NODE && this.isNodeVisible( node ) ) { node.serializedNode = serializer.startNode( new Evernote.SerializedNode( node, parentNode ), root, fullPage ); if ( node.hasChildNodes() ) { node = node.childNodes[ 0 ]; continue; } else { serializer.endNode( node.serializedNode ); if ( node.serializedNode ) { try { delete node.serializedNode; } catch(e) { //If we are failed to delete the property, than just set it to undefined node.serializedNode = undefined; } } } } } /** * Check if there is a next node available and it is not the root */ if ( node.nextSibling && node != root ) { node = node.nextSibling; } else if ( node != root ) { while ( node.parentNode && node != root ) { node = node.parentNode; try { serializer.endNode( node.serializedNode ); } catch (err) { node.serializedNode = undefined; continue; }; try { delete node.serializedNode; } catch (e) { //If we are failed to delete the property, than just set it to undefined node.serializedNode = undefined; } if ( node.nextSibling && node != root ) { node = node.nextSibling; break; } } if ( node == root ) { break; } } else { break; } } }; Evernote.NodeSerializer = function NodeSerializer( tab, styleStrategy, includeBg , isRange) { this.initialize( tab, styleStrategy, includeBg , isRange); }; Evernote.NodeSerializer.prototype._tab = null; Evernote.NodeSerializer.prototype._styleStrategy = null; Evernote.NodeSerializer.prototype._docBase = null; Evernote.NodeSerializer.prototype._imagesUrls = null; Evernote.NodeSerializer.prototype._isRange = null; Evernote.NodeSerializer.prototype._serializedDom = ""; Evernote.NodeSerializer.prototype._includeBgStyles = true; Evernote.NodeSerializer.prototype.initialize = function ( tab, styleStrategy, includeBg ,isRange ) { Evernote.Logger.debug( "DomSerializer.initialize()" ); this._tab = tab; this._styleStrategy = (styleStrategy instanceof Evernote.ClipStylingStrategy) ? styleStrategy : null; this._imagesUrls = [ ]; this._includeBgStyles = ( includeBg != null ) ? includeBg : true; this._isRange = ( isRange != null ) ? isRange : false; this.getDocumentBase(); }; Evernote.NodeSerializer.prototype.startNode = function ( serializedNode, root, fullPage ) { Evernote.Logger.debug( "Start to serialize node :" + serializedNode.node.nodeName + ", class = " + serializedNode.node.className + ", id = " + serializedNode.node.id ); try { var node = serializedNode.node; if ( Evernote.ClipRules.isConditionalNode( node ) && Evernote.ElementSerializerFactory.getImplementationFor( node ) != null ) { var result = this.serializeConditionalNode( node, root, fullPage ); this._serializedDom += result.content; // hack for desktop Win client if ( result.imageUrl ) { this._imagesUrls.push( result.imageUrl ); } serializedNode.setStyle(result.nodeStyle); return serializedNode; } if ( node.nodeName.toLowerCase() == "embed" ) { var src = node.getAttribute( "src" ); if ( src && (src.indexOf(".swf", src.length - ".swf".length) !== -1) ) { serializedNode.setStyle(new Evernote.ClipStyle()); return serializedNode; } } if ( node.nodeName.toLowerCase() == "img" ) { var src = node.getAttribute( "src" ); if (src && src.indexOf('&') != -1) { src = src.slice(0, src.indexOf('&')); } var absoluteSource = Evernote.Utils.makeAbsolutePath(this._docBase, src).replace(/\s/g, "%20"); node.setAttribute( "type", "put-media-type-here-for-" + absoluteSource); node.setAttribute( "hash", "put-hash-type-here-for-" + absoluteSource); node.setAttribute( "src", src); if ( src && src.indexOf( "data:image" ) < 0 ) { this._imagesUrls.push( src ); } } var attrsStr = this.serializeAttributes( node ); var stylesStr = ""; var nodeName = Evernote.ClipRules.translateNode( node ); if ( this._styleStrategy ) { var nodeStyle = this._styleStrategy.styleForNode( node, root, fullPage, Evernote.ClipStyleType.Default ).evaluated; var inhBgStyle = null; if ( this._includeBgStyles ) inhBgStyle = this._styleStrategy.styleForNode( node, root, fullPage, Evernote.ClipStyleType.InheritedBgStyle ).inheritedBackground; if ( inhBgStyle != null ) for ( var inhI = inhBgStyle.length - 1; inhI >= 0; inhI-- ) { var inhStyle = inhBgStyle[inhI]; this._serializedDom += ""; serializedNode.translateTo.push( "div" ); } var pseudoStyle = this._styleStrategy.getNodeStyle( node, null, ":before" ); if ( fullPage && node.nodeName.toLowerCase() == "body" ) { var wrapBodyStyle = new Evernote.ClipStyle( nodeStyle, null, Evernote.ClipStyle.CSS_GROUP.getExtForStyle( "background" ) ); this._serializedDom += ""; serializedNode.translateTo.push( "div" ); var bgGroup = Evernote.ClipStyle.CSS_GROUP.getExtForStyle( "background" ); for ( var ind in bgGroup ) { if ( bgGroup.hasOwnProperty( ind ) ) { nodeStyle.removeStyle( bgGroup[ind] ); } } } // Bug 47705. dirty fix, may cause problems in some cases. if (this._isRange) { nodeStyle.addSimpleStyle('height', node.currentStyle.height); } if ( !fullPage && node == root ) { nodeStyle.removeStyle( "float" ); } if ( !serializedNode.node.hasChildNodes() && !(nodeStyle.getStyle( "height" ) || node.getAttribute( "height" )) ) { nodeStyle.addStyle( {height:"0px"} ); } if ( !serializedNode.node.hasChildNodes() && !(nodeStyle.getStyle( "width" ) || node.getAttribute( "width" )) ) { nodeStyle.addStyle( {width:"0px"} ); } if(nodeStyle.getStyle("position") == "fixed") { nodeStyle.addStyle({position: "absolute"}); } if ( (node.nodeName.toUpperCase() == "SPAN"/* || node.nodeName.toUpperCase() == "A"*/) && node.getElementsByTagName( "IMG" ).length > 0) { nodeName = "div"; if ( !nodeStyle.getStyle( "display" ) ) nodeStyle.addStyle( {display:"inline"} ); } if (node.nodeName.toUpperCase() == "TH" || node.nodeName.toUpperCase() == "TD") { nodeStyle.addStyle( {display:"table-cell"} ); } nodeStyle.removeDefaultCssStyle(); this._serializedDom += this.serializePseudoElement( node, pseudoStyle ); stylesStr = this.serializeStyles( node, nodeStyle ); if ( (nodeName.toLowerCase() == "div" /*|| nodeName.toLowerCase() == "span"*/) && nodeStyle.getStyle( "float" ) && nodeStyle.getStyle( "float" ) != "none" && serializedNode.parentNode && node.parentNode.nodeName.toLowerCase() != "a" ) { if ( !serializedNode.node.nextSibling || serializedNode.node.nextSibling.nodeType == 3 ) serializedNode.parentNode.isInlineBlock = true; } } Evernote.Logger.debug( node.nodeName + " " + attrsStr + " -> " + nodeName + " " + stylesStr ); this._serializedDom += ""; serializedNode.setStyle(nodeStyle); serializedNode.translateTo.push( nodeName ); return serializedNode; } catch ( e ) { Evernote.Logger.error( "Failed to start serialize node :" + e ); throw e; } }; Evernote.NodeSerializer.prototype.serializePseudoElement = function ( node, pseudoStyle ) { try { var nodeName = Evernote.ClipRules.translateNode( node ); if ( pseudoStyle.getStylesNames().length > 0 ) { var content = " "; if ( pseudoStyle.getStyle( "content" ) ) { content = pseudoStyle.getStyle( "content" ); pseudoStyle.removeStyle( "content" ); } var beforeStylesStr = this.serializeStyles( node, pseudoStyle ); return "" + content.replace( /"/g, '' ) + ""; } return ""; } catch ( e ) { Evernote.Logger.error( "Failed to serialize pseudo element :" + e ); throw e; } }; Evernote.NodeSerializer.prototype.textNode = function ( node, range ) { this._serializedDom += this.serializeTextNode( node, range ); }; Evernote.NodeSerializer.prototype.endNode = function ( serializedNode ) { try { Evernote.Logger.debug( "end serialize node :" + serializedNode.translateTo ); if ( serializedNode.isInlineBlock ) { var name = "div"; if ( serializedNode.node.nodeName.toLowerCase() == "ul" ) { name = "li" } this._serializedDom += "" + " " + "" } var node = serializedNode.node; var serializedPseudo = ""; var pseudoStyle = new Evernote.ClipStyle(); if ( this._styleStrategy ) { pseudoStyle = this._styleStrategy.getNodeStyle( node, null, ":after" ); if ( pseudoStyle.getStylesNames().length > 0 ) { var floatStyle = serializedNode.getStyle().getStyle( "float" ); if ( floatStyle && !pseudoStyle.getStyle( "float" ) ) pseudoStyle.addStyle( { "float" : floatStyle } ); if ( node.nodeName.toLowerCase() == "ul" ) serializedPseudo = this.serializePseudoElement( document.createElement( "div" ), pseudoStyle ); } } while ( serializedNode.translateTo.length > 0 ) { var nodeName = serializedNode.translateTo.pop(); if ( !Evernote.ClipRules.isSelfClosingNode( serializedNode.node ) ) { if ( !serializedNode.node.hasChildNodes() ) this._serializedDom += " "; } if ( nodeName.toLowerCase() == "ul" ) { this._serializedDom += this.serializePseudoElement( document.createElement( "li" ), pseudoStyle ); } this._serializedDom += ""; } this._serializedDom += serializedPseudo; } catch ( e ) { Evernote.Logger.error( "Failed to end serialize node :" + e ); throw e; } }; Evernote.NodeSerializer.prototype.serializeTextNode = function ( node, range ) { Evernote.Logger.debug( "DomSerializer.serializeTextNode()" ); try { var nodeValue = node.nodeValue; if ( !range ) { return Evernote.Utils.htmlEncode( nodeValue ); } else { if ( range.startContainer == node && range.startContainer == range.endContainer ) { return Evernote.Utils.htmlEncode( nodeValue.substring( range.startOffset, range.endOffset ) ); } else if ( range.startContainer == node ) { return Evernote.Utils.htmlEncode( nodeValue.substring( range.startOffset ) ); } else if ( range.endContainer == node ) { return Evernote.Utils.htmlEncode( nodeValue.substring( 0, range.endOffset ) ); } else if ( range.commonAncestorContainer != node ) { return Evernote.Utils.htmlEncode( nodeValue ); } } } catch ( e ) { Evernote.Logger.error( "DomSerializer.serializeTextNode() failed " + e ); throw e; } return ""; }; Evernote.NodeSerializer.prototype.serializeConditionalNode = function ( node, root, fullPage ) { Evernote.Logger.debug( "DomSerializer.serializeConditionalNode()" ); var impl = Evernote.ElementSerializerFactory.getImplementationFor( node ); if ( typeof impl == 'function' ) { var nodeStyle = (this._styleStrategy) ? this._styleStrategy.styleForNode( node, root, fullPage ).evaluated : null; if (nodeStyle) nodeStyle.removeDefaultCssStyle(); var serializer = new impl( node, nodeStyle ); var content = serializer.serialize( this._docBase ); var imageUrl = serializer.getImageUrl(); return { content:content, imageUrl:imageUrl, nodeStyle:nodeStyle }; } return { content:"", imageUrl:"", nodeStyle:new Evernote.ClipStyle() }; }; Evernote.NodeSerializer.prototype.serializeAttributes = function ( node ) { Evernote.Logger.debug( "DomSerializer.serializeAttributes()" ); try { var attrs = node.attributes; var str = ""; for ( var i = 0; i < attrs.length; ++i ) { if ( !Evernote.ClipRules.isNoKeepNodeAttr( attrs[ i ], Evernote.ClipRules.translateNode( node ), node ) ) { var attrValue = (attrs[ i ].value) ? Evernote.GlobalUtils.escapeXML( attrs[ i ].value ) : ""; if ( (attrs[ i ].name.toLowerCase() == "src" || attrs[ i ].name.toLowerCase() == "href") && attrValue.toLowerCase().indexOf( "http" ) != 0 ) { attrValue = Evernote.Utils.makeAbsolutePath( this._docBase, attrValue ); } str += " " + attrs[ i ].name.toLowerCase() + "=\"" + attrValue + "\""; } } return str; } catch ( e ) { Evernote.Logger.error( "DomSerializer.serializeAttributes() failed: error = " + e ); } return ""; }; Evernote.NodeSerializer.prototype.serializeStyles = function ( node, nodeStyle ) { Evernote.Logger.debug( "DomSerializer.serializeStyles()" ); try { var str = ""; if(node.nodeName.toLowerCase() == "map") { //Map should not have style attribute according to Evernote DTD return ""; } if ( node && nodeStyle instanceof Evernote.ClipStyle ) { str += " style=\"" + nodeStyle.toString().replace( /"/g, "" ) + "\""; } return str; } catch ( e ) { Evernote.Logger.error( "DomSerializer.serializeStyles() failed: error = " + e ); throw e; } return ""; }; Evernote.NodeSerializer.prototype.getDocumentBase = function () { Evernote.Logger.debug( "DomSerializer.getDocumentBase()" ); if ( !this._docBase ) { var baseTags = this._tab.document.getElementsByTagName( "base" ); for ( var i = 0; i < baseTags.length; ++i ) { var baseTag = baseTags[ i ]; if ( typeof baseTag == 'string' && baseTag.indexOf( "http" ) == 0 ) { this._docBase = baseTag; } if ( this._docBase ) { break; } } if ( !this._docBase ) { var location = this._tab.document.location; this._docBase = location.protocol + "//" + location.host + location.pathname.replace( /[^\/]+$/, "" ); } } return this._docBase; }; Evernote.NodeSerializer.prototype.getImagesUrls = function () { return this._imagesUrls; }; Evernote.NodeSerializer.prototype.getSerializedDom = function () { return '' + this._serializedDom.replace(/[^\u0009\u000a\u000d\u0020-\uD7FF\uE000-\uFFFD]+/g, "") + ''; }; //"use strict"; Evernote.SerializedNode = function SerializedNode( node, parent ) { this.node = node; this._parentSerializedNode = parent; this.translateTo = [ ]; }; Evernote.SerializedNode.prototype.translateTo = null; Evernote.SerializedNode.prototype.node = null; Evernote.SerializedNode.prototype._parentSerializedNode = null; Evernote.SerializedNode.prototype.setStyle = function ( clipStyle ) { this._clipStyle = clipStyle; }; Evernote.SerializedNode.prototype.getStyle = function () { return this._clipStyle; }; Evernote.SerializedNode.prototype.parentNode = function () { return this._parentSerializedNode; }; //"use strict"; Evernote.StylesCollection = function StylesCollection() { this._styles = { }; }; Evernote.StylesCollection.prototype._styles = null; Evernote.StylesCollection.prototype.addStyle = function( name, value, isImportant ) { if ( typeof name == "string" && typeof value == "string" ) { Evernote.Logger.debug( "StylesCollection.addStyle(): name = " + name + ", value = " + value + ", isImportant = " + isImportant ); this._styles[ name ] = new Evernote.ClipStyleProperty( name, value, isImportant); } }; Evernote.StylesCollection.prototype.getStyle = function( name ) { if ( typeof name == "string" ) { Evernote.Logger.debug( "StylesCollection.getStyle(): name = " + name + " value: " + ((typeof this._styles[ name ] != "undefined") ? this._styles[ name ].value() : null) ); return (typeof this._styles[ name ] != "undefined") ? this._styles[ name ].value() : null; } return null; }; Evernote.StylesCollection.prototype.removeStyle = function( name ) { if ( typeof name == "string" ) { Evernote.Logger.debug( "StylesCollection.removeStyle(): name = " + name ); this._styles[ name ] = null; delete this._styles[ name ]; } }; Evernote.StylesCollection.prototype.isImportant = function( name ) { if ( typeof name == "string" ) { return (typeof this._styles[ name ] != "undefined") ? this._styles[ name ].isImportant() : false; } }; Evernote.StylesCollection.prototype.getStylesNames = function() { Evernote.Logger.debug( "StylesCollection.getStylesNames()" ); var stylesNames = [ ]; for ( var key in this._styles ) { if ( this._styles[ key ] != null ) { stylesNames.push( key ); } } return stylesNames; }; Evernote.StylesCollection.prototype.getStylesNumber = function() { Evernote.Logger.debug( "StylesCollection.getStylesNumber()" ); var num = 0; for ( var key in this._styles ) { if ( this._styles[ key ] != null ) { ++num; } } return num; }; Evernote.DataImageSerializer = function DataImageSerializer( node, nodeStyle ) { if ( !nodeStyle ) { nodeStyle = new Evernote.ClipStyle(); } this.initialize( node, nodeStyle ); }; Evernote.inherit( Evernote.DataImageSerializer, Evernote.AbstractElementSerializer, true ); Evernote.DataImageSerializer.isResponsibleFor = function( node ) { try { if ( node && node.nodeType == Evernote.Node.ELEMENT_NODE && node.nodeName.toLowerCase() == "img" ) { var src = node.getAttribute( "src" ); if ( src && src.indexOf( "data:image" ) != -1 ) { return true; } } } catch(e) { Evernote.Logger.error("DataImageSerializer.isResponsibleFor failed due to error " + e); } return false; }; Evernote.DataImageSerializer.prototype.serialize = function( /*docBase*/ ) { Evernote.Logger.debug( "DataImageSerializer.serialize()" ); try { this._nodeStyle.addStyle( { "background-image" : "url('" + this._node.getAttribute( "src" ) + "')", "width" : this._node.offsetWidth + "px", "height" : this._node.offsetHeight + "px", "background-repeat" : "no-repeat", "display" : "block" } ); return " "; } catch ( e ) { Evernote.Logger.error( "VideoElementSerializer.serialize() failed: error = " + e ); } return ""; }; /** * Serializes DOM element into an img pointing to the thumbnail of the video * * Video ids are used for obtaining thumbnails via * https://i2.ytimg.com/vi/cAcxHQalWOw/hqdefault.jpg. These ids can be * obtained from: * * * - the URL of the document containing EMBED * - iframe's src attribute that embeds the video via an iframe * - src attribute of the embed object (though on actualy youtube.com it's not possible) * * * Sample URLs are: * * * http: //http://www.youtube.com/embed/IWJJBwKhvp4?wmode=opaque&rel=0 * http: //http://www.youtube.com/v/YZEbBZ2IrXE?version=3&rel=1&fs=1&showsearch=0&showinfo=1&iv_load_policy=1 * http: //http://www.youtube.com/v/J3mjFSTsKiM&hl=en&fs=1 * http://www.youtube.com/watch?v=cAcxHQalWOw * http://www.youtube.com/user/IFiDieApp?v=sdzCELofGgE&feature=pyv * */ Evernote.YoutubeElementSerializer = function YoutubeElementSerializer( doc, node, nodeStyle ) { this.initialize( doc, node, nodeStyle ); }; Evernote.inherit( Evernote.YoutubeElementSerializer, Evernote.AbstractElementSerializer, true ); Evernote.YoutubeElementSerializer.WATCH_URL_REGEX = /^https?:\/\/www\.youtube\.com\/watch\?.*v=([^&]+)/i; Evernote.YoutubeElementSerializer.USER_CHANNEL_URL_REGEX = /^https?:\/\/www\.youtube\.com\/user\/([a-zA-Z0-9]+)\?v=([^&]+)/i; Evernote.YoutubeElementSerializer.EMBED_URL_REGEX = /^https?:\/\/www\.youtube\.com\/embed\/([^\/\?&]+)/i; Evernote.YoutubeElementSerializer.VIDEO_URL_REGEX = /^https?:\/\/www\.youtube\.com\/v\/([^\/\?&]+)/i; Evernote.YoutubeElementSerializer.POSSIBLE_CONTAINER_NODES = [ "OBJECT" ]; Evernote.YoutubeElementSerializer.VIDEO_NODES = [ "EMBED", "IFRAME" ]; Evernote.YoutubeElementSerializer.WATCH_URL = "http://www.youtube.com/user/$userId$?v=$videoId$"; Evernote.YoutubeElementSerializer.DEFAULT_THUMB_URL = "https://i2.ytimg.com/vi/$videoId$/hqdefault.jpg"; Evernote.YoutubeElementSerializer.DEFAULT_THUMB_WIDTH = 120; Evernote.YoutubeElementSerializer.DEFAULT_THUMB_HEIGHT = 90; Evernote.YoutubeElementSerializer.isResponsibleFor = function( node ) { var params = this.extractVideoParamsFromNode( node ); return (params) ? true : false; }; Evernote.YoutubeElementSerializer.extractVideoParamsFromNode = function( node ) { Evernote.Logger.debug( "YoutubeElementSerializer.extractVideoIdFromNode()" ); try { if ( node && node.nodeType == Evernote.Node.ELEMENT_NODE ) { var view = window; try { view = node.ownerDocument.defaultView; } catch ( e ) { } var matches = null; if ( view && (node.nodeName.toLowerCase() == "embed" || node.nodeName.toLowerCase() == "object") && view.location ) { if ( (matches = view.location.href.match( this.WATCH_URL_REGEX )) && matches[ 1 ] ) { return matches[ 1 ]; } else if ( (matches = view.location.href.match( this.USER_CHANNEL_URL_REGEX )) && matches[ 1 ] && matches[ 2 ] ) { return [ matches[ 1 ], matches[ 2 ] ]; } } else { var videoNode = this.findVideoNode( node ); if ( videoNode ) { var src = videoNode.getAttribute( "src" ); if ( src && (matches = src.match( this.EMBED_URL_REGEX )) && matches[ 1 ] ) { return matches[ 1 ]; } else if ( src && (matches = src.match( this.VIDEO_URL_REGEX )) && matches[ 1 ] ) { return matches[ 1 ]; } } } } } catch(e) { Evernote.Logger.error("failed to YoutubeElementSerializer.extractVideoParamsFromNode due to error " + e); } return null; }; Evernote.YoutubeElementSerializer.findVideoNode = function( node ) { Evernote.Logger.debug( "YoutubeElementSerializer.findVideoNode()" ); if ( node && node.nodeType == Evernote.Node.ELEMENT_NODE ) { if ( Evernote.ArrayExtension.indexOf(this.VIDEO_NODES, node.nodeName.toUpperCase() ) >= 0 ) { return node; } else if ( Evernote.ArrayExtension.indexOf(this.POSSIBLE_CONTAINER_NODES, node.nodeName.toUpperCase() ) >= 0 ) { try { var it = node.ownerDocument.createNodeIterator( node, NodeFilter.SHOW_ELEMENT, null, false ); var next = null; while ( next = it.nextNode() ) { if ( Evernote.ArrayExtension.indexOf(this.VIDEO_NODES, next.nodeName.toUpperCase() ) >= 0 ) { return next; } } } catch(e) { //We ignore exception here, because if node iterator is not supported, than we could skip old pages (not Youtube). return null; } } } return null; }; Evernote.YoutubeElementSerializer.prototype._imageUrl = ""; Evernote.YoutubeElementSerializer.prototype.serialize = function( /*docBase*/ ) { Evernote.Logger.debug( "YoutubeElementSerializer.serialize()" ); try { var userId = null; var videoId = null; var params = this.constructor.extractVideoParamsFromNode( this._node ); if ( params instanceof Array ) { userId = params[ 0 ]; videoId = params[ 1 ]; } else if ( typeof params == "string" ) { videoId = params; } if ( videoId ) { var thumbUrl = null; var w = 0; var h = 0; if ( this._nodeStyle ) { var view = window; try { view = this._node.ownerDocument.defaultView; } catch ( e ) { } var computedStyles = Evernote.ElementExtension.getComputedStyle( this._node, null, view ); w = parseInt( Evernote.StyleElementExtension.getPropertyValue(computedStyles, "width" ) ); w = (isNaN( w )) ? 0 : w; h = parseInt( Evernote.StyleElementExtension.getPropertyValue(computedStyles, "height" ) ); h = (isNaN( h )) ? 0 : h; if ( w < this.constructor.DEFAULT_THUMB_WIDTH || h < this.constructor.DEFAULT_THUMB_HEIGHT ) { thumbUrl = this.getDefaultThumbnailUrl( videoId ); } else { thumbUrl = this.getHQThumbnailUrl( videoId ); } } else { thumbUrl = this.getDefaultThumbnailUrl( videoId ); } if ( thumbUrl ) { var styleStr = (this._nodeStyle instanceof Evernote.ClipStyle) ? ("style=\"" + this._nodeStyle.toString() + "\"") : ""; var attrs = this._node.attributes; var attrStr = ""; for ( var i = 0; i < attrs.length; ++i ) { var attr = attrs[ i ]; if(Evernote.ClipRules.KEEP_NODE_ATTRIBUTES["a"][attr.name]) { attrStr += attr.name; if ( attr.value ) { attrStr += "=" + attr.value; } attrStr += " "; } } var href = ( userId ) ? this.getUserChannelUrl( userId, videoId ) : this.getWatchUrl( videoId ); var imgAttrStr = ""; if ( w && h ) { var k = w / h; // scale by height if ( k > this.constructor.DEFAULT_THUMB_WIDTH / this.constructor.DEFAULT_THUMB_HEIGHT ) { imgAttrStr += "height=\"" + h + "\""; } else { // scale by width imgAttrStr += "width=\"" + w + "\""; } } this._imageUrl = thumbUrl; return ""; } } } catch ( e ) { Evernote.Logger.error( "YoutubeElementSerializer.serialize() failed: error = " + e ); } return ""; }; Evernote.YoutubeElementSerializer.prototype.getDefaultThumbnailUrl = function( videoId ) { return this.constructor.DEFAULT_THUMB_URL.replace( /\$videoId\$/, videoId ); }; Evernote.YoutubeElementSerializer.prototype.getHQThumbnailUrl = function( videoId ) { return this.constructor.HQ_THUMB_URL.replace( /\$videoId\$/, videoId ); }; Evernote.YoutubeElementSerializer.prototype.getWatchUrl = function( videoId ) { return this.constructor.WATCH_URL.replace( /\$videoId\$/, videoId ); }; Evernote.YoutubeElementSerializer.prototype.getUserChannelUrl = function( userId, videoId ) { return this.constructor.USER_CHANNEL_URL.replace( /\$userId\$/, userId ).replace( /\$videoId\$/, videoId ); }; Evernote.YoutubeElementSerializer.prototype.getImageUrl = function() { return this._imageUrl; }; Evernote.IEStylePropertiesMapping = { _mapping : { "background-attachment" : "backgroundAttachment", "background-color" : "backgroundColor", "background-image" : "backgroundImage", "background-repeat" : "backgroundRepeat", "background-position-x" : "backgroundPositionX", "background-position-y" : "backgroundPositionY", "border-bottom-color" : "borderBottomColor", "border-bottom-style" : "borderBottomStyle", "border-bottom-width" : "borderBottomWidth", "border-left-color" : "borderLeftColor", "border-left-style" : "borderLeftStyle", "border-left-width" : "borderLeftWidth", "border-right-color" : "borderRightColor", "border-right-style" : "borderRightStyle", "border-right-width" : "borderRightWidth", "border-top-color" : "borderTopColor", "border-top-style" : "borderTopStyle", "border-top-width" : "borderTopWidth", "border-collapse" : "borderCollapse", "font-family" : "fontFamily", "font-size" : "fontSize", "font-style" : "fontStyle", "font-weight" : "fontWeight", "float" : "styleFloat", "ime-mode" : "imeMode", "letter-spacing" : "letterSpacing", "line-height" : "lineHeight", "list-style-image" : "listStyleImage", "list-style-position" : "listStylePosition", "list-style-type" : "listStyleType", "margin-bottom" : "marginBottom", "margin-left" : "marginLeft", "margin-right" : "marginRight", "margin-top" : "marginTop", "max-height" : "maxHeight", "max-width" : "maxWidth", "min-height" : "minHeight", "min-width" : "minWidth", "overflow-x" : "overflowX", "overflow-y" : "overflowY", "padding-bottom" : "paddingBottom", "padding-left" : "paddingLeft", "padding-right" : "paddingRight", "padding-top" : "paddingTop", "page-break-after" : "pageBreakAfter", "page-break-before" : "pageBreakBefore", "table-layout" : "tableLayout", "text-align" : "textAlign", "text-decoration" : "textDecoration", "text-indent" : "textIndent", "text-overflow" : "textOverflow", "text-transform" : "textTransform", "vertical-align" : "verticalAlign", "white-space" : "whiteSpace", "word-spacing" : "wordSpacing", "word-wrap" : "wordWrap", "z-index" : "zIndex" }, getPropertyNameFor: function(styleName) { return [styleName, this._mapping[styleName]]; }, getPropertiesList: function() { return this._mapping; } }; Evernote.StylesReplacementRegistry = { registry: [], getImplementationFor: function(name) { if(name) { return this.registry[name]; } return null; }, register: function(name, impl) { this.registry[name] = impl; } }; Evernote.FontSizeReplacement = { SUPPORTED_FONT_SIZES: ["em", "%", "pt", "px"], getValue: function(val) { if(typeof val != "string") return val; if(this.isCalculationRequired(val)) { return Evernote.Utils.getFontSizeInPixels(val) + "px"; } else { //Do not set browser dependant CSS since it does not supported by Evernote Chromium Viewer. return null; } }, isCalculationRequired: function(val) { for(var i = 0; i < this.SUPPORTED_FONT_SIZES.length; i++) { if(val.indexOf(this.SUPPORTED_FONT_SIZES[i]) != -1) { return true; } } return false; } }; Evernote.StylesReplacementRegistry.register("font-size", Evernote.FontSizeReplacement); Evernote.ClipperElementsIdentifiers = { _clipperElementsIds : [Constants.CLIP_DIALOG_ID, Constants.OPTIONS_DIALOG_ID, Constants.ATTR_DIALOG_ID, Constants.CLIP_DIALOG_NEW_ID, Constants.POST_CLIP_DIALOG_ID], match: function(node) { if(node && node.id) { var position = Evernote.ArrayExtension.indexOf(this._clipperElementsIds, node.id); if(position) { return position != -1; } } return false; } }; Evernote.NotebooksLoader = { notebooks: [], // TODO: add cache; getNotebookByUid: function(uid) { Evernote.ResponseReceiver.subscribe(this); Evernote.Addin.getNotebooks(document); for(var i = 0; i < this.notebooks.length; i++) { if(this.notebooks[i].uid == uid) { return this.notebooks[i]; } } return null; }, onDataReceived: function(response) { if(response.type) { if(response.type == "notebooks") { this.notebooks = this.notebooks.concat(response.data); } } } }; Evernote.NotebooksPopupLoader = function( subscriber , doc ) { this.subscriber = subscriber; this.doc = doc; this.cache = []; }; Evernote.NotebooksPopupLoader.prototype.getNotebooksAsync = function( onSuccess ) { var self = this; var countNotebooksResponse = 0; Evernote.Addin.getNotebooksAsync(function(response, args) { if (Evernote.NotebookResponseParser.canParse(response)) { var res = Evernote.NotebookResponseParser.parse(response); countNotebooksResponse++; self.subscriber.updateNotebooks.call(self.subscriber, res.data); if (countNotebooksResponse == 3) { onSuccess(); } } }); }; Evernote.Notebook = function(type, name, uid, stack, author, hidden, typeText) { this.type = type; this.name = name; this.uid = uid; this.stack = stack; this.author = author; this.hidden = hidden; this.typeText = typeText; }; Evernote.Tag = function(name, uid) { this.name = name; this.uid = uid; }; Evernote.NotebookTypes = { PERSONAL: 1, PERSONAL_TEXT: 'pers', BUSINESS: 2, BUSINESS_TEXT: 'biz', LINKED: 3, LINKED_TEXT: 'linked' }; Evernote.ErrorCodes = { AUTHENTICATION_ERROR: "LoginFailure", CLIP_ERROR: "NoteImportFailure", CONNECTION_FAILED: "ConnectionAttemptFailed" }; Evernote.AuthenticatedException = function(msg){ this.msg = msg; this.code = Evernote.ErrorCodes.AUTHENTICATION_ERROR; }; try { Evernote.Addin.init(EvernoteExternal.Addin); Evernote.Addin.resetAuthenticatedState(); Evernote.FS.init(EvernoteExternal.Addin); Evernote.Logger = Evernote.LoggerConfigurator.getLogger(); if(!Evernote.JQuery) Evernote.JQueryLoader.initJQuery(); window.jQueryForClearlyComponent = Evernote.JQuery; initClearly(window); // todo: create bulletproof function for popup close before context-clipping. if (Evernote.evernotePopup) Evernote.evernotePopup.hide(); if (Evernote.SkitchController) Evernote.SkitchController.clearSkitch(); Evernote.Logger.debug("Init EnClipper"); Evernote.EnClipper.init(); Evernote.Logger.debug("EnClipper initialized"); Evernote.pageInfo = new PageInfo(); if (!Evernote.contentPreviewer) Evernote.contentPreviewer = new ContentPreview(); Evernote.Options.load(); Evernote.evernotePostClipPopup = new Evernote.PostClipPopup( document ); if (EvernoteExternal.Addin.isServerAvailable()) { Evernote.Clipper.clipWithOptions(EvernoteExternal.clipOptions); } } catch(e) { throw e; } 依據:本校106學年度教師評審委員會第6次會議決議辦理。 公告事項: 一、本次甄選錄取名單如後: (1)普通班代理教師正取:林嵐婷(英語專長共聘) 備取:從缺 二、錄取人員,請於107年8月7日(星期二)上午11時前攜帶所有學經歷之 相關證件正本逕向本校辦理報到,逾時以棄權論。 三、本107學年第2次代理教師之甄選缺額已補足,不續辦招考。 ">
' ; // get html // ======== var _html = _response; // normalize // ========= _html = _html.replace(/<\s+>/gi, '>'); _html = _html.replace(/\s+\/>/gi, '/>'); // remove // ====== _html = _html.replace(/
依據:本校106學年度教師評審委員會第6次會議決議辦理。
公告事項:
一、本次甄選錄取名單如後:
(1)普通班代理教師正取:林嵐婷(英語專長共聘)
備取:從缺
二、錄取人員,請於107年8月7日(星期二)上午11時前攜帶所有學經歷之
相關證件正本逕向本校辦理報到,逾時以棄權論。
三、本107學年第2次代理教師之甄選缺額已補足,不續辦招考。