tauri-syntax-window

Use when creating windows, handling window events, or managing multi-window layouts in Tauri 2. Prevents window label collisions and incorrect WebviewWindowBuilder usage that causes runtime panics. Covers WebviewWindowBuilder, window labels, window configuration, WindowEvent handling, and JavaScript Window class. Keywords: tauri window, WebviewWindowBuilder, window events, window label, Window class, monitor, multi-window, window settings, create window, window events, minimize, maximize, fullscreen, window size..

Ir para a instalação

Repositório: Impertio-Studio/Tauri-2-Claude-Skill-Package
Última atividade na origem: 30 de março de 2026 às 18:20
Idioma detectado do SKILL.md: inglês
Estrelas: 2
Forks: 1

Opções de instalação

Por padrão, está selecionado o prompt que primeiro revisa a origem. Você pode mudar para um comando direto ou baixar uma cópia local.

Instalar com Codex ou Claude Copie este prompt, cole no Codex, Claude ou outro assistente e deixe que ele revise a página da skill e instale para você.

Um comando direto ignora o prompt de revisão. Verifique a origem antes de executá-lo.

npx skills add https://github.com/Impertio-Studio/Tauri-2-Claude-Skill-Package --skill tauri-syntax-window

O comando permanece em uma só linha. Role horizontalmente para revisá-lo antes de copiar.

Prefere uma cópia local? Baixe os arquivos disponíveis atualmente no SkillsMP.

Revise os arquivos de origem

Leia o SKILL.md e os arquivos complementares exibidos pelo SkillsMP antes de decidir se vai instalar.

Explorador de arquivos

4 arquivos

SKILL.md

Instruções da origem · Visualização somente leitura

Voltar à pesquisa Voltar à instalação

Variant	Fields	Description
`Resized`	`PhysicalSize<u32>`	Window client area resized
`Moved`	`PhysicalPosition<i32>`	Window position changed
`CloseRequested`	`api: CloseRequestApi`	Close requested; call `api.prevent_close()` to cancel
`Destroyed`	--	Window has been destroyed
`Focused`	`bool`	`true` = gained focus, `false` = lost focus
`ScaleFactorChanged`	`scale_factor: f64, new_inner_size: PhysicalSize<u32>`	DPI/display scale changed
`DragDrop`	`DragDropEvent`	File drag-and-drop event
`ThemeChanged`	`Theme`	System theme changed (not supported on Linux)

Method	Callback Payload	Description
`onCloseRequested(cb)`	`CloseRequestedEvent`	Close requested (call `event.preventDefault()` to cancel)
`onResized(cb)`	`PhysicalSize`	Window resized
`onMoved(cb)`	`PhysicalPosition`	Window moved
`onFocusChanged(cb)`	`boolean`	Focus gained/lost
`onThemeChanged(cb)`	`Theme`	System theme changed
`onScaleChanged(cb)`	`{ scaleFactor, size }`	DPI scale changed
`onDragDropEvent(cb)`	`DragDropEvent`	File drag-and-drop

Method	Returns	Description
`innerSize()`	`Promise<PhysicalSize>`	Client area size
`outerSize()`	`Promise<PhysicalSize>`	Total window size
`innerPosition()`	`Promise<PhysicalPosition>`	Client area position
`outerPosition()`	`Promise<PhysicalPosition>`	Window frame position
`isMaximized()`	`Promise<boolean>`	Maximized state
`isMinimized()`	`Promise<boolean>`	Minimized state
`isVisible()`	`Promise<boolean>`	Visibility state
`isFullscreen()`	`Promise<boolean>`	Fullscreen state
`title()`	`Promise<string>`	Current title

Function	Returns	Import
`availableMonitors()`	`Promise<Monitor[]>`	`@tauri-apps/api/window`
`currentMonitor()`	`Promise<Monitor \| null>`	`@tauri-apps/api/window`
`primaryMonitor()`	`Promise<Monitor \| null>`	`@tauri-apps/api/window`
`cursorPosition()`	`Promise<PhysicalPosition>`	`@tauri-apps/api/window`

Type	Import	Description
`LogicalSize`	`@tauri-apps/api/dpi`	Size in logical pixels (DPI-independent)
`PhysicalSize`	`@tauri-apps/api/dpi`	Size in physical pixels
`LogicalPosition`	`@tauri-apps/api/dpi`	Position in logical pixels
`PhysicalPosition`	`@tauri-apps/api/dpi`	Position in physical pixels

use tauri::webview::WebviewWindowBuilder;
use tauri::WebviewUrl;

// In setup() or any context with Manager access
let window = WebviewWindowBuilder::new(
    app,
    "settings",                              // unique label
    WebviewUrl::App("settings.html".into()), // URL to load
)
    .title("Settings")
    .inner_size(800.0, 600.0)
    .center()
    .resizable(true)
    .build()?;

import { Window } from '@tauri-apps/api/window';

const webview = new Window('settings-window', {
  url: '/settings',
  title: 'Settings',
  width: 600,
  height: 400,
  center: true,
  decorations: true,
  resizable: true,
});

