@haibun/web-playwright 1.58.1 → 1.60.0

package/build/monitor/artifactDisplays/ResolvedFeaturesArtifactDisplay.js

@@ -0,0 +1,38 @@
+import { generateMermaidGraphAsMarkdown } from "../graph/generateMermaidGraph.js";
+import { ArtifactDisplay } from "./artifactDisplayBase.js";
+import mermaid from 'mermaid';
+mermaid.initialize({
+    maxTextSize: 1000000,
+    maxEdges: 10000,
+});
+let instanceCounter = 0;
+export class ResolvedFeaturesArtifactDisplay extends ArtifactDisplay {
+    artifact;
+    placementTarget = 'details';
+    constructor(artifact) {
+        super(artifact);
+        this.artifact = artifact;
+    }
+    async render(container) {
+        // The artifact is already typed as TArtifactResolvedFeatures due to the constructor
+        if (!this.artifact.resolvedFeatures || this.artifact.resolvedFeatures.length === 0) {
+            container.innerHTML = '<p>No resolved features to display.</p>';
+            return;
+        }
+        const mermaidGraph = await generateMermaidGraphAsMarkdown(this.artifact.resolvedFeatures);
+        const graphSvgId = `mermaid-graph-svg-${instanceCounter++}-${Date.now()}`;
+        container.innerHTML = ''; // Clear placeholder
+        try {
+            const { svg, bindFunctions } = await mermaid.render(graphSvgId, mermaidGraph);
+            container.innerHTML = svg;
+            if (bindFunctions) {
+                bindFunctions(container);
+            }
+        }
+        catch (error) {
+            console.error('Error rendering Mermaid graph:', error);
+            container.innerHTML = `<p class="haibun-artifact-error">Error rendering graph: ${error.message}</p>`;
+        }
+    }
+}
+//# sourceMappingURL=ResolvedFeaturesArtifactDisplay.js.map

package/build/monitor/artifactDisplays/ResolvedFeaturesArtifactDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResolvedFeaturesArtifactDisplay.js","sourceRoot":"","sources":["../../../src/monitor/artifactDisplays/ResolvedFeaturesArtifactDisplay.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE3D,OAAO,OAAO,MAAM,SAAS,CAAC;AAE9B,OAAO,CAAC,UAAU,CAAC;IAClB,WAAW,EAAE,OAAO;IACpB,QAAQ,EAAE,KAAK;CACf,CAAC,CAAC;AAEH,IAAI,eAAe,GAAG,CAAC,CAAC;AAExB,MAAM,OAAO,+BAAgC,SAAQ,eAAe;IAG7C;IAFb,eAAe,GAAG,SAAS,CAAC;IAErC,YAAsB,QAAmC;QACxD,KAAK,CAAC,QAAQ,CAAC,CAAC;QADK,aAAQ,GAAR,QAAQ,CAA2B;IAEzD,CAAC;IAEM,KAAK,CAAC,MAAM,CAAC,SAAsB;QACzC,oFAAoF;QACpF,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,gBAAgB,IAAI,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACpF,SAAS,CAAC,SAAS,GAAG,yCAAyC,CAAC;YAChE,OAAO;QACR,CAAC;QAED,MAAM,YAAY,GAAG,MAAM,8BAA8B,CAAC,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAC;QAE1F,MAAM,UAAU,GAAG,qBAAqB,eAAe,EAAE,IAAI,IAAI,CAAC,GAAG,EAAE,EAAE,CAAC;QAE1E,SAAS,CAAC,SAAS,GAAG,EAAE,CAAC,CAAC,oBAAoB;QAE9C,IAAI,CAAC;YACJ,MAAM,EAAE,GAAG,EAAE,aAAa,EAAE,GAAG,MAAM,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;YAC9E,SAAS,CAAC,SAAS,GAAG,GAAG,CAAC;YAE1B,IAAI,aAAa,EAAE,CAAC;gBACnB,aAAa,CAAC,SAAS,CAAC,CAAC;YAC1B,CAAC;QACF,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YAChB,OAAO,CAAC,KAAK,CAAC,gCAAgC,EAAE,KAAK,CAAC,CAAC;YACvD,SAAS,CAAC,SAAS,GAAG,2DAA4D,KAAe,CAAC,OAAO,MAAM,CAAC;QACjH,CAAC;IACF,CAAC;CACD"}

package/build/monitor/artifactDisplays/SequenceDiagramGenerator.d.ts

