1/* global wpcom_reblog */ 2 3var jetpackLikesWidgetBatch = []; 4var jetpackLikesMasterReady = false; 5 6// Due to performance problems on pages with a large number of widget iframes that need to be loaded, 7// we are limiting the processing at any instant to unloaded widgets that are currently in viewport, 8// plus this constant that will allow processing of widgets above and bellow the current fold. 9// This aim of it is to improve the UX and hide the transition from unloaded to loaded state from users. 10var jetpackLikesLookAhead = 2000; // pixels 11 12// Keeps track of loaded comment likes widget so we can unload them when they are scrolled out of view. 13var jetpackCommentLikesLoadedWidgets = []; 14 15var jetpackLikesDocReadyPromise = new Promise( resolve => { 16 if ( document.readyState !== 'loading' ) { 17 resolve(); 18 } else { 19 window.addEventListener( 'DOMContentLoaded', () => resolve() ); 20 } 21} ); 22 23function JetpackLikesPostMessage( message, target ) { 24 if ( typeof message === 'string' ) { 25 try { 26 message = JSON.parse( message ); 27 } catch ( e ) { 28 return; 29 } 30 } 31 32 if ( target && typeof target.postMessage === 'function' ) { 33 try { 34 target.postMessage( 35 JSON.stringify( { 36 type: 'likesMessage', 37 data: message, 38 } ), 39 '*' 40 ); 41 } catch ( e ) { 42 return; 43 } 44 } 45} 46 47function JetpackLikesBatchHandler() { 48 const requests = []; 49 document.querySelectorAll( 'div.jetpack-likes-widget-unloaded' ).forEach( widget => { 50 if ( jetpackLikesWidgetBatch.indexOf( widget.id ) > -1 ) { 51 return; 52 } 53 54 if ( ! jetpackIsScrolledIntoView( widget ) ) { 55 return; 56 } 57 58 jetpackLikesWidgetBatch.push( widget.id ); 59 60 var regex = /like-(post|comment)-wrapper-(\d+)-(\d+)-(\w+)/, 61 match = regex.exec( widget.id ), 62 info; 63 64 if ( ! match || match.length !== 5 ) { 65 return; 66 } 67 68 info = { 69 blog_id: match[ 2 ], 70 width: widget.width, 71 }; 72 73 if ( 'post' === match[ 1 ] ) { 74 info.post_id = match[ 3 ]; 75 } else if ( 'comment' === match[ 1 ] ) { 76 info.comment_id = match[ 3 ]; 77 } 78 79 info.obj_id = match[ 4 ]; 80 81 requests.push( info ); 82 } ); 83 84 if ( requests.length > 0 ) { 85 JetpackLikesPostMessage( 86 { event: 'initialBatch', requests: requests }, 87 window.frames[ 'likes-master' ] 88 ); 89 } 90} 91 92function JetpackLikesMessageListener( event ) { 93 let message = event && event.data; 94 if ( typeof message === 'string' ) { 95 try { 96 message = JSON.parse( message ); 97 } catch ( err ) { 98 return; 99 } 100 } 101 102 const type = message && message.type; 103 const data = message && message.data; 104 105 if ( type !== 'likesMessage' || typeof data.event === 'undefined' ) { 106 return; 107 } 108 109 // We only allow messages from one origin 110 const allowedOrigin = 'https://widgets.wp.com'; 111 if ( allowedOrigin !== event.origin ) { 112 return; 113 } 114 115 switch ( data.event ) { 116 case 'masterReady': 117 jetpackLikesDocReadyPromise.then( () => { 118 jetpackLikesMasterReady = true; 119 120 const stylesData = { 121 event: 'injectStyles', 122 }; 123 const sdTextColor = document.querySelector( '.sd-text-color' ); 124 const sdLinkColor = document.querySelector( '.sd-link-color' ); 125 const sdTextColorStyles = ( sdTextColor && getComputedStyle( sdTextColor ) ) || {}; 126 const sdLinkColorStyles = ( sdLinkColor && getComputedStyle( sdLinkColor ) ) || {}; 127 128 // enable reblogs if they are enabled for the page 129 if ( document.body.classList.contains( 'jetpack-reblog-enabled' ) ) { 130 JetpackLikesPostMessage( { event: 'reblogsEnabled' }, window.frames[ 'likes-master' ] ); 131 } 132 133 stylesData.textStyles = { 134 color: sdTextColorStyles[ 'color' ],
135 fontFamily: sdTextColorStyles[ 'font-family' ], 136 fontSize: sdTextColorStyles[ 'font-size' ], 137 direction: sdTextColorStyles[ 'direction' ], 138 fontWeight: sdTextColorStyles[ 'font-weight' ], 139 fontStyle: sdTextColorStyles[ 'font-style' ], 140 textDecoration: sdTextColorStyles[ 'text-decoration' ], 141 }; 142 143 stylesData.linkStyles = { 144 color: sdLinkColorStyles[ 'color' ], 145 fontFamily: sdLinkColorStyles[ 'font-family' ], 146 fontSize: sdLinkColorStyles[ 'font-size' ], 147 textDecoration: sdLinkColorStyles[ 'text-decoration' ], 148 fontWeight: sdLinkColorStyles[ 'font-weight' ], 149 fontStyle: sdLinkColorStyles[ 'font-style' ], 150 }; 151 152 JetpackLikesPostMessage( stylesData, window.frames[ 'likes-master' ] ); 153 154 JetpackLikesBatchHandler(); 155 } ); 156 157 break; 158 159 // We're keeping this for planned future follow ups. 160 // @see: https://github.com/Automattic/jetpack/pull/42361#discussion_r1995338815 161 case 'showLikeWidget': 162 break; 163 164 // We're keeping this for planned future follow ups. 165 // @see: https://github.com/Automattic/jetpack/pull/42361#discussion_r1995338815 166 case 'showCommentLikeWidget': 167 break; 168 169 case 'killCommentLikes': 170 // If kill switch for comment likes is enabled remove all widgets wrappers and `Loading...` placeholders. 171 document 172 .querySelectorAll( '.jetpack-comment-likes-widget-wrapper' ) 173 .forEach( wrapper => wrapper.remove() ); 174 break; 175 176 case 'clickReblogFlair': 177 if ( wpcom_reblog && typeof wpcom_reblog.toggle_reblog_box_flair === 'function' ) { 178 wpcom_reblog.toggle_reblog_box_flair( data.obj_id, data.post_id ); 179 } 180 break; 181 182 case 'hideOtherGravatars': { 183 hideLikersPopover(); 184 break; 185 } 186 187 case 'showOtherGravatars': { 188 const container = document.querySelector( '#likes-other-gravatars' ); 189 190 if ( ! container ) { 191 break; 192 } 193 194 const list = container.querySelector( 'ul' ); 195 196 container.style.display = 'none'; 197 list.innerHTML = ''; 198 199 container 200 .querySelectorAll( '.likes-text span' ) 201 .forEach( item => ( item.textContent = data.totalLikesLabel ) ); 202 203 ( data.likers || [] ).forEach( async ( liker, index ) => { 204 if ( liker.profile_URL.substr( 0, 4 ) !== 'http' ) { 205 // We only display gravatars with http or https schema 206 return; 207 } 208 209 const element = document.createElement( 'li' ); 210 list.append( element ); 211 212 element.innerHTML = ` 213 <a href="${ encodeURI( liker.profile_URL ) }" rel="nofollow" target="_parent" class="wpl-liker"> 214 <img src="${ encodeURI( liker.avatar_URL ) }" 215 alt="" 216 style="width: 28px; height: 28px;" /> 217 <span></span> 218 </a> 219 `; 220 221 222 // Add some extra attributes through native methods, to ensure strings are sanitized. 223 element.classList.add( liker.css_class ); 224 element.querySelector( 'img' ).alt = data.avatarAltTitle.replace( '%s', liker.name ); 225 element.querySelector( 'span' ).innerText = liker.name; 226 227 if ( index === data.likers.length - 1 ) { 228 element.addEventListener( 'keydown', ( e ) => { 229 if ( e.key === 'Tab' && ! e.shiftKey ) { 230 e.preventDefault(); 231 hideLikersPopover(); 232 233 JetpackLikesPostMessage( 234 { event: 'focusLikesCount', parent: data.parent }, 235 window.frames[ 'likes-master' ] 236 ); 237 } 238 } ); 239 } 240 } ); 241 242 const positionPopup = function() { 243 const containerStyle = getComputedStyle(container); 244 const isRtl = containerStyle.direction === 'rtl'; 245 246 const el = document.querySelector( `*[name='${ data.parent }']` ); 247 const rect = el.getBoundingClientRect(); 248 const win = el.ownerDocument.defaultView; 249 250 const offset = { 251 top: rect.top + win.pageYOffset, 252 left: rect.left + win.pageXOffset, 253 }; 254 255 // don't display yet or we get skewed window.innerWidth later 256 container.style.display = 'none'; 257 258 let containerLeft = 0; 259 container.style.top = offset.top + data.position.top - 1 + 'px'; 260 261 if ( isRtl ) { 262 const visibleAvatarsCount = data && data.likers ? Math.min( data.likers.length, 5 ) : 0; 263 // 24px is the width of the avatar + 4px is the padding between avatars 264 containerLeft = offset.left + data.position.left + 24 * visibleAvatarsCount + 4; 265 container.style.transform = 'translateX(-100%)'; 266 } else { 267 containerLeft = offset.left + data.position.left; 268 } 269 container.style.left = containerLeft + 'px'; 270 271 // Container width - padding
272 const initContainerWidth = data.width - 20; 273 const rowLength = Math.floor( initContainerWidth / 37 ); 274 // # of rows + (avatar + avatar padding) + text above + container padding 275 let height = Math.ceil( data.likers.length / rowLength ) * 37 + 17 + 22; 276 if ( height > 204 ) { 277 height = 204; 278 } 279 280 // If the popup is overflows viewport width, we should show it on the next line 281 // Push it offscreen to calculated rendered width 282 const windowWidth = win.innerWidth; 283 container.style.left = '-9999px'; 284 container.style.display = 'block'; 285 286 // If the popup exceeds the viewport width, 287 // flip the position of the popup. 288 const containerWidth = container.offsetWidth; 289 const containerRight = containerLeft + containerWidth; 290 291 if ( containerRight > windowWidth && ! isRtl) { 292 containerLeft = rect.left + rect.width - containerWidth; 293 } else if ( containerLeft - containerWidth < 0 && isRtl ) { 294 container.style.transform = 'none'; 295 containerLeft = rect.left; 296 } 297 // Set the container left 298 container.style.left = containerLeft + 'px'; 299 300 container.setAttribute( 'aria-hidden', 'false' ); 301 } 302 303 positionPopup(); 304 container.focus(); 305 306 const debounce = function( func, wait ) { 307 var timeout; 308 return function() { 309 var context = this; 310 var args = arguments; 311 clearTimeout( timeout ); 312 timeout = setTimeout( function() { 313 func.apply( context, args ); 314 }, wait ); 315 }; 316 }; 317 318 const debouncedPositionPopup = debounce( positionPopup, 100 ); 319 320 // Keep a reference of this function in the element itself 321 // so that we can destroy it later 322 container.__resizeHandler = debouncedPositionPopup; 323 324 // When window is resized, resize the popup. 325 window.addEventListener( "resize", debouncedPositionPopup ); 326 } 327 } 328} 329 330window.addEventListener( 'message', JetpackLikesMessageListener ); 331 332function hideLikersPopover() { 333 const container = document.querySelector( '#likes-other-gravatars' ); 334 335 if ( container ) { 336 container.style.display = 'none'; 337 container.setAttribute( 'aria-hidden', 'true' ); 338 339 // Remove the resize event listener and cleanup. 340 const resizeHandler = container.__resizeHandler; 341 if ( resizeHandler ) { 342 window.removeEventListener( "resize", resizeHandler ); 343 delete container.__resizeHandler; 344 } 345 } 346} 347 348document.addEventListener( 'click', hideLikersPopover ); 349 350function JetpackLikesWidgetQueueHandler() { 351 var wrapperID; 352 353 if ( ! jetpackLikesMasterReady ) { 354 setTimeout( JetpackLikesWidgetQueueHandler, 500 ); 355 return; 356 } 357 358 // Restore widgets to initial unloaded state when they are scrolled out of view. 359 jetpackUnloadScrolledOutWidgets(); 360 361 var unloadedWidgetsInView = jetpackGetUnloadedWidgetsInView(); 362 363 if ( unloadedWidgetsInView.length > 0 ) { 364 // Grab any unloaded widgets for a batch request 365 JetpackLikesBatchHandler(); 366 } 367 368 for ( var i = 0, length = unloadedWidgetsInView.length; i <= length - 1; i++ ) { 369 wrapperID = unloadedWidgetsInView[ i ].id; 370 371 if ( ! wrapperID ) { 372 continue; 373 } 374 375 jetpackLoadLikeWidgetIframe( wrapperID ); 376 } 377} 378 379function jetpackLoadLikeWidgetIframe( wrapperID ) { 380 if ( typeof wrapperID === 'undefined' ) { 381 return; 382 } 383 384 const wrapper = document.querySelector( '#' + wrapperID ); 385 wrapper.querySelectorAll( 'iframe' ).forEach( iFrame => iFrame.remove() ); 386 387 const placeholder = wrapper.querySelector( '.likes-widget-placeholder' ); 388 389 // Post like iframe 390 if ( placeholder && placeholder.classList.contains( 'post-likes-widget-placeholder' ) ) { 391 const postLikesFrame = document.createElement( 'iframe' ); 392 393 postLikesFrame.classList.add( 'post-likes-widget', 'jetpack-likes-widget' ); 394 postLikesFrame.name = wrapper.dataset.name; 395 postLikesFrame.src = wrapper.dataset.src; 396 postLikesFrame.height = '55px'; 397 postLikesFrame.width = '100%'; 398 postLikesFrame.frameBorder = '0'; 399 postLikesFrame.scrolling = 'no'; 400 postLikesFrame.title = wrapper.dataset.title; 401 402 placeholder.after( postLikesFrame ); 403 } 404 405 // Comment like iframe 406 if ( placeholder.classList.contains( 'comment-likes-widget-placeholder' ) ) { 407 const commentLikesFrame = document.createElement( 'iframe' ); 408 409 commentLikesFrame.class = 'comment-likes-widget-frame jetpack-likes-widget-frame'; 410 commentLikesFrame.name = wrapper.dataset.name; 411 commentLikesFrame.src = wrapper.dataset.src; 412 commentLikesFrame.height = '18px'; 413 commentLikesFrame.width = '100%'; 414 commentLikesFrame.frameBorder = '0'; 415 commentLikesFrame.scrolling = 'no'; 416 417 wrapper.querySelector( '.comment-like-feedback' ).after( commentLikesFrame ); 418 419 jetpackCommentLikesLoadedWidgets.push( commentLikesFrame ); 420 } 421 422 wrapper.classList.remove( 'jetpack-likes-widget-unloaded' ); 423 wrapper.classList.add( 'jetpack-likes-widget-loading' ); 424 425 wrapper.querySelector( 'iframe' ).addEventListener( 'load', e => { 426 JetpackLikesPostMessage( 427 { event: 'loadLikeWidget', name: e.target.name, width: e.target.width }, 428 window.frames[ 'likes-master' ] 429 ); 430 431 wrapper.classList.remove( 'jetpack-likes-widget-loading' ); 432 wrapper.classList.add( 'jetpack-likes-widget-loaded' ); 433 } ); 434} 435 436function jetpackGetUnloadedWidgetsInView() { 437 const unloadedWidgets = document.querySelectorAll( 'div.jetpack-likes-widget-unloaded' ); 438 439 return [ ...unloadedWidgets ].filter( item => jetpackIsScrolledIntoView( item ) ); 440} 441 442function jetpackIsScrolledIntoView( element ) { 443 const top = element.getBoundingClientRect().top; 444 const bottom = element.getBoundingClientRect().bottom; 445
446 // Allow some slack above and bellow the fold with jetpackLikesLookAhead, 447 // with the aim of hiding the transition from unloaded to loaded widget from users. 448 return top + jetpackLikesLookAhead >= 0 && bottom <= window.innerHeight + jetpackLikesLookAhead; 449} 450 451function jetpackUnloadScrolledOutWidgets() { 452 for ( let i = jetpackCommentLikesLoadedWidgets.length - 1; i >= 0; i-- ) { 453 const currentWidgetIframe = jetpackCommentLikesLoadedWidgets[ i ]; 454 455 if ( ! jetpackIsScrolledIntoView( currentWidgetIframe ) ) { 456 const widgetWrapper = 457 currentWidgetIframe && 458 currentWidgetIframe.parentElement && 459 currentWidgetIframe.parentElement.parentElement; 460 461 // Restore parent class to 'unloaded' so this widget can be picked up by queue manager again if needed. 462 widgetWrapper.classList.remove( 'jetpack-likes-widget-loaded' ); 463 widgetWrapper.classList.remove( 'jetpack-likes-widget-loading' ); 464 widgetWrapper.classList.add( 'jetpack-likes-widget-unloaded' ); 465 466 // Bring back the loading placeholder into view. 467 widgetWrapper 468 .querySelectorAll( '.comment-likes-widget-placeholder' ) 469 .forEach( item => ( item.style.display = 'block' ) ); 470 471 // Remove it from the list of loaded widgets. 472 jetpackCommentLikesLoadedWidgets.splice( i, 1 ); 473 474 // Remove comment like widget iFrame. 475 currentWidgetIframe.remove(); 476 } 477 } 478} 479 480var jetpackWidgetsDelayedExec = function ( after, fn ) { 481 var timer; 482 return function () { 483 clearTimeout( timer ); 484 timer = setTimeout( fn, after ); 485 }; 486}; 487 488var jetpackOnScrollStopped = jetpackWidgetsDelayedExec( 250, JetpackLikesWidgetQueueHandler ); 489 490// Load initial batch of widgets, prior to any scrolling events. 491JetpackLikesWidgetQueueHandler(); 492 493// Add event listener to execute queue handler after scroll. 494window.addEventListener( 'scroll', jetpackOnScrollStopped, true ); 495; 496/** 497 * Observe how the user enters content into the comment form in order to determine whether it's a bot or not. 498 * 499 * Note that no actual input is being saved here, only counts and timings between events. 500 */ 501 502( function() { 503 // Passive event listeners are guaranteed to never call e.preventDefault(), 504 // but they're not supported in all browsers. Use this feature detection 505 // to determine whether they're available for use. 506 var supportsPassive = false; 507 508 try { 509 var opts = Object.defineProperty( {}, 'passive', { 510 get : function() { 511 supportsPassive = true; 512 } 513 } ); 514 515 window.addEventListener( 'testPassive', null, opts ); 516 window.removeEventListener( 'testPassive', null, opts ); 517 } catch ( e ) {} 518 519 function init() { 520 var input_begin = ''; 521 522 var keydowns = {}; 523 var lastKeyup = null; 524 var lastKeydown = null; 525 var keypresses = []; 526 527 var modifierKeys = []; 528 var correctionKeys = []; 529 530 var lastMouseup = null; 531 var lastMousedown = null; 532 var mouseclicks = []; 533 var mouseclickCoordinates = []; 534 535 var mousemoveTimer = null; 536 var lastMousemoveX = null; 537 var lastMousemoveY = null; 538 var lastMousemoveTime = null; 539 var mousemoveStart = null; 540 var mousemoves = []; 541 var intervalsBetweenMousemovesAndClicks = []; 542 543 var touchmoveCountTimer = null; 544 var touchmoveCount = 0; 545 546 var lastTouchEnd = null; 547 var lastTouchStart = null; 548 var touchEvents = []; 549 550 var scrollCountTimer = null; 551 var scrollCount = 0; 552 553 var correctionKeyCodes = [ 'Backspace', 'Delete', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', 'Home', 'End', 'PageUp', 'PageDown' ]; 554 var modifierKeyCodes = [ 'Shift', 'CapsLock' ]; 555 556 var forms = document.querySelectorAll( 'form[method=post]' ); 557 558 for ( var i = 0; i < forms.length; i++ ) { 559 var form = forms[i]; 560 561 var formAction = form.getAttribute( 'action' ); 562 563 // Ignore forms that POST directly to other domains; these could be things like payment forms. 564 if ( formAction ) { 565 // Check that the form is posting to an external URL, not a path. 566 if ( formAction.indexOf( 'http://' ) == 0 || formAction.indexOf( 'https://' ) == 0 ) { 567 if ( formAction.indexOf( 'http://' + window.location.hostname + '/' ) != 0 && formAction.indexOf( 'https://' + window.location.hostname + '/' ) != 0 ) { 568 continue; 569 } 570 } 571 } 572 573 form.addEventListener( 'submit', function () { 574 var ak_bkp = prepare_array_for_request( keypresses ); 575 var ak_bmc = prepare_array_for_request( mouseclicks ); 576 var ak_bte = prepare_array_for_request( touchEvents ); 577 var ak_bmm = prepare_array_for_request( mousemoves ); 578 var ak_bcc = prepare_array_for_request( mouseclickCoordinates ); 579 var ak_bibmac = intervalsBetweenMousemovesAndClicks.slice( 0, 100 ).join( ';' ); 580 581 var input_fields = { 582 // When did the user begin entering any input? 583 'bib': input_begin, 584 585 // When was the form submitted? 586 'bfs': Date.now(), 587 588 // How many keypresses did they make? 589 'bkpc': keypresses.length, 590
591 // How quickly did they press a sample of keys, and how long between them? 592 'bkp': ak_bkp, 593 594 // How quickly did they click the mouse, and how long between clicks? 595 'bmc': ak_bmc, 596 597 // How many mouseclicks did they make? 598 'bmcc': mouseclicks.length, 599 600 // When did they press modifier keys (like Shift or Capslock)? 601 'bmk': modifierKeys.join( ';' ), 602 603 // When did they correct themselves? e.g., press Backspace, or use the arrow keys to move the cursor back 604 'bck': correctionKeys.join( ';' ), 605 606 // How many times did they move the mouse? 607 'bmmc': mousemoves.length, 608 609 // How many times did they move around using a touchscreen? 610 'btmc': touchmoveCount, 611 612 // How many times did they scroll? 613 'bsc': scrollCount, 614 615 // How quickly did they perform touch events, and how long between them? 616 'bte': ak_bte, 617 618 // How many touch events were there? 619 'btec' : touchEvents.length, 620 621 // How quickly did they move the mouse, and how long between moves? 622 'bmm' : ak_bmm, 623 624 // Click coordinates 625 'bcc' : ak_bcc, 626 627 // Milliseconds between last mouse movement and each click 628 'bibmac' : ak_bibmac 629 }; 630 631 var akismet_field_prefix = 'ak_'; 632 633 if ( this.getElementsByClassName ) { 634 // Check to see if we've used an alternate field name prefix. We store this as an attribute of the container around some of the Akismet fields. 635 var possible_akismet_containers = this.getElementsByClassName( 'akismet-fields-container' ); 636 637 for ( var containerIndex = 0; containerIndex < possible_akismet_containers.length; containerIndex++ ) { 638 var container = possible_akismet_containers.item( containerIndex ); 639 640 if ( container.getAttribute( 'data-prefix' ) ) { 641 akismet_field_prefix = container.getAttribute( 'data-prefix' ); 642 break; 643 } 644 } 645 } 646 647 for ( var field_name in input_fields ) { 648 var field = document.createElement( 'input' ); 649 field.setAttribute( 'type', 'hidden' ); 650 field.setAttribute( 'name', akismet_field_prefix + field_name ); 651 field.setAttribute( 'value', input_fields[ field_name ] ); 652 this.appendChild( field ); 653 } 654 }, supportsPassive ? { passive: true } : false ); 655 656 form.addEventListener( 'keydown', function ( e ) { 657 // If you hold a key down, some browsers send multiple keydown events in a row. 658 // Ignore any keydown events for a key that hasn't come back up yet. 659 if ( e.key in keydowns ) { 660 return; 661 } 662 663 var keydownTime = ( new Date() ).getTime(); 664 keydowns[ e.key ] = [ keydownTime ]; 665 666 if ( ! input_begin ) { 667 input_begin = keydownTime; 668 } 669 670 // In some situations, we don't want to record an interval since the last keypress -- for example, 671 // on the first keypress, or on a keypress after focus has changed to another element. Normally, 672 // we want to record the time between the last keyup and this keydown. But if they press a 673 // key while already pressing a key, we want to record the time between the two keydowns. 674 675 var lastKeyEvent = Math.max( lastKeydown, lastKeyup ); 676 677 if ( lastKeyEvent ) { 678 keydowns[ e.key ].push( keydownTime - lastKeyEvent ); 679 } 680 681 lastKeydown = keydownTime; 682 }, supportsPassive ? { passive: true } : false ); 683 684 form.addEventListener( 'keyup', function ( e ) { 685 if ( ! ( e.key in keydowns ) ) { 686 // This key was pressed before this script was loaded, or a mouseclick happened during the keypress, or... 687 return; 688 } 689 690 var keyupTime = ( new Date() ).getTime(); 691 692 if ( 'TEXTAREA' === e.target.nodeName || 'INPUT' === e.target.nodeName ) { 693 if ( -1 !== modifierKeyCodes.indexOf( e.key ) ) { 694 modifierKeys.push( keypresses.length - 1 ); 695 } else if ( -1 !== correctionKeyCodes.indexOf( e.key ) ) { 696 correctionKeys.push( keypresses.length - 1 ); 697 } else { 698 // ^ Don't record timings for keys like Shift or backspace, since they 699 // typically get held down for longer than regular typing. 700 701 var keydownTime = keydowns[ e.key ][0]; 702 703 var keypress = []; 704 705 // Keypress duration. 706 keypress.push( keyupTime - keydownTime ); 707 708 // Amount of time between this keypress and the previous keypress. 709 if ( keydowns[ e.key ].length > 1 ) { 710 keypress.push( keydowns[ e.key ][1] ); 711 } 712 713 keypresses.push( keypress ); 714 } 715 } 716
717 delete keydowns[ e.key ]; 718 719 lastKeyup = keyupTime; 720 }, supportsPassive ? { passive: true } : false ); 721 722 form.addEventListener( "focusin", function ( e ) { 723 lastKeydown = null; 724 lastKeyup = null; 725 keydowns = {}; 726 }, supportsPassive ? { passive: true } : false ); 727 728 form.addEventListener( "focusout", function ( e ) { 729 lastKeydown = null; 730 lastKeyup = null; 731 keydowns = {}; 732 }, supportsPassive ? { passive: true } : false ); 733 } 734 735 document.addEventListener( 'mousedown', function ( e ) { 736 lastMousedown = ( new Date() ).getTime(); 737 738 if ( lastMousemoveTime ) { 739 intervalsBetweenMousemovesAndClicks.push( lastMousedown - lastMousemoveTime ); 740 } 741 742 var mouseclickCoordinate = []; 743 744 var rect = e.target.getBoundingClientRect(); 745 var relativeX = e.clientX - rect.left; 746 var relativeY = e.clientY - rect.top; 747 748 // Pixel offset of the click within the target element. 749 mouseclickCoordinate.push( Math.round( relativeX ) ); 750 mouseclickCoordinate.push( Math.round( relativeY ) ); 751 752 // Percentage offset of the click within the target element. 753 mouseclickCoordinate.push( rect.width > 0 ? Math.round( relativeX / rect.width * 100 ) : 0 ); 754 mouseclickCoordinate.push( rect.height > 0 ? Math.round( relativeY / rect.height * 100 ) : 0 ); 755 756 mouseclickCoordinates.push( mouseclickCoordinate ); 757 }, supportsPassive ? { passive: true } : false ); 758 759 document.addEventListener( 'mouseup', function ( e ) { 760 if ( ! lastMousedown ) { 761 // If the mousedown happened before this script was loaded, but the mouseup happened after... 762 return; 763 } 764 765 var now = ( new Date() ).getTime(); 766 767 var mouseclick = []; 768 mouseclick.push( now - lastMousedown ); 769 770 if ( lastMouseup ) { 771 mouseclick.push( lastMousedown - lastMouseup ); 772 } 773 774 mouseclicks.push( mouseclick ); 775 776 lastMouseup = now; 777 778 // If the mouse has been clicked, don't record this time as an interval between keypresses. 779 lastKeydown = null; 780 lastKeyup = null; 781 keydowns = {}; 782 }, supportsPassive ? { passive: true } : false ); 783 784 document.addEventListener( 'mousemove', function ( e ) { 785 lastMousemoveTime = ( new Date() ).getTime(); 786 787 if ( mousemoveTimer ) { 788 clearTimeout( mousemoveTimer ); 789 mousemoveTimer = null; 790 } 791 else { 792 mousemoveStart = lastMousemoveTime; 793 lastMousemoveX = e.offsetX; 794 lastMousemoveY = e.offsetY; 795 } 796 797 mousemoveTimer = setTimeout( function ( theEvent, originalMousemoveStart ) { 798 var now = ( new Date() ).getTime() - 500; // To account for the timer delay. 799 800 var mousemove = []; 801 mousemove.push( now - originalMousemoveStart ); 802 mousemove.push( 803 Math.round( 804 Math.sqrt( 805 Math.pow( theEvent.offsetX - lastMousemoveX, 2 ) + 806 Math.pow( theEvent.offsetY - lastMousemoveY, 2 ) 807 ) 808 ) 809 ); 810 811 if ( mousemove[1] > 0 ) { 812 // If there was no measurable distance, then it wasn't really a move. 813 mousemoves.push( mousemove ); 814 } 815 816 mousemoveStart = null; 817 mousemoveTimer = null; 818 }, 500, e, mousemoveStart ); 819 }, supportsPassive ? { passive: true } : false ); 820 821 document.addEventListener( 'touchmove', function ( e ) { 822 if ( touchmoveCountTimer ) { 823 clearTimeout( touchmoveCountTimer ); 824 } 825 826 touchmoveCountTimer = setTimeout( function () { 827 touchmoveCount++; 828 }, 500 ); 829 }, supportsPassive ? { passive: true } : false ); 830 831 document.addEventListener( 'touchstart', function ( e ) { 832 lastTouchStart = ( new Date() ).getTime(); 833 }, supportsPassive ? { passive: true } : false ); 834 835 document.addEventListener( 'touchend', function ( e ) { 836 if ( ! lastTouchStart ) { 837 // If the touchstart happened before this script was loaded, but the touchend happened after... 838 return; 839 } 840 841 var now = ( new Date() ).getTime(); 842 843 var touchEvent = []; 844 touchEvent.push( now - lastTouchStart ); 845 846 if ( lastTouchEnd ) { 847 touchEvent.push( lastTouchStart - lastTouchEnd ); 848 } 849 850 touchEvents.push( touchEvent ); 851 852 lastTouchEnd = now; 853 854 // Don't record this time as an interval between keypresses. 855 lastKeydown = null; 856 lastKeyup = null; 857 keydowns = {}; 858 }, supportsPassive ? { passive: true } : false ); 859 860 document.addEventListener( 'scroll', function ( e ) {
861 if ( scrollCountTimer ) { 862 clearTimeout( scrollCountTimer ); 863 } 864 865 scrollCountTimer = setTimeout( function () { 866 scrollCount++; 867 }, 500 ); 868 }, supportsPassive ? { passive: true } : false ); 869 } 870 871 /** 872 * For the timing/coordinate data that is collected, don't send more than `limit` data points in the request. 873 * Choose a random slice and send those, with each batch separated by semicolons and the items in each batch 874 * separated by commas. 875 */ 876 function prepare_array_for_request( a, limit ) { 877 if ( ! limit ) { 878 limit = 100; 879 } 880 881 var rv = ''; 882 883 if ( a.length > 0 ) { 884 var random_starting_point = Math.max( 0, Math.floor( Math.random() * a.length - limit ) ); 885 886 for ( var i = 0; i < limit && i < a.length; i++ ) { 887 var entry = a[ random_starting_point + i ]; 888 rv += entry.join( ',' ) + ';'; 889 } 890 } 891 892 return rv; 893 } 894 895 if ( document.readyState !== 'loading' ) { 896 init(); 897 } else { 898 document.addEventListener( 'DOMContentLoaded', init ); 899 } 900})();; 901/*! This file is auto-generated */ 902window.addComment=function(v){var I,C,h,E=v.document,b={commentReplyClass:"comment-reply-link",commentReplyTitleId:"reply-title",cancelReplyId:"cancel-comment-reply-link",commentFormId:"commentform",temporaryFormId:"wp-temp-form-div",parentIdFieldId:"comment_parent",postIdFieldId:"comment_post_ID"},e=v.MutationObserver||v.WebKitMutationObserver||v.MozMutationObserver,i="querySelector"in E&&"addEventListener"in v,n=!!E.documentElement.dataset;function t(){o(),e&&new e(d).observe(E.body,{childList:!0,subtree:!0})}function o(e){if(i&&(I=g(b.cancelReplyId),C=g(b.commentFormId),I)){I.addEventListener("click",l);function t(e){if((e.metaKey||e.ctrlKey)&&13===e.keyCode&&"a"!==E.activeElement.tagName.toLowerCase())return C.removeEventListener("keydown",t),e.preventDefault(),C.submit.click(),!1}C&&C.addEventListener("keydown",t);for(var n=function(e){var t=b.commentReplyClass;e&&e.childNodes||(e=E);e=E.getElementsByClassName?e.getElementsByClassName(t):e.querySelectorAll("."+t);return e}(e),o=0,d=n.length;o<d;o++)n[o].addEventListener("click",r)}}function l(e){var t,n,o=g(b.temporaryFormId);o&&h&&(g(b.parentIdFieldId).value="0",t=o.textContent,o.parentNode.replaceChild(h,o),this.style.display="none",n=(o=(o=g(b.commentReplyTitleId))&&o.firstChild)&&o.nextSibling,o&&o.nodeType===Node.TEXT_NODE&&t&&(n&&"A"===n.nodeName&&n.id!==b.cancelReplyId&&(n.style.display=""),o.textContent=t),e.preventDefault())}function r(e){var t=g(b.commentReplyTitleId),t=t&&t.firstChild.textContent,n=this,o=a(n,"belowelement"),d=a(n,"commentid"),i=a(n,"respondelement"),l=a(n,"postid"),n=a(n,"replyto")||t;o&&d&&i&&l&&!1===v.addComment.moveForm(o,d,i,l,n)&&e.preventDefault()}function d(e){for(var t=e.length;t--;)if(e[t].addedNodes.length)return void o()}function a(e,t){return n?e.dataset[t]:e.getAttribute("data-"+t)}function g(e){return E.getElementById(e)}return i&&"loading"!==E.readyState?t():i&&v.addEventListener("DOMContentLoaded",t,!1),{init:o,moveForm:function(e,t,n,o,d){var i,l,r,a,m,c,s,e=g(e),n=(h=g(n),g(b.parentIdFieldId)),y=g(b.postIdFieldId),p=g(b.commentReplyTitleId),u=(p=p&&p.firstChild)&&p.nextSibling;if(e&&h&&n){void 0===d&&(d=p&&p.textContent),a=h,m=b.temporaryFormId,c=g(m),s=(s=g(b.commentReplyTitleId))?s.firstChild.textContent:"",c||((c=E.createElement("div")).id=m,c.style.display="none",c.textContent=s,a.parentNode.insertBefore(c,a)),o&&y&&(y.value=o),n.value=t,I.style.display="",e.parentNode.insertBefore(h,e.nextSibling),p&&p.nodeType===Node.TEXT_NODE&&(u&&"A"===u.nodeName&&u.id!==b.cancelReplyId&&(u.style.display="none"),p.textContent=d),I.onclick=function(){return!1};try{for(var f=0;f<C.elements.length;f++)if(i=C.elements[f],l=!1,"getComputedStyle"in v?r=v.getComputedStyle(i):E.documentElement.currentStyle&&(r=i.currentStyle),(i.offsetWidth<=0&&i.offsetHeight<=0||"hidden"===r.visibility)&&(l=!0),"hidden"!==i.type&&!i.disabled&&!l){i.focus();break}}catch(e){}return!1}}}}(window);;
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.