vitral 0.3.0 → 0.5.0

package/dist/vitals.js

@@ -0,0 +1,152 @@
+import {
+  mounted
+} from "./chunk-463H6B56.js";
+import "./chunk-GNPFWISJ.js";
+
+// src/vitals.ts
+var LIMITS = {
+  LCP: [2500, 4e3],
+  CLS: [0.1, 0.25],
+  INP: [200, 500],
+  FCP: [1800, 3e3],
+  TTFB: [800, 1800]
+};
+var rating = (name, value) => value <= LIMITS[name][0] ? "good" : value <= LIMITS[name][1] ? "needs-improvement" : "poor";
+function owner(node) {
+  while (node) {
+    const el = node.nodeType === 1 ? node : node.parentElement;
+    const root = el?.closest("[data-vitral-root]");
+    if (root) return root.getAttribute("data-vitral-root");
+    node = (el ?? node).getRootNode().host;
+  }
+  return "";
+}
+function vitals({ onReport }) {
+  if (typeof PerformanceObserver == "undefined") return () => {
+  };
+  const types = PerformanceObserver.supportedEntryTypes ?? [];
+  const soft = types.includes("soft-navigation");
+  const navs = /* @__PURE__ */ new Map();
+  const done = /* @__PURE__ */ new Set();
+  const routes = /* @__PURE__ */ new Map();
+  const versions = /* @__PURE__ */ new Map();
+  const observers = [];
+  const send = (name, value, nav, who2 = "") => {
+    const key = name + "|" + who2;
+    if (nav.sent.get(key) === value) return;
+    nav.sent.set(key, value);
+    const report = { name, route: routes.get(nav.id)?.[0] ?? nav.route, value, rating: rating(name, value) };
+    if (who2) report.remote = who2, report.version = versions.get(who2);
+    if (nav.id !== void 0) report.navigationId = nav.id;
+    if (report.version === void 0) delete report.version;
+    try {
+      onReport(report);
+    } catch {
+    }
+  };
+  const flush = (nav) => {
+    const start = routes.get(nav.id)?.[1] ?? nav.start;
+    if (nav.lcp) send("LCP", Math.max(0, nav.lcp[0] - start), nav, nav.lcp[1]);
+    for (const [who2, s] of nav.cls) send("CLS", s.max, nav, who2);
+    for (const [who2, list] of nav.inp) {
+      const all2 = [...list.values()].sort((a, b) => b - a);
+      send("INP", all2[Math.min(all2.length - 1, Math.floor(all2.length / 50))], nav, who2);
+    }
+  };
+  const navOf = (e) => {
+    const id = soft && e.navigationId != null ? String(e.navigationId) : void 0;
+    const key = id ?? "r:" + location.pathname;
+    if (done.has(key)) return;
+    let nav = navs.get(key);
+    if (!nav) {
+      for (const [k, old] of navs) flush(old), navs.delete(k), old.id !== void 0 && done.add(k);
+      navs.set(key, nav = { id, route: location.pathname, start: 0, cls: /* @__PURE__ */ new Map(), inp: /* @__PURE__ */ new Map(), sent: /* @__PURE__ */ new Map() });
+    }
+    return nav;
+  };
+  const who = (node) => {
+    const name = owner(node);
+    if (name && !versions.has(name)) versions.set(name, mounted.get(name)?.version);
+    return name;
+  };
+  const handle = (e) => {
+    switch (e.entryType) {
+      case "soft-navigation": {
+        routes.set(String(e.navigationId), [new URL(e.name, location.href).pathname, e.startTime]);
+        return;
+      }
+      case "navigation": {
+        if (e.navigationId != null && soft) routes.set(String(e.navigationId), [new URL(e.name, location.href).pathname, 0]);
+        const nav = navOf(e);
+        if (nav && e.responseStart > 0) send("TTFB", Math.max(0, e.responseStart - (e.activationStart ?? 0)), nav);
+        return;
+      }
+      case "paint": {
+        const nav = e.name == "first-contentful-paint" && navOf(e);
+        if (nav) send("FCP", Math.max(0, e.startTime - (activation() ?? 0)), nav);
+        return;
+      }
+      case "largest-contentful-paint": {
+        const nav = navOf(e);
+        if (nav) nav.lcp = [e.startTime, who(e.element)];
+        return;
+      }
+      case "layout-shift": {
+        if (e.hadRecentInput) return;
+        const nav = navOf(e);
+        if (!nav) return;
+        let big;
+        let area = -1;
+        for (const s2 of e.sources ?? []) {
+          const r = s2.currentRect ?? s2.previousRect;
+          const a = r ? r.width * r.height : 0;
+          if (a > area) area = a, big = s2.node;
+        }
+        const name = who(big);
+        const t = e.startTime;
+        const s = nav.cls.get(name);
+        if (s && t - s.last < 1e3 && t - s.first < 5e3) s.current += e.value;
+        else if (s) s.current = e.value, s.first = t;
+        if (s) s.last = t, s.max = Math.max(s.max, s.current);
+        else nav.cls.set(name, { first: t, last: t, current: e.value, max: e.value });
+        return;
+      }
+      case "event": {
+        if (!e.interactionId) return;
+        const nav = navOf(e);
+        if (!nav) return;
+        const name = who(e.target);
+        const list = nav.inp.get(name) ?? /* @__PURE__ */ new Map();
+        nav.inp.set(name, list);
+        list.set(e.interactionId, Math.max(list.get(e.interactionId) ?? 0, e.duration));
+      }
+    }
+  };
+  const activation = () => performance.getEntriesByType?.("navigation")[0]?.activationStart;
+  for (const type of ["soft-navigation", "navigation", "paint", "largest-contentful-paint", "layout-shift", "event"]) {
+    if (!types.includes(type)) continue;
+    try {
+      const o = new PerformanceObserver((list) => list.getEntries().forEach((e) => handle(e)));
+      o.observe({ type, buffered: true, durationThreshold: 40, includeSoftNavigationObservations: true });
+      observers.push(o);
+    } catch {
+    }
+  }
+  const all = () => {
+    for (const o of observers) o.takeRecords().forEach((e) => handle(e));
+    navs.forEach(flush);
+  };
+  const hidden = () => document.visibilityState == "hidden" && all();
+  document.addEventListener("visibilitychange", hidden);
+  return () => {
+    document.removeEventListener("visibilitychange", hidden);
+    all();
+    observers.forEach((o) => o.disconnect());
+    observers.length = 0;
+  };
+}
+export {
+  owner,
+  rating,
+  vitals
+};

package/dist/vite.d.ts

@@ -80,6 +80,24 @@ interface VitralViteOptions extends CssBuildOptions {
     contract?: {
         version?: string;
     };
+    /**
+     * Gera `sbom.cdx.json` (CycloneDX 1.6) com os pacotes npm que entraram no
+     * bundle, e o `vitral.json` aponta para ele em `sbom`. Padrão: false.
+     */
+    sbom?: boolean;
+    /**
+     * `'mcp-app'`: o build gera só `mcp-app.html`, um HTML único com o JS e o
+     * CSS inline, para um servidor MCP servir como recurso `ui://` (MCP Apps).
+     * As notificações do host viram props e `ctx.events.emit` vira mensagem
+     * para o host. Não combina com `exposes`, `dedupe` nem `shared`.
+     */
+    target?: 'mcp-app';
+    /**
+     * Grava o build em uma pasta por versão (`dist/1.5.0/`), para publicar
+     * cada versão sem apagar as anteriores e escolher qual vale num canal
+     * (`canal.json`). Usa `version` (ou a do package.json). Padrão: false.
+     */
+    versionDir?: boolean;
 }
 declare function vitral(options?: VitralViteOptions): Plugin;