@@ -0,0 +1,32 @@
+import { TArtifactHTTPTrace, THTTPTraceContent } from '@haibun/core/build/lib/interfaces/logger.js';
+export declare class SequenceDiagramGenerator {
+    private needsUpdate;
+    private diagramLines;
+    private pageNames;
+    private pageCounter;
+    private participantAdded;
+    private mermaidContainerId;
+    private parentElement;
+    private currentDiagramString;
+    constructor(id: string, parentElement: HTMLElement);
+    private ensureMermaidContainer;
+    private addParticipant;
+    private resetDiagramState;
+    private buildDiagramString;
+    generateDiagramFromHistory(): void;
+    processSingleEvent(trace: THTTPTraceContent, httpEvent: TArtifactHTTPTrace['httpEvent'], filters?: {
+        request: {
+            method: string[];
+            accept: string[];
+        };
+        response: {
+            type: string[];
+        };
+    }): void;
+    getDiagram(): string;
+    getNeedsUpdate(): boolean;
+    setNeedsUpdate(value: boolean): void;
+    update(): Promise<void>;
+}
+export declare function skipEvent(filters: any, httpEvent: any, serverName: any, { requestingURL, headers }: THTTPTraceContent): boolean;
+//# sourceMappingURL=SequenceDiagramGenerator.d.ts.map

package/build/monitor/artifactDisplays/SequenceDiagramGenerator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SequenceDiagramGenerator.d.ts","sourceRoot":"","sources":["../../../src/monitor/artifactDisplays/SequenceDiagramGenerator.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,6CAA6C,CAAC;AAsBpG,qBAAa,wBAAwB;IACpC,OAAO,CAAC,WAAW,CAAQ;IAC3B,OAAO,CAAC,YAAY,CAAiC;IACrD,OAAO,CAAC,SAAS,CAA8B;IAC/C,OAAO,CAAC,WAAW,CAAK;IACxB,OAAO,CAAC,gBAAgB,CAA+B;IACvD,OAAO,CAAC,kBAAkB,CAAS;IACnC,OAAO,CAAC,aAAa,CAAc;IACnC,OAAO,CAAC,oBAAoB,CAAM;gBAEtB,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,WAAW;IAOlD,OAAO,CAAC,sBAAsB;IAU9B,OAAO,CAAC,cAAc;IActB,OAAO,CAAC,iBAAiB;IAQzB,OAAO,CAAC,kBAAkB;IAOnB,0BAA0B,IAAI,IAAI;IA6BlC,kBAAkB,CAAC,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,kBAAkB,CAAC,WAAW,CAAC,EAAE,OAAO;;;;;;;;KAAc,GAAG,IAAI;IAuFrH,UAAU,IAAI,MAAM;IAKpB,cAAc,IAAI,OAAO;IAKzB,cAAc,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAI9B,MAAM;CA2CnB;AACD,wBAAgB,SAAS,CAAC,OAAO,KAAA,EAAE,SAAS,KAAA,EAAE,UAAU,KAAA,EAAE,EAAE,aAAa,EAAE,OAAO,EAAE,EAAE,iBAAiB,WA0BtG"}

package/build/monitor/artifactDisplays/SequenceDiagramGenerator.js

