@hakam-aldeen-kh/blix 0.6.0 → 0.6.1

package/dist/{DevToolsPanel-QTVFBNU5.js → DevToolsPanel-RKJRDXHT.js}

@@ -29,7 +29,7 @@ import {
   setReduxIgnoreList,
   summarizeInitiator,
   truncateForPersist
-} from "./chunk-FIYP47QZ.js";
+} from "./chunk-AND5H3XH.js";
 
 // src/capture/monitorDatabases.ts
 var REGISTRY_KEY = `${DB_PREFIX}databases`;

package/dist/capture/index.d.ts

@@ -698,10 +698,29 @@ interface InitiatorCaptureTarget {
  * Wraps the axios instance so every call site records its own stack.
  *
  * Wraps the callable form (`apiClient(config)`), plus `request`, `get`, `post`,
- * `put`, `patch`, `delete` and `head`. Other entry points (`options`, the
- * `*Form` helpers) pass through unwrapped — requests made through them are
+ * `put`, `patch`, `delete` and `head`. Other entry points (`options`, `query`,
+ * the `*Form` helpers) pass through unwrapped — requests made through them are
  * still captured, they just carry no initiator stack.
  *
+ * The stack is stashed on the config object in the callable form's and
+ * `request`'s *first* argument, so two calls through wrapped methods also
+ * carry no initiator stack:
+ *
+ * - **The string form** — `apiClient("/url")`, `apiClient("/url", config)`,
+ *   `apiClient.request("/url", config)`. The string is passed to axios as
+ *   given, never turned into a config, so axios runs the same overload it
+ *   would unwrapped; the second argument is forwarded untouched.
+ * - **A frozen, sealed or otherwise non-extensible config.** It is left
+ *   alone rather than written to.
+ *
+ * The stash is an enumerable `__monitorInitiator` property on the caller's own
+ * config object, so it appears in that object's `Object.keys` after the call.
+ * Development only, and axios does not send unknown config keys.
+ *
+ * Wrapping a client that is already wrapped returns it unchanged, with a
+ * development warning: the second wrapper would record Blix's own frames as
+ * the caller.
+ *
  * Generic over the instance, so what the caller gets back is its own type —
  * an `AxiosInstance` stays an `AxiosInstance`, with `get<T>`, `defaults` and
  * `interceptors` intact — rather than the minimal shape it was checked against.

package/dist/capture/index.js

@@ -3,12 +3,12 @@ import {
   attachHttpMonitor,
   captureEncrypted,
   tapRealtimeAdapter
-} from "../chunk-4JZEVUOR.js";
+} from "../chunk-MKYWUTY4.js";
 import {
   createReduxMonitorMiddleware,
   tapQueryClient,
   withInitiatorCapture
-} from "../chunk-FIYP47QZ.js";
+} from "../chunk-AND5H3XH.js";
 export {
   attachFetchMonitor,
   attachHttpMonitor,

package/dist/{chunk-FIYP47QZ.js → chunk-AND5H3XH.js}

@@ -556,27 +556,59 @@ function captureFrames(skip = 0) {
     Error.stackTraceLimit = previousLimit;
   }
 }
