dev-inspector 1.1.0 → 1.1.1

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>;

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

@@ -1,51 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.captureScreenshotDisplayMedia = captureScreenshotDisplayMedia;
-async function blobToDataUrl(blob) {
-    return await new Promise((resolve, reject) => {
-        const r = new FileReader();
-        r.onload = () => resolve(String(r.result));
-        r.onerror = () => reject(new Error("Failed to read screenshot."));
-        r.readAsDataURL(blob);
-    });
-}
-async function captureScreenshotDisplayMedia() {
-    var _a, _b;
-    const nav = globalThis;
-    const getDisplayMedia = (_b = (_a = nav.navigator) === null || _a === void 0 ? void 0 : _a.mediaDevices) === null || _b === void 0 ? void 0 : _b.getDisplayMedia;
-    if (typeof getDisplayMedia !== "function")
-        return undefined;
-    const stream = await getDisplayMedia({ video: true, audio: false });
-    try {
-        const track = stream.getVideoTracks()[0];
-        if (!track)
-            return undefined;
-        const imageCapture = globalThis.ImageCapture;
-        if (typeof imageCapture === "function") {
-            const ic = new imageCapture(track);
-            const blob = await ic.takePhoto();
-            const dataUrl = await blobToDataUrl(blob);
-            return { dataUrl, filename: `screenshot-${Date.now()}.png` };
-        }
-        const video = document.createElement("video");
-        video.srcObject = stream;
-        video.muted = true;
-        await video.play();
-        await new Promise((r) => globalThis.setTimeout(r, 50));
-        const w = Math.max(1, video.videoWidth || 1);
-        const h = Math.max(1, video.videoHeight || 1);
-        const canvas = document.createElement("canvas");
-        canvas.width = w;
-        canvas.height = h;
-        const ctx = canvas.getContext("2d");
-        if (!ctx)
-            return undefined;
-        ctx.drawImage(video, 0, 0, w, h);
-        const dataUrl = canvas.toDataURL("image/png");
-        return { dataUrl, filename: `screenshot-${Date.now()}.png` };
-    }
-    finally {
-        for (const t of stream.getTracks())
-            t.stop();
-    }
-}

package/lib/ui/panel/localStorage/createLocalStorageView.d.ts

@@ -1,4 +0,0 @@
-import type { LocalStorageView } from "./types";
-export declare function createLocalStorageView(doc: Document, opts: {
-    onCount?: (count: number) => void;
-}): LocalStorageView;

package/lib/ui/panel/localStorage/createLocalStorageView.js

@@ -1,108 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createLocalStorageView = createLocalStorageView;
-const copy_1 = require("../../shared/copy");
-const jsonViewer_1 = require("../../jsonViewer");
-function tryParseJson(text) {
-    const t = text.trim();
-    if (t.length < 2)
-        return undefined;
-    const looksLikeObject = t.startsWith("{") && t.endsWith("}");
-    const looksLikeArray = t.startsWith("[") && t.endsWith("]");
-    if (!looksLikeObject && !looksLikeArray)
-        return undefined;
-    try {
-        return JSON.parse(t);
-    }
-    catch (_a) {
-        return undefined;
-    }
-}
-function localStorageValueToElement(doc, value) {
-    const parsed = tryParseJson(value);
-    if (parsed && typeof parsed === "object") {
-        return (0, jsonViewer_1.createJsonViewer)(doc, parsed, { maxDepth: 6, maxKeys: 200, maxNodes: 2000, initiallyOpen: false });
-    }
-    const el = doc.createElement("div");
-    el.className = "di-netBodyText";
-    el.textContent = value;
-    return el;
-}
-function createLocalStorageView(doc, opts) {
-    const root = doc.createElement("div");
-    root.className = "di-lsRoot";
-    const msg = doc.createElement("div");
-    msg.className = "di-lsMsg di-hidden";
-    const empty = doc.createElement("div");
-    empty.className = "di-lsEmpty di-hidden";
-    empty.textContent = "localStorage is empty.";
-    const table = doc.createElement("div");
-    table.className = "di-lsTable di-hidden";
-    const head = doc.createElement("div");
-    head.className = "di-lsHead";
-    head.append(Object.assign(doc.createElement("div"), { className: "di-lsH di-lsHKey", textContent: "Key" }), Object.assign(doc.createElement("div"), { className: "di-lsH di-lsHVal", textContent: "Value" }), Object.assign(doc.createElement("div"), { className: "di-lsH di-lsHAct", textContent: "" }));
-    const body = doc.createElement("div");
-    body.className = "di-lsBody";
-    table.append(head, body);
-    const setMessage = (message) => {
-        var _a;
-        msg.textContent = message;
-        msg.classList.remove("di-hidden");
-        table.classList.add("di-hidden");
-        empty.classList.add("di-hidden");
-        (_a = opts.onCount) === null || _a === void 0 ? void 0 : _a.call(opts, 0);
-    };
-    const setSnapshot = (snapshot) => {
-        var _a;
-        msg.classList.add("di-hidden");
-        table.classList.remove("di-hidden");
-        body.replaceChildren();
-        (_a = opts.onCount) === null || _a === void 0 ? void 0 : _a.call(opts, snapshot.items.length);
-        if (snapshot.items.length === 0) {
-            empty.classList.remove("di-hidden");
-            table.classList.add("di-hidden");
-            return;
-        }
-        empty.classList.add("di-hidden");
-        for (const it of snapshot.items) {
-            const row = doc.createElement("div");
-            row.className = "di-lsRow";
-            const key = doc.createElement("div");
-            key.className = "di-lsCell di-lsKey";
-            key.textContent = it.key;
-            key.title = it.key;
-            const valueCell = doc.createElement("div");
-            valueCell.className = "di-lsCell di-lsValue";
-            valueCell.append(localStorageValueToElement(doc, it.value));
-            const copyBtn = doc.createElement("button");
-            copyBtn.type = "button";
-            copyBtn.className = "di-copyBtn di-lsCopyBtn";
-            copyBtn.innerHTML =
-                `<svg class="di-iconSvg" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">` +
-                    `<path d="M9 9H18.5C19.33 9 20 9.67 20 10.5V19.5C20 20.33 19.33 21 18.5 21H9.5C8.67 21 8 20.33 8 19.5V10.5C8 9.67 8.67 9 9.5 9Z" stroke="currentColor" stroke-width="1.5"/>` +
-                    `<path d="M6 15H5.5C4.67 15 4 14.33 4 13.5V4.5C4 3.67 4.67 3 5.5 3H14.5C15.33 3 16 3.67 16 4.5V5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>` +
-                    `</svg>`;
-            copyBtn.setAttribute("aria-label", `Copy value for ${it.key}`);
-            copyBtn.addEventListener("click", (ev) => {
-                ev.preventDefault();
-                ev.stopPropagation();
-                void (0, copy_1.copyText)(it.value).then((ok) => {
-                    if (!ok)
-                        return;
-                    (0, copy_1.launchMiniConfetti)(copyBtn);
-                    copyBtn.classList.add("di-copied");
-                    globalThis.setTimeout(() => {
-                        copyBtn.classList.remove("di-copied");
-                    }, 900);
-                });
-            });
-            const actions = doc.createElement("div");
-            actions.className = "di-lsCell di-lsActions";
-            actions.append(copyBtn);
-            row.append(key, valueCell, actions);
-            body.append(row);
-        }
-    };
-    root.append(msg, empty, table);
-    return { el: root, setSnapshot, setMessage };
-}

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

