@abbox/inspector 0.4.16 → 0.4.17

package/dist/host/client-bridge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"client-bridge.d.ts","sourceRoot":"","sources":["../../src/host/client-bridge.ts"],"names":[],"mappings":"AAWA,MAAM,MAAM,sBAAsB,GAAG;IACnC,SAAS,EAAE,MAAM,CAAC;IAClB,6EAA6E;IAC7E,kBAAkB,EAAE,SAAS,MAAM,EAAE,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,EAAE,MAAM,IAAI,CAAC;CAClB,CAAC;AAEF,wBAAgB,qBAAqB,CACnC,OAAO,EAAE,sBAAsB,GAC9B,eAAe,CA4EjB"}
+{"version":3,"file":"client-bridge.d.ts","sourceRoot":"","sources":["../../src/host/client-bridge.ts"],"names":[],"mappings":"AAYA,MAAM,MAAM,sBAAsB,GAAG;IACnC,SAAS,EAAE,MAAM,CAAC;IAClB,6EAA6E;IAC7E,kBAAkB,EAAE,SAAS,MAAM,EAAE,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,EAAE,MAAM,IAAI,CAAC;CAClB,CAAC;AAEF,wBAAgB,qBAAqB,CACnC,OAAO,EAAE,sBAAsB,GAC9B,eAAe,CAmFjB"}

package/dist/host/client-bridge.js

@@ -1,5 +1,6 @@
 import { ABBBOX_INSPECTOR_CHANNEL, PROTOCOL_VERSION, } from "../protocol.js";
 import { createInspectorRuntime } from "../runtime/inspector.js";
+import { createRecorder } from "../runtime/recorder.js";
 import { withLocalhostAliases } from "./origin-aliases.js";
 import { validateIncomingMessage } from "./validate.js";
 export function createInspectorClient(options) {
@@ -45,6 +46,8 @@ export function createInspectorClient(options) {
             send({ ...base(), type: "ROUTE_CHANGED", path });
         },
     });
