dev-inspector 1.1.0 → 1.1.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dev-inspector",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "In-page devtools-style logger panel for web apps (console + network).",
   "repository": {
     "type": "git",
@@ -16,7 +16,8 @@
     "lint-staged": "lint-staged",
     "demo": "vite demo --open",
     "demo:build": "vite build demo",
-    "build": "tsc -p tsconfig.json",
+    "clean": "rm -rf lib",
+    "build": "npm run clean && tsc -p tsconfig.json",
     "lint": "eslint \"src/**/*.{ts,tsx,js}\"",
     "prepublishOnly": "npm run build"
   },

package/lib/integrations/index.d.ts

@@ -1,2 +0,0 @@
-export type { CreateIssueInput, CreateIssueResult, IntegrationContext, IntegrationId, IntegrationsConfig, JiraIntegrationConfig } from "./types";
-export { createJiraIssue, fetchJiraIssueTypes, JiraIntegrationError } from "./jira";

package/lib/integrations/index.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.JiraIntegrationError = exports.fetchJiraIssueTypes = exports.createJiraIssue = void 0;
-var jira_1 = require("./jira");
-Object.defineProperty(exports, "createJiraIssue", { enumerable: true, get: function () { return jira_1.createJiraIssue; } });
-Object.defineProperty(exports, "fetchJiraIssueTypes", { enumerable: true, get: function () { return jira_1.fetchJiraIssueTypes; } });
-Object.defineProperty(exports, "JiraIntegrationError", { enumerable: true, get: function () { return jira_1.JiraIntegrationError; } });

package/lib/integrations/jira/adf.d.ts

@@ -1,11 +0,0 @@
-export declare function textToAdf(text: string): {
-    type: string;
-    version: number;
-    content: {
-        type: string;
-        content: {
-            type: string;
-            text: string;
-        }[];
-    }[];
-};

package/lib/integrations/jira/adf.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.textToAdf = textToAdf;
-function paragraph(text) {
-    return {
-        type: "paragraph",
-        content: text.length > 0 ? [{ type: "text", text }] : [],
-    };
-}
-function textToAdf(text) {
-    const lines = text.split(/\r?\n/);
-    return {
-        type: "doc",
-        version: 1,
-        content: lines.map((l) => paragraph(l)),
-    };
-}

package/lib/integrations/jira/client.d.ts

@@ -1,4 +0,0 @@
-import type { CreateIssueInput, CreateIssueResult, JiraIntegrationConfig } from "../types";
-import type { JiraIssueTypeOption } from "../types";
-export declare function fetchJiraIssueTypes(config: JiraIntegrationConfig, projectKey?: string): Promise<JiraIssueTypeOption[]>;
-export declare function createJiraIssue(input: CreateIssueInput, config: JiraIntegrationConfig): Promise<CreateIssueResult>;

package/lib/integrations/jira/client.js

