@stencil/core

Version:

A Compiler for Web Components and Progressive Web Apps

13 lines • 19.9 kB

HTML

<!doctype html> <html> <head> <meta charset="utf-8"> <title>Stencil Dev Server Connector ⚡</title> <script> !function(e,t,n,r){"use strict";var i="/~dev-server",A=i+"-init",o=i+"-open-in-editor";function a(e,t){e.dispatchEvent(new CustomEvent(u,{detail:t}))}function s(e,t){e.addEventListener(d,function(e){t(e.detail)})}function l(e,t){e.addEventListener(u,function(e){t(e.detail)})}var c="devserver:buildlog",d="devserver:buildresults",u="devserver:buildstatus";function f(e){h(b,"Build",e)}function v(e){p("Reload",e)}function p(e,t){h(m,e,t)}function h(e,t,n){var r=["%c"+t,"background: "+e+"; color: white; padding: 2px 3px; border-radius: 2px; font-size: 0.8em;"];console.log.apply(console,r.concat([n]))}var m="#f39c12",g="#c0392b",b="#3498db",E="#717171";function k(e,t,n,r){if(Array.isArray(r.diagnostics)){var A=r.diagnostics.filter(function(e){return"error"===e.level});if(0!==A.length){var o=function(e){var t=e.getElementById(Q);t||((t=e.createElement("div")).id=Q,e.body.appendChild(t));return t.innerHTML="\n <style>#"+Q+' { display: none; }</style>\n <link href="'+i+'/app-error.css" rel="stylesheet">\n <div id="'+Q+'-inner"></div>\n ',e.getElementById(Q+"-inner")}(t);A.forEach(function(r){!function(e){var t=g,n="Error";"warn"===e.level&&(t=m,n="Warning"),e.header&&(n=e.header);var r="";e.relFilePath&&(r+=e.relFilePath,"number"==typeof e.lineNumber&&e.lineNumber>0&&(r+=", line "+e.lineNumber,"number"==typeof e.columnNumber&&e.columnNumber>0&&(r+=", column "+e.columnNumber)),r+="\n"),h(t,n,r+=e.messageText)}(r),function(e,t,n,r,i){var A=t.createElement("div");A.className="dev-server-diagnostic";var o=t.createElement("div");o.className="dev-server-diagnostic-masthead",o.title=C(i.type)+" error: "+C(i.code),A.appendChild(o);var a=t.createElement("div");a.className="dev-server-diagnostic-title","string"==typeof i.header&&i.header.trim().length>0?a.textContent=i.header:a.textContent=L(i.type)+" "+L(i.level);o.appendChild(a);var s=t.createElement("div");s.className="dev-server-diagnostic-message",s.textContent=i.messageText,o.appendChild(s);var l=t.createElement("div");l.className="dev-server-diagnostic-file",A.appendChild(l);var c=function(e,t){if(e.editors&&e.editors.length>0&&t&&"string"==typeof t.absFilePath)return!0;return!1}(n,i);if(i.relFilePath){var d=t.createElement(c?"a":"div");d.className="dev-server-diagnostic-file-header",i.absFilePath&&(d.title=C(i.absFilePath),c&&y(e,n,d,i.absFilePath,i.lineNumber,i.columnNumber));var u=i.relFilePath.split("/"),f=t.createElement("span");f.className="dev-server-diagnostic-file-name",f.textContent=u.pop();var v=t.createElement("span");v.className="dev-server-diagnostic-file-path",v.textContent=u.join("/")+"/",d.appendChild(v),d.appendChild(f),l.appendChild(d)}if(i.lines&&i.lines.length>0){var p=t.createElement("div");p.className="dev-server-diagnostic-blob",l.appendChild(p);var h=t.createElement("table");h.className="dev-server-diagnostic-table",p.appendChild(h),function(e){for(var t=JSON.parse(JSON.stringify(e)),n=0;n<100;n++){if(!w(t))return t;for(var r=0;r<t.length;r++)if(t[r].text=t[r].text.substr(1),t[r].errorCharStart--,!t[r].text.length)return t}return t}(i.lines).forEach(function(r){var A=t.createElement("tr");r.errorCharStart>0&&A.classList.add("dev-server-diagnostic-error-line"),c&&A.classList.add("dev-server-diagnostic-open-in-editor"),h.appendChild(A);var o=t.createElement("td");if(o.className="dev-server-diagnostic-blob-num",r.lineNumber>0&&(o.setAttribute("data-line-number",r.lineNumber+""),o.title=C(i.relFilePath)+", line "+r.lineNumber,c)){var a=r.lineNumber===i.lineNumber?i.columnNumber:1;y(e,n,o,i.absFilePath,r.lineNumber,a)}A.appendChild(o);var s=t.createElement("td");s.className="dev-server-diagnostic-blob-code",s.innerHTML=function(e,t,n){if("string"!=typeof e)return"";var r=t+n;return e.split("").map(function(e,n){var i;return i="<"===e?"<":">"===e?">":'"'===e?""":"'"===e?"'":"&"===e?"&":e,n>=t&&n<r&&(i='<span class="dev-server-diagnostic-error-chr">'+i+"</span>"),i}).join("")}(r.text,r.errorCharStart,r.errorLength),A.appendChild(s)})}r.appendChild(A)}(e,t,n,o,r)}),a(e,"error")}}}function y(e,t,n,r,i,A){"A"===n.tagName&&(n.href="#open-in-editor"),("number"!=typeof A||A<1)&&(A=1),n.addEventListener("click",function(n){n.preventDefault(),n.stopPropagation();var a={file:r,line:i,column:A,editor:t.editors[0].id},s=o+"?"+Object.keys(a).map(function(e){return e+"="+a[e]}).join("&");e.fetch(s)})}function C(e){return"number"==typeof e||"boolean"==typeof e?e.toString():"string"==typeof e?e.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""").replace(/'/g,"'"):""}function L(e){return e.charAt(0).toUpperCase()+e.substr(1)}function w(e){if(!e.length)return!1;for(var t=0;t<e.length;t++){if(!e[t].text||e[t].text.length<1)return!1;var n=e[t].text.charAt(0);if(" "!==n&&"\t"!==n)return!1}return!0}var Q="dev-server-modal";function H(e,t,n){var r=[];n.forEach(function(n){!function e(t,n,r,i){n.nodeName.toLowerCase()===i&&n["s-hmr"]&&(n["s-hmr"](r),n.setAttribute("data-hmr",r),-1===t.indexOf(i)&&t.push(i));n.shadowRoot&&11===n.shadowRoot.nodeType&&n.shadowRoot!==n&&e(t,n.shadowRoot,r,i);if(n.children)for(var A=0;A<n.children.length;A++)e(t,n.children[A],r,i)}(r,e,t,n)}),r.length>0&&f("Updated component"+(r.length>1?"s":"")+": "+r.sort().join(", "))}function I(e,t,n){if("string"!=typeof n)return n;var r=n.split("/"),i=r[r.length-1],A=i.split("?");if(t!==(i=A[0]))return n;var o=j(A[1]);return o["s-hmr"]=e,n.split("?")[0]+"?"+S(o)}function j(e){var t={};return e&&e.split("&").forEach(function(e){var n=e.split("=");t[n[0]]=n[1]?n[1]:""}),t}function S(e){return Object.keys(e).map(function(t){return t+"="+e[t]}).join("&")}function N(e,t,n){for(var r,i=/url\((['"]?)(.*)\1\)/gi,A=n;null!==(r=i.exec(n));){var o=r[2];A=A.replace(o,I(e,t,o))}return A}function B(e,t,n){if("link"===e.nodeName.toLowerCase()&&n.forEach(function(n){!function(e,t,n){if(!e.href||!e.rel||"stylesheet"!==e.rel.toLowerCase())return;e.href=I(t,n,e.href),e.setAttribute("data-hmr",t)}(e,t,n)}),"template"===e.nodeName.toLowerCase()&&e.content&&B(e.content,t,n),e.shadowRoot&&B(e.shadowRoot,t,n),e.children)for(var r=0;r<e.children.length;r++)B(e.children[r],t,n)}function U(e,t,n,r){"file:"!==e.location.protocol&&t.styleSheets&&function(e,t,n){for(var r=Object.keys(e.documentElement.style).filter(function(e){return e.endsWith("Image")}),i=0;i<e.styleSheets.length;i++)D(r,e.styleSheets[i],t,n)}(t,n,r),function e(t,n,r,i){"img"===n.nodeName.toLowerCase()&&function(e,t,n){n.forEach(function(n){e.src=I(t,n,e.src),e.setAttribute("data-hmr",t)})}(n,r,i);if(n.getAttribute){var A=n.getAttribute("style");A&&function(e,t,n,r){n.forEach(function(n){var i=N(t,n,r);i!==r&&(e.setAttribute("style",i),e.setAttribute("data-hmr",t))})}(n,r,i,A)}"style"===n.nodeName.toLowerCase()&&function(e,t,n){n.forEach(function(n){e.innerHTML=N(t,n,e.innerHTML),e.setAttribute("data-hmr",t)})}(n,r,i);"file:"===t.location.protocol&&"link"===n.nodeName.toLowerCase()&&function(e,t,n){if(!e.href||!e.rel||"stylesheet"!==e.rel.toLowerCase())return;var r=e.href.split("?"),i=r[0],A=j(r[1]);A["s-hmr"]=t,A["s-hmr-urls"]=n.join(","),e.href=i+"?"+S(A),e.setAttribute("data-hmr",t)}(n,r,i);"template"===n.nodeName.toLowerCase()&&n.content&&e(t,n.content,r,i);n.shadowRoot&&e(t,n.shadowRoot,r,i);if(n.children)for(var o=0;o<n.children.length;o++)e(t,n.children[o],r,i)}(e,t.documentElement,n,r)}function D(e,t,n,r){try{for(var i=t.cssRules,A=0;A<i.length;A++){var o=i[A];switch(o.type){case CSSRule.IMPORT_RULE:D(e,o.styleSheet,n,r);break;case CSSRule.STYLE_RULE:F(e,o,n,r);break;case CSSRule.MEDIA_RULE:D(e,o,n,r)}}}catch(e){console.error("hmrStyleSheetImages: "+e)}}function F(e,t,n,r){e.forEach(function(e){r.forEach(function(r){var i=t.style[e],A=N(n,r,i);i!==A&&(t.style[e]=A)})})}function R(e,t,n){s(e,function(r){!function(e,t,n,r){try{if(function(e){var t=e.getElementById(Q);t&&t.parentNode.removeChild(t)}(t),r.hasError)return void k(e,t,n,r);if(e["s-initial-load"])return void T(e,n,function(){v("Initial load"),e.location.reload(!0)});r.hmr&&function(e,t,n){var r=!1;"pageReload"===n.reloadStrategy&&(r=!0);n.indexHtmlUpdated&&(v("Updated index.html"),r=!0);n.serviceWorkerUpdated&&(v("Updated Service Worker: sw.js"),r=!0);n.scriptsAdded&&n.scriptsAdded.length>0&&(v("Added scripts: "+n.scriptsAdded.join(", ")),r=!0);n.scriptsDeleted&&n.scriptsDeleted.length>0&&(v("Deleted scripts: "+n.scriptsDeleted.join(", ")),r=!0);n.excludeHmr&&n.excludeHmr.length>0&&(v("Excluded From Hmr: "+n.excludeHmr.join(", ")),r=!0);if(r)return void e.location.reload(!0);t.documentElement.setAttribute("data-hmr",n.versionId),n.componentsUpdated&&H(t.documentElement,n.versionId,n.componentsUpdated);n.inlineStylesUpdated&&(f("Updated styles: "+n.inlineStylesUpdated.map(function(e){return e.styleTag}).reduce(function(e,t){return e.includes(t)||e.push(t),e},[]).sort().join(", ")),function e(t,n,r){if("style"===t.nodeName.toLowerCase()&&r.forEach(function(e){!function(e,t,n){e.getAttribute&&e.getAttribute("s-id")===n.styleId&&n.styleText&&(e.innerHTML=n.styleText.replace(/\\n/g,"\n"),e.setAttribute("data-hmr",t))}(t,n,e)}),"template"===t.nodeName.toLowerCase()&&t.content&&e(t.content,n,r),t.shadowRoot&&e(t.shadowRoot,n,r),t.children)for(var i=0;i<t.children.length;i++)e(t.children[i],n,r)}(t.documentElement,n.versionId,n.inlineStylesUpdated));n.externalStylesUpdated&&(f("Updated stylesheets: "+n.externalStylesUpdated.sort().join(", ")),B(t.documentElement,n.versionId,n.externalStylesUpdated));n.imagesUpdated&&(f("Updated images: "+n.imagesUpdated.sort().join(", ")),U(e,t,n.versionId,n.imagesUpdated))}(e,t,r.hmr)}catch(e){console.error(e)}}(e,t,n,r)})}function T(e,t,n){e.history.replaceState({},"App",t.basePath),e.navigator.serviceWorker&&e.navigator.serviceWorker.getRegistration?e.navigator.serviceWorker.getRegistration().then(function(e){e?e.unregister().then(function(e){e&&f("unregistered service worker"),n()}):n()}).catch(function(e){p("Service Worker",e),n()}):n()}function x(e,t){var n,r,i,A,o,a="#5851ff",d=0;function u(){clearTimeout(i),clearTimeout(r);var e=h();if(!e)return function(){var e=t.createElement("div");e.id=p,e.style.position="absolute",e.style.top="0",e.style.left="0",e.style.zIndex="100001",e.style.width="100%",e.style.height="2px",e.style.transform="scaleX(0)",e.style.opacity="1",e.style.background=a,e.style.transformOrigin="left center",e.style.transition="transform .1s ease-in-out, opacity .5s ease-in",e.style.contain="strict",t.body.appendChild(e)}(),void(n=setTimeout(u,16));e.style.background=a,e.style.opacity="1",e.style.transform="scaleX("+Math.min(1,v())+")",null==A&&(A=setInterval(function(){o+=.05*Math.random()+.01,v()<.9?u():clearInterval(A)},800))}function f(){clearInterval(A),o=.05,A=null,clearTimeout(i),clearTimeout(n),clearTimeout(r);var e=h();e&&(d>=1&&(e.style.transform="scaleX(1)"),i=setTimeout(function(){try{var e=h();e&&(e.style.opacity="0")}catch(e){}},150),r=setTimeout(function(){try{var e=h();e&&e.parentNode.removeChild(e)}catch(e){}},1e3))}function v(){var e=d+o;return Math.max(0,Math.min(1,e))}f(),function(e,t){e.addEventListener(c,function(e){t(e.detail)})}(e,function(e){(d=e.progress)>=0&&d<1?u():f()}),s(e,function(e){if(e.hasError){var t=h();t&&(t.style.transform="scaleX(1)",t.style.background="#b70c19")}f()}),l(e,function(e){"disabled"===e&&f()}),"tmpl-initial-load"===t.head.dataset.tmpl&&u();var p="dev-server-progress-bar";function h(){return t.getElementById(p)}}function K(e,t){O(t).forEach(function(e){e.href&&(e.dataset.href=e.href,e.dataset.type=e.type)}),l(e,function(e){!function(e,t){O(e).forEach(function(e){!function(e,t){"pending"===t?(e.href=J,e.type=W):"error"===t?(e.href=Y,e.type=W):"disabled"===t?(e.href=P,e.type=W):e.dataset.href?(e.href=e.dataset.href,e.type=e.dataset.type):(e.href=M,e.type=W)}(e,t)})}(t,e)})}function O(e){for(var t=[],n=e.querySelectorAll("link"),r=0;r<n.length;r++)n[r].href&&n[r].rel&&(n[r].rel.indexOf("shortcut")>-1||n[r].rel.indexOf("icon")>-1)&&t.push(n[r]);if(0===t.length){var i=e.createElement("link");i.rel="shortcut icon",e.head.appendChild(i),t.push(i)}return t}var M="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMAAAADACAMAAABlApw1AAAAnFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD4jUzeAAAAM3RSTlMAsGDs4wML8QEbBvr2FMhAM7+ILCUPnNzXrX04otO6j3RiT0ggzLSTcmtWUUWoZlknghZc2mZzAAACrklEQVR42u3dWXLiUAyFYWEwg40x8wxhSIAwJtH+99ZVeeinfriXVpWk5Hyr+C2VrgkAAAAAAAAAAAw5sZQ7aUhYypw07FjKC2ko2yxk2SQFgwYLOWSkYFhlIZ06KWhNWMhqRApGKxYyaZGCeoeFVIekIDuwkEaXFDSXLKRdkoYjS9mRhjlLSUjDO0s5kYYzS+mThn3OQsYqAbQQC7hZSgoGYgHUy0jBa42FvKkEUDERC6CCFIzeWEjtlRRkPbGAG5CCtCIWQAtS0ByzkHxPGvos5UEaNizlnTRsWconhbM4wTpSFHMTrFtKCroNFrLGBOsJLbGAWxWkoFiJBRAmWE/I1r4nWOmNheTeJ1gX0vDJUrYUweAEa04aHs5XePvc9wpPboJ1SCmOsRVkr04aromUEQEAgB9lxaZ++ATFpNDv6Y8qm1QdBk9QTAr9ni6mbFK7DJ6g2LQLXoHZlFCQdMY2nYJXYDb1g1dgNo2boSswm2Zp6ArMptCFyIVtCl2IlDmbNC0QcPEQcD8l4HLvAXdxHnBb5wG3QcDFQ8D9mIDrIeCiIeDiA25oNeA+EHDREHDxAbdmmxBwT0HARQbciW0KDbiEbQoNuB3bFBxwbTYJAfcUBFxkwFG/YlNJAADgxzCRcqUY9m7KGgNSUEx9H3XXO76Puv/OY5wedX/flHk+6j46v2maO79purPvm6Yz+75puua+b5q6Dd/PEsrNMyZfFM5gAMW+ymPtWciYV3ksBpBOwKUH3wHXXLKUM2l4cR5wG+cBlzgPuJ3zgJNb6FRwlP4Ln1X8wrOKeFbxP6Qz3wEn+KzilWLYe5UnMuDwY5BvD+cBt899B9zC+49Bqr4DrlXzHXDF1HfA1Tu+Ay5b+w649OY74OjoO+Bo7jzg7s4DDgAAAAAAAAAA/u0POrfnVIaqz/QAAAAASUVORK5CYII=",J="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMAAAADACAMAAABlApw1AAAAjVBMVEUAAAD8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjL8kjLn7xn3AAAALnRSTlMAsFBgAaDxfPpAdTMcD/fs47kDBhVXJQpvLNbInIiBRvSqIb+TZ2OOONxdzUxpgKSpAAAAA69JREFUeNrt3FtvskAQxvERFQXFioqnCkqth572+3+8947dN00TliF5ZpP53ZOAveg/OzCklFJKKaWUUkoppQTZm77cCGFo+jIhhG/TlwchJAvTk/GIAA6x6Um+JoDti+nJ644A5h+mJ8eMALKj6cnHnAB2r80NLJ4jf3Vz+cuWANZ5cwPTM/l7by6PZwQwGptGQf4q++dLCOHdNIbkb2IvjwjAvYEf8pe6j4/wYxopr/9SQih4BXa3l5eEcJ7a++c9/gkSQE8bcCWvXwcrAjjYADrxHv8KCbi3JasgD5fm8i9IAG1swMXzDv0X2wDaEED21dzA5UDeVoPm8uUbAayvvAI42YA7EIDzA5pv8lc6/UoAoxMv4CZuvyKUpnHn9VNBAG6B7XkBtCeEO6/AbvbyihAiXsB92svfCcA9wap4j19DAmgWs37AZCrnBKvu8vgX9AmWE3BZh/6L7QkWJIA2RxtwHQpml9sAQp9gXWbkbxz4CdYDfIK1qk1j3IV9fPgJFlNECJXhYfSfsBHkhBCKwEd452nYI7wncwQJP8GKTU+uO0I4D/uSkVJKqXAkA5nK9icoIi3nrU9QRHrZtj5BESmetT5BEantPCh7NTJFrUdgMg1bj8BkSv1HYJ8RmjMQKf1HYDdC+/R/IyQFzbD4AxH+CIyPPxCJoEdQ/IFIMgXNEPkDkd8jMLQs5wRcTXA1J+By/BGO+0ovYwQGU3kPRLJfIzCkCSfgpgmhpc5AxD/gIkLb8wKO0DTgoNyaGQQecNfQAy7TgGtHA04DLtyA24UecHngAVdrwIkJuAitU8DJ1Dbghkam9gEnU+uAWxiRjhsdoXagI1TPgKNyIBO+ZpRSSrW3HfblTAA9/juPDwTAfiMK9VG3PY/hwX7Ubc9j+AoCWNWGp+NSH4HflE2IgXUEGPI3TTfmN4ndv2kSsRUJvpUn4W1FShbYb5rc84ySAtzKs3W3IgW4lWfO24q0zsFbebIjaysSjbtt5RHzUf0DHHCrAW8gVYEDzl0LGYW4lefB24uYQgOOfwN7dMANeW/k3DkBJ2CrUNE54GRsFYIHnPNR+iPEgHPWKo5DDDhnrWKeBRhwzlrFeNtlq5CgtYqzAAPODaBzgAH331rFAAOOqsDXKjL3IqboN7ILJ4BCDDh3r3SIAfd0AijEgHP3So/8wQNuvjRBbxVij5A6Bpy8EZJnwIkbIfkFnLwRkm/ASRshXbwDTtYICRRwt7BHqEoppZRSSimllFLqD/8AOXJZHefotiIAAAAASUVORK5CYII=",Y="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMAAAADACAMAAABlApw1AAAAkFBMVEUAAAD5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0H5Q0HYvLBZAAAAL3RSTlMAsGDjA/rsC/ElHRUBBssz9pFCvoh0UEcsD9ec3K19OLiiaNLEYlmoVeiCbmE+GuMl4I8AAAKQSURBVHja7d1njupQDIZhAymEUIZQQu9taN7/7q50pfl/TmTJtvQ9q3hzLDsEAAAAAAAAAACGzFjKiTS0WcqONMxZypg0fH5YyLFPChZdFnIYkILil4VcclLw3bCQ85IULM8sZPMlBfmFhfwWpGBwYCHdESnoH1nIz4c0jFnKnDTsWEqbNJxYyow03FjKlDTUKQtZqwTQXizgtgkpWGQsZKIScL0OCxmqBFC5EQugkhQshyyk0yMFgwkLyRakIGmJBdCeFPTXLCStScOUpdwogsEXrBdpuLKUJ4XDC9afKmUh94QUjLy/YGViAZRTOIMBtypJQXn2HUC5WMBleMFqILmzkLSicBZfsB6k4clSrqTh5XyEd3MeQHXqe4Qn94LVSiicwRHkJScNdVvKkgAAwI+qZdM0/AXFpE4v+AXFpKwIfkExKfR7ulyxSWkV/IJi0zx4BGbTm4IkW7ZpFjwCs2kaPAKzad0PHYHZtE1CR2A2TQahIzCbhnnwCMykVYmAi4aAQ8BZ4T3grgi4BhBwCDgbEHCNIOAQcCYg4BpCwCHgLEDAaYgPuDfbhIBrBAGHgDMhNOBo2rKpIgAA8KNoS6kplq2dsu6CFJQr30vd+dD3Uvf/nTLHS93J3flZwrHznaad852mE/veaXqw752mKvW90zTq+j5LWGS+r/J8xQKoU1AUa2chm1zlsXQWUifgkoPvgOsffQccjZ0H3Mx5wL2dB9zcecB9sJTePOBM3cU+46wiziq6C7hk6zvg3J9VfDK7vir0ch5wN+cBV6e+A27v/ccgme+AkxshTXKKYW6EFH0X29gIKTLgzI2QYgPO2ggpLuDsvaDEBZy9EVJcwBkcIT0IAAAAAAAAAADs+AdjeyF69/r87QAAAABJRU5ErkJggg==",P="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMAAAADACAMAAABlApw1AAAAeFBMVEUAAAC4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7+4t7/uGGySAAAAJ3RSTlMAsGAE7OMcAQvxJRX69kHWyL8zq5GIdEcsD5zcfVg4uKLNa1JPZoK/xdPIAAACiklEQVR42u3dW5KqUAyF4QgCCggqIt7t9pb5z/Ccvjz2w95UqpJ0r28Uf2WTQAAAAAAAAAAAYMiWpTxJQ8JSTqThwVI2pKFZsJC3ghTs5izkmpKCcspCljNSkB9ZSLsnBfuWhRxzUjBbspBpSQrSKwuZr0lB8cZCFg1p2LCUB2k4sZSENNxYypY0nFlKTxqGmoUcClJwEQu4SUoKdmIBtEpJQZ6xkHeVAKqOYgFUkYL9OwvJclKQrsQCbkcK0olYAF1IQXFgIfVAGnqWcqZwFidYN4phb4L1onCYYMlPsLqUFKwxwRozwTIYcG1FCqrWdwBhgqU7wUo7FlJ7n2DdScPL+RPezfkT3tl5AA217yc89xMssYBbzUjDkEjZEwAA+NFMbOrDJygmZXnwBMWkaRk8QTFpvg6eoJi0aIInKDY9gp/AbEqCJyg2bYOfwGzqKUzPNh2K0Ccwm0IfRBK2KfSLkDvbFPog0tRsUlsh4EZAwP2SgKu9B9wdATcOAg4BZwACbgQEHALOCATcCAg4BJwVCLhREHB/LOAebFNwwC3YJATcKAi4yICjfmJTQwAA4EeZSBkojrWdsvmO4hjbKYtd6ra2Uxa71G1tp0xnqbvo+IPfpe4Nf3K703Ridr3T9OQPfnea7szseaepqX3vNH3NM/xe5fmeZ7i9yiMXQFlJEeydhYy4ymMygCICzmQAxQactbOQMQFnMoBiAs7iVaHIgDN3VSgq4AxeFYoOOGNXhbCUPkaJs4o4q/iXzyp2vgPO/VnFl/OAu/F/jq8KnZ0H3FD7DriL9x+DTH0HXJ75Driq9R1ws6XvgEuvvgOu6HwHHG18BxydnAfc03nAAQAAAAAAAADAz/4BoL2Us9XM2zMAAAAASUVORK5CYII=",W="image/x-icon";function z(e){var t,n,r,i,A=("https:"===(t=e.location).protocol?"wss:":"ws:")+"//"+t.hostname+":"+t.port+"/",o=0,s=!1;function l(){var t=this;o>0&&a(e,"pending"),s||(i=setInterval(function(){if(s||t.readyState!==WebSocket.OPEN)clearInterval(i);else{t.send(JSON.stringify({requestBuildResults:!0}))}},G)),clearTimeout(r)}function u(){b()}function f(t){a(e,"disabled"),t.code>Z?p("Dev Server","web socket closed: "+t.code+" "+t.reason):h(E,"Dev Server","Disconnected, attempting to reconnect..."),b()}function m(t){var n=JSON.parse(t.data);if(o>0){if(n.isActivelyBuilding)return;if(n.buildResults)return v("Reconnected to dev server"),s=!0,clearInterval(i),void e.location.reload(!0)}return n.buildLog?(n.buildLog.progress<1&&a(e,"pending"),void function(e,t){e.dispatchEvent(new CustomEvent(c,{detail:t}))}(e,n.buildLog)):n.buildResults?(s=!0,clearInterval(i),a(e,"default"),void function(e,t){e.dispatchEvent(new CustomEvent(d,{detail:t}))}(e,n.buildResults)):void 0}function g(){clearTimeout(r),(n=new e.WebSocket(A,["xmpp"])).addEventListener("open",l),n.addEventListener("error",u),n.addEventListener("close",f),n.addEventListener("message",m)}function b(){s=!1,n&&(n.readyState!==WebSocket.OPEN&&n.readyState!==WebSocket.CONNECTING||n.close(Z),n.removeEventListener("open",l),n.removeEventListener("error",u),n.removeEventListener("close",f),n.removeEventListener("message",m),n=null),clearTimeout(r),o>=X?p("Dev Server","Canceling reconnect attempts"):(o++,r=setTimeout(g,q),a(e,"disabled"))}g()}var X=1e3,q=2500,Z=1e3,G=500;(function(e){function t(e,t){t=t||{bubbles:!1,cancelable:!1,detail:void 0};var n=document.createEvent("CustomEvent");return n.initCustomEvent(e,t.bubbles,t.cancelable,t.detail),n}"function"!=typeof e.CustomEvent&&(t.prototype=e.Event.prototype,e.CustomEvent=t)})(e),function(e,t,n){try{if(e["s-dev-server"])return;e["s-dev-server"]=!0,K(e,t),x(e,t),R(e,t,n),function(e,t){var n=e.location.pathname;return(n="/"+n.substring(t.basePath.length))===A}(e,n)?(e["s-initial-load"]=!0,T(e,n,function(){z(e)})):z(e)}catch(e){console.error(e)}}(t,n,r||{})}(window,window.parent,window.parent.document,window.__DEV_CLIENT_CONFIG__); </script> </head> <body style="background:black;color:white;font:24px monospace;text-align:center;"> Stencil Dev Server Connector ⚡ </body> </html>