@@ -1,3 +0,0 @@
-export { createLocalStorageView } from "./createLocalStorageView";
-export { setupLocalStorageSync } from "./setupLocalStorageSync";
-export type { LocalStorageView } from "./types";

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

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.setupLocalStorageSync = exports.createLocalStorageView = void 0;
-var createLocalStorageView_1 = require("./createLocalStorageView");
-Object.defineProperty(exports, "createLocalStorageView", { enumerable: true, get: function () { return createLocalStorageView_1.createLocalStorageView; } });
-var setupLocalStorageSync_1 = require("./setupLocalStorageSync");
-Object.defineProperty(exports, "setupLocalStorageSync", { enumerable: true, get: function () { return setupLocalStorageSync_1.setupLocalStorageSync; } });

package/lib/ui/panel/localStorage/setupLocalStorageSync.d.ts

@@ -1,9 +0,0 @@
-import type { LocalStorageView } from "./types";
-export declare function setupLocalStorageSync(args: {
-    view: LocalStorageView;
-    maxPreviewLength: number;
-    pollIntervalMs: number;
-}): {
-    refresh: () => void;
-    destroy: () => void;
-};

package/lib/ui/panel/localStorage/setupLocalStorageSync.js

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.setupLocalStorageSync = setupLocalStorageSync;
-const localStorage_1 = require("../../../storage/localStorage");
-function setupLocalStorageSync(args) {
-    const access = (0, localStorage_1.getLocalStorageAccess)();
-    if (!access.ok) {
-        args.view.setMessage(access.message);
-        return { refresh: () => void 0, destroy: () => void 0 };
-    }
-    const refresh = () => {
-        try {
-            const snap = (0, localStorage_1.readLocalStorageSnapshot)(access.storage, { maxPreviewLength: args.maxPreviewLength });
-            args.view.setSnapshot(snap);
-        }
-        catch (_a) {
-            args.view.setMessage("localStorage could not be read (it may be blocked by browser settings).");
-        }
-    };
-    refresh();
-    const watcher = (0, localStorage_1.createLocalStorageWatcher)({
-        storage: access.storage,
-        pollIntervalMs: args.pollIntervalMs,
-        onChange: refresh,
-    });
-    return {
-        refresh,
-        destroy: () => watcher.destroy(),
-    };
-}

package/lib/ui/panel/localStorage/types.d.ts

@@ -1,6 +0,0 @@
-import type { LocalStorageSnapshot } from "../../../storage/localStorage";
-export type LocalStorageView = {
-    el: HTMLElement;
-    setSnapshot: (snapshot: LocalStorageSnapshot) => void;
-    setMessage: (message: string) => void;
-};

package/lib/ui/panel/localStorage/types.js

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

package/lib/ui/panel.d.ts

@@ -1,15 +0,0 @@
-import type { LogStorage } from "../storage/logStorage";
-export type PanelOptions = {
-    storage: LogStorage;
-    title?: string;
-    initiallyOpen?: boolean;
-    mount?: HTMLElement;
-};
-export type PanelHandle = {
-    open: () => void;
-    close: () => void;
-    toggle: () => void;
-    destroy: () => void;
-    isOpen: () => boolean;
-};
-export declare function createPanel(options: PanelOptions): PanelHandle;