@@ -1,113 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.fetchJiraIssueTypes = fetchJiraIssueTypes;
-exports.createJiraIssue = createJiraIssue;
-const adf_1 = require("./adf");
-const errors_1 = require("./errors");
-async function readJsonSafe(res) {
-    try {
-        return (await res.json());
-    }
-    catch (_a) {
-        return undefined;
-    }
-}
-function mapStatus(status) {
-    if (status === 400)
-        return { code: "bad_request", message: "Bad request. Check required fields and Jira configuration." };
-    if (status === 401)
-        return { code: "unauthorized", message: "Unauthorized. Check Jira credentials." };
-    if (status === 403)
-        return { code: "forbidden", message: "Forbidden. Check Jira permissions." };
-    if (status === 429)
-        return { code: "rate_limited", message: "Rate limited by Jira. Try again later." };
-    if (status >= 500)
-        return { code: "server_error", message: "Jira server error. Try again later." };
-    return { code: "unknown", message: "Unexpected Jira error." };
-}
-function isRecord(value) {
-    return typeof value === "object" && value !== null;
-}
-function toQuery(params) {
-    const sp = new URLSearchParams();
-    for (const [k, v] of Object.entries(params)) {
-        if (typeof v === "string" && v.length > 0)
-            sp.set(k, v);
-    }
-    const s = sp.toString();
-    return s.length > 0 ? `?${s}` : "";
-}
-async function fetchJiraIssueTypes(config, projectKey) {
-    var _a;
-    const proxyUrl = config.proxyUrl;
-    if (!proxyUrl)
-        throw new errors_1.JiraIntegrationError("Missing Jira proxyUrl.", "not_configured");
-    const url = `${proxyUrl}${toQuery({ op: "issueTypes", projectKey: (_a = projectKey !== null && projectKey !== void 0 ? projectKey : config.projectKey) !== null && _a !== void 0 ? _a : "" })}`;
-    let res;
-    try {
-        res = await fetch(url, { method: "GET", headers: { accept: "application/json" } });
-    }
-    catch (e) {
-        throw new errors_1.JiraIntegrationError("Network error while loading Jira issue types.", "network_error", { details: String(e) });
-    }
-    const data = await readJsonSafe(res);
-    if (!res.ok) {
-        const mapped = mapStatus(res.status);
-        throw new errors_1.JiraIntegrationError(mapped.message, mapped.code, { status: res.status, details: data });
-    }
-    if (!Array.isArray(data))
-        return [];
-    const out = [];
-    for (const it of data) {
-        if (!isRecord(it))
-            continue;
-        const id = typeof it.id === "string" ? it.id : undefined;
-        const name = typeof it.name === "string" ? it.name : undefined;
-        if (id && name)
-            out.push({ id, name });
-    }
-    return out;
-}
-async function createJiraIssue(input, config) {
-    var _a, _b, _c, _d, _e, _f;
-    const title = input.title.trim();
-    if (title.length === 0)
-        throw new errors_1.JiraIntegrationError("Title is required.", "bad_request");
-    const projectKey = (_b = (_a = input.jira) === null || _a === void 0 ? void 0 : _a.projectKey) !== null && _b !== void 0 ? _b : config.projectKey;
-    if (!projectKey)
-        throw new errors_1.JiraIntegrationError("Missing Jira project key.", "not_configured");
-    const issueType = (_e = (_d = (_c = input.jira) === null || _c === void 0 ? void 0 : _c.issueType) !== null && _d !== void 0 ? _d : config.issueType) !== null && _e !== void 0 ? _e : {};
-    if (!issueType.name && !issueType.id)
-        throw new errors_1.JiraIntegrationError("Missing Jira issue type (name or id).", "not_configured");
-    const descriptionText = (_f = input.description) !== null && _f !== void 0 ? _f : "";
-    const adf = (0, adf_1.textToAdf)(descriptionText);
-    const proxyUrl = config.proxyUrl;
-    if (!proxyUrl)
-        throw new errors_1.JiraIntegrationError("Missing Jira proxyUrl.", "not_configured");
-    const res = await fetch(proxyUrl, {
-        method: "POST",
-        headers: { "content-type": "application/json" },
-        body: JSON.stringify({
-            provider: "jira",
-            input: {
-                title,
-                descriptionAdf: adf,
-                context: input.context,
-                screenshot: input.screenshot,
-                projectKey,
-                issueType,
-            },
-        }),
-    });
-    const data = await readJsonSafe(res);
-    if (!res.ok) {
-        const mapped = mapStatus(res.status);
-        throw new errors_1.JiraIntegrationError(mapped.message, mapped.code, { status: res.status, details: data });
-    }
-    const rec = isRecord(data) ? data : {};
-    return {
-        id: typeof rec.id === "string" ? rec.id : undefined,
-        key: typeof rec.key === "string" ? rec.key : undefined,
-        url: typeof rec.url === "string" ? rec.url : undefined,
-    };
-}

