meno-core 1.0.53 → 1.1.0

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

@@ -20,7 +20,7 @@ export function renderItemFromTemplate(
   item: Record<string, unknown>,
   itemAs: string,
   index: number,
-  total: number
+  total: number,
 ): HTMLElement {
   let html = template;
 
@@ -69,7 +69,7 @@ export function renderNestedItemFromTemplate(
   index: number,
   total: number,
   parentItem: Record<string, unknown>,
-  parentItemAs: string
+  parentItemAs: string,
 ): HTMLElement {
   let html = template;
 
@@ -146,11 +146,9 @@ export function renderNestedItemFromTemplate(
 export function hydrateNestedCMSLists(
   element: HTMLElement,
   parentItem: Record<string, unknown>,
-  parentItemAs: string
+  parentItemAs: string,
 ): void {
-  const placeholders = element.querySelectorAll<HTMLElement>(
-    '[data-cms-list-nested="true"]'
-  );
+  const placeholders = element.querySelectorAll<HTMLElement>('[data-cms-list-nested="true"]');
 
   for (const placeholder of placeholders) {
     hydrateNestedCMSList(placeholder, parentItem, parentItemAs);
@@ -163,7 +161,7 @@ export function hydrateNestedCMSLists(
 function hydrateNestedCMSList(
   placeholder: HTMLElement,
   parentItem: Record<string, unknown>,
-  parentItemAs: string
+  parentItemAs: string,
 ): void {
   const configStr = placeholder.getAttribute('data-cms-config');
   if (!configStr) return;
@@ -176,9 +174,7 @@ function hydrateNestedCMSList(
   }
 
   const collection = config.collection;
-  const templateEl = placeholder.querySelector<HTMLTemplateElement>(
-    'template[data-nested-template]'
-  );
+  const templateEl = placeholder.querySelector<HTMLTemplateElement>('template[data-nested-template]');
   if (!templateEl) return;
 
   const childTemplate = templateEl.innerHTML.trim();
@@ -187,7 +183,9 @@ function hydrateNestedCMSList(
   // Get collection data from inline JSON
   const collectionData = getCollectionData(collection);
   if (!collectionData) {
-    console.warn(`MenoFilter: No data for nested collection "${collection}". Ensure clientData.enabled is true in schema.`);
+    console.warn(
+      `MenoFilter: No data for nested collection "${collection}". Ensure clientData.enabled is true in schema.`,
+    );
     return;
   }
 
@@ -198,7 +196,7 @@ function hydrateNestedCMSList(
     // Reference relationship: resolve IDs from parent
     const itemIds = resolveItemsFromParent(config.items, parentItem, parentItemAs);
     items = itemIds
-      .map(id => collectionData.find(item => item._id === id || item._filename === id))
+      .map((id) => collectionData.find((item) => item._id === id || item._filename === id))
       .filter((item): item is Record<string, unknown> => item !== undefined);
   } else {
     // Filter relationship: apply filter with resolved parent values
@@ -217,22 +215,25 @@ function hydrateNestedCMSList(
   // Render items with parent context preserved
   const renderedItems: HTMLElement[] = [];
   for (let i = 0; i < items.length; i++) {
+    const item = items[i];
+    if (item === undefined) continue;
     const childElement = renderNestedItemFromTemplate(
       childTemplate,
-      items[i],
+      item,
       nestedItemAs,
       i,
       items.length,
       parentItem,
-      parentItemAs
+      parentItemAs,
     );
     renderedItems.push(childElement);
   }
 
   // Replace placeholder content (keep template for potential re-renders)
-  const existingChildren = Array.from(placeholder.children)
-    .filter(el => el.tagName !== 'TEMPLATE');
-  existingChildren.forEach(el => el.remove());
+  const existingChildren = Array.from(placeholder.children).filter((el) => el.tagName !== 'TEMPLATE');
+  existingChildren.forEach((el) => {
+    el.remove();
+  });
 
   for (const item of renderedItems) {
     placeholder.appendChild(item);
@@ -260,7 +261,7 @@ function getCollectionData(collection: string): Record<string, unknown>[] | null
 function resolveItemsFromParent(
   template: string | string[],
   parentItem: Record<string, unknown>,
-  parentItemAs: string
+  parentItemAs: string,
 ): string[] {
   if (Array.isArray(template)) return template;
   if (typeof template !== 'string' || !template.startsWith('{{')) return [template];
@@ -268,7 +269,7 @@ function resolveItemsFromParent(
   const match = template.match(/^\{\{(\w+)\.([^}]+)\}\}$/);
   if (!match) return [];
 
-  const [, varName, fieldPath] = match;
+  const [, varName, fieldPath = ''] = match;
   if (varName !== parentItemAs && varName !== 'item') return [];
 
   const value = getNestedValue(parentItem, fieldPath);
@@ -284,12 +285,12 @@ function applyNestedFilter(
   items: Record<string, unknown>[],
   filter: unknown,
   parentItem: Record<string, unknown>,
-  parentItemAs: string
+  parentItemAs: string,
 ): Record<string, unknown>[] {
   if (!filter) return items;
 
   const resolved = resolveNestedFilterTemplates(filter, parentItem, parentItemAs);
-  return items.filter(item => matchesNestedFilter(item, resolved));
+  return items.filter((item) => matchesNestedFilter(item, resolved));
 }
 
 /**
@@ -298,12 +299,12 @@ function applyNestedFilter(
 function resolveNestedFilterTemplates(
   filter: unknown,
   parentItem: Record<string, unknown>,
-  parentItemAs: string
+  parentItemAs: string,
 ): unknown {
   if (Array.isArray(filter)) {
-    return filter.map(cond => ({
+    return filter.map((cond) => ({
       ...cond,
-      value: resolveNestedTemplateValue(cond.value, parentItem, parentItemAs)
+      value: resolveNestedTemplateValue(cond.value, parentItem, parentItemAs),
     }));
   }
 
@@ -311,7 +312,7 @@ function resolveNestedFilterTemplates(
     if ('field' in filter && 'value' in filter) {
       return {
         ...filter,
-        value: resolveNestedTemplateValue((filter as { value: unknown }).value, parentItem, parentItemAs)
+        value: resolveNestedTemplateValue((filter as { value: unknown }).value, parentItem, parentItemAs),
       };
     }
 
@@ -332,14 +333,14 @@ function resolveNestedFilterTemplates(
 function resolveNestedTemplateValue(
   value: unknown,
   parentItem: Record<string, unknown>,
-  parentItemAs: string
+  parentItemAs: string,
 ): unknown {
   if (typeof value !== 'string' || !value.startsWith('{{')) return value;
 
   const match = value.match(/^\{\{(\w+)\.([^}]+)\}\}$/);
   if (!match) return value;
 
-  const [, varName, fieldPath] = match;
+  const [, varName, fieldPath = ''] = match;
   if (varName !== parentItemAs && varName !== 'item') return value;
 
   return getNestedValue(parentItem, fieldPath);
@@ -352,7 +353,7 @@ function matchesNestedFilter(item: Record<string, unknown>, filter: unknown): bo
   if (!filter || typeof filter !== 'object') return true;
 
   if (Array.isArray(filter)) {
-    return filter.every(cond => matchesNestedCondition(item, cond));
+    return filter.every((cond) => matchesNestedCondition(item, cond));
   }
 
   if ('field' in filter && 'value' in filter) {
@@ -383,10 +384,7 @@ function matchesNestedCondition(item: Record<string, unknown>, cond: { field: st
 /**
  * Apply sorting to items
  */
-function applyNestedSorting(
-  items: Record<string, unknown>[],
-  sort: unknown
-): Record<string, unknown>[] {
+function applyNestedSorting(items: Record<string, unknown>[], sort: unknown): Record<string, unknown>[] {
   if (!sort) return items;
 
   const sortConfig = Array.isArray(sort) ? sort[0] : sort;

package/lib/client/meno-filter/script.generated.ts

@@ -47,9 +47,7 @@ export function needsMenoFilter(html: string): boolean {
 /**
  * Check if any schemas have clientData enabled
  */
-export function schemasNeedMenoFilter(
-  schemas: Array<{ clientData?: { enabled: boolean } }>
-): boolean {
+export function schemasNeedMenoFilter(schemas: Array<{ clientData?: { enabled: boolean } }>): boolean {
   return schemas.some((schema) => schema.clientData?.enabled === true);
 }
 

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

@@ -57,10 +57,7 @@ const DEFAULT_OPTIONS: Required<UIOptions> = {
 /**
  * Bind UI rendering to a MenoFilter instance
  */
-export function bindFilterUI(
-  collection: string,
-  options: UIOptions = {}
-): (() => void) | null {
+export function bindFilterUI(collection: string, options: UIOptions = {}): (() => void) | null {
   const filter = MenoFilter.get(collection);
   if (!filter) {
     console.warn(`MenoFilter: No instance found for "${collection}"`);
@@ -171,7 +168,7 @@ function showElement(element: HTMLElement, options: Required<UIOptions>): void {
       }, duration);
       break;
 
-    case 'slide':
+    case 'slide': {
       element.style.maxHeight = '0';
       element.style.overflow = 'hidden';
       element.classList.remove(hiddenClass);
@@ -190,6 +187,7 @@ function showElement(element: HTMLElement, options: Required<UIOptions>): void {
         element.style.overflow = '';
       }, duration);
       break;
+    }
 
     default:
       element.classList.remove(hiddenClass);
@@ -356,7 +354,7 @@ export function autoBindUI(): void {
 
     const options: UIOptions = {};
     if (animate) options.animate = animate;
-    if (!isNaN(duration)) options.duration = duration;
+    if (!Number.isNaN(duration)) options.duration = duration;
     if (scrollToTop) options.scrollToTop = true;
 
     bindFilterUI(collection, options);

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

@@ -105,6 +105,7 @@ function filterWithJsonData(instance: FilterInstance, listEl: HTMLElement): void
   // Render each item
   for (let i = 0; i < itemsToRender.length; i++) {
     const item = itemsToRender[i];
+    if (item === undefined) continue;
     const itemId = item._id;
 
     // In load-more mode, skip items already rendered
@@ -149,7 +150,7 @@ function filterDOMOnly(instance: FilterInstance, listEl: HTMLElement): void {
   const currentPage = filter.getPageInfo().current;
 
   // Build filtered list
-  let filteredItems = items.filter(item => {
+  const filteredItems = items.filter((item) => {
     // Check filters
     for (const [field, value] of Object.entries(filters)) {
       const itemValue = getItemFieldValue(item, field);
@@ -234,7 +235,7 @@ function getItemFieldValue(item: HTMLElement, field: string): string | null {
  */
 function getSearchableText(item: HTMLElement, fields: string[]): string {
   if (fields.length > 0) {
-    return fields.map(f => getItemFieldValue(item, f) || '').join(' ');
+    return fields.map((f) => getItemFieldValue(item, f) || '').join(' ');
   }
   return item.textContent || '';
 }
@@ -345,17 +346,11 @@ export function updateFacets(wrapper: HTMLElement, filter: MenoFilter): void {
 /**
  * Update active filters display
  */
-export function updateActiveFilters(
-  wrapper: HTMLElement,
-  filter: MenoFilter,
-  instance: FilterInstance
-): void {
+export function updateActiveFilters(wrapper: HTMLElement, filter: MenoFilter, instance: FilterInstance): void {
   const container = wrapper.querySelector<HTMLElement>(`[${ATTR.ACTIVE_FILTERS}]`);
   if (!container) return;
 
-  const template = wrapper.querySelector<HTMLTemplateElement>(
-    `template[${ATTR.ACTIVE_FILTER_TEMPLATE}]`
-  );
+  const template = wrapper.querySelector<HTMLTemplateElement>(`template[${ATTR.ACTIVE_FILTER_TEMPLATE}]`);
 
   const filters = filter.getFilters();
   const entries = Object.entries(filters);
@@ -478,7 +473,7 @@ export function updatePagination(wrapper: HTMLElement, state: FilterState): void
 export function generatePageButtons(
   container: HTMLElement,
   page: { current: number; total: number },
-  onClick: (page: number) => void
+  onClick: (page: number) => void,
 ): void {
   container.innerHTML = '';
 
@@ -566,9 +561,7 @@ export function updateActiveStates(wrapper: HTMLElement, filter: MenoFilter): vo
   const activeClass = wrapper.getAttribute(ATTR.ACTIVE_CLASS) || 'active';
 
   // Update filter buttons
-  const filterButtons = wrapper.querySelectorAll<HTMLElement>(
-    `[${ATTR.FILTER_FIELD}][${ATTR.FILTER_VALUE}]`
-  );
+  const filterButtons = wrapper.querySelectorAll<HTMLElement>(`[${ATTR.FILTER_FIELD}][${ATTR.FILTER_VALUE}]`);
 
   for (const btn of filterButtons) {
     if (btn.tagName === 'INPUT') continue;
@@ -582,13 +575,15 @@ export function updateActiveStates(wrapper: HTMLElement, filter: MenoFilter): vo
     const currentValue = filters[field];
 
     // Only active if filter is explicitly set AND matches this value
-    const isActive = currentValue !== undefined && (
-      currentValue === value ||
-      (Array.isArray(currentValue) && currentValue.includes(value)) ||
-      (typeof currentValue === 'object' && currentValue !== null && '$in' in currentValue &&
-       Array.isArray((currentValue as { $in: unknown[] }).$in) &&
-       (currentValue as { $in: unknown[] }).$in.includes(value))
-    );
+    const isActive =
+      currentValue !== undefined &&
+      (currentValue === value ||
+        (Array.isArray(currentValue) && currentValue.includes(value)) ||
+        (typeof currentValue === 'object' &&
+          currentValue !== null &&
+          '$in' in currentValue &&
+          Array.isArray((currentValue as { $in: unknown[] }).$in) &&
+          (currentValue as { $in: unknown[] }).$in.includes(value)));
 
     btn.classList.toggle(activeClass, isActive);
   }
@@ -663,8 +658,8 @@ export function updateRangeInputs(wrapper: HTMLElement, filter: MenoFilter): voi
       if (input.type === 'date') {
         // Convert timestamp to YYYY-MM-DD format
         const date = new Date(value as number);
-        if (!isNaN(date.getTime())) {
-          input.value = date.toISOString().split('T')[0];
+        if (!Number.isNaN(date.getTime())) {
+          input.value = date.toISOString().split('T')[0] ?? '';
         }
       } else {
         input.value = String(value);

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

@@ -25,7 +25,7 @@ export function escapeHtml(str: string): string {
  * singularizeWord('cases') // 'case'
  */
 export function singularizeWord(word: string): string {
-  if (word.endsWith('ies')) return word.slice(0, -3) + 'y';
+  if (word.endsWith('ies')) return `${word.slice(0, -3)}y`;
   if (word.endsWith('es')) return word.slice(0, -2);
   if (word.endsWith('s')) return word.slice(0, -1);
   return word;