@@ -0,0 +1,258 @@
+import mermaid from 'mermaid';
+import { shortenURI } from '@haibun/core/build/lib/util/index.js';
+const sanitizeMermaidContent = (message) => {
+    let sanitized = message.replace(/"/g, "'");
+    sanitized = sanitized.replace(/;/g, '#59;');
+    sanitized = sanitized.replace(/\(/g, '#40;');
+    sanitized = sanitized.replace(/\)/g, '#41;');
+    sanitized = sanitized.replace(/,/g, '#44;');
+    return sanitized;
+};
+const jsonFilters = {
+    request: {
+        method: ['GET', 'POST', 'PUT', 'DELETE', 'PATCH'],
+        accept: ['application/json'],
+    },
+    response: {
+        type: ['application/json'],
+    },
+};
+export class SequenceDiagramGenerator {
+    needsUpdate = true; // Start with true, assume an update is needed initially
+    diagramLines = ['sequenceDiagram'];
+    pageNames = {};
+    pageCounter = 1;
+    participantAdded = {};
+    mermaidContainerId;
+    parentElement;
+    currentDiagramString = ''; // Store the last successfully rendered/generated diagram
+    constructor(id, parentElement) {
+        this.mermaidContainerId = `mermaid-container-${id}`;
+        this.parentElement = parentElement;
+        this.ensureMermaidContainer();
+        this.currentDiagramString = this.buildDiagramString(); // Initialize with empty diagram
+    }
+    ensureMermaidContainer() {
+        let container = this.parentElement.querySelector(`#${this.mermaidContainerId}`);
+        if (!container) {
+            container = document.createElement('div');
+            container.id = this.mermaidContainerId;
+            container.className = 'mermaid';
+            this.parentElement.appendChild(container);
+        }
+    }
+    addParticipant(alias, name) {
+        if (!this.participantAdded[alias]) {
+            let insertIndex = 1;
+            for (let i = this.diagramLines.length - 1; i >= 1; i--) {
+                if (this.diagramLines[i].startsWith('participant ')) {
+                    insertIndex = i + 1;
+                    break;
+                }
+            }
+            this.diagramLines.splice(insertIndex, 0, `participant ${alias} as ${name}`);
+            this.participantAdded[alias] = true;
+        }
+    }
+    resetDiagramState() {
+        this.diagramLines = ['sequenceDiagram'];
+        this.pageNames = {};
+        this.pageCounter = 1;
+        this.participantAdded = {};
+        // No: this.needsUpdate = true; // Don't set here, compare diagram strings later
+    }
+    buildDiagramString() {
+        if (this.diagramLines.length <= 1) {
+            return 'sequenceDiagram'; // Canonical empty diagram
+        }
+        return this.diagramLines.join("\n");
+    }
+    generateDiagramFromHistory() {
+        this.resetDiagramState();
+        if (window.haibunCapturedMessages) {
+            const httpTraceEvents = window.haibunCapturedMessages.filter(entry => entry.messageContext?.artifact?.artifactType === 'json/http/trace' &&
+                entry.messageContext.artifact.httpEvent !== 'route');
+            for (const logEntry of httpTraceEvents) {
+                // Ensure messageContext and artifact are defined before trying to cast and access httpEvent
+                if (logEntry.messageContext && logEntry.messageContext.artifact) {
+                    const artifact = logEntry.messageContext.artifact;
+                    if (artifact && artifact.trace && typeof artifact.trace === 'object') {
+                        this.processSingleEvent(artifact.trace, artifact.httpEvent);
+                    }
+                }
+            }
+        }
+        // processSingleEvent will set it to true if it adds anything.
+        // Here, we compare the generated diagram with the *last rendered* one.
+        const finalDiagram = this.buildDiagramString();
+        if (finalDiagram === this.currentDiagramString) {
+            this.needsUpdate = false;
+        }
+        else {
+            this.needsUpdate = true;
+        }
+    }
+    processSingleEvent(trace, httpEvent, filters = jsonFilters) {
+        this.needsUpdate = true;
+        const { requestingPage, requestingURL, method, status, statusText, headers } = trace;
+        let serverAlias = 'UnknownServerAlias';
+        let serverName = 'UnknownServer';
+        if (requestingURL) {
+            try {
+                const url = new URL(requestingURL);
+                serverName = url.hostname;
+                if (url.hostname === 'localhost' && url.port) {
+                    serverName = `${url.hostname}:${url.port}`;
+                }
+                if (serverName) {
+                    serverAlias = serverName.toLowerCase().replace(/[.:-]/g, '');
+                }
+                else {
+                    serverAlias = 'sourcealias';
+                    serverName = 'Source';
+                }
+            }
+            catch (e) {
+                serverAlias = 'invalidurlalias';
+                serverName = 'InvalidURL';
+            }
+        }
+        this.addParticipant(serverAlias, serverName);
+        if (skipEvent(filters, httpEvent, serverName, trace)) {
+            return;
+        }
+        let pageAlias = 'UnknownPageAlias';
+        let pageParticipantName = 'UnknownPage';
+        if (requestingPage) {
+            const existingAlias = this.pageNames[requestingPage];
+            if (!existingAlias) {
+                pageAlias = requestingPage.toLowerCase().replace(/[.-]/g, '');
+                pageParticipantName = requestingPage;
+                if (!pageAlias.trim()) {
+                    pageAlias = `Page${this.pageCounter}`;
+                }
+                this.pageNames[requestingPage] = pageAlias;
+                this.addParticipant(pageAlias, pageParticipantName);
+                this.pageCounter++;
+            }
+            else {
+                pageAlias = existingAlias;
+                const participantLine = this.diagramLines.find(line => line.startsWith(`participant ${pageAlias} as `));
+                if (participantLine) {
+                    pageParticipantName = participantLine.substring(participantLine.indexOf(' as ') + 4);
+                }
+                else {
+                    pageParticipantName = pageAlias;
+                }
+            }
+        }
+        else {
+            pageAlias = 'ClientPage';
+            pageParticipantName = 'Client Page';
+            this.addParticipant(pageAlias, pageParticipantName);
+        }
+        if (method && requestingURL) {
+            const message = sanitizeMermaidContent(`${method} ${shortenURI(requestingURL)}`);
+            this.diagramLines.push(`${pageAlias}->>${serverAlias}: ${message}`);
+            if (headers) {
+                if (headers.referer) {
+                    const note = shortenURI(sanitizeMermaidContent(`Referer: ${headers.referer}`));
+                    this.diagramLines.push(`Note right of ${pageAlias}: ${note}`);
+                }
+                if (headers["accept"]) {
+                    const note = sanitizeMermaidContent(`Accept: ${headers["accept"]}`);
+                    this.diagramLines.push(`Note right of ${pageAlias}: ${note}`);
+                }
+                if (headers["content-type"]) {
+                    const note = sanitizeMermaidContent(`Content-type: ${headers['content-type']}`);
+                    this.diagramLines.push(`Note right of ${pageAlias}: ${note}`);
+                }
+            }
+        }
+        if (status) {
+            const message = sanitizeMermaidContent(`${status} ${statusText || ''}`);
+            this.diagramLines.push(`${serverAlias}-->>${pageAlias}: ${message}`);
+        }
+    }
+    getDiagram() {
+        return this.buildDiagramString();
+    }
+    // Getter for testing purposes
+    getNeedsUpdate() {
+        return this.needsUpdate;
+    }
+    // Setter for testing purposes, to simulate rendering having occurred.
+    setNeedsUpdate(value) {
+        this.needsUpdate = value;
+    }
+    async update() {
+        this.generateDiagramFromHistory();
+        const mermaidContainer = this.parentElement.querySelector(`#${this.mermaidContainerId}`);
+        if (!mermaidContainer) {
+            console.error("Mermaid container not found for ID:", this.mermaidContainerId);
+            return;
+        }
+        if (!this.needsUpdate && mermaidContainer.querySelector('svg')) {
+            return;
+        }
+        const diagramToRender = this.getDiagram();
+        try {
+            mermaid.initialize({ maxTextSize: 900000, startOnLoad: false });
+            mermaidContainer.innerHTML = '';
+            const insert = `<pre class="mermaid">${diagramToRender}</pre>`;
+            mermaidContainer.insertAdjacentHTML('beforeend', insert);
+            const mermaidElement = mermaidContainer.querySelector('.mermaid');
+            if (mermaidElement) {
+                await mermaid.run({ nodes: [mermaidElement] });
+                console.log("Mermaid diagram rendered.");
+                this.currentDiagramString = diagramToRender;
+                this.needsUpdate = false;
+            }
+            else {
+                console.error("Mermaid pre element not found after insert.");
+                mermaidContainer.innerHTML = `<pre>Error: Could not find .mermaid element for rendering.</pre>`;
+            }
+        }
+        catch (e) {
+            console.error("Failed Mermaid diagram definition:\n", diagramToRender);
+            console.error("Error rendering Mermaid diagram:", e);
+            const detailedError = (typeof e === 'object' && e !== null && 'str' in e) ? e.str : null;
+            const errorMessage = detailedError || (e instanceof Error ? e.message : String(e));
+            mermaidContainer.innerHTML = `<pre>Error rendering Mermaid diagram:\n\n${errorMessage}\n\n--- Diagram Definition ---\n${diagramToRender}</pre>`;
+            // Even on error, we consider this "render attempt" complete.
+            // Setting currentDiagramString to the one that failed, and needsUpdate to false prevents re-looping on a bad diagram.
+            this.currentDiagramString = diagramToRender;
+            this.needsUpdate = false;
+        }
+    }
+}
+export function skipEvent(filters, httpEvent, serverName, { requestingURL, headers }) {
+    if (!serverName) {
+        return true;
+    }
+    if (requestingURL === 'about:blank') {
+        return true;
+    }
+    if (httpEvent === 'request') {
+        if (headers && headers.accept) {
+            const acceptHeader = headers.accept;
+            if (!filters.request.accept.some(filterValue => acceptHeader.includes(filterValue))) {
+                return true;
+            }
+        }
+    }
+    else if (httpEvent === 'response') {
+        if (headers && headers['content-type']) {
+            const contentTypeHeader = headers['content-type'];
+            if (!filters.response.type.some(filterValue => contentTypeHeader.includes(filterValue))) {
+                return true;
+            }
+        }
+    }
+    else {
+        console.warn(`Unknown HTTP event type: ${httpEvent}`);
+        return true;
+    }
+    return false;
+}
+//# sourceMappingURL=SequenceDiagramGenerator.js.map

package/build/monitor/artifactDisplays/SequenceDiagramGenerator.js.map

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

package/build/monitor/artifactDisplays/SpeechArtifactDisplay.d.ts

@@ -0,0 +1,9 @@
+import { TArtifactSpeech } from '@haibun/core/build/lib/interfaces/logger.js';
+import { ArtifactDisplay } from './artifactDisplayBase.js';
+export declare class SpeechArtifactDisplay extends ArtifactDisplay {
+    protected artifact: TArtifactSpeech;
+    readonly placementTarget = "details";
+    constructor(artifact: TArtifactSpeech);
+    render(container: HTMLElement): void;
+}
+//# sourceMappingURL=SpeechArtifactDisplay.d.ts.map

package/build/monitor/artifactDisplays/SpeechArtifactDisplay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpeechArtifactDisplay.d.ts","sourceRoot":"","sources":["../../../src/monitor/artifactDisplays/SpeechArtifactDisplay.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,6CAA6C,CAAC;AAC9E,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE3D,qBAAa,qBAAsB,SAAQ,eAAe;IAG7C,SAAS,CAAC,QAAQ,EAAE,eAAe;IAF/C,QAAQ,CAAC,eAAe,aAAa;gBAEf,QAAQ,EAAE,eAAe;IAIxC,MAAM,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI;CAW3C"}

package/build/monitor/artifactDisplays/SpeechArtifactDisplay.js

@@ -0,0 +1,19 @@
+import { ArtifactDisplay } from './artifactDisplayBase.js';
+export class SpeechArtifactDisplay extends ArtifactDisplay {
+    artifact;
+    placementTarget = 'details';
+    constructor(artifact) {
+        super(artifact);
+        this.artifact = artifact;
+    }
+    render(container) {
+        const typedArtifact = this.artifact;
+        container.innerHTML = '';
+        const audioElement = document.createElement('audio');
+        audioElement.src = typedArtifact.path;
+        audioElement.controls = true;
+        audioElement.style.width = '320px';
+        container.appendChild(audioElement);
+    }
+}
+//# sourceMappingURL=SpeechArtifactDisplay.js.map

package/build/monitor/artifactDisplays/SpeechArtifactDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpeechArtifactDisplay.js","sourceRoot":"","sources":["../../../src/monitor/artifactDisplays/SpeechArtifactDisplay.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE3D,MAAM,OAAO,qBAAsB,SAAQ,eAAe;IAGnC;IAFb,eAAe,GAAG,SAAS,CAAC;IAErC,YAAsB,QAAyB;QAC9C,KAAK,CAAC,QAAQ,CAAC,CAAC;QADK,aAAQ,GAAR,QAAQ,CAAiB;IAE/C,CAAC;IAEM,MAAM,CAAC,SAAsB;QACnC,MAAM,aAAa,GAAG,IAAI,CAAC,QAA2B,CAAC;QACvD,SAAS,CAAC,SAAS,GAAG,EAAE,CAAC;QAEzB,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QACrD,YAAY,CAAC,GAAG,GAAG,aAAa,CAAC,IAAI,CAAC;QACtC,YAAY,CAAC,QAAQ,GAAG,IAAI,CAAC;QAC7B,YAAY,CAAC,KAAK,CAAC,KAAK,GAAG,OAAO,CAAC;QAEnC,SAAS,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;IACrC,CAAC;CACD"}

package/build/monitor/artifactDisplays/VideoArtifactDisplay.d.ts

@@ -0,0 +1,9 @@
+import { TArtifactVideo } from '@haibun/core/build/lib/interfaces/logger.js';
+import { ArtifactDisplay } from './artifactDisplayBase.js';
+export declare class VideoArtifactDisplay extends ArtifactDisplay {
+    protected artifact: TArtifactVideo;
+    readonly placementTarget: 'details' | 'haibun-video';
+    constructor(artifact: TArtifactVideo);
+    render(container: HTMLElement): void;
+}
+//# sourceMappingURL=VideoArtifactDisplay.d.ts.map

package/build/monitor/artifactDisplays/VideoArtifactDisplay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoArtifactDisplay.d.ts","sourceRoot":"","sources":["../../../src/monitor/artifactDisplays/VideoArtifactDisplay.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,6CAA6C,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE3D,qBAAa,oBAAqB,SAAQ,eAAe;IAE5C,SAAS,CAAC,QAAQ,EAAE,cAAc;IAD9C,QAAQ,CAAC,eAAe,EAAE,SAAS,GAAG,cAAc,CAAC;gBAC/B,QAAQ,EAAE,cAAc;IAOvC,MAAM,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI;CAO3C"}

package/build/monitor/artifactDisplays/VideoArtifactDisplay.js

@@ -0,0 +1,21 @@
+import { ArtifactDisplay } from './artifactDisplayBase.js';
+export class VideoArtifactDisplay extends ArtifactDisplay {
+    artifact;
+    placementTarget;
+    constructor(artifact) {
+        super(artifact);
+        this.artifact = artifact;
+        this.placementTarget = document.querySelector('#haibun-video') ? 'haibun-video' : 'details';
+        if (this.placementTarget === 'details') {
+            console.info('Cannot find #haibun-video container; video will be appended to details on toggle.');
+        }
+    }
+    render(container) {
+        const videoElement = document.createElement('video');
+        videoElement.controls = true;
+        videoElement.style.width = '320px';
+        videoElement.src = this.artifact.path;
+        container.replaceChildren(videoElement);
+    }
+}
+//# sourceMappingURL=VideoArtifactDisplay.js.map

package/build/monitor/artifactDisplays/VideoArtifactDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoArtifactDisplay.js","sourceRoot":"","sources":["../../../src/monitor/artifactDisplays/VideoArtifactDisplay.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE3D,MAAM,OAAO,oBAAqB,SAAQ,eAAe;IAElC;IADb,eAAe,CAA6B;IACrD,YAAsB,QAAwB;QAC7C,KAAK,CAAC,QAAQ,CAAC,CAAC;QADK,aAAQ,GAAR,QAAQ,CAAgB;QAE7C,IAAI,CAAC,eAAe,GAAG,QAAQ,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC;QAC5F,IAAI,IAAI,CAAC,eAAe,KAAK,SAAS,EAAE,CAAC;YACxC,OAAO,CAAC,IAAI,CAAC,mFAAmF,CAAC,CAAC;QACnG,CAAC;IACF,CAAC;IACM,MAAM,CAAC,SAAsB;QACnC,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QACrD,YAAY,CAAC,QAAQ,GAAG,IAAI,CAAC;QAC7B,YAAY,CAAC,KAAK,CAAC,KAAK,GAAG,OAAO,CAAC;QACnC,YAAY,CAAC,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;QACtC,SAAS,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;IACzC,CAAC;CACD"}

package/build/monitor/artifactDisplays/VideoStartArtifactDisplay.d.ts

@@ -0,0 +1,9 @@
+import { TArtifactVideoStart } from '@haibun/core/build/lib/interfaces/logger.js';
+import { ArtifactDisplay } from './artifactDisplayBase.js';
+export declare class VideoStartArtifactDisplay extends ArtifactDisplay {
+    protected artifact: TArtifactVideoStart;
+    readonly placementTarget = "body";
+    constructor(artifact: TArtifactVideoStart);
+    render(container: HTMLElement): void;
+}
+//# sourceMappingURL=VideoStartArtifactDisplay.d.ts.map

package/build/monitor/artifactDisplays/VideoStartArtifactDisplay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoStartArtifactDisplay.d.ts","sourceRoot":"","sources":["../../../src/monitor/artifactDisplays/VideoStartArtifactDisplay.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,6CAA6C,CAAC;AAClF,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE3D,qBAAa,yBAA0B,SAAQ,eAAe;IAEjD,SAAS,CAAC,QAAQ,EAAE,mBAAmB;IADnD,QAAQ,CAAC,eAAe,UAAU;gBACZ,QAAQ,EAAE,mBAAmB;IAG5C,MAAM,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI;CAO3C"}

package/build/monitor/artifactDisplays/VideoStartArtifactDisplay.js

@@ -0,0 +1,17 @@
+import { ArtifactDisplay } from './artifactDisplayBase.js';
+export class VideoStartArtifactDisplay extends ArtifactDisplay {
+    artifact;
+    placementTarget = 'body';
+    constructor(artifact) {
+        super(artifact);
+        this.artifact = artifact;
+    }
+    render(container) {
+        const span = document.createElement('span');
+        span.id = 'haibun-video-start';
+        span.dataset.start = `${this.artifact.start}`;
+        span.textContent = `Video start event: ${this.artifact.start}`;
+        container.replaceChildren(span);
+    }
+}
+//# sourceMappingURL=VideoStartArtifactDisplay.js.map

package/build/monitor/artifactDisplays/VideoStartArtifactDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoStartArtifactDisplay.js","sourceRoot":"","sources":["../../../src/monitor/artifactDisplays/VideoStartArtifactDisplay.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE3D,MAAM,OAAO,yBAA0B,SAAQ,eAAe;IAEvC;IADb,eAAe,GAAG,MAAM,CAAC;IAClC,YAAsB,QAA6B;QAClD,KAAK,CAAC,QAAQ,CAAC,CAAC;QADK,aAAQ,GAAR,QAAQ,CAAqB;IAEnD,CAAC;IACM,MAAM,CAAC,SAAsB;QACnC,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC5C,IAAI,CAAC,EAAE,GAAG,oBAAoB,CAAC;QAC/B,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC;QAC9C,IAAI,CAAC,WAAW,GAAG,sBAAsB,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC;QAC/D,SAAS,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;IACjC,CAAC;CACD"}

package/build/monitor/artifactDisplays/artifactDisplayBase.d.ts

@@ -0,0 +1,20 @@
+import { TArtifact } from '@haibun/core/build/lib/interfaces/logger.js';
+export declare abstract class LogComponent<T extends HTMLElement = HTMLElement> {
+    readonly element: T;
+    constructor(tagName: keyof HTMLElementTagNameMap, className?: string | string[]);
+    append(child: LogComponent | HTMLElement): void;
+    addClass(className: string): void;
+    setData(key: string, value: string): void;
+    setHtml(html: string): void;
+    setText(text: string): void;
+}
+export declare abstract class ArtifactDisplay {
+    protected artifact: TArtifact;
+    readonly label: string;
+    abstract readonly placementTarget: 'details' | 'haibun-video' | 'haibun-sequence-diagram' | 'body' | 'none';
+    constructor(artifact: TArtifact);
+    deriveLabel(): string;
+    abstract render(container: HTMLElement): Promise<void> | void;
+    get artifactType(): string;
+}
+//# sourceMappingURL=artifactDisplayBase.d.ts.map

package/build/monitor/artifactDisplays/artifactDisplayBase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"artifactDisplayBase.d.ts","sourceRoot":"","sources":["../../../src/monitor/artifactDisplays/artifactDisplayBase.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,6CAA6C,CAAC;AAExE,8BAAsB,YAAY,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW;IACrE,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC;gBAER,OAAO,EAAE,MAAM,qBAAqB,EAAE,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE;IAQ/E,MAAM,CAAC,KAAK,EAAE,YAAY,GAAG,WAAW,GAAG,IAAI;IAI/C,QAAQ,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI;IAIjC,OAAO,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAIzC,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAI3B,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;CAG3B;AAED,8BAAsB,eAAe;IAIxB,SAAS,CAAC,QAAQ,EAAE,SAAS;IAHzC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,QAAQ,CAAC,eAAe,EAAE,SAAS,GAAG,cAAc,GAAG,yBAAyB,GAAG,MAAM,GAAG,MAAM,CAAC;gBAEtF,QAAQ,EAAE,SAAS;IAIzC,WAAW,IAAI,MAAM;aAIL,MAAM,CAAC,SAAS,EAAE,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI;IAEpE,IAAW,YAAY,IAAI,MAAM,CAEhC;CACD"}

package/build/monitor/artifactDisplays/artifactDisplayBase.js

@@ -0,0 +1,40 @@
+export class LogComponent {
+    element;
+    constructor(tagName, className) {
+        this.element = document.createElement(tagName);
+        if (className) {
+            const classes = Array.isArray(className) ? className : [className];
+            this.element.classList.add(...classes);
+        }
+    }
+    append(child) {
+        this.element.appendChild(child instanceof LogComponent ? child.element : child);
+    }
+    addClass(className) {
+        this.element.classList.add(className);
+    }
+    setData(key, value) {
+        this.element.dataset[key] = value;
+    }
+    setHtml(html) {
+        this.element.innerHTML = html;
+    }
+    setText(text) {
+        this.element.textContent = text;
+    }
+}
+export class ArtifactDisplay {
+    artifact;
+    label;
+    constructor(artifact) {
+        this.artifact = artifact;
+        this.label = this.deriveLabel();
+    }
+    deriveLabel() {
+        return this.artifact.artifactType;
+    }
+    get artifactType() {
+        return this.artifact.artifactType;
+    }
+}
+//# sourceMappingURL=artifactDisplayBase.js.map

package/build/monitor/artifactDisplays/artifactDisplayBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"artifactDisplayBase.js","sourceRoot":"","sources":["../../../src/monitor/artifactDisplays/artifactDisplayBase.ts"],"names":[],"mappings":"AAEA,MAAM,OAAgB,YAAY;IACxB,OAAO,CAAI;IAEpB,YAAY,OAAoC,EAAE,SAA6B;QAC9E,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAM,CAAC;QACpD,IAAI,SAAS,EAAE,CAAC;YACf,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;YACnE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC,CAAC;QACxC,CAAC;IACF,CAAC;IAED,MAAM,CAAC,KAAiC;QACvC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,KAAK,YAAY,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IACjF,CAAC;IAED,QAAQ,CAAC,SAAiB;QACzB,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;IACvC,CAAC;IAED,OAAO,CAAC,GAAW,EAAE,KAAa;QACjC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;IACnC,CAAC;IAED,OAAO,CAAC,IAAY;QACnB,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC;IAC/B,CAAC;IAED,OAAO,CAAC,IAAY;QACnB,IAAI,CAAC,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC;IACjC,CAAC;CACD;AAED,MAAM,OAAgB,eAAe;IAId;IAHb,KAAK,CAAS;IAGvB,YAAsB,QAAmB;QAAnB,aAAQ,GAAR,QAAQ,CAAW;QACxC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;IACjC,CAAC;IAED,WAAW;QACV,OAAO,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC;IACnC,CAAC;IAID,IAAW,YAAY;QACtB,OAAO,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC;IACnC,CAAC;CACD"}

