Missing file extension in relative import path in zenstack/models.ts

[herberthobregon]

Description and expected behavior
The file zenstack/models.ts contains a relative import that is missing the .js file extension.
File: zenstack/models.ts

import { type SchemaType as $Schema } from "./schema";

When the TypeScript compiler moduleResolution option is set to 'node16' or 'nodenext', explicit file extensions are required for relative ECMAScript module imports. This causes the following TypeScript error:

Relative import paths need explicit file extensions in ECMAScript imports when '--moduleResolution' is 'node16' or 'nodenext'. Did you mean './schema.js'? ts(2835)

Proposed Solution
The import statement should be updated to include the .js extension.

import { type SchemaType as $Schema } from "./schema.js";

This change will make the import path explicit and resolve the compilation error.

• ZenStack version: 3.0.0-beta.21
• Database type: Postgresql

[ymc9]

Thanks for filing this @herberthobregon . I'll probably add an option to the "@core/typescript" plugin to control the behavior (i.e., adding ".js" or not) for better compatibility with different settings.

This ".js" import requirement is really annoying 😂

[ymc9]

added the "importWithFileExtension" option to "@core/typescript" plugin in beta.24.

https://zenstack.dev/docs/3.x/reference/plugins/typescript