The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning. Learn more →
Top 23 TypeScript Esm Projects
-
Project mention: Finally, a guide for Node.js and TypeScript and ESM that works | news.ycombinator.com | 2023-11-21
I really enjoy frontend/node/typescript development. I roll my eyes whenever the HN-types complain about CSS or frontend development being a hellhole. Mostly the comments I see seem ignorant or impatient ("Why doesn't this thing work without be bothering to learn it?")
However, the intersection of typescript, nodejs, and ES modules is consistently the most frustrating experience I ever have. Trying to figure out which magic incantation of tsconfig/esbuild/tsc/node options will let me just write code and run it is a fools errand. You might figure something out, and then you try to use Jest and then you descend into madness again.
The biggest tip I can give people is to ditch ts-node and just use (the awkwardly named) tsx https://github.com/privatenumber/tsx, which pretty much just "mostly works" for running Typescript during dev for node.
The problem mostly seems to stem for all the stakeholders being pretty dogmatic to whatever their goals are, rather than the pragmatic option of just meeting people where they are. I really wish the Node, Typescript, Deno/Bun, and maybe some bundler people would come together and figure out how to make this easier for people.
-
Project mention: I don't get fresh. why can't I use react without commiting to a server side framework? | /r/Deno | 2023-07-01
Check aleph if you want to use react with deno. But I'd suggest sticking with Node.js and Vite as you'll get less surprises.
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
Project mention: I don't get fresh. why can't I use react without commiting to a server side framework? | /r/Deno | 2023-07-01
Another option is ultra.
-
Project mention: tinyhttp: 0-legacy, tiny & fast web framework as a replacement of Express | /r/opensource | 2023-06-08
-
SimpleWebAuthn
WebAuthn, Simplified. A collection of TypeScript-first libraries for simpler WebAuthn integration. Supports modern browsers, Node, Deno, and more.
So this article will use the great library SimpleWebAuthN from Matthew Miller, which provides packages for the server side, client side, and typescript types, that make everything easier.
-
-
cloudflare-worker-jwt
A lightweight JWT implementation with ZERO dependencies for Cloudflare Workers.
Project mention: A lightweight JWT implementation with ZERO dependencies for Cloudflare Workers | news.ycombinator.com | 2023-09-12 -
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
-
You looked through https://github.com/antfu/unplugin-auto-import/issues/61, https://github.com/unjs/unimport/pull/218 and https://github.com/antfu/unplugin-auto-import/issues/61?
-
-
-
Here is the Github repo (with links to Firefox and Edge extensions): https://github.com/BlackGlory/copycat
-
Project mention: malibu - framework-agnostic CSRF middleware for modern Node.js | /r/node | 2023-03-19
-
-
-
Project mention: I made a tool that converts CJS to MJS in TypeScript projects | /r/typescript | 2023-11-02
-
-
run
Safely execute untrusted code with ESM syntax support, dynamic injection of ESM modules from URL or plain JS code, and granular access control based on whitelisting for each JS object. (by initminal)
Project mention: @initminal/run - Safe & fast code eval in the browser with modern ESM features, dynamic module injection and more... | /r/javascript | 2023-04-16 -
top-level-await-in-aws-lamba-with-typescript
🚀 Using top-level await in AWS Lambda with TypeScript, esbuild and Serverless Framework
-
-
pseudo-shuffle
(FE1 FPE) Make the index look like it is shuffled according to the range so that it is not conflicted without the actual shuffle. (Support Node & Browser)
Project mention: Can you quickly shuffle the index of a trillion documents without conflict? | /r/node | 2023-05-30Rocket*: It's no big deal, just use* psuedo-shuffle.js in the middle, it'll take 4 lines, Don't say you can't make it to the gym tonight bro.
-
-
Project mention: Things to keep in mind when publishing a JavaScript library in 2023 | news.ycombinator.com | 2023-04-29
The rumors are true! Luxury housing is in development, and it’s taking place in Hell’s most gentrified neighborhood. Sources close to the project are calling it ES Modules, and everybody who’s anybody wants in on this high-end horror show.
Honestly, I love the new module syntax compared to the old `require` song and dance. They fit nicely with promises and ensure some level of behavioral consistency in the browser and other runtimes. We could even drop the need for bundling for small enough projects, and get back to the simpler times of dropping a script tag in your HTML. I just don’t understand why Node can’t get its story straight.
Let’s just talk about the file extension thing first. The brain trust at the lab decided that ES module files should have a .mjs extension to indicate the contents of the file. Fair enough. But .js also works sometimes, depending on the configuration set in the package.json file? We’ll chock this up to gradual adoption.
There’s also some fun caveats about module resolution to keep things interesting. ES Modules need either a fully qualified path, or a relative path — both must include file extensions. Again, that’s also fine. I actually prefer it! So there’s the mystery factor of what happens to all the current NPM packages that aren’t compliant. Simple! We just have a special flag to make those work.
So how do we get this ball of tape running in the browser exactly? A bundler…the very thing we were trying to avoid in the first place! Remember the dream of isomorphic code? Not debugging a Webpack build with shoddy source maps? We’re right back where we started but with a whole new set of meta problems.
The most entertaining part of this game is telling your coworkers the difference between an import map and a package.json exports declaration. God help you if have TypeScript holding up this paper shack. Try building a ES module compatible library that includes TSX files just using the TypeScript compiler. Remember that it’s gotta be .mjs files that get output, and all your imports have to be fully qualified.
If you’re nostalgic for the DMV, I recommend that you visit the TypeScript repo and check out how this module thing is going. You see, there are two developers at Microsoft. One tells truths, and the other plugs their ears and shouts, “LALALALALALA! TypeScript doesn’t and won’t ever rewrite modules!”
It’s been like this for years and will take some additional years to complete. And don’t get me wrong, I’m sympathetic to the difficulties of this affair. But it’s becoming more like a sudden urge to vomit when the someone in the room starts heaving at your table.
And finally, I’m so spoiled that I expect free stuff from the community. I built a tool to make ES modules and TypeScript play nice. It’s my greatest wish that it gets deprecated before I’m sent to live on a farm upstate…
-
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
TypeScript Esm related posts
- I made a tool that converts CJS to MJS in TypeScript projects
- Secure Password Verification and Update with Supabase and PostgreSQL
- I don't get fresh. why can't I use react without commiting to a server side framework?
- Things to keep in mind when publishing a JavaScript library in 2023
- The Technology Behind “Moyuk”: Create, Run and Share Tools with TypeScript on Your Browser
- Aleph or fresh?
- Question about debugging TypeScript
-
A note from our sponsor - WorkOS
workos.com | 18 Mar 2024
Index
What are some of the best open-source Esm projects in TypeScript? This list will help you:
Project | Stars | |
---|---|---|
1 | tsx | 7,300 |
2 | aleph.js | 5,243 |
3 | ultra | 2,981 |
4 | tinyhttp | 2,589 |
5 | SimpleWebAuthn | 1,204 |
6 | pkgroll | 712 |
7 | cloudflare-worker-jwt | 540 |
8 | unimport | 442 |
9 | node-win32-api | 397 |
10 | cjstoesm | 367 |
11 | copycat | 238 |
12 | malibu | 124 |
13 | tsc-esm-fix | 66 |
14 | tsconfig-to-dual-package | 58 |
15 | ts2esm | 28 |
16 | vue-sfc2esm | 27 |
17 | run | 26 |
18 | top-level-await-in-aws-lamba-with-typescript | 24 |
19 | marky | 22 |
20 | pseudo-shuffle | 11 |
21 | Fleet-of-the-Faithful-Knights | 7 |
22 | typescript-esm-packager | 5 |
23 | cynic | 4 |