ncc vs TypeScript Playground

ncc is a free, MIT-licensed command-line tool for compiling a Node.js module and its dependencies into one file. It is distributed through npm as `@vercel/ncc`, with `npm i -g @vercel/ncc` given as the global installation command. The project targets publishing minimal npm packages and sending only relevant application code to serverless environments. Its design goals include zero configuration, built-in TypeScript support, and handling Node.js programs and npm modules. Inputs can include TypeScript, binary addons, and dynamic requires. Build options cover minification, source maps, watched builds, external modules, and ECMAScript target selection. Node.js programs can call ncc programmatically with options for caching, externals, minification, source maps, and asset builds. `.ts` and `.tsx` inputs require a `tsconfig.json`. Module-format behavior includes automatic ES module output for `.mjs` files and `.js` files inside a `type: module` package boundary. Support examples cover Sequelize with MariaDB and `@google-cloud/vision` with `google-proto-files`. Dynamically loaded assets that static analysis cannot identify may not work correctly. It runs on Linux.

TypeScript Playground is a free browser environment for writing, running, sharing, and safely experimenting with TypeScript and JavaScript. It accepts .ts, .tsx, .js, .jsx, and .d.ts files. Run converts code to JavaScript, executes it in the current browser session, and shows console output in Logs; the browser session can also support DOM API experiments. The editor centers on one text document and is described as a teaching tool that needs no setup. Users can select supported TypeScript builds, including beta, nightly, pull request, and older builds. The TS Config panel exposes a focused compiler-option set, while twoslash annotations can configure options beyond it. URLs can preserve code, compiler flags, and settings for sharing. Export can create Markdown, open TypeScript AST Viewer, or export a project to CodeSandbox or StackBlitz. Plugins are supported, including Presentation Mode, Clippy, TSQuery, Collaborate, and Transformer. The mobile layout uses a single pane and does not show transpiled JavaScript beside source.