import { getCurrentWindow, Window, getAllWindows } from '@tauri-apps/api/window';

const win = getCurrentWindow();                      // current window
const settings = await Window.getByLabel('settings'); // by label (may be null)
const allWindows = await getAllWindows();             // all windows
const focused = await Window.getFocusedWindow();     // focused window (may be null)

.on_window_event(|window, event| {
    match event {
        WindowEvent::CloseRequested { api, .. } => {
            api.prevent_close();
            window.hide().unwrap();
        }
        WindowEvent::Focused(focused) => {
            if *focused {
                println!("{} gained focus", window.label());
            }
        }
        _ => {}
    }
})

const win = getCurrentWindow();

await win.onCloseRequested(async (event) => {
  const confirmed = await confirm('Are you sure?');
  if (!confirmed) {
    event.preventDefault();
  }
});

await win.onResized(({ payload: size }) => {
  console.log('New size:', size.width, size.height);
});

// Show/hide from a command
#[tauri::command]
fn show_settings(app: tauri::AppHandle) {
    if let Some(window) = app.get_webview_window("settings") {
        window.show().unwrap();
        window.set_focus().unwrap();
    }
}

// JS: send event to a specific window
import { emitTo } from '@tauri-apps/api/event';

await emitTo('settings', 'settings-update-requested', {
  key: 'theme',
  value: 'dark',
});

const win = getCurrentWindow();

// Position and size
await win.center();
await win.setPosition(new LogicalPosition(100, 100));
await win.setSize(new LogicalSize(800, 600));

// Visibility and state
await win.show();
await win.hide();
await win.maximize();
await win.minimize();
await win.toggleMaximize();
await win.setFullscreen(true);

// Properties
await win.setTitle('My App - Document.txt');
await win.setDecorations(false);
await win.setAlwaysOnTop(true);
await win.setResizable(false);

// Lifecycle
await win.close();    // triggers CloseRequested event
await win.destroy();  // force-closes without events

import { availableMonitors, currentMonitor, primaryMonitor, cursorPosition } from '@tauri-apps/api/window';

const monitors = await availableMonitors();
const current = await currentMonitor();   // monitor containing the window
const primary = await primaryMonitor();   // primary display
const cursor = await cursorPosition();    // cursor PhysicalPosition

type Theme = 'light' | 'dark';
type TitleBarStyle = 'visible' | 'transparent' | 'overlay';
enum UserAttentionType { Critical = 1, Informational = 2 }
enum ProgressBarStatus { None, Normal, Indeterminate, Paused, Error }

// Window geometry
.inner_size(width: f64, height: f64)
.min_inner_size(w: f64, h: f64)
.max_inner_size(w: f64, h: f64)
.position(x: f64, y: f64)
.center()

// Window behavior
.title(title: impl Into<String>)
.visible(bool)
.focused(bool)
.maximized(bool)
.fullscreen(bool)
.resizable(bool)
.closable(bool)
.minimizable(bool)
.maximizable(bool)
.focusable(bool)
.transparent(bool)

// Webview configuration
.initialization_script(script: impl Into<String>)
.user_agent(ua: &str)
.devtools(enabled: bool)
.disable_javascript()
.zoom_hotkeys_enabled(bool)

// Event handlers
.on_page_load(F)
.on_navigation(F)
.on_web_resource_request(F)
.on_download(F)
.on_document_title_changed(F)
.on_new_window(F)

fn get_webview_window(&self, label: &str) -> Option<WebviewWindow<R>>
fn webview_windows(&self) -> HashMap<String, WebviewWindow<R>>
fn get_window(&self, label: &str) -> Option<Window<R>>
fn get_focused_window(&self) -> Option<Window<R>>
fn windows(&self) -> HashMap<String, Window<R>>

name	tauri-syntax-window
description	Use when creating windows, handling window events, or managing multi-window layouts in Tauri 2. Prevents window label collisions and incorrect WebviewWindowBuilder usage that causes runtime panics. Covers WebviewWindowBuilder, window labels, window configuration, WindowEvent handling, and JavaScript Window class. Keywords: tauri window, WebviewWindowBuilder, window events, window label, Window class, monitor, multi-window, window settings, create window, window events, minimize, maximize, fullscreen, window size..
license	MIT
compatibility	Designed for Claude Code. Requires Tauri 2.x with Rust and TypeScript.
metadata	{"author":"OpenAEC-Foundation","version":"1.0"}

name	tauri-syntax-window
description	Use when creating windows, handling window events, or managing multi-window layouts in Tauri 2. Prevents window label collisions and incorrect WebviewWindowBuilder usage that causes runtime panics. Covers WebviewWindowBuilder, window labels, window configuration, WindowEvent handling, and JavaScript Window class. Keywords: tauri window, WebviewWindowBuilder, window events, window label, Window class, monitor, multi-window, window settings, create window, window events, minimize, maximize, fullscreen, window size..
license	MIT
compatibility	Designed for Claude Code. Requires Tauri 2.x with Rust and TypeScript.
metadata	{"author":"OpenAEC-Foundation","version":"1.0"}

tauri-syntax-window

Opções de instalação

Revise os arquivos de origem