package/lib/integrations/jira/errors.d.ts

@@ -1,10 +0,0 @@
-export type JiraErrorCode = "not_configured" | "bad_request" | "unauthorized" | "forbidden" | "rate_limited" | "server_error" | "network_error" | "unknown";
-export declare class JiraIntegrationError extends Error {
-    code: JiraErrorCode;
-    status?: number;
-    details?: unknown;
-    constructor(message: string, code: JiraErrorCode, options?: {
-        status?: number;
-        details?: unknown;
-    });
-}

package/lib/integrations/jira/errors.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.JiraIntegrationError = void 0;
-class JiraIntegrationError extends Error {
-    constructor(message, code, options) {
-        super(message);
-        this.name = "JiraIntegrationError";
-        this.code = code;
-        this.status = options === null || options === void 0 ? void 0 : options.status;
-        this.details = options === null || options === void 0 ? void 0 : options.details;
-    }
-}
-exports.JiraIntegrationError = JiraIntegrationError;

package/lib/integrations/jira/index.d.ts

@@ -1,2 +0,0 @@
-export { createJiraIssue, fetchJiraIssueTypes } from "./client";
-export { JiraIntegrationError } from "./errors";

package/lib/integrations/jira/index.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.JiraIntegrationError = exports.fetchJiraIssueTypes = exports.createJiraIssue = void 0;
-var client_1 = require("./client");
-Object.defineProperty(exports, "createJiraIssue", { enumerable: true, get: function () { return client_1.createJiraIssue; } });
-Object.defineProperty(exports, "fetchJiraIssueTypes", { enumerable: true, get: function () { return client_1.fetchJiraIssueTypes; } });
-var errors_1 = require("./errors");
-Object.defineProperty(exports, "JiraIntegrationError", { enumerable: true, get: function () { return errors_1.JiraIntegrationError; } });

package/lib/integrations/types.d.ts

@@ -1,54 +0,0 @@
-export type IntegrationId = "jira";
-export type JiraIssueType = {
-    name?: string;
-    id?: string;
-};
-export type JiraIssueTypeOption = {
-    id: string;
-    name: string;
-};
-export type JiraIntegrationConfig = {
-    proxyUrl?: string;
-    projectKey?: string;
-    issueType?: JiraIssueType;
-    screenshot?: {
-        enabled?: boolean;
-        mode?: "displayMedia" | "none";
-    };
-    user?: {
-        id?: string;
-        email?: string;
-        name?: string;
-    };
-};
-export type IntegrationsConfig = {
-    jira?: JiraIntegrationConfig;
-};
-export type IntegrationContext = {
-    url?: string;
-    userAgent?: string;
-    timestamp?: string;
-    user?: {
-        id?: string;
-        email?: string;
-        name?: string;
-    };
-};
-export type CreateIssueInput = {
-    title: string;
-    description?: string;
-    context?: IntegrationContext;
-    screenshot?: {
-        dataUrl: string;
-        filename: string;
-    };
-    jira?: {
-        projectKey?: string;
-        issueType?: JiraIssueType;
-    };
-};
-export type CreateIssueResult = {
-    id?: string;
-    key?: string;
-    url?: string;
-};

package/lib/integrations/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/lib/storage/localStorage.d.ts

@@ -1,30 +0,0 @@
-export type LocalStorageItem = {
-    key: string;
-    value: string;
-    preview: string;
-    valueLength: number;
-    approxBytes: number;
-};
-export type LocalStorageSnapshot = {
-    items: LocalStorageItem[];
-    totalApproxBytes: number;
-};
-export type LocalStorageAccess = {
-    ok: true;
-    storage: Storage;
-} | {
-    ok: false;
-    message: string;
-};
-export declare function getLocalStorageAccess(): LocalStorageAccess;
-export declare function readLocalStorageSnapshot(storage: Storage, opts: {
-    maxPreviewLength: number;
-}): LocalStorageSnapshot;
-export declare function createLocalStorageWatcher(args: {
-    storage: Storage;
-    pollIntervalMs: number;
-    onChange: () => void;
-}): {
-    destroy: () => void;
-    trigger: () => void;
-};

