Bundler is not pagination aware

[slightlyoff]

bundle-pagination-bug.patch

Attached is a small patch to demonstrate the issue vs. the 11ty base blog (v9).

Briefly, I would expect the "blarg" bundle's output to appear on the home page which invokes the _includes/postlist.njk iteration over the items. To ensure that accessing non-content properties isn't assumed, I also modify the template to call into templateContent (in a comment) for each post.

What happens: on each leaf page, the content of the "blarg" bundle is correctly output via the short code invocation in _includes/layouts/base.njk, but on the home page, the comment block that should be populated by the change in content/blog/firstpost.md is empty.

What should happen: on both leaf and pagination pages, the content should be hoisted.

Workaround: None yet, but I am going to try to monkeypatch the templateContent getter within the context of pagination to see if I can correctly map the paginated items to the parent URL for the bundler's internal accounting.

[zachleat]

This is a duplicate of #33. We’ll likely want to lean more on getBundle to make use of the template dependency graph instead of tracking dependencies inside of this plugin.

That said, if you’re using a plucked bundle via bundleHtmlContentFromSelector this may already work outside of shortcodes. See this test case:

test("Pagination bundles plucked, https://github.com/11ty/eleventy-plugin-bundle/issues/37", async (t) => {
  let elev = new Eleventy("./test/stubs-virtual/", undefined, {
    config: $config => {
      $config.addPlugin(() => {
        $config.addBundle("css", {
          bundleHtmlContentFromSelector: "style",
        });
      });

      $config.addTemplate("paged.njk", `---
pagination:
  data: collections.all
  size: 2
  alias: posts
layout: "layout.njk"
---
Paged<style>* { color: blue }</style>{% for post in posts %}{{ post.content | safe }}{% endfor %}`);

      $config.addTemplate("index.njk", "Index<style>* { color: red }</style>", { layout: "layout.njk" });
      $config.addTemplate("_includes/layout.njk", `{{ content | safe }}<style>{% getBundle "css" %}</style>`);
    }
  });

  let results = await elev.toJSON();
  t.is(results.length, 2);
  t.is(results[0].inputPath, `./test/stubs-virtual/paged.njk`);
  t.is(results[0].content, `PagedIndex<style>* { color: blue }
* { color: red }</style>`);

  t.is(results[1].inputPath, `./test/stubs-virtual/index.njk`);
  t.is(results[1].content, `Index<style>* { color: red }</style>`);
});

I tested this as working in v3.0.7 of this plugin (already released).

This works because the content outputs the bundle as part of the collection, which gets plucked by the paged template.