index.js template typescript support

[laitine]

🚀 Feature Proposal

Option for index.js to customize the file extension.

Motivation

Complementing the typescript support adding an option for the index.ts to be generated would offer direct support for generating all files with .ts file extension.

Example

CLI: Override: --index-template-ext 'ts'

API Override: indexTemplateExt: 'ts'

[open-collective-bot]

Hey @laitine 👋,
Thank you for opening an issue. We'll get back to you as soon as we can.
Please, consider supporting us on Open Collective. We give a special attention to issues opened by backers.
If you use SVGR at work, you can also ask your company to sponsor us ❤️.

[laitine]

An alternative naming could be

Example

CLI: Override: --index-ext 'ts'

API Override: indexExt: 'ts'

[gregberge]

Generated template has the .ts extension with TypeScript open isn't it? I am sorry, I don't understand the problem.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[laitine]

As described in https://react-svgr.com/docs/options/ typescript is indeed supported by --typescript for the icon files but not the index file. It would be more obvious and better supported if the "index.js" could also be directly generated as "index.ts". The current situation requires additional config for development environments that only include files with typescript file extensions (.ts, .tsx) into compilation for example. Currently I have to generate the icon component index with a separate script because the index file is not generated as typescript.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[hipstersmoothie]

This would be nice to have stale bot

[MateusAndrade]

This would be nice! Currently, I'm renaming the index.js to index.ts using a shell. 😅

[laitine]

Seems to be gaining traction, should be re-considered?

[gregberge]

@gregberge using TypeScript option, the generated index should be index.ts actually it is index.tsx. I make a fix.

[demedos]

It would be nice to have this as an option; my index is in tsx format, and I have to run mv after the svgr script to get the right file extension.

[carlosfpo]

@gregberge would you consider have the extension be configurable between '.ts' | '.tsx'? This is because if anyone intends to have jsx in the index file, the .ts won't allow it and additional scripting must be done in order to change the extension.