package/lib/storage/localStorage.js

@@ -1,166 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getLocalStorageAccess = getLocalStorageAccess;
-exports.readLocalStorageSnapshot = readLocalStorageSnapshot;
-exports.createLocalStorageWatcher = createLocalStorageWatcher;
-function safeTruncate(value, maxLen) {
-    if (maxLen <= 0)
-        return "";
-    if (value.length <= maxLen)
-        return value;
-    return `${value.slice(0, maxLen)}…`;
-}
-function getLocalStorageAccess() {
-    try {
-        const w = globalThis;
-        const storage = w.localStorage;
-        if (!storage)
-            return { ok: false, message: "localStorage is not available in this environment." };
-        // Some environments expose the object but throw on access (privacy modes / blocked cookies).
-        void storage.length;
-        return { ok: true, storage };
-    }
-    catch (_a) {
-        return { ok: false, message: "localStorage access is blocked in this environment (privacy settings / permissions)." };
-    }
-}
-function readLocalStorageSnapshot(storage, opts) {
-    var _a;
-    const items = [];
-    let totalApproxBytes = 0;
-    const len = storage.length;
-    for (let i = 0; i < len; i += 1) {
-        const key = storage.key(i);
-        if (!key)
-            continue;
-        const value = (_a = storage.getItem(key)) !== null && _a !== void 0 ? _a : "";
-        const approxBytes = (key.length + value.length) * 2; // UTF-16-ish approximation
-        totalApproxBytes += approxBytes;
-        items.push({
-            key,
-            value,
-            preview: safeTruncate(value, opts.maxPreviewLength),
-            valueLength: value.length,
-            approxBytes,
-        });
-    }
-    items.sort((a, b) => a.key.localeCompare(b.key));
-    return { items, totalApproxBytes };
-}
-function buildSignature(storage) {
-    var _a;
-    try {
-        const parts = [String(storage.length)];
-        const len = storage.length;
-        for (let i = 0; i < len; i += 1) {
-            const k = storage.key(i);
-            if (!k)
-                continue;
-            const v = (_a = storage.getItem(k)) !== null && _a !== void 0 ? _a : "";
-            parts.push(`${k}:${v.length}`);
-        }
-        return parts.join("|");
-    }
-    catch (_b) {
-        return "err";
-    }
-}
-function createLocalStorageWatcher(args) {
-    var _a, _b, _c, _d;
-    const { storage, onChange } = args;
-    const pollIntervalMs = Math.max(250, args.pollIntervalMs);
-    let destroyed = false;
-    let lastSig = buildSignature(storage);
-    const trigger = () => {
-        if (destroyed)
-            return;
-        onChange();
-    };
-    const win = globalThis;
-    const onStorageEvent = () => {
-        const sig = buildSignature(storage);
-        if (sig !== lastSig) {
-            lastSig = sig;
-            trigger();
-        }
-    };
-    try {
-        (_a = win.addEventListener) === null || _a === void 0 ? void 0 : _a.call(win, "storage", onStorageEvent);
-    }
-    catch (_e) {
-        void 0;
-    }
-    // Same-tab changes don't fire "storage" events. We try to patch methods; if that fails, polling still keeps UI fresh.
-    const orig = {
-        setItem: (_b = storage.setItem) === null || _b === void 0 ? void 0 : _b.bind(storage),
-        removeItem: (_c = storage.removeItem) === null || _c === void 0 ? void 0 : _c.bind(storage),
-        clear: (_d = storage.clear) === null || _d === void 0 ? void 0 : _d.bind(storage),
-    };
-    const patch = () => {
-        try {
-            storage.setItem = ((key, value) => {
-                var _a;
-                (_a = orig.setItem) === null || _a === void 0 ? void 0 : _a.call(orig, key, value);
-                const sig = buildSignature(storage);
-                if (sig !== lastSig) {
-                    lastSig = sig;
-                    trigger();
-                }
-            });
-            storage.removeItem = ((key) => {
-                var _a;
-                (_a = orig.removeItem) === null || _a === void 0 ? void 0 : _a.call(orig, key);
-                const sig = buildSignature(storage);
-                if (sig !== lastSig) {
-                    lastSig = sig;
-                    trigger();
-                }
-            });
-            storage.clear = (() => {
-                var _a;
-                (_a = orig.clear) === null || _a === void 0 ? void 0 : _a.call(orig);
-                const sig = buildSignature(storage);
-                if (sig !== lastSig) {
-                    lastSig = sig;
-                    trigger();
-                }
-            });
-            return true;
-        }
-        catch (_a) {
-            return false;
-        }
-    };
-    const patched = patch();
-    const timer = globalThis.setInterval(() => {
-        const sig = buildSignature(storage);
-        if (sig !== lastSig) {
-            lastSig = sig;
-            trigger();
-        }
-    }, patched ? Math.max(800, pollIntervalMs) : pollIntervalMs);
-    const destroy = () => {
-        var _a;
-        destroyed = true;
-        globalThis.clearInterval(timer);
-        try {
-            (_a = win.removeEventListener) === null || _a === void 0 ? void 0 : _a.call(win, "storage", onStorageEvent);
-        }
-        catch (_b) {
-            void 0;
-        }
-        // best-effort restore
-        try {
-            if (orig.setItem)
-                storage.setItem = orig.setItem;
-            if (orig.removeItem)
-                storage.removeItem = orig.removeItem;
-            if (orig.clear)
-                storage.clear = orig.clear;
-        }
-        catch (_c) {
-            void 0;
-        }
-    };
-    return { destroy, trigger };
-}

