@teleporthq/teleport-plugin-next-data-source 0.43.66 → 0.43.68

package/dist/cjs/pagination-plugin.js

@@ -79,15 +79,19 @@ var data_source_fetchers_1 = require("./data-source-fetchers");
 var transformations_1 = require("./transformations");
 var sort_utils_1 = require("./sort-utils");
 var filter_utils_1 = require("./filter-utils");
+var items_path_1 = require("./items-path");
 var loading_state_1 = require("./loading-state");
 var config_1 = require("./cache/config");
 var ast_1 = require("./cache/ast");
 var pagination_controls_1 = require("./pagination-controls");
 var count_effect_1 = require("./count-effect");
+var search_clear_1 = require("./search-clear");
 var numbered_pagination_1 = require("./numbered-pagination");
 var infinite_scroll_1 = require("./infinite-scroll");
 var page_reset_1 = require("./page-reset");
 var page_url_sync_1 = require("./page-url-sync");
+var content_localization_1 = require("./content-localization");
+var request_locale_1 = require("./request-locale");
 // tslint:disable-next-line:no-any
 function parseSearchDefaultValue(raw) {
     if (!raw || typeof raw !== 'object') {
@@ -479,6 +483,7 @@ function buildStateRegistry(uidlNode) {
                     infiniteScroll: infiniteScroll,
                     infiniteScrollLoadMore: infiniteScroll && !!content.infiniteScrollLoadMore,
                     pageUrlParamKey: pageUrlParamKey,
+                    itemsPath: (0, items_path_1.extractItemsPath)(content.source, parentDataSource.identifier, parentDataSource.resourceDef.dataSourceType || ''),
                     category: 'plain',
                 };
                 // Determine category
@@ -557,6 +562,7 @@ function getStateVarsForUsage(usage) {
         combinedStateVar: "ds_".concat(idx, "_state"),
         setCombinedStateVar: "setDs_".concat(idx, "_state"),
         skipDebounceRefVar: "ds_".concat(idx, "_skipDebounce"),
+        countSeqRefVar: "ds_".concat(idx, "_countSeq"),
         propsPrefix: "".concat(usage.dataSourceIdentifier, "_ds_").concat(idx),
     };
 }
@@ -769,7 +775,7 @@ function pushFilterSortPageResetEffect(stateDeclarations, effectStatements, usag
 // ==================== MAIN PLUGIN ====================
 var createNextArrayMapperPaginationPlugin = function () {
     var paginationPlugin = function (structure) { return __awaiter(void 0, void 0, void 0, function () {
-        var uidl, chunks, dependencies, options, componentChunk, variableDeclaration, declarator, arrowFunction, blockStatement, registry, getStaticPropsChunk, isPage, stateDeclarations, effectStatements, needsUseRouter, hasRouterDecl, returnIndex, insertIndex, dataProviders, dataProvidersWithRepeaters, usageIndexByDataSourceId, loadingStateDeclarations, usagesWithLoadingState, usageByProviderNode, cacheDeclarations, sharedOptions, cachedScopes, dataProvidersWithoutRepeaters, searchInputs, searchEnabledUsages;
+        var uidl, chunks, dependencies, options, componentChunk, variableDeclaration, declarator, arrowFunction, blockStatement, registry, getStaticPropsChunk, isPage, localized, stateDeclarations, effectStatements, needsUseRouter, returnIndex, insertIndex, dataProviders, dataProvidersWithRepeaters, usageIndexByDataSourceId, loadingStateDeclarations, usagesWithLoadingState, usageByProviderNode, cacheDeclarations, sharedOptions, cachedScopes, dataProvidersWithoutRepeaters, searchInputs, searchEnabledUsages, usageBySearchInput;
         var _a, _b;
         return __generator(this, function (_c) {
             uidl = structure.uidl, chunks = structure.chunks, dependencies = structure.dependencies, options = structure.options;
@@ -799,6 +805,7 @@ var createNextArrayMapperPaginationPlugin = function () {
             }
             getStaticPropsChunk = chunks.find(function (chunk) { return chunk.name === 'getStaticProps'; });
             isPage = !!getStaticPropsChunk;
+            localized = (0, content_localization_1.isLocalizedProject)(options);
             // Add React dependencies
             if (!dependencies.useState) {
                 dependencies.useState = {
@@ -946,6 +953,7 @@ var createNextArrayMapperPaginationPlugin = function () {
                     }
                     // Add filters to count fetch params if present
                     (0, filter_utils_1.appendFiltersParam)(urlParams, usage.filters, buildFilterDestinationExpression);
+                    (0, items_path_1.appendItemsPathParam)(urlParams, usage.itemsPath, 'collectionPath');
                     var countEffectDeps = [
                         types.memberExpression(types.identifier(vars.combinedStateVar), types.identifier('debouncedQuery')),
                     ];
@@ -960,12 +968,14 @@ var createNextArrayMapperPaginationPlugin = function () {
                     (0, filter_utils_1.pushPropIdsAsDeps)(countEffectDeps, countEffectSeen, usage.filterPropIds);
                     // Same goes for URL-driven filters (already documented above).
                     pushUrlSearchParamMemoDeps(countEffectDeps, usage);
+                    stateDeclarations.push((0, count_effect_1.buildCountSeqDeclaration)(vars.countSeqRefVar));
                     effectStatements.push((0, count_effect_1.buildCountFetchEffect)({
                         fileName: fileName,
                         perPage: usage.perPage,
                         setMaxPagesVar: vars.setMaxPagesStateVar,
                         urlParams: urlParams,
                         deps: countEffectDeps,
+                        countSeqRefVar: vars.countSeqRefVar,
                     }));
                     // Two-way URL sync for the search input when bound to a URL param.
                     pushSearchUrlSyncEffects(effectStatements, usage, vars);
@@ -1016,6 +1026,7 @@ var createNextArrayMapperPaginationPlugin = function () {
                             countUrlParams.push(types.objectProperty(types.identifier('queryColumns'), types.callExpression(types.memberExpression(types.identifier('JSON'), types.identifier('stringify')), [types.arrayExpression(usage.queryColumns.map(function (c) { return types.stringLiteral(c); }))])));
                         }
                         (0, filter_utils_1.appendFiltersParam)(countUrlParams, usage.filters, buildFilterDestinationExpression);
+                        (0, items_path_1.appendItemsPathParam)(countUrlParams, usage.itemsPath, 'collectionPath');
                         // Default to mount-only; refresh when ANY filter destination
                         // changes — state-bound (e.g. `selectedCategory`) and URL-driven —
                         // so the pagination control reflects the current filtered count
@@ -1025,12 +1036,14 @@ var createNextArrayMapperPaginationPlugin = function () {
                         (0, filter_utils_1.pushStateIdsAsDeps)(countDeps, countDepsSeen, usage.filterStateIds);
                         (0, filter_utils_1.pushPropIdsAsDeps)(countDeps, countDepsSeen, usage.filterPropIds);
                         pushUrlSearchParamMemoDeps(countDeps, usage);
+                        stateDeclarations.push((0, count_effect_1.buildCountSeqDeclaration)(vars.countSeqRefVar));
                         effectStatements.push((0, count_effect_1.buildCountFetchEffect)({
                             fileName: fileName,
                             perPage: usage.perPage,
                             setMaxPagesVar: vars.setMaxPagesStateVar,
                             urlParams: countUrlParams,
                             deps: countDeps,
+                            countSeqRefVar: vars.countSeqRefVar,
                         }));
                     }
                     // Visible page numbers, when this mapper draws a numbered strip.
@@ -1087,35 +1100,10 @@ var createNextArrayMapperPaginationPlugin = function () {
             });
             // Insert state declarations at the beginning
             stateDeclarations.reverse().forEach(function (s) { return blockStatement.body.unshift(s); });
-            needsUseRouter = registry.usages.some(function (u) { return hasUrlSearchParamFilters(u) || usageHasSearchUrlSync(u) || usageHasPageUrlSync(u); });
+            needsUseRouter = localized ||
+                registry.usages.some(function (u) { return hasUrlSearchParamFilters(u) || usageHasSearchUrlSync(u) || usageHasPageUrlSync(u); });
             if (needsUseRouter) {
-                if (!dependencies.useRouter) {
-                    // Match the shape the sibling Next.js plugins use (i18n locale mapper,
-                    // search-params plugin) so the deduped import line is identical and
-                    // the dependency-resolver merges instead of emitting a second one.
-                    dependencies.useRouter = {
-                        type: 'library',
-                        path: 'next/router',
-                        version: '^12.1.10',
-                        meta: { namedImport: true },
-                    };
-                }
-                hasRouterDecl = blockStatement.body.some(function (statement) {
-                    return statement.type === 'VariableDeclaration' &&
-                        statement.declarations.some(function (decl) {
-                            var _a;
-                            return decl.id.type === 'Identifier' &&
-                                decl.id.name === 'router' &&
-                                ((_a = decl.init) === null || _a === void 0 ? void 0 : _a.type) === 'CallExpression' &&
-                                decl.init.callee.type === 'Identifier' &&
-                                decl.init.callee.name === 'useRouter';
-                        });
-                });
-                if (!hasRouterDecl) {
-                    blockStatement.body.unshift(types.variableDeclaration('const', [
-                        types.variableDeclarator(types.identifier('router'), types.callExpression(types.identifier('useRouter'), [])),
-                    ]));
-                }
+                (0, request_locale_1.ensureRouterDeclaration)(blockStatement.body, dependencies);
             }
             // Both the search write-back and the page ⇄ URL effect write the URL through
             // the shared `URLQueryWriter`, so the ref + helper they close over must be in
@@ -1157,16 +1145,16 @@ var createNextArrayMapperPaginationPlugin = function () {
                 var fileName = (0, utils_1.generateSafeFileName)(usage.resourceDefinition.dataSourceType, usage.resourceDefinition.tableName, usage.resourceDefinition.dataSourceId);
                 // Update DataProvider based on category
                 if (usage.category === 'paginated+search') {
-                    updateDataProviderForPaginatedSearch(dp, usage, vars, fileName, cacheDeclarations);
+                    updateDataProviderForPaginatedSearch(dp, usage, vars, fileName, cacheDeclarations, localized);
                 }
                 else if (usage.category === 'paginated-only') {
-                    updateDataProviderForPaginationOnly(dp, usage, vars, fileName, cacheDeclarations);
+                    updateDataProviderForPaginationOnly(dp, usage, vars, fileName, cacheDeclarations, localized);
                 }
                 else if (usage.category === 'search-only') {
-                    updateDataProviderForSearchOnly(dp, usage, vars, fileName, cacheDeclarations);
+                    updateDataProviderForSearchOnly(dp, usage, vars, fileName, cacheDeclarations, localized);
                 }
                 else if (usage.category === 'plain') {
-                    updateDataProviderForPlain(dp, fileName, usage);
+                    updateDataProviderForPlain(dp, fileName, usage, localized);
                 }
                 // Show the array mapper's loading state while a category/sort/search
                 // change refetches, instead of leaving the previous rows on screen with
@@ -1226,7 +1214,7 @@ var createNextArrayMapperPaginationPlugin = function () {
             });
             searchInputs = findAllSearchInputsInJSX(blockStatement);
             searchEnabledUsages = registry.usages.filter(function (u) { return u.searchEnabled; });
-            // Match by order - search input 0 -> searchEnabledUsages[0], etc.
+            usageBySearchInput = new Map();
             searchInputs.forEach(function (input, idx) {
                 if (idx >= searchEnabledUsages.length) {
                     return;
@@ -1234,6 +1222,15 @@ var createNextArrayMapperPaginationPlugin = function () {
                 var usage = searchEnabledUsages[idx];
                 var vars = getStateVarsForUsage(usage);
                 wireSearchInput(input.node, vars);
+                usageBySearchInput.set(input.node, usage);
+            });
+            // STEP 4.5: Wire the clear buttons, each to the input it shares a parent with.
+            (0, search_clear_1.findAllSearchClearButtonsInJSX)(blockStatement).forEach(function (button) {
+                var input = (0, search_clear_1.findSiblingSearchInput)(button, searchInputs.map(function (entry) { return entry.node; }));
+                var usage = input ? usageBySearchInput.get(input) : undefined;
+                if (usage) {
+                    (0, search_clear_1.wireSearchClearButton)(button, getStateVarsForUsage(usage));
+                }
             });
             // STEP 5: Wire pagination widgets
             //
@@ -1255,7 +1252,7 @@ var createNextArrayMapperPaginationPlugin = function () {
             });
             // STEP 6: Update getStaticProps if this is a page
             if (isPage) {
-                updateGetStaticProps(chunks, registry, dependencies, (_b = uidl.outputOptions) === null || _b === void 0 ? void 0 : _b.folderPath);
+                updateGetStaticProps(chunks, registry, dependencies, (_b = uidl.outputOptions) === null || _b === void 0 ? void 0 : _b.folderPath, localized);
             }
             return [2 /*return*/, structure];
         });
@@ -1305,6 +1302,20 @@ function insertSentinelAfterProvider(blockStatement, provider, sentinel) {
         if (node.alternate) {
             traverse(node.alternate);
         }
+        // `{activeTabIndex === 0 && (<div>…<DataProvider/>…</div>)}` — a tab
+        // panel, a gated section: the provider sits on the RIGHT of a logical
+        // expression (or in a ternary's `test`), which is not a child, a body or
+        // an argument. Left unvisited, the products list under the first tab of
+        // a shop was never paginated or seeded, and rendered nothing.
+        if (node.left) {
+            traverse(node.left);
+        }
+        if (node.right) {
+            traverse(node.right);
+        }
+        if (node.test) {
+            traverse(node.test);
+        }
         if (node.expression) {
             traverse(node.expression);
         }
@@ -1342,6 +1353,20 @@ function findAllDataProvidersInJSX(blockStatement) {
         if (node.alternate) {
             traverse(node.alternate);
         }
+        // `{activeTabIndex === 0 && (<div>…<DataProvider/>…</div>)}` — a tab
+        // panel, a gated section: the provider sits on the RIGHT of a logical
+        // expression (or in a ternary's `test`), which is not a child, a body or
+        // an argument. Left unvisited, the products list under the first tab of
+        // a shop was never paginated or seeded, and rendered nothing.
+        if (node.left) {
+            traverse(node.left);
+        }
+        if (node.right) {
+            traverse(node.right);
+        }
+        if (node.test) {
+            traverse(node.test);
+        }
         if (node.expression) {
             traverse(node.expression);
         }
@@ -1424,6 +1449,20 @@ function findAllSearchInputsInJSX(blockStatement) {
         if (node.alternate) {
             traverse(node.alternate);
         }
+        // `{activeTabIndex === 0 && (<div>…<DataProvider/>…</div>)}` — a tab
+        // panel, a gated section: the provider sits on the RIGHT of a logical
+        // expression (or in a ternary's `test`), which is not a child, a body or
+        // an argument. Left unvisited, the products list under the first tab of
+        // a shop was never paginated or seeded, and rendered nothing.
+        if (node.left) {
+            traverse(node.left);
+        }
+        if (node.right) {
+            traverse(node.right);
+        }
+        if (node.test) {
+            traverse(node.test);
+        }
         if (node.expression) {
             traverse(node.expression);
         }
@@ -1479,6 +1518,20 @@ function findPaginationNodesWithOwners(blockStatement, usageByProviderNode) {
         if (node.alternate) {
             traverse(node.alternate);
         }
+        // `{activeTabIndex === 0 && (<div>…<DataProvider/>…</div>)}` — a tab
+        // panel, a gated section: the provider sits on the RIGHT of a logical
+        // expression (or in a ternary's `test`), which is not a child, a body or
+        // an argument. Left unvisited, the products list under the first tab of
+        // a shop was never paginated or seeded, and rendered nothing.
+        if (node.left) {
+            traverse(node.left);
+        }
+        if (node.right) {
+            traverse(node.right);
+        }
+        if (node.test) {
+            traverse(node.test);
+        }
         if (node.expression) {
             traverse(node.expression);
         }
@@ -1521,7 +1574,7 @@ dp, usage, paramsProps, memoDeps, cacheDeclarations) {
     dp.openingElement.attributes.push(types.jsxAttribute(types.jsxIdentifier('params'), types.jsxExpressionContainer(types.identifier(hoisted.paramsIdentifier))));
     return hoisted.cachedIdentifier;
 }
-function updateDataProviderForPaginatedSearch(dp, usage, vars, fileName, cacheDeclarations) {
+function updateDataProviderForPaginatedSearch(dp, usage, vars, fileName, cacheDeclarations, localized) {
     var attrs = dp.openingElement.attributes;
     // Remove existing params, key, initialData, fetchData, persistDataDuringLoading
     dp.openingElement.attributes = attrs.filter(function (attr) {
@@ -1541,6 +1594,7 @@ function updateDataProviderForPaginatedSearch(dp, usage, vars, fileName, cacheDe
     (0, sort_utils_1.appendSortsParam)(paramsProps, usage.sorts, usage.dynamicSort);
     // Add filters if present
     (0, filter_utils_1.appendFiltersParam)(paramsProps, usage.filters, buildFilterDestinationExpression);
+    (0, items_path_1.appendItemsPathParam)(paramsProps, usage.itemsPath, 'itemsPath');
     // Build useMemo dependencies including filter state IDs and dynamic sort state IDs
     var memoDeps = [types.identifier(vars.combinedStateVar)];
     var seenDeps = new Set([vars.combinedStateVar]);
@@ -1550,6 +1604,9 @@ function updateDataProviderForPaginatedSearch(dp, usage, vars, fileName, cacheDe
         (0, filter_utils_1.pushStateIdsAsDeps)(memoDeps, seenDeps, usage.dynamicSort.depStateIds);
     }
     pushUrlSearchParamMemoDeps(memoDeps, usage);
+    if (localized) {
+        (0, request_locale_1.appendClientLocaleParam)(paramsProps, memoDeps);
+    }
     var cachedInitialData = pushParamsAttribute(dp, usage, paramsProps, memoDeps, cacheDeclarations);
     // Add initialData. Skip the server-prefetched data entirely when a dynamic
     // state-bound sort is active — the prefetch ran without sort parameters, so
@@ -1601,7 +1658,7 @@ function updateDataProviderForPaginatedSearch(dp, usage, vars, fileName, cacheDe
     // Add persistDataDuringLoading
     dp.openingElement.attributes.push(types.jsxAttribute(types.jsxIdentifier('persistDataDuringLoading'), types.jsxExpressionContainer(types.booleanLiteral(true))));
 }
-function updateDataProviderForPaginationOnly(dp, usage, vars, fileName, cacheDeclarations) {
+function updateDataProviderForPaginationOnly(dp, usage, vars, fileName, cacheDeclarations, localized) {
     var attrs = dp.openingElement.attributes;
     dp.openingElement.attributes = attrs.filter(function (attr) {
         var _a;
@@ -1616,6 +1673,7 @@ function updateDataProviderForPaginationOnly(dp, usage, vars, fileName, cacheDec
     (0, sort_utils_1.appendSortsParam)(paramsProps, usage.sorts, usage.dynamicSort);
     // Add filters if present
     (0, filter_utils_1.appendFiltersParam)(paramsProps, usage.filters, buildFilterDestinationExpression);
+    (0, items_path_1.appendItemsPathParam)(paramsProps, usage.itemsPath, 'itemsPath');
     // Build useMemo dependencies including filter state IDs and dynamic sort state IDs
     var memoDeps = [types.identifier(vars.pageStateVar)];
     var seenDeps = new Set([vars.pageStateVar]);
@@ -1625,6 +1683,9 @@ function updateDataProviderForPaginationOnly(dp, usage, vars, fileName, cacheDec
         (0, filter_utils_1.pushStateIdsAsDeps)(memoDeps, seenDeps, usage.dynamicSort.depStateIds);
     }
     pushUrlSearchParamMemoDeps(memoDeps, usage);
+    if (localized) {
+        (0, request_locale_1.appendClientLocaleParam)(paramsProps, memoDeps);
+    }
     // Add params
     var cachedInitialData = pushParamsAttribute(dp, usage, paramsProps, memoDeps, cacheDeclarations);
     // Add initialData. See paginated+search updater for why we skip prefetch
@@ -1650,7 +1711,7 @@ function updateDataProviderForPaginationOnly(dp, usage, vars, fileName, cacheDec
     dp.openingElement.attributes.push(buildFetchDataForUsage(fileName, usage));
     dp.openingElement.attributes.push(types.jsxAttribute(types.jsxIdentifier('persistDataDuringLoading'), types.jsxExpressionContainer(types.booleanLiteral(true))));
 }
-function updateDataProviderForSearchOnly(dp, usage, vars, fileName, cacheDeclarations) {
+function updateDataProviderForSearchOnly(dp, usage, vars, fileName, cacheDeclarations, localized) {
     var _a;
     var attrs = dp.openingElement.attributes;
     dp.openingElement.attributes = attrs.filter(function (attr) {
@@ -1668,6 +1729,7 @@ function updateDataProviderForSearchOnly(dp, usage, vars, fileName, cacheDeclara
     (0, sort_utils_1.appendSortsParam)(paramsProps, usage.sorts, usage.dynamicSort);
     // Add filters if present
     (0, filter_utils_1.appendFiltersParam)(paramsProps, usage.filters, buildFilterDestinationExpression);
+    (0, items_path_1.appendItemsPathParam)(paramsProps, usage.itemsPath, 'itemsPath');
     // Build useMemo dependencies including filter state IDs and dynamic sort state IDs
     var memoDeps = [types.identifier(vars.debouncedSearchQueryVar)];
     var seenDeps = new Set([vars.debouncedSearchQueryVar]);
@@ -1677,6 +1739,9 @@ function updateDataProviderForSearchOnly(dp, usage, vars, fileName, cacheDeclara
         (0, filter_utils_1.pushStateIdsAsDeps)(memoDeps, seenDeps, usage.dynamicSort.depStateIds);
     }
     pushUrlSearchParamMemoDeps(memoDeps, usage);
+    if (localized) {
+        (0, request_locale_1.appendClientLocaleParam)(paramsProps, memoDeps);
+    }
     var cachedInitialData = pushParamsAttribute(dp, usage, paramsProps, memoDeps, cacheDeclarations);
     // Add initialData. See paginated+search updater for why we skip prefetch
     // reuse when a dynamic state-bound sort is active.
@@ -1692,7 +1757,7 @@ function updateDataProviderForSearchOnly(dp, usage, vars, fileName, cacheDeclara
     dp.openingElement.attributes.push(createFetchDataAttribute(fileName, ((_a = usage.cache) === null || _a === void 0 ? void 0 : _a.client) ? usage.cache : undefined));
     dp.openingElement.attributes.push(types.jsxAttribute(types.jsxIdentifier('persistDataDuringLoading'), types.jsxExpressionContainer(types.booleanLiteral(true))));
 }
-function updateDataProviderForPlain(dp, fileName, usage) {
+function updateDataProviderForPlain(dp, fileName, usage, localized) {
     var _a, _b, _c, _d;
     var attrs = dp.openingElement.attributes;
     var clientCache = ((_a = usage.cache) === null || _a === void 0 ? void 0 : _a.client) ? usage.cache : undefined;
@@ -1714,10 +1779,16 @@ function updateDataProviderForPlain(dp, fileName, usage) {
     if (!hasPersistData) {
         attrs.push(types.jsxAttribute(types.jsxIdentifier('persistDataDuringLoading'), types.jsxExpressionContainer(types.booleanLiteral(true))));
     }
-    // Find the params attribute
+    // Find the params attribute. A plain list may have none at all — but the
+    // fetch it was just given sends `params` regardless, and in a localized
+    // project those have to carry the locale, so the attribute is created.
     var paramsAttrIndex = attrs.findIndex(function (attr) { return attr.type === 'JSXAttribute' && attr.name.name === 'params'; });
     if (paramsAttrIndex === -1) {
-        return;
+        if (!localized) {
+            return;
+        }
+        attrs.push(types.jsxAttribute(types.jsxIdentifier('params'), types.jsxExpressionContainer(types.objectExpression([]))));
+        paramsAttrIndex = attrs.length - 1;
     }
     var paramsAttr = attrs[paramsAttrIndex];
     // Check if params is already wrapped in useMemo
@@ -1740,6 +1811,9 @@ function updateDataProviderForPlain(dp, fileName, usage) {
     (0, filter_utils_1.pushStateIdsAsDeps)(memoDeps, memoSeen, usage.filterStateIds);
     (0, filter_utils_1.pushPropIdsAsDeps)(memoDeps, memoSeen, usage.filterPropIds);
     pushUrlSearchParamMemoDeps(memoDeps, usage);
+    if (localized && paramsExpression.type === 'ObjectExpression') {
+        (0, request_locale_1.appendClientLocaleParam)(paramsExpression.properties, memoDeps);
+    }
     // Wrap params in useMemo with filter state dependencies
     var memoizedParams = types.callExpression(types.identifier('useMemo'), [
         types.arrowFunctionExpression([], paramsExpression),
@@ -1771,11 +1845,18 @@ function stabilizeDataProviderWithoutRepeater(dp) {
     if (!paramsExpression) {
         return;
     }
-    // Wrap params in useMemo with empty dependencies array
-    // This ensures the object reference stays stable across re-renders
+    // Wrap params in useMemo with an empty dependencies array so the object
+    // reference stays stable across re-renders. The one thing that may vary is
+    // the locale a client-fetched item carries (put there by the data-source
+    // plugin): a locale switch must rebuild the params, or the item would keep
+    // its previous language.
+    var memoDeps = [];
+    if (paramsExpression.type === 'ObjectExpression' && (0, request_locale_1.hasLocaleParam)(paramsExpression.properties)) {
+        memoDeps.push((0, request_locale_1.buildClientLocaleExpression)());
+    }
     var memoizedParams = types.callExpression(types.identifier('useMemo'), [
         types.arrowFunctionExpression([], paramsExpression),
-        types.arrayExpression([]),
+        types.arrayExpression(memoDeps),
     ]);
     // Replace the params attribute
     attrs[paramsAttrIndex] = types.jsxAttribute(types.jsxIdentifier('params'), types.jsxExpressionContainer(memoizedParams));
@@ -2087,7 +2168,7 @@ function ensureAPIRouteExists(extractedResources, usage, dataSources, transformO
         };
     }
 }
-function updateGetStaticProps(chunks, registry, dependencies, folderPath) {
+function updateGetStaticProps(chunks, registry, dependencies, folderPath, localized) {
     var _a;
     var getStaticPropsChunk = chunks.find(function (c) { return c.name === 'getStaticProps'; });
     if (!getStaticPropsChunk || getStaticPropsChunk.type !== teleport_types_1.ChunkType.AST) {
@@ -2182,6 +2263,11 @@ function updateGetStaticProps(chunks, registry, dependencies, folderPath) {
                 })),
             ])));
         }
+        (0, items_path_1.appendItemsPathParam)(fetchParams, usage.itemsPath, 'itemsPath');
+        // The prefetch is per locale — getStaticProps runs once per language.
+        if (localized) {
+            fetchParams.push((0, request_locale_1.buildServerLocaleParam)());
+        }
         // Check if this fetch already exists
         var existingFetchIndex = arrayPattern.elements.findIndex(function (el) { return (el === null || el === void 0 ? void 0 : el.type) === 'Identifier' && el.name === vars.propsPrefix; });
         if (existingFetchIndex === -1) {
@@ -2216,8 +2302,10 @@ function updateGetStaticProps(chunks, registry, dependencies, folderPath) {
             // Use filter-specific count variable if usage has static filters
             // (dynamic filters can't be resolved at build time)
             var staticFiltersForCount = (usage.filters || []).filter(function (f) { return !teleport_plugin_common_1.ASTUtils.isUIDLDynamicReference(f.destination); });
-            var hasStaticFilters = staticFiltersForCount.length > 0;
-            var countVarName = hasStaticFilters
+            // A count scoped to an inner array is a different number from the
+            // whole-payload one, so it gets its own variable just like a filtered one.
+            var hasScopedCount = staticFiltersForCount.length > 0 || !!usage.itemsPath;
+            var countVarName = hasScopedCount
                 ? "".concat(usage.dataSourceIdentifier, "_ds_").concat(usage.index, "_count")
                 : "".concat(usage.dataSourceIdentifier, "_count");
             // Check if maxPages calculation already exists
@@ -2255,7 +2343,7 @@ function updateGetStaticProps(chunks, registry, dependencies, folderPath) {
         var usagesByFilters = new Map();
         for (var _i = 0, usagesForDataSource_1 = usagesForDataSource; _i < usagesForDataSource_1.length; _i++) {
             var usage = usagesForDataSource_1[_i];
-            var filtersKey = JSON.stringify(usage.filters || []);
+            var filtersKey = JSON.stringify([usage.filters || [], usage.itemsPath || []]);
             var existing = usagesByFilters.get(filtersKey) || [];
             existing.push(usage);
             usagesByFilters.set(filtersKey, existing);
@@ -2266,8 +2354,9 @@ function updateGetStaticProps(chunks, registry, dependencies, folderPath) {
             // Filter out dynamic destinations for getStaticProps (they can't be resolved at build time)
             var staticFiltersForCount = (firstUsage.filters || []).filter(function (f) { return !teleport_plugin_common_1.ASTUtils.isUIDLDynamicReference(f.destination); });
             var hasStaticFilters = staticFiltersForCount.length > 0;
-            // Create unique count variable name based on filters
-            var countVarName = hasStaticFilters
+            // Create unique count variable name based on filters (and inner-array
+            // scope — must match the naming at the maxPages site above)
+            var countVarName = hasStaticFilters || firstUsage.itemsPath
                 ? "".concat(firstUsage.dataSourceIdentifier, "_ds_").concat(firstUsage.index, "_count")
                 : "".concat(firstUsage.dataSourceIdentifier, "_count");
             // Check if this count was already processed
@@ -2293,6 +2382,7 @@ function updateGetStaticProps(chunks, registry, dependencies, folderPath) {
                         })),
                     ])));
                 }
+                (0, items_path_1.appendItemsPathParam)(countParams, firstUsage.itemsPath, 'collectionPath');
                 fetchesArray.elements.push(types.callExpression(types.memberExpression(types.callExpression(types.memberExpression(types.identifier(fetcherImportName), types.identifier('fetchCount')), countParams.length > 0 ? [types.objectExpression(countParams)] : []), types.identifier('catch')), [
                     types.arrowFunctionExpression([types.identifier('error')], types.blockStatement([
                         types.expressionStatement(types.callExpression(types.memberExpression(types.identifier('console'), types.identifier('error')), [