TypeScript 5.3 Enhances ECMAScript Import Attributes: Initial Support for JSON Modules and More
TypeScript 5.3, the latest release of Microsoft’s strongly typed superset of JavaScript, is now available, marking a significant update with the introduction of support for import attributes in ECMAScript modules. This new feature aims to enhance the flexibility and functionality of module imports by allowing developers to include additional metadata directly within import statements.
Released on November 20, TypeScript 5.3 brings several notable improvements beyond its support for import attributes. Among these enhancements are stable support for resolution modes in import types and interactive inlay hints for types. These features are designed to streamline the development process and provide more robust tooling for TypeScript developers. The update is available through popular package managers such as NuGet and NPM.
A key feature of TypeScript 5.3 is its alignment with the latest updates to the ECMAScript import attributes proposal. This proposal introduces a new inline syntax for module import statements that allows developers to pass additional information alongside the module specifier. Initially, this functionality will support JSON modules, providing a standardized way to handle different types of modules across various JavaScript environments.
Import attributes in TypeScript 5.3 are designed to facilitate the specification of module formats and other runtime information. For instance, the attributes can convey details about the expected format of a module, although TypeScript itself does not validate the contents of these attributes. Instead, the handling of attributes is deferred to the hosting environment, such as browsers or runtimes, which can process them according to their specific needs.
This new feature represents an evolution from an earlier concept known as import assertions, which was introduced in TypeScript 4.5 in November 2021. The primary difference between import assertions and import attributes lies in the syntax and functionality. Import assertions used the assert keyword to specify characteristics of a module after it had been loaded, whereas import attributes use the with keyword and allow for more proactive guidance in module resolution and interpretation.
Looking ahead, there are plans to deprecate the old import assertion syntax in favor of the newer import attributes standard. This transition aims to unify and streamline module handling across JavaScript environments, enhancing the overall developer experience and supporting more advanced use cases in module management. With TypeScript 5.3, developers are now better equipped to leverage these advancements and build more flexible and efficient applications