package/lib/ui/logList.d.ts

@@ -1,7 +0,0 @@
-import type { LogEntry } from "../utils/types";
-export type LogList = {
-    el: HTMLUListElement;
-    append: (entry: LogEntry) => void;
-    clear: () => void;
-};
-export declare function createLogList(doc: Document): LogList;

package/lib/ui/logList.js

@@ -1,117 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createLogList = createLogList;
-const jsonViewer_1 = require("./jsonViewer");
-const networkDetails_1 = require("./logList/networkDetails");
-function fmtTime(ts) {
-    const d = new Date(ts);
-    const hh = String(d.getHours()).padStart(2, "0");
-    const mm = String(d.getMinutes()).padStart(2, "0");
-    const ss = String(d.getSeconds()).padStart(2, "0");
-    return `${hh}:${mm}:${ss}`;
-}
-function toneForEntry(entry) {
-    if (entry.source === "console") {
-        if (entry.level === "error")
-            return "error";
-        if (entry.level === "warn")
-            return "warning";
-        return "neutral";
-    }
-    const s = entry.status;
-    if (typeof s !== "number")
-        return "error";
-    if (s >= 400)
-        return "error";
-    if (s >= 300)
-        return "warning";
-    return "success";
-}
-function classForTone(tone) {
-    if (tone === "error")
-        return "di-itemToneError";
-    if (tone === "warning")
-        return "di-itemToneWarning";
-    if (tone === "success")
-        return "di-itemToneSuccess";
-    return "di-itemToneNeutral";
-}
-function isNetworkFailure(entry) {
-    if (entry.source !== "network")
-        return false;
-    return typeof entry.status !== "number" || entry.status >= 400;
-}
-function isInspectableValue(value) {
-    if (typeof value !== "object" || value === null)
-        return false;
-    if (value instanceof Error)
-        return false;
-    if (value instanceof Date)
-        return false;
-    if (value instanceof RegExp)
-        return false;
-    return true;
-}
-function getInspectableArgs(args) {
-    return args.filter(isInspectableValue);
-}
-function createLogList(doc) {
-    const el = doc.createElement("ul");
-    el.className = "di-list";
-    const append = (entry) => {
-        const li = doc.createElement("li");
-        const tone = toneForEntry(entry);
-        li.className = `di-item ${classForTone(tone)}`;
-        const meta = doc.createElement("div");
-        meta.className = "di-meta";
-        const time = doc.createElement("span");
-        time.textContent = fmtTime(entry.timestamp);
-        const source = doc.createElement("span");
-        source.textContent = entry.source;
-        const detail = doc.createElement("span");
-        if (entry.source === "console") {
-            detail.textContent = entry.level;
-        }
-        else {
-            detail.className = `di-statusChip ${isNetworkFailure(entry) ? "di-statusChipError" : "di-statusChipSuccess"}`;
-            detail.textContent = typeof entry.status === "number" ? String(entry.status) : "ERR";
-        }
-        meta.append(time, source, detail);
-        li.append(meta);
-        if (entry.message && entry.message.trim().length > 0) {
-            const msg = doc.createElement("div");
-            msg.className = "di-msg";
-            msg.textContent = entry.message;
-            li.append(msg);
-        }
-        if (entry.source === "console") {
-            const inspectable = getInspectableArgs(entry.args);
-            if (inspectable.length > 0) {
-                const details = doc.createElement("details");
-                details.className = "di-details";
-                const summary = doc.createElement("summary");
-                summary.className = "di-detailsSummary";
-                summary.textContent = "Inspect";
-                const viewerWrap = doc.createElement("div");
-                viewerWrap.className = "di-detailsBody";
-                viewerWrap.append((0, jsonViewer_1.createJsonViewer)(doc, inspectable.length === 1 ? inspectable[0] : inspectable, {
-                    maxDepth: 6,
-                    maxKeys: 200,
-                    maxNodes: 2000,
-                }));
-                details.append(summary, viewerWrap);
-                li.append(details);
-            }
-        }
-        if (entry.source === "network") {
-            const details = (0, networkDetails_1.createNetworkDetails)(doc, entry);
-            if (details)
-                li.append(details);
-        }
-        el.append(li);
-    };
-    const clear = () => {
-        el.replaceChildren();
-    };
-    return { el, append, clear };
-}

