[Huge] Alternative File-Type extension for typescript files (.ts = mpeg-2 video)

[adroste]

Suggestion

Huge request. One thing that I don't like about typescript is the file extension itself. ".ts" was already reserved for mpeg-2 video long before anyone thought about shipping JS apps with the complexity we see today.
This causes a lot of problems:

• backup tools consider them as videos and handle them differently
• nearly every file management/operation tool think it's a video (file recovery, search, remote access, ...)
• file explorers think it's a video (tested on windows and macOS)
  • it opens the file in a video player per default <=> changing the default makes no sense as proper .ts (actual videos) would open up in a text editor
  • os specific features like code-preview (quicklook) stop working (see macOS considers typescript files to be MPEG-2 Transport Stream - QuickLook and Spotlight do not work #25945)
  • wrong icons
• file patterns (e.g. web servers, custom apps) that are not optimised for the existence of typescript send typescript files with wrong mime type or apply the wrong handling per default <=> again changing this manually breaks handling of actual video files
• even vscode is confused (see Code Helper attempts to index MPEG-TS files in project and eats 100% cpu #21136)

I think giving typescript the extension ".ts" was a mistake.
As there is just no simple solution, we could introduce an alternative file extension like ".reallynotavideo", ".tscript", ".tsc", ... (I really don't care).

🔍 Search Terms

• video
• mpeg-2

Somewhat related issue: #25945

✅ Viability Checklist

My suggestion meets these guidelines:

• This wouldn't be a breaking change in existing TypeScript/JavaScript code
• This wouldn't change the runtime behavior of existing JavaScript code
• This could be implemented without emitting different JS based on the types of the expressions
• This isn't a runtime feature (e.g. library functionality, non-ECMAScript syntax with JavaScript output, new syntax sugar for JS, etc.)
• This feature would agree with the rest of TypeScript's Design Goals.

=> However, it would still be a breaking change and could also require a lot of reconfiguration (e.g. file-patterns).

⭐ Suggestion

Introduce an "official" alternative file extension that can be used ootb for typescript files (e.g. ".tsc", ".tscript", ...).

📃 Motivating Example

See above

💻 Use Cases

See above

[nmain]

How does an alternative file extension benefit you? If you're consuming other people's work that uses the normal extension, you'll still have the same issues.

[adroste]

@nmain True, to really fix this problem the whole community must adopt a new file extension. I just don't understand why they went with .ts in the first place. This is a huge problem as a file extension should tell the system or other software what the file is about. Confusing one text format with another is not that bad but creating ambiguity between a common media/video format and a code-file is (see linked issues above).

[MartinJohns]

This is a huge problem as a file extension should tell the system or other software what the file is about.

I can count the amount of times I encountered .ts mpeg files on one hand. Haven't heard of anyone struggling with this either. I would say this problem is rather niche, definitely not huge.

[RyanCavanaugh]

You can use .tsx even if you're not using JSX syntax. Think of it as the "TypeScript eXtension" if that helps 😉

[adroste]

While using tsx is definitely an option to circumvent the problems mentioned above it breaks semantic consistency. Using tsx in a context without jsx-elements will certainly lead to confusion when sharing code as the assumption is: tsx will contain jsx elements so it‘s probably code for the view.

Edit: Additionally, tsx is not a superset of ts which means that renaming ts files to tsx could be a breaking change. Unlikely because I‘m talking about edge cases but possible.

[RyanCavanaugh]

If it makes you feel any better, even if we did add a brand new file extension (which we won't), we'd almost certainly eschew the ts/tsx distinction and just have it only be tsx grammar. The <T>expr syntax has largely fallen out of favor.

[adroste]

Thanks for the statement. I just wanted to raise awareness that file extension ambiguity is a thing (and it‘s annoying).

[fatcerberus]

This isn't a huge problem day-to-day, but it can cause problems when opening a folder full of .ts files in Windows Explorer - the file manager thinks they're all video files, puts the folder in thumbnail view, and then often spends several seconds trying to load their thumbnails, during which time the Explorer window is unresponsive. Sometimes it even crashes. It can be fixed by switching the folder to Details view, but that setting isn't always remembered.

macOS Finder sometimes stumbles in the same way.

[nmain]

I feel a lot of the blame is on the file explorer applications here: If you're going to make something that implicitly opens every single file and scans every single one of them for content, it has to be bulletproof for both performance concerns and security concerns. File explorers should be incapable of crashing or performing slowly regardless of the inputs.

[fatcerberus]

If you're going to make something that implicitly opens every single file and scans every single one of them for content, it has to be bulletproof for both performance concerns and security concerns. File explorers should be incapable of crashing or performing slowly regardless of the inputs.

I definitely agree, but sadly we don't live in a perfect world. 😞 That being said, I was a bit surprised to find out that Finder was affected by this, since I always thought macOS used file content to determine the types of files in addition to their extensions.

[jackpunt]

Cost me a few hours wondering why MacOS Spotlight finds text in [compiled] .js files but not in [source] .ts files.
And there's no way to tell Spotlight to override/disable the mpeg interpretation of the '.ts' extension.

Can you say what potential conflict from renaming my *.ts -> *.tsx?
Where/How does the expr syntax apply?

[berniegp]

I was quite annoyed by Windows explorer's sluggishness with .ts and .d.ts files and found a solution that involves remapping their "file kind" to document instead of video.

More info here: https://superuser.com/questions/1304114/windows-explorer-hangs-creating-thumbnails-for-typescript-files/1733384#1733384

[pouriap]

I fully agree.
I also have a huge problem with this because I have to choose whether to associate .ts files with a text editor or a video player. And 'open with' is not an option when dealing with archives, etc. I don't know why they would pick an extension that is already in use by another file type. It is unprofessional and extremely annoying.