hina-cloud-js-sdk 0.0.1

package/src/hotAnalyse.js

@@ -0,0 +1,465 @@
+// jq引入
+const script = document.createElement("script");
+script.integrity = "sha384-d7r7Q+K7p1zv6z7dX8fFn3u3pgGz1l4/eUgZGBnKU7gN3k6IjzR4b2q6s7s5+6+7";
+script.crossOrigin = "anonymous";
+script.async = "async";
+script.src = "https://cdn.staticfile.org/jquery/3.0.0/jquery.min.js";
+script.type = "text/javascript";
+
+function initHotAnalyse() {
+  // 网页热力点击SDK（勿删勿删勿删）
+  /* eslint-disable */
+  let isClick = false;
+  const infoBoxWidth = 220;
+  const infoBoxheight = 315;
+  const currentWindowHeight =
+    window.innerHeight ||
+    document.documentElement.clientHeight ||
+    document.body.clientHeight ||
+    0;
+  const createShadowBox = (data) => {
+    const {
+      H_element_content,
+      H_element_selector,
+      button_click_prop,
+      button_click_rate,
+      button_click_times,
+      button_click_users,
+      his_H_element_content,
+    } = data;
+    const strContent = `
+    <div style='padding: 8px;'>
+        <div style='color: #CACACA'>当前内容：</div>
+        <div style='white-space:nowrap;overflow:hidden;text-overflow:ellipsis;'>${
+          H_element_content || "-"
+        }</div>
+        </div>
+            <div style='background: #444; height:1px;'></div>
+            <div style='padding: 8px;'>
+                <table style='width:100%;color:#fff;font-size:13px;background:#333;border:1px solid #333;'>
+                    <tr>
+                        <td>点击次数：</td>
+                        <td style='text-align:right;'>${button_click_times}</td>
+                    </tr>
+                    <tr>
+                        <td>点击人数：</td>
+                        <td style='text-align:right;'>${button_click_users}</td>
+                    </tr>
+                    <tr>
+                        <td>点击率：</td>
+                        <td style='text-align:right;'>${button_click_rate}</td>
+                    </tr>
+                    <tr>
+                        <td>点击占比：</td>
+                        <td style='text-align:right;'>${button_click_prop}</td>
+                    </tr>
+                </table>
+            </div>
+            <div style='background: #444; height:1px;'></div>
+            <div style='padding: 8px;'>
+                <div style='color: #CACACA;'>历史内容：</div>
+                <div style='white-space:nowrap;overflow:hidden;text-overflow:ellipsis;'>${
+                  his_H_element_content || "-"
+                }</div>
+            </div>
+            <div style='background: #444; height:1px;'></div>
+            <div style='padding: 6px 8px;' class='user-list' hina-tag-disable='true'>
+                <p style='color:#2a90e2;text-decoration: none;'>查看用户列表</p>
+            </div>
+      `;
+    const divWrapBox = document.createElement("div");
+
+    document.body.appendChild(divWrapBox);
+    divWrapBox.setAttribute("class", "shadeBoxWrap");
+    // 设置弹出盒子样式
+    divWrapBox.setAttribute(
+      "style",
+      `
+          border-radius:3px;
+          display: none;
+          border:1px solid #000;
+          cursor: pointer;
+          position: absolute;
+          left:0;
+          top:0;
+          background: #333;
+          line-height:24px;
+          font-size:13px;
+          width:${infoBoxWidth}px;
+          height:${infoBoxheight}px;
+          color: #fff;
+          box-shadow: 0 2px 4px rgba(0,0,0,0.24);
+          z-index:9999;
+      `
+    );
+    divWrapBox.innerHTML = strContent;
+    return divWrapBox;
+  };
+
+  function debounce(fn, wait) {
+    let timeout = null;
+    return function () {
+      if (timeout !== null) clearTimeout(timeout);
+      timeout = setTimeout(fn, wait);
+    };
+  }
+
+  function throttle(fn, wait) {
+    let pre = Date.now();
+    return function () {
+      const _this = this;
+      const _arguments = arguments;
+      const now = Date.now();
+      if (now - pre >= wait) {
+        fn.apply(_this, _arguments);
+        pre = Date.now();
+      }
+    };
+  }
+
+  const posEleBetweenspace = (arr, num) => {
+    for (let i = 0; i < arr.length; i++) {
+      if (arr[i] > num) {
+        return i;
+      }
+    }
+  };
+
+  function setCssStyle(css) {
+    const style = document.createElement("style");
+    style.type = "text/css";
+    try {
+      style.appendChild(document.createTextNode(css));
+    } catch (e) {
+      style.styleSheet.cssText = css;
+    }
+    const head = document.getElementsByTagName("head")[0];
+    const firstScript = document.getElementsByTagName("script")[0];
+    if (head) {
+      if (head.children.length) {
+        head.insertBefore(style, head.children[0]);
+      } else {
+        head.appendChild(style);
+      }
+    } else {
+      firstScript.parentNode.insertBefore(style, firstScript);
+    }
+  }
+
+  const customHotClickCss = `
+  .hina-click-area:before{
+    pointer-events: none;
+    cursor: pointer;
+    content: "";
+    width: 100%;
+    position: absolute;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    background: rgba(56, 166, 251, 0.6);
+    box-shadow: rgba(0, 0, 0, 0.6) 0px 2px 4px;
+    cursor: pointer
+  }
+  .hina-click-area:after{
+    pointer-events: none;
+    height: 14px;
+    line-height: 14px;
+    margin: -7px 0 0 -28px;
+    width: 56px;
+    color: #fff;
+    content: attr(data-click);
+    font-size: 14px;
+    font-weight: 700;
+    left: 50%;
+    line-height: 1em;
+    position: absolute;
+    text-align: center;
+    text-indent: 0;
+    text-shadow: 1px 1px 2px #000;
+    top: 50%;
+    z-index: 999;
+}
+`;
+  setCssStyle(customHotClickCss);
+  window.addEventListener(
+    "message",
+    (event) => {
+      const type = event.data?.type;
+      // console.log("type===>", type);
+      // 浏览图
+      if (type === "view") {
+        // 清空点击图
+        // 监听屏幕尺寸变化
+        const lastGraphData = event.data?.lastGraph;
+        $("body > .shadeBoxWrap").remove();
+        // 如果为空，则使用上次的缓存数据清空页面渲染点
+        for (let i = 0; i < lastGraphData?.length; i++) {
+          const { H_element_selector } = lastGraphData[i];
+          $(H_element_selector).removeClass("hina-click-area");
+        }
+        isClick = false;
+        window.removeEventListener("scroll", () => {}, true);
+        // console.log(event.data?.viewData);
+        const viewRenderData = event.data?.viewData?.[0];
+        const baseLineArrays = [
+          viewRenderData?.view100,
+          viewRenderData?.view90,
+          viewRenderData?.view80,
+          viewRenderData?.view70,
+          viewRenderData?.view60,
+          viewRenderData?.view50,
+          viewRenderData?.view40,
+          viewRenderData?.view30,
+          viewRenderData?.view20,
+          viewRenderData?.view10,
+        ]?.map((i) => i + currentWindowHeight);
+        const percentageArr = new Array(10)
+          .fill(1)
+          .map((item, index) => (index + 1) * 10)
+          .reverse(); // [100,90,80...]
+        const viewBaseInnerSpan = (percent) => `
+            <span 
+              style='
+                font-size:12px;
+                position:absolute;
+                padding: 0 12px;
+                top: -24px;
+                height: 26px;
+                line-height: 26px;
+                left: 0;
+                background: #E6F1FB;
+                color: #0174df;
+                border-radius: 2px;
+              '>
+              ${percent}%
+            </span>
+          `;
+        for (let i = 0; i < percentageArr.length; i++) {
+          const viewBaseLine = document.createElement("div");
+          viewBaseLine.setAttribute(
+            "style",
+            `
+            border-bottom: 1px dashed #0174df;
+            height: 1px;
+            width: 100%;
+            position: absolute;
+            top: 50px;
+            z-index:999;
+          `
+          );
+          viewBaseLine.setAttribute("class", "viewBaseLineStyle");
+          const strParam = viewRenderData[`view${percentageArr[i]}`];
+          viewBaseLine.style.top = `${strParam + currentWindowHeight}px`;
+          if (i !== 0) {
+            if (
+              viewRenderData[`view${percentageArr[i]}`] -
+                viewRenderData[`view${percentageArr[i - 1]}`] >
+              26
+            ) {
+              viewBaseLine.innerHTML = viewBaseInnerSpan(percentageArr[i]);
+            }
+          } else if (viewRenderData[`view${percentageArr[i]}`] > 26) {
+            viewBaseLine.innerHTML = viewBaseInnerSpan(percentageArr[i]);
+          }
+
+          document.body.appendChild(viewBaseLine);
+        }
+        const viewMoveLine = document.createElement("div");
+        const moveLineInnerTag = (val) => `
+          <span 
+          style='
+            font-size:12px;
+            height:26px;
+            line-height: 26px;
+            background: #E6F1FB;
+            color: #0174df;
+            border-radius: 2px;
+            left:50%;
+            margin-left:-65px;
+            position: absolute;
+            top:-13px;
+            padding: 0 5px;
+          '>
+          ${val || 0}%的用户浏览到这里
+          </span>
+        `;
+        viewMoveLine.setAttribute(
+          "style",
+          `
+          border-bottom: 1px solid  #0174df;
+          height: 1px;
+          width: 100%;
+          position: absolute;
+          z-index: 9999;
+          top: 0;
+        `
+        );
+        viewMoveLine.setAttribute("class", "viewMoveLineStyle");
+        document.body.appendChild(viewMoveLine);
+        $(document).on(
+          "mousemove",
+          throttle((e) => {
+            viewMoveLine.style.top = `${e.pageY}px`;
+            // 获取当前值在那个区间的index
+            const spaceIndex = posEleBetweenspace(baseLineArrays, e.pageY);
+            // 获取当前值在那个区间的值
+            const spaceShowValue = percentageArr[spaceIndex];
+            viewMoveLine.innerHTML = moveLineInnerTag(spaceShowValue);
+          }, 150)
+        );
+      } else if (type === "click") {
+        // 清空浏览图横线
+        isClick = true;
+        $("body > .viewBaseLineStyle").remove();
+        $("body > .viewMoveLineStyle").remove();
+        // 点击图渲染数据
+        const renderData = event.data?.hotData;
+        // 监听屏幕尺寸变化
+        const isResize = event.data?.isResize;
+        const lastGraphData = event.data?.lastGraph;
+        isResize && $("body > .shadeBoxWrap").remove();
+        // 如果为空，则使用上次的缓存数据清空页面渲染点
+        if (!renderData?.length) {
+          for (let i = 0; i < lastGraphData?.length; i++) {
+            const { H_element_selector } = lastGraphData[i];
+            $(H_element_selector).removeClass("hina-click-area");
+          }
+          return;
+        }
+
+        for (let i = 0; i < renderData?.length; i++) {
+          const {
+            H_element_content,
+            H_element_selector,
+            button_click_prop,
+            button_click_rate,
+            button_click_times,
+            button_click_users,
+            his_H_element_content,
+          } = renderData[i];
+          const hinClickArea = document.createElement("div");
+          // 设置弹出盒子样式
+          hinClickArea.setAttribute(
+            "style",
+            `position: relative;
+       `
+          );
+          hinClickArea.setAttribute("class", "hina-click-area");
+          // 设置conteng内容
+          const divWrapBox = createShadowBox(renderData[i]);
+          const currentBoxOffsetLeft = $(H_element_selector)?.offset()?.left;
+          const currentBoxScrollY = window.scrollY;
+          const currentWindowWidth = $(window).width();
+          const currentWindowHeight =
+            window.innerHeight ||
+            document.documentElement.clientHeight ||
+            document.body.clientHeight ||
+            0;
+          const currentBoxPosTop = $(H_element_selector)?.position()?.top;
+          const currentBoxOffsetTop = $(H_element_selector)?.offset()?.top;
+          const currentBoxWidth = $(H_element_selector)?.css("width");
+          const currentBoxHeight = $(H_element_selector)?.css("height");
+
+          $(H_element_selector).addClass("hina-click-area");
+          $(H_element_selector).css("position", "relative");
+          $(`${H_element_selector}:before`).css("position", "absolute");
+          $(H_element_selector).attr("data-click", button_click_rate);
+          if (
+            [currentBoxWidth, currentBoxHeight, "undefined"].includes("0px")
+          ) {
+            $(H_element_selector).removeClass("display", "inline-block");
+            $(H_element_selector).css("width", "15px");
+            $(H_element_selector).css("height", "15px");
+          }
+
+          $(H_element_selector).mouseenter(() => {
+            $("body > .shadeBoxWrap > .user-list > p").attr(
+              "drillSelector",
+              H_element_selector
+            );
+            // 兼容头部固定，内容滚动场景
+            if (currentBoxOffsetTop < 50) {
+              // console.log(currentBoxOffsetTop)
+              $("body > .shadeBoxWrap").css("position", "fixed");
+            } else {
+              // console.log(currentBoxOffsetTop)
+              $("body > .shadeBoxWrap").css("position", "absolute");
+            }
+            // console.log('222', currentWindowHeight)
+            divWrapBox.style.display = "block";
+
+            const currentBoxLeft = currentWindowWidth - currentBoxOffsetLeft;
+
+            if (currentBoxLeft < infoBoxWidth) {
+              divWrapBox.style.left = `${
+                currentBoxOffsetLeft - infoBoxWidth
+              }px`;
+              if (currentBoxOffsetTop > infoBoxheight) {
+                divWrapBox.style.top = `${
+                  currentBoxOffsetTop +
+                  parseFloat(currentBoxHeight) -
+                  infoBoxheight
+                }px`;
+              } else {
+                divWrapBox.style.top = `${currentBoxOffsetTop}px`;
+              }
+              return;
+            }
+            divWrapBox.style.left = `${currentBoxOffsetLeft}px`;
+
+            // 根据盒子高度设置显示方向
+            if (currentWindowHeight - currentBoxOffsetTop > infoBoxheight) {
+              if (window.scrollY > infoBoxheight) {
+                divWrapBox.style.top = `${
+                  currentBoxPosTop + parseFloat(currentBoxHeight)
+                }px`;
+              } else {
+                divWrapBox.style.top = `${
+                  currentBoxOffsetTop +
+                  parseFloat(currentBoxHeight) -
+                  currentBoxScrollY
+                }px`;
+              }
+            } else {
+              divWrapBox.style.top = `${currentBoxOffsetTop - infoBoxheight}px`;
+            }
+          });
+          $(H_element_selector).mouseleave(() => {
+            // divWrapBox.style.display = 'none'
+            $("body > .shadeBoxWrap").css("display", "none");
+          });
+
+          divWrapBox.addEventListener("mouseenter", () => {
+            divWrapBox.style.display = "block";
+          });
+          divWrapBox.addEventListener("mouseleave", () => {
+            // divWrapBox.style.display = 'none'
+            $("body > .shadeBoxWrap").css("display", "none");
+          });
+        }
+        $("body > .shadeBoxWrap > .user-list > p").on("click", (e) => {
+          event.stopPropagation();
+          window.parent.postMessage(
+            { eleSelector: e?.target?.attributes?.drillselector?.value },
+            "*"
+          );
+        });
+      }
+    },
+    false
+  );
+
+  window.addEventListener(
+    "scroll",
+    debounce(() => {
+      isClick && window.parent.postMessage({ isRefush: true }, "*");
+    }, 800),
+    true
+  );
+  /* eslint-enable */
+  // 网页热力点击SDK（勿删勿删勿删）
+}
+
+script.addEventListener("load", initHotAnalyse)
+
+document.head.appendChild(script);

