meno-core 1.0.53 → 1.1.0

package/lib/client/core/builders/linkNodeBuilder.ts

@@ -3,32 +3,33 @@
  * Handles rendering of link nodes (links rendered as div in editor)
  */
 
-import { createElement as h } from "react";
-import type { ReactElement } from "react";
-import type { LinkNode, StyleObject, ResponsiveStyleObject, InteractiveStyles } from "../../../shared/types";
-import { extractAttributesFromNode } from "../../../shared/attributeNodeUtils";
-import { responsiveStylesToClasses } from "../../../shared/utilityClassMapper";
-import { getCachedResponsiveScalesConfig } from "../../responsiveStyleResolver";
-import { pathToString } from "../../../shared/pathArrayUtils";
-import { generateElementClassName, type ElementClassContext } from "../../../shared/elementClassName";
-import { InteractiveStylesRegistry } from "../../InteractiveStylesRegistry";
-import { hasInteractiveStyleMappings, extractInteractiveStyleMappings, resolveExtractedMappings } from "../../../shared/interactiveStyleMappings";
-import { processItemPropsTemplate, type ValueResolver } from "../../../shared/itemTemplateUtils";
-import { UtilityClassCollector } from "../../styles/UtilityClassCollector";
-import { resolveI18nValue, DEFAULT_I18N_CONFIG } from "../../../shared/i18n";
-import { isCurrentLink } from "../../../shared/linkUtils";
-import type { ElementRegistry } from "../../elementRegistry";
-import type { BuilderContext, BuildResult, BuildChildrenContext } from "./types";
+import { createElement as h } from 'react';
+import type { ReactElement } from 'react';
+import type { LinkNode, StyleObject, ResponsiveStyleObject, InteractiveStyles } from '../../../shared/types';
+import { extractAttributesFromNode } from '../../../shared/attributeNodeUtils';
+import { responsiveStylesToClasses } from '../../../shared/utilityClassMapper';
+import { getCachedResponsiveScalesConfig } from '../../responsiveStyleResolver';
+import { pathToString } from '../../../shared/pathArrayUtils';
+import { generateElementClassName, type ElementClassContext } from '../../../shared/elementClassName';
+import { InteractiveStylesRegistry } from '../../InteractiveStylesRegistry';
+import {
+  hasInteractiveStyleMappings,
+  extractInteractiveStyleMappings,
+  resolveExtractedMappings,
+} from '../../../shared/interactiveStyleMappings';
+import { processItemPropsTemplate, type ValueResolver } from '../../../shared/itemTemplateUtils';
+import { UtilityClassCollector } from '../../styles/UtilityClassCollector';
+import { resolveI18nValue, DEFAULT_I18N_CONFIG } from '../../../shared/i18n';
+import { isCurrentLink } from '../../../shared/linkUtils';
+import type { ElementRegistry } from '../../elementRegistry';
+import type { BuilderContext, BuildResult, BuildChildrenContext } from './types';
 
 export interface LinkNodeBuilderDeps {
   elementRegistry: ElementRegistry;
-  buildChildren: (
-    children: unknown,
-    ctx: BuildChildrenContext
-  ) => BuildResult;
+  buildChildren: (children: unknown, ctx: BuildChildrenContext) => BuildResult;
   getEffectiveParentComponentName: (
     componentContext: string | null,
-    parentComponentName: string | null
+    parentComponentName: string | null,
   ) => string | null;
   /** Optional getter for current page name (for interactive styles class generation) */
   getCurrentPageName?: () => string;
@@ -45,12 +46,25 @@ export function buildLinkNode(
   node: LinkNode,
   children: unknown,
   ctx: BuilderContext,
-  deps: LinkNodeBuilderDeps
+  deps: LinkNodeBuilderDeps,
 ): ReactElement {
   const {
-    key, elementPath, parentComponentName, viewportWidth, componentContext, componentRootPath,
-    locale, i18nConfig, cmsContext, cmsLocale, collectionItemsMap,
-    itemContext, cmsItemIndexPath, cmsListPaths, templateContext, componentResolvedProps
+    key,
+    elementPath,
+    parentComponentName,
+    viewportWidth,
+    componentContext,
+    componentRootPath,
+    locale,
+    i18nConfig,
+    cmsContext,
+    cmsLocale,
+    collectionItemsMap,
+    itemContext,
+    cmsItemIndexPath,
+    cmsListPaths,
+    templateContext,
+    componentResolvedProps,
   } = ctx;
 
   const effectiveParentComponentName = deps.getEffectiveParentComponentName(componentContext, parentComponentName);
@@ -59,7 +73,7 @@ export function buildLinkNode(
   const extractedAttributes = extractAttributesFromNode(node as any);
 
   // Build link node props (renders as div in editor)
-  const linkNodeProps: Record<string, any> = {
+  const linkNodeProps: Record<string, unknown> = {
     key,
     'data-element-path': pathToString(elementPath),
     'data-link-node': 'true',
@@ -74,7 +88,7 @@ export function buildLinkNode(
           }
         }
       }
-    }
+    },
   };
 
   // Add CMS item index path for elements inside CMS lists
