🐞 Files with extension `.mjs` not JavaScript syntax highlighted

[jaydenseric]

Description

Files with the .mjs file extension are currently incorrectly not JavaScript syntax highlighted. .mjs is the file extension to use for ECMAScript modules, and is technically important for much of the JS ecosystem of runtimes and tooling including Node.js and TypeScript.

I haven't tested the TypeScript file extensions .mjs and .cts in the editor, but chances are they also have the same bug if .mjs was forgotten.

To Reproduce

1. Make a new file demo.mjs.
2. Add to it const a = true;.
3. 👀 look at it and see no JavaScript syntax highlighting.

Expected Behavior

.mjs files are syntax highlighted as JavaScript.

Version Information

CodeEdit: 0.0.3-alpha (36)
macOS: 13.4 (22F66)
Xcode: N/A

Additional Context

No response

Screenshots

[jaydenseric]

I tried looking in the CodeEdit settings for where languages can be associated with what file extensions, but couldn't find any such configurability.

[Qubik65536]

@jaydenseric You will have to checkout repo https://github.com/CodeEditApp/CodeEditLanguages to do that! The associations between file extension and language are manually written in it. You can refer to some other PRs in that repo to add these extensions and contribute to the repo.

[jaydenseric]

Thanks for the tips, but I'm a JavaScript engineer and don't know anything about Swift so am unable to contribute. The extent of my contribution to the project will have to be testing/feedback (like this issue) and continued GitHub sponsorship of @austincondiff .

[Qubik65536]

Thanks for the tips, but I'm a JavaScript engineer and don't know anything about Swift so am unable to contribute. The extent of my contribution to the project will have to be testing/feedback (like this issue) and continued GitHub sponsorship of @austincondiff .

NP😊 Just to confirm, .mjs have the exact same syntax highlighting as .js and .cts is exact the same as .ts right? You mentioned about .mjs related to TypeScript in your description, is that a typo? I can take this if I can make sure of these information.

[jaydenseric]

You can learn about the use of .js, .mjs, .cjs, .ts, .tsx, .mts, and .cts:

• .js, .cjs, and .mjs represent JavaScript syntax, containing either CJS or ESM module format depending on these rules: https://nodejs.org/api/packages.html#determining-module-system
• .ts, .tsx, .mts, and .cts represent TypeScript syntax (and in the case of .tsx also JSX syntax), containing either CJS or ESM module format depending on these rules: https://www.typescriptlang.org/docs/handbook/esm-node.html#new-file-extensions