package/lib/ui/panel/integrations/icons.d.ts

@@ -1 +0,0 @@
-export declare const INTEGRATIONS_ICON_HTML: string;

package/lib/ui/panel/integrations/icons.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.INTEGRATIONS_ICON_HTML = void 0;
-exports.INTEGRATIONS_ICON_HTML = `<svg class="di-iconSvg" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">` +
-    `<path d="M8 7.5C8 6.12 9.12 5 10.5 5H19.5C20.88 5 22 6.12 22 7.5V16.5C22 17.88 20.88 19 19.5 19H15L13 21L11 19H10.5C9.12 19 8 17.88 8 16.5V7.5Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/>` +
-    `<path d="M6 9H4.5C3.12 9 2 10.12 2 11.5V16.5C2 17.88 3.12 19 4.5 19H6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>` +
-    `</svg>`;

package/lib/ui/panel/integrations/index.d.ts

@@ -1 +0,0 @@
-export { openJiraDialog } from "./jiraDialog";

package/lib/ui/panel/integrations/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.openJiraDialog = void 0;
-var jiraDialog_1 = require("./jiraDialog");
-Object.defineProperty(exports, "openJiraDialog", { enumerable: true, get: function () { return jiraDialog_1.openJiraDialog; } });

package/lib/ui/panel/integrations/jiraDialog.d.ts

@@ -1,6 +0,0 @@
-import type { IntegrationsConfig } from "../../../integrations";
-type DialogResult = {
-    ok: boolean;
-};
-export declare function openJiraDialog(doc: Document, integrations?: IntegrationsConfig): Promise<DialogResult>;
-export {};