+    // The last minute of activity, for bug reports from the Viewer.
+    const recorder = createRecorder(win, doc);
     const onMessage = (event) => {
         const msg = validateIncomingMessage(event.data, event.origin, {
             sessionId: options.sessionId,
@@ -61,6 +64,9 @@ export function createInspectorClient(options) {
         if (msg.type === "APPLY_CHANGE_MARKERS") {
             runtime.setChangeMarkers(msg.markers);
         }
+        if (msg.type === "REQUEST_RECORDING") {
+            send({ ...base(), type: "RECORDING", steps: recorder.snapshot() });
+        }
     };
     return {
         start: () => {
@@ -75,6 +81,7 @@ export function createInspectorClient(options) {
         },
         stop: () => {
             win.removeEventListener("message", onMessage);
+            recorder.stop();
             runtime.destroy();
         },
     };

package/dist/host/host-bridge.d.ts

@@ -1,4 +1,4 @@
-import { type ChangeMarker, type ClientToHostMessage } from "../protocol.js";
+import { type ChangeMarker, type ClientToHostMessage, type RecordedStep } from "../protocol.js";
 export type InspectorHostOptions = {
     sessionId: string;
     /** Origin of the embedded preview (iframe src origin). */
@@ -20,6 +20,7 @@ export type InspectorHostHandlers = {
     onCleared?: () => void;
     onChangeMarkerSelected?: (changeId: string) => void;
     onRouteChange?: (path: string) => void;
+    onRecording?: (steps: RecordedStep[]) => void;
     onError?: (code: string, message: string) => void;
 };
 export type InspectorHost = {
@@ -30,6 +31,8 @@ export type InspectorHost = {
     applyChangeMarkers: (markers: ChangeMarker[]) => void;
     /** Ask the preview to resend INSPECTOR_READY (call after iframe load). */
     pingPreview: () => void;
+    /** Ask the preview for its last minute of activity (answered via onRecording). */
+    requestRecording: () => void;
 };
 export declare function createInspectorHost(options: InspectorHostOptions, handlers: InspectorHostHandlers): InspectorHost;
 export {};

package/dist/host/host-bridge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"host-bridge.d.ts","sourceRoot":"","sources":["../../src/host/host-bridge.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,YAAY,EACjB,KAAK,mBAAmB,EAGzB,MAAM,gBAAgB,CAAC;AAIxB,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,EAAE,MAAM,CAAC;IAClB,0DAA0D;IAC1D,aAAa,EAAE,MAAM,CAAC;IACtB,mDAAmD;IACnD,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,MAAM,MAAM,GAAG,IAAI,CAAC;CACvC,CAAC;AAEF,KAAK,YAAY,GAAG,OAAO,CACzB,mBAAmB,EACnB;IAAE,IAAI,EAAE,iBAAiB,CAAA;CAAE,CAC5B,CAAC,SAAS,CAAC,CAAC;AACb,KAAK,aAAa,GAAG,OAAO,CAC1B,mBAAmB,EACnB;IAAE,IAAI,EAAE,kBAAkB,CAAA;CAAE,CAC7B,CAAC,SAAS,CAAC,CAAC;AAEb,MAAM,MAAM,qBAAqB,GAAG;IAClC,OAAO,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,sBAAsB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACnD,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,kBAAkB,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;IACtD,0EAA0E;IAC1E,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC;AAEF,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,oBAAoB,EAC7B,QAAQ,EAAE,qBAAqB,GAC9B,aAAa,CAkEf"}
+{"version":3,"file":"host-bridge.d.ts","sourceRoot":"","sources":["../../src/host/host-bridge.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,YAAY,EACjB,KAAK,mBAAmB,EAGxB,KAAK,YAAY,EAClB,MAAM,gBAAgB,CAAC;AAIxB,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,EAAE,MAAM,CAAC;IAClB,0DAA0D;IAC1D,aAAa,EAAE,MAAM,CAAC;IACtB,mDAAmD;IACnD,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,MAAM,MAAM,GAAG,IAAI,CAAC;CACvC,CAAC;AAEF,KAAK,YAAY,GAAG,OAAO,CACzB,mBAAmB,EACnB;IAAE,IAAI,EAAE,iBAAiB,CAAA;CAAE,CAC5B,CAAC,SAAS,CAAC,CAAC;AACb,KAAK,aAAa,GAAG,OAAO,CAC1B,mBAAmB,EACnB;IAAE,IAAI,EAAE,kBAAkB,CAAA;CAAE,CAC7B,CAAC,SAAS,CAAC,CAAC;AAEb,MAAM,MAAM,qBAAqB,GAAG;IAClC,OAAO,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,sBAAsB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;IAC9C,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACnD,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,kBAAkB,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;IACtD,0EAA0E;IAC1E,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,kFAAkF;IAClF,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAC9B,CAAC;AAEF,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,oBAAoB,EAC7B,QAAQ,EAAE,qBAAqB,GAC9B,aAAa,CAwEf"}

package/dist/host/host-bridge.js

@@ -38,6 +38,9 @@ export function createInspectorHost(options, handlers) {
         if (msg.type === "ROUTE_CHANGED") {
             handlers.onRouteChange?.(msg.path);
         }
+        if (msg.type === "RECORDING") {
+            handlers.onRecording?.(msg.steps);
+        }
         if (msg.type === "INSPECTOR_ERROR") {
             handlers.onError?.(msg.code, msg.message);
         }
@@ -58,6 +61,9 @@ export function createInspectorHost(options, handlers) {
         applyChangeMarkers: (markers) => {
             send({ ...base(), type: "APPLY_CHANGE_MARKERS", markers });
         },
+        requestRecording: () => {
+            send({ ...base(), type: "REQUEST_RECORDING" });
+        },
         pingPreview: () => {
             send({
                 ...base(),

package/dist/protocol.d.ts

@@ -126,8 +126,33 @@ export type ApplyChangeMarkersMessage = InspectorMessageBase & {
     type: "APPLY_CHANGE_MARKERS";
     markers: ChangeMarker[];
 };
-export type HostToClientMessage = InspectorEnableMessage | InspectorDisableMessage | InspectorHostHelloMessage | ApplyChangeMarkersMessage;
-export type ClientToHostMessage = InspectorReadyMessage | ElementHoveredMessage | ElementSelectedMessage | ElementClearedMessage | ChangeMarkerSelectedMessage | RouteChangedMessage | InspectorErrorMessage;
+/** One step from the preview's last minute, for bug reports. Never holds field values. */
+export type RecordedStep = {
+    /** Epoch milliseconds. */
+    t: number;
+    kind: "click" | "submit" | "input" | "route" | "scroll" | "error" | "console-error" | "request";
+    route: string;
+    label?: string;
+    /** `data-abbox-src` of the element, linking the step to code. */
+    source?: string;
+    tag?: string;
+    detail?: string;
+    /** Script location of an error, when the browser reports one. */
+    location?: string;
+    method?: string;
+    url?: string;
+    status?: number;
+    durationMs?: number;
+};
+export type RequestRecordingMessage = InspectorMessageBase & {
+    type: "REQUEST_RECORDING";
+};
+export type RecordingMessage = InspectorMessageBase & {
+    type: "RECORDING";
+    steps: RecordedStep[];
+};
+export type HostToClientMessage = InspectorEnableMessage | InspectorDisableMessage | InspectorHostHelloMessage | ApplyChangeMarkersMessage | RequestRecordingMessage;
+export type ClientToHostMessage = InspectorReadyMessage | ElementHoveredMessage | ElementSelectedMessage | ElementClearedMessage | ChangeMarkerSelectedMessage | RouteChangedMessage | RecordingMessage | InspectorErrorMessage;
 export type InspectorMessage = HostToClientMessage | ClientToHostMessage;
 export declare function isInspectorMessage(value: unknown): value is InspectorMessage;
 //# sourceMappingURL=protocol.d.ts.map

package/dist/protocol.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"protocol.d.ts","sourceRoot":"","sources":["../src/protocol.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"protocol.d.ts","sourceRoot":"","sources":["../src/protocol.ts"],"names":[],"mappings":"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"}

package/dist/runtime/recorder.d.ts

@@ -0,0 +1,15 @@
+import type { RecordedStep } from "../protocol.js";
+/** Like a dashcam: only the last minute is kept. */
+export declare const RECORDING_WINDOW_MS = 60000;
+export type Recorder = {
+    snapshot: () => RecordedStep[];
+    stop: () => void;
+};
+/**
+ * Records the last minute of what happened in the page so a bug report can
+ * show the steps that led to it. Field values, request bodies and query strings
+ * are never stored. Lives only in this tab's sessionStorage, so it survives a
+ * reload and never leaves the page until the Viewer asks for it.
+ */
+export declare function createRecorder(win: Window, doc: Document): Recorder;
+//# sourceMappingURL=recorder.d.ts.map

package/dist/runtime/recorder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"recorder.d.ts","sourceRoot":"","sources":["../../src/runtime/recorder.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEnD,oDAAoD;AACpD,eAAO,MAAM,mBAAmB,QAAS,CAAC;AAK1C,MAAM,MAAM,QAAQ,GAAG;IACrB,QAAQ,EAAE,MAAM,YAAY,EAAE,CAAC;IAC/B,IAAI,EAAE,MAAM,IAAI,CAAC;CAClB,CAAC;AA+EF;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,QAAQ,GAAG,QAAQ,CAuLnE"}

package/dist/runtime/recorder.js

@@ -0,0 +1,245 @@
+import { ABBBOX_SOURCE_ATTR } from "../instrument/constants.js";
+/** Like a dashcam: only the last minute is kept. */
+export const RECORDING_WINDOW_MS = 60_000;
+const STORAGE_KEY = "abbox:recording";
+const MAX_STEPS = 400;
+const LABEL_LIMIT = 80;
+function readStored(win) {
+    try {
+        const raw = win.sessionStorage.getItem(STORAGE_KEY);
+        return raw ? JSON.parse(raw) : [];
+    }
+    catch {
+        return [];
+    }
+}
+function labelOf(el) {
+    // Prefer what a person would call the control: its label, then its hint or name.
+    const field = el instanceof HTMLInputElement ||
+        el instanceof HTMLTextAreaElement ||
+        el instanceof HTMLSelectElement
+        ? el
+        : null;
+    const fieldHint = field instanceof HTMLSelectElement
+        ? field.name
+        : field
+            ? field.placeholder || field.name
+            : null;
+    const text = el.getAttribute("aria-label") ??
+        field?.labels?.[0]?.textContent ??
+        fieldHint ??
+        el.textContent;
+    const trimmed = text?.replace(/\s+/g, " ").trim();
+    return trimmed ? trimmed.slice(0, LABEL_LIMIT) : undefined;
+}
+/**
+ * What was entered, without the content: enough for a diagnosis to tell a
+ * single word from a phrase, or an empty field from a filled one.
+ */
+function shapeOf(el) {
+    if (el instanceof HTMLSelectElement) {
+        return `selected option ${el.selectedIndex + 1} of ${el.options.length}`;
+    }
+    if (el instanceof HTMLInputElement &&
+        (el.type === "checkbox" || el.type === "radio")) {
+        return el.checked ? "checked" : "unchecked";
+    }
+    const text = el.value.trim();
+    if (text === "")
+        return "cleared";
+    const words = text.split(/\s+/).length;
+    const kind = el instanceof HTMLInputElement && !["text", "search"].includes(el.type)
+        ? `${el.type}, `
+        : "";
+    return `filled: ${kind}${words} word${words === 1 ? "" : "s"}, ${text.length} characters`;
+}
+function sourceOf(el) {
+    return (el.closest(`[${ABBBOX_SOURCE_ATTR}]`)?.getAttribute(ABBBOX_SOURCE_ATTR) ??
+        undefined);
+}
+/** Path only: query strings and fragments can carry tokens or personal data. */
+function pathOf(url, base) {
+    try {
+        const parsed = new URL(url, base);
+        return parsed.origin === new URL(base).origin
+            ? parsed.pathname
+            : `${parsed.origin}${parsed.pathname}`;
+    }
+    catch {
+        return url.split(/[?#]/)[0] ?? url;
+    }
+}
+/**
+ * Records the last minute of what happened in the page so a bug report can
+ * show the steps that led to it. Field values, request bodies and query strings
+ * are never stored. Lives only in this tab's sessionStorage, so it survives a
+ * reload and never leaves the page until the Viewer asks for it.
+ */
+export function createRecorder(win, doc) {
+    let steps = readStored(win);
+    const prune = (now) => {
+        steps = steps
+            .filter((step) => now - step.t <= RECORDING_WINDOW_MS)
+            .slice(-MAX_STEPS);
+    };
+    const push = (step) => {
+        const now = Date.now();
+        steps.push({ t: now, route: win.location.pathname, ...step });
+        prune(now);
+        try {
+            win.sessionStorage.setItem(STORAGE_KEY, JSON.stringify(steps));
+        }
+        catch {
+            // Storage full or blocked: the in-memory copy still works for this page.
+        }
+    };
+    const onClick = (event) => {
+        const target = event.target instanceof Element ? event.target : null;
+        const el = target?.closest("button, a, [role=button], input, select, label") ??
+            target;
+        if (!el)
+            return;
+        push({
+            kind: "click",
+            label: labelOf(el),
+            source: sourceOf(el),
+            tag: el.tagName.toLowerCase(),
+        });
+    };
+    const onSubmit = (event) => {
+        const form = event.target instanceof Element ? event.target : null;
+        if (!form)
+            return;
+        const submitter = event.submitter;
+        push({
+            kind: "submit",
+            label: submitter ? labelOf(submitter) : labelOf(form),
+            source: sourceOf(form),
+            tag: "form",
+        });
+    };
+    const onChange = (event) => {
+        const el = event.target;
+        if (!(el instanceof HTMLInputElement ||
+            el instanceof HTMLTextAreaElement ||
+            el instanceof HTMLSelectElement))
+            return;
+        if (el instanceof HTMLInputElement && el.type === "password")
+            return;
+        push({
+            kind: "input",
+            label: labelOf(el) ?? el.name ?? undefined,
+            source: sourceOf(el),
+            tag: el.tagName.toLowerCase(),
+            detail: shapeOf(el),
+        });
+    };
+    let lastScroll = 0;
+    const onScroll = () => {
+        const now = Date.now();
+        if (now - lastScroll < 1000)
+            return;
+        lastScroll = now;
+        const max = doc.documentElement.scrollHeight - win.innerHeight;
+        const pct = max > 0 ? Math.round((win.scrollY / max) * 100) : 0;
+        push({ kind: "scroll", detail: `${pct}% down` });
+    };
+    let lastPath = win.location.pathname;
+    const routeTimer = win.setInterval(() => {
+        if (win.location.pathname === lastPath)
+            return;
+        lastPath = win.location.pathname;
+        push({ kind: "route", detail: lastPath });
+    }, 300);
+    const onError = (event) => {
+        push({
+            kind: "error",
+            detail: String(event.message).slice(0, 300),
+            ...(event.filename
+                ? {
+                    location: `${pathOf(event.filename, win.location.href)}:${event.lineno}`,
+                }
+                : {}),
+        });
+    };
+    const onRejection = (event) => {
+        const reason = event.reason instanceof Error
+            ? event.reason.message
+            : String(event.reason);
+        push({
+            kind: "error",
+            detail: `Unhandled rejection: ${reason}`.slice(0, 300),
+        });
+    };
+    const originalConsoleError = console.error;
+    console.error = (...args) => {
+        push({
+            kind: "console-error",
+            detail: args
+                .map((a) => a instanceof Error ? a.message : typeof a === "string" ? a : "")
+                .join(" ")
+                .trim()
+                .slice(0, 300),
+        });
+        originalConsoleError.apply(console, args);
+    };
+    const originalFetch = win.fetch;
+    win.fetch = async (input, init) => {
+        const started = Date.now();
+        const url = typeof input === "string"
+            ? input
+            : input instanceof URL
+                ? input.href
+                : input.url;
+        // Framework dev tooling (Next.js overlay, HMR) is not the app's activity.
+        if (/\/(__nextjs|_next\/)/.test(url)) {
+            return originalFetch.call(win, input, init);
+        }
+        const method = (init?.method ?? (input instanceof Request ? input.method : "GET")).toUpperCase();
+        try {
+            const response = await originalFetch.call(win, input, init);
+            push({
+                kind: "request",
+                method,
+                url: pathOf(url, win.location.href),
+                status: response.status,
+                durationMs: Date.now() - started,
+            });
+            return response;
+        }
+        catch (error) {
+            push({
+                kind: "request",
+                method,
+                url: pathOf(url, win.location.href),
+                status: 0,
+                detail: error instanceof Error ? error.message : "Network error",
+                durationMs: Date.now() - started,
+            });
+            throw error;
+        }
+    };
+    doc.addEventListener("click", onClick, true);
+    doc.addEventListener("submit", onSubmit, true);
+    doc.addEventListener("change", onChange, true);
+    win.addEventListener("scroll", onScroll, { passive: true });
+    win.addEventListener("error", onError);
+    win.addEventListener("unhandledrejection", onRejection);
+    return {
+        snapshot: () => {
+            prune(Date.now());
+            return [...steps];
+        },
+        stop: () => {
+            doc.removeEventListener("click", onClick, true);
+            doc.removeEventListener("submit", onSubmit, true);
+            doc.removeEventListener("change", onChange, true);
+            win.removeEventListener("scroll", onScroll);
+            win.removeEventListener("error", onError);
+            win.removeEventListener("unhandledrejection", onRejection);
+            win.clearInterval(routeTimer);
+            console.error = originalConsoleError;
+            win.fetch = originalFetch;
+        },
+    };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abbox/inspector",
-  "version": "0.4.16",
+  "version": "0.4.17",
   "publishConfig": {
     "access": "public"
   },