mirror of
https://github.com/microsoft/vscode.git
synced 2026-05-15 21:01:05 +01:00
Justin Chen
2deb8a7d5d
* cool hover for integrated browser added elements * some fixes and addressing comments * cleanup
82 lines
3.1 KiB
TypeScript
82 lines
3.1 KiB
TypeScript
/*---------------------------------------------------------------------------------------------
|
|
* Copyright (c) Microsoft Corporation. All rights reserved.
|
|
* Licensed under the MIT License. See License.txt in the project root for license information.
|
|
*--------------------------------------------------------------------------------------------*/
|
|
|
|
import { CancellationToken } from '../../../base/common/cancellation.js';
|
|
import { createDecorator } from '../../instantiation/common/instantiation.js';
|
|
import { IRectangle } from '../../window/common/window.js';
|
|
|
|
export const INativeBrowserElementsService = createDecorator<INativeBrowserElementsService>('nativeBrowserElementsService');
|
|
|
|
export interface IElementAncestor {
|
|
readonly tagName: string;
|
|
readonly id?: string;
|
|
readonly classNames?: string[];
|
|
}
|
|
|
|
export interface IElementData {
|
|
readonly outerHTML: string;
|
|
readonly computedStyle: string;
|
|
readonly bounds: IRectangle;
|
|
readonly ancestors?: IElementAncestor[];
|
|
readonly attributes?: Record<string, string>;
|
|
readonly computedStyles?: Record<string, string>;
|
|
readonly dimensions?: { readonly top: number; readonly left: number; readonly width: number; readonly height: number };
|
|
readonly innerText?: string;
|
|
}
|
|
|
|
/**
|
|
* Locator for identifying a browser target/webview.
|
|
* Uses either the parent webview or browser view id to uniquely identify the target.
|
|
*/
|
|
export interface IBrowserTargetLocator {
|
|
/**
|
|
* Identifier of the parent webview hosting the target.
|
|
*
|
|
* Exactly one of {@link webviewId} or {@link browserViewId} should be provided.
|
|
* Use this when the target is rendered inside a webview.
|
|
*/
|
|
readonly webviewId?: string;
|
|
/**
|
|
* Identifier of the browser view hosting the target.
|
|
*
|
|
* Exactly one of {@link webviewId} or {@link browserViewId} should be provided.
|
|
* Use this when the target is rendered inside a browser view rather than a webview.
|
|
*/
|
|
readonly browserViewId?: string;
|
|
}
|
|
|
|
export interface INativeBrowserElementsService {
|
|
|
|
readonly _serviceBrand: undefined;
|
|
|
|
// Properties
|
|
readonly windowId: number;
|
|
|
|
getElementData(rect: IRectangle, token: CancellationToken, locator: IBrowserTargetLocator, cancellationId?: number): Promise<IElementData | undefined>;
|
|
|
|
startDebugSession(token: CancellationToken, locator: IBrowserTargetLocator, cancelAndDetachId?: number): Promise<void>;
|
|
|
|
startConsoleSession(token: CancellationToken, locator: IBrowserTargetLocator, cancelAndDetachId?: number): Promise<void>;
|
|
|
|
getConsoleLogs(locator: IBrowserTargetLocator): Promise<string | undefined>;
|
|
}
|
|
|
|
/**
|
|
* Extract a display name from outer HTML (e.g., "div#myId.myClass1.myClass2")
|
|
*/
|
|
export function getDisplayNameFromOuterHTML(outerHTML: string): string {
|
|
const firstElementMatch = outerHTML.match(/^<([^ >]+)([^>]*?)>/);
|
|
if (!firstElementMatch) {
|
|
throw new Error('No outer element found');
|
|
}
|
|
|
|
const tagName = firstElementMatch[1];
|
|
const idMatch = firstElementMatch[2].match(/\s+id\s*=\s*["']([^"']+)["']/i);
|
|
const id = idMatch ? `#${idMatch[1]}` : '';
|
|
const classMatch = firstElementMatch[2].match(/\s+class\s*=\s*["']([^"']+)["']/i);
|
|
const className = classMatch ? `.${classMatch[1].replace(/\s+/g, '.')}` : '';
|
|
return `${tagName}${id}${className}`;
|
|
}
|