dynamic includes plugin request

[acidjazz]

ex:

.menu
  each item in ['dashboard','users','clients','structures','entities']
    .item(class='item_' + item)
      .icon
        include "../../vector/" + item + ".svg"
      .label=item

more information can be found here

[lagden]

@acidjazz could be:

style
  each s in styles
    include-dyn `../public/css/${s}`

Add include-dyn on Pug API...

[lagden]

Take a look...
https://github.com/pugjs/pug-plugin-dynamic-include

[acidjazz]

@lagden have you gotten this working? it looks abandoned w/ a failing build.

[ForbesLindesay]

It may need some small updates, but should be approximately working. If you get it set up, you could submit a pull request.

[lagden]

@acidjazz and @ForbesLindesay

I did a workaround using datasource method...

Example using Koa.js

The server side module

const {readFileSync} = require('fs')
const {join} = require('path')
const pugEngine = require('pug')
const Pug = require('koa-pug')

function datasource(file, type, data = {}) {
	const content = readFileSync(file, 'utf8')
	switch (type) {
		case 'json':
			return JSON.parse(content)
		case 'pug':
			return pugEngine.renderFile(content, data)
		default:
			return content
	}
}

const isDev = process.env.NODE_ENV === 'development'
const viewPath = join(__dirname, '..', 'views')
const dataPath = join(__dirname, '..', 'data')
const pug = new Pug({
	locals: {isDev, datasource, viewPath, dataPath},
	pretty: isDev,
	viewPath
})

module.exports = pug

The template

extends ../../layout/main
block content
	.icon
		each item in ['hamburguer','user']
			- const svg = datasource(`${viewPath}/shared/icons/${item}.svg`)
			!= svg

[geoidesic]

I don't understand what the resolution was here. Was this merged in or not?