Pagination for Data Embeds

[trieloff]

pagination: for large amounts of data, it should probably somehow be possible to limit and navigate or use smart loading. uncontrollably large HTML files could also become dangerous (DOS) if we just render whatever data.

Originally posted by @rofe in #593 (comment)

[trieloff]

I think one part of this can be handled in the upcoming helix-data-embed (adobe/helix-home#112) service. We'd add a page and hitsPerPage URL parameter. (this would be consistent with

https://github.com/adobe/helix-shared/blob/8f4100a40d1cf0d283603a9af7ccb1438d2bdd8a/src/IndexConfig.js#L106-L111

Part two is trickier:

• the simplest thing would be to simply pass through the page and hitsPerPage` URL parameters, no opt-out
• with a further addition that specifying one or both parameters in the embed URL will make them non overridable

but, if you want cool AJAX-style pagination we need to do more. We could:

• add the URL template for the data embed to the section tag as a data-hlx-data-src property
• in addition to rendering the placeholder-filled Markdown as normal HTML, render the placeholder-containing Markdown in a HTML <template> tag at the end of the section.

That way you could build a small JS script that adds a client-side pagination component at the end of a section that allows pagination.

I'd consider this whole thing a new feature.