Nx Console gets Lit

• nx

  346 21,971 10.0 TypeScript

  Smart Monorepos · Fast CI

  

👩‍💻 Nx GitHub

• nx-console

  4 1,282 9.1 TypeScript

  Nx Console is the user interface for Nx & Lerna.

  

💡 Properly typing mixins is complicated so I left that part out. Refer to Mixins in Typescript to learn more or check out our source code on GitHub.

• SurveyJS

  surveyjs.io sponsored

  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.

  

• community-protocols

  8 168 5.4

  Cross-component coordination protocols

  

If you’re coming from the Angular world, you probably appreciate the great dependency injection (DI) mechanism they have. You can centrally define some services and reuse them across your app, without thinking about passing on props from component to component - the DI system takes care of it. Lit provides something similar via the [@lit-labs/context](https://lit.dev/docs/data/context/) package. It’s based on the Context Community Protocol and similar to React’s context API.

• vscode-webview-ui-toolkit

  6 1,896 6.7 TypeScript

  A component library for building webview-based extensions in Visual Studio Code.

  

In VSCode, this is very easy to achieve, thanks to the VSCode Webview UI Toolkit. It’s a set of web components, provided by Microsoft, that are designed to look good and be used in VSCode webviews.

• language-server-protocol

  121 10,705 8.7 HTML

  Defines a common protocol for language servers.

  

The nxls is a language server based on the Language Server Protocol (LSP) and acts as the “brain” of Nx Console. It analyzes your Nx workspace and provides information on it, including code completion and more.

• esbuild

  322 37,276 9.5 Go

  An extremely fast bundler for the web

Since Lit is just javascript files that don’t require a custom compiler or build tooling, we decided to use esbuild (via @nx/esbuild), which is written in Go and extremely fast. On the other hand, the old UI used the @angular-builders/custom-webpack:browser builder, which uses webpack under the hood.

Suggest a related project