@teleporthq/teleport-plugin-next-data-source 0.43.75 → 0.44.0

package/dist/esm/pagination-controls.d.ts

@@ -15,9 +15,27 @@ export declare const PAGINATION_CONTROL_ATTR = "data-tq-pagination-control";
  * `'pages'` is the container the page-number buttons are repeated into and
  * `'page'` the single template button inside it. `'ellipsis'` and `'sentinel'`
  * are reserved for an authored gap marker / scroll sentinel; until a builder
- * emits them both runtimes fall back to generating their own.
+ * emits them both runtimes fall back to generating their own. `'range'` is a
+ * TEXT element ("Showing 1–8 of 12") both runtimes fill with the live row
+ * range — see `range-control.ts`.
  */
-export type PaginationControlKind = 'first' | 'previous' | 'pages' | 'page' | 'ellipsis' | 'next' | 'last' | 'load-more' | 'sentinel';
+export type PaginationControlKind = 'first' | 'previous' | 'pages' | 'page' | 'ellipsis' | 'next' | 'last' | 'load-more' | 'sentinel' | 'range';
+/**
+ * Which mapper a `range` control belongs to, when it does not sit inside that
+ * mapper's pagination container: the array mapper's editor node id, which the
+ * UIDL carries as `nodeId` on the `cms-list-repeater`. A template's footer
+ * ("Showing 1–8 of 12") is laid out by the author, not inside a widget, so the
+ * container-ownership rule the buttons use cannot reach it.
+ *
+ * ⛔ Both attribute names must stay identical to the editor's
+ * (`array-mapper-pagination-settings.ts`) and the canvas renderer's
+ * (`array-mapper-pagination.ts`) copies.
+ */
+export declare const PAGINATION_FOR_ATTR = "data-tq-pagination-for";
+/** The words of a `range` control, with `{from}`, `{to}` and `{total}` placeholders. */
+export declare const RANGE_TEMPLATE_ATTR = "data-tq-range-template";
+/** What a `range` control reads when it carries no template. */
+export declare const DEFAULT_RANGE_TEMPLATE = "{from}\u2013{to} of {total}";
 export declare function readJSXAttributeString(node: any, attrName: string): string;
 /**
  * Depth-first search for one authored pagination control.
@@ -49,7 +67,8 @@ export declare function removeJSXAttribute(node: any, attrName: string): void;
  *
  * Children carrying NO marker are always kept: they are the author's own
  * additions (a page counter, a spacer) and the generator has no business
- * deciding whether they belong.
+ * deciding whether they belong. A `range` text is kept in every mode too: the
+ * row range is meaningful whether the list pages or appends.
  */
 export declare function dropInactivePaginationControls(paginationNode: any, activeKinds: PaginationControlKind[]): void;
 //# sourceMappingURL=pagination-controls.d.ts.map

