meno-core 1.0.53 → 1.1.0

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',

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

@@ -35,10 +35,7 @@ export interface TypedFetchMock {
   /** Reset call history */
   _reset: () => void;
   /** Add a response for a URL pattern */
-  _addResponse: (
-    pattern: string | RegExp,
-    response: MockFetchResponse | (() => MockFetchResponse)
-  ) => void;
+  _addResponse: (pattern: string | RegExp, response: MockFetchResponse | (() => MockFetchResponse)) => void;
 }
 
 // ========== Response Factory ==========
@@ -55,9 +52,7 @@ function createMockResponse(config: MockFetchResponse): Response {
     json: config.json ?? (() => Promise.resolve({})),
     text: config.text ?? (() => Promise.resolve('')),
     blob: config.blob ?? (() => Promise.resolve(new Blob())),
-    clone: function () {
-      return createMockResponse(config);
-    },
+    clone: () => createMockResponse(config),
     arrayBuffer: () => Promise.resolve(new ArrayBuffer(0)),
     formData: () => Promise.resolve(new FormData()),
     body: null,
@@ -74,55 +69,47 @@ export function createTypedFetchMock(config: FetchMockConfig = {}): TypedFetchMo
   const calls: Array<{ url: string; options?: RequestInit }> = [];
   const responses = new Map(config.responses || []);
 
-  const mockFn = mock(
-    async (input: RequestInfo | URL, init?: RequestInit): Promise<Response> => {
-      const url = typeof input === 'string' ? input : input.toString();
-      calls.push({ url, options: init });
+  const mockFn = mock(async (input: RequestInfo | URL, init?: RequestInit): Promise<Response> => {
+    const url = typeof input === 'string' ? input : input.toString();
+    calls.push({ url, options: init });
 
-      if (config.delay) {
-        await new Promise((resolve) => setTimeout(resolve, config.delay));
-      }
+    if (config.delay) {
+      await new Promise((resolve) => setTimeout(resolve, config.delay));
+    }
 
-      // Find matching response
-      let responseConfig:
-        | MockFetchResponse
-        | (() => MockFetchResponse)
-        | undefined;
-
-      for (const [pattern, response] of responses) {
-        if (typeof pattern === 'string' && url === pattern) {
-          responseConfig = response;
-          break;
-        }
-        if (typeof pattern === 'string' && url.includes(pattern)) {
-          responseConfig = response;
-          break;
-        }
-        if (pattern instanceof RegExp && pattern.test(url)) {
-          responseConfig = response;
-          break;
-        }
-      }
+    // Find matching response
+    let responseConfig: MockFetchResponse | (() => MockFetchResponse) | undefined;
 
-      if (!responseConfig && config.defaultResponse) {
-        responseConfig = config.defaultResponse;
+    for (const [pattern, response] of responses) {
+      if (typeof pattern === 'string' && url === pattern) {
+        responseConfig = response;
+        break;
       }
-
-      if (!responseConfig) {
-        if (config.throwOnUnmatched) {
-          throw new Error(`Unmatched fetch request: ${url}`);
-        }
-        return createMockResponse({ status: 404, ok: false });
+      if (typeof pattern === 'string' && url.includes(pattern)) {
+        responseConfig = response;
+        break;
+      }
+      if (pattern instanceof RegExp && pattern.test(url)) {
+        responseConfig = response;
+        break;
       }
+    }
 
-      const resolvedConfig =
-        typeof responseConfig === 'function'
-          ? responseConfig()
-          : responseConfig;
+    if (!responseConfig && config.defaultResponse) {
+      responseConfig = config.defaultResponse;
+    }
 
-      return createMockResponse(resolvedConfig);
+    if (!responseConfig) {
+      if (config.throwOnUnmatched) {
+        throw new Error(`Unmatched fetch request: ${url}`);
+      }
+      return createMockResponse({ status: 404, ok: false });
     }
-  ) as unknown as TypedFetchMock;
+
+    const resolvedConfig = typeof responseConfig === 'function' ? responseConfig() : responseConfig;
+
+    return createMockResponse(resolvedConfig);
+  }) as unknown as TypedFetchMock;
 
   mockFn._calls = calls;
   mockFn._reset = () => {
@@ -140,10 +127,7 @@ export function createTypedFetchMock(config: FetchMockConfig = {}): TypedFetchMo
 /**
  * Create a fetch mock that returns JSON data
  */
-export function createJsonFetchMock<T>(
-  responseData: T,
-  options: Partial<MockFetchResponse> = {}
-): TypedFetchMock {
+export function createJsonFetchMock<T>(responseData: T, options: Partial<MockFetchResponse> = {}): TypedFetchMock {
   return createTypedFetchMock({
     defaultResponse: {
       status: 200,
@@ -158,11 +142,9 @@ export function createJsonFetchMock<T>(
 /**
  * Create a fetch mock that returns an error
  */
-export function createErrorFetchMock(
-  error: Error | string = 'Network error'
-): TypedFetchMock {
+export function createErrorFetchMock(error: Error | string = 'Network error'): TypedFetchMock {
   const mockFn = mock(() =>
-    Promise.reject(typeof error === 'string' ? new Error(error) : error)
+    Promise.reject(typeof error === 'string' ? new Error(error) : error),
   ) as unknown as TypedFetchMock;
 
   mockFn._calls = [];
@@ -176,7 +158,7 @@ export function createErrorFetchMock(
  * Create a fetch mock that returns different responses based on URL
  */
 export function createRoutedFetchMock(
-  routes: Record<string, MockFetchResponse | (() => MockFetchResponse)>
+  routes: Record<string, MockFetchResponse | (() => MockFetchResponse)>,
 ): TypedFetchMock {
   const responses = new Map<string, MockFetchResponse | (() => MockFetchResponse)>();
   for (const [url, response] of Object.entries(routes)) {

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

@@ -24,9 +24,7 @@ export interface TypedMockPageProvider extends PageProvider {
  * Create a typed mock PageProvider
  * @param initialPages - Initial page content map (path -> content)
  */
-export function createTypedMockPageProvider(
-  initialPages: Record<string, string> = {}
-): TypedMockPageProvider {
+export function createTypedMockPageProvider(initialPages: Record<string, string> = {}): TypedMockPageProvider {
   const pages = { ...initialPages };
 
   const provider: TypedMockPageProvider = {
@@ -63,7 +61,7 @@ export interface TypedMockComponentProvider extends ComponentProvider {
  * Create a typed mock ComponentProvider
  */
 export function createTypedMockComponentProvider(
-  initialComponents: Map<string, ComponentDefinition> = new Map()
+  initialComponents: Map<string, ComponentDefinition> = new Map(),
 ): TypedMockComponentProvider {
   const components = new Map(initialComponents);
   const js = new Map<string, string>();
@@ -98,7 +96,7 @@ export interface TypedMockComponentServiceFs extends ComponentServiceFs {
  * Create a typed mock file system for ComponentService
  */
 export function createTypedMockComponentServiceFs(
-  initialFiles: Record<string, string> = {}
+  initialFiles: Record<string, string> = {},
 ): TypedMockComponentServiceFs {
   const files = { ...initialFiles };
 
@@ -126,7 +124,7 @@ export interface TypedMockComponentLoader extends ComponentLoader {
  * Create a typed mock component loader
  */
 export function createTypedMockComponentLoader(
-  components: Map<string, ComponentDefinition> = new Map()
+  components: Map<string, ComponentDefinition> = new Map(),
 ): TypedMockComponentLoader {
   const storedComponents = new Map(components);
 
@@ -158,9 +156,7 @@ export interface TypedMockFs {
  * Create a comprehensive mock file system (similar to fs/promises)
  * @param initialFiles - Initial file content map (path -> content)
  */
-export function createTypedMockFs(
-  initialFiles: Record<string, string> = {}
-): TypedMockFs {
+export function createTypedMockFs(initialFiles: Record<string, string> = {}): TypedMockFs {
   const files = { ...initialFiles };
 
   const makeError = (code: string, message: string) => {
@@ -186,7 +182,7 @@ export function createTypedMockFs(
       delete files[path];
     }),
     readdir: mock(async (dir: string) => {
-      const normalizedDir = dir.endsWith('/') ? dir : dir + '/';
+      const normalizedDir = dir.endsWith('/') ? dir : `${dir}/`;
       const entries = new Set<string>();
       for (const path of Object.keys(files)) {
         if (path.startsWith(normalizedDir)) {

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

@@ -4,7 +4,7 @@
  */
 
 import { mock } from 'bun:test';
-import type { ComponentNode, JSONPage, PageData } from '../../shared/types';
+import type { ComponentNode, PageData } from '../../shared/types';
 import type { Path } from '../../shared/pathArrayUtils';
 
 // ========== FileStore Types ==========
@@ -48,14 +48,13 @@ export interface MockFileStoreActions {
   clearError: ReturnType<typeof mock>;
 }
 
-export type TypedMockFileStore = MockFileStoreState & MockFileStoreActions & {
-  /** Get current state (for assertions) */
-  getState: () => MockFileStoreState;
-};
+export type TypedMockFileStore = MockFileStoreState &
+  MockFileStoreActions & {
+    /** Get current state (for assertions) */
+    getState: () => MockFileStoreState;
+  };
 
-export function createTypedMockFileStore(
-  initialState: Partial<MockFileStoreState> = {}
-): TypedMockFileStore {
+export function createTypedMockFileStore(initialState: Partial<MockFileStoreState> = {}): TypedMockFileStore {
   const state: MockFileStoreState = {
     files: [],
     selectedFile: null,
@@ -137,7 +136,7 @@ export type TypedMockSelectionStore = MockSelectionStoreState &
   };
 
 export function createTypedMockSelectionStore(
-  initialState: Partial<MockSelectionStoreState> = {}
+  initialState: Partial<MockSelectionStoreState> = {},
 ): TypedMockSelectionStore {
   const state: MockSelectionStoreState = {
     selectedTreeItem: null,
@@ -208,9 +207,7 @@ export type TypedMockNodeStore = MockNodeStoreState &
     getState: () => MockNodeStoreState;
   };
 
-export function createTypedMockNodeStore(
-  initialState: Partial<MockNodeStoreState> = {}
-): TypedMockNodeStore {
+export function createTypedMockNodeStore(initialState: Partial<MockNodeStoreState> = {}): TypedMockNodeStore {
   const state: MockNodeStoreState = {
     pageData: null,
     isDirty: false,
@@ -225,19 +222,19 @@ export function createTypedMockNodeStore(
       state.isDirty = false;
       store.isDirty = false;
     }),
-    updateNode: mock((path: Path, updates: Partial<ComponentNode>) => {
+    updateNode: mock((_path: Path, _updates: Partial<ComponentNode>) => {
       state.isDirty = true;
       store.isDirty = true;
     }),
-    deleteNode: mock((path: Path) => {
+    deleteNode: mock((_path: Path) => {
       state.isDirty = true;
       store.isDirty = true;
     }),
-    addNode: mock((parentPath: Path, node: ComponentNode, index?: number) => {
+    addNode: mock((_parentPath: Path, _node: ComponentNode, _index?: number) => {
       state.isDirty = true;
       store.isDirty = true;
     }),
-    moveNode: mock((fromPath: Path, toPath: Path) => {
+    moveNode: mock((_fromPath: Path, _toPath: Path) => {
       state.isDirty = true;
       store.isDirty = true;
     }),
@@ -275,7 +272,7 @@ export type TypedMockComponentStore = MockComponentStoreState &
   };
 
 export function createTypedMockComponentStore(
-  initialState: Partial<MockComponentStoreState> = {}
+  initialState: Partial<MockComponentStoreState> = {},
 ): TypedMockComponentStore {
   const state: MockComponentStoreState = {
     components: new Map(),
@@ -336,12 +333,8 @@ export interface TypedMockEditorServices {
 export function createTypedMockEditorServices(): TypedMockEditorServices {
   return {
     fileService: {
-      loadAllFiles: mock(() =>
-        Promise.resolve({ pages: [], components: [] })
-      ),
-      loadFileData: mock(() =>
-        Promise.resolve({ component: { type: 'div', children: [] } })
-      ),
+      loadAllFiles: mock(() => Promise.resolve({ pages: [], components: [] })),
+      loadFileData: mock(() => Promise.resolve({ component: { type: 'div', children: [] } })),
       saveFileData: mock(() => Promise.resolve()),
       saveComponentJS: mock(() => Promise.resolve()),
       saveComponentCSS: mock(() => Promise.resolve()),
@@ -359,12 +352,8 @@ export function createTypedMockEditorServices(): TypedMockEditorServices {
     },
     fileStoreService: {
       loadFiles: mock(() => Promise.resolve()),
-      selectFile: mock(() =>
-        Promise.resolve({ component: { type: 'div', children: [] } })
-      ),
-      reloadSelectedFilePreservingSelection: mock(() =>
-        Promise.resolve({ component: { type: 'div', children: [] } })
-      ),
+      selectFile: mock(() => Promise.resolve({ component: { type: 'div', children: [] } })),
+      reloadSelectedFilePreservingSelection: mock(() => Promise.resolve({ component: { type: 'div', children: [] } })),
     },
   };
 }

package/lib/test-utils/fixtures.ts

@@ -3,7 +3,7 @@
  * Common test data and fixtures for reuse across tests
  */
 
-import type { Path } from "../shared/pathArrayUtils";
+import type { Path } from '../shared/pathArrayUtils';
 
 /**
  * Common test paths
@@ -24,14 +24,14 @@ export const TEST_PATHS = {
  * Common component names for testing
  */
 export const TEST_COMPONENTS = {
-  BUTTON: "Button",
-  CARD: "Card",
-  HEADER: "Header",
-  FOOTER: "Footer",
-  LAYOUT: "Layout",
-  GRID: "Grid",
-  FORM: "Form",
-  INPUT: "Input",
+  BUTTON: 'Button',
+  CARD: 'Card',
+  HEADER: 'Header',
+  FOOTER: 'Footer',
+  LAYOUT: 'Layout',
+  GRID: 'Grid',
+  FORM: 'Form',
+  INPUT: 'Input',
 };
 
 /**
@@ -39,48 +39,48 @@ export const TEST_COMPONENTS = {
  */
 export const SAMPLE_STRUCTURES = {
   button: {
-    type: "button",
+    type: 'button',
     props: {
-      className: "btn",
-      onClick: "handleClick",
+      className: 'btn',
+      onClick: 'handleClick',
     },
-    children: ["Click me"],
+    children: ['Click me'],
   },
   card: {
-    type: "div",
+    type: 'div',
     props: {
-      className: "card",
+      className: 'card',
     },
     children: [
       {
-        type: "h3",
-        props: { className: "card-title" },
-        children: ["Card Title"],
+        type: 'h3',
+        props: { className: 'card-title' },
+        children: ['Card Title'],
       },
       {
-        type: "div",
-        props: { className: "card-content" },
-        children: ["Card content here"],
+        type: 'div',
+        props: { className: 'card-content' },
+        children: ['Card content here'],
       },
     ],
   },
   layout: {
-    type: "div",
+    type: 'div',
     props: {
-      className: "layout",
+      className: 'layout',
     },
     children: [
       {
-        type: "header",
-        children: ["Header"],
+        type: 'header',
+        children: ['Header'],
       },
       {
-        type: "main",
-        children: ["Content"],
+        type: 'main',
+        children: ['Content'],
       },
       {
-        type: "footer",
-        children: ["Footer"],
+        type: 'footer',
+        children: ['Footer'],
       },
     ],
   },
@@ -91,21 +91,21 @@ export const SAMPLE_STRUCTURES = {
  */
 export const SAMPLE_PROPS = {
   buttonPrimary: {
-    variant: "primary",
-    size: "md",
+    variant: 'primary',
+    size: 'md',
     disabled: false,
   },
   buttonSecondary: {
-    variant: "secondary",
-    size: "lg",
+    variant: 'secondary',
+    size: 'lg',
     disabled: false,
   },
   cardVariant: {
-    variant: "elevated",
+    variant: 'elevated',
     compact: false,
   },
   layoutProps: {
-    spacing: "default",
+    spacing: 'default',
     responsive: true,
   },
 };
@@ -114,12 +114,12 @@ export const SAMPLE_PROPS = {
  * Error messages for testing error handling
  */
 export const ERROR_MESSAGES = {
-  RENDER_ERROR: "Component render failed",
-  STRUCTURE_MISSING: "Component structure missing",
-  INVALID_PROP_TYPE: "Invalid prop type",
-  TEMPLATE_ERROR: "Template evaluation error",
-  COMPONENT_NOT_FOUND: "Component not found",
-  PATH_RESOLUTION: "Failed to resolve path",
+  RENDER_ERROR: 'Component render failed',
+  STRUCTURE_MISSING: 'Component structure missing',
+  INVALID_PROP_TYPE: 'Invalid prop type',
+  TEMPLATE_ERROR: 'Template evaluation error',
+  COMPONENT_NOT_FOUND: 'Component not found',
+  PATH_RESOLUTION: 'Failed to resolve path',
 };
 
 /**
@@ -127,8 +127,8 @@ export const ERROR_MESSAGES = {
  */
 export const DEFAULT_TEST_CONFIG = {
   timeout: 5000,
-  scrollBehavior: "smooth" as const,
-  outlineColor: "#007acc",
-  outlineWidth: "2px",
-  outlineStyle: "solid" as const,
+  scrollBehavior: 'smooth' as const,
+  outlineColor: '#007acc',
+  outlineWidth: '2px',
+  outlineStyle: 'solid' as const,
 };

package/lib/test-utils/helpers/asyncHelpers.test.ts

@@ -1,31 +1,26 @@
 import { describe, test, expect } from 'bun:test';
-import {
-  waitFor,
-  flushPromises,
-  wait,
-  createDeferred,
-  retry,
-  createCallCounter,
-} from './asyncHelpers';
+import { waitFor, flushPromises, wait, createDeferred, retry, createCallCounter } from './asyncHelpers';
 
 describe('asyncHelpers', () => {
   describe('waitFor', () => {
     test('resolves when condition is true', async () => {
       let value = false;
-      setTimeout(() => { value = true; }, 50);
+      setTimeout(() => {
+        value = true;
+      }, 50);
       await waitFor(() => value);
       expect(value).toBe(true);
     });
 
     test('throws on timeout', async () => {
-      await expect(
-        waitFor(() => false, { timeout: 100 })
-      ).rejects.toThrow('timed out');
+      await expect(waitFor(() => false, { timeout: 100 })).rejects.toThrow('timed out');
     });
 
     test('handles async conditions', async () => {
       let value = false;
-      setTimeout(() => { value = true; }, 50);
+      setTimeout(() => {
+        value = true;
+      }, 50);
       await waitFor(async () => value);
       expect(value).toBe(true);
     });
@@ -34,7 +29,9 @@ describe('asyncHelpers', () => {
   describe('flushPromises', () => {
     test('waits for microtask queue', async () => {
       let resolved = false;
-      Promise.resolve().then(() => { resolved = true; });
+      Promise.resolve().then(() => {
+        resolved = true;
+      });
       expect(resolved).toBe(false);
       await flushPromises();
       expect(resolved).toBe(true);
@@ -85,10 +82,10 @@ describe('asyncHelpers', () => {
     });
 
     test('throws after max attempts', async () => {
-      const fn = () => { throw new Error('Always fails'); };
-      await expect(
-        retry(fn, { maxAttempts: 2, delay: 10 })
-      ).rejects.toThrow('Always fails');
+      const fn = () => {
+        throw new Error('Always fails');
+      };
+      await expect(retry(fn, { maxAttempts: 2, delay: 10 })).rejects.toThrow('Always fails');
     });
   });