Dynamic permalinks and WebC

[voxpelli]

When using liquid I had a news.11tydata.json containing:

{
  "layout": "layouts/post",
  "tags": ["news"],
  "permalink": "{{ page.date | date: '%Y/%m' }}/{{ title | slug }}/index.html"
}

When using WebC I should instead be using WebC for that? Feels like a challenge? I would preferably use eg. liquid for my permalinks and only WebC for my actual HTML

You may use data variables here (and template syntax, too). These will be parsed with the current template’s rendering engine.

This plugin could provide a custom behavior by setting permalink in compilerOptions to a function or false:

eleventy-plugin-webc/src/eleventyWebcTemplate.js

Lines 84 to 90 in f7bc146

	compileOptions: {
	cache: true,
	getCacheKey: function(contents, inputPath) {
	// if global components change, recompile!
	return contents + inputPath + componentsMapKey;
	}
	},

I think it should done of:

1. Have an example of a dynamic permalink in WebC
2. Provide an alternative renderer for permalinks
3. Disable permalink link rendering if its not feasible with WebC

[voxpelli]

Some progress on 1.:

  "permalink": "<div webc:nokeep @text='`subdir/${slugify(title)}/index.html`'></div>"

[zachleat]

Yeahhhhhh… this is a hefty bug—sorry. But easily fixable. I just need to map the dynamic attribute JavaScript parsing code to the Eleventy Custom template permalink stuff: https://www.11ty.dev/docs/languages/custom/#compileoptions.permalink-to-override-permalink-compilation

[zachleat]

This will ship with Eleventy WebC 0.7.0

[rijkvanzanten]

Glad to see my workaround for #36 is no longer needed 😄