How to use indetifier name as a string?

[artalar]

Hi there! Thanks you for this super powerful tool. Can you help me, how can I use an indetifier string representations as a string? If I wrap it to a quotes, it removes for some reason...

[coderaiser]

It is overwritten with __a which is Identifier, template variables cannot change it’s type, only environment they used in.

Here is how it can look like:

export const report = () => `Add argument to ‘reatomComponent`;

export const match = ({__a}) => ({
    'const __a = reatomComponent(__b)': ({__a}, path) => {
      return isIdentifier(__a);
    }
});

export const replace = () => ({
    'const __a = reatomComponent(__b)': ({__a}, path) => {
      return `const __a = reatomComponent(__b, '${__a.name}')`
    }
});

See in action:

• 🐊Mobile Putout Editor;
• 🐊Putout Editor;

And don’t forget that __a can also be ObjectPattern or ArrayPattern, you can filter them out with match().

Also redput can help you to generate tests for your codemod.

[artalar]

Awesome, thank you!

[coderaiser]

You can also use @putout/plugin-putout, it reports such cases:

And see this error inside 🐊Mobile Putout Editor

[coderaiser]

I have and idea, that can make such plugin even simpler:

export const report = () => `Add argument to 'reatomComponent'`;

export const replace = ({
    'const __identifier__a = atom(__b)': 'const __identifier__a = atom(__b, __extract(__identifier__a))',
}

In this case no matcher will be needed. @artalar What do you think about such syntax?

__extract is extract from @putout/operate.