Hiroki Osame

I’m proud of this project because I managed to simplify a complex system behind a single command. The implementation required a deep understanding of Node.js internals and the intricacies between ESM and CommonJS (CJS). The development of this project also entailed the creation of independent loaders for CJS & ESM, cleye—a strongly typed CLI framework—, and get-tsconfig—a tsconfig.json resolver.

This project is my most popular project and what initially drew me to Open Source. I started as a contributor and eventually took over maintenance. The concept is straightforward, but required extensive work to execute correctly, especially when it came to handling two Webpack versions both at runtime & types, and testing them. To accomplish this, I developed tools such as pkgroll, webpack-test-utils, fs-fixture, and get-tsconfig. I’m also proud of my contributions to esbuild through issue submissions and feature requests.

Pkgroll is my go-to bundler for my Node.js projects because it knows how to bundle them without any configuration. I created it to streamline my workflow, as I noticed I was repeatedly using the same Rollup configuration for most of my projects. It also reduces the effort required to manage entry-points in both package.json and build configuration, making it especially convenient for ESM and CJS distribution.

I created minification-benchmarks when esbuild first released JS minification, and I wanted to evaluate it against alternatives. I publicized the results to help developers select a minifier, and it was even linked by the esbuild website. The benchmark also functions as a test, aiding minifiers in identifying bugs and enhancing performance.

As a lazy engineer, I often write scripts to automate my workflow. I used to use listr to display the progress of my scripts, but I found it overly structured and limiting in terms of code organization. Seeking a simpler & unopinionated solution, I created tasuku, a lightweight alternative. Since adopting tasuku, I have been able to significantly improve the UX of my scripts with no additional effort.

I made this plugin to improve the Webpack build time at work. Upon investigating bottlenecks, I found that our fork of the deprecated i18n-webpack-plugin was causing significant slow-downs. It localized at the AST level, leading to asset generation & minification being multiplied for each locale. Inspired by how Rollup works, I used string-manipulation to localize minified assets. As there was no successor to i18n-webpack-plugin, I decided to open source my solution.