nexfep 0.1.4 → 0.1.6

package/README-CN.md

@@ -117,13 +117,14 @@ pool.onCustomMessage = (window, data) => {
 在页面中通过 `window.invoke` 触发事件：
 
 ```javascript
+window.invoke('hello');
 window.invoke('hello', 'world');
 ```
 
 **参数说明**
 
 - `event` — 事件名称
-- `data` — 任意类型的可序列化数据，会被序列化为 JSON 字符串后发送
+- `data`（可选）— 任意类型的可序列化数据，会被序列化为 JSON 字符串后发送
 
 #### 监听事件
 
@@ -192,6 +193,59 @@ globals.set('hello', 'world');
 const value = globals.get('hello');
 ```
 
+### 窗口间通信
+
+框架支持窗口之间通过 `window.broadcast` 和 `window.tell` 直接通信，无需经过主进程。
+
+#### 广播
+
+通过 `window.broadcast` 向所有其他打开的窗口发送事件：
+
+```javascript
+window.broadcast('user-login', { userId: 123 });
+```
+
+**参数说明**
+
+- `name` — 事件名称
+- `data`（可选）— 任意类型的可序列化数据，会被序列化为 JSON 字符串后发送
+
+其他窗口通过 `window.addEventListener` 监听广播事件：
+
+```javascript
+window.addEventListener('user-login', (event) => {
+  console.log('用户已登录:', event.detail);
+});
+```
+
+#### 定向发送
+
+通过 `window.tell` 向指定 ID 的窗口发送消息：
+
+```javascript
+window.tell(2, 'custom-message', { text: '你好，窗口2' });
+```
+
+**参数说明**
+
+- `to` — 目标窗口 ID（数字类型）
+- `message` — 事件名称
+- `data`（可选）— 任意类型的可序列化数据，会被序列化为 JSON 字符串后发送
+
+目标窗口通过 `window.addEventListener` 接收消息：
+
+```javascript
+window.addEventListener('custom-message', (event) => {
+  console.log('收到消息:', event.detail);
+});
+```
+
+每个窗口的 ID 可通过 `window.id` 获取：
+
+```javascript
+console.log('当前窗口 ID:', window.id);
+```
+
 ### 窗口控制函数
 
 页面中可直接调用以下注入函数进行窗口控制：
@@ -207,6 +261,13 @@ window.openDevTools();       // 打开开发者工具
 window.closeDevTools();      // 关闭开发者工具
 ```
 
+页面中还可访问以下属性：
+
+```javascript
+console.log(window.id);               // 窗口唯一标识
+console.log(window.isNexfepLoadDone); // 窗口是否已加载完成
+```
+
 ### 拖拽区域
 
 通过 HTML 属性即可定义窗口拖拽区域，无需编写额外 JavaScript 代码。这些属性会自动应用 `-webkit-app-region` 和 `app-region` CSS 属性。

package/README.md

@@ -117,13 +117,14 @@ pool.onCustomMessage = (window, data) => {
 Invoke events via `window.invoke` in the page:
 
 ```javascript
+window.invoke('hello');
 window.invoke('hello', 'world');
 ```
 
 **Parameters**
 
 - `event` — Event name
-- `data` — Any serializable data, will be serialized to JSON string before sending
+- `data` (optional) — Any serializable data, will be serialized to JSON string before sending
 
 #### Listen for Events
 
@@ -192,6 +193,59 @@ globals.set('hello', 'world');
 const value = globals.get('hello');
 ```
 
+### Inter-Window Communication
+
+The framework supports direct communication between windows via `window.broadcast` and `window.tell`, without going through the main process.
+
+#### Broadcast
+
+Send an event to all other open windows via `window.broadcast`:
+
+```javascript
+window.broadcast('user-login', { userId: 123 });
+```
+
+**Parameters**
+
+- `name` — Event name
+- `data` (optional) — Any serializable data, will be serialized to JSON string before sending
+
+Other windows listen for the broadcast event via `window.addEventListener`:
+
+```javascript
+window.addEventListener('user-login', (event) => {
+  console.log('User logged in:', event.detail);
+});
+```
+
+#### Tell
+
+Send a message to a specific window by its ID via `window.tell`:
+
+```javascript
+window.tell(2, 'custom-message', { text: 'Hello Window 2' });
+```
+
+**Parameters**
+
+- `to` — Target window ID (number)
+- `message` — Event name
+- `data` (optional) — Any serializable data, will be serialized to JSON string before sending
+
+The target window receives the message via `window.addEventListener`:
+
+```javascript
+window.addEventListener('custom-message', (event) => {
+  console.log('Received message:', event.detail);
+});
+```
+
+Each window's ID can be accessed via `window.id`:
+
+```javascript
+console.log('This window ID:', window.id);
+```
+
 ### Window Control Functions
 
 The following injected functions can be directly called in the page for window control:
@@ -207,6 +261,13 @@ window.openDevTools();       // Open developer tools
 window.closeDevTools();      // Close developer tools
 ```
 
+The following properties are also available in the page:
+
+```javascript
+console.log(window.id);                // Window unique identifier
+console.log(window.isNexfepLoadDone);  // Whether the window has finished loading
+```
+
 ### Drag Regions
 
 Define window drag regions via HTML attributes without writing additional JavaScript code. These attributes automatically apply `-webkit-app-region` and `app-region` CSS properties.

package/index.d.ts

@@ -1,46 +1 @@
-import { BrowserWindow, Webview } from "@webviewjs/webview";
-declare class Window {
-    window: BrowserWindow;
-    webview: Webview;
-    isOpen: boolean;
-    isShow: boolean;
-    isDecorated: boolean;
-    id: number;
-    private myPool;
-    constructor(window: BrowserWindow, webview: Webview, id: number, myPool: WindowPool);
-    setDecorated(isDecorated: boolean): void;
-    setTitle(title: string): void;
-    resizable(resizable: boolean): void;
-    maximize(): void;
-    minimize(): void;
-    unMaximize(): void;
-    unMinimize(): void;
-    openDevTools(): void;
-    closeDevTools(): void;
-    hide(): void;
-    show(): void;
-    close(): void;
-    loadURL(url: string): Promise<void>;
-    loadHTML(html: string): Promise<void>;
-}
-declare class WindowPool {
-    onCustomMessage: (window: Window, data: string) => void;
-    private app;
-    private windows;
-    private handlers;
-    private injectCount;
-    private windowCount;
-    private freeWindowCount;
-    global: Map<string, any>;
-    constructor(WindowsWebview2UserDataFolder?: string);
-    __injectCode(window: Window, code: string): Promise<void>;
-    __injectControlFunctions(windowObj: Window): Promise<void>;
-    __createNewWindowObj(): Promise<Window>;
-    createWindow(isShow?: boolean, isDecorated?: boolean): Promise<Window>;
-    closeWindow(window: Window): Promise<void>;
-    closePool(): Promise<void>;
-    handle(event: string, callback: (data: any) => any): Promise<void>;
-    unhandle(event: string, callback: (data: any) => any): Promise<void>;
-    mainloop(): void;
-}
-export { WindowPool, Window };
+export * from './src/WindowManager';

package/index.js

@@ -1,357 +1 @@
-import { Application } from "@webviewjs/webview";
-import os from 'os';
-import path from 'path';
-import fs from 'fs';
-class Window {
-    window;
-    webview;
-    isOpen;
-    isShow;
-    isDecorated;
-    id;
-    myPool;
-    constructor(window, webview, id, myPool) {
-        this.myPool = myPool;
-        this.window = window;
-        this.webview = webview;
-        this.isOpen = false;
-        this.isShow = false;
-        this.isDecorated = false;
-        this.id = id;
-    }
-    setDecorated(isDecorated) {
-        this.window.setDecorations(isDecorated);
-        this.isDecorated = isDecorated;
-    }
-    setTitle(title) {
-        this.window.setTitle(title);
-    }
-    resizable(resizable) {
-        this.window.setResizable(resizable);
-    }
-    maximize() {
-        this.window.setMaximized(true);
-    }
-    minimize() {
-        this.window.setMinimized(true);
-    }
-    unMaximize() {
-        this.window.setMaximized(false);
-    }
-    unMinimize() {
-        this.window.setMinimized(false);
-    }
-    openDevTools() {
-        this.webview.openDevtools();
-    }
-    closeDevTools() {
-        this.webview.closeDevtools();
-    }
-    hide() {
-        this.window.hide();
-        this.isShow = false;
-    }
-    show() {
-        this.window.show();
-        this.isShow = true;
-    }
-    close() {
-        this.myPool.closeWindow(this);
-    }
-    async loadURL(url) {
-        await this.webview.loadUrl(url);
-        await this.myPool.__injectControlFunctions(this);
-    }
-    async loadHTML(html) {
-        await this.webview.loadHtml(html);
-        await this.myPool.__injectControlFunctions(this);
-    }
-}
-class WindowPool {
-    onCustomMessage;
-    app;
-    windows;
-    handlers;
-    injectCount;
-    windowCount;
-    freeWindowCount;
-    global;
-    constructor(WindowsWebview2UserDataFolder = path.join(process.env.LOCALAPPDATA || os.homedir(), 'NexfepDevelopment.webview2-data')) {
-        if (os.platform() === 'win32') {
-            // 设置 WebView2 用户数据目录（仅 Windows 需要此配置）
-            const userDataDir = WindowsWebview2UserDataFolder;
-            if (!fs.existsSync(userDataDir)) {
-                fs.mkdirSync(userDataDir, { recursive: true });
-            }
-            process.env.WEBVIEW2_USER_DATA_FOLDER = userDataDir;
-        }
-        this.onCustomMessage = (window, data) => {
-            console.log('Get Custom Message:', data, "from window", window.id);
-        };
-        this.handlers = new Map();
-        this.app = new Application();
-        this.injectCount = 0;
-        this.windows = [];
-        this.windowCount = 0;
-        this.freeWindowCount = 0;
-        this.global = new Map();
-    }
-    async __injectCode(window, code) {
-        await window.webview.evaluateScript(code);
-    }
-    async __injectControlFunctions(windowObj) {
-        const INJECT_CSS = `
-        [nexfep-area-drag],
-        [nexfep-area-drag] * {
-            -webkit-app-region: drag;
-            app-region: drag;
-        }
-        
-        [nexfep-element-drag] {
-            -webkit-app-region: drag;
-            app-region: drag;
-        }
-        
-        [nexfep-no-drag],
-        [nexfep-no-drag] * {
-            -webkit-app-region: no-drag !important;
-            app-region: no-drag !important;
-        }
-        
-        [nexfep-auto-drag],
-        [nexfep-auto-drag] * {
-            -webkit-app-region: drag;
-            app-region: drag;
-        }
-        
-        [nexfep-auto-drag] button,
-        [nexfep-auto-drag] input,
-        [nexfep-auto-drag] select,
-        [nexfep-auto-drag] textarea,
-        [nexfep-auto-drag] a {
-            -webkit-app-region: no-drag;
-            app-region: no-drag;
-        }
-        `;
-        const INJECT_CODE = `
-        // 事件监听
-        window.addEventListener("beforeunload", () => {
-            const MessageBody = { type: 'NexfepBeforeUnload' }
-            window.ipc.postMessage(JSON.stringify(MessageBody));
-        });
-        
-        // 窗口控制函数
-        window.close = () => {
-            const MessageBody = { type: 'NexfepCloseWindow' }
-            window.ipc.postMessage(JSON.stringify(MessageBody));
-        };
-        
-        window.minimize = () => {
-            const MessageBody = { type: 'NexfepMinimizeWindow' }
-            window.ipc.postMessage(JSON.stringify(MessageBody));
-        };
-        
-        window.unminimize = () => {
-            const MessageBody = { type: 'NexfepUnMinimizeWindow' }
-            window.ipc.postMessage(JSON.stringify(MessageBody));
-        };
-        
-        window.maximize = () => {
-            const MessageBody = { type: 'NexfepMaximizeWindow' }
-            window.ipc.postMessage(JSON.stringify(MessageBody));
-        };
-        
-        window.unmaximize = () => {
-            const MessageBody = { type: 'NexfepUnMaximizeWindow' }
-            window.ipc.postMessage(JSON.stringify(MessageBody));
-        };
-        window.setTitle = (title) => {
-            const MessageBody = { type: 'NexfepSetTitle', title: title }
-            window.ipc.postMessage(JSON.stringify(MessageBody));
-        };
-        
-        window.openDevTools = () => {
-            const MessageBody = { type: 'NexfepOpenDevTools' }
-            window.ipc.postMessage(JSON.stringify(MessageBody));
-        };
-        
-        window.closeDevTools = () => {
-            const MessageBody = { type: 'NexfepCloseDevTools' }
-            window.ipc.postMessage(JSON.stringify(MessageBody));
-        };
-
-        window.postMessage = (data) => {
-            const MessageBody = { type: 'CustomMessage', data: data }
-            window.ipc.postMessage(JSON.stringify(MessageBody));
-        };
-
-        window.eventCount = 0;
-
-        window.invoke = async (event, data) => {
-            const MessageBody = { type: 'NexfepInvoke', eventId: [${this.injectCount}, ++window.eventCount], event: event, data: data }
-            window.ipc.postMessage(JSON.stringify(MessageBody));
-            return new Promise((resolve, reject) => {
-                window.addEventListener("nexfep-invoke-result-"+${this.injectCount}+"-"+window.eventCount, (event) => {
-                    window.removeEventListener("nexfep-invoke-result-"+${this.injectCount}+"-"+window.eventCount, event);
-                    if(event.detail){
-                        resolve(event.detail);
-                    }else{
-                        resolve();
-                    }
-                });
-            });
-        }
-        
-        window.setGlobal = (name, value) => {
-            const MessageBody = { type: 'NexfepSetGlobal', name: name, value: value }
-            window.ipc.postMessage(JSON.stringify(MessageBody));
-        }
-
-        window.getGlobal = (name) => {
-            const MessageBody = { type: 'NexfepGetGlobal', eventId: [${this.injectCount}, ++window.eventCount], name: name }
-            window.ipc.postMessage(JSON.stringify(MessageBody));
-            return new Promise((resolve, reject) => {
-                window.addEventListener("nexfep-get-global-result-"+${this.injectCount}+"-"+window.eventCount, (event) => {
-                    window.removeEventListener("nexfep-get-global-result-"+${this.injectCount}+"-"+window.eventCount, event);
-                    if(event.detail){
-                        resolve(event.detail);
-                    }else{
-                        resolve();
-                    }
-                });
-            });
-        }
-        
-        // 注入 CSS 样式
-        const style = document.createElement('style');
-        style.textContent = \`${INJECT_CSS}\`;
-        document.head.appendChild(style);
-        
-        // 标记加载完成
-        window.isNexfepLoadDone = true;
-
-        // 触发加载完成事件
-        window.dispatchEvent(new Event('nexfep-load-done'));
-        `;
-        await this.__injectCode(windowObj, INJECT_CODE);
-    }
-    async __createNewWindowObj() {
-        const window = this.app.createBrowserWindow({ title: "Nexfep" });
-        window.hide();
-        this.freeWindowCount++;
-        const webview = window.createWebview();
-        const windowObj = new Window(window, webview, ++this.windowCount, this);
-        this.windows.push(windowObj);
-        webview.onIpcMessage((data) => {
-            const dataText = data.body.toString();
-            const dataObj = JSON.parse(dataText);
-            if (dataObj.type == 'NexfepBeforeUnload') {
-                webview.evaluateScript(`if(window?.isNexfepLoadDone){
-                    const MessageBody = { type: 'NexfepBeforeUnload' }
-                    window.ipc.postMessage(JSON.stringify(MessageBody));
-                }else{
-                    const MessageBody = { type: 'NexfepLoadFalse' }
-                    window.ipc.postMessage(JSON.stringify(MessageBody));
-                }`);
-            }
-            else if (dataObj.type == 'NexfepLoadFalse') {
-                this.__injectControlFunctions(windowObj);
-            }
-            else if (dataObj.type == 'NexfepCloseWindow') {
-                this.closeWindow(windowObj);
-            }
-            else if (dataObj.type == 'NexfepMinimizeWindow') {
-                window.setMinimized(true);
-            }
-            else if (dataObj.type == 'NexfepUnMinimizeWindow') {
-                window.setMinimized(false);
-            }
-            else if (dataObj.type == 'NexfepMaximizeWindow') {
-                window.setMaximized(true);
-            }
-            else if (dataObj.type == 'NexfepUnMaximizeWindow') {
-                window.setMaximized(false);
-            }
-            else if (dataObj.type == 'NexfepSetTitle') {
-                window.setTitle(dataObj.title);
-            }
-            else if (dataObj.type == 'NexfepOpenDevTools') {
-                webview.openDevtools();
-            }
-            else if (dataObj.type == 'NexfepCloseDevTools') {
-                webview.closeDevtools();
-            }
-            else if (dataObj.type == 'CustomMessage') {
-                this.onCustomMessage(windowObj, dataObj.data);
-            }
-            else if (dataObj.type == 'NexfepInvoke') {
-                const handlers = this.handlers.get(dataObj.event) || [];
-                handlers.forEach(async (handler) => {
-                    const result = await handler(dataObj.data);
-                    if (result) {
-                        webview.evaluateScript(`
-                            window.dispatchEvent(new Event('nexfep-invoke-result-${dataObj.eventId[0]}-${dataObj.eventId[1]}', { detail: ${JSON.stringify(result)} }));
-                        `);
-                    }
-                    else {
-                        webview.evaluateScript(`
-                            window.dispatchEvent(new Event('nexfep-invoke-result-${dataObj.eventId[0]}-${dataObj.eventId[1]}', { detail: undefined }));
-                        `);
-                    }
-                });
-            }
-            else if (dataObj.type == 'NexfepSetGlobal') {
-                this.global.set(dataObj.name, dataObj.value);
-            }
-            else if (dataObj.type == 'NexfepGetGlobal') {
-                const value = this.global.get(dataObj.name);
-                webview.evaluateScript(`
-                    window.dispatchEvent(new Event('nexfep-get-global-result-${dataObj.eventId[0]}-${dataObj.eventId[1]}', { detail: ${JSON.stringify(value)} }));
-                `);
-            }
-        });
-        return windowObj;
-    }
-    async createWindow(isShow = true, isDecorated = true) {
-        const window = this.windows.find(w => w.isOpen === false) || await this.__createNewWindowObj();
-        this.freeWindowCount--;
-        if (window) {
-            window.isOpen = true;
-            window.isShow = isShow;
-            window.setDecorated(isDecorated);
-            if (isShow) {
-                window.show();
-            }
-        }
-        if (this.freeWindowCount == 0) {
-            await this.__createNewWindowObj();
-        }
-        return window;
-    }
-    async closeWindow(window) {
-        if (window.isOpen) {
-            window.isOpen = false;
-            window.isShow = false;
-            window.setDecorated(true);
-            window.hide();
-            await window.loadHTML("<!DOCTYPE html><html><head></head><body></body></html>");
-            this.freeWindowCount++;
-        }
-        else {
-            throw new Error("Window is not open");
-        }
-    }
-    async closePool() {
-        this.app.exit();
-    }
-    async handle(event, callback) {
-        this.handlers.set(event, [...this.handlers.get(event) || [], callback]);
-    }
-    async unhandle(event, callback) {
-        this.handlers.set(event, (this.handlers.get(event) || []).filter(c => c !== callback));
-    }
-    mainloop() {
-        this.app.run();
-    }
-}
-export { WindowPool, Window };
+export * from './src/WindowManager';

package/package.json

@@ -14,7 +14,7 @@
     "webview",
     "typescript"
   ],
-  "version": "0.1.4",
+  "version": "0.1.6",
   "type": "module",
   "main": "./index.js",
   "scripts": {
@@ -31,7 +31,9 @@
     "README.md",
     "README-CN.md",
     "LICENSE",
-    "package.json"
+    "package.json",
+    "src/WindowManager.js",
+    "src/WindowManager.d.ts"
   ],
   "dependencies": {
     "@webviewjs/webview": "0.1.4"

package/src/WindowManager.d.ts

@@ -0,0 +1,46 @@
+import { BrowserWindow, Webview } from "@webviewjs/webview";
+declare class Window {
+    window: BrowserWindow;
+    webview: Webview;
+    isOpen: boolean;
+    isShow: boolean;
+    isDecorated: boolean;
+    id: number;
+    private myPool;
+    constructor(window: BrowserWindow, webview: Webview, id: number, myPool: WindowPool);
+    setDecorated(isDecorated: boolean): void;
+    setTitle(title: string): void;
+    resizable(resizable: boolean): void;
+    maximize(): void;
+    minimize(): void;
+    unMaximize(): void;
+    unMinimize(): void;
+    openDevTools(): void;
+    closeDevTools(): void;
+    hide(): void;
+    show(): void;
+    close(): void;
+    loadURL(url: string): Promise<void>;
+    loadHTML(html: string): Promise<void>;
+}
+declare class WindowPool {
+    onCustomMessage: (window: Window, data: string) => void;
+    private app;
+    private windows;
+    private handlers;
+    private injectCount;
+    private windowCount;
+    private freeWindowCount;
+    global: Map<string, any>;
+    constructor(WindowsWebview2UserDataFolder?: string);
+    __injectCode(window: Window, code: string): Promise<void>;
+    __injectControlFunctions(windowObj: Window): Promise<void>;
+    __createNewWindowObj(): Promise<Window>;
+    createWindow(isShow?: boolean, isDecorated?: boolean): Promise<Window>;
+    closeWindow(window: Window): Promise<void>;
+    closePool(): Promise<void>;
+    handle(event: string, callback: (data: any) => any): Promise<void>;
+    unhandle(event: string, callback: (data: any) => any): Promise<void>;
+    mainloop(): void;
+}
+export { WindowPool, Window };

package/src/WindowManager.js

@@ -0,0 +1,387 @@
+import { Application } from "@webviewjs/webview";
+import os from 'os';
+import path from 'path';
+import fs from 'fs';
+class Window {
+    window;
+    webview;
+    isOpen;
+    isShow;
+    isDecorated;
+    id;
+    myPool;
+    constructor(window, webview, id, myPool) {
+        this.myPool = myPool;
+        this.window = window;
+        this.webview = webview;
+        this.isOpen = false;
+        this.isShow = false;
+        this.isDecorated = false;
+        this.id = id;
+    }
+    setDecorated(isDecorated) {
+        this.window.setDecorations(isDecorated);
+        this.isDecorated = isDecorated;
+    }
+    setTitle(title) {
+        this.window.setTitle(title);
+    }
+    resizable(resizable) {
+        this.window.setResizable(resizable);
+    }
+    maximize() {
+        this.window.setMaximized(true);
+    }
+    minimize() {
+        this.window.setMinimized(true);
+    }
+    unMaximize() {
+        this.window.setMaximized(false);
+    }
+    unMinimize() {
+        this.window.setMinimized(false);
+    }
+    openDevTools() {
+        this.webview.openDevtools();
+    }
+    closeDevTools() {
+        this.webview.closeDevtools();
+    }
+    hide() {
+        this.window.hide();
+        this.isShow = false;
+    }
+    show() {
+        this.window.show();
+        this.isShow = true;
+    }
+    close() {
+        this.myPool.closeWindow(this);
+    }
+    async loadURL(url) {
+        await this.webview.loadUrl(url);
+        await this.myPool.__injectControlFunctions(this);
+    }
+    async loadHTML(html) {
+        await this.webview.loadHtml(html);
+        await this.myPool.__injectControlFunctions(this);
+    }
+}
+class WindowPool {
+    onCustomMessage;
+    app;
+    windows;
+    handlers;
+    injectCount;
+    windowCount;
+    freeWindowCount;
+    global;
+    constructor(WindowsWebview2UserDataFolder = path.join(process.env.LOCALAPPDATA || os.homedir(), 'NexfepDevelopment.webview2-data')) {
+        if (os.platform() === 'win32') {
+            // 设置 WebView2 用户数据目录（仅 Windows 需要此配置）
+            const userDataDir = WindowsWebview2UserDataFolder;
+            if (!fs.existsSync(userDataDir)) {
+                fs.mkdirSync(userDataDir, { recursive: true });
+            }
+            process.env.WEBVIEW2_USER_DATA_FOLDER = userDataDir;
+        }
+        this.onCustomMessage = (window, data) => {
+            console.log('Get Custom Message:', data, "from window", window.id);
+        };
+        this.handlers = new Map();
+        this.app = new Application();
+        this.injectCount = 0;
+        this.windows = [];
+        this.windowCount = 0;
+        this.freeWindowCount = 0;
+        this.global = new Map();
+    }
+    async __injectCode(window, code) {
+        await window.webview.evaluateScript(code);
+    }
+    async __injectControlFunctions(windowObj) {
+        const INJECT_CSS = `
+        [nexfep-area-drag],
+        [nexfep-area-drag] * {
+            -webkit-app-region: drag;
+            app-region: drag;
+        }
+        
+        [nexfep-element-drag] {
+            -webkit-app-region: drag;
+            app-region: drag;
+        }
+        
+        [nexfep-no-drag],
+        [nexfep-no-drag] * {
+            -webkit-app-region: no-drag !important;
+            app-region: no-drag !important;
+        }
+        
+        [nexfep-auto-drag],
+        [nexfep-auto-drag] * {
+            -webkit-app-region: drag;
+            app-region: drag;
+        }
+        
+        [nexfep-auto-drag] button,
+        [nexfep-auto-drag] input,
+        [nexfep-auto-drag] select,
+        [nexfep-auto-drag] textarea,
+        [nexfep-auto-drag] a {
+            -webkit-app-region: no-drag;
+            app-region: no-drag;
+        }
+        `;
+        const INJECT_CODE = `
+        // 事件监听
+        window.addEventListener("beforeunload", () => {
+            const MessageBody = { type: 'NexfepBeforeUnload' }
+            window.ipc.postMessage(JSON.stringify(MessageBody));
+        });
+        
+        // 窗口控制函数
+        window.close = () => {
+            const MessageBody = { type: 'NexfepCloseWindow' }
+            window.ipc.postMessage(JSON.stringify(MessageBody));
+        };
+        
+        window.minimize = () => {
+            const MessageBody = { type: 'NexfepMinimizeWindow' }
+            window.ipc.postMessage(JSON.stringify(MessageBody));
+        };
+        
+        window.unminimize = () => {
+            const MessageBody = { type: 'NexfepUnMinimizeWindow' }
+            window.ipc.postMessage(JSON.stringify(MessageBody));
+        };
+        
+        window.maximize = () => {
+            const MessageBody = { type: 'NexfepMaximizeWindow' }
+            window.ipc.postMessage(JSON.stringify(MessageBody));
+        };
+        
+        window.unmaximize = () => {
+            const MessageBody = { type: 'NexfepUnMaximizeWindow' }
+            window.ipc.postMessage(JSON.stringify(MessageBody));
+        };
+        window.setTitle = (title) => {
+            const MessageBody = { type: 'NexfepSetTitle', title: title }
+            window.ipc.postMessage(JSON.stringify(MessageBody));
+        };
+        
+        window.openDevTools = () => {
+            const MessageBody = { type: 'NexfepOpenDevTools' }
+            window.ipc.postMessage(JSON.stringify(MessageBody));
+        };
+        
+        window.closeDevTools = () => {
+            const MessageBody = { type: 'NexfepCloseDevTools' }
+            window.ipc.postMessage(JSON.stringify(MessageBody));
+        };
+
+        window.postMessage = (data) => {
+            const MessageBody = { type: 'CustomMessage', data: data }
+            window.ipc.postMessage(JSON.stringify(MessageBody));
+        };
+
+        window.eventCount = 0;
+
+        window.invoke = async (event, data = null) => {
+            const MessageBody = { type: 'NexfepInvoke', eventId: [${this.injectCount}, ++window.eventCount], event: event, data: data }
+            window.ipc.postMessage(JSON.stringify(MessageBody));
+            return new Promise((resolve, reject) => {
+                window.addEventListener("nexfep-invoke-result-"+${this.injectCount}+"-"+window.eventCount, (event) => {
+                    window.removeEventListener("nexfep-invoke-result-"+${this.injectCount}+"-"+window.eventCount, event);
+                    if(event.detail){
+                        resolve(event.detail);
+                    }else{
+                        resolve();
+                    }
+                });
+            });
+        }
+        
+        window.setGlobal = (name, value) => {
+            const MessageBody = { type: 'NexfepSetGlobal', name: name, value: value }
+            window.ipc.postMessage(JSON.stringify(MessageBody));
+        }
+
+        window.getGlobal = (name) => {
+            const MessageBody = { type: 'NexfepGetGlobal', eventId: [${this.injectCount}, ++window.eventCount], name: name }
+            window.ipc.postMessage(JSON.stringify(MessageBody));
+            return new Promise((resolve, reject) => {
+                window.addEventListener("nexfep-get-global-result-"+${this.injectCount}+"-"+window.eventCount, (event) => {
+                    window.removeEventListener("nexfep-get-global-result-"+${this.injectCount}+"-"+window.eventCount, event);
+                    if(event.detail){
+                        resolve(event.detail);
+                    }else{
+                        resolve();
+                    }
+                });
+            });
+        }
+
+        window.broadcast = (name, data = null) => {
+            const MessageBody = { type: 'NexfepBroadcast', name: name, data: data }
+            window.ipc.postMessage(JSON.stringify(MessageBody));
+        }
+
+        window.id = ${windowObj.id};
+
+        window.tell = (to, message, data = null) => {
+            const MessageBody = { type: 'NexfepTell', to: to, message: message, data: data }
+            window.ipc.postMessage(JSON.stringify(MessageBody));
+        }
+        
+        // 注入 CSS 样式
+        const style = document.createElement('style');
+        style.textContent = \`${INJECT_CSS}\`;
+        document.head.appendChild(style);
+        
+        // 标记加载完成
+        window.isNexfepLoadDone = true;
+
+        // 触发加载完成事件
+        window.dispatchEvent(new CustomEvent('nexfep-load-done'));
+        `;
+        await this.__injectCode(windowObj, INJECT_CODE);
+    }
+    async __createNewWindowObj() {
+        const window = this.app.createBrowserWindow({ title: "Nexfep" });
+        window.hide();
+        this.freeWindowCount++;
+        const webview = window.createWebview();
+        const windowObj = new Window(window, webview, ++this.windowCount, this);
+        this.windows.push(windowObj);
+        webview.onIpcMessage((data) => {
+            const dataText = data.body.toString();
+            const dataObj = JSON.parse(dataText);
+            if (dataObj.type == 'NexfepBeforeUnload') {
+                webview.evaluateScript(`if(window?.isNexfepLoadDone){
+                    const MessageBody = { type: 'NexfepBeforeUnload' }
+                    window.ipc.postMessage(JSON.stringify(MessageBody));
+                }else{
+                    const MessageBody = { type: 'NexfepLoadFalse' }
+                    window.ipc.postMessage(JSON.stringify(MessageBody));
+                }`);
+            }
+            else if (dataObj.type == 'NexfepLoadFalse') {
+                this.__injectControlFunctions(windowObj);
+            }
+            else if (dataObj.type == 'NexfepCloseWindow') {
+                this.closeWindow(windowObj);
+            }
+            else if (dataObj.type == 'NexfepMinimizeWindow') {
+                window.setMinimized(true);
+            }
+            else if (dataObj.type == 'NexfepUnMinimizeWindow') {
+                window.setMinimized(false);
+            }
+            else if (dataObj.type == 'NexfepMaximizeWindow') {
+                window.setMaximized(true);
+            }
+            else if (dataObj.type == 'NexfepUnMaximizeWindow') {
+                window.setMaximized(false);
+            }
+            else if (dataObj.type == 'NexfepSetTitle') {
+                window.setTitle(dataObj.title);
+            }
+            else if (dataObj.type == 'NexfepOpenDevTools') {
+                webview.openDevtools();
+            }
+            else if (dataObj.type == 'NexfepCloseDevTools') {
+                webview.closeDevtools();
+            }
+            else if (dataObj.type == 'CustomMessage') {
+                this.onCustomMessage(windowObj, dataObj.data);
+            }
+            else if (dataObj.type == 'NexfepInvoke') {
+                const handlers = this.handlers.get(dataObj.event) || [];
+                handlers.forEach(async (handler) => {
+                    const result = await handler(dataObj.data);
+                    if (result) {
+                        webview.evaluateScript(`
+                            window.dispatchEvent(new CustomEvent('nexfep-invoke-result-${dataObj.eventId[0]}-${dataObj.eventId[1]}', { detail: ${JSON.stringify(result)} }));
+                        `);
+                    }
+                    else {
+                        webview.evaluateScript(`
+                            window.dispatchEvent(new CustomEvent('nexfep-invoke-result-${dataObj.eventId[0]}-${dataObj.eventId[1]}', { detail: undefined }));
+                        `);
+                    }
+                });
+            }
+            else if (dataObj.type == 'NexfepSetGlobal') {
+                this.global.set(dataObj.name, dataObj.value);
+            }
+            else if (dataObj.type == 'NexfepGetGlobal') {
+                const value = this.global.get(dataObj.name);
+                webview.evaluateScript(`
+                    window.dispatchEvent(new CustomEvent('nexfep-get-global-result-${dataObj.eventId[0]}-${dataObj.eventId[1]}', { detail: ${JSON.stringify(value)} }));
+                `);
+            }
+            else if (dataObj.type == 'NexfepBroadcast') {
+                this.windows.forEach(async (w) => {
+                    if (w != windowObj && w.isOpen) {
+                        w.webview.evaluateScript(`
+                            window.dispatchEvent(new CustomEvent('${dataObj.name}', { detail: ${JSON.stringify(dataObj.data)} }));
+                        `);
+                    }
+                });
+            }
+            else if (dataObj.type == 'NexfepTell') {
+                this.windows.forEach(async (w) => {
+                    if (w.id == dataObj.to) {
+                        w.webview.evaluateScript(`
+                            window.dispatchEvent(new CustomEvent('${dataObj.message}', { detail: ${JSON.stringify(dataObj.data)} }));
+                        `);
+                    }
+                });
+            }
+        });
+        return windowObj;
+    }
+    async createWindow(isShow = true, isDecorated = true) {
+        const window = this.windows.find(w => w.isOpen === false) || await this.__createNewWindowObj();
+        this.freeWindowCount--;
+        if (window) {
+            window.isOpen = true;
+            window.isShow = isShow;
+            window.setDecorated(isDecorated);
+            if (isShow) {
+                window.show();
+            }
+        }
+        if (this.freeWindowCount == 0) {
+            await this.__createNewWindowObj();
+        }
+        return window;
+    }
+    async closeWindow(window) {
+        if (window.isOpen) {
+            window.isOpen = false;
+            window.isShow = false;
+            window.setDecorated(true);
+            window.hide();
+            await window.loadHTML("<!DOCTYPE html><html><head></head><body></body></html>");
+            this.freeWindowCount++;
+        }
+        else {
+            throw new Error("Window is not open");
+        }
+    }
+    async closePool() {
+        this.app.exit();
+    }
+    async handle(event, callback) {
+        this.handlers.set(event, [...this.handlers.get(event) || [], callback]);
+    }
+    async unhandle(event, callback) {
+        this.handlers.set(event, (this.handlers.get(event) || []).filter(c => c !== callback));
+    }
+    mainloop() {
+        this.app.run();
+    }
+}
+export { WindowPool, Window };