native-webview
v0.5.0
Published
Native WebView for all platforms.
Downloads
10
Maintainers
Readme
native-webview
Library for creating native app for all platforms with JavaScript, HTML and CSS environment. This package is nodejs wrap of the wry library.
Compiled for
- Windows
x86_64
(works with arm) - MacOS
x86_64
andarm_64
(m1) - Linux
x86_64
andarm_64
Features
focus
- focus the window and webviewclose
- close the windoweval
- eval javascript in webviewtitle
- title of windowtransparent
- window with transparent backgroundwindowIcon
- icon of window (only Window and Linux)resizable
- allow user to resizeinnerSize
- set sizeminInnerSize
- set minimum sizemaxInnerSize
- set maximum sizeouterPosition
- set position of windowalwaysOnTop
- window always on topdecorations
- turn on/off decorations (window border)fullscreen
- set fullscreenmaximized
- maximize the windowminimized
- minimize the windowfiles
- handle files from file system
Usage
import { resolve } from "path";
import OpenWebView from "native-webview";
const wv = await OpenWebView({
title: "Hello title",
innerSize: { width: 640, height: 420 },
getPath: src => resolve(__dirname, src),
onMessage: message => console.log("Message from WebView:", message)
});
Examples
$ npm run example -- examples/features.ts
$ npm run example -- examples/transparent.ts
System specific
Windows
Just double click 😉.
MacOS
Dynamic change window icon is not supported. You can easily use icon with creation *.app file.
Linux
Native WebView uses WebKitGTK for WebView. So please make sure following packages are installed for development:
Arch Linux / Manjaro:
sudo pacman -S webkit2gtk libappindicator-gtk3
Debian / Ubuntu:
sudo apt install libwebkit2gtk-4.0-dev libappindicator3-dev
Fedora
sudo dnf install gtk3-devel webkit2gtk3-devel libappindicator-gtk3-devel