package/build/monitor/artifactDisplays/htmlArtifactDisplay.d.ts

@@ -0,0 +1,9 @@
+import { TArtifactHTML } from "@haibun/core/build/lib/interfaces/logger.js";
+import { ArtifactDisplay } from "./artifactDisplayBase.js";
+export declare class HtmlArtifactDisplay extends ArtifactDisplay {
+    protected artifact: TArtifactHTML;
+    readonly placementTarget = "details";
+    constructor(artifact: TArtifactHTML);
+    render(container: HTMLElement): void;
+}
+//# sourceMappingURL=htmlArtifactDisplay.d.ts.map

package/build/monitor/artifactDisplays/htmlArtifactDisplay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"htmlArtifactDisplay.d.ts","sourceRoot":"","sources":["../../../src/monitor/artifactDisplays/htmlArtifactDisplay.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,6CAA6C,CAAC;AAC5E,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE3D,qBAAa,mBAAoB,SAAQ,eAAe;IAE3C,SAAS,CAAC,QAAQ,EAAE,aAAa;IAD7C,QAAQ,CAAC,eAAe,aAAa;gBACf,QAAQ,EAAE,aAAa;IAGtC,MAAM,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI;CAoB3C"}

package/build/monitor/artifactDisplays/htmlArtifactDisplay.js