@@ -83,7 +97,7 @@ export function buildLinkNode(
   }
 
   // Start building className
-  let classNames: string[] = [];
+  const classNames: string[] = [];
 
   // Convert link node styles to utility classes
   if (node.style) {
@@ -99,16 +113,15 @@ export function buildLinkNode(
       processedStyle = processItemPropsTemplate(
         node.style as Record<string, unknown>,
         ctx.templateContext,
-        i18nResolver
+        i18nResolver,
       ) as StyleObject | ResponsiveStyleObject;
     }
     const scales = getCachedResponsiveScalesConfig();
-    const fluidActive =
-      scales?.enabled === true && scales?.mode === 'fluid';
-    const utilityClasses = responsiveStylesToClasses(
-      processedStyle as StyleObject | ResponsiveStyleObject,
-      { fluidActive, responsiveScales: scales ?? undefined }
-    );
+    const fluidActive = scales?.enabled === true && scales?.mode === 'fluid';
+    const utilityClasses = responsiveStylesToClasses(processedStyle as StyleObject | ResponsiveStyleObject, {
+      fluidActive,
+      responsiveScales: scales ?? undefined,
+    });
     UtilityClassCollector.collect(utilityClasses);
     classNames.push(...utilityClasses);
   }
@@ -121,11 +134,10 @@ export function buildLinkNode(
   if ((nodeInteractiveStyles && nodeInteractiveStyles.length > 0) || nodeGenerateElementClass) {
     // Determine file type and name for element class generation
     const useComponentContext = Boolean(componentContext);
-    const fileType = useComponentContext ? 'component' : (deps.getCurrentFileType?.() || 'page');
-    const fileName = useComponentContext ? componentContext! : (deps.getCurrentPageName?.() || 'page');
-    const pathForClass = useComponentContext && componentRootPath
-      ? elementPath.slice(componentRootPath.length)
-      : elementPath;
+    const fileType = useComponentContext ? 'component' : deps.getCurrentFileType?.() || 'page';
+    const fileName = useComponentContext ? componentContext! : deps.getCurrentPageName?.() || 'page';
+    const pathForClass =
+      useComponentContext && componentRootPath ? elementPath.slice(componentRootPath.length) : elementPath;
 
     const elementClassCtx: ElementClassContext = {
       fileType,
@@ -157,12 +169,11 @@ export function buildLinkNode(
         for (const rule of nodeInteractiveStyles) {
           if (rule.previewProp && ctx.componentResolvedProps[rule.previewProp] === true) {
             const previewScales = getCachedResponsiveScalesConfig();
-            const previewFluidActive =
-              previewScales?.enabled === true && previewScales?.mode === 'fluid';
-            const styleClasses = responsiveStylesToClasses(
-              rule.style as StyleObject | ResponsiveStyleObject,
-              { fluidActive: previewFluidActive, responsiveScales: previewScales ?? undefined }
-            );
+            const previewFluidActive = previewScales?.enabled === true && previewScales?.mode === 'fluid';
+            const styleClasses = responsiveStylesToClasses(rule.style as StyleObject | ResponsiveStyleObject, {
+              fluidActive: previewFluidActive,
+              responsiveScales: previewScales ?? undefined,
+            });
             UtilityClassCollector.collect(styleClasses);
             previewClasses.push(...styleClasses);
           }
@@ -179,9 +190,9 @@ export function buildLinkNode(
   // would be spread onto the React element below and override the className that
   // holds the utility classes derived from node.style.
   if ('class' in extractedAttributes || 'className' in extractedAttributes) {
-    const attrClass = ((extractedAttributes as Record<string, unknown>).class
-      ?? (extractedAttributes as Record<string, unknown>).className
-      ?? '') as string;
+    const attrClass = ((extractedAttributes as Record<string, unknown>).class ??
+      (extractedAttributes as Record<string, unknown>).className ??
+      '') as string;
     if (attrClass) {
       classNames.push(...attrClass.split(/\s+/));
     }
@@ -209,9 +220,10 @@ export function buildLinkNode(
     const i18nResolver: ValueResolver | undefined = effectiveLocale
       ? (value: unknown) => resolveI18nValue(value, effectiveLocale, config)
       : undefined;
-    processedAttributes = processItemPropsTemplate(
-      extractedAttributes, ctx.templateContext, i18nResolver
-    ) as Record<string, string | number | boolean>;
+    processedAttributes = processItemPropsTemplate(extractedAttributes, ctx.templateContext, i18nResolver) as Record<
+      string,
+      string | number | boolean
+    >;
   }
 
   // Add extracted attributes (like class, id, data-*, aria-*, etc.)
@@ -229,8 +241,21 @@ export function buildLinkNode(
 
   // Build children recursively
   const linkNodeChildren = deps.buildChildren(children, {
-    elementPath, parentComponentName: effectiveParentComponentName, viewportWidth, componentContext, componentRootPath,
-    locale, i18nConfig, cmsContext, cmsLocale, collectionItemsMap, itemContext, cmsItemIndexPath, cmsListPaths, templateContext, componentResolvedProps
+    elementPath,
+    parentComponentName: effectiveParentComponentName,
+    viewportWidth,
+    componentContext,
+    componentRootPath,
+    locale,
+    i18nConfig,
+    cmsContext,
+    cmsLocale,
+    collectionItemsMap,
+    itemContext,
+    cmsItemIndexPath,
+    cmsListPaths,
+    templateContext,
+    componentResolvedProps,
   });
 
   return h('div', linkNodeProps, linkNodeChildren);

package/lib/client/core/builders/listBuilder.ts

@@ -5,56 +5,76 @@
  * - CMS collections (sourceType: 'collection')
  */
 
-import { createElement as h, Fragment } from "react";
-import type { ReactElement } from "react";
-import type { ListNode } from "../../../shared/registry/nodeTypes/ListNodeType";
-import type { CMSItem, CMSFilterCondition, CMSSortConfig, CMSFilterOperator } from "../../../shared/types/cms";
-import { singularize, isItemDraftForLocale } from "../../../shared/types/cms";
-import { buildTemplateContext, resolveItemsTemplate, getNestedValue } from "../../../shared/itemTemplateUtils";
-import type { TemplateContext } from "../../../shared/types/cms";
-import { pathToString } from "../../../shared/pathArrayUtils";
-import { extractAttributesFromNode } from "../../../shared/attributeNodeUtils";
-import type { ElementRegistry } from "../../elementRegistry";
-import type { BuilderContext, BuildResult, BuildChildrenContext } from "./types";
+import { createElement as h, Fragment } from 'react';
+import type { ReactElement } from 'react';
+import type { ListNode } from '../../../shared/registry/nodeTypes/ListNodeType';
+import type { CMSItem, CMSFilterCondition, CMSSortConfig, CMSFilterOperator } from '../../../shared/types/cms';
+import { singularize, isItemDraftForLocale } from '../../../shared/types/cms';
+import { buildTemplateContext, resolveItemsTemplate, getNestedValue } from '../../../shared/itemTemplateUtils';
+import type { TemplateContext } from '../../../shared/types/cms';
+import { pathToString } from '../../../shared/pathArrayUtils';
+import { extractAttributesFromNode } from '../../../shared/attributeNodeUtils';
+import type { ElementRegistry } from '../../elementRegistry';
+import type { BuilderContext, BuildResult, BuildChildrenContext } from './types';
 
 export interface ListBuilderDeps {
   elementRegistry: ElementRegistry;
-  buildChildren: (
-    children: unknown,
-    ctx: BuildChildrenContext
-  ) => BuildResult;
+  buildChildren: (children: unknown, ctx: BuildChildrenContext) => BuildResult;
   getEffectiveParentComponentName: (
     componentContext: string | null,
-    parentComponentName: string | null
+    parentComponentName: string | null,
   ) => string | null;
 }
 
 /**
  * Build a unified list node - handles both prop and collection source types
  */
-export function buildList(
-  node: ListNode,
-  children: unknown,
-  ctx: BuilderContext,
-  deps: ListBuilderDeps
-): ReactElement {
+export function buildList(node: ListNode, children: unknown, ctx: BuilderContext, deps: ListBuilderDeps): ReactElement {
   const {
-    key, elementPath, parentComponentName, viewportWidth, componentContext, componentRootPath,
-    locale, i18nConfig, cmsContext, cmsLocale, collectionItemsMap = {},
-    cmsItemIndexPath, cmsListPaths, templateContext, componentResolvedProps
+    key,
+    elementPath,
+    parentComponentName,
+    viewportWidth,
+    componentContext,
+    componentRootPath,
+    locale,
+    i18nConfig,
+    cmsContext,
+    cmsLocale,
+    collectionItemsMap = {},
+    cmsItemIndexPath,
+    cmsListPaths,
+    templateContext,
+    componentResolvedProps,
   } = ctx;
 
   // Determine source type (default to 'prop', but handle legacy 'cms-list' type)
   const nodeType = (node as any).type;
   const isLegacyCMSList = nodeType === 'cms-list';
-  const sourceType = isLegacyCMSList ? 'collection' : (node.sourceType || 'prop');
+  const sourceType = isLegacyCMSList ? 'collection' : node.sourceType || 'prop';
   const isCollectionMode = sourceType === 'collection';
+  // Remote lists (sourceType: 'remote') are fetched by the meno-astro runtime (getRemoteData)
+  // at build/SSR. In the editor canvas there's no Astro runtime, so the studio pre-fetches the
+  // endpoint's items and injects them into `collectionItemsMap` keyed by the endpoint URL — the
+  // same channel CMS collections use. We then reuse the collection query path (filter/sort/
+  // offset/limit) so the canvas matches what the real build renders.
+  const isRemoteMode = sourceType === 'remote';
+  const remoteUrl = isRemoteMode && typeof node.url === 'string' ? node.url : '';
+  // Sanity lists (sourceType: 'sanity') are fetched by the meno-astro runtime (getSanityData)
+  // at build/SSR. Like remote lists, the editor canvas has no Astro runtime, so the studio
+  // pre-fetches sample items (via /api/sanity-sample) and injects them into `collectionItemsMap`
+  // keyed by the document type — the same channel CMS/remote lists use.
+  const isSanityMode = sourceType === 'sanity';
+  const sanityKey = isSanityMode && typeof node.documentType === 'string' ? node.documentType : '';
 
   // Get source - handle both new 'source' and legacy 'collection' property
   // Source can be a string (prop name) or array (pre-resolved by processStructure)
   const rawSource = node.source || (node as any).collection;
   const source = typeof rawSource === 'string' ? rawSource : '';
   const sourceIsResolved = Array.isArray(rawSource);
+  // Unified "do we have something to render from?" flag (remote keys off its URL, sanity off its type).
+  const hasSource =
+    sourceIsResolved || Boolean(source) || (isRemoteMode && Boolean(remoteUrl)) || (isSanityMode && Boolean(sanityKey));
 
   const effectiveParentComponentName = deps.getEffectiveParentComponentName(componentContext, parentComponentName);
 
@@ -62,12 +82,12 @@ export function buildList(
   const extractedAttributes = extractAttributesFromNode(node as any);
 
   // Build container props with appropriate data attributes
-  const containerProps: Record<string, any> = {
+  const containerProps: Record<string, unknown> = {
     key,
     'data-element-path': pathToString(elementPath),
     ref: (el: HTMLElement | null) => {
       deps.elementRegistry.register(elementPath, el, effectiveParentComponentName, false);
-    }
+    },
   };
 
   // Set data attributes based on source type
@@ -75,6 +95,14 @@ export function buildList(
   containerProps['data-cms-list'] = 'true';
   if (isCollectionMode) {
     containerProps['data-collection'] = source || '';
+  } else if (isRemoteMode) {
+    containerProps['data-list'] = 'true';
+    containerProps['data-source-type'] = 'remote';
+    containerProps['data-source'] = remoteUrl;
+  } else if (isSanityMode) {
+    containerProps['data-list'] = 'true';
+    containerProps['data-source-type'] = 'sanity';
+    containerProps['data-source'] = sanityKey;
   } else {
     containerProps['data-list'] = 'true';
     containerProps['data-source'] = source || (sourceIsResolved ? 'resolved' : '');
@@ -112,6 +140,19 @@ export function buildList(
 
   if (isCollectionMode) {
     itemsToRender = getCollectionItems(node, source, ctx);
+  } else if (isRemoteMode) {
+    // Remote items are injected into collectionItemsMap keyed by URL; reuse the collection
+    // query path so filter/sort/offset/limit behave identically to the Astro runtime.
+    itemsToRender = getCollectionItems(node, remoteUrl, ctx);
+  } else if (isSanityMode) {
+    // Sanity sample items are injected into collectionItemsMap keyed by document type; reuse
+    // the collection query path so filter/sort/offset/limit match the Astro runtime.
+    itemsToRender = getCollectionItems(node, sanityKey, ctx);
+  } else if (sourceType === 'expression') {
+    // Expression mode: the source is a verbatim JS expression (an Astro Action / supabase result,
+    // …) with no data in the editor — it resolves only in the real Astro build/play. Render empty
+    // here; the item template is still editable. (Mirrors ssrRenderer's expression branch.)
+    itemsToRender = [];
   } else {
     // Prop mode: Read from component props or template context
     // If source was already resolved to an array by processStructure (e.g., from {{features}}),
@@ -139,26 +180,30 @@ export function buildList(
   const bgColor = isCollectionMode ? 'rgba(139, 92, 246, 0.05)' : 'rgba(59, 130, 246, 0.05)';
   const borderColor = isCollectionMode ? 'rgba(139, 92, 246, 0.3)' : 'rgba(59, 130, 246, 0.3)';
   const textColor = isCollectionMode ? '#8b5cf6' : '#3b82f6';
-  const label = isCollectionMode ? 'CMS List' : 'List';
+  const label = isCollectionMode ? 'CMS List' : isRemoteMode ? 'Remote List' : isSanityMode ? 'Sanity List' : 'List';
 
   // Use configurable tag (defaults to 'div') - null means fragment mode (no wrapper)
   const tag = typeof node.tag === 'string' ? node.tag : null;
 
-  if (!source && !sourceIsResolved) {
+  if (!hasSource) {
     // No source - render empty container with placeholder
-    const emptyState = h('div', {
-      key: 'list-empty',
-      style: {
-        padding: '12px',
-        background: bgColor,
-        border: `1px dashed ${borderColor}`,
-        borderRadius: '4px',
-        color: textColor,
-        fontSize: '12px',
-        fontFamily: 'system-ui, sans-serif',
-        textAlign: 'center'
-      }
-    }, `${label}: No source - No items`);
+    const emptyState = h(
+      'div',
+      {
+        key: 'list-empty',
+        style: {
+          padding: '12px',
+          background: bgColor,
+          border: `1px dashed ${borderColor}`,
+          borderRadius: '4px',
+          color: textColor,
+          fontSize: '12px',
+          fontFamily: 'system-ui, sans-serif',
+          textAlign: 'center',
+        },
+      },
+      `${label}: No source - No items`,
+    );
     if (tag === null) {
       return emptyState;
     }
@@ -167,19 +212,23 @@ export function buildList(
 
   if (itemsToRender.length === 0) {
     // No items - render empty container with placeholder
-    const emptyState = h('div', {
-      key: 'list-empty',
-      style: {
-        padding: '12px',
-        background: bgColor,
-        border: `1px dashed ${borderColor}`,
-        borderRadius: '4px',
-        color: textColor,
-        fontSize: '12px',
-        fontFamily: 'system-ui, sans-serif',
-        textAlign: 'center'
-      }
-    }, `${label}: ${source || 'resolved'} - No items`);
+    const emptyState = h(
+      'div',
+      {
+        key: 'list-empty',
+        style: {
+          padding: '12px',
+          background: bgColor,
+          border: `1px dashed ${borderColor}`,
+          borderRadius: '4px',
+          color: textColor,
+          fontSize: '12px',
+          fontFamily: 'system-ui, sans-serif',
+          textAlign: 'center',
+        },
+      },
+      `${label}: ${source || remoteUrl || sanityKey || 'resolved'} - No items`,
+    );
     if (tag === null) {
       return emptyState;
     }
@@ -197,7 +246,7 @@ export function buildList(
       item as CMSItem,
       index,
       itemsToRender.length,
-      templateContext || undefined
+      templateContext || undefined,
     );
 
     // Build children with item context
@@ -220,7 +269,7 @@ export function buildList(
       cmsItemIndexPath: newIndexPath,
       cmsListPaths: newListPaths,
       templateContext: itemTemplateContext,
-      componentResolvedProps
+      componentResolvedProps,
     });
 
     // Add children directly (no wrapper div).
@@ -241,7 +290,10 @@ export function buildList(
       }
     } else if (typeof itemChildren === 'object' && itemChildren !== null && 'key' in itemChildren) {
       // Single child - ensure unique key
-      renderedItems.push({ ...itemChildren, key: `${(itemChildren as ReactElement).key}-item-${itemKey}` } as ReactElement);
+      renderedItems.push({
+        ...itemChildren,
+        key: `${(itemChildren as ReactElement).key}-item-${itemKey}`,
+      } as ReactElement);
     } else {
       renderedItems.push(itemChildren);
     }
@@ -262,15 +314,15 @@ export function buildList(
  */
 function getCollectionItems(node: ListNode, source: string, ctx: BuilderContext): CMSItem[] {
   const { collectionItemsMap = {}, cmsContext, templateContext } = ctx;
-  const collectionItems = source ? (collectionItemsMap[source] || []) : [];
+  const collectionItems = source ? collectionItemsMap[source] || [] : [];
 
   // Helper to lookup items by ID or filename
   const lookupItemsByIds = (ids: string[], items: CMSItem[]): CMSItem[] => {
-    const itemMap = new Map(items.map(item => [item._id, item]));
-    const filenameMap = new Map(items.map(item => [item._filename, item]));
+    const itemMap = new Map(items.map((item) => [item._id, item]));
+    const filenameMap = new Map(items.map((item) => [item._filename, item]));
     return ids
       .filter(Boolean)
-      .map(id => itemMap.get(id) || filenameMap.get(id))
+      .map((id) => itemMap.get(id) || filenameMap.get(id))
       .filter((item): item is CMSItem => item !== undefined);
   };
 
@@ -295,7 +347,7 @@ function getCollectionItems(node: ListNode, source: string, ctx: BuilderContext)
           }
         }
         if (value !== null && value !== undefined) {
-          resolvedIds = Array.isArray(value) ? value.map(v => String(v)) : String(value);
+          resolvedIds = Array.isArray(value) ? value.map((v) => String(v)) : String(value);
         }
       } else {
         // Otherwise resolve from template context (for nested lists)
@@ -315,7 +367,12 @@ function getCollectionItems(node: ListNode, source: string, ctx: BuilderContext)
 
     // Apply filters and sorting to referenced items
     if (node.filter) {
-      itemsToRender = applyClientFilters(itemsToRender, node.filter as CMSFilterCondition | CMSFilterCondition[] | Record<string, unknown>, cmsContext ?? undefined, templateContext ?? undefined);
+      itemsToRender = applyClientFilters(
+        itemsToRender,
+        node.filter as CMSFilterCondition | CMSFilterCondition[] | Record<string, unknown>,
+        cmsContext ?? undefined,
+        templateContext ?? undefined,
+      );
     }
     if (node.sort) {
       itemsToRender = applyClientSorting(itemsToRender, node.sort);
@@ -326,7 +383,12 @@ function getCollectionItems(node: ListNode, source: string, ctx: BuilderContext)
 
     // Apply filters (BEFORE offset/limit)
     if (node.filter) {
-      itemsToRender = applyClientFilters(itemsToRender, node.filter as CMSFilterCondition | CMSFilterCondition[] | Record<string, unknown>, cmsContext ?? undefined, templateContext ?? undefined);
+      itemsToRender = applyClientFilters(
+        itemsToRender,
+        node.filter as CMSFilterCondition | CMSFilterCondition[] | Record<string, unknown>,
+        cmsContext ?? undefined,
+        templateContext ?? undefined,
+      );
     }
 
     // Apply sorting (BEFORE offset/limit)
@@ -346,13 +408,13 @@ function getCollectionItems(node: ListNode, source: string, ctx: BuilderContext)
   // Filter draft items for the current locale
   const locale = ctx.locale || ctx.cmsLocale;
   if (locale) {
-    itemsToRender = itemsToRender.filter(item => !isItemDraftForLocale(item, locale));
+    itemsToRender = itemsToRender.filter((item) => !isItemDraftForLocale(item, locale));
   }
 
   // Exclude current item if option is set and we have a current CMS context
   if (node.excludeCurrentItem && cmsContext && (cmsContext as any)._id) {
     const currentId = (cmsContext as any)._id as string;
-    itemsToRender = itemsToRender.filter(item => item._id !== currentId);
+    itemsToRender = itemsToRender.filter((item) => item._id !== currentId);
   }
 
   return itemsToRender;
@@ -408,23 +470,21 @@ function applyClientFilters(
   items: CMSItem[],
   filter: CMSFilterCondition | CMSFilterCondition[] | Record<string, unknown>,
   cmsContext?: Record<string, unknown>,
-  templateContext?: TemplateContext
+  templateContext?: TemplateContext,
 ): CMSItem[] {
   // Handle simple object filter: { featured: true }
   if (!Array.isArray(filter) && !isFilterCondition(filter)) {
-    return items.filter(item =>
+    return items.filter((item) =>
       Object.entries(filter).every(([key, value]) => {
         const resolvedValue = resolveTemplateValue(value, cmsContext, templateContext);
         return item[key] === resolvedValue;
-      })
+      }),
     );
   }
 
   // Handle array of conditions or single condition
   const conditions = Array.isArray(filter) ? filter : [filter as CMSFilterCondition];
-  return items.filter(item =>
-    conditions.every(cond => matchCondition(item, cond, cmsContext, templateContext))
-  );
+  return items.filter((item) => conditions.every((cond) => matchCondition(item, cond, cmsContext, templateContext)));
 }
 
 function isFilterCondition(obj: unknown): obj is CMSFilterCondition {
@@ -437,7 +497,7 @@ function isFilterCondition(obj: unknown): obj is CMSFilterCondition {
 function resolveTemplateValue(
   value: unknown,
   cmsContext?: Record<string, unknown>,
-  templateContext?: TemplateContext
+  templateContext?: TemplateContext,
 ): unknown {
   if (typeof value !== 'string' || !value.startsWith('{{') || !value.endsWith('}}')) {
     return value;
@@ -474,32 +534,38 @@ function matchCondition(
   item: CMSItem,
   condition: CMSFilterCondition,
   cmsContext?: Record<string, unknown>,
-  templateContext?: TemplateContext
+  templateContext?: TemplateContext,
 ): boolean {
   const value = item[condition.field];
   const target = resolveTemplateValue(condition.value, cmsContext, templateContext);
   const op: CMSFilterOperator = condition.operator || 'eq';
 
   switch (op) {
-    case 'eq': return value === target;
-    case 'neq': return value !== target;
-    case 'gt': return typeof value === 'number' && typeof target === 'number' && value > target;
-    case 'gte': return typeof value === 'number' && typeof target === 'number' && value >= target;
-    case 'lt': return typeof value === 'number' && typeof target === 'number' && value < target;
-    case 'lte': return typeof value === 'number' && typeof target === 'number' && value <= target;
-    case 'contains': return typeof value === 'string' && typeof target === 'string' && value.includes(target);
-    case 'in': return Array.isArray(target) && target.includes(value);
-    default: return false;
+    case 'eq':
+      return value === target;
+    case 'neq':
+      return value !== target;
+    case 'gt':
+      return typeof value === 'number' && typeof target === 'number' && value > target;
+    case 'gte':
+      return typeof value === 'number' && typeof target === 'number' && value >= target;
+    case 'lt':
+      return typeof value === 'number' && typeof target === 'number' && value < target;
+    case 'lte':
+      return typeof value === 'number' && typeof target === 'number' && value <= target;
+    case 'contains':
+      return typeof value === 'string' && typeof target === 'string' && value.includes(target);
+    case 'in':
+      return Array.isArray(target) && target.includes(value);
+    default:
+      return false;
   }
 }
 
 /**
  * Apply sorting to items (client-side)
  */
-function applyClientSorting(
-  items: CMSItem[],
-  sort: CMSSortConfig | CMSSortConfig[]
-): CMSItem[] {
+function applyClientSorting(items: CMSItem[], sort: CMSSortConfig | CMSSortConfig[]): CMSItem[] {
   const sorts = Array.isArray(sort) ? sort : [sort];
 
   return [...items].sort((a, b) => {