@atolljs/devtools 0.1.12 → 0.1.13

package/dist/chunk-5PJAC55Q.js

@@ -0,0 +1,109 @@
+// src/probes.ts
+import { emitDevtools } from "@atolljs/core";
+var MAX_SCRIPTS = 5;
+var BUDGET_MS = 50;
+var HIDDEN_SCRIPT_MS = 100;
+var STALL_MS = 1e3;
+var refs = 0;
+var teardown = null;
+var isBrowserMain = () => typeof window !== "undefined" && typeof window.document !== "undefined" && typeof requestAnimationFrame === "function" && !(typeof WorkerGlobalScope !== "undefined" && self instanceof WorkerGlobalScope);
+var observeLongFrames = () => {
+  if (typeof PerformanceObserver === "undefined") return () => {
+  };
+  const supported = PerformanceObserver.supportedEntryTypes ?? [];
+  const type = supported.includes("long-animation-frame") ? "long-animation-frame" : supported.includes("longtask") ? "longtask" : null;
+  if (!type) return () => {
+  };
+  const obs = new PerformanceObserver((list) => {
+    const hidden = document.visibilityState === "hidden";
+    for (const e of list.getEntries()) {
+      const ms = Math.round(e.duration);
+      const blockingMs = Math.round(e.blockingDuration ?? Math.max(0, e.duration - BUDGET_MS));
+      const scriptMs = e.scripts ? e.scripts.reduce((n, s) => n + s.duration, 0) : void 0;
+      if (hidden) {
+        if ((scriptMs ?? e.duration) < HIDDEN_SCRIPT_MS) continue;
+      } else if (e.blockingDuration === 0 && (scriptMs ?? 0) < BUDGET_MS) continue;
+      const scripts = e.scripts?.length ? [...e.scripts].sort((a, b) => b.duration - a.duration).slice(0, MAX_SCRIPTS).map((s) => ({
+        src: s.sourceURL ? s.sourceURL.slice(0, 300) : void 0,
+        fn: s.sourceFunctionName || s.invoker || void 0,
+        ms: Math.round(s.duration)
+      })) : void 0;
+      emitDevtools({
+        type: "runtime:longframe",
+        ms,
+        blockingMs,
+        ...scripts ? { scripts } : {},
+        ...hidden ? { hidden: true } : {}
+      });
+    }
+  });
+  try {
+    obs.observe({ type, buffered: true });
+  } catch {
+    return () => {
+    };
+  }
+  return () => obs.disconnect();
+};
+var sampleFrames = () => {
+  let raf = 0;
+  let last = 0;
+  let windowStart = 0;
+  let frames = 0;
+  let dropped = 0;
+  let interval = 1e3 / 60;
+  let shortest = Infinity;
+  const tick = (now) => {
+    raf = requestAnimationFrame(tick);
+    if (!last) {
+      last = windowStart = now;
+      return;
+    }
+    const dt = now - last;
+    last = now;
+    if (dt > STALL_MS) {
+      windowStart = now;
+      frames = dropped = 0;
+      return;
+    }
+    frames++;
+    if (dt >= 4 && dt < shortest) shortest = dt;
+    if (dt > interval * 2) dropped++;
+    const elapsed = now - windowStart;
+    if (elapsed >= 1e3) {
+      emitDevtools({ type: "runtime:frames", fps: Math.round(frames * 1e3 / elapsed), dropped });
+      if (shortest !== Infinity) interval = shortest;
+      shortest = Infinity;
+      windowStart = now;
+      frames = dropped = 0;
+    }
+  };
+  raf = requestAnimationFrame(tick);
+  return () => cancelAnimationFrame(raf);
+};
+function installJankProbe() {
+  if (!isBrowserMain()) return () => {
+  };
+  refs++;
+  if (!teardown) {
+    const stopObs = observeLongFrames();
+    const stopRaf = sampleFrames();
+    teardown = () => {
+      stopObs();
+      stopRaf();
+    };
+  }
+  let released = false;
+  return () => {
+    if (released) return;
+    released = true;
+    if (--refs === 0 && teardown) {
+      teardown();
+      teardown = null;
+    }
+  };
+}
+
+export {
+  installJankProbe
+};

package/dist/{chunk-6E54FXKS.js → chunk-ZBVH5X6N.js}

