Function createReferenceItem

src/components/referencesPanel/utils.js:76–108

(item, options = {})

}

export function createReferenceItem(item, options = {}) {
	const { collapsedFiles, onToggleFile, onNavigate } = options;

	if (item.type === "file-header") {
		const isCollapsed = collapsedFiles?.has(item.uri);
		const iconClass = helpers.getIconForFile(item.fileName);

		const $el = (
			<div
				className={`ref-file-header ${isCollapsed ? "collapsed" : ""}`}
				onclick={() => onToggleFile?.(item.uri)}
			>
				<span className="icon chevron keyboard_arrow_down" />
				<span className={`${iconClass} file-icon`} />
				<span className="file-name">{sanitize(item.fileName)}</span>
				<span className="ref-count">{item.count}</span>
			</div>
		);

		return $el;
	}

	const $el = (
		<div className="ref-item" onclick={() => onNavigate?.(item.ref)}>
			<span className="line-number">{item.line}</span>
			<span className="ref-preview" />
		</div>
	);

	$el.get(".ref-preview").innerHTML = DOMPurify.sanitize(item.highlightedText);

	return $el;
}

export async function navigateToReference(ref) {
	Sidebar.hide();