+var WRAPPER_MARK = /* @__PURE__ */ Symbol.for("blix.initiatorCapture");
 function withInitiatorCapture(instance) {
   if (!MONITOR_ENABLED) return instance;
+  if (instance[WRAPPER_MARK] === true) {
+    if (process.env.NODE_ENV === "development") {
+      console.warn(
+        "[blix] withInitiatorCapture was given a client it has already wrapped, and returned it unchanged. Wrap the axios instance once and export the wrapped one \u2014 a second wrapper would record Blix's own frames as the caller of every request."
+      );
+    }
+    return instance;
+  }
   const attach = (config) => {
-    if (!config) return config;
-    if (!config.__monitorInitiator) config.__monitorInitiator = captureFrames(2);
+    if (typeof config === "object" && config !== null && Object.isExtensible(config) && config.__monitorId === void 0) {
+      config.__monitorInitiator = captureFrames(2);
+    }
     return config;
   };
   const proxy = new Proxy(instance, {
+    // The wrapper mark, reported as an enumerable own property of the proxy
+    // alone — see `WRAPPER_MARK`. A property the target lacks may only be
+    // reported while the target is extensible, so a non-extensible instance
+    // goes without it in `ownKeys`; `get` still answers, and that is what the
+    // double-wrap check reads.
+    has(target, prop) {
+      return prop === WRAPPER_MARK || Reflect.has(target, prop);
+    },
+    ownKeys(target) {
+      const keys = Reflect.ownKeys(target);
+      return Object.isExtensible(target) && !keys.includes(WRAPPER_MARK) ? [...keys, WRAPPER_MARK] : keys;
+    },
+    getOwnPropertyDescriptor(target, prop) {
+      const own = Reflect.getOwnPropertyDescriptor(target, prop);
+      if (prop === WRAPPER_MARK && !own && Object.isExtensible(target)) {
+        return { value: true, enumerable: true, writable: false, configurable: true };
+      }
+      return own;
+    },
+    // Every argument is forwarded: axios accepts `apiClient(url, config)`, and
+    // passing only the first would drop the config.
     apply(target, thisArg, args) {
-      const [config] = args;
+      const [config, ...rest] = args;
       return Reflect.apply(
         target,
         thisArg,
-        [attach(config)]
+        [attach(config), ...rest]
       );
     },
     get(target, prop, receiver) {
+      if (prop === WRAPPER_MARK) return true;
       const value = Reflect.get(target, prop, receiver);
       if (typeof value !== "function") return value;
       if (prop === "request") {
-        return (config) => value.call(target, attach(config));
+        return (config, ...rest) => value.call(target, attach(config), ...rest);
       }
       if (prop === "post" || prop === "put" || prop === "patch") {
         return (url, data, config) => value.call(target, url, data, attach(config != null ? config : {}));

package/dist/{chunk-4JZEVUOR.js → chunk-MKYWUTY4.js}

@@ -13,7 +13,7 @@ import {
   serializeBody,
   serializeHeaders,
   truncateForPersist
-} from "./chunk-FIYP47QZ.js";
+} from "./chunk-AND5H3XH.js";
 
 // src/capture/monitorStamp.ts
 var MONITOR_ID = /* @__PURE__ */ Symbol.for("blix.monitorId");
@@ -329,7 +329,7 @@ function planRequestBody(outgoing) {
     return __spreadProps(__spreadValues({}, none), { payload: notCaptured("the request body was already read before fetch was called") });
   }
   try {
-    return __spreadProps(__spreadValues({}, none), { clone: request.clone() });
+    return __spreadProps(__spreadValues({}, none), { bytes: void 0, clone: request.clone() });
   } catch (e) {
     return __spreadProps(__spreadValues({}, none), { payload: notCaptured("the request body is locked and could not be cloned") });
   }
@@ -340,19 +340,27 @@ function readRequestClone(id, clone, cap, headers) {
   const contentType = headerValue(headers, "content-type");
   const retain = isTextual(contentType);
   void readCapped(body, cap, retain).then((result) => {
+    var _a;
     let requestPayload;
+    let sizeBytes;
     if (result.kind === "complete") {
       requestPayload = result.bytes ? decodeBody(result.bytes, contentType) : binarySummary(contentType, result.length);
+      sizeBytes = result.length;
     } else if (result.kind === "over-cap") {
       requestPayload = notCaptured(
         `the request body passed the ${describeBytes(cap)} capture limit`
       );
+      sizeBytes = result.length;
     } else {
       requestPayload = notCaptured(
         `the request body could not be read (${describeError(result.error)})`
       );
     }
-    settle(id, { requestPayload });
+    const unsized = ((_a = networkMonitor.getById(id)) == null ? void 0 : _a.sizeBytes) === void 0;
+    settle(
+      id,
+      sizeBytes !== void 0 && unsized ? { requestPayload, sizeBytes } : { requestPayload }
+    );
   });
 }
 function begin(outgoing, initiator, cap) {

package/dist/index.js

@@ -4,7 +4,7 @@ import {
   attachHttpMonitor,
   captureEncrypted,
   tapRealtimeAdapter
-} from "./chunk-4JZEVUOR.js";
+} from "./chunk-MKYWUTY4.js";
 import {
   BlixContext
 } from "./chunk-PQIOIMAQ.js";
@@ -13,7 +13,7 @@ import {
   createReduxMonitorMiddleware,
   tapQueryClient,
   withInitiatorCapture
-} from "./chunk-FIYP47QZ.js";
+} from "./chunk-AND5H3XH.js";
 
 // src/ui/Blix.tsx
 import { lazy, Suspense, useEffect, useRef } from "react";
@@ -29,7 +29,7 @@ function Blix({ store, apiClient, dbName }) {
   }, []);
   if (typeof window !== "undefined" && process.env.NODE_ENV === "development") {
     if (!panelRef.current) {
-      panelRef.current = lazy(() => import("./DevToolsPanel-QTVFBNU5.js"));
+      panelRef.current = lazy(() => import("./DevToolsPanel-RKJRDXHT.js"));
     }
     const Panel = panelRef.current;
     if (dbName) configureDbName(dbName);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hakam-aldeen-kh/blix",
-  "version": "0.6.0",
+  "version": "0.6.1",
   "description": "Dev-tools panel for React apps — HTTP, Redux, Query and Realtime monitoring.",
   "keywords": [
     "devtools",