fix(html): HTML SSR safety and sandbox skin chunking (#1155)

packages/html/src/define/tests/safe-define.test.ts

@@ -1,7 +1,11 @@
-import { describe, expect, it } from 'vitest';
+import { afterEach, describe, expect, it, vi } from 'vitest';
 import { safeDefine } from '../safe-define';
 
 describe('safeDefine', () => {
+  afterEach(() => {
+    vi.unstubAllGlobals();
+  });
+
   it('registers a custom element', () => {
     class TestElement extends HTMLElement {
       static tagName = 'test-sd-register';
@@ -33,4 +37,14 @@ describe('safeDefine', () => {
     safeDefine(Replacement);
     expect(customElements.get('test-sd-no-replace')).toBe(Original);
   });
+
+  it('does nothing when customElements is unavailable', () => {
+    vi.stubGlobal('customElements', undefined);
+
+    class TestElement extends HTMLElement {
+      static tagName = 'test-sd-ssr';
+    }
+
+    expect(() => safeDefine(TestElement)).not.toThrow();
+  });
 });

packages/html/src/define/tests/ssr-safety.test.ts

@@ -0,0 +1,21 @@
+import { afterEach, describe, expect, it, vi } from 'vitest';
+
+describe('SSR-safe define imports', () => {
+  afterEach(() => {
+    vi.unstubAllGlobals();
+    vi.resetModules();
+  });
+
+  it('imports video skin without browser-only globals', async () => {
+    vi.stubGlobal('customElements', undefined);
+    vi.stubGlobal('CSSStyleSheet', undefined);
+
+    await expect(import('../video/skin')).resolves.toBeDefined();
+  });
+
+  it('imports simple-hls-video without customElements', async () => {
+    vi.stubGlobal('customElements', undefined);
+
+    await expect(import('../media/simple-hls-video')).resolves.toBeDefined();
+  });
+});