@@ -0,0 +1,31 @@
+import { ArtifactDisplay } from "./artifactDisplayBase.js";
+export class HtmlArtifactDisplay extends ArtifactDisplay {
+    artifact;
+    placementTarget = 'details';
+    constructor(artifact) {
+        super(artifact);
+        this.artifact = artifact;
+    }
+    render(container) {
+        container.innerHTML = ''; // Clear placeholder
+        const iframe = document.createElement('iframe');
+        iframe.style.border = 'none';
+        iframe.style.width = '100%';
+        iframe.style.height = '80vh';
+        // TArtifactHTML is a union, check for the 'html' property for direct content
+        if ('html' in this.artifact && typeof this.artifact.html === 'string') {
+            iframe.srcdoc = this.artifact.html;
+        }
+        else if ('path' in this.artifact && typeof this.artifact.path === 'string') {
+            // If it has a path, this display class isn't equipped to load it.
+            // Log a warning and show an error in the iframe.
+            console.warn(`HtmlArtifactDisplay received artifact with path: ${this.artifact.path}. This display expects direct HTML content.`);
+            iframe.srcdoc = '<p class="haibun-artifact-error">Error: Artifact is a path, but direct HTML content was expected.</p>';
+        }
+        else {
+            iframe.srcdoc = '<p class="haibun-artifact-error">Error: HTML content not available or in an unexpected format.</p>';
+        }
+        container.appendChild(iframe);
+    }
+}
+//# sourceMappingURL=htmlArtifactDisplay.js.map

package/build/monitor/artifactDisplays/htmlArtifactDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"htmlArtifactDisplay.js","sourceRoot":"","sources":["../../../src/monitor/artifactDisplays/htmlArtifactDisplay.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE3D,MAAM,OAAO,mBAAoB,SAAQ,eAAe;IAEjC;IADb,eAAe,GAAG,SAAS,CAAC;IACrC,YAAsB,QAAuB;QAC5C,KAAK,CAAC,QAAQ,CAAC,CAAC;QADK,aAAQ,GAAR,QAAQ,CAAe;IAE7C,CAAC;IACM,MAAM,CAAC,SAAsB;QACnC,SAAS,CAAC,SAAS,GAAG,EAAE,CAAC,CAAC,oBAAoB;QAC9C,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAChD,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;QAC7B,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;QAC5B,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;QAE7B,6EAA6E;QAC7E,IAAI,MAAM,IAAI,IAAI,CAAC,QAAQ,IAAI,OAAO,IAAI,CAAC,QAAQ,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YACvE,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;QACpC,CAAC;aAAM,IAAI,MAAM,IAAI,IAAI,CAAC,QAAQ,IAAI,OAAO,IAAI,CAAC,QAAQ,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YAC9E,kEAAkE;YAClE,iDAAiD;YACjD,OAAO,CAAC,IAAI,CAAC,oDAAoD,IAAI,CAAC,QAAQ,CAAC,IAAI,6CAA6C,CAAC,CAAC;YACzH,MAAM,CAAC,MAAM,GAAG,uGAAuG,CAAC;QAClI,CAAC;aAAM,CAAC;YACE,MAAM,CAAC,MAAM,GAAG,oGAAoG,CAAC;QACzH,CAAC;QACP,SAAS,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAC/B,CAAC;CACD"}

