meno-core 1.0.53 → 1.0.54

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', () => {

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));',
     );
   });
 
@@ -62,13 +52,13 @@ describe('rewriteViewportUnits', () => {
 
   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 +86,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/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

@@ -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
@@ -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
@@ -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[] = [];
 
@@ -248,9 +242,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 +325,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();
@@ -400,9 +390,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[]>();
@@ -465,7 +453,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;

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

@@ -51,7 +51,7 @@ export interface TypedMockMouseEvent extends MouseEvent {
 
 export function createTypedKeyboardEvent(
   type: 'keydown' | 'keyup' | 'keypress',
-  options: MockKeyboardEventOptions
+  options: MockKeyboardEventOptions,
 ): TypedMockKeyboardEvent {
   const event = new KeyboardEvent(type, {
     key: options.key,
@@ -118,8 +118,7 @@ export const KeyboardShortcuts = {
   delete: () => createTypedKeyboardEvent('keydown', { key: 'Backspace' }),
   enter: () => createTypedKeyboardEvent('keydown', { key: 'Enter' }),
   escape: () => createTypedKeyboardEvent('keydown', { key: 'Escape' }),
-  tab: (shift = false) =>
-    createTypedKeyboardEvent('keydown', { key: 'Tab', shiftKey: shift }),
+  tab: (shift = false) => createTypedKeyboardEvent('keydown', { key: 'Tab', shiftKey: shift }),
   arrowUp: () => createTypedKeyboardEvent('keydown', { key: 'ArrowUp' }),
   arrowDown: () => createTypedKeyboardEvent('keydown', { key: 'ArrowDown' }),
   arrowLeft: () => createTypedKeyboardEvent('keydown', { key: 'ArrowLeft' }),
@@ -140,7 +139,7 @@ export function createTypedMouseEvent(
     | 'mouseover'
     | 'mouseout'
     | 'contextmenu',
-  options: MockMouseEventOptions = {}
+  options: MockMouseEventOptions = {},
 ): TypedMockMouseEvent {
   const event = new MouseEvent(type, {
     button: options.button ?? 0,
@@ -176,7 +175,7 @@ export function createTypedMouseEvent(
 export function createTypedCustomEvent<T = unknown>(
   type: string,
   detail?: T,
-  options: { bubbles?: boolean; cancelable?: boolean } = {}
+  options: { bubbles?: boolean; cancelable?: boolean } = {},
 ): CustomEvent<T> {
   return new CustomEvent(type, {
     detail,
@@ -199,9 +198,7 @@ export interface MockMessageEventOptions<T = unknown> {
   source?: MessageEventSource | null;
 }
 
-export function createTypedMessageEvent<T = unknown>(
-  options: MockMessageEventOptions<T>
-): MessageEvent<T> {
+export function createTypedMessageEvent<T = unknown>(options: MockMessageEventOptions<T>): MessageEvent<T> {
   return new MessageEvent('message', {
     data: options.data,
     origin: options.origin ?? 'http://localhost',
@@ -213,7 +210,7 @@ export function createTypedMessageEvent<T = unknown>(
 
 export function createTypedFocusEvent(
   type: 'focus' | 'blur' | 'focusin' | 'focusout',
-  options: { relatedTarget?: EventTarget | null } = {}
+  options: { relatedTarget?: EventTarget | null } = {},
 ): FocusEvent {
   return new FocusEvent(type, {
     bubbles: type === 'focusin' || type === 'focusout',
@@ -230,10 +227,7 @@ export interface MockInputEventOptions {
   isComposing?: boolean;
 }
 
-export function createTypedInputEvent(
-  type: 'input' | 'beforeinput',
-  options: MockInputEventOptions = {}
-): InputEvent {
+export function createTypedInputEvent(type: 'input' | 'beforeinput', options: MockInputEventOptions = {}): InputEvent {
   return new InputEvent(type, {
     data: options.data ?? null,
     inputType: options.inputType ?? 'insertText',