addPassthroughCopy can't copy same source folder into several target directories

[alekspetrov]

I'm trying to create multi-language webpage.
I need to copy /assets into every language folder:

eleventy.js

module.exports = function(eleventyConfig) {
  eleventyConfig.addPassthroughCopy({ assets: "en" });
  eleventyConfig.addPassthroughCopy({ assets: "fr" });
};

Project structure:

  _data
  _includes
  assets
  en
  fr

But /assets copied only into /fr language.

Any ideas?

[pdehaan]

Interesting. It looks like addPassthroughCopy() is proxying an internal passthroughCopies property which is a simple object, so I'm guessing that using the same key ("assets") is just overwriting the existing value in the passthroughCopies object.

I wonder if you'd have to copy the assets yourself using a 3rd party lib like copy, or cp, or fs-extra.

eleventy/src/UserConfig.js

Lines 299 to 316 in 0d18f4d

	/**
	* Adds a path to a file or directory to the list of pass-through copies
	* which are copied as-is to the output.
	*
	* @param {string|object} fileOrDir The path to the file or directory that should
	* be copied. OR an object where the key is the input glob and the property is the output directory
	* @returns {any} a reference to the `EleventyConfig` object.
	* @memberof EleventyConfig
	*/
	addPassthroughCopy(fileOrDir) {
	if (typeof fileOrDir === "string") {
	this.passthroughCopies[fileOrDir] = true;
	} else {
	Object.assign(this.passthroughCopies, fileOrDir);
	}
	return this;
	}

eleventy/src/UserConfig.js

Line 44 in 0d18f4d

this.passthroughCopies = {};

[pdehaan]

Not the prettiest solution, but I liked fs-extra's API the best:

const path = require("path");

const fs = require("fs-extra");

module.exports = eleventyConfig => {
  /*
  // The src/assets files are only copied to the "de/" (last) folder.
  eleventyConfig.addPassthroughCopy({ "src/assets": "en" });
  eleventyConfig.addPassthroughCopy({ "src/assets": "fr" });
  eleventyConfig.addPassthroughCopy({ "src/assets": "de" });
  */

  const dir = {
    input: "src",
    output: "www"
  };

  const locales = ["en", "fr", "de"];
  for (const locale of locales) {
    try {
      fs.copySync(
        // src: "./src/assets/"
        path.join(dir.input, "assets"),
        // dest: "./www/{{ locale }}/"
        path.join(dir.output, locale)
      );
    } catch (err) {
      console.error(err.message);
      process.exitCode = 1;
    }
  }

  return {
    dir
  };
};

INPUT

$ tree src

src/
├── _data/
├── _includes/
├── assets/
│   ├── site.css
│   └── site.js
└── index.njk

3 directories, 3 files

OUTPUT

$ tree www
www/
├── de/
│   ├── site.css
│   └── site.js
├── en/
│   ├── site.css
│   └── site.js
├── fr/
│   ├── site.css
│   └── site.js
└── index.html

3 directories, 7 files

[zachleat]

I’d imagine that syntax would probably be something like:

eleventyConfig.addPassthroughCopy({ "src/assets": ["en", "de", "fr"] });

[pdehaan]

eleventyConfig.addPassthroughCopy({ "src/assets": ["en", "de", "fr"] });

This seems to fail with the following message:

> Having trouble copying

`TemplateWriterWriteError` was thrown
> Having trouble copying './src/assets'

`TemplatePassthroughManagerCopyError` was thrown
> The "path" argument must be of type string. Received type object

`TypeError` was thrown:
    TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received type object