Component name sanitisation

[antony]

I'm building svelte components dynamically, and part of this process is an intermediate file called .compiled.html which is essentially a svelte component built from a series of files.

What I'm seeing is that the compiled component adopts this intermediate filename as the exported module name. As you can imagine .compiled is not a valid Javascript variable name:

function .compiled ( options ) { // invalid variable name
	var component = this;
...
.compiled.prototype = template.methods;

export default .compiled;

This is an easy fix for me as I can simply specify the filename. However, I'd probably suggest that when I run:

svelte compile ./.compiled.html

that the default name is sanitized and either throws an error or is stripped of illegal characters during component generation.

[Rich-Harris]

Ah, excellent point. In the meantime, you should be able to fix that by manually specifying a --name (otherwise it's guessed from the filename).

[Rich-Harris]

As of 1.3.1 Svelte will throw if options.name is illegal, and the latest version of the CLI will sanitize names beforehand