package/dist/esm/pagination-controls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pagination-controls.d.ts","sourceRoot":"","sources":["../../src/pagination-controls.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,cAAc,CAAA;AAErC;;;;;;;;;;GAUG;AACH,eAAO,MAAM,uBAAuB,+BAA+B,CAAA;AAEnE;;;;;GAKG;AACH,MAAM,MAAM,qBAAqB,GAC7B,OAAO,GACP,UAAU,GACV,OAAO,GACP,MAAM,GACN,UAAU,GACV,MAAM,GACN,MAAM,GACN,WAAW,GACX,UAAU,CAAA;AAOd,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAK1E;AAED;;;;;;;GAOG;AACH,wBAAgB,qBAAqB,CACnC,IAAI,EAAE,GAAG,EACT,IAAI,EAAE,qBAAqB,EAC3B,eAAe,CAAC,EAAE,MAAM,GACvB,GAAG,CA2BL;AAED,6GAA6G;AAC7G,wBAAgB,yBAAyB,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,qBAAqB,GAAG,GAAG,EAAE,CAkBvF;AAED;;;;;;GAMG;AACH,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,GAAG,GAAG,IAAI,CAWtD;AAED,wEAAwE;AACxE,wBAAgB,yBAAyB,CACvC,IAAI,EAAE,GAAG,EACT,QAAQ,EAAE,MAAM,EAChB,UAAU,EAAE,KAAK,CAAC,UAAU,GAC3B,IAAI,CAON;AAED,0CAA0C;AAC1C,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,CAIpE;AAED;;;;;;;;GAQG;AACH,wBAAgB,8BAA8B,CAC5C,cAAc,EAAE,GAAG,EACnB,WAAW,EAAE,qBAAqB,EAAE,GACnC,IAAI,CAgBN"}
+{"version":3,"file":"pagination-controls.d.ts","sourceRoot":"","sources":["../../src/pagination-controls.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,cAAc,CAAA;AAErC;;;;;;;;;;GAUG;AACH,eAAO,MAAM,uBAAuB,+BAA+B,CAAA;AAEnE;;;;;;;GAOG;AACH,MAAM,MAAM,qBAAqB,GAC7B,OAAO,GACP,UAAU,GACV,OAAO,GACP,MAAM,GACN,UAAU,GACV,MAAM,GACN,MAAM,GACN,WAAW,GACX,UAAU,GACV,OAAO,CAAA;AAEX;;;;;;;;;;GAUG;AACH,eAAO,MAAM,mBAAmB,2BAA2B,CAAA;AAE3D,wFAAwF;AACxF,eAAO,MAAM,mBAAmB,2BAA2B,CAAA;AAE3D,gEAAgE;AAChE,eAAO,MAAM,sBAAsB,gCAA2B,CAAA;AAO9D,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAK1E;AAED;;;;;;;GAOG;AACH,wBAAgB,qBAAqB,CACnC,IAAI,EAAE,GAAG,EACT,IAAI,EAAE,qBAAqB,EAC3B,eAAe,CAAC,EAAE,MAAM,GACvB,GAAG,CA2BL;AAED,6GAA6G;AAC7G,wBAAgB,yBAAyB,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,qBAAqB,GAAG,GAAG,EAAE,CAkBvF;AAED;;;;;;GAMG;AACH,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,GAAG,GAAG,IAAI,CAWtD;AAED,wEAAwE;AACxE,wBAAgB,yBAAyB,CACvC,IAAI,EAAE,GAAG,EACT,QAAQ,EAAE,MAAM,EAChB,UAAU,EAAE,KAAK,CAAC,UAAU,GAC3B,IAAI,CAON;AAED,0CAA0C;AAC1C,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,CAIpE;AAED;;;;;;;;;GASG;AACH,wBAAgB,8BAA8B,CAC5C,cAAc,EAAE,GAAG,EACnB,WAAW,EAAE,qBAAqB,EAAE,GACnC,IAAI,CAgBN"}

package/dist/esm/pagination-controls.js

@@ -1,3 +1,12 @@
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 import * as types from '@babel/types';
 /**
  * How the generator recognises the pagination controls the builder authored.
@@ -11,6 +20,22 @@ import * as types from '@babel/types';
  * pagination-scroll runtime already identifies its own nodes.
  */
 export var PAGINATION_CONTROL_ATTR = 'data-tq-pagination-control';
+/**
+ * Which mapper a `range` control belongs to, when it does not sit inside that
+ * mapper's pagination container: the array mapper's editor node id, which the
+ * UIDL carries as `nodeId` on the `cms-list-repeater`. A template's footer
+ * ("Showing 1–8 of 12") is laid out by the author, not inside a widget, so the
+ * container-ownership rule the buttons use cannot reach it.
+ *
+ * ⛔ Both attribute names must stay identical to the editor's
+ * (`array-mapper-pagination-settings.ts`) and the canvas renderer's
+ * (`array-mapper-pagination.ts`) copies.
+ */
+export var PAGINATION_FOR_ATTR = 'data-tq-pagination-for';
+/** The words of a `range` control, with `{from}`, `{to}` and `{total}` placeholders. */
+export var RANGE_TEMPLATE_ATTR = 'data-tq-range-template';
+/** What a `range` control reads when it carries no template. */
+export var DEFAULT_RANGE_TEMPLATE = '{from}–{to} of {total}';
 // tslint:disable:no-any
 // Reads a JSX attribute's literal string value, covering both the plain
 // `attr="value"` form and the `attr={'value'}` container the UIDL printer emits
@@ -104,10 +129,11 @@ export function removeJSXAttribute(node, attrName) {
  *
  * Children carrying NO marker are always kept: they are the author's own
  * additions (a page counter, a spacer) and the generator has no business
- * deciding whether they belong.
+ * deciding whether they belong. A `range` text is kept in every mode too: the
+ * row range is meaningful whether the list pages or appends.
  */
 export function dropInactivePaginationControls(paginationNode, activeKinds) {
-    var active = new Set(activeKinds);
+    var active = new Set(__spreadArray(__spreadArray([], activeKinds, true), ['range'], false));
     var prune = function (node) {
         if (!node || !Array.isArray(node.children)) {
             return;

package/dist/esm/pagination-controls.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination-controls.js","sourceRoot":"","sources":["../../src/pagination-controls.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"pagination-controls.js","sourceRoot":"","sources":["../../src/pagination-controls.ts"],"names":[],"mappings":"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"}

package/dist/esm/pagination-plugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pagination-plugin.d.ts","sourceRoot":"","sources":["../../src/pagination-plugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,sBAAsB,EAGvB,MAAM,4BAA4B,CAAA;AAooCnC,eAAO,MAAM,qCAAqC,EAAE,sBAAsB,CAAC,EAAE,CAq1B5E,CAAA"}
+{"version":3,"file":"pagination-plugin.d.ts","sourceRoot":"","sources":["../../src/pagination-plugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,sBAAsB,EAGvB,MAAM,4BAA4B,CAAA;AA6pCnC,eAAO,MAAM,qCAAqC,EAAE,sBAAsB,CAAC,EAAE,CAg3B5E,CAAA"}

package/dist/esm/pagination-plugin.js

@@ -58,11 +58,13 @@ import { resolveRepeaterPerPage } from './repeater-page-size';
 import { applyLoadingStateToDataProvider, buildLoadingStateDeclarations, getLoadingStateVars, } from './loading-state';
 import { mergeServerCacheOptions, resolveCacheFromRepeaterContent } from './cache/config';
 import { buildCacheHydrationEffect, buildCacheStoreThen, buildCachedFetchBody, buildCachedParamsDeclarations, registerCacheClientImports, } from './cache/ast';
-import { convertControlToButton, dropInactivePaginationControls, findPaginationControl, setJSXExpressionAttribute, } from './pagination-controls';
+import { convertControlToButton, dropInactivePaginationControls, findAllPaginationControls, findPaginationControl, PAGINATION_FOR_ATTR, readJSXAttributeString, setJSXExpressionAttribute, } from './pagination-controls';
+import { findRangeControls, wireRangeControl } from './range-control';
+import { findAllSearchInputsInJSX, pairSearchInputs, wireSearchInput } from './search-input';
 import { buildCountFetchEffect, buildCountSeqDeclaration } from './count-effect';
 import { findAllSearchClearButtonsInJSX, findSiblingSearchInput, wireSearchClearButton, } from './search-clear';
 import { buildPageTokensDeclaration, wireNumberedPagination, } from './numbered-pagination';
-import { buildAccumulatingResponseHandler, buildInfiniteScrollDeclarations, buildSentinelElement, buildSentinelObserverEffect, getInfiniteScrollVars, } from './infinite-scroll';
+import { buildAccumulatingRequestMark, buildAccumulatingResponseHandler, buildInfiniteScrollDeclarations, buildSentinelElement, buildSentinelObserverEffect, getInfiniteScrollVars, } from './infinite-scroll';
 import { buildFilterSortPageResetEffect, buildPageResetRefDeclaration, hasNoPageResetDeps, } from './page-reset';
 import { buildPageUrlRefDeclaration, buildPageUrlSyncEffect } from './page-url-sync';
 import { isLocalizedProject } from './content-localization';
@@ -407,6 +409,7 @@ function buildStateRegistry(uidlNode) {
                     index: index++,
                     dataSourceIdentifier: parentDataSource.identifier,
                     arrayMapperRenderProp: arrayMapperRenderProp,
+                    nodeId: typeof content.nodeId === 'string' ? content.nodeId : undefined,
                     resourceDefinition: {
                         dataSourceId: parentDataSource.resourceDef.dataSourceId || '',
                         tableName: parentDataSource.resourceDef.tableName || '',
@@ -502,6 +505,8 @@ function getStateVarsForUsage(usage) {
         setPageStateVar: "setDs_".concat(idx, "_page"),
         maxPagesStateVar: "ds_".concat(idx, "_maxPages"),
         setMaxPagesStateVar: "setDs_".concat(idx, "_maxPages"),
+        totalStateVar: "ds_".concat(idx, "_total"),
+        setTotalStateVar: "setDs_".concat(idx, "_total"),
         searchQueryVar: "ds_".concat(idx, "_searchQuery"),
         setSearchQueryVar: "setDs_".concat(idx, "_searchQuery"),
         debouncedSearchQueryVar: "ds_".concat(idx, "_debouncedQuery"),
@@ -579,19 +584,27 @@ function pushSearchUrlSyncEffects(effectStatements, usage, vars) {
     effectStatements.push(URLSearchParamSync.buildUrlWriteBackEffect(usage.searchUrlParamKey, buildDebouncedValueExpr(), buildDebouncedValueExpr(), undefined, adoptedRefVar));
     // read-back: `?<searchUrlParamKey>=` → the input AND the applied query at once
     // (`ds_N_adoptUrlSearch`), so an address is not a typed change: it skips the
-    // debounce and keeps the page — `?searchKeyword=x&page=3` lands on page 3.
+    // debounce and keeps a page the address carries — `?searchKeyword=x&page=3`
+    // lands on page 3.
     effectStatements.push(URLSearchParamSync.buildUrlReadBackEffect(usage.searchUrlParamKey, adopterVar, undefined, adoptedRefVar));
 }
 // `const ds_N_adoptUrlSearch = (update) => { … }`: the setter the search's URL
 // read-back calls with its `(prev) => next` updater. It moves the input and the
-// applied (debounced) query together; the combined paginated state keeps its
-// page, which a typed change resets to 1 in the debounce effect.
+// applied (debounced) query together. A list whose page is in the address
+// keeps its page — the page sync sets it from the same address. Any other
+// list starts the new query on page 1, as a typed change does in the debounce
+// effect: an appending list has usually advanced past page 1 by the time the
+// router is ready, and the query's first answer would otherwise be its page 2
+// — empty for a query only a few rows match.
 function buildUrlSearchAdopter(adopterVar, usage, vars) {
     var update = types.identifier('update');
+    var pageReset = usageHasPageUrlSync(usage)
+        ? []
+        : [types.objectProperty(types.identifier('page'), types.numericLiteral(1))];
     var applyToDebounced = usage.category === 'paginated+search'
         ? // setDs_N_state((state) => {
             //   const next = update(state.debouncedQuery)
-            //   return next === state.debouncedQuery ? state : { ...state, debouncedQuery: next }
+            //   return next === state.debouncedQuery ? state : { ...state, page: 1, debouncedQuery: next }
             // })
             types.callExpression(types.identifier(vars.setCombinedStateVar), [
                 types.arrowFunctionExpression([types.identifier('state')], types.blockStatement([
@@ -600,10 +613,11 @@ function buildUrlSearchAdopter(adopterVar, usage, vars) {
                             types.memberExpression(types.identifier('state'), types.identifier('debouncedQuery')),
                         ])),
                     ]),
-                    types.returnStatement(types.conditionalExpression(types.binaryExpression('===', types.identifier('next'), types.memberExpression(types.identifier('state'), types.identifier('debouncedQuery'))), types.identifier('state'), types.objectExpression([
-                        types.spreadElement(types.identifier('state')),
+                    types.returnStatement(types.conditionalExpression(types.binaryExpression('===', types.identifier('next'), types.memberExpression(types.identifier('state'), types.identifier('debouncedQuery'))), types.identifier('state'), types.objectExpression(__spreadArray(__spreadArray([
+                        types.spreadElement(types.identifier('state'))
+                    ], pageReset, true), [
                         types.objectProperty(types.identifier('debouncedQuery'), types.identifier('next')),
-                    ]))),
+                    ], false)))),
                 ])),
             ])
         : types.callExpression(types.identifier(vars.setDebouncedSearchQueryVar), [update]);
@@ -766,7 +780,7 @@ function pushFilterSortPageResetEffect(stateDeclarations, effectStatements, usag
 // ==================== MAIN PLUGIN ====================
 export 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, localized, stateDeclarations, effectStatements, needsUseRouter, returnIndex, insertIndex, dataProviders, dataProvidersWithRepeaters, usageIndexByDataSourceId, loadingStateDeclarations, usagesWithLoadingState, usageByProviderNode, cacheDeclarations, sharedOptions, cachedScopes, dataProvidersWithoutRepeaters, searchInputs, searchEnabledUsages, usageBySearchInput;
+        var uidl, chunks, dependencies, options, componentChunk, variableDeclaration, declarator, arrowFunction, blockStatement, rangeControls, hasRangeControl, registry, getStaticPropsChunk, isPage, localized, stateDeclarations, effectStatements, needsUseRouter, returnIndex, insertIndex, dataProviders, dataProvidersWithRepeaters, usageIndexByDataSourceId, loadingStateDeclarations, usagesWithLoadingState, usageByProviderNode, cacheDeclarations, sharedOptions, cachedScopes, dataProvidersWithoutRepeaters, searchInputs, usageBySearchInput, _i, searchInputs_1, input, usage;
         var _a, _b;
         return __generator(this, function (_c) {
             uidl = structure.uidl, chunks = structure.chunks, dependencies = structure.dependencies, options = structure.options;
@@ -790,6 +804,8 @@ export var createNextArrayMapperPaginationPlugin = function () {
                 return [2 /*return*/, structure];
             }
             blockStatement = arrowFunction.body;
+            rangeControls = findRangeControls(blockStatement);
+            hasRangeControl = rangeControls.length > 0;
             registry = buildStateRegistry(uidl.node);
             if (registry.usages.length === 0) {
                 return [2 /*return*/, structure];
@@ -958,11 +974,15 @@ export var createNextArrayMapperPaginationPlugin = function () {
                     pushPropIdsAsDeps(countEffectDeps, countEffectSeen, usage.filterPropIds);
                     // Same goes for URL-driven filters (already documented above).
                     pushUrlSearchParamMemoDeps(countEffectDeps, usage);
+                    if (hasRangeControl) {
+                        stateDeclarations.push(buildTotalDeclaration(vars));
+                    }
                     stateDeclarations.push(buildCountSeqDeclaration(vars.countSeqRefVar));
                     effectStatements.push(buildCountFetchEffect({
                         fileName: fileName,
                         perPage: usage.perPage,
                         setMaxPagesVar: vars.setMaxPagesStateVar,
+                        setTotalVar: hasRangeControl ? vars.setTotalStateVar : undefined,
                         urlParams: urlParams,
                         deps: countEffectDeps,
                         countSeqRefVar: vars.countSeqRefVar,
@@ -1004,7 +1024,9 @@ export var createNextArrayMapperPaginationPlugin = function () {
                     // "Next" button, but not to label a numbered strip or to know when an
                     // infinite list has reached its end, so those two modes fetch a live
                     // count as well.
-                    var needsLiveCount = !isPage || usage.paginationMode === 'numbered' || usage.infiniteScroll;
+                    // A range text needs the live count too: the build-time count only
+                    // ever became a page count, never the total it shows.
+                    var needsLiveCount = !isPage || usage.paginationMode === 'numbered' || usage.infiniteScroll || hasRangeControl;
                     if (needsLiveCount) {
                         var fileName = generateSafeFileName(usage.resourceDefinition.dataSourceType, usage.resourceDefinition.tableName, usage.resourceDefinition.dataSourceId);
                         // ⛔ This list has no search input, so no `query` param — but it may
@@ -1026,11 +1048,15 @@ export var createNextArrayMapperPaginationPlugin = function () {
                         pushStateIdsAsDeps(countDeps, countDepsSeen, usage.filterStateIds);
                         pushPropIdsAsDeps(countDeps, countDepsSeen, usage.filterPropIds);
                         pushUrlSearchParamMemoDeps(countDeps, usage);
+                        if (hasRangeControl) {
+                            stateDeclarations.push(buildTotalDeclaration(vars));
+                        }
                         stateDeclarations.push(buildCountSeqDeclaration(vars.countSeqRefVar));
                         effectStatements.push(buildCountFetchEffect({
                             fileName: fileName,
                             perPage: usage.perPage,
                             setMaxPagesVar: vars.setMaxPagesStateVar,
+                            setTotalVar: hasRangeControl ? vars.setTotalStateVar : undefined,
                             urlParams: countUrlParams,
                             deps: countDeps,
                             countSeqRefVar: vars.countSeqRefVar,
@@ -1161,7 +1187,9 @@ export var createNextArrayMapperPaginationPlugin = function () {
                 // An auto-loading list needs something at the end of the rows for its
                 // IntersectionObserver to watch.
                 if (usage.infiniteScroll && usage.paginated && !usage.infiniteScrollLoadMore) {
-                    insertSentinelAfterProvider(blockStatement, dp, buildSentinelElement(getInfiniteScrollVars(usage.index)));
+                    insertSentinelAfterProvider(blockStatement, dp, function (parentTag) {
+                        return buildSentinelElement(getInfiniteScrollVars(usage.index), parentTag);
+                    });
                 }
                 // Create API route for all categories (including 'plain' for components)
                 ensureAPIRouteExists(options.extractedResources, usage, options.dataSources, buildProductTransformOptions(options));
@@ -1203,17 +1231,14 @@ export var createNextArrayMapperPaginationPlugin = function () {
                 stabilizeDataProviderWithoutRepeater(dp);
             });
             searchInputs = findAllSearchInputsInJSX(blockStatement);
-            searchEnabledUsages = registry.usages.filter(function (u) { return u.searchEnabled; });
-            usageBySearchInput = new Map();
-            searchInputs.forEach(function (input, idx) {
-                if (idx >= searchEnabledUsages.length) {
-                    return;
+            usageBySearchInput = pairSearchInputs(searchInputs, registry.usages);
+            for (_i = 0, searchInputs_1 = searchInputs; _i < searchInputs_1.length; _i++) {
+                input = searchInputs_1[_i];
+                usage = usageBySearchInput.get(input.node);
+                if (usage) {
+                    wireSearchInput(input, getStateVarsForUsage(usage));
                 }
-                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.
             findAllSearchClearButtonsInJSX(blockStatement).forEach(function (button) {
                 var input = findSiblingSearchInput(button, searchInputs.map(function (entry) { return entry.node; }));
@@ -1240,6 +1265,24 @@ export var createNextArrayMapperPaginationPlugin = function () {
                 }
                 wirePaginationWidget(node, usage, getStateVarsForUsage(usage), usagesWithLoadingState.has(usage.index));
             });
+            // STEP 5b: Wire the range texts that name their mapper.
+            //
+            // A `range` control carrying `data-tq-pagination-for` belongs to the mapper
+            // whose editor node id it names, wherever it sits — a template's footer or
+            // toolbar is laid out by the author, not inside a pagination container, so
+            // the container-ownership rule above cannot reach it. One without the
+            // attribute was wired by its container in STEP 5; one naming a mapper this
+            // component does not render stays as drawn.
+            rangeControls.forEach(function (control) {
+                var ownerNodeId = readJSXAttributeString(control, PAGINATION_FOR_ATTR);
+                if (!ownerNodeId) {
+                    return;
+                }
+                var owner = registry.usages.find(function (usage) { return usage.nodeId === ownerNodeId; });
+                if (owner) {
+                    wireRangeControlFor(control, owner, getStateVarsForUsage(owner));
+                }
+            });
             // 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, localized);
@@ -1257,39 +1300,59 @@ export var createNextArrayMapperPaginationPlugin = function () {
  * It has to be a sibling: the provider's own child is a render-prop function,
  * and anything placed inside it would be re-created on every fetch — the
  * observer would then be watching an element that is no longer in the document.
+ * The sentinel is built for the element it lands in (`buildSentinelElement`):
+ * a fragment is transparent, a component's children may go anywhere.
  *
  * Returns false when the provider has no element parent to splice into (a
  * provider returned directly from the component), leaving the list on its
  * count-driven `hasMore` rather than injecting a stray node.
  */
-function insertSentinelAfterProvider(blockStatement, provider, sentinel) {
+function insertSentinelAfterProvider(blockStatement, provider, buildSentinel) {
     var inserted = false;
-    var traverse = function (node) {
+    var elementTagOf = function (node, enclosing) {
+        var _a;
+        if ((node === null || node === void 0 ? void 0 : node.type) === 'JSXFragment') {
+            return enclosing;
+        }
+        if ((node === null || node === void 0 ? void 0 : node.type) !== 'JSXElement') {
+            return enclosing;
+        }
+        var name = (_a = node.openingElement) === null || _a === void 0 ? void 0 : _a.name;
+        if ((name === null || name === void 0 ? void 0 : name.type) !== 'JSXIdentifier') {
+            return null;
+        }
+        if (name.name === 'Fragment') {
+            return enclosing;
+        }
+        return /^[a-z]/.test(name.name) ? name.name : null;
+    };
+    var traverse = function (node, enclosing) {
         if (!node || inserted) {
             return;
         }
+        var tag = elementTagOf(node, enclosing);
         if (Array.isArray(node.children)) {
             var at = node.children.indexOf(provider);
             if (at !== -1) {
-                node.children.splice(at + 1, 0, sentinel);
+                node.children.splice(at + 1, 0, buildSentinel(tag));
                 inserted = true;
                 return;
             }
-            node.children.forEach(traverse);
+            node.children.forEach(function (child) { return traverse(child, tag); });
         }
         if (node.body) {
             if (Array.isArray(node.body)) {
-                node.body.forEach(traverse);
+                node.body.forEach(function (child) { return traverse(child, tag); });
             }
             else {
-                traverse(node.body);
+                traverse(node.body, tag);
             }
         }
         if (node.consequent) {
-            traverse(node.consequent);
+            traverse(node.consequent, tag);
         }
         if (node.alternate) {
-            traverse(node.alternate);
+            traverse(node.alternate, tag);
         }
         // `{activeTabIndex === 0 && (<div>…<DataProvider/>…</div>)}` — a tab
         // panel, a gated section: the provider sits on the RIGHT of a logical
@@ -1297,22 +1360,22 @@ function insertSentinelAfterProvider(blockStatement, provider, sentinel) {
         // 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);
+            traverse(node.left, tag);
         }
         if (node.right) {
-            traverse(node.right);
+            traverse(node.right, tag);
         }
         if (node.test) {
-            traverse(node.test);
+            traverse(node.test, tag);
         }
         if (node.expression) {
-            traverse(node.expression);
+            traverse(node.expression, tag);
         }
         if (node.argument) {
-            traverse(node.argument);
+            traverse(node.argument, tag);
         }
     };
-    traverse(blockStatement);
+    traverse(blockStatement, null);
     return inserted;
 }
 function findAllDataProvidersInJSX(blockStatement) {
@@ -1407,61 +1470,6 @@ function findArrayMapperRenderPropInDataProvider(dataProvider) {
     }
     return renderItemAttr.value.expression.params[0].name;
 }
-function findAllSearchInputsInJSX(blockStatement) {
-    var results = [];
-    var traverse = function (node) {
-        var _a, _b, _c, _d, _e, _f;
-        if (!node) {
-            return;
-        }
-        if (node.type === 'JSXElement' && ((_b = (_a = node.openingElement) === null || _a === void 0 ? void 0 : _a.name) === null || _b === void 0 ? void 0 : _b.name) === 'input') {
-            var classAttr = (_c = node.openingElement.attributes) === null || _c === void 0 ? void 0 : _c.find(function (attr) { return attr.type === 'JSXAttribute' && attr.name.name === 'className'; });
-            var className = ((_d = classAttr === null || classAttr === void 0 ? void 0 : classAttr.value) === null || _d === void 0 ? void 0 : _d.value) || ((_f = (_e = classAttr === null || classAttr === void 0 ? void 0 : classAttr.value) === null || _e === void 0 ? void 0 : _e.expression) === null || _f === void 0 ? void 0 : _f.value) || '';
-            if (className.includes('search-input')) {
-                results.push({ node: node, className: className });
-            }
-        }
-        if (node.children && Array.isArray(node.children)) {
-            node.children.forEach(function (c) { return traverse(c); });
-        }
-        if (node.body) {
-            if (Array.isArray(node.body)) {
-                node.body.forEach(function (s) { return traverse(s); });
-            }
-            else {
-                traverse(node.body);
-            }
-        }
-        if (node.consequent) {
-            traverse(node.consequent);
-        }
-        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);
-        }
-        if (node.argument) {
-            traverse(node.argument);
-        }
-    };
-    traverse(blockStatement);
-    return results;
-}
 /**
  * Every pagination widget in the JSX, paired with the mapper it belongs to.
  *
@@ -1906,21 +1914,18 @@ accumulate) {
             ? buildCacheStoreThen(cache)
             : uncachedTail;
     var networkChain = types.callExpression(types.memberExpression(parsedJson, types.identifier('then')), [responseTail]);
+    // An appending list records the request it now stands on before making it
+    // (see `buildAccumulatingRequestMark`).
     var arrow = cache
         ? types.arrowFunctionExpression([types.identifier('params')], buildCachedFetchBody(networkChain, cache))
-        : types.arrowFunctionExpression([types.identifier('params')], networkChain);
+        : accumulate
+            ? types.arrowFunctionExpression([types.identifier('params')], types.blockStatement([
+                buildAccumulatingRequestMark(getInfiniteScrollVars(accumulate.usage.index)),
+                types.returnStatement(networkChain),
+            ]))
+            : types.arrowFunctionExpression([types.identifier('params')], networkChain);
     return types.jsxAttribute(types.jsxIdentifier('fetchData'), types.jsxExpressionContainer(types.callExpression(types.identifier('useCallback'), [arrow, types.arrayExpression([])])));
 }
-function wireSearchInput(inputNode, vars) {
-    // Remove existing onChange and value
-    inputNode.openingElement.attributes = inputNode.openingElement.attributes.filter(function (attr) { var _a; return !['onChange', 'value'].includes((_a = attr.name) === null || _a === void 0 ? void 0 : _a.name); });
-    // Add onChange
-    inputNode.openingElement.attributes.push(types.jsxAttribute(types.jsxIdentifier('onChange'), types.jsxExpressionContainer(types.arrowFunctionExpression([types.identifier('e')], types.callExpression(types.identifier(vars.setSearchQueryVar), [
-        types.memberExpression(types.memberExpression(types.identifier('e'), types.identifier('target')), types.identifier('value')),
-    ])))));
-    // Add value
-    inputNode.openingElement.attributes.push(types.jsxAttribute(types.jsxIdentifier('value'), types.jsxExpressionContainer(types.identifier(vars.searchQueryVar))));
-}
 /**
  * The `fetchData` attribute for one paginated usage.
  *
@@ -1936,6 +1941,32 @@ function buildFetchDataForUsage(fileName, usage) {
     }
     return createFetchDataAttribute(fileName, ((_a = usage.cache) === null || _a === void 0 ? void 0 : _a.client) ? usage.cache : undefined);
 }
+/** `const [ds_N_total, setDs_N_total] = useState(null)` — declared only beside a range control. */
+function buildTotalDeclaration(vars) {
+    return types.variableDeclaration('const', [
+        types.variableDeclarator(types.arrayPattern([
+            types.identifier(vars.totalStateVar),
+            types.identifier(vars.setTotalStateVar),
+        ]), types.callExpression(types.identifier('useState'), [types.nullLiteral()])),
+    ]);
+}
+/**
+ * Fills one `range` text with the live row range of `usage` (see
+ * `range-control.ts`). A mapper that does not page has no count to show, so
+ * its range text is left as drawn.
+ */
+function wireRangeControlFor(control, usage, vars) {
+    if (!usage.paginated) {
+        return;
+    }
+    var currentPageExpr = getPageAccessors(usage, vars).currentPageExpr;
+    wireRangeControl(control, {
+        totalVar: vars.totalStateVar,
+        currentPageExpr: currentPageExpr(),
+        perPage: usage.perPage,
+        infiniteScroll: usage.infiniteScroll,
+    });
+}
 /**
  * Wires the authored Load More button of an appending list.
  *
@@ -1975,6 +2006,11 @@ function wireLoadMoreButton(paginationNode, usage, vars, hasLoadingState) {
  * buttons beside its Load More.
  */
 function wirePaginationWidget(paginationNode, usage, vars, hasLoadingState) {
+    // A range text inside the container takes the container's owner, like the
+    // buttons beside it; one naming its own mapper is wired in STEP 5b instead.
+    findAllPaginationControls(paginationNode, 'range')
+        .filter(function (control) { return !readJSXAttributeString(control, PAGINATION_FOR_ATTR); })
+        .forEach(function (control) { return wireRangeControlFor(control, usage, vars); });
     if (usage.infiniteScroll) {
         // Only the Load More button survives; page controls make no sense for a
         // list the visitor never leaves.