vscode-webview-ui-toolkit
dev
Our great sponsors
vscode-webview-ui-toolkit | dev | |
---|---|---|
6 | 33 | |
1,896 | 1,134 | |
2.8% | 4.1% | |
6.7 | 0.0 | |
5 days ago | 2 days ago | |
TypeScript | ||
MIT License | - |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
vscode-webview-ui-toolkit
-
vscode-webview-ui-toolkit VS vscode-webview-elements - a user suggested alternative
2 projects | 4 Dec 2023
-
Use web components for what they’re good at
Visual Studio Code has a set of web components designed for writing custom extension UIs that fit with the core VSCode UI - https://github.com/microsoft/vscode-webview-ui-toolkit - and explicitly mentions that being usable in multiple frameworks is one of the reasons for choosing web components as an implementation tech.
It ships React components that act as adaptors for them out of the box.
-
Nx Console gets Lit
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.
- Webview UI Toolkit for Visual Studio Code (V1 Released)
-
VSCode Extensions New Project Release 0.1.0
This problem was a bit complicated earlier, but with the release of the official vscode ui library vscode-webview-ui-toolkit, and the recent release of the default integration with react, the problem has become much simpler -- not perfect, of course.
-
Highlights from VSCode 1.61
Webview UI Toolkit repo
dev
-
How do people feel about making code edits via web browser
They aren't using code spaces or github.dev I believe. They are actually using "Edit in place" which is adjacent to those options. The first image in this link might help:
-
I found a remote code execution bug in VSCode that can be triggered from untrusted workspaces. Microsoft fixed it but marked it as moderate severity and ineligible under their bug bounty program.
You are mostly right, but the "remote" aspect comes from the fact that https://github.dev/ can open any random repository (e.g. go to this LLVM README file and then hit the "github.dev" in the dropdown menu for edit). Nothing gets downloaded to your computer and happens on the cloud. You are editing a remote repository on a remote computer.
-
Guide for using git or npm without all the fluff?
You should know with great power comes with greater bill. You can use https://github.dev/github/dev, vscode.dev, github1s.com to WRITE and READ source code, but can't compile nor run. If you want to run, you will need Github Codespace which costs money.
-
Contracting an UpWork dev to make me an open source website - they want to build it with Wordpress
Checkout "github.dev" (which is based on vscode.dev)
- New to coding
-
is there a VSCode Web with integrated terminal?
last week i stumbled across vscode.dev and github.dev which are web versions of my beloved editor. Of course there is no terminal available, which made me curious? is ther a way or service that lets you use a linux container to remote into and use vscode on the go?
-
Be ready for failure on stage: introducing the Speaker Buddy System
TIP: If your source code is on GitHub, and you just need to show the source code, you can use github.dev, a lightweight, browser-based editor (based on VSCode) you can access by replacing .com with .dev when typing the repository URL. It even supports some extensions such as the brilliant CodeTour, which is great for showing code in a guided way throughout your session.
-
Valgrind does not work with .py CL arg
I am using codespaces (github.dev) as the IDE.
-
Tell HN: Productivity hack with github.dev and Chrome custom search engine
I can't believe I am just finding out about https://github.dev a vscode interface for any github repo. For example: https://github.dev/expo/expo/
Add a custom search engine in Chrome and you got yourself a quick shortcut to opening any repo in github dev. In the past I would clone repo then open with vs code to monkey around. Now its CMD+L , 'gd expo/expo' to open https://github.dev/expo/expo/
Instructions for adding custom omniBar search shortcuts: https://zapier.com/blog/add-search-engine-to-chrome/
-
What are your use cases for vscode.dev?
Just in case this isn't common knowledge: You can hit the period (.) key while on any github page to launch a vscode in browser (uses https://github.dev/).
What are some alternatives?
fast - The adaptive interface system for modern web experiences.
glab - The GitLab CLI tool. Archived: now officially adopted by GitLab as the official CLI tool and maintained at https://gitlab.com/gitlab-org/cli. See https://github.com/profclems/glab/issues/983
react-virtuoso - The most powerful virtual list component for React
openvscode-server - Run upstream VS Code on a remote machine with access through a modern web browser from any device, anywhere.
Visual Studio Code - Visual Studio Code
vscode-luna-paint - A raster image editor extension for VS Code
clarity - Clarity is a scalable, accessible, customizable, open source design system built with web components. Works with any JavaScript framework, built for enterprises, and designed to be inclusive.
flutter-action - Flutter environment for use in GitHub Actions. It works on Linux, Windows, and macOS.
dev - Development repository for the CodeMirror editor project
Code-Server - VS Code in the browser
nx-console - Nx Console is the user interface for Nx & Lerna.
WebAssemblyStudio - Learn, Teach, Work and Play in the WebAssembly Studio