tauri-apps/tauri-vscode

Visual Studio Code Extension for Tauri apps development

Tauri VS Code Extension

Visual Studio Code Extension that adds support to Tauri commands and tauri.conf.json JSON validation.

Supported commands

It adds the init, deps, dev and build commands to the Command Palette.

JSON validation

The extension automatically pulls the latest config schema so VS Code can display documentation and autocomplete.

Contributing

Following the official guide, run yarn to install dependencies, yarn compile to build your changes and press F5 to open a new Extension Development Host window.

tauri-vscode's Issues

Documentation

It's nice that there aren't any errors, but what all can be done with this extension?

doesn't work with nvm

/bin/sh: 1: npm: not found

Extension is not verified in vscode marketplace

The extension does not show as verified on the marketplace (with the blue badge). I think it would be worth going through the validation process, which includes setting a dns rule on the domain.

Example of how a verified extension shows:

Image owned by visualstudio.com

Example of how this extension shows:

You can read about the process here;
https://code.visualstudio.com/api/working-with-extensions/publishing-extension#verify-a-publisher

Suggest adding a link to VScode marketplace.

How about adding a link to the marketplace on the github page?

Of course you all know this link, but could you please add something like the following.
link to marketplace

Extension is trying to use npm instead of cargo?

Hi there,

When I run cargo tauri dev in the Terminal, my app starts correctly, but when I try using Tauri: Dev from the Command Palette, I get this output:

npm ERR! Missing script: "tauri"
npm ERR! 
npm ERR! To see a list of scripts, run:
npm ERR!   npm run

npm ERR! A complete log of this run can be found in: /Users/andrew/.npm/_logs/2024-01-22T17_16_56_539Z-debug-0.log
-----------------------

Is there a way to tell it to use cargo instead?

strip the ansi color in output panel

We can using this package https://github.com/chalk/strip-ansi#readme

Syntax highlighting for invoked Tauri functions

I was wondering if it would be possible to add highlighting and hover documentation within the string argument of invoked functions. I may try working on this and see how possible it would be, and was wondering if this feature was looked into.

No colorful outputs for `Dev` command.

Current:

Wanted:

Release for VSCodium

I've recently successfully built this application, and I'm using it in VSCodium, a telemetry free variant of VSCode (differences). This variety uses open-vsx.org as extension store, see related issue.

I wanted to request the release of tauri-vscode on open-vsx too, since I think this extension can be helpful to more developers. There's also the point that VSCodium users have to build the extension manually ATM, which means they won't get notified about updates and have to always rebuild manually.

It would be nice to have this extension there too. There's also a GitHub action for automating this process with both stores.

Related Links:

• openvsx - how to publish an extension

Note: English is not my mother tongue, but I hope the text is understandable.

Platform-Specific Configuration Warning `identifier` to avoid duplication

tauri.conf.json already has the required field identifier

But it is also required in the Platform-Specific Configuration file, is it possible to remove the warning from the Platform-Specific Configuration file?

Getting error: Couldn't detect package manager for current project.

I'm very new to Tauri, and I was just trying out what the VSCode can do. However, when I execute any tauri command from the command palette, I'm simply getting the error: Couldn't detect package manager for current project.

(in lower right status):

The VSCode's output channel for tauri is empty, so no further hints there either.

The code for which I was trying the extension is: https://github.com/michalvavra/tauri-leptos-example

I might well be that I'm missing some prerequisite -- are they documented somewhere?

Autocomplete event names on JS side

JS relies heavily on strings which can lead to typo issues.
The idea would be to look for events that Rust emits in the code so we have a list of available events on JS side.
Maybe even show some error waves under invalid names like following

Rust

JS

Thanks to MGlolenstine for the idea. 👍

When will there be the first official version?I'm looking forward to it

The extension has not been updated for a year

Add support for specific environments

Add support for tauri.linux.conf.json, tauri.windows.conf.json and tauri.macos.conf.json

Cannot run commands

Hi,

Not sure if I've set something up wrong or if it's an issue with running in this way.

I have a tauri project that works fine when running the tauri cli via npm in the way that the template tool creates it (eg npm run tauri dev) but when in a workspace with just that project, running the command "Tauri: Dev" from the command pallet gives the following error dialog:

A similar dialog shows for all the other commands too.
I have tried installing @tauri-apps/cli globally in case this was needed, but this doesn't seem to affect anything.

