Open Source TypeScript Compilers

roblox-ts is an attempt to bridge the abilities of TypeScript to work in a Roblox environment. We break down your code into an abstract syntax tree and emit functionally similar structures in Luau so that the code behaves the same.

Remix Project is a rich toolset including Remix IDE, a comprehensive smart contract development tool. The Remix Project also includes Remix Plugin Engine and Remix Libraries which are low-level tools for wider use. Remix IDE is used for the entire journey of contract development by users of any knowledge level. It fosters a fast development cycle and has a rich set of plugins with intuitive GUIs. The IDE comes in 2 flavors and a VSCode extension. Supported browsers: Firefox v100.0.1 & Chrome v101.0.4951.64. No support for Remix's use on tablets or smartphones or telephones. The gh-pages branch of remix-live always has the latest stable build of Remix. It contains a ZIP file with the entire build. Download it to use offline. It contains the latest supported version of Solidity available at the time of the packaging. Other compiler versions can be used online only.

A familiar and performant compile-time CSS-in-JS library for React. Using APIs and behavior you may already be familiar with, write your styles in JavaScript with the full power of CSS, leveraging the language to create expressive & dynamic experiences. Build with your bundler of choice or just Babel, resulting in very performant components that have their styles built ahead of time. Turn on extraction and all components styled in your app and sourced through NPM will have their runtime stripped and styles extracted to an atomic style sheet. Compiled brings distributed styles from the platform, product, and the wider ecosystem together. Add the loader to your Webpack config. Make sure this is defined after other loaders so it runs first. When developing locally its advised to use a bundler instead of Babel directly for improved developer experience.

Type inference provides robustness and correctness, but without the cost of additional code. Let the compiler catch bugs for you. Fable produces readable JavaScript code compatible with ES2015 standards and popular tooling like Webpack. Call JavaScript from Fable or Fable from JS. Use NPM packages. The entire JavaScript ecosystem is at your fingertips. Choose your favorite tool, from Visual Studio Code to JetBrains Rider. Fable supports the F# core library and some common .NET libraries to supplement the JavaScript ecosystem. These are some of the main F# features that you can use in your web apps with Fable. There's a lot of code involving continuations out there, like asynchronous or indeterministic operations. Other languages bake specific solutions into the syntax, with F# you can use built-in computation expressions and also extend them yourself. These are some of the main F# features that you can use in your web apps with Fable.

Stencil is a toolchain for building reusable, scalable design systems. Generate small, blazing fast, and 100% standards based Web Components that run in every browser. The magical, reusable web component compiler. Start building in seconds. With intentionally small tooling, a tiny API, and zero configuration, Stencil gets out of the way and lets you focus on your work. A tiny runtime, prerendering, and the raw power of native Web Components make Stencil one of the fastest compilers around. Build cross-framework components and design systems on open web standards, and break free of Framework Churn. Stencil components are just Web Components, so they work with any major framework or no framework at all. Stencil was created to power the components for Ionic Framework, a cross-platform mobile development technology stack used by more than 5M developers worldwide.

Modern web development practices today require a lot of setup with things like webpack to bundle your code, babel for transpiling, eslint for linting, and so much more that the list just goes on. Unfortunately, when creating electron applications, all of that setup just became much more difficult. The primary aim of electron-webpack is to eliminate all preliminary setup with one simple install so you can get back to developing your application. If you’ve been in the JavaScript world for even a short period of time, you are very aware that things are always changing, and development setup is no exclusion. Putting all development scripts into a single updatable module just makes sense. Sure a full-featured boilerplate works too, but doing also involves needing to manually update those pesky webpack configuration files that some may call magic when something new comes out.

Compile and package Angular libraries in Angular Package Format (APF). Paths in the ngPackage section are resolved relative to the location of the package.json file. In the above example, public_api.ts is the entry file to the library's sources and must be placed next to package.json (a sibling in the same folder). You can easily run ng-package through a npm/yarn script. The build output is written to the dist folder, containing all those binaries to meet the Angular Package Format specification. You'll now be able to go ahead and npm publish dist your Angular library to the npm registry. Do you like to publish more libraries? Is your code living in a monorepo? Create one package.json per npm package, run ng-packagr for each! Creates scoped and non-scoped packages for publishing to npm registry. Inlines Templates and Stylesheets. Runs SCSS preprocessor, supporting the relative ~ import syntax and custom include paths.