super-browser-window-kit
Version:
Super toolkit for enhanced Electron BrowserWindow with rounded corners and macOS liquid glass effects
118 lines (89 loc) • 4.68 kB
Markdown
[](README.md)
[](README.ja.md)
[](README.ko.md)
[](README.zh.md)
# super-browser-window-kit
高精度 macOS Tahoe ツールキット、Electron BrowserWindow 専用設計。
🏠 **ホームページ**: [https://bytemyth.com/super-browser-window-kit](https://bytemyth.com/super-browser-window-kit)
## プロジェクト概要
Electron アプリケーションに現代的なネイティブ macOS
ウィンドウ視覚効果をもたらします。
## スクリーンショット
## インストール
```bash
npm install super-browser-window-kit
```
## クイックスタート
### BrowserWindow の角丸効果
macOS で Electron BrowserWindow
に美しいネイティブスタイルの角丸効果を簡単に有効化できます。この機能により、アプリが現代的な
macOS
の美学にシームレスに溶け込み、洗練されたプロフェッショナルな外観を提供します。ウィンドウ作成後に
API を呼び出すだけで、必要に応じて角丸の半径をカスタマイズできます。
```js
import { app, BrowserWindow } from "electron";
import SuperBrowserWindowKit, {
AutoresizingMask,
GlassMaterialVariant,
} from "super-browser-window-kit";
/**
* =====================[ ライセンス通知 ]=====================
* このライセンスコードは com.github.Electron テスト環境でのみ有効です。
* 本番環境では動作しません。
* 本番使用には有効な商用ライセンスを取得してください。
*
* 公式サイト: https://bytemyth.com/super-browser-window-kit
* 連絡先: hi@bytemyth.com
* ==========================================================
*/
const LICENSE_CODE =
"GCAYQ-ASCAG-Q76KA-ELXLU-HN8CV-3ZK8P-STALL-QLSVZ-9FFSX-3S2ZU-4QVSC-LLJ7U-KH6K7-G88HA-4TTDJ-58G9H-GZFY6-DDSDJ-L5ZB9-V7UMB-896CS-P9AVC-GULAB-EEAGQ-T77DP-DRBJN-G829M-ZZF9M-L2VEN-RZM8F-SQ4KW-3JLLB-MUVXP-TS3P8-7ZFZM-4L2P3-S4TTA-Z7EVY-Z5H9J-FYDUS-WQCYW-C92PZ-BB23J-QZEVP-QNQ";
app.whenReady().then(() => {
const win = new BrowserWindow({
width: 1000,
height: 700,
titleBarStyle: "hiddenInset",
show: false,
});
win.loadFile("index.html");
SuperBrowserWindowKit.setLicense(LICENSE_CODE);
SuperBrowserWindowKit.enableWindowCornerCustomization();
SuperBrowserWindowKit.setWindowCornerRadius(win.getNativeWindowHandle(), 26);
win.show();
});
```
## メイン API
```ts
// ウィンドウ角丸
enableWindowCornerCustomization(): boolean;
setWindowCornerRadius(handle: Buffer, radius: number): boolean;
disableWindowCornerCustomization(): boolean;
// 背景ビュー
addBackgroundView(handle: Buffer, options?: BackgroundOptions): number;
setBackgroundCornerRadius(handle: Buffer, id: number, cornerRadius: number): void;
setBackgroundColor(handle: Buffer, id: number, color: string | { light: string; dark: string }): void;
// ガラス効果ビュー
addGlassEffectView(handle: Buffer, options?: GlassOptions): number;
setGlassCornerRadius(handle: Buffer, id: number, cornerRadius: number): void;
setGlassColor(handle: Buffer, id: number, color: string | { light: string; dark: string }): void;
setVariant(handle: Buffer, id: number, variant: GlassMaterialVariant): void;
// ビュー共通
removeView(handle: Buffer, id: number): boolean;
setAutoresizingMask(handle: Buffer, id: number, mask: AutoresizingMask | number): boolean;
getFrame(handle: Buffer, id: number): GlassFrame | null;
updateFrame(handle: Buffer, id: number, options: { x?: number; y?: number; width?: number; height?: number }): boolean;
// フルスクリーン通知
setFullScreenNotificationListener(handle: Buffer, callback: FullScreenNotificationCallback): boolean;
removeFullScreenNotificationListener(handle: Buffer): boolean;
```
## 例
- `dist-examples/main.js`：ウィンドウ角丸とサイドバーレイアウトの例
## 作者
bytemyth チーム
## ライセンス
Copyright (c) 2025 bytemyth チーム. All rights reserved.
これは専有ソフトウェアです。評価およびテスト目的でご利用いただけます。
本番環境での商用利用については、[https://bytemyth.com/super-browser-window-kit](https://bytemyth.com/super-browser-window-kit)
をご覧いただくか、会社/チーム情報と共に hi@bytemyth.com
まで商用ライセンスをお求めください。