package/src/monitor/performance-monitor/index.js

@@ -0,0 +1,103 @@
+import {
+  onCLS,
+  onFCP,
+  onFID,
+  onFP,
+  onINP,
+  onLCP,
+  onTTFB,
+  observe,
+} from "./web-vitals";
+
+const { PerformanceObserver, performance } = window;
+
+const getPerformanceTiming = () => {
+  return new Promise((resolve) => {
+    if (PerformanceObserver.supportedEntryTypes.includes("navigation")) {
+      observe("navigation", (entries) => {
+        entries.forEach((entry) => {
+          const data = {
+            href: entry.name,
+
+            // 首字节
+            firstByteTime: entry.responseStart,
+            // 卸载页面(unload)
+            unloadTime: entry.unloadEventEnd - entry.unloadEventStart,
+            // 重定向(redirect)
+            redirectTime: entry.redirectEnd - entry.redirectStart,
+            // 检查缓存(cache)
+            cacheCheckTime: entry.fetchStart,
+
+            // DNS查询耗时
+            dnsTime: entry.domainLookupEnd - entry.domainLookupStart,
+            // TCP连接耗时
+            tcpTime: entry.connectEnd - entry.connectStart,
+            // ssl耗时
+            sslTime: entry.secureConnectionStart > 0 ? entry.connectEnd - entry.secureConnectionStart : 0,
+            // 首字节响应时间(TTFB)
+            firstByteResponseTime: entry.responseStart - entry.requestStart,
+
+            // DOM Ready
+            domReadyTime: entry.domContentLoadedEventEnd - entry.fetchStart,
+            //内容传输
+            contentTransferTime: entry.responseStart,
+            //DOM解析
+            domParsingTime: entry.domInteractive - entry.responseEnd,
+
+            //页面完全加载
+            pageLoadTime: entry.loadEventEnd - entry.fetchStart,
+            //资源加载
+            resourceLoadTime: entry.loadEventStart - entry.domContentLoadedEventEnd,
+            //load事件时间
+            loadEventTime: entry.loadEventEnd,
+          };
+
+          resolve(data)
+        });
+      });
+    } else {
+      const entry = performance.timing;
+      const data = {
+        href: location.href,
+
+        // 首字节
+        firstByteTime: entry.responseStart - entry.navigationStart,
+       // 卸载页面(unload)
+       unloadTime: entry.unloadEventEnd - entry.unloadEventStart,
+       // 重定向(redirect)
+       redirectTime: entry.redirectEnd - entry.redirectStart,
+       // 检查缓存(cache)
+       cacheCheckTime: entry.fetchStart - entry.navigationStart,
+
+        // DNS查询耗时
+        dnsTime: entry.domainLookupEnd - entry.domainLookupStart,
+        // TCP连接耗时
+        tcpTime: entry.connectEnd - entry.connectStart,
+        // ssl耗时
+        sslTime: entry.secureConnectionStart > 0 ? entry.connectEnd - entry.secureConnectionStart : 0,
+        // 首字节响应时间(TTFB)
+        firstByteResponseTime: entry.responseStart - entry.requestStart,
+
+        // DOM Ready
+        domReadyTime: entry.domContentLoadedEventEnd - entry.fetchStart,
+        //内容传输
+        contentTransferTime: entry.responseStart - entry.navigationStart,
+        // DOM解析
+        domParsingTime: entry.domInteractive - entry.responseEnd,
+
+        //页面完全加载
+        pageLoadTime: entry.loadEventEnd - entry.fetchStart,
+        //资源加载
+        resourceLoadTime: entry.loadEventStart - entry.domContentLoadedEventEnd,
+        //load事件时间
+        loadEventTime: entry.loadEventEnd - entry.navigationStart,
+      };
+      resolve(data)
+    }
+  });
+};
+
+const performanceCallback = (data) => {
+  // 获取指标名 评分 数值
+  const { name, rating, value } = data;
+};

