Function ensureCodeSpaceStylesInDocument

src/code_embed.ts:437–478

(targetDoc: Document, plugin: CodeSpacePlugin)

}

function ensureCodeSpaceStylesInDocument(targetDoc: Document, plugin: CodeSpacePlugin) {
	applyEmbedCssVariables(targetDoc, plugin);

	// Some Obsidian popout windows do not automatically include plugin CSS. Copy the existing stylesheet
	// reference from the main window so the embed UI renders consistently.
	if (targetDoc.getElementById(CODE_SPACE_POPOUT_STYLE_ID)) return;

	try {
		const mainDoc = activeDocument;
		const maybeLink1 = mainDoc.querySelector('link[href*="plugins/code-space/styles.css"]');
		const maybeLink2 = mainDoc.querySelector('link[href*="/plugins/code-space/styles.css"]');
		const link =
			(maybeLink1 instanceof HTMLLinkElement ? maybeLink1 : null) ??
			(maybeLink2 instanceof HTMLLinkElement ? maybeLink2 : null);

		if (link?.href) {
			const newLink = targetDoc.createElement("link");
			newLink.id = CODE_SPACE_POPOUT_STYLE_ID;
			newLink.rel = "stylesheet";
			newLink.type = "text/css";
			newLink.href = link.href;
			targetDoc.head?.appendChild(newLink);
			return;
		}
	} catch {
		// Ignore.
	}

	// Fallback: clone the inline style tag if Obsidian injected plugin CSS as <style>.
	const styleTags = Array.from(activeDocument.querySelectorAll("style"));
	const codeSpaceStyle = styleTags.find((styleEl) => {
		const text = styleEl.textContent ?? "";
		return text.includes(".code-embed-container") || text.includes(".code-space-container");
	});

	if (codeSpaceStyle?.textContent) {
		const newStyle = targetDoc.createElement("style");
		newStyle.id = CODE_SPACE_POPOUT_STYLE_ID;
		newStyle.textContent = codeSpaceStyle.textContent;
		targetDoc.head?.appendChild(newStyle);
	}
}

function resolveSourcePathForEmbed(embedEl: HTMLElement, plugin: CodeSpacePlugin): string {
	const rememberedSourcePath = getRememberedSourcePath(embedEl);