Check global.window on DOM availability check

[2wheeh]

There are some use cases @lexical/headless and $generateHtmlFromNodes in the server side and nextjs is probably the most common framework to implement this.

I found some issue and discussions related to this:

• Can't use generateHtmlFromNodes correctly for SSR #3616
• Bug: unable to run $generateHtmlFromNodes with headless editor #3097
• Generate HTML string in headless mode from editor state #5266
• cannot render the text in SSR with nextjs? #2880
• Load state on SSR - Nextjs #3765 (comment)

I've met same situation as well, which is that @lexical/headless is not compatible with nextjs servserside even with jsdom (or happy-dom) since #3102 (v.0.6.0)

I don't know why but anyway in nextjs, typeof window is still undefined after assigning global.window.
So it fails type assertion fixed in #3102.

Can reproduce here:

• https://stackblitz.com/~/github.com/2wheeh/lexical-nextjs-ssr
  -> you can see it works with lexical@0.5.0 and nextjs but in the console you also can see typeof window is still undefined while global.window is changed as we assign.

So could we check typeof global.window with typeof window?

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
lexical	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 25, 2024 3:35pm
lexical-playground	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 25, 2024 3:35pm

[zurfyx]

Thanks, I remember we had issues with window in the past #1400 ; even if this works fine I believe this PR might not be complete (iframe support and other occurences, we introduced this window utility for this

lexical/packages/lexical/src/LexicalUtils.ts

Lines 1296 to 1302 in a5b20c0

	export function getWindow(editor: LexicalEditor): Window {
	const windowObj = editor._window;
	if (windowObj === null) {
	invariant(false, 'window object not found');
	}
	return windowObj;
	}

). In any case, I'm happy to merge as-is and we can iterate on this later