From 0e6bdf691fc689db76318a3312d2b1475d405688 Mon Sep 17 00:00:00 2001 From: Jeremy Colin Date: Wed, 25 Sep 2024 15:50:07 +0200 Subject: [PATCH] dev: update bundles with template strings --- .../dist-script/main-iife-en.js | 37 ++++++++++++++++++- .../dist-script/main-iife-fr.js | 37 ++++++++++++++++++- .../dist-script/script-en.html | 37 ++++++++++++++++++- .../dist-script/script-fr.html | 37 ++++++++++++++++++- 4 files changed, 144 insertions(+), 4 deletions(-) diff --git a/packages/website-analyzer-wc/dist-script/main-iife-en.js b/packages/website-analyzer-wc/dist-script/main-iife-en.js index 3bb7a94..a2fd7a3 100644 --- a/packages/website-analyzer-wc/dist-script/main-iife-en.js +++ b/packages/website-analyzer-wc/dist-script/main-iife-en.js @@ -1 +1,36 @@ -!function(n){"use strict";const e={"input.placeholder":"Enter your website URL","button.analyze":"Analyze","span.error":"Enter a valid URL","span.no-data":"Sorry we are not able to find reliable performance data for this URL","performance-bar.legend":"Metrics for real users measured by Google Chrome at the 75th percentile on mobile","lcp.legend":"Is it visible fast?","cls.legend":"Is it stable?","inp.legend":"Is it responsive?"};function t(n,e,t,r){return new(t||(t=Promise))((function(o,i){function a(n){try{d(r.next(n))}catch(n){i(n)}}function l(n){try{d(r.throw(n))}catch(n){i(n)}}function d(n){var e;n.done?o(n.value):(e=n.value,e instanceof t?e:new t((function(n){n(e)}))).then(a,l)}d((r=r.apply(n,e||[])).next())}))}"function"==typeof SuppressedError&&SuppressedError;const r=new RegExp(/https?:\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_\+.~#?&//=]*)/gi),o=new RegExp(/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_\+.~#?&//=]*)/gi);const i=["lcp","cls","inp"],a={lcp:{fair:2500,poor:4e3,display:4e3},inp:{fair:200,poor:500,display:50},cls:{fair:.1,poor:.25,display:.2}},l=(n,e,t)=>{const r=((n,e)=>{switch(n){case"inp":return`${Math.round(e)}ms`;case"cls":return`${e.toFixed(3)}`;default:return`${(e/1e3).toFixed(2)}s`}})(e,n),{goodGrow:o,fairGrow:i,poorGrow:l,metricPos:d,markerAdjust:c}=(({fair:n,poor:e,value:t,displayEnd:r})=>{const o=t.95*i)&&(i=1.14*t),{goodGrow:Math.min(n,i)/i,fairGrow:(Math.min(e,i)-Math.min(n,i))/i,poorGrow:(i-Math.min(e,i))/i,metricPos:Math.round(t/i*1e4+Number.EPSILON)/100,markerAdjust:"good"===o?4:2}})({fair:a[e].fair,poor:a[e].poor,displayEnd:a[e].display,value:n});return`
\n
\n ${t[`${e}.legend`]}\n ${e.toUpperCase()}\n
\n
\n ${r}\n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n
\n
\n
`},d=n=>n.getElementById("container"),c=n=>n.getElementById("input"),s=n=>n.getElementById("span-error");function p(n){const e=(n=>n.getElementById("loading-spinner"))(n);e&&d(n).removeChild(e)}class m extends HTMLElement{constructor(){super();const n=e;try{const a=this.attachShadow({mode:"open"}),m=document.createElement("template");m.innerHTML=`\n
\n ${(n=>`
\n \n \n
`)(n)}\n
`,a.appendChild(m.content.cloneNode(!0));const f=d(a),g=(n=>n.getElementById("form"))(a),u=c(a);let h;function b(e){return t(this,void 0,void 0,(function*(){e.preventDefault(),p(a),function(n){const e=(n=>n.getElementById("performance-bars-container"))(n);e&&d(n).removeChild(e);const t=(n=>n.getElementById("no-data"))(n);t&&d(n).removeChild(t)}(a),h&&h.abort(),h=new AbortController;const m=new FormData(e.target),{website:g}=Object.fromEntries(m),{isValid:b,httpUrl:v}=function(n){if(!n.startsWith("https://")&&!n.startsWith("http://"))return Boolean(n.match(o))?{isValid:!0,httpUrl:`https://${n}`}:{isValidUrl:!1,httpUrl:""};return{isValid:Boolean(n.match(r)),httpUrl:n}}(g);if(b){!function(n){const e=s(n);e&&d(n).removeChild(e);const t=c(n);t.classList.contains("error")&&t.classList.remove("error")}(a),function(n,e){const t=document.createElement("template");t.innerHTML=e,n.appendChild(t.content.cloneNode(!0))}(f,'\n \n \n \n \n\n');try{const e=yield function(n,e){return t(this,void 0,void 0,(function*(){return fetch(`https://www.googleapis.com/pagespeedonline/v5/runPagespeed?url=${encodeURIComponent(n)}&category=PERFORMANCE&strategy=MOBILE`,{signal:e.signal,headers:{"Content-Type":"application/json"}}).then((n=>{if(!n.ok)throw"Unable to fetch data, status: response.status";return n.json()})).then((n=>{var e,t,r;return n.error?Promise.reject(n):{lcp:null===(e=n.originLoadingExperience.metrics.LARGEST_CONTENTFUL_PAINT_MS)||void 0===e?void 0:e.percentile,inp:null===(t=n.originLoadingExperience.metrics.INTERACTION_TO_NEXT_PAINT)||void 0===t?void 0:t.percentile,cls:null===(r=n.originLoadingExperience.metrics.CUMULATIVE_LAYOUT_SHIFT_SCORE)||void 0===r?void 0:r.percentile}}))}))}(v,h);p(a),function(n,e,t){const r=document.createElement("div");r.id="performance-bars-container",d(e).appendChild(r),i.forEach((e=>{if(void 0===n[e])return;const o=document.createElement("template");o.innerHTML=l(n[e],e,t),r.appendChild(o.content.cloneNode(!0))}));const o=document.createElement("div");o.id="performance-bars-container-legend",o.innerHTML=t["performance-bar.legend"],r.appendChild(o)}(e,a,n)}catch(e){console.error("Unable to fetch peformance data: ",e),p(a),function(n,e){const t=document.createElement("span");t.id="no-data",t.innerHTML=e["span.no-data"],n.appendChild(t)}(f,n)}}else!function(n){n.classList.contains("errror")||n.classList.add("error")}(u),function(n,e,t){if(!s(e)){const e=document.createElement("span");e.id="span-error",e.innerHTML=t["span.error"],n.appendChild(e)}}(f,a,n);return!1}))}g.addEventListener("submit",b)}catch(v){console.log(v)}}}customElements.define("website-analyzer",m),n.WebsiteAnalyzer=m}({}); +!function(n){"use strict";const e=String.raw,t={"input.placeholder":"Enter your website URL","button.analyze":"Analyze","span.error":"Enter a valid URL","span.no-data":"Sorry we are not able to find reliable performance data for this URL","performance-bar.legend":"Metrics for real users measured by Google Chrome at the 75th percentile on mobile","lcp.legend":"Is it visible fast?","cls.legend":"Is it stable?","inp.legend":"Is it responsive?"};function r(n,e,t,r){return new(t||(t=Promise))((function(o,i){function a(n){try{d(r.next(n))}catch(n){i(n)}}function l(n){try{d(r.throw(n))}catch(n){i(n)}}function d(n){var e;n.done?o(n.value):(e=n.value,e instanceof t?e:new t((function(n){n(e)}))).then(a,l)}d((r=r.apply(n,e||[])).next())}))}"function"==typeof SuppressedError&&SuppressedError;const o=new RegExp(/https?:\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_\+.~#?&//=]*)/gi),i=new RegExp(/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_\+.~#?&//=]*)/gi);const a=["lcp","cls","inp"],l={lcp:{fair:2500,poor:4e3,display:4e3},inp:{fair:200,poor:500,display:50},cls:{fair:.1,poor:.25,display:.2}},d=(n,t,r)=>{const o=((n,e)=>{switch(n){case"inp":return`${Math.round(e)}ms`;case"cls":return`${e.toFixed(3)}`;default:return`${(e/1e3).toFixed(2)}s`}})(t,n),{goodGrow:i,fairGrow:a,poorGrow:d,metricPos:c,markerAdjust:s}=(({fair:n,poor:e,value:t,displayEnd:r})=>{const o=t.95*i)&&(i=1.14*t),{goodGrow:Math.min(n,i)/i,fairGrow:(Math.min(e,i)-Math.min(n,i))/i,poorGrow:(i-Math.min(e,i))/i,metricPos:Math.round(t/i*1e4+Number.EPSILON)/100,markerAdjust:"good"===o?4:2}})({fair:l[t].fair,poor:l[t].poor,displayEnd:l[t].display,value:n});return e`
+
+ ${r[`${t}.legend`]} + ${t.toUpperCase()} +
+
+ ${o} +
+
+ +
+
+ +
+
+ +
+
+
+
+
`},c=n=>n.getElementById("container"),s=n=>n.getElementById("input"),p=n=>n.getElementById("span-error");function m(n){const e=(n=>n.getElementById("loading-spinner"))(n);e&&c(n).removeChild(e)}class f extends HTMLElement{constructor(){super();const n=t;try{const l=this.attachShadow({mode:"open"}),f=document.createElement("template");f.innerHTML=e` +
${(n=>e`
+ + +
`)(n)}
`,l.appendChild(f.content.cloneNode(!0));const g=c(l),u=(n=>n.getElementById("form"))(l),h=s(l);let b;function v(e){return r(this,void 0,void 0,(function*(){e.preventDefault(),m(l),function(n){const e=(n=>n.getElementById("performance-bars-container"))(n);e&&c(n).removeChild(e);const t=(n=>n.getElementById("no-data"))(n);t&&c(n).removeChild(t)}(l),b&&b.abort(),b=new AbortController;const t=new FormData(e.target),{website:f}=Object.fromEntries(t),{isValid:u,httpUrl:v}=function(n){if(!n.startsWith("https://")&&!n.startsWith("http://"))return Boolean(n.match(i))?{isValid:!0,httpUrl:`https://${n}`}:{isValidUrl:!1,httpUrl:""};return{isValid:Boolean(n.match(o)),httpUrl:n}}(f);if(u){!function(n){const e=p(n);e&&c(n).removeChild(e);const t=s(n);t.classList.contains("error")&&t.classList.remove("error")}(l),function(n,e){const t=document.createElement("template");t.innerHTML=e,n.appendChild(t.content.cloneNode(!0))}(g,'\n \n \n \n \n\n');try{const e=yield function(n,e){return r(this,void 0,void 0,(function*(){return fetch(`https://www.googleapis.com/pagespeedonline/v5/runPagespeed?url=${encodeURIComponent(n)}&category=PERFORMANCE&strategy=MOBILE`,{signal:e.signal,headers:{"Content-Type":"application/json"}}).then((n=>{if(!n.ok)throw"Unable to fetch data, status: response.status";return n.json()})).then((n=>{var e,t,r;return n.error?Promise.reject(n):{lcp:null===(e=n.originLoadingExperience.metrics.LARGEST_CONTENTFUL_PAINT_MS)||void 0===e?void 0:e.percentile,inp:null===(t=n.originLoadingExperience.metrics.INTERACTION_TO_NEXT_PAINT)||void 0===t?void 0:t.percentile,cls:null===(r=n.originLoadingExperience.metrics.CUMULATIVE_LAYOUT_SHIFT_SCORE)||void 0===r?void 0:r.percentile}}))}))}(v,b);m(l),function(n,e,t){const r=document.createElement("div");r.id="performance-bars-container",c(e).appendChild(r),a.forEach((e=>{if(void 0===n[e])return;const o=document.createElement("template");o.innerHTML=d(n[e],e,t),r.appendChild(o.content.cloneNode(!0))}));const o=document.createElement("div");o.id="performance-bars-container-legend",o.innerHTML=t["performance-bar.legend"],r.appendChild(o)}(e,l,n)}catch(e){console.error("Unable to fetch peformance data: ",e),m(l),function(n,e){const t=document.createElement("span");t.id="no-data",t.innerHTML=e["span.no-data"],n.appendChild(t)}(g,n)}}else!function(n){n.classList.contains("errror")||n.classList.add("error")}(h),function(n,e,t){if(!p(e)){const e=document.createElement("span");e.id="span-error",e.innerHTML=t["span.error"],n.appendChild(e)}}(g,l,n);return!1}))}u.addEventListener("submit",v)}catch(w){console.log(w)}}}customElements.define("website-analyzer",f),n.WebsiteAnalyzer=f}({}); diff --git a/packages/website-analyzer-wc/dist-script/main-iife-fr.js b/packages/website-analyzer-wc/dist-script/main-iife-fr.js index 1dcf511..198b5d8 100644 --- a/packages/website-analyzer-wc/dist-script/main-iife-fr.js +++ b/packages/website-analyzer-wc/dist-script/main-iife-fr.js @@ -1 +1,36 @@ -!function(n){"use strict";const e={"input.placeholder":"Entrez l'URL de votre site","button.analyze":"Analyser","span.error":"Entrez une URL valdide","span.no-data":"Désolé, nous n'avons pas assez de données fiables sur les performances de cette URL","performance-bar.legend":"Valeurs pour les utilisateurs réels mesurés par Google Chrome au 75e percentile sur mobile","lcp.legend":"Est-ce que ça charge rapidement?","cls.legend":"Est-ce que c'est visuellement stable?","inp.legend":"Est-ce que c'est réactif?"};function t(n,e,t,r){return new(t||(t=Promise))((function(o,i){function a(n){try{s(r.next(n))}catch(n){i(n)}}function l(n){try{s(r.throw(n))}catch(n){i(n)}}function s(n){var e;n.done?o(n.value):(e=n.value,e instanceof t?e:new t((function(n){n(e)}))).then(a,l)}s((r=r.apply(n,e||[])).next())}))}"function"==typeof SuppressedError&&SuppressedError;const r=new RegExp(/https?:\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_\+.~#?&//=]*)/gi),o=new RegExp(/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_\+.~#?&//=]*)/gi);const i=["lcp","cls","inp"],a={lcp:{fair:2500,poor:4e3,display:4e3},inp:{fair:200,poor:500,display:50},cls:{fair:.1,poor:.25,display:.2}},l=(n,e,t)=>{const r=((n,e)=>{switch(n){case"inp":return`${Math.round(e)}ms`;case"cls":return`${e.toFixed(3)}`;default:return`${(e/1e3).toFixed(2)}s`}})(e,n),{goodGrow:o,fairGrow:i,poorGrow:l,metricPos:s,markerAdjust:d}=(({fair:n,poor:e,value:t,displayEnd:r})=>{const o=t.95*i)&&(i=1.14*t),{goodGrow:Math.min(n,i)/i,fairGrow:(Math.min(e,i)-Math.min(n,i))/i,poorGrow:(i-Math.min(e,i))/i,metricPos:Math.round(t/i*1e4+Number.EPSILON)/100,markerAdjust:"good"===o?4:2}})({fair:a[e].fair,poor:a[e].poor,displayEnd:a[e].display,value:n});return`
\n
\n ${t[`${e}.legend`]}\n ${e.toUpperCase()}\n
\n
\n ${r}\n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n
\n
\n
`},s=n=>n.getElementById("container"),d=n=>n.getElementById("input"),c=n=>n.getElementById("span-error");function p(n){const e=(n=>n.getElementById("loading-spinner"))(n);e&&s(n).removeChild(e)}class m extends HTMLElement{constructor(){super();const n=e;try{const a=this.attachShadow({mode:"open"}),m=document.createElement("template");m.innerHTML=`\n
\n ${(n=>`
\n \n \n
`)(n)}\n
`,a.appendChild(m.content.cloneNode(!0));const f=s(a),u=(n=>n.getElementById("form"))(a),g=d(a);let h;function b(e){return t(this,void 0,void 0,(function*(){e.preventDefault(),p(a),function(n){const e=(n=>n.getElementById("performance-bars-container"))(n);e&&s(n).removeChild(e);const t=(n=>n.getElementById("no-data"))(n);t&&s(n).removeChild(t)}(a),h&&h.abort(),h=new AbortController;const m=new FormData(e.target),{website:u}=Object.fromEntries(m),{isValid:b,httpUrl:v}=function(n){if(!n.startsWith("https://")&&!n.startsWith("http://"))return Boolean(n.match(o))?{isValid:!0,httpUrl:`https://${n}`}:{isValidUrl:!1,httpUrl:""};return{isValid:Boolean(n.match(r)),httpUrl:n}}(u);if(b){!function(n){const e=c(n);e&&s(n).removeChild(e);const t=d(n);t.classList.contains("error")&&t.classList.remove("error")}(a),function(n,e){const t=document.createElement("template");t.innerHTML=e,n.appendChild(t.content.cloneNode(!0))}(f,'\n \n \n \n \n\n');try{const e=yield function(n,e){return t(this,void 0,void 0,(function*(){return fetch(`https://www.googleapis.com/pagespeedonline/v5/runPagespeed?url=${encodeURIComponent(n)}&category=PERFORMANCE&strategy=MOBILE`,{signal:e.signal,headers:{"Content-Type":"application/json"}}).then((n=>{if(!n.ok)throw"Unable to fetch data, status: response.status";return n.json()})).then((n=>{var e,t,r;return n.error?Promise.reject(n):{lcp:null===(e=n.originLoadingExperience.metrics.LARGEST_CONTENTFUL_PAINT_MS)||void 0===e?void 0:e.percentile,inp:null===(t=n.originLoadingExperience.metrics.INTERACTION_TO_NEXT_PAINT)||void 0===t?void 0:t.percentile,cls:null===(r=n.originLoadingExperience.metrics.CUMULATIVE_LAYOUT_SHIFT_SCORE)||void 0===r?void 0:r.percentile}}))}))}(v,h);p(a),function(n,e,t){const r=document.createElement("div");r.id="performance-bars-container",s(e).appendChild(r),i.forEach((e=>{if(void 0===n[e])return;const o=document.createElement("template");o.innerHTML=l(n[e],e,t),r.appendChild(o.content.cloneNode(!0))}));const o=document.createElement("div");o.id="performance-bars-container-legend",o.innerHTML=t["performance-bar.legend"],r.appendChild(o)}(e,a,n)}catch(e){console.error("Unable to fetch peformance data: ",e),p(a),function(n,e){const t=document.createElement("span");t.id="no-data",t.innerHTML=e["span.no-data"],n.appendChild(t)}(f,n)}}else!function(n){n.classList.contains("errror")||n.classList.add("error")}(g),function(n,e,t){if(!c(e)){const e=document.createElement("span");e.id="span-error",e.innerHTML=t["span.error"],n.appendChild(e)}}(f,a,n);return!1}))}u.addEventListener("submit",b)}catch(v){console.log(v)}}}customElements.define("website-analyzer",m),n.WebsiteAnalyzer=m}({}); +!function(n){"use strict";const e=String.raw,t={"input.placeholder":"Entrez l'URL de votre site","button.analyze":"Analyser","span.error":"Entrez une URL valdide","span.no-data":"Désolé, nous n'avons pas assez de données fiables sur les performances de cette URL","performance-bar.legend":"Valeurs pour les utilisateurs réels mesurés par Google Chrome au 75e percentile sur mobile","lcp.legend":"Est-ce que ça charge rapidement?","cls.legend":"Est-ce que c'est visuellement stable?","inp.legend":"Est-ce que c'est réactif?"};function r(n,e,t,r){return new(t||(t=Promise))((function(o,i){function a(n){try{s(r.next(n))}catch(n){i(n)}}function l(n){try{s(r.throw(n))}catch(n){i(n)}}function s(n){var e;n.done?o(n.value):(e=n.value,e instanceof t?e:new t((function(n){n(e)}))).then(a,l)}s((r=r.apply(n,e||[])).next())}))}"function"==typeof SuppressedError&&SuppressedError;const o=new RegExp(/https?:\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_\+.~#?&//=]*)/gi),i=new RegExp(/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_\+.~#?&//=]*)/gi);const a=["lcp","cls","inp"],l={lcp:{fair:2500,poor:4e3,display:4e3},inp:{fair:200,poor:500,display:50},cls:{fair:.1,poor:.25,display:.2}},s=(n,t,r)=>{const o=((n,e)=>{switch(n){case"inp":return`${Math.round(e)}ms`;case"cls":return`${e.toFixed(3)}`;default:return`${(e/1e3).toFixed(2)}s`}})(t,n),{goodGrow:i,fairGrow:a,poorGrow:s,metricPos:d,markerAdjust:c}=(({fair:n,poor:e,value:t,displayEnd:r})=>{const o=t.95*i)&&(i=1.14*t),{goodGrow:Math.min(n,i)/i,fairGrow:(Math.min(e,i)-Math.min(n,i))/i,poorGrow:(i-Math.min(e,i))/i,metricPos:Math.round(t/i*1e4+Number.EPSILON)/100,markerAdjust:"good"===o?4:2}})({fair:l[t].fair,poor:l[t].poor,displayEnd:l[t].display,value:n});return e`
+
+ ${r[`${t}.legend`]} + ${t.toUpperCase()} +
+
+ ${o} +
+
+ +
+
+ +
+
+ +
+
+
+
+
`},d=n=>n.getElementById("container"),c=n=>n.getElementById("input"),p=n=>n.getElementById("span-error");function m(n){const e=(n=>n.getElementById("loading-spinner"))(n);e&&d(n).removeChild(e)}class f extends HTMLElement{constructor(){super();const n=t;try{const l=this.attachShadow({mode:"open"}),f=document.createElement("template");f.innerHTML=e` +
${(n=>e`
+ + +
`)(n)}
`,l.appendChild(f.content.cloneNode(!0));const u=d(l),g=(n=>n.getElementById("form"))(l),h=c(l);let b;function v(e){return r(this,void 0,void 0,(function*(){e.preventDefault(),m(l),function(n){const e=(n=>n.getElementById("performance-bars-container"))(n);e&&d(n).removeChild(e);const t=(n=>n.getElementById("no-data"))(n);t&&d(n).removeChild(t)}(l),b&&b.abort(),b=new AbortController;const t=new FormData(e.target),{website:f}=Object.fromEntries(t),{isValid:g,httpUrl:v}=function(n){if(!n.startsWith("https://")&&!n.startsWith("http://"))return Boolean(n.match(i))?{isValid:!0,httpUrl:`https://${n}`}:{isValidUrl:!1,httpUrl:""};return{isValid:Boolean(n.match(o)),httpUrl:n}}(f);if(g){!function(n){const e=p(n);e&&d(n).removeChild(e);const t=c(n);t.classList.contains("error")&&t.classList.remove("error")}(l),function(n,e){const t=document.createElement("template");t.innerHTML=e,n.appendChild(t.content.cloneNode(!0))}(u,'\n \n \n \n \n\n');try{const e=yield function(n,e){return r(this,void 0,void 0,(function*(){return fetch(`https://www.googleapis.com/pagespeedonline/v5/runPagespeed?url=${encodeURIComponent(n)}&category=PERFORMANCE&strategy=MOBILE`,{signal:e.signal,headers:{"Content-Type":"application/json"}}).then((n=>{if(!n.ok)throw"Unable to fetch data, status: response.status";return n.json()})).then((n=>{var e,t,r;return n.error?Promise.reject(n):{lcp:null===(e=n.originLoadingExperience.metrics.LARGEST_CONTENTFUL_PAINT_MS)||void 0===e?void 0:e.percentile,inp:null===(t=n.originLoadingExperience.metrics.INTERACTION_TO_NEXT_PAINT)||void 0===t?void 0:t.percentile,cls:null===(r=n.originLoadingExperience.metrics.CUMULATIVE_LAYOUT_SHIFT_SCORE)||void 0===r?void 0:r.percentile}}))}))}(v,b);m(l),function(n,e,t){const r=document.createElement("div");r.id="performance-bars-container",d(e).appendChild(r),a.forEach((e=>{if(void 0===n[e])return;const o=document.createElement("template");o.innerHTML=s(n[e],e,t),r.appendChild(o.content.cloneNode(!0))}));const o=document.createElement("div");o.id="performance-bars-container-legend",o.innerHTML=t["performance-bar.legend"],r.appendChild(o)}(e,l,n)}catch(e){console.error("Unable to fetch peformance data: ",e),m(l),function(n,e){const t=document.createElement("span");t.id="no-data",t.innerHTML=e["span.no-data"],n.appendChild(t)}(u,n)}}else!function(n){n.classList.contains("errror")||n.classList.add("error")}(h),function(n,e,t){if(!p(e)){const e=document.createElement("span");e.id="span-error",e.innerHTML=t["span.error"],n.appendChild(e)}}(u,l,n);return!1}))}g.addEventListener("submit",v)}catch(w){console.log(w)}}}customElements.define("website-analyzer",f),n.WebsiteAnalyzer=f}({}); diff --git a/packages/website-analyzer-wc/dist-script/script-en.html b/packages/website-analyzer-wc/dist-script/script-en.html index 7929beb..e69205e 100644 --- a/packages/website-analyzer-wc/dist-script/script-en.html +++ b/packages/website-analyzer-wc/dist-script/script-en.html @@ -1,3 +1,38 @@ \ No newline at end of file diff --git a/packages/website-analyzer-wc/dist-script/script-fr.html b/packages/website-analyzer-wc/dist-script/script-fr.html index d9890dd..78274ce 100644 --- a/packages/website-analyzer-wc/dist-script/script-fr.html +++ b/packages/website-analyzer-wc/dist-script/script-fr.html @@ -1,3 +1,38 @@ \ No newline at end of file