AI Changelog

New Features

SVG Handling: You can now specify the icon size when using the CLI, making it easier to customize your SVG components. This change requires using "--" before the icon size argument.
SVG Handling: The new support for the mask-type property ensures that your SVGs render correctly when using masks, enhancing the visual fidelity of your graphics.
CLI Options: All CLI options can now be specified in the configuration file, streamlining your setup process and improving usability.
TypeScript Support: The entire codebase is now rewritten in TypeScript, providing better type safety and improved developer experience.
SVG Handling: The addition of the --no-index option allows you to disable the automatic generation of index files, giving you more control over your project structure.
JSX Runtime: You can now choose between different JSX runtimes, including the recommended "automatic" option, enhancing compatibility with modern React features.

CSS Variables: The support for CSS variables in SVG styles allows for more dynamic and flexible styling options in your SVG components.
Template Handling: Improvements to the template system now allow for better TypeScript support, making it easier to integrate with your existing projects.
Webpack 5 Support: Enhancements for Webpack 5 ensure that your SVGs work seamlessly with the latest version of this popular bundler.

Fix: The issue with the formatExportName for single names is resolved, ensuring that named exports are correctly formatted in your index.js files.
Fix: The documentation for the "Runtime config" options is corrected to provide accurate guidance for users.
Fix: The broken link to gatsbyjs.org on the website is fixed, ensuring users can access the correct resources.

Update the documentation to better explain the configuration options and their implications, helping users avoid common pitfalls.

SVG Handling: You can now specify the icon size when using the CLI, making it easier to customize your SVG components. This change requires using "--" before the icon size argument.
SVG Handling: The new support for the mask-type property ensures that your SVGs render correctly when using masks, enhancing the visual fidelity of your graphics.
CLI Options: All CLI options can now be specified in the configuration file, streamlining your setup process and improving usability.
TypeScript Support: The entire codebase is now rewritten in TypeScript, providing better type safety and improved developer experience.
SVG Handling: The addition of the --no-index option allows you to disable the automatic generation of index files, giving you more control over your project structure.
JSX Runtime: You can now choose between different JSX runtimes, including the recommended "automatic" option, enhancing compatibility with modern React features.

CSS Variables: The support for CSS variables in SVG styles allows for more dynamic and flexible styling options in your SVG components.
Template Handling: Improvements to the template system now allow for better TypeScript support, making it easier to integrate with your existing projects.
Webpack 5 Support: Enhancements for Webpack 5 ensure that your SVGs work seamlessly with the latest version of this popular bundler.

Fix: The issue with the formatExportName for single names is resolved, ensuring that named exports are correctly formatted in your index.js files.
Fix: The documentation for the "Runtime config" options is corrected to provide accurate guidance for users.
Fix: The broken link to gatsbyjs.org on the website is fixed, ensuring users can access the correct resources.

Update the documentation to better explain the configuration options and their implications, helping users avoid common pitfalls.