https://github.com/daniguardiola/vscode-ariakit-solid
A VS Code extension to facilitate porting Ariakit React into Ariakit Solid.
https://github.com/daniguardiola/vscode-ariakit-solid
Last synced: 2 months ago
JSON representation
A VS Code extension to facilitate porting Ariakit React into Ariakit Solid.
- Host: GitHub
- URL: https://github.com/daniguardiola/vscode-ariakit-solid
- Owner: DaniGuardiola
- License: mit
- Created: 2025-01-29T10:06:42.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-10T14:23:27.000Z (over 1 year ago)
- Last Synced: 2025-02-10T15:28:43.684Z (over 1 year ago)
- Language: TypeScript
- Homepage:
- Size: 16.6 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
Awesome Lists containing this project
README
# vscode-ariakit-solid
A VS Code extension to facilitate porting Ariakit React into Ariakit Solid.
## Setup
You'll need [Bun](https://bun.sh/) installed (`curl -fsSL https://bun.sh/install | bash`).
In Mac, you'll need the `code` command installed in your path ([instructions](https://code.visualstudio.com/docs/setup/mac#_configure-the-path-with-vs-code)).
### Install or update
One-liner that doesn't leave files behind:
```sh
sh -c 'cd /tmp && rm -rf vscode-ariakit-solid && git clone git@github.com:DaniGuardiola/vscode-ariakit-solid.git && cd vscode-ariakit-solid && bun install && ./install.sh && rm -rf /tmp/vscode-ariakit-solid'
```
Alternatively, install:
1. Clone the repo: `git clone git@github.com:DaniGuardiola/vscode-ariakit-solid.git`
2. Navigate to it: `cd vscode-ariakit-solid`
3. Install deps: `bun install`
4. Install extension: `./install.sh`
Or update:
1. Navigate to the repo: `cd vscode-ariakit-solid`
2. Pull the latest changes: `git pull`
3. Install deps: `bun install`
4. Reinstall extension: `./install.sh`
### Uninstall
```sh
code --uninstall-extension diola.ariakit-solid
```
Or run `./uninstall.sh`. Or use the VS Code interface.
## Usage
### Source files
Right click on a source file inside `packages/ariakit-solid-core/src` and select `Ariakit Solid: open diff`.
### Example files
Right click on an example file inside `examples` with a `.solid.ts` or `.solid.tsx` extension and select `Ariakit Solid: open diff (example)`.
### Commands
You can run the following commands:
- `Port status`: shows the current porting status progress.
- `Test status`: shows the current test status progress.
- `Component deps`: opens a menu to select a component and shows its resolved dependencies.
These can also be run directly from the status bar (hover `Ariakit Solid`).
From an Ariakit Solid file, or a Solid example, you can run:
- `Ariakit Solid: open diff`: opens a diff view comparing the current file with the corresponding Ariakit React file.
- `Ariakit Solid: open diff (example)`: opens a diff view comparing the current file with the corresponding React example file.