meno-core 1.0.53 → 1.1.0

package/lib/shared/validation/validators.test.ts

@@ -1,10 +1,5 @@
 import { describe, test, expect } from 'bun:test';
-import {
-  validatePropDefinition,
-  validateComponentNode,
-  validateOrThrow,
-  type ValidationResult,
-} from './validators';
+import { validatePropDefinition, validateComponentNode, validateOrThrow, type ValidationResult } from './validators';
 import { NODE_TYPE } from '../constants';
 
 describe('validators', () => {
@@ -90,7 +85,7 @@ describe('validators', () => {
     });
 
     test('throws on invalid input', () => {
-      const validator = (data: unknown): ValidationResult<string> => ({
+      const validator = (_data: unknown): ValidationResult<string> => ({
         valid: false,
         errors: [{ path: 'root', message: 'Invalid' }],
       });
@@ -98,7 +93,7 @@ describe('validators', () => {
     });
 
     test('includes custom error message', () => {
-      const validator = (data: unknown): ValidationResult<string> => ({
+      const validator = (_data: unknown): ValidationResult<string> => ({
         valid: false,
         errors: [{ path: 'field', message: 'Required' }],
       });

package/lib/shared/validation/validators.ts

@@ -5,7 +5,13 @@
  */
 
 import type { ZodError, ZodType } from 'zod';
-import type { PropDefinition, ComponentDefinition, StructuredComponentDefinition, PageData, PageDataWithComponent } from '../types/components';
+import type {
+  PropDefinition,
+  ComponentDefinition,
+  StructuredComponentDefinition,
+  PageData,
+  PageDataWithComponent,
+} from '../types/components';
 import type { ComponentNode } from '../types/nodes';
 import type { PageMetaData } from '../types/api';
 import type { CMSSchema, CMSItem } from '../types/cms';
@@ -34,15 +40,13 @@ export interface ValidationError {
 /**
  * Validation result type - always includes error details on failure
  */
-export type ValidationResult<T> =
-  | { valid: true; data: T }
-  | { valid: false; errors: ValidationError[] };
+export type ValidationResult<T> = { valid: true; data: T } | { valid: false; errors: ValidationError[] };
 
 /**
  * Convert Zod errors to ValidationError format
  */
 function zodToValidationErrors(zodError: ZodError): ValidationError[] {
-  return zodError.errors.map(err => ({
+  return zodError.errors.map((err) => ({
     path: err.path.join('.') || 'root',
     message: err.message,
     code: 'INVALID_TYPE' as const,
@@ -55,11 +59,11 @@ function zodToValidationErrors(zodError: ZodError): ValidationError[] {
 export function validateOrThrow<T>(
   data: unknown,
   validator: (data: unknown) => ValidationResult<T>,
-  errorMessage?: string
+  errorMessage?: string,
 ): T {
   const result = validator(data);
   if (!result.valid) {
-    const details = result.errors.map(e => `${e.path}: ${e.message}`).join('; ');
+    const details = result.errors.map((e) => `${e.path}: ${e.message}`).join('; ');
     throw new Error(errorMessage ? `${errorMessage}: ${details}` : details);
   }
   return result.data;
@@ -79,11 +83,13 @@ export function validatePropDefinition(propDef: unknown): ValidationResult<PropD
   } catch (error) {
     return {
       valid: false,
-      errors: [{
-        path: 'root',
-        message: error instanceof Error ? error.message : 'Unknown validation error',
-        code: 'UNKNOWN',
-      }],
+      errors: [
+        {
+          path: 'root',
+          message: error instanceof Error ? error.message : 'Unknown validation error',
+          code: 'UNKNOWN',
+        },
+      ],
     };
   }
 }
@@ -102,11 +108,13 @@ export function validateComponentNode(node: unknown): ValidationResult<Component
   } catch (error) {
     return {
       valid: false,
-      errors: [{
-        path: 'root',
-        message: error instanceof Error ? error.message : 'Unknown validation error',
-        code: 'UNKNOWN',
-      }],
+      errors: [
+        {
+          path: 'root',
+          message: error instanceof Error ? error.message : 'Unknown validation error',
+          code: 'UNKNOWN',
+        },
+      ],
     };
   }
 }
@@ -125,11 +133,13 @@ export function validateStructuredComponentDefinition(def: unknown): ValidationR
   } catch (error) {
     return {
       valid: false,
-      errors: [{
-        path: 'root',
-        message: error instanceof Error ? error.message : 'Unknown validation error',
-        code: 'UNKNOWN',
-      }],
+      errors: [
+        {
+          path: 'root',
+          message: error instanceof Error ? error.message : 'Unknown validation error',
+          code: 'UNKNOWN',
+        },
+      ],
     };
   }
 }
@@ -148,11 +158,13 @@ export function validateComponentDefinition(def: unknown): ValidationResult<Comp
   } catch (error) {
     return {
       valid: false,
-      errors: [{
-        path: 'root',
-        message: error instanceof Error ? error.message : 'Unknown validation error',
-        code: 'UNKNOWN',
-      }],
+      errors: [
+        {
+          path: 'root',
+          message: error instanceof Error ? error.message : 'Unknown validation error',
+          code: 'UNKNOWN',
+        },
+      ],
     };
   }
 }
@@ -171,11 +183,13 @@ export function validatePageData(data: unknown): ValidationResult<PageData> {
   } catch (error) {
     return {
       valid: false,
-      errors: [{
-        path: 'root',
-        message: error instanceof Error ? error.message : 'Unknown validation error',
-        code: 'UNKNOWN',
-      }],
+      errors: [
+        {
+          path: 'root',
+          message: error instanceof Error ? error.message : 'Unknown validation error',
+          code: 'UNKNOWN',
+        },
+      ],
     };
   }
 }
@@ -194,11 +208,13 @@ export function validatePageDataWithComponent(data: unknown): ValidationResult<P
   } catch (error) {
     return {
       valid: false,
-      errors: [{
-        path: 'root',
-        message: error instanceof Error ? error.message : 'Unknown validation error',
-        code: 'UNKNOWN',
-      }],
+      errors: [
+        {
+          path: 'root',
+          message: error instanceof Error ? error.message : 'Unknown validation error',
+          code: 'UNKNOWN',
+        },
+      ],
     };
   }
 }
@@ -217,11 +233,13 @@ export function validatePageMetaData(data: unknown): ValidationResult<PageMetaDa
   } catch (error) {
     return {
       valid: false,
-      errors: [{
-        path: 'root',
-        message: error instanceof Error ? error.message : 'Unknown validation error',
-        code: 'UNKNOWN',
-      }],
+      errors: [
+        {
+          path: 'root',
+          message: error instanceof Error ? error.message : 'Unknown validation error',
+          code: 'UNKNOWN',
+        },
+      ],
     };
   }
 }
@@ -230,10 +248,7 @@ export function validatePageMetaData(data: unknown): ValidationResult<PageMetaDa
  * Validate with detailed error information using a custom schema
  * @returns ValidationResult with error details on failure
  */
-export function validateWithDetails<T>(
-  data: unknown,
-  schema: ZodType<T>
-): ValidationResult<T> {
+export function validateWithDetails<T>(data: unknown, schema: ZodType<T>): ValidationResult<T> {
   try {
     const result = schema.safeParse(data);
     if (result.success) {
@@ -243,11 +258,13 @@ export function validateWithDetails<T>(
   } catch (error) {
     return {
       valid: false,
-      errors: [{
-        path: 'root',
-        message: error instanceof Error ? error.message : 'Unknown validation error',
-        code: 'UNKNOWN',
-      }],
+      errors: [
+        {
+          path: 'root',
+          message: error instanceof Error ? error.message : 'Unknown validation error',
+          code: 'UNKNOWN',
+        },
+      ],
     };
   }
 }
@@ -270,11 +287,13 @@ export function validateCMSSchema(data: unknown): ValidationResult<CMSSchema> {
   } catch (error) {
     return {
       valid: false,
-      errors: [{
-        path: 'root',
-        message: error instanceof Error ? error.message : 'Unknown validation error',
-        code: 'UNKNOWN',
-      }],
+      errors: [
+        {
+          path: 'root',
+          message: error instanceof Error ? error.message : 'Unknown validation error',
+          code: 'UNKNOWN',
+        },
+      ],
     };
   }
 }
@@ -293,11 +312,13 @@ export function validateCMSItem(data: unknown): ValidationResult<CMSItem> {
   } catch (error) {
     return {
       valid: false,
-      errors: [{
-        path: 'root',
-        message: error instanceof Error ? error.message : 'Unknown validation error',
-        code: 'UNKNOWN',
-      }],
+      errors: [
+        {
+          path: 'root',
+          message: error instanceof Error ? error.message : 'Unknown validation error',
+          code: 'UNKNOWN',
+        },
+      ],
     };
   }
 }
@@ -317,13 +338,13 @@ export function validateCMSDraftItem(data: unknown): ValidationResult<CMSItem> {
   } catch (error) {
     return {
       valid: false,
-      errors: [{
-        path: 'root',
-        message: error instanceof Error ? error.message : 'Unknown validation error',
-        code: 'UNKNOWN',
-      }],
+      errors: [
+        {
+          path: 'root',
+          message: error instanceof Error ? error.message : 'Unknown validation error',
+          code: 'UNKNOWN',
+        },
+      ],
     };
   }
 }
-
-

package/lib/shared/viewportUnits.integration.test.ts

@@ -9,11 +9,13 @@ describe('viewport-unit rewrite — user-bug repro path', () => {
     //   { style: { base: { backgroundColor: "var(--bg)", minHeight: "100vh" } } }
     // Studio collects this into the InteractiveStyles map keyed by the element
     // class, and generateInteractiveCSS emits the CSS that ships to the iframe.
-    const interactiveStyles: InteractiveStyles = [{
-      prefix: '',
-      postfix: '',
-      style: { base: { minHeight: '100vh', backgroundColor: 'var(--bg)' } },
-    }];
+    const interactiveStyles: InteractiveStyles = [
+      {
+        prefix: '',
+        postfix: '',
+        style: { base: { minHeight: '100vh', backgroundColor: 'var(--bg)' } },
+      },
+    ];
     const map = new Map<string, InteractiveStyles>([['c_layout_root', interactiveStyles]]);
 
     const css = generateAllInteractiveCSS(map);
@@ -28,11 +30,13 @@ describe('viewport-unit rewrite — user-bug repro path', () => {
   });
 
   it('leaves non-vh values in the same rule untouched', () => {
-    const interactiveStyles: InteractiveStyles = [{
-      prefix: '',
-      postfix: '',
-      style: { base: { minHeight: '100vh', padding: '24px', color: 'red' } },
-    }];
+    const interactiveStyles: InteractiveStyles = [
+      {
+        prefix: '',
+        postfix: '',
+        style: { base: { minHeight: '100vh', padding: '24px', color: 'red' } },
+      },
+    ];
     const map = new Map<string, InteractiveStyles>([['c_a', interactiveStyles]]);
     const rewritten = rewriteViewportUnits(generateAllInteractiveCSS(map));
 

package/lib/shared/viewportUnits.test.ts

@@ -3,47 +3,37 @@ import { rewriteViewportUnits } from './viewportUnits';
 
 describe('rewriteViewportUnits', () => {
   it('rewrites basic vh values in declarations', () => {
-    expect(rewriteViewportUnits('min-height: 100vh;')).toBe(
-      'min-height: calc(var(--design-vh, 1vh) * 100);'
-    );
+    expect(rewriteViewportUnits('min-height: 100vh;')).toBe('min-height: calc(var(--design-vh, 1vh) * 100);');
   });
 
   it('rewrites vw values', () => {
-    expect(rewriteViewportUnits('width: 50vw;')).toBe(
-      'width: calc(var(--design-vw, 1vw) * 50);'
-    );
+    expect(rewriteViewportUnits('width: 50vw;')).toBe('width: calc(var(--design-vw, 1vw) * 50);');
   });
 
   it('handles negative values', () => {
-    expect(rewriteViewportUnits('top: -100vh;')).toBe(
-      'top: calc(var(--design-vh, 1vh) * -100);'
-    );
+    expect(rewriteViewportUnits('top: -100vh;')).toBe('top: calc(var(--design-vh, 1vh) * -100);');
   });
 
   it('handles decimal values', () => {
-    expect(rewriteViewportUnits('height: 33.5vh;')).toBe(
-      'height: calc(var(--design-vh, 1vh) * 33.5);'
-    );
-    expect(rewriteViewportUnits('height: .5vh;')).toBe(
-      'height: calc(var(--design-vh, 1vh) * .5);'
-    );
+    expect(rewriteViewportUnits('height: 33.5vh;')).toBe('height: calc(var(--design-vh, 1vh) * 33.5);');
+    expect(rewriteViewportUnits('height: .5vh;')).toBe('height: calc(var(--design-vh, 1vh) * .5);');
   });
 
   it('handles small/large/dynamic viewport units', () => {
     expect(rewriteViewportUnits('h: 100svh; w: 100lvw; x: 100dvh;')).toBe(
-      'h: calc(var(--design-svh, 1svh) * 100); w: calc(var(--design-lvw, 1lvw) * 100); x: calc(var(--design-dvh, 1dvh) * 100);'
+      'h: calc(var(--design-svh, 1svh) * 100); w: calc(var(--design-lvw, 1lvw) * 100); x: calc(var(--design-dvh, 1dvh) * 100);',
     );
   });
 
   it('preserves vh inside calc()', () => {
     expect(rewriteViewportUnits('height: calc(100vh - 20px);')).toBe(
-      'height: calc(calc(var(--design-vh, 1vh) * 100) - 20px);'
+      'height: calc(calc(var(--design-vh, 1vh) * 100) - 20px);',
     );
   });
 
   it('rewrites vh inside transform functions', () => {
     expect(rewriteViewportUnits('transform: translateY(-100vh);')).toBe(
-      'transform: translateY(calc(var(--design-vh, 1vh) * -100));'
+      'transform: translateY(calc(var(--design-vh, 1vh) * -100));',
     );
   });
 
@@ -60,15 +50,28 @@ describe('rewriteViewportUnits', () => {
     expect(rewriteViewportUnits('.foo-100vh-bar')).toBe('.foo-100vh-bar');
   });
 
+  it('preserves arbitrary-value class selectors, rewriting only the value', () => {
+    // `.min-h-[100svh]` is the literal class on the element; the `[` before the
+    // value blocks the selector rewrite, so the rule still matches and its
+    // design-mode viewport pin works (`svh`/`dvh`/arbitrary `vh` all hit this —
+    // `100vh` dodged the bug only by mapping to the bracket-free `min-h-screen`).
+    expect(rewriteViewportUnits('.min-h-\\[100svh\\] { min-height: 100svh; }')).toBe(
+      '.min-h-\\[100svh\\] { min-height: calc(var(--design-svh, 1svh) * 100); }',
+    );
+    expect(rewriteViewportUnits('.h-\\[50dvh\\] { height: calc(50dvh - 1rem); }')).toBe(
+      '.h-\\[50dvh\\] { height: calc(calc(var(--design-dvh, 1dvh) * 50) - 1rem); }',
+    );
+  });
+
   it('does NOT rewrite px / em / rem / % values', () => {
     expect(rewriteViewportUnits('padding: 10px; margin: 1em; height: 50%;')).toBe(
-      'padding: 10px; margin: 1em; height: 50%;'
+      'padding: 10px; margin: 1em; height: 50%;',
     );
   });
 
   it('handles multiple values in one rule', () => {
     expect(rewriteViewportUnits('inset: 10vh 5vw 20vh 5vw;')).toBe(
-      'inset: calc(var(--design-vh, 1vh) * 10) calc(var(--design-vw, 1vw) * 5) calc(var(--design-vh, 1vh) * 20) calc(var(--design-vw, 1vw) * 5);'
+      'inset: calc(var(--design-vh, 1vh) * 10) calc(var(--design-vw, 1vw) * 5) calc(var(--design-vh, 1vh) * 20) calc(var(--design-vw, 1vw) * 5);',
     );
   });
 
@@ -96,8 +99,6 @@ describe('rewriteViewportUnits', () => {
   });
 
   it('handles 0vh (zero with unit) without producing invalid output', () => {
-    expect(rewriteViewportUnits('top: 0vh;')).toBe(
-      'top: calc(var(--design-vh, 1vh) * 0);'
-    );
+    expect(rewriteViewportUnits('top: 0vh;')).toBe('top: calc(var(--design-vh, 1vh) * 0);');
   });
 });

package/lib/shared/viewportUnits.ts

@@ -26,11 +26,18 @@
  */
 
 // A number (possibly negative, with optional decimal), an optional size keyword
-// (s/l/d), and `vh` or `vw` as a complete token. The negative lookbehind on
-// `[\w-]` rejects matches that sit inside identifiers — e.g. utility class
-// names like `.mh-100vh` keep their literal name in the selector even though
-// the same string appears as a value elsewhere in the stylesheet.
-const VIEWPORT_UNIT_RE = /(?<![\w-])(-?\d*\.?\d+)(s|l|d)?(vh|vw)\b/g;
+// (s/l/d), and `vh` or `vw` as a complete token. The negative lookbehind rejects
+// matches that sit inside a utility-class identifier, so a class SELECTOR keeps
+// its literal name while only the declaration VALUE is rewritten:
+//   - `\w-` covers dash identifiers, e.g. `.mh-100vh`.
+//   - `\[` covers arbitrary-value classes, e.g. `.min-h-[100svh]`, where the
+//     `100svh` sits right after the `[`. Without this the selector would be
+//     rewritten to `.min-h-[calc(...)]` and no longer match the element's
+//     `class="min-h-[100svh]"` — the rule (and the design-mode viewport pin it
+//     carries) would silently break, so `min-height:100svh` couples to the
+//     iframe viewport and a hero blows up to the full design-frame height.
+//     (`100vh` dodged this only because it maps to the bracket-free `min-h-screen`.)
+const VIEWPORT_UNIT_RE = /(?<![\w\-[])(-?\d*\.?\d+)(s|l|d)?(vh|vw)\b/g;
 
 /**
  * Rewrite viewport-relative lengths inside any CSS-shaped string (full

package/lib/test-utils/dom-setup.ts

@@ -38,6 +38,7 @@ globalAny.DocumentFragment = window.DocumentFragment;
 globalAny.KeyboardEvent = window.KeyboardEvent;
 globalAny.MouseEvent = window.MouseEvent;
 globalAny.CustomEvent = window.CustomEvent;
+globalAny.MessageEvent = window.MessageEvent;
 globalAny.Event = window.Event;
 globalAny.getComputedStyle = window.getComputedStyle.bind(window);
 globalAny.requestAnimationFrame = window.requestAnimationFrame.bind(window);
@@ -46,7 +47,6 @@ globalAny.MutationObserver = window.MutationObserver;
 globalAny.ResizeObserver = window.ResizeObserver;
 globalAny.IntersectionObserver = window.IntersectionObserver;
 
-
 // Export for manual usage if needed
 export function setupDOM() {
   // Already set up on import

package/lib/test-utils/factories/ConsoleMockFactory.ts

@@ -39,12 +39,12 @@ export function createTypedConsoleSpy(): TypedConsoleSpy {
   };
 
   const mocks = {
-    log: mock((...args: unknown[]) => {}),
-    warn: mock((...args: unknown[]) => {}),
-    error: mock((...args: unknown[]) => {}),
-    info: mock((...args: unknown[]) => {}),
-    debug: mock((...args: unknown[]) => {}),
-    trace: mock((...args: unknown[]) => {}),
+    log: mock((..._args: unknown[]) => {}),
+    warn: mock((..._args: unknown[]) => {}),
+    error: mock((..._args: unknown[]) => {}),
+    info: mock((..._args: unknown[]) => {}),
+    debug: mock((..._args: unknown[]) => {}),
+    trace: mock((..._args: unknown[]) => {}),
   };
 
   // Replace console methods
@@ -77,7 +77,7 @@ export function createTypedConsoleSpy(): TypedConsoleSpy {
             return arg.test(call[i] as string);
           }
           return call[i] === arg;
-        })
+        }),
       );
     },
     clearCalls: () => {
@@ -102,9 +102,7 @@ export function suppressConsole(): () => void {
 /**
  * Capture console output for specific methods only
  */
-export function captureConsole(
-  methods: ConsoleMethods[]
-): TypedConsoleSpy & { only: ConsoleMethods[] } {
+export function captureConsole(methods: ConsoleMethods[]): TypedConsoleSpy & { only: ConsoleMethods[] } {
   const spy = createTypedConsoleSpy();
 
   // Restore methods we don't want to capture
@@ -112,7 +110,7 @@ export function captureConsole(
   for (const method of allMethods) {
     if (!methods.includes(method)) {
       // Restore this method to original
-      const original = {
+      const _original = {
         log: console.log,
         warn: console.warn,
         error: console.error,
@@ -187,9 +185,7 @@ export function createPassthroughConsoleSpy(): TypedConsoleSpy {
     },
     wasCalledWith: (method: ConsoleMethods, ...args: unknown[]) => {
       const calls = mocks[method] as unknown as { mock: { calls: unknown[][] } };
-      return (calls.mock?.calls || []).some((call) =>
-        args.every((arg, i) => call[i] === arg)
-      );
+      return (calls.mock?.calls || []).some((call) => args.every((arg, i) => call[i] === arg));
     },
     clearCalls: () => {
       for (const method of Object.values(mocks)) {

package/lib/test-utils/factories/DomMockFactory.ts

@@ -59,9 +59,7 @@ export function createMockDOMRect(overrides?: Partial<MockDOMRect>): DOMRect {
 
 // ========== CSSStyleDeclaration ==========
 
-export function createMockCSSStyleDeclaration(
-  initial?: Partial<CSSStyleDeclaration>
-): CSSStyleDeclaration {
+export function createMockCSSStyleDeclaration(initial?: Partial<CSSStyleDeclaration>): CSSStyleDeclaration {
   const styles: Record<string, string> = {};
 
   // Copy initial values
@@ -74,7 +72,7 @@ export function createMockCSSStyleDeclaration(
   }
 
   return new Proxy(styles as unknown as CSSStyleDeclaration, {
-    get(target, prop: string) {
+    get(_target, prop: string) {
       if (prop === 'setProperty') {
         return (name: string, value: string) => {
           styles[name] = value;
@@ -139,12 +137,8 @@ export interface TypedMockHTMLElement {
   _eventListeners: Map<string, EventListener[]>;
 }
 
-export function createTypedMockHTMLElement(
-  options: MockHTMLElementOptions = {}
-): TypedMockHTMLElement {
-  const attributes = new Map<string, string>(
-    Object.entries(options.attributes || {})
-  );
+export function createTypedMockHTMLElement(options: MockHTMLElementOptions = {}): TypedMockHTMLElement {
+  const attributes = new Map<string, string>(Object.entries(options.attributes || {}));
   const eventListeners = new Map<string, EventListener[]>();
   const childNodes: Node[] = [];
 
@@ -185,7 +179,9 @@ export function createTypedMockHTMLElement(
     }),
     dispatchEvent: mock((event: Event) => {
       const listeners = eventListeners.get(event.type);
-      listeners?.forEach((l) => l(event));
+      listeners?.forEach((l) => {
+        l(event);
+      });
       return true;
     }),
 
@@ -248,9 +244,7 @@ export interface TypedMockLocation {
   toString: () => string;
 }
 
-export function createTypedMockLocation(
-  overrides?: Partial<Location>
-): TypedMockLocation {
+export function createTypedMockLocation(overrides?: Partial<Location>): TypedMockLocation {
   const base = {
     href: 'http://localhost/',
     pathname: '/',
@@ -333,9 +327,7 @@ export interface TypedMockWindow {
   _eventListeners: Map<string, EventListener[]>;
 }
 
-export function createTypedMockWindow(
-  options: MockWindowOptions = {}
-): TypedMockWindow {
+export function createTypedMockWindow(options: MockWindowOptions = {}): TypedMockWindow {
   const eventListeners = new Map<string, EventListener[]>();
   const location = createTypedMockLocation(options.location);
   const history = createTypedMockHistory();
@@ -361,7 +353,9 @@ export function createTypedMockWindow(
     }),
     dispatchEvent: mock((event: Event) => {
       const listeners = eventListeners.get(event.type);
-      listeners?.forEach((l) => l(event));
+      listeners?.forEach((l) => {
+        l(event);
+      });
       return true;
     }),
 
@@ -400,9 +394,7 @@ export interface TypedMockDocument {
   _eventListeners: Map<string, EventListener[]>;
 }
 
-export function createTypedMockDocument(
-  options: MockDocumentOptions = {}
-): TypedMockDocument {
+export function createTypedMockDocument(options: MockDocumentOptions = {}): TypedMockDocument {
   const registeredElements = new Map<string, TypedMockHTMLElement>();
   const createdElements: TypedMockHTMLElement[] = [];
   const eventListeners = new Map<string, EventListener[]>();
@@ -439,7 +431,9 @@ export function createTypedMockDocument(
     }),
     dispatchEvent: mock((event: Event) => {
       const listeners = eventListeners.get(event.type);
-      listeners?.forEach((l) => l(event));
+      listeners?.forEach((l) => {
+        l(event);
+      });
       return true;
     }),
 
@@ -465,7 +459,7 @@ export interface DomMockInstallation {
  * Install mock DOM globally and return cleanup function
  */
 export function installMockDom(
-  options: { window?: MockWindowOptions; document?: MockDocumentOptions } = {}
+  options: { window?: MockWindowOptions; document?: MockDocumentOptions } = {},
 ): DomMockInstallation {
   const originalWindow = (globalThis as any).window;
   const originalDocument = (globalThis as any).document;