package/src/monitor/performance-monitor/web-vitals.js

@@ -0,0 +1 @@
+var e,n,t,i,r,a=-1,o=function(e){addEventListener("pageshow",(function(n){n.persisted&&(a=n.timeStamp,e(n))}),!0)},c=function(){return window.performance&&performance.getEntriesByType&&performance.getEntriesByType("navigation")[0]},u=function(){var e=c();return e&&e.activationStart||0},f=function(e,n){var t=c(),i="navigate";return a>=0?i="back-forward-cache":t&&(document.prerendering||u()>0?i="prerender":document.wasDiscarded?i="restore":t.type&&(i=t.type.replace(/_/g,"-"))),{name:e,value:void 0===n?-1:n,rating:"good",delta:0,entries:[],id:"v3-".concat(Date.now(),"-").concat(Math.floor(8999999999999*Math.random())+1e12),navigationType:i}},s=function(e,n,t){try{if(PerformanceObserver.supportedEntryTypes.includes(e)){var i=new PerformanceObserver((function(e){Promise.resolve().then((function(){n(e.getEntries())}))}));return i.observe(Object.assign({type:e,buffered:!0},t||{})),i}}catch(e){}},d=function(e,n,t,i){var r,a;return function(o){n.value>=0&&(o||i)&&((a=n.value-(r||0))||void 0===r)&&(r=n.value,n.delta=a,n.rating=function(e,n){return e>n[1]?"poor":e>n[0]?"needs-improvement":"good"}(n.value,t),e(n))}},l=function(e){requestAnimationFrame((function(){return requestAnimationFrame((function(){return e()}))}))},p=function(e){var n=function(n){"pagehide"!==n.type&&"hidden"!==document.visibilityState||e(n)};addEventListener("visibilitychange",n,!0),addEventListener("pagehide",n,!0)},v=function(e){var n=!1;return function(t){n||(e(t),n=!0)}},m=-1,h=function(){return"hidden"!==document.visibilityState||document.prerendering?1/0:0},g=function(e){"hidden"===document.visibilityState&&m>-1&&(m="visibilitychange"===e.type?e.timeStamp:0,T())},y=function(){addEventListener("visibilitychange",g,!0),addEventListener("prerenderingchange",g,!0)},T=function(){removeEventListener("visibilitychange",g,!0),removeEventListener("prerenderingchange",g,!0)},E=function(){return m<0&&(m=h(),y(),o((function(){setTimeout((function(){m=h(),y()}),0)}))),{get firstHiddenTime(){return m}}},C=function(e){document.prerendering?addEventListener("prerenderingchange",(function(){return e()}),!0):e()},L=[1800,3e3],w=function(e,n){n=n||{},C((function(){var t,i=E(),r=f("FCP"),a=s("paint",(function(e){e.forEach((function(e){"first-contentful-paint"===e.name&&(a.disconnect(),e.startTime<i.firstHiddenTime&&(r.value=Math.max(e.startTime-u(),0),r.entries.push(e),t(!0)))}))}));a&&(t=d(e,r,L,n.reportAllChanges),o((function(i){r=f("FCP"),t=d(e,r,L,n.reportAllChanges),l((function(){r.value=performance.now()-i.timeStamp,t(!0)}))})))}))},S=[.1,.25],b=function(e,n){n=n||{},w(v((function(){var t,i=f("CLS",0),r=0,a=[],c=function(e){e.forEach((function(e){if(!e.hadRecentInput){var n=a[0],t=a[a.length-1];r&&e.startTime-t.startTime<1e3&&e.startTime-n.startTime<5e3?(r+=e.value,a.push(e)):(r=e.value,a=[e])}})),r>i.value&&(i.value=r,i.entries=a,t())},u=s("layout-shift",c);u&&(t=d(e,i,S,n.reportAllChanges),p((function(){c(u.takeRecords()),t(!0)})),o((function(){r=0,i=f("CLS",0),t=d(e,i,S,n.reportAllChanges),l((function(){return t()}))})),setTimeout(t,0))})))},A=[1800,3e3],P=function(e,n){n=n||{},C((function(){var t,i=E(),r=f("FP"),a=s("paint",(function(e){e.forEach((function(e){"first-paint"===e.name&&(a.disconnect(),e.startTime<i.firstHiddenTime&&(r.value=Math.max(e.startTime-u(),0),r.entries.push(e),t(!0)))}))}));a&&(t=d(e,r,A,n.reportAllChanges),o((function(i){r=f("FP"),t=d(e,r,A,n.reportAllChanges),l((function(){r.value=performance.now()-i.timeStamp,t(!0)}))})))}))},F={passive:!0,capture:!0},I=new Date,M=function(i,r){e||(e=r,n=i,t=new Date,x(removeEventListener),k())},k=function(){if(n>=0&&n<t-I){var r={entryType:"first-input",name:e.type,target:e.target,cancelable:e.cancelable,startTime:e.timeStamp,processingStart:e.timeStamp+n};i.forEach((function(e){e(r)})),i=[]}},D=function(e){if(e.cancelable){var n=(e.timeStamp>1e12?new Date:performance.now())-e.timeStamp;"pointerdown"==e.type?function(e,n){var t=function(){M(e,n),r()},i=function(){r()},r=function(){removeEventListener("pointerup",t,F),removeEventListener("pointercancel",i,F)};addEventListener("pointerup",t,F),addEventListener("pointercancel",i,F)}(n,e):M(n,e)}},x=function(e){["mousedown","keydown","touchstart","pointerdown"].forEach((function(n){return e(n,D,F)}))},B=[100,300],H=function(t,r){r=r||{},C((function(){var a,c=E(),u=f("FID"),l=function(e){e.startTime<c.firstHiddenTime&&(u.value=e.processingStart-e.startTime,u.entries.push(e),a(!0))},m=function(e){e.forEach(l)},h=s("first-input",m);a=d(t,u,B,r.reportAllChanges),h&&p(v((function(){m(h.takeRecords()),h.disconnect()}))),h&&o((function(){var o;u=f("FID"),a=d(t,u,B,r.reportAllChanges),i=[],n=-1,e=null,x(addEventListener),o=l,i.push(o),k()}))}))},R=0,N=1/0,O=0,q=function(e){e.forEach((function(e){e.interactionId&&(N=Math.min(N,e.interactionId),O=Math.max(O,e.interactionId),R=O?(O-N)/7+1:0)}))},j=function(){return r?R:performance.interactionCount||0},_=function(){"interactionCount"in performance||r||(r=s("event",q,{type:"event",buffered:!0,durationThreshold:0}))},z=[200,500],G=0,J=function(){return j()-G},K=[],Q={},U=function(e){var n=K[K.length-1],t=Q[e.interactionId];if(t||K.length<10||e.duration>n.latency){if(t)t.entries.push(e),t.latency=Math.max(t.latency,e.duration);else{var i={id:e.interactionId,latency:e.duration,entries:[e]};Q[i.id]=i,K.push(i)}K.sort((function(e,n){return n.latency-e.latency})),K.splice(10).forEach((function(e){delete Q[e.id]}))}},V=function(e,n){n=n||{},C((function(){_();var t,i=f("INP"),r=function(e){e.forEach((function(e){(e.interactionId&&U(e),"first-input"===e.entryType)&&(!K.some((function(n){return n.entries.some((function(n){return e.duration===n.duration&&e.startTime===n.startTime}))}))&&U(e))}));var n,r=(n=Math.min(K.length-1,Math.floor(J()/50)),K[n]);r&&r.latency!==i.value&&(i.value=r.latency,i.entries=r.entries,t())},a=s("event",r,{durationThreshold:n.durationThreshold||40});t=d(e,i,z,n.reportAllChanges),a&&(a.observe({type:"first-input",buffered:!0}),p((function(){r(a.takeRecords()),i.value<0&&J()>0&&(i.value=0,i.entries=[]),t(!0)})),o((function(){K=[],G=j(),i=f("INP"),t=d(e,i,z,n.reportAllChanges)})))}))},W=[2500,4e3],X={},Y=function(e,n){n=n||{},C((function(){var t,i=E(),r=f("LCP"),a=function(e){var n=e[e.length-1];n&&n.startTime<i.firstHiddenTime&&(r.value=Math.max(n.startTime-u(),0),r.entries=[n],t())},c=s("largest-contentful-paint",a);if(c){t=d(e,r,W,n.reportAllChanges);var m=v((function(){X[r.id]||(a(c.takeRecords()),c.disconnect(),X[r.id]=!0,t(!0))}));["keydown","click"].forEach((function(e){addEventListener(e,m,!0)})),p(m),o((function(i){r=f("LCP"),t=d(e,r,W,n.reportAllChanges),l((function(){r.value=performance.now()-i.timeStamp,X[r.id]=!0,t(!0)}))}))}}))},Z=[800,1800],$=function e(n){document.prerendering?C((function(){return e(n)})):"complete"!==document.readyState?addEventListener("load",(function(){return e(n)}),!0):setTimeout(n,0)},ee=function(e,n){n=n||{};var t=f("TTFB"),i=d(e,t,Z,n.reportAllChanges);$((function(){var r=c();if(r){var a=r.responseStart;if(a<=0||a>performance.now())return;t.value=Math.max(a-u(),0),t.entries=[r],i(!0),o((function(){t=f("TTFB",0),(i=d(e,t,Z,n.reportAllChanges))(!0)}))}}))};export{S as CLSThresholds,L as FCPThresholds,B as FIDThresholds,A as FPThresholds,z as INPThresholds,W as LCPThresholds,Z as TTFBThresholds,b as getCLS,w as getFCP,H as getFID,P as getFP,V as getINP,Y as getLCP,ee as getTTFB,s as observe,b as onCLS,w as onFCP,H as onFID,P as onFP,V as onINP,Y as onLCP,ee as onTTFB};