Vinicius Patrinhani patrinhani-ciandt

## highlight_custom_elements.js
// Highlights all custom elements on the page.
// 7/31/2016: updated to work with both shadow dom v0 and v1.
// To create a bookmarklet, use http://ted.mielczarek.org/code/mozilla/bookmarklet.html

var allCustomElements = [];

function isCustomElement(el) {
  const isAttr = el.getAttribute('is');
  // Check for <super-button> and <button is="super-button">.
  return el.localName.includes('-') || isAttr && isAttr.includes('-');

## app.html
<!DOCTYPE html>
<html>
<head>
  <style>
    body.loading #splash {
      opacity: 1;
    }
    #splash {
      position: absolute;
      top: 0;

## imports_timing.js
// Know how fast your HTML Imports are.
// crbug.com/505279 - doesn't show sub-import resources.
var imports = document.querySelectorAll('link[rel="import"]');
[].forEach.call(imports, function(link) {
  var entries = performance.getEntriesByName(link.href);
  console.info('=== HTML Imports perf ===');
  entries.forEach(function(e) {
    console.log(e.name, 'took', e.duration, 'ms');
  });
});

## polymer-perf-bookmarklet.js
javascript:(function(){(function printStats(){var loadTimes=window.chrome.loadTimes();firstPaint=loadTimes.firstPaintTime*1000;firstPaintTime=firstPaint-(loadTimes.startLoadTime*1000);console.info('First paint took',firstPaintTime,'ms');console.info('Load took',performance.timing.loadEventStart-performance.timing.navigationStart,'ms');var instances=0;if(parseFloat(Polymer.version)<1){instances=[].slice.call(document.querySelectorAll('html /deep/ *')).filter(function(el){return el.localName.indexOf('-')!=-1||el.getAttribute('is');}).length;}else{instances=Polymer.telemetry.instanceCount;}console.info('Custom element instances:',instances);var reflectCount=0;if(Polymer.telemetry){console.info('=== Properties set to reflectToAttribute ===');Polymer.telemetry.registrations.forEach(function(el){for(var prop in el.properties){if(el.properties[prop].reflectToAttribute){console.log(el.is+'.'+prop);reflectCount++;}}});}else{console.info('=== Properties set to reflect ===');Polymer.elements.forEach(function(el){for(var

## dom-property-watcher.js
// Watch accesses/sets on a DOM element property.
function watchPropsOn(el) {
  return new Proxy(el, {
    get(target, propKey, receiver) {
      //return Reflect.get(target, propKey, receiver);
            console.log('get', propKey);
      return el[propKey];
    },
    set(target, propKey, value, receiver) {
      console.log('set', propKey, value);

## firstpaint.js
(function() {
  'use strict';

  // First paint perf.
  if (window.chrome && window.chrome.loadTimes) {
    const getFP = function() {
      let load = chrome.loadTimes();
      let fp = (load.firstPaintTime - load.startLoadTime) * 1000;
      return Math.round(fp);
    };

## wcr_lazyload.html
<!doctype html>
<html>
<head>
<base href="https://polygit.org/components/">
<!-- <script src="webcomponentsjs/webcomponents-lite.min.js"></script> -->
<link rel="import" href="paper-input/paper-input.html">
<link rel="import" href="paper-button/paper-button.html">
</head>
<body>
	// Highlights all custom elements on the page.
	// 7/31/2016: updated to work with both shadow dom v0 and v1.
	// To create a bookmarklet, use http://ted.mielczarek.org/code/mozilla/bookmarklet.html

	var allCustomElements = [];

	function isCustomElement(el) {
	const isAttr = el.getAttribute('is');
	// Check for <super-button> and <button is="super-button">.
	return el.localName.includes('-') \|\| isAttr && isAttr.includes('-');
	<!DOCTYPE html>
	<html>
	<head>
	<style>
	body.loading #splash {
	opacity: 1;
	}
	#splash {
	position: absolute;
	top: 0;
	// Know how fast your HTML Imports are.
	// crbug.com/505279 - doesn't show sub-import resources.
	var imports = document.querySelectorAll('link[rel="import"]');
	[].forEach.call(imports, function(link) {
	var entries = performance.getEntriesByName(link.href);
	console.info('=== HTML Imports perf ===');
	entries.forEach(function(e) {
	console.log(e.name, 'took', e.duration, 'ms');
	});
	});
	// Watch accesses/sets on a DOM element property.
	function watchPropsOn(el) {
	return new Proxy(el, {
	get(target, propKey, receiver) {
	//return Reflect.get(target, propKey, receiver);
	console.log('get', propKey);
	return el[propKey];
	},
	set(target, propKey, value, receiver) {
	console.log('set', propKey, value);
	(function() {
	'use strict';

	// First paint perf.
	if (window.chrome && window.chrome.loadTimes) {
	const getFP = function() {
	let load = chrome.loadTimes();
	let fp = (load.firstPaintTime - load.startLoadTime) * 1000;
	return Math.round(fp);
	};