meno-core 1.0.53 → 1.0.54

package/lib/client/hooks/useColorVariables.ts

@@ -9,7 +9,7 @@ import { applyNonce } from '../styles/cspNonce';
 let cachedColors: Record<string, ColorVariables> = {};
 let cachedThemes: ThemeEntry[] | null = null;
 let cachedDefaultTheme: string | null = null;
-let hmrCallbacks: Set<() => void> = new Set();
+const hmrCallbacks: Set<() => void> = new Set();
 
 // Setup HMR listener immediately when module loads
 function initializeHMRListener() {
@@ -30,7 +30,7 @@ function initializeHMRListener() {
     await injectUpdatedThemeCSS();
 
     // Notify all listeners to refresh their data
-    hmrCallbacks.forEach(callback => callback());
+    hmrCallbacks.forEach((callback) => callback());
   });
 }
 
@@ -48,7 +48,7 @@ async function injectUpdatedThemeCSS() {
     const response = await fetch('/api/themes');
     if (!response.ok) return;
 
-    const data = await response.json() as { themes: Array<{ name: string; label: string }>; default: string };
+    const data = (await response.json()) as { themes: Array<{ name: string; label: string }>; default: string };
 
     // Fetch all theme colors
     const themeColors: Record<string, any> = {};
@@ -109,7 +109,9 @@ async function injectUpdatedThemeCSS() {
 }
 
 export function useColorVariables(themeName?: string) {
-  const [colors, setColors] = useState<ColorVariables | null>(themeName && cachedColors[themeName] ? cachedColors[themeName] : null);
+  const [colors, setColors] = useState<ColorVariables | null>(
+    themeName && cachedColors[themeName] ? cachedColors[themeName] : null,
+  );
   const [loading, setLoading] = useState(!cachedColors[themeName || 'default']);
   const [error, setError] = useState<Error | null>(null);
   const callbackRef = useRef<(() => void) | null>(null);
@@ -125,7 +127,7 @@ export function useColorVariables(themeName?: string) {
         if (!response.ok) {
           throw new Error('Failed to fetch colors');
         }
-        const data = await response.json() as ColorVariables;
+        const data = (await response.json()) as ColorVariables;
         cachedColors[theme] = data;
         setColors(data);
         setError(null);
@@ -157,7 +159,7 @@ export function useColorVariables(themeName?: string) {
         if (!response.ok) {
           throw new Error('Failed to fetch colors');
         }
-        const data = await response.json() as ColorVariables;
+        const data = (await response.json()) as ColorVariables;
         cachedColors[theme] = data;
         setColors(data);
         setError(null);
@@ -206,7 +208,7 @@ export function useThemes() {
         if (!response.ok) {
           throw new Error('Failed to fetch themes');
         }
-        const data = await response.json() as { themes: ThemeEntry[]; default: string };
+        const data = (await response.json()) as { themes: ThemeEntry[]; default: string };
         cachedThemes = data.themes;
         cachedDefaultTheme = data.default;
         setThemes(data.themes);
@@ -234,13 +236,13 @@ export function getColorVariableSuggestions(colors: ColorVariables | null, input
 
   const normalizedInput = input.trim().toLowerCase();
   if (!normalizedInput) {
-    return Object.keys(colors.colors).map(name => `var(--${name})`);
+    return Object.keys(colors.colors).map((name) => `var(--${name})`);
   }
 
   // Filter color variable names that match the input
   return Object.keys(colors.colors)
-    .filter(name => name.toLowerCase().includes(normalizedInput) || normalizedInput.includes(name.toLowerCase()))
-    .map(name => `var(--${name})`);
+    .filter((name) => name.toLowerCase().includes(normalizedInput) || normalizedInput.includes(name.toLowerCase()))
+    .map((name) => `var(--${name})`);
 }
 
 /**

package/lib/client/hooks/usePropertyAutocomplete.ts

@@ -17,12 +17,10 @@ export function usePropertyAutocomplete(initialProperty: string = '') {
   const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {
     if (e.key === 'ArrowDown') {
       e.preventDefault();
-      setSelectedIndex(prev =>
-        prev < suggestions.length - 1 ? prev + 1 : prev
-      );
+      setSelectedIndex((prev) => (prev < suggestions.length - 1 ? prev + 1 : prev));
     } else if (e.key === 'ArrowUp') {
       e.preventDefault();
-      setSelectedIndex(prev => prev > 0 ? prev - 1 : -1);
+      setSelectedIndex((prev) => (prev > 0 ? prev - 1 : -1));
     }
   };
 
@@ -35,6 +33,6 @@ export function usePropertyAutocomplete(initialProperty: string = '') {
     setSelectedIndex,
     suggestions,
     inputRef,
-    handleKeyDown
+    handleKeyDown,
   };
 }

package/lib/client/hooks/useVariables.ts

@@ -6,7 +6,7 @@ import { useState, useEffect, useRef } from 'react';
 import type { CSSVariable } from '../../shared/types/variables';
 
 let cachedVariables: CSSVariable[] | null = null;
-let hmrCallbacks: Set<() => void> = new Set();
+const hmrCallbacks: Set<() => void> = new Set();
 
 // Setup HMR listener immediately when module loads
 function initializeHMRListener() {
@@ -22,7 +22,7 @@ function initializeHMRListener() {
     cachedVariables = null;
 
     // Notify all listeners to refresh their data
-    hmrCallbacks.forEach(callback => callback());
+    hmrCallbacks.forEach((callback) => callback());
   });
 }
 
@@ -45,7 +45,7 @@ export function useVariables() {
         if (!response.ok) {
           throw new Error('Failed to fetch variables');
         }
-        const data = await response.json() as { status: string; config: { variables: CSSVariable[] } };
+        const data = (await response.json()) as { status: string; config: { variables: CSSVariable[] } };
         cachedVariables = data.config.variables;
         setVariables(cachedVariables);
         setError(null);
@@ -76,7 +76,7 @@ export function useVariables() {
         if (!response.ok) {
           throw new Error('Failed to fetch variables');
         }
-        const data = await response.json() as { status: string; config: { variables: CSSVariable[] } };
+        const data = (await response.json()) as { status: string; config: { variables: CSSVariable[] } };
         cachedVariables = data.config.variables;
         setVariables(cachedVariables);
         setError(null);

package/lib/client/hydration/HydrationUtils.test.ts

@@ -1,7 +1,7 @@
-import { test, expect, describe, beforeEach, afterEach, mock } from "bun:test";
-import { detectSSRContent, getInitialLoadingState } from "./HydrationUtils";
+import { test, expect, describe, beforeEach, afterEach, mock } from 'bun:test';
+import { detectSSRContent, getInitialLoadingState } from './HydrationUtils';
 
-describe("HydrationUtils", () => {
+describe('HydrationUtils', () => {
   let originalDocument: Document | undefined;
   let originalWindow: (Window & typeof globalThis) | undefined;
   let mockGetElementById: ReturnType<typeof mock>;
@@ -22,11 +22,11 @@ describe("HydrationUtils", () => {
     }
   });
 
-  describe("detectSSRContent", () => {
-    test("should return true when root element exists with children", () => {
+  describe('detectSSRContent', () => {
+    test('should return true when root element exists with children', () => {
       // Create a mock root element with children
       const mockRoot = {
-        id: "root",
+        id: 'root',
         children: {
           length: 1,
         },
@@ -40,13 +40,13 @@ describe("HydrationUtils", () => {
 
       const result = detectSSRContent();
       expect(result).toBe(true);
-      expect(mockGetElementById).toHaveBeenCalledWith("root");
+      expect(mockGetElementById).toHaveBeenCalledWith('root');
     });
 
-    test("should return false when root element exists without children", () => {
+    test('should return false when root element exists without children', () => {
       // Create a mock root element without children
       const mockRoot = {
-        id: "root",
+        id: 'root',
         children: {
           length: 0,
         },
@@ -60,10 +60,10 @@ describe("HydrationUtils", () => {
 
       const result = detectSSRContent();
       expect(result).toBe(false);
-      expect(mockGetElementById).toHaveBeenCalledWith("root");
+      expect(mockGetElementById).toHaveBeenCalledWith('root');
     });
 
-    test("should return false when root element does not exist", () => {
+    test('should return false when root element does not exist', () => {
       // Mock getElementById to return null
       mockGetElementById = mock(() => null);
       global.window = {} as any;
@@ -73,14 +73,14 @@ describe("HydrationUtils", () => {
 
       const result = detectSSRContent();
       expect(result).toBe(false);
-      expect(mockGetElementById).toHaveBeenCalledWith("root");
+      expect(mockGetElementById).toHaveBeenCalledWith('root');
     });
 
-    test("should return false when window is undefined (SSR environment)", () => {
+    test('should return false when window is undefined (SSR environment)', () => {
       // Mock SSR environment
       const originalWindow = globalThis.window;
       const originalDocument = globalThis.document;
-      
+
       // @ts-expect-error - intentionally removing window for SSR test
       delete globalThis.window;
       // @ts-expect-error - intentionally removing document for SSR test
@@ -94,10 +94,10 @@ describe("HydrationUtils", () => {
       globalThis.document = originalDocument;
     });
 
-    test("should return false when document is undefined", () => {
+    test('should return false when document is undefined', () => {
       // Mock environment without document
       const originalDocument = globalThis.document;
-      
+
       // @ts-expect-error - intentionally removing document for test
       delete globalThis.document;
 
@@ -108,10 +108,10 @@ describe("HydrationUtils", () => {
       globalThis.document = originalDocument;
     });
 
-    test("should handle root element with multiple children", () => {
+    test('should handle root element with multiple children', () => {
       // Create a mock root element with multiple children
       const mockRoot = {
-        id: "root",
+        id: 'root',
         children: {
           length: 3,
         },
@@ -125,30 +125,29 @@ describe("HydrationUtils", () => {
 
       const result = detectSSRContent();
       expect(result).toBe(true);
-      expect(mockGetElementById).toHaveBeenCalledWith("root");
+      expect(mockGetElementById).toHaveBeenCalledWith('root');
     });
   });
 
-  describe("getInitialLoadingState", () => {
-    test("should return false when SSR content exists (smooth hydration)", () => {
+  describe('getInitialLoadingState', () => {
+    test('should return false when SSR content exists (smooth hydration)', () => {
       const result = getInitialLoadingState(true);
       expect(result).toBe(false);
     });
 
-    test("should return true when no SSR content exists (show loading)", () => {
+    test('should return true when no SSR content exists (show loading)', () => {
       const result = getInitialLoadingState(false);
       expect(result).toBe(true);
     });
 
-    test("should handle edge case with explicit false", () => {
+    test('should handle edge case with explicit false', () => {
       const result = getInitialLoadingState(false);
       expect(result).toBe(true);
     });
 
-    test("should handle edge case with explicit true", () => {
+    test('should handle edge case with explicit true', () => {
       const result = getInitialLoadingState(true);
       expect(result).toBe(false);
     });
   });
 });
-

package/lib/client/hydration/HydrationUtils.ts

@@ -6,7 +6,7 @@
 /**
  * Detects if server-side rendered content exists in the DOM.
  * Checks if the root element has children, which indicates SSR rendered content.
- * 
+ *
  * @returns true if SSR content is detected, false otherwise
  */
 export function detectSSRContent(): boolean {
@@ -16,14 +16,14 @@ export function detectSSRContent(): boolean {
   }
 
   const rootElement = document.getElementById('root');
-  
+
   // SSR content exists if root element has children
   return rootElement !== null && rootElement.children.length > 0;
 }
 
 /**
  * Determines the initial loading state based on SSR content presence.
- * 
+ *
  * @param hasSSRContent - Whether SSR content was detected
  * @returns false if SSR content exists (for smooth hydration), true otherwise
  */
@@ -32,4 +32,3 @@ export function getInitialLoadingState(hasSSRContent: boolean): boolean {
   // If no SSR content, start with loading=true to show loading state
   return !hasSSRContent;
 }
-

package/lib/client/i18nConfigService.test.ts

@@ -1,10 +1,5 @@
 import { describe, test, expect, beforeEach } from 'bun:test';
-import {
-  getI18nConfig,
-  isI18nConfigLoaded,
-  invalidateI18nConfig,
-  setI18nConfig,
-} from './i18nConfigService';
+import { getI18nConfig, isI18nConfigLoaded, invalidateI18nConfig, setI18nConfig } from './i18nConfigService';
 import { DEFAULT_I18N_CONFIG } from '../shared/i18n';
 
 describe('i18nConfigService', () => {
@@ -51,7 +46,7 @@ describe('i18nConfigService', () => {
     test('sets config that can be retrieved', () => {
       const customConfig = {
         defaultLocale: 'de',
-        locales: [{ code: 'de', name: 'German', nativeName: 'Deutsch', langTag: 'de-DE' }]
+        locales: [{ code: 'de', name: 'German', nativeName: 'Deutsch', langTag: 'de-DE' }],
       };
       setI18nConfig(customConfig);
       const config = getI18nConfig();

package/lib/client/i18nConfigService.ts

@@ -26,13 +26,13 @@ export async function fetchI18nConfig(): Promise<I18nConfig> {
 
   // Create new request
   configPromise = fetch('/api/config')
-    .then(response => {
+    .then((response) => {
       if (!response.ok) {
         throw new Error('Failed to fetch config');
       }
       return response.json();
     })
-    .then(config => {
+    .then((config) => {
       cachedConfig = migrateI18nConfig(config.i18n);
       return cachedConfig;
     })

package/lib/client/meno-filter/MenoFilter.test.ts

@@ -83,7 +83,7 @@ describe('MenoFilter', () => {
         Promise.resolve({
           ok: true,
           json: () => Promise.resolve(sampleItems),
-        })
+        }),
       );
       const originalFetch = (globalThis as any).fetch;
       (globalThis as any).fetch = mockFetch;
@@ -127,7 +127,7 @@ describe('MenoFilter', () => {
         Promise.resolve({
           ok: false,
           status: 404,
-        })
+        }),
       );
       const originalFetch = (globalThis as any).fetch;
       (globalThis as any).fetch = mockFetch;
@@ -157,7 +157,7 @@ describe('MenoFilter', () => {
         Promise.resolve({
           ok: true,
           json: () => Promise.resolve([{ _id: 'fetch', title: 'Fetch Data' }]),
-        })
+        }),
       );
       const originalFetch = (globalThis as any).fetch;
       (globalThis as any).fetch = mockFetch;
@@ -193,7 +193,7 @@ describe('MenoFilter', () => {
       const result = filter.filter({ category: 'tech' });
 
       expect(result).toHaveLength(3);
-      expect(result.every(item => item.category === 'tech')).toBe(true);
+      expect(result.every((item) => item.category === 'tech')).toBe(true);
     });
 
     test('should filter by multiple criteria (AND logic)', () => {
@@ -217,7 +217,7 @@ describe('MenoFilter', () => {
 
     test('should emit to subscribers on filter', () => {
       let emittedItems: CMSItemClient[] = [];
-      filter.subscribe(items => {
+      filter.subscribe((items) => {
         emittedItems = items;
       });
 
@@ -245,8 +245,8 @@ describe('MenoFilter', () => {
       const result = filter.search('world');
 
       expect(result).toHaveLength(2);
-      expect(result.map(i => i.title)).toContain('Hello World');
-      expect(result.map(i => i.title)).toContain('Goodbye World');
+      expect(result.map((i) => i.title)).toContain('Hello World');
+      expect(result.map((i) => i.title)).toContain('Goodbye World');
     });
 
     test('should search specified fields only', () => {
@@ -337,9 +337,7 @@ describe('MenoFilter', () => {
     });
 
     test('should find item by _filename', () => {
-      const itemsWithFilename = [
-        { _id: '1', _filename: 'hello-world', title: 'Hello' },
-      ];
+      const itemsWithFilename = [{ _id: '1', _filename: 'hello-world', title: 'Hello' }];
       const mockElement = {
         textContent: JSON.stringify(itemsWithFilename),
       };
@@ -424,7 +422,7 @@ describe('MenoFilter', () => {
       await filter.init();
 
       let receivedItems: CMSItemClient[] = [];
-      filter.subscribe(items => {
+      filter.subscribe((items) => {
         receivedItems = items;
       });
 
@@ -648,7 +646,7 @@ describe('MenoFilter', () => {
       await filter.init();
 
       let receivedItems: CMSItemClient[] = [];
-      filter.subscribe(items => {
+      filter.subscribe((items) => {
         receivedItems = items;
       });
 
@@ -701,7 +699,7 @@ describe('MenoFilter', () => {
       const result = filter.filter({ price: { $gt: 100 } });
 
       expect(result).toHaveLength(2);
-      expect(result.map(i => i.price)).toEqual([200, 150]);
+      expect(result.map((i) => i.price)).toEqual([200, 150]);
     });
 
     test('should filter numbers from string criteria', async () => {
@@ -718,7 +716,7 @@ describe('MenoFilter', () => {
       const result = filter.filter({ price: { $gte: '100', $lte: '150' } });
 
       expect(result).toHaveLength(2);
-      expect(result.map(i => i.price)).toEqual([100, 150]);
+      expect(result.map((i) => i.price)).toEqual([100, 150]);
     });
 
     test('should filter dates with type coercion', async () => {
@@ -735,7 +733,7 @@ describe('MenoFilter', () => {
       const result = filter.filter({ date: { $gt: '2024-01-31' } });
 
       expect(result).toHaveLength(2);
-      expect(result.map(i => i.date)).toEqual(['2024-02-15', '2024-03-15']);
+      expect(result.map((i) => i.date)).toEqual(['2024-02-15', '2024-03-15']);
     });
 
     test('should filter booleans with type coercion', async () => {
@@ -752,7 +750,7 @@ describe('MenoFilter', () => {
       const result = filter.filter({ featured: 'true' });
 
       expect(result).toHaveLength(2);
-      expect(result.every(i => i.featured === true)).toBe(true);
+      expect(result.every((i) => i.featured === true)).toBe(true);
     });
 
     test('setFieldType() should update field types', async () => {
@@ -773,7 +771,7 @@ describe('MenoFilter', () => {
       result = filter.filter({ price: { $gt: 100 } });
 
       expect(result).toHaveLength(2);
-      expect(result.map(i => i.price)).toEqual([200, 150]);
+      expect(result.map((i) => i.price)).toEqual([200, 150]);
     });
 
     test('setFieldTypes() should set multiple types', async () => {
@@ -820,7 +818,7 @@ describe('MenoFilter', () => {
       const result = filter.filterRange('price', { min: 100, max: 200 });
 
       expect(result).toHaveLength(3);
-      expect(result.map(i => i.price).sort((a, b) => (a as number) - (b as number))).toEqual([100, 150, 200]);
+      expect(result.map((i) => i.price).sort((a, b) => (a as number) - (b as number))).toEqual([100, 150, 200]);
     });
 
     test('should filter with only min', async () => {
@@ -836,7 +834,7 @@ describe('MenoFilter', () => {
       const result = filter.filterRange('price', { min: 150 });
 
       expect(result).toHaveLength(3);
-      expect(result.every(i => (i.price as number) >= 150)).toBe(true);
+      expect(result.every((i) => (i.price as number) >= 150)).toBe(true);
     });
 
     test('should filter with only max', async () => {
@@ -852,7 +850,7 @@ describe('MenoFilter', () => {
       const result = filter.filterRange('price', { max: 100 });
 
       expect(result).toHaveLength(2);
-      expect(result.every(i => (i.price as number) <= 100)).toBe(true);
+      expect(result.every((i) => (i.price as number) <= 100)).toBe(true);
     });
 
     test('should clear filter when both min and max are empty', async () => {
@@ -956,7 +954,7 @@ describe('MenoFilter', () => {
       const result = filter.search('recat', ['title']);
 
       expect(result.length).toBeGreaterThanOrEqual(1);
-      expect(result.some(i => i.title === 'React')).toBe(true);
+      expect(result.some((i) => i.title === 'React')).toBe(true);
     });
 
     test('should use exact match for short queries (< 3 chars)', async () => {

package/lib/client/meno-filter/MenoFilter.ts

@@ -797,9 +797,7 @@ export class MenoFilter {
     }
 
     const queryString = params.toString();
-    const url = queryString
-      ? `${window.location.pathname}?${queryString}`
-      : window.location.pathname;
+    const url = queryString ? `${window.location.pathname}?${queryString}` : window.location.pathname;
 
     if (this.urlMode === 'push') {
       history.pushState(null, '', url);
@@ -1082,17 +1080,14 @@ export class MenoFilter {
 
     // Apply OR criteria
     if (this.orCriteria.length > 0) {
-      result = result.filter((item) =>
-        this.orCriteria.some((criteria) => this.matchesCriteria(item, criteria))
-      );
+      result = result.filter((item) => this.orCriteria.some((criteria) => this.matchesCriteria(item, criteria)));
     }
 
     // Apply search
     if (this.searchQuery) {
       const query = this.searchQuery;
       result = result.filter((item) => {
-        const fieldsToSearch =
-          this.searchFields.length > 0 ? this.searchFields : Object.keys(item);
+        const fieldsToSearch = this.searchFields.length > 0 ? this.searchFields : Object.keys(item);
         return fieldsToSearch.some((field) => {
           const value = item[field];
           if (typeof value !== 'string') return false;
@@ -1259,13 +1254,14 @@ export class MenoFilter {
       case '$nin':
         return Array.isArray(opValue) ? !opValue.includes(itemValue) : true;
 
-      case '$empty':
+      case '$empty': {
         const isEmpty =
           itemValue === undefined ||
           itemValue === null ||
           itemValue === '' ||
           (Array.isArray(itemValue) && itemValue.length === 0);
         return opValue ? isEmpty : !isEmpty;
+      }
 
       default:
         console.warn(`MenoFilter: Unknown operator "${op}"`);