dev-inspector 1.1.0 → 1.2.0

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/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 {};

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

@@ -1,234 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.openJiraDialog = openJiraDialog;
-const integrations_1 = require("../../../integrations");
-const screenshot_1 = require("./screenshot");
-function nowIso() {
-    try {
-        return new Date().toISOString();
-    }
-    catch (_a) {
-        return "";
-    }
-}
-function getContext(integrations) {
-    var _a, _b, _c;
-    const nav = globalThis;
-    const loc = globalThis;
-    return {
-        url: typeof ((_a = loc.location) === null || _a === void 0 ? void 0 : _a.href) === "string" ? loc.location.href : undefined,
-        userAgent: typeof ((_b = nav.navigator) === null || _b === void 0 ? void 0 : _b.userAgent) === "string" ? nav.navigator.userAgent : undefined,
-        timestamp: nowIso(),
-        user: (_c = integrations === null || integrations === void 0 ? void 0 : integrations.jira) === null || _c === void 0 ? void 0 : _c.user,
-    };
-}
-function setText(el, text) {
-    el.textContent = text;
-}
-function createField(doc, label, input) {
-    const wrap = doc.createElement("div");
-    wrap.className = "di-field";
-    const l = doc.createElement("div");
-    l.className = "di-fieldLabel";
-    l.textContent = label;
-    wrap.append(l, input);
-    return wrap;
-}
-function friendlyError(e) {
-    if (e instanceof integrations_1.JiraIntegrationError)
-        return e.message;
-    if (e instanceof Error)
-        return e.message;
-    return "Something went wrong.";
-}
-function openJiraDialog(doc, integrations) {
-    return new Promise((resolve) => {
-        var _a, _b, _c, _d, _e;
-        const cfg = integrations === null || integrations === void 0 ? void 0 : integrations.jira;
-        const hasJira = Boolean(cfg);
-        const backdrop = doc.createElement("div");
-        backdrop.className = "di-modalBackdrop";
-        const modal = doc.createElement("div");
-        modal.className = "di-modal";
-        const head = doc.createElement("div");
-        head.className = "di-modalHead";
-        const title = doc.createElement("div");
-        title.className = "di-modalTitle";
-        title.textContent = "Create Jira issue";
-        const close = doc.createElement("button");
-        close.type = "button";
-        close.className = "di-modalClose";
-        close.textContent = "Close";
-        head.append(title, close);
-        const body = doc.createElement("div");
-        body.className = "di-modalBody";
-        const error = doc.createElement("div");
-        error.className = "di-modalError di-hidden";
-        const summary = doc.createElement("input");
-        summary.className = "di-input";
-        summary.placeholder = "Summary (required)";
-        summary.setAttribute("aria-label", "Summary");
-        const desc = doc.createElement("textarea");
-        desc.className = "di-textarea";
-        desc.placeholder = "Description (optional)";
-        desc.setAttribute("aria-label", "Description");
-        const projectKey = doc.createElement("input");
-        projectKey.className = "di-input";
-        projectKey.placeholder = "Project key (e.g. DEV)";
-        projectKey.setAttribute("aria-label", "Project key");
-        projectKey.value = (_a = cfg === null || cfg === void 0 ? void 0 : cfg.projectKey) !== null && _a !== void 0 ? _a : "";
-        const issueTypeSelect = doc.createElement("select");
-        issueTypeSelect.className = "di-select";
-        issueTypeSelect.setAttribute("aria-label", "Issue type");
-        const issueTypeFallback = doc.createElement("input");
-        issueTypeFallback.className = "di-input di-hidden";
-        issueTypeFallback.placeholder = "Issue type (e.g. Bug)";
-        issueTypeFallback.setAttribute("aria-label", "Issue type (fallback)");
-        issueTypeFallback.value = (_c = (_b = cfg === null || cfg === void 0 ? void 0 : cfg.issueType) === null || _b === void 0 ? void 0 : _b.name) !== null && _c !== void 0 ? _c : "";
-        const issueTypeHint = doc.createElement("div");
-        issueTypeHint.className = "di-hint";
-        issueTypeHint.textContent = "Loading issue types…";
-        const includeScreenshot = doc.createElement("label");
-        includeScreenshot.className = "di-check";
-        const cb = doc.createElement("input");
-        cb.type = "checkbox";
-        cb.checked = (_e = (_d = cfg === null || cfg === void 0 ? void 0 : cfg.screenshot) === null || _d === void 0 ? void 0 : _d.enabled) !== null && _e !== void 0 ? _e : false;
-        const cbText = doc.createElement("span");
-        cbText.textContent = "Attach screenshot";
-        includeScreenshot.append(cb, cbText);
-        const hint = doc.createElement("div");
-        hint.className = "di-hint";
-        hint.textContent = "This integration uses a proxy endpoint so Jira secrets stay on your server.";
-        const actions = doc.createElement("div");
-        actions.className = "di-modalActions";
-        const submit = doc.createElement("button");
-        submit.type = "button";
-        submit.className = "di-btn";
-        submit.textContent = "Create issue";
-        const cancel = doc.createElement("button");
-        cancel.type = "button";
-        cancel.className = "di-btn";
-        cancel.textContent = "Cancel";
-        actions.append(submit, cancel);
-        if (!hasJira) {
-            const empty = doc.createElement("div");
-            empty.className = "di-hint";
-            empty.textContent = "Jira integration is not configured. Pass integrations.jira in initDevInspector(...).";
-            body.append(empty);
-        }
-        else {
-            body.append(error, createField(doc, "Summary", summary), createField(doc, "Description", desc), createField(doc, "Project key", projectKey), createField(doc, "Issue type", issueTypeSelect), issueTypeFallback, issueTypeHint, includeScreenshot, hint);
-        }
-        modal.append(head, body, actions);
-        backdrop.append(modal);
-        const cleanup = () => {
-            backdrop.remove();
-            doc.removeEventListener("keydown", onKeyDown);
-        };
-        const finish = (ok) => {
-            cleanup();
-            resolve({ ok });
-        };
-        const onKeyDown = (ev) => {
-            if (ev.key === "Escape")
-                finish(false);
-        };
-        close.addEventListener("click", () => finish(false));
-        cancel.addEventListener("click", () => finish(false));
-        backdrop.addEventListener("click", (ev) => {
-            if (ev.target === backdrop)
-                finish(false);
-        });
-        submit.addEventListener("click", async () => {
-            var _a, _b;
-            if (!cfg)
-                return;
-            error.classList.add("di-hidden");
-            const titleValue = summary.value.trim();
-            if (titleValue.length === 0) {
-                setText(error, "Summary is required.");
-                error.classList.remove("di-hidden");
-                return;
-            }
-            const pk = projectKey.value.trim();
-            const itName = issueTypeSelect.value.trim() || issueTypeFallback.value.trim();
-            if (pk.length === 0 || itName.length === 0) {
-                setText(error, "Project key and issue type are required.");
-                error.classList.remove("di-hidden");
-                return;
-            }
-            submit.disabled = true;
-            submit.textContent = "Creating…";
-            try {
-                const input = {
-                    title: titleValue,
-                    description: desc.value,
-                    context: getContext(integrations),
-                    jira: { projectKey: pk, issueType: { name: itName } },
-                };
-                if (cb.checked && ((_b = (_a = cfg.screenshot) === null || _a === void 0 ? void 0 : _a.mode) !== null && _b !== void 0 ? _b : "displayMedia") === "displayMedia") {
-                    const shot = await (0, screenshot_1.captureScreenshotDisplayMedia)();
-                    if (shot)
-                        input.screenshot = shot;
-                }
-                const res = await (0, integrations_1.createJiraIssue)(input, cfg);
-                submit.textContent = res.key ? `Created ${res.key}` : "Created";
-                globalThis.setTimeout(() => finish(true), 650);
-            }
-            catch (e) {
-                setText(error, friendlyError(e));
-                error.classList.remove("di-hidden");
-                submit.disabled = false;
-                submit.textContent = "Create issue";
-            }
-        });
-        doc.addEventListener("keydown", onKeyDown);
-        doc.body.append(backdrop);
-        if (hasJira)
-            summary.focus();
-        if (cfg === null || cfg === void 0 ? void 0 : cfg.proxyUrl) {
-            const loadTypes = async () => {
-                var _a;
-                issueTypeHint.textContent = "Loading issue types…";
-                try {
-                    const types = await (0, integrations_1.fetchJiraIssueTypes)(cfg, projectKey.value.trim());
-                    issueTypeSelect.replaceChildren();
-                    if (types.length === 0) {
-                        issueTypeHint.textContent = "Could not load issue types. Enter manually.";
-                        issueTypeFallback.classList.remove("di-hidden");
-                        issueTypeSelect.classList.add("di-hidden");
-                        return;
-                    }
-                    const placeholder = doc.createElement("option");
-                    placeholder.value = "";
-                    placeholder.textContent = "Select issue type…";
-                    issueTypeSelect.append(placeholder);
-                    for (const t of types) {
-                        const opt = doc.createElement("option");
-                        opt.value = t.name;
-                        opt.textContent = t.name;
-                        issueTypeSelect.append(opt);
-                    }
-                    const initial = (_a = cfg.issueType) === null || _a === void 0 ? void 0 : _a.name;
-                    if (initial)
-                        issueTypeSelect.value = initial;
-                    issueTypeHint.textContent = "Issue types loaded from Jira.";
-                    issueTypeFallback.classList.add("di-hidden");
-                    issueTypeSelect.classList.remove("di-hidden");
-                }
-                catch (_b) {
-                    issueTypeHint.textContent = "Could not load issue types. Enter manually.";
-                    issueTypeFallback.classList.remove("di-hidden");
-                    issueTypeSelect.classList.add("di-hidden");
-                }
-            };
-            void loadTypes();
-            projectKey.addEventListener("blur", () => void loadTypes());
-        }
-        else {
-            issueTypeHint.textContent = "Missing proxyUrl. Issue types cannot be loaded.";
-            issueTypeFallback.classList.remove("di-hidden");
-            issueTypeSelect.classList.add("di-hidden");
-        }
-    });
-}

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

@@ -1,4 +0,0 @@
-export declare function captureScreenshotDisplayMedia(): Promise<{
-    dataUrl: string;
-    filename: string;
-} | undefined>;