tauri

@tauri-apps/api / tauri

Module: tauri

Invoke your custom commands.

This package is also accessible with window.__TAURI__.tauri when tauri.conf.json > build > withGlobalTauri is set to true.

Interfaces

• InvokeArgs

Functions

convertFileSrc

▸ convertFileSrc(filePath, protocol?): string

Convert a device file path to an URL that can be loaded by the webview. Note that asset: and https://asset.localhost must be allowed on the csp value configured on tauri.conf.json > tauri > security. Example CSP value: "csp": "default-src 'self'; img-src 'self' asset: https://asset.localhost" to use the asset protocol on image sources.

Additionally, the asset must be allowlisted under tauri.conf.json > tauri > allowlist > protocol, and its access scope must be defined on the assetScope array on the same protocol object.

example

import { appDir, join } from '@tauri-apps/api/path';
import { convertFileSrc } from '@tauri-apps/api/tauri';
const appDirPath = await appDir();
const filePath = await join(appDir, 'assets/video.mp4');
const assetUrl = convertFileSrc(filePath);

const video = document.getElementById('my-video');
const source = document.createElement('source');
source.type = 'video/mp4';
source.src = assetUrl;
video.appendChild(source);
video.load();

Parameters

Name	Type	Default value	Description
filePath	string	undefined	The file path.
protocol	string	'asset'	The protocol to use. Defaults to asset. You only need to set this when using a custom protocol.

Returns

string

the URL that can be used as source on the webview.

Defined in

tauri.ts:121

---

invoke

▸ invoke<T>(cmd, args?): Promise<T>

Sends a message to the backend.

example

import { invoke } from '@tauri-apps/api/tauri';
await invoke('login', { user: 'tauri', password: 'poiwe3h4r5ip3yrhtew9ty' });

Type parameters

Name
T

Parameters

Name	Type	Description
cmd	string	The command name.
args	InvokeArgs	The optional arguments to pass to the command.

Returns

Promise<T>

A promise resolving or rejecting to the backend response.

Defined in

tauri.ts:73

---

transformCallback

▸ transformCallback(callback?, once?): number

Transforms a callback function to a string identifier that can be passed to the backend. The backend uses the identifier to eval() the callback.

Parameters

Name	Type	Default value
callback?	(response: any) => void	undefined
once	boolean	false

Returns

number

A unique identifier associated with the callback function.

Defined in

tauri.ts:34