@salesforce/webapp-experimental 1.80.1 → 1.82.0

package/dist/design/interactions/eventHandlers.js

@@ -1,125 +0,0 @@
-/**
- * Copyright (c) 2026, Salesforce, Inc.,
- * All rights reserved.
- * For full license text, see the LICENSE.txt file
- */
-/**
- * Event Handlers Module
- * Handles mouse and click events for highlighting
- */
-import { findElementsBySourceLocation, getSourceFromDataAttributes } from "./utils/sourceUtils.js";
-export class EventHandlers {
-    isInteractionsActive;
-    componentMatcher;
-    styleManager;
-    editableManager;
-    communicationManager;
-    currentHighlightedElements;
-    selectedElement;
-    selectedElements;
-    constructor(isInteractionsActive, componentMatcher, styleManager, editableManager, communicationManager) {
-        this.isInteractionsActive = isInteractionsActive;
-        this.componentMatcher = componentMatcher;
-        this.styleManager = styleManager;
-        this.editableManager = editableManager;
-        this.communicationManager = communicationManager;
-        this.currentHighlightedElements = [];
-        this.selectedElement = null;
-        this.selectedElements = [];
-        // Bind methods to preserve 'this' context
-        this.handleMouseOver = this.handleMouseOver.bind(this);
-        this.handleMouseLeave = this.handleMouseLeave.bind(this);
-        this.handleClick = this.handleClick.bind(this);
-    }
-    _findHighlightableElement(target) {
-        return this.componentMatcher.findHighlightableElement(target);
-    }
-    handleMouseOver(e) {
-        if (!this.isInteractionsActive()) {
-            return;
-        }
-        e.stopPropagation();
-        const target = e.target;
-        if (target.nodeType !== 1 || target.tagName === "HTML" || target.tagName === "BODY") {
-            return;
-        }
-        const element = this._findHighlightableElement(target);
-        if (!element) {
-            return;
-        }
-        if (this.currentHighlightedElements.includes(element) ||
-            (this.selectedElement && this.selectedElement === element)) {
-            return;
-        }
-        if (this.currentHighlightedElements.length > 0 &&
-            !this.currentHighlightedElements[0].classList.contains("design-mode-selected")) {
-            this.styleManager.unhighlightElements(this.currentHighlightedElements);
-            this.currentHighlightedElements = [];
-        }
-        const allElements = findElementsBySourceLocation(getSourceFromDataAttributes(element));
-        this.styleManager.highlightElements(allElements);
-        this.currentHighlightedElements = allElements;
-    }
-    handleMouseLeave() {
-        if (!this.isInteractionsActive()) {
-            return;
-        }
-        if (this.currentHighlightedElements.length > 0 &&
-            !this.currentHighlightedElements[0].classList.contains("design-mode-selected")) {
-            this.styleManager.unhighlightElements(this.currentHighlightedElements);
-            this.currentHighlightedElements = [];
-        }
-    }
-    handleClick(e) {
-        if (!this.isInteractionsActive()) {
-            return;
-        }
-        e.preventDefault();
-        e.stopPropagation();
-        const target = e.target;
-        if (target.nodeType !== 1 || target.tagName === "HTML" || target.tagName === "BODY") {
-            return;
-        }
-        const element = this._findHighlightableElement(target);
-        if (!element) {
-            return;
-        }
-        if (this.selectedElement && this.selectedElement === element) {
-            return;
-        }
-        // Deselect previous element and its same elements
-        if (this.selectedElement) {
-            this.styleManager.deselectElements(this.selectedElements);
-            this.editableManager.removeEditable(this.selectedElement);
-        }
-        // Remove highlight from current highlighted elements
-        if (this.currentHighlightedElements.length > 0) {
-            this.styleManager.unhighlightElements(this.currentHighlightedElements);
-            this.currentHighlightedElements = [];
-        }
-        // Select new element and all elements at the same source location
-        this.selectedElement = element;
-        const allElements = findElementsBySourceLocation(getSourceFromDataAttributes(element));
-        this.selectedElements = allElements;
-        this.styleManager.selectElements(allElements);
-        // Make text elements editable
-        this.editableManager.makeEditableIfText(element);
-        // Notify extension
-        this.communicationManager.notifyComponentSelected(element);
-    }
-    clearAll() {
-        if (this.currentHighlightedElements.length > 0) {
-            this.styleManager.unhighlightElements(this.currentHighlightedElements);
-            this.currentHighlightedElements = [];
-        }
-        if (this.selectedElement) {
-            this.styleManager.deselectElements(this.selectedElements);
-            this.editableManager.removeEditable(this.selectedElement);
-            this.selectedElement = null;
-            this.selectedElements = [];
-        }
-    }
-    getSelectedElement() {
-        return this.selectedElement;
-    }
-}

package/dist/design/interactions/index.js

@@ -1,47 +0,0 @@
-/**
- * Copyright (c) 2026, Salesforce, Inc.,
- * All rights reserved.
- * For full license text, see the LICENSE.txt file
- */
-/**
- * Entry point for bundling the design mode interactions
- * This file is used by esbuild to create the bundled version
- */
-import { InteractionsController } from "./interactionsController.js";
-import { parseSourceLocation } from "./utils/sourceUtils.js";
-const interactions = new InteractionsController(true);
-if (typeof document !== "undefined") {
-    if (document.readyState === "loading") {
-        document.addEventListener("DOMContentLoaded", () => {
-            interactions.initialize();
-        });
-    }
-    else {
-        interactions.initialize();
-    }
-}
-// Expose global functions
-if (typeof window !== "undefined") {
-    window.enableInteractions = function () {
-        interactions.enable();
-    };
-    window.disableInteractions = function () {
-        interactions.disable();
-    };
-    window.addEventListener("message", function (event) {
-        const data = event.data;
-        const typed = data && typeof data === "object" ? data : null;
-        if (typed && typed.type === "style-change") {
-            interactions.applyStyleChange(String(typed.property ?? ""), String(typed.value ?? ""), parseSourceLocation(typed.sourceLocation));
-        }
-        if (typed && typed.type === "text-change") {
-            interactions.applyTextChange(String(typed.text ?? ""), parseSourceLocation(typed.sourceLocation));
-        }
-        if (typed && typed.type === "enable-interactions") {
-            window.enableInteractions?.();
-        }
-        if (typed && typed.type === "disable-interactions") {
-            window.disableInteractions?.();
-        }
-    });
-}

package/dist/design/interactions/interactionsController.js

@@ -1,135 +0,0 @@
-/**
- * Copyright (c) 2026, Salesforce, Inc.,
- * All rights reserved.
- * For full license text, see the LICENSE.txt file
- */
-/**
- * Interactions Controller Module
- * Main controller that orchestrates all interaction modules
- */
-import { CommunicationManager } from "./communicationManager.js";
-import { ComponentMatcher } from "./componentMatcher.js";
-import { EditableManager } from "./editableManager.js";
-import { EventHandlers } from "./eventHandlers.js";
-import { StyleManager } from "./styleManager.js";
-import { findElementsBySourceLocation, getSourceFromDataAttributes, } from "./utils/sourceUtils.js";
-export class InteractionsController {
-    enabled;
-    isActive;
-    componentMatcher;
-    styleManager;
-    communicationManager;
-    editableManager;
-    eventHandlers;
-    constructor(enabled = true) {
-        this.enabled = enabled;
-        this.isActive = false;
-        // Initialize modules
-        this.componentMatcher = new ComponentMatcher({
-            allowlist: [
-                "div",
-                "p",
-                "span",
-                "h1",
-                "h2",
-                "h3",
-                "h4",
-                "h5",
-                "h6",
-                "a",
-                "button",
-                "input",
-                "select",
-                "textarea",
-                "label",
-                "section",
-                "article",
-                "main",
-                "aside",
-                "header",
-                "footer",
-                "nav",
-                "figure",
-                "figcaption",
-                "ul",
-                "ol",
-                "li",
-                "table",
-                "tr",
-                "td",
-                "th",
-                "blockquote",
-                "img",
-            ],
-        });
-        this.styleManager = new StyleManager();
-        this.communicationManager = new CommunicationManager();
-        this.editableManager = new EditableManager(this.communicationManager);
-        this.eventHandlers = new EventHandlers(() => this.isActive, this.componentMatcher, this.styleManager, this.editableManager, this.communicationManager);
-    }
-    /**
-     * Initialize the design mode interactions
-     */
-    initialize() {
-        if (!this.enabled) {
-            console.log("Design Mode Interactions disabled");
-            return;
-        }
-        console.log("Initializing Design Mode Interactions...");
-        this.styleManager.addHighlightStyles();
-        document.addEventListener("mouseover", this.eventHandlers.handleMouseOver);
-        document.addEventListener("mouseleave", this.eventHandlers.handleMouseLeave);
-        // Use capture phase so we run before links/buttons/dropdowns and can preventDefault/stopPropagation
-        document.addEventListener("click", this.eventHandlers.handleClick, true);
-        console.log("Design Mode Interactions initialized!");
-        this.communicationManager.notifyInitializationComplete();
-    }
-    /**
-     * Enable the design mode interactions
-     */
-    enable() {
-        this.isActive = true;
-        console.log("Design Mode Interactions enabled");
-    }
-    /**
-     * Disable the design mode interactions
-     */
-    disable() {
-        this.isActive = false;
-        this.eventHandlers.clearAll();
-        console.log("Design Mode Interactions disabled");
-    }
-    resolveTargets(sourceLocation) {
-        let location = sourceLocation ?? null;
-        if (!location?.fileName) {
-            const selectedElement = this.eventHandlers.getSelectedElement();
-            location = getSourceFromDataAttributes(selectedElement);
-        }
-        return location ? findElementsBySourceLocation(location) : [];
-    }
-    /**
-     * Apply a style change to all elements at the given source location.
-     * When sourceLocation is provided (undo/redo), it is used directly.
-     * Otherwise the source location is read from the currently selected element.
-     */
-    applyStyleChange(property, value, sourceLocation) {
-        for (const el of this.resolveTargets(sourceLocation)) {
-            el.style[property] = value;
-        }
-    }
-    applyTextChange(text, sourceLocation) {
-        for (const el of this.resolveTargets(sourceLocation)) {
-            el.textContent = text;
-        }
-    }
-    /**
-     * Cleanup and remove event listeners
-     */
-    destroy() {
-        document.removeEventListener("mouseover", this.eventHandlers.handleMouseOver);
-        document.removeEventListener("mouseleave", this.eventHandlers.handleMouseLeave);
-        document.removeEventListener("click", this.eventHandlers.handleClick, true);
-        this.styleManager.removeHighlightStyles();
-        this.eventHandlers.clearAll();
-    }
-}

package/dist/design/interactions/styleManager.js

@@ -1,97 +0,0 @@
-/**
- * Copyright (c) 2026, Salesforce, Inc.,
- * All rights reserved.
- * For full license text, see the LICENSE.txt file
- */
-/**
- * Style Manager Module
- * Handles CSS injection and style management for highlighting
- */
-export class StyleManager {
-    styleId;
-    stylesAdded;
-    constructor() {
-        this.styleId = "design-mode-styles";
-        this.stylesAdded = false;
-    }
-    /**
-     * Add CSS styles for highlighting to the document
-     */
-    addHighlightStyles() {
-        if (this.stylesAdded) {
-            return;
-        }
-        const style = document.createElement("style");
-        style.id = this.styleId;
-        style.textContent = this._getStyles();
-        document.head.appendChild(style);
-        this.stylesAdded = true;
-    }
-    /**
-     * Remove highlight styles from the document
-     */
-    removeHighlightStyles() {
-        const style = document.getElementById(this.styleId);
-        if (style) {
-            style.remove();
-            this.stylesAdded = false;
-        }
-    }
-    /**
-     * Get the CSS styles for highlighting
-     * @private
-     * @returns CSS styles
-     */
-    _getStyles() {
-        return `
-      .design-mode-highlight {
-        outline: 4px dashed #007acc !important;
-        outline-offset: -4px !important;
-        transition: all 0.2s ease !important;
-        position: relative !important;
-        cursor: pointer !important;
-      }
-      .design-mode-selected {
-        outline: 5px dashed #ff6b35 !important;
-        outline-offset: -5px !important;
-        position: relative !important;
-      }
-    `;
-    }
-    /**
-     * Apply highlight class to one or more elements
-     * @param elements - The elements to highlight
-     */
-    highlightElements(elements) {
-        for (const el of elements) {
-            el.classList.add("design-mode-highlight");
-        }
-    }
-    /**
-     * Remove highlight class from one or more elements
-     * @param elements - The elements to unhighlight
-     */
-    unhighlightElements(elements) {
-        for (const el of elements) {
-            el.classList.remove("design-mode-highlight");
-        }
-    }
-    /**
-     * Apply selected class to one or more elements
-     * @param elements - The elements to select
-     */
-    selectElements(elements) {
-        for (const el of elements) {
-            el.classList.add("design-mode-selected");
-        }
-    }
-    /**
-     * Remove selected class from one or more elements
-     * @param elements - The elements to deselect
-     */
-    deselectElements(elements) {
-        for (const el of elements) {
-            el.classList.remove("design-mode-selected");
-        }
-    }
-}

package/dist/design/interactions/utils/cssUtils.js

@@ -1,72 +0,0 @@
-/**
- * Copyright (c) 2026, Salesforce, Inc.,
- * All rights reserved.
- * For full license text, see the LICENSE.txt file
- */
-/**
- * Get all style values relevant to UI controls for an element.
- * Each property returns { inline, computed } where inline is the raw
- * element.style value and computed is the browser-resolved value.
- * @param element - The HTML element to extract styles from
- * @returns Plain-object snapshot safe for postMessage
- */
-export function getElementStyles(element) {
-    if (!element)
-        return {};
-    const computed = window.getComputedStyle(element);
-    const inlineStyle = element.style;
-    /**
-     * Get inline and computed value for single-value property.
-     * @param name - CSS property name
-     * @param fallback - Alternate longhand key when browsers don't
-     *   populate the shorthand (e.g. borderStyle -> borderTopStyle)
-     */
-    const prop = (name, fallback) => ({
-        inline: inlineStyle[name] || (fallback ? inlineStyle[fallback] : "") || "",
-        computed: (fallback ? computed[fallback] : computed[name]) || "",
-    });
-    /**
-     * Get inline and computed value for 4-side shorthand (e.g. padding) property.
-     * Reconstructs the shorthand from individual sides when only longhands are
-     * set (inlineStyle.padding is '' but inlineStyle.paddingTop has a value).
-     */
-    const box = (shorthand, top, right, bottom, left) => {
-        let inlineValue = inlineStyle[shorthand] || "";
-        if (!inlineValue) {
-            const iT = inlineStyle[top] || "", iR = inlineStyle[right] || "", iB = inlineStyle[bottom] || "", iL = inlineStyle[left] || "";
-            if (iT || iR || iB || iL) {
-                inlineValue = `${iT || "0px"} ${iR || "0px"} ${iB || "0px"} ${iL || "0px"}`;
-            }
-        }
-        return {
-            inline: inlineValue,
-            computed: `${computed[top] || ""} ${computed[right] || ""} ${computed[bottom] || ""} ${computed[left] || ""}`,
-        };
-    };
-    return {
-        width: prop("width"),
-        minWidth: prop("minWidth"),
-        maxWidth: prop("maxWidth"),
-        height: prop("height"),
-        minHeight: prop("minHeight"),
-        maxHeight: prop("maxHeight"),
-        overflow: prop("overflow"),
-        padding: box("padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft"),
-        margin: box("margin", "marginTop", "marginRight", "marginBottom", "marginLeft"),
-        backgroundColor: prop("backgroundColor"),
-        borderWidth: box("borderWidth", "borderTopWidth", "borderRightWidth", "borderBottomWidth", "borderLeftWidth"),
-        borderStyle: prop("borderStyle", "borderTopStyle"),
-        borderColor: prop("borderColor", "borderTopColor"),
-        borderRadius: box("borderRadius", "borderTopLeftRadius", "borderTopRightRadius", "borderBottomRightRadius", "borderBottomLeftRadius"),
-        color: prop("color"),
-        fontFamily: prop("fontFamily"),
-        fontSize: prop("fontSize"),
-        fontWeight: prop("fontWeight"),
-        fontStyle: prop("fontStyle"),
-        lineHeight: prop("lineHeight"),
-        letterSpacing: prop("letterSpacing"),
-        textAlign: prop("textAlign"),
-        textDecoration: prop("textDecoration", "textDecorationLine"),
-        textTransform: prop("textTransform"),
-    };
-}

package/dist/design/interactions/utils/sourceUtils.js

@@ -1,99 +0,0 @@
-/**
- * Copyright (c) 2026, Salesforce, Inc.,
- * All rights reserved.
- * For full license text, see the LICENSE.txt file
- */
-/**
- * Source/Label Utility Functions
- * Helper functions for extracting source metadata injected into DOM elements.
- */
-function parseOptionalInt(value) {
-    if (value === null || value === undefined || value === "") {
-        return null;
-    }
-    const parsed = Number.parseInt(String(value), 10);
-    return Number.isFinite(parsed) ? parsed : null;
-}
-function parseSourceFileAttribute(value) {
-    // Current injection format: "<file>:<line>:<col>".
-    // Use a greedy file capture so Windows paths like "C:\foo\bar.tsx:12:34" work.
-    const match = /^(.*):(\d+):(\d+)$/.exec(value);
-    if (!match) {
-        return { fileName: value, lineNumber: null, columnNumber: null };
-    }
-    return {
-        fileName: match[1] ?? value,
-        lineNumber: parseOptionalInt(match[2]),
-        columnNumber: parseOptionalInt(match[3]),
-    };
-}
-/**
- * Extract source location information from data attributes.
- * @param element - The DOM element
- * @returns Source location information, or null if missing.
- */
-export function getSourceFromDataAttributes(element) {
-    if (!element) {
-        return null;
-    }
-    const source = element.getAttribute("data-source-file") || null;
-    if (!source) {
-        return null;
-    }
-    return parseSourceFileAttribute(source);
-}
-/**
- * Find all DOM elements whose `data-source-file` attribute matches the given source location.
- * @param location - The source location to match against
- * @returns All matching elements (may be empty)
- */
-export function findElementsBySourceLocation(location) {
-    const results = [];
-    const elements = document.querySelectorAll("[data-source-file]");
-    for (const el of elements) {
-        const elSource = getSourceFromDataAttributes(el);
-        if (elSource &&
-            elSource.fileName === location.fileName &&
-            elSource.lineNumber === location.lineNumber &&
-            elSource.columnNumber === location.columnNumber) {
-            results.push(el);
-        }
-    }
-    return results;
-}
-/**
- * Derive a human-readable label from the injected source file name, if present.
- * @param element - The DOM element
- * @returns A label suitable for UI display
- */
-/**
- * Parse an untyped message payload object into a SourceLocation.
- * Used by the entry point to convert raw postMessage data into typed values.
- * @param sl - The raw source location object from a message payload
- * @returns A SourceLocation, or undefined if the input is not a valid object
- */
-export function parseSourceLocation(sl) {
-    if (!sl || typeof sl !== "object")
-        return undefined;
-    const obj = sl;
-    return {
-        fileName: String(obj.sourceFile ?? ""),
-        lineNumber: typeof obj.lineNumber === "number" ? obj.lineNumber : null,
-        columnNumber: typeof obj.columnNumber === "number" ? obj.columnNumber : null,
-    };
-}
-export function getLabelFromSource(element) {
-    if (!element) {
-        return "";
-    }
-    const source = element.getAttribute("data-source-file");
-    if (!source) {
-        return element.tagName ? element.tagName.toLowerCase() : "";
-    }
-    const { fileName } = parseSourceFileAttribute(source);
-    // Support both POSIX and Windows-style separators.
-    const parts = fileName.split(/[/\\]/);
-    const baseName = parts[parts.length - 1] || fileName;
-    console.log("baseName", baseName);
-    return baseName;
-}

package/dist/proxy/livePreviewScript.test.d.ts

@@ -1,7 +0,0 @@
-/**
- * Copyright (c) 2026, Salesforce, Inc.,
- * All rights reserved.
- * For full license text, see the LICENSE.txt file
- */
-export {};
-//# sourceMappingURL=livePreviewScript.test.d.ts.map

package/dist/proxy/livePreviewScript.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"livePreviewScript.test.d.ts","sourceRoot":"","sources":["../../src/proxy/livePreviewScript.test.ts"],"names":[],"mappings":"AAAA;;;;GAIG"}

package/dist/proxy/livePreviewScript.test.js

@@ -1,96 +0,0 @@
-/**
- * Copyright (c) 2026, Salesforce, Inc.,
- * All rights reserved.
- * For full license text, see the LICENSE.txt file
- */
-import { describe, it, expect } from "vitest";
-import { injectLivePreviewScript } from "./handler.js";
-import { getLivePreviewScriptContent, LIVE_PREVIEW_SCRIPT_MARKER } from "./livePreviewScript.js";
-describe("getLivePreviewScriptContent", () => {
-    it("should return a non-empty string", () => {
-        const content = getLivePreviewScriptContent();
-        expect(content).toBeTruthy();
-        expect(typeof content).toBe("string");
-        expect(content.length).toBeGreaterThan(100);
-    });
-    it("should contain the fetch interceptor", () => {
-        const content = getLivePreviewScriptContent();
-        expect(content).toContain("setupFetchInterceptorImmediate");
-        expect(content).toContain("_vscodeIntercepted");
-    });
-    it("should contain the error deduplication logic", () => {
-        const content = getLivePreviewScriptContent();
-        expect(content).toContain("ERROR_DEDUP_WINDOW_MS");
-        expect(content).toContain("getErrorHash");
-        expect(content).toContain("recentErrors");
-    });
-    it("should contain the sendErrorToParent function", () => {
-        const content = getLivePreviewScriptContent();
-        expect(content).toContain("sendErrorToParent");
-    });
-    it("should contain the copy/paste bridge", () => {
-        const content = getLivePreviewScriptContent();
-        expect(content).toContain("sendCopyMessage");
-        expect(content).toContain('command: "copy"');
-    });
-    it("should contain the iframeAlive heartbeat", () => {
-        const content = getLivePreviewScriptContent();
-        expect(content).toContain("iframeAlive");
-    });
-    it("should contain error listeners (window.error, unhandledrejection, console.error)", () => {
-        const content = getLivePreviewScriptContent();
-        expect(content).toContain('window.addEventListener(\n\t\t\t"error"');
-        expect(content).toContain('window.addEventListener("unhandledrejection"');
-        expect(content).toContain("console.error = function");
-    });
-    it("should wrap error details in a metadata object for postMessage", () => {
-        const content = getLivePreviewScriptContent();
-        expect(content).toContain("metadata:");
-        expect(content).toContain("metadata: {");
-    });
-});
-describe("LIVE_PREVIEW_SCRIPT_MARKER", () => {
-    it("should be a non-empty string", () => {
-        expect(LIVE_PREVIEW_SCRIPT_MARKER).toBeTruthy();
-        expect(typeof LIVE_PREVIEW_SCRIPT_MARKER).toBe("string");
-    });
-});
-describe("injectLivePreviewScript", () => {
-    it("should inject script before </body>", () => {
-        const html = "<html><body><div>Hello</div></body></html>";
-        const result = injectLivePreviewScript(html);
-        expect(result).toContain(LIVE_PREVIEW_SCRIPT_MARKER);
-        expect(result.indexOf(LIVE_PREVIEW_SCRIPT_MARKER)).toBeLessThan(result.indexOf("</body>"));
-    });
-    it("should inject before </html> when no </body> is present", () => {
-        const html = "<html><div>Hello</div></html>";
-        const result = injectLivePreviewScript(html);
-        expect(result).toContain(LIVE_PREVIEW_SCRIPT_MARKER);
-        expect(result.indexOf(LIVE_PREVIEW_SCRIPT_MARKER)).toBeLessThan(result.indexOf("</html>"));
-    });
-    it("should append at the end when no </body> or </html>", () => {
-        const html = "<div>Hello</div>";
-        const result = injectLivePreviewScript(html);
-        expect(result).toContain(LIVE_PREVIEW_SCRIPT_MARKER);
-        expect(result).toContain("<div>Hello</div>");
-        expect(result.endsWith("</script>")).toBe(true);
-    });
-    it("should prevent double injection", () => {
-        const html = "<html><body><div>Hello</div></body></html>";
-        const first = injectLivePreviewScript(html);
-        const second = injectLivePreviewScript(first);
-        expect(first).toBe(second);
-    });
-    it("should wrap script in <script> tags", () => {
-        const html = "<html><body></body></html>";
-        const result = injectLivePreviewScript(html);
-        expect(result).toContain("<script>");
-        expect(result).toContain("</script>");
-    });
-    it("should contain actual script content in the output", () => {
-        const html = "<html><body></body></html>";
-        const result = injectLivePreviewScript(html);
-        expect(result).toContain("sendErrorToParent");
-        expect(result).toContain("setupFetchInterceptorImmediate");
-    });
-});