fix: update context usage for ssr

patternfly · Jan 13, 2025 · 1bddaa9 · 1bddaa9
1 parent cd54b8b
commit 1bddaa9
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 1 deletion.
diff --git a/.changeset/clear-pugs-make.md b/.changeset/clear-pugs-make.md
@@ -0,0 +1,5 @@
+---
+"@patternfly/pfe-core": patch
+"@patternfly/elements": patch
+---
+Enable context protocol in SSR scenarios.
diff --git a/core/pfe-core/functions/context.ts b/core/pfe-core/functions/context.ts
@@ -7,6 +7,11 @@ function makeContextRoot() {
   const root = new ContextRoot();
   if (!isServer) {
     root.attach(document.body);
+  } else {
+    root.attach(
+      // @ts-expect-error: enable context root in ssr
+      globalThis.litServerRoot,
+    );
   }
   return root;
 }

diff --git a/core/pfe-core/ssr-shims.ts b/core/pfe-core/ssr-shims.ts
@@ -34,6 +34,8 @@ globalThis.window ??= globalThis;
 globalThis.document ??= new MiniDocument();
 // @ts-expect-error: this runs in node
 globalThis.navigator ??= { userAgent: '' };
+// @ts-expect-error: opt in to event support in ssr
+globalThis.litSsrCallConnectedCallback = true;
 // @ts-expect-error: this runs in node
 globalThis.ErrorEvent ??= Event;
 // @ts-expect-error: this runs in node
@@ -55,4 +57,3 @@ globalThis.getComputedStyle ??= function() {
 }
 
 ;
-