@@ -1,12 +1,23 @@
+import {
+  installJankProbe
+} from "./chunk-5PJAC55Q.js";
+
+// src/client.ts
+import {
+  installFetchProbe as installFetchProbe2,
+  installMemoryProbe as installMemoryProbe2,
+  setDevtoolsSink as setDevtoolsSink2
+} from "@atolljs/core";
+
+// src/broadcast.ts
 import {
   installFetchProbe,
-  installJankProbe,
   installMemoryProbe,
-  runDevtoolsCommand,
   setDevtoolsSink
-} from "./chunk-57NGHQUL.js";
+} from "@atolljs/core";
 
 // src/control.ts
+import { runDevtoolsCommand } from "@atolljs/core";
 var jsonSafe = (v) => {
   if (v === void 0) return void 0;
   try {
@@ -189,11 +200,11 @@ function connectWebSocket(opts, session) {
   }
   const timer = setInterval(flush, opts.flushMs ?? 100);
   timer.unref?.();
-  if (opts.network !== false) installFetchProbe(globalThis);
-  if (opts.memory !== false) installMemoryProbe(globalThis);
+  if (opts.network !== false) installFetchProbe2(globalThis);
+  if (opts.memory !== false) installMemoryProbe2(globalThis);
   const releaseJank = opts.jank !== false ? installJankProbe() : () => {
   };
-  setDevtoolsSink((event) => {
+  setDevtoolsSink2((event) => {
     if (closed) return;
     pending.push(event);
     if (pending.length > cap) pending.shift();
@@ -206,7 +217,7 @@ function connectWebSocket(opts, session) {
     },
     close() {
       closed = true;
-      setDevtoolsSink(null);
+      setDevtoolsSink2(null);
       flush();
       sock?.close();
       clearInterval(timer);

package/dist/index.js

@@ -4,8 +4,8 @@ import {
   devtoolsEnabled,
   initDevtools,
   mountDevtoolsOverlay
-} from "./chunk-6E54FXKS.js";
-import "./chunk-57NGHQUL.js";
+} from "./chunk-ZBVH5X6N.js";
+import "./chunk-5PJAC55Q.js";
 export {
   DEVTOOLS_PARAM,
   connectDevtools,

package/dist/node.js

@@ -3,8 +3,8 @@ import {
   connectDevtools,
   devtoolsEnabled,
   initDevtools
-} from "./chunk-6E54FXKS.js";
-import "./chunk-57NGHQUL.js";
+} from "./chunk-ZBVH5X6N.js";
+import "./chunk-5PJAC55Q.js";
 export {
   DEVTOOLS_PARAM,
   connectDevtools,

package/dist/otel.js

@@ -1,9 +1,6 @@
 import {
-  addDevtoolsSink,
-  installFetchProbe,
-  installJankProbe,
-  installMemoryProbe
-} from "./chunk-57NGHQUL.js";
+  installJankProbe
+} from "./chunk-5PJAC55Q.js";
 import {
   OtelMapper,
   SEVERITY,
@@ -17,6 +14,7 @@ import {
 } from "./chunk-WIL2P7HG.js";
 
 // src/otel.ts
+import { addDevtoolsSink, installFetchProbe, installMemoryProbe } from "@atolljs/core";
 function exportOtel(opts = {}) {
   const sender = createOtlpSender(opts);
   const endpoint = sender.endpoint;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atolljs/devtools",
-  "version": "0.1.12",
+  "version": "0.1.13",
   "description": "Devtools transport + local dashboard server for AtollJS instrumentation events",
   "homepage": "https://jwhenry3.github.io/atolljs/consumer/quickstart/",
   "type": "module",
@@ -39,7 +39,7 @@
     "registry": "https://registry.npmjs.org"
   },
   "peerDependencies": {
-    "@atolljs/core": "0.1.12"
+    "@atolljs/core": "0.1.13"
   },
   "repository": {
     "type": "git",

package/dist/chunk-57NGHQUL.js

@@ -1,344 +0,0 @@
-// ../../src/devtools.ts
-var THREAD = typeof WorkerGlobalScope !== "undefined" && self instanceof WorkerGlobalScope ? "worker" : "main";
-var sink = null;
-var primary = null;
-var extraSinks = /* @__PURE__ */ new Set();
-var recompose = () => {
-  if (extraSinks.size === 0) {
-    sink = primary;
-    return;
-  }
-  const all = primary ? [primary, ...extraSinks] : [...extraSinks];
-  sink = all.length === 1 ? all[0] : (event) => {
-    for (const s of all) {
-      try {
-        s(event);
-      } catch {
-      }
-    }
-  };
-};
-var setDevtoolsSink = (custom) => {
-  primary = custom;
-  recompose();
-};
-var addDevtoolsSink = (listener) => {
-  extraSinks.add(listener);
-  recompose();
-  return () => {
-    if (extraSinks.delete(listener)) recompose();
-  };
-};
-var emitDevtools = (event) => {
-  if (sink) sink({ ...event, at: performance.now(), thread: THREAD });
-};
-var commands = /* @__PURE__ */ new Map();
-var listDevtoolsCommands = () => [...commands.keys()].sort();
-var runDevtoolsCommand = async (name, args = {}) => {
-  if (name === "devtools.commands") return listDevtoolsCommands();
-  const handler = commands.get(name);
-  if (!handler) throw new Error(`unknown devtools command '${name}'`);
-  return handler(args);
-};
-var PROBED = /* @__PURE__ */ Symbol.for("atoll.devtools.fetch");
-var BODY_PREVIEW = 8 * 1024;
-var TEXTISH = /text|json|javascript|xml|html|css|svg|csv|urlencoded|graphql/;
-var headerList = (h) => h ? [...h.entries()].slice(0, 64) : void 0;
-var bodyPreview = (body) => {
-  if (body === null || body === void 0) return void 0;
-  if (typeof body === "string") return body.slice(0, BODY_PREVIEW);
-  if (body instanceof URLSearchParams) return String(body).slice(0, BODY_PREVIEW);
-  if (body instanceof Blob) return `[${body.type || "blob"} ${body.size}B]`;
-  if (body instanceof ArrayBuffer) return `[ArrayBuffer ${body.byteLength}B]`;
-  if (ArrayBuffer.isView(body)) return `[${body.constructor.name} ${body.byteLength}B]`;
-  if (typeof FormData !== "undefined" && body instanceof FormData) return "[FormData]";
-  return "[stream]";
-};
-var readPreview = async (res, cap) => {
-  const reader = res.body?.getReader();
-  if (!reader) return void 0;
-  const chunks = [];
-  let n = 0;
-  try {
-    while (n < cap) {
-      const { done, value } = await reader.read();
-      if (done || !value) break;
-      chunks.push(value);
-      n += value.byteLength;
-    }
-  } catch {
-  }
-  if (!n) return void 0;
-  const all = new Uint8Array(n);
-  let off = 0;
-  for (const c of chunks) {
-    all.set(c, off);
-    off += c.byteLength;
-  }
-  return new TextDecoder().decode(all) + (n >= cap ? "\u2026" : "");
-};
-var findTiming = async (absUrl, t0) => {
-  const perf = globalThis.performance;
-  if (!perf?.getEntriesByType) return void 0;
-  for (let tries = 0; tries < 12; tries++) {
-    let best;
-    for (const e of perf.getEntriesByType("resource")) {
-      if (e.name !== absUrl || e.startTime < t0 - 5) continue;
-      if (!best || e.startTime < best.startTime) best = e;
-    }
-    if (best) {
-      const seg = (a, b) => b > a && a > 0 ? b - a : 0;
-      return {
-        queue: seg(best.fetchStart, best.domainLookupStart),
-        dns: seg(best.domainLookupStart, best.domainLookupEnd),
-        tcp: best.secureConnectionStart > 0 ? seg(best.connectStart, best.secureConnectionStart) : seg(best.connectStart, best.connectEnd),
-        tls: best.secureConnectionStart > 0 ? seg(best.secureConnectionStart, best.connectEnd) : 0,
-        wait: seg(best.requestStart, best.responseStart),
-        download: seg(best.responseStart, best.responseEnd),
-        transferSize: best.transferSize,
-        encodedSize: best.encodedBodySize,
-        decodedSize: best.decodedBodySize
-      };
-    }
-    await new Promise((r) => setTimeout(r, 250));
-  }
-  return void 0;
-};
-var installFetchProbe = (scope) => {
-  const original = scope.fetch;
-  if (!original || original[PROBED]) return;
-  let seq = 0;
-  const wrapped = async (input, init) => {
-    const t0 = performance.now();
-    const id = ++seq;
-    const isReq = typeof Request !== "undefined" && input instanceof Request;
-    const url = isReq ? input.url : String(input);
-    const abs = (() => {
-      try {
-        return new URL(url, self.location?.href).href;
-      } catch {
-        return url;
-      }
-    })();
-    const method = (init?.method ?? (isReq ? input.method : "GET")).toUpperCase();
-    const reqClone = isReq && !init?.body ? input.clone() : null;
-    const reqHeaders = headerList(
-      init?.headers ? new Headers(init.headers) : isReq ? input.headers : void 0
-    );
-    let reqBody = bodyPreview(init?.body);
-    try {
-      const res = await original.call(scope, input, init);
-      const len = res.headers.get("content-length");
-      emitDevtools({
-        type: "net:fetch",
-        id,
-        url: url.slice(0, 300),
-        method,
-        status: res.status,
-        ms: performance.now() - t0,
-        bytes: len === null ? void 0 : Number(len),
-        reqHeaders,
-        reqBody
-      });
-      const resClone = res.clone();
-      void (async () => {
-        reqBody ??= reqClone ? await reqClone.text().then((t2) => t2.slice(0, BODY_PREVIEW)).catch(() => void 0) : void 0;
-        const ct = res.headers.get("content-type") ?? "";
-        const resBody = TEXTISH.test(ct) ? await readPreview(resClone, BODY_PREVIEW).catch(() => void 0) : void 0;
-        const t = await findTiming(abs, t0);
-        emitDevtools({
-          type: "net:fetch-detail",
-          id,
-          reqBody,
-          resHeaders: headerList(res.headers),
-          resBody,
-          timing: t,
-          transferSize: t?.transferSize,
-          encodedSize: t?.encodedSize,
-          decodedSize: t?.decodedSize
-        });
-      })();
-      return res;
-    } catch (err) {
-      emitDevtools({
-        type: "net:fetch",
-        id,
-        url: url.slice(0, 300),
-        method,
-        ms: performance.now() - t0,
-        error: err instanceof Error ? err.message : String(err),
-        reqHeaders,
-        reqBody
-      });
-      throw err;
-    }
-  };
-  wrapped[PROBED] = true;
-  scope.fetch = wrapped;
-};
-var memProbed = /* @__PURE__ */ new WeakSet();
-var installMemoryProbe = (scope, intervalMs = 2500) => {
-  if (memProbed.has(scope)) return;
-  const perf = scope.performance;
-  if (!perf) return;
-  const mem = perf.memory;
-  const inWorker = typeof WorkerGlobalScope !== "undefined" && globalThis.self instanceof WorkerGlobalScope;
-  const measure = perf.measureUserAgentSpecificMemory?.bind(perf);
-  const procMem = globalThis.process?.memoryUsage;
-  if (!mem && (!measure || inWorker) && !procMem) return;
-  memProbed.add(scope);
-  if (measure && !inWorker) {
-    const timer2 = setInterval(() => {
-      measure().then((res) => {
-        const contexts = (res.breakdown ?? []).map((b) => ({
-          bytes: b.bytes,
-          scope: b.attribution?.[0]?.scope,
-          url: b.attribution?.[0]?.url
-        })).sort((a, b) => b.bytes - a.bytes).slice(0, 24);
-        emitDevtools({
-          type: "runtime:memory",
-          heapBytes: res.bytes,
-          heapLimitBytes: mem?.jsHeapSizeLimit,
-          contexts
-        });
-      }).catch(() => {
-        if (mem) {
-          emitDevtools({
-            type: "runtime:memory",
-            heapBytes: mem.usedJSHeapSize,
-            heapLimitBytes: mem.jsHeapSizeLimit
-          });
-        }
-      });
-    }, Math.max(intervalMs, 4e3));
-    timer2.unref?.();
-    return;
-  }
-  const timer = setInterval(() => {
-    if (mem) {
-      emitDevtools({
-        type: "runtime:memory",
-        heapBytes: mem.usedJSHeapSize,
-        heapLimitBytes: mem.jsHeapSizeLimit
-      });
-    } else if (procMem) {
-      const u = procMem();
-      emitDevtools({ type: "runtime:memory", heapBytes: u.heapUsed, rssBytes: u.rss });
-    }
-  }, intervalMs);
-  timer.unref?.();
-};
-
-// src/probes.ts
-var MAX_SCRIPTS = 5;
-var BUDGET_MS = 50;
-var HIDDEN_SCRIPT_MS = 100;
-var STALL_MS = 1e3;
-var refs = 0;
-var teardown = null;
-var isBrowserMain = () => typeof window !== "undefined" && typeof window.document !== "undefined" && typeof requestAnimationFrame === "function" && !(typeof WorkerGlobalScope !== "undefined" && self instanceof WorkerGlobalScope);
-var observeLongFrames = () => {
-  if (typeof PerformanceObserver === "undefined") return () => {
-  };
-  const supported = PerformanceObserver.supportedEntryTypes ?? [];
-  const type = supported.includes("long-animation-frame") ? "long-animation-frame" : supported.includes("longtask") ? "longtask" : null;
-  if (!type) return () => {
-  };
-  const obs = new PerformanceObserver((list) => {
-    const hidden = document.visibilityState === "hidden";
-    for (const e of list.getEntries()) {
-      const ms = Math.round(e.duration);
-      const blockingMs = Math.round(e.blockingDuration ?? Math.max(0, e.duration - BUDGET_MS));
-      const scriptMs = e.scripts ? e.scripts.reduce((n, s) => n + s.duration, 0) : void 0;
-      if (hidden) {
-        if ((scriptMs ?? e.duration) < HIDDEN_SCRIPT_MS) continue;
-      } else if (e.blockingDuration === 0 && (scriptMs ?? 0) < BUDGET_MS) continue;
-      const scripts = e.scripts?.length ? [...e.scripts].sort((a, b) => b.duration - a.duration).slice(0, MAX_SCRIPTS).map((s) => ({
-        src: s.sourceURL ? s.sourceURL.slice(0, 300) : void 0,
-        fn: s.sourceFunctionName || s.invoker || void 0,
-        ms: Math.round(s.duration)
-      })) : void 0;
-      emitDevtools({
-        type: "runtime:longframe",
-        ms,
-        blockingMs,
-        ...scripts ? { scripts } : {},
-        ...hidden ? { hidden: true } : {}
-      });
-    }
-  });
-  try {
-    obs.observe({ type, buffered: true });
-  } catch {
-    return () => {
-    };
-  }
-  return () => obs.disconnect();
-};
-var sampleFrames = () => {
-  let raf = 0;
-  let last = 0;
-  let windowStart = 0;
-  let frames = 0;
-  let dropped = 0;
-  let interval = 1e3 / 60;
-  let shortest = Infinity;
-  const tick = (now) => {
-    raf = requestAnimationFrame(tick);
-    if (!last) {
-      last = windowStart = now;
-      return;
-    }
-    const dt = now - last;
-    last = now;
-    if (dt > STALL_MS) {
-      windowStart = now;
-      frames = dropped = 0;
-      return;
-    }
-    frames++;
-    if (dt >= 4 && dt < shortest) shortest = dt;
-    if (dt > interval * 2) dropped++;
-    const elapsed = now - windowStart;
-    if (elapsed >= 1e3) {
-      emitDevtools({ type: "runtime:frames", fps: Math.round(frames * 1e3 / elapsed), dropped });
-      if (shortest !== Infinity) interval = shortest;
-      shortest = Infinity;
-      windowStart = now;
-      frames = dropped = 0;
-    }
-  };
-  raf = requestAnimationFrame(tick);
-  return () => cancelAnimationFrame(raf);
-};
-function installJankProbe() {
-  if (!isBrowserMain()) return () => {
-  };
-  refs++;
-  if (!teardown) {
-    const stopObs = observeLongFrames();
-    const stopRaf = sampleFrames();
-    teardown = () => {
-      stopObs();
-      stopRaf();
-    };
-  }
-  let released = false;
-  return () => {
-    if (released) return;
-    released = true;
-    if (--refs === 0 && teardown) {
-      teardown();
-      teardown = null;
-    }
-  };
-}
-
-export {
-  setDevtoolsSink,
-  addDevtoolsSink,
-  runDevtoolsCommand,
-  installFetchProbe,
-  installMemoryProbe,
-  installJankProbe
-};