Setup:
Windows 11 with WSL running Ubuntu 20.04
npm: 8.11.0
node: v16.16.0
cargo: cargo 1.62.1 (a748cf5a3 2022-06-08)
rustc: rustc 1.62.1 (e092d0b6b 2022-07-16)
VSCode: 1.70.2
tauri-vscode: v0.1.6 Extension is enabled on 'WSL: Ubuntu-20.04'

Unable to load schema error

Support for validation in Tauri.toml

This extension now supports validation for tauri.conf.json, but not for Tauri.toml.

It would be nice to be able to switch to toml since that's common practice in the Rust community so I think this is quite needed.

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Other Branches

These updates are pending. To force PRs open, click the checkbox below.

• chore(deps): update actions/setup-node action to v4
• chore(deps): update peter-evans/repository-dispatch action to v3

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

• fix(deps): update dependency axios to v1.7.4 [security]
• chore(deps): update dependency @types/node to v18.19.45
• chore(deps): update dependency prettier to v3.3.3
• chore(deps): update dependency typescript to v5.5.4
• chore(deps): update dependency @types/vscode to v1.92.0
• fix(deps): update dependency glob to v10.4.5
• chore(deps): update dependency @types/node to v20
• fix(deps): update dependency glob to v11
• fix(deps): update dependency strip-ansi to v7
• Click on this checkbox to rebase all open PRs at once

Detected dependencies

github-actions

.github/workflows/covector-status.yml

• actions/checkout v4

.github/workflows/covector-version-or-publish.yml

• actions/checkout v4
• tauri-apps/create-pull-request v3.4.1
• peter-evans/repository-dispatch v1

.github/workflows/publish.yml

• actions/checkout v4
• actions/setup-node v3
• HaaLeo/publish-vscode-extension v1
• HaaLeo/publish-vscode-extension v1

.github/workflows/test.yml

• actions/checkout v4
• actions/setup-node v3

npm

package.json

• axios 1.6.8
• glob 10.3.12
• run-in-terminal 0.0.3
• strip-ansi 6.0.1
• @types/node 18.19.31
• @types/vscode 1.75.0
• prettier 3.3.2
• typescript 5.5.2
• vscode ^1.75.0

---

• Check this box to trigger a request for Renovate to run again on this repository

Activation extension 'tauri-apps.tauri-vscode' failed

Dev Tools log:

Activating extension 'tauri-apps.tauri-vscode' failed: Cannot find module 'concat-map'
Require stack:
- /Users/mike/.vscode/extensions/tauri-apps.tauri-vscode-0.1.6/node_modules/brace-expansion/index.js
- /Users/mike/.vscode/extensions/tauri-apps.tauri-vscode-0.1.6/node_modules/minimatch/minimatch.js
- /Users/mike/.vscode/extensions/tauri-apps.tauri-vscode-0.1.6/node_modules/glob/glob.js
- /Users/mike/.vscode/extensions/tauri-apps.tauri-vscode-0.1.6/out/extension.js
- /Applications/Visual Studio Code.app/Contents/Resources/app/out/vs/loader.js
- /Applications/Visual Studio Code.app/Contents/Resources/app/out/bootstrap-amd.js
- /Applications/Visual Studio Code.app/Contents/Resources/app/out/bootstrap-fork.js.
$onExtensionActivationError @ mainThreadExtensionService.ts:111

Env:

Version: 1.71.0 (Universal)
Commit: 784b0177c56c607789f9638da7b6bf3230d47a8c
Date: 2022-09-01T07:25:38.437Z (4 days ago)
Electron: 19.0.12
Chromium: 102.0.5005.167
Node.js: 16.14.2
V8: 10.2.154.15-electron.0
OS: Darwin x64 21.6.0
Sandboxed: No

Add option to use Cargo as package manager

Currently the extension has no support for using cargo as the package manager. This causes errors when using the commands with a pure Rust (Like with Yew) or vanilla project:

This could be detected either by the presence of Trunk.toml, Cargo.toml, or Cargo.lock in the project directory, or by the absence of any lock/package files for the other package managers.

Needs to stress the requirement on tauri-cli.

If tauri-cli is not installed, trying to run the Build and Dev actions display very misleading error about cargo.toml file missing. Either the extension needs to check for this, or at least add a reminder to install tauri-cli in the extension description. VSCode recommends this extension when opening a tauri project, so you may assume that some users are building tauri app for the first time.

`Tauri: Update Dependencies` command error

Press F1 and execute Tauri: Update Dependencies: