Generator inside a generated page?

[writeblankspace]

I used a generator to make a page for each tag in my blog:

// tags/index.page.js

export const layout = "layouts/tagList.vto";
export const title = "Tags";
export const category = "list";

export default function* ({ search }) {
	// config
	const baseURL = "/tags"

	// set args
	const tags = search.values("tags");

	// yield the index
	yield {
		url: `${baseURL}/`,
		layout: layout,
		title: title,
		category: category,
		tagArr: tags
	}

	for (const tag of tags) {
		const page = {
			url: `${baseURL}/${tag}/`,
			title: `#${tag}`,
			layout: "layouts/tagPage.vto",
			tag: tag
		};
		yield page;
	}
}

Each tag page contains a list of pages that contain that tag:

{{#- _includes/layouts/tagPage.vto -#}}

<section>
    {{ for page of search.pages(tag, "date=desc") }}
        {{#- page stuff here -#}}
        <hr class="sep">
    {{ /for }}
</section>

Is it possible to give each tag page pagination?

[oscarotero]

You can use a different generator to paginate the first pages using renderOrder to make sure the render order is correct.

[writeblankspace]

thanks!

I was able to make tag pages (e.g. /tags/html/ for #html) and pagination pages (.e.g /tags/html/page-1). Is there a way to make the /tags/html/page-1 into just /tags/html/? I tried to do this and got an error telling me I should give them separate names, but I don't want to have a random unused page just sitting around.

Error: The pages /tags/tag[0].page.js and /tags/index[1].page.js have the same output path "/tags/HTML/index.html". Use distinct 'url' values to resolve the conflict.

[oscarotero]

After review your code again, I think this can be simplified. You don't need to create two generators.

// tags/index.page.js

export const layout = "layouts/tagList.vto";
export const title = "Tags";
export const category = "list";

export default function* ({ search, paginate }) {
	// config
	const baseURL = "/tags"

	// set args
	const tags = search.values("tags");

	// yield the index
	yield {
		url: `${baseURL}/`,
		layout: layout,
		title: title,
		category: category,
		tagArr: tags
	}

	for (const tag of tags) {
          const pages = search.pages(tag, "date=desc"); // All pages with this tag
          const paginates = paginate(pages, {
            size: 10,
            url: (n) => n === 1 ? `${baseURL}/${tag}/` : `${baseURL}/${tag}/${n}/`,
          });

          for (const p of paginates) {
            yield {
              ...p,
               title: `#${tag}`,
               layout: "layouts/tagPage.vto",
               tag: tag
            }
          }
	}
}

Note: I didn't run this code and I'm not 100% sure if it works, but I think it gives you an idea.

[writeblankspace]

Thank you! The code works, with a few modifications to fit my templates.