packages/memory-graph/src/lib/inject-styles.ts


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36

/**
 * Runtime CSS injection for universal bundler support
 * The CSS content is injected by the build plugin
 */

// This will be replaced by the build plugin with the actual CSS content
declare const __MEMORY_GRAPH_CSS__: string

// Track injection state
let injected = false

/**
 * Inject memory-graph styles into the document head.
 * Safe to call multiple times - will only inject once.
 */
export function injectStyles(): void {
	// Only run in browser
	if (typeof document === "undefined") return

	// Only inject once
	if (injected) return

	// Check if already injected (e.g., by another instance)
	if (document.querySelector("style[data-memory-graph]")) {
		injected = true
		return
	}

	injected = true

	// Create and inject style element
	const style = document.createElement("style")
	style.setAttribute("data-memory-graph", "")
	style.textContent = __MEMORY_GRAPH_CSS__
	document.head.appendChild(style)
}