package/build/monitor/artifactDisplays/imageArtifactDisplay.d.ts

@@ -0,0 +1,9 @@
+import { TArtifactImage } from '@haibun/core/build/lib/interfaces/logger.js';
+import { ArtifactDisplay } from './artifactDisplayBase.js';
+export declare class ImageArtifactDisplay extends ArtifactDisplay {
+    protected artifact: TArtifactImage;
+    readonly placementTarget = "details";
+    constructor(artifact: TArtifactImage);
+    render(container: HTMLElement): void;
+}
+//# sourceMappingURL=imageArtifactDisplay.d.ts.map

package/build/monitor/artifactDisplays/imageArtifactDisplay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"imageArtifactDisplay.d.ts","sourceRoot":"","sources":["../../../src/monitor/artifactDisplays/imageArtifactDisplay.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,6CAA6C,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE3D,qBAAa,oBAAqB,SAAQ,eAAe;IAEzC,SAAS,CAAC,QAAQ,EAAE,cAAc;IAD9C,QAAQ,CAAC,eAAe,aAAa;gBACf,QAAQ,EAAE,cAAc;IAIvC,MAAM,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI;CAM9C"}

package/build/monitor/artifactDisplays/imageArtifactDisplay.js

@@ -0,0 +1,17 @@
+import { ArtifactDisplay } from './artifactDisplayBase.js';
+export class ImageArtifactDisplay extends ArtifactDisplay {
+    artifact;
+    placementTarget = 'details'; // This artifact is always placed in details
+    constructor(artifact) {
+        super(artifact); // type is 'image' by default from TArtifactImage
+        this.artifact = artifact;
+        // Element creation is deferred to render method
+    }
+    render(container) {
+        const imgElement = document.createElement('img');
+        imgElement.alt = 'Screen capture artifact'; // Default alt text
+        imgElement.src = this.artifact.path;
+        container.replaceChildren(imgElement); // Clear placeholder and add image
+    }
+}
+//# sourceMappingURL=imageArtifactDisplay.js.map