Function createReferencesPanel

src/components/referencesPanel/index.js:15–307

()

let currentPanel = null;

function createReferencesPanel() {
	const state = {
		visible: false,
		expanded: false,
		loading: true,
		symbolName: "",
		references: [],
		collapsedFiles: new Set(),
		flatItems: [],
	};

	const $mask = <span className="references-panel-mask" />;
	const $panel = <div className="references-panel" />;
	const $dragHandle = <div className="drag-handle" />;
	const $title = <div className="header-title" />;
	const $subtitle = <span className="header-subtitle" />;
	const $content = <div className="panel-content" />;
	const $refList = <div className="references-list" />;

	const $openTabBtn = (
		<button
			className="action-btn open-tab-btn"
			title="Open in Tab"
			onclick={openInTab}
		>
			<span className="icon fullscreen" />
		</button>
	);

	const $closeBtn = (
		<button className="action-btn close-btn" onclick={hide}>
			<span className="icon clearclose" />
		</button>
	);

	const $header = (
		<div className="panel-header">
			<div className="header-content">
				{$title}
				{$subtitle}
			</div>
			<div className="header-actions">
				{$openTabBtn}
				{$closeBtn}
			</div>
		</div>
	);

	$panel.append($dragHandle, $header, $content);
	$mask.onclick = hide;

	let startY = 0;
	let currentY = 0;
	let isDragging = false;

	$dragHandle.ontouchstart = onDragStart;
	$dragHandle.onmousedown = onDragStart;