using @visibleName with spaces does not work

[ThomasRoest]

Current behavior

using @visibleName with spaces results in the following error SyntaxError: Missing initializer in const declaration

To reproduce

/**
 * @visibleName Input:  Password
 */

related #1675

[sapegin]

Feel free to send a pull request with a fix 👾

[mitsuruog]

I can't reproduce it.

@ThomasRoest
could you make a minimum reproducible sample? I need more info.

• https://codesandbox.io/s/github/mitsuruog/react-styleguidist-issue-template

[ThomasRoest]

Can't really reproduce this in other repo's but this is what I found out so far

It seems to happen in evalInContext in https://github.com/styleguidist/react-styleguidist/blob/master/src/loaders/utils/client/evalInContext.ts

the extra spaces cause syntax errors in the body arg?

example body with

@visibleName Input: Text

const React$0 = require('react');
const React = React$0.default || (React$0['React'] || React$0);
// spaces not removed?
const Input  Text$0 = require('./InputText.tsx');
const Input  Text = Input  Text$0.default || (Input  Text$0['Input  Text'] || Input  Text$0);
{
			const react$0 = require('react');
const React = react$0.default || react$0;
const __InputText$0 = require('./InputText');
const InputText = __InputText$0.InputText;

var Example = function () {
	var ref = React.useState("example");
	var value = ref[0];
	var setValue = ref[1];
	return React.createElement( InputText, { value: value, setValue: setValue });
};
return (React.createElement( Example, null ));
		}

[hicotech]

I have just run into that with v.11.1.5. It seems that it can be reproduced when @visibleName contains two or more spaces.

Will be fine

/** @visibleName Lorem */
/** @visibleName Lorem ipsum */

Will trigger error

/** @visibleName Lorem ipsum dolor */