ewvjs 1.0.12 → 1.0.14

package/dist/index.d.ts

@@ -4,7 +4,7 @@ export { Window } from './window.js';
 import { WebView } from './webview.js';
 declare const ewvjs: WebView;
 export default ewvjs;
-export declare const create_window: (title: string, url_or_html?: string, options?: Partial<import("./types.js").WindowOptions>) => import("./window.js").Window;
+export declare const create_window: (title: string, url_or_html?: string, options?: Partial<import("./types.js").WindowOptions>) => Promise<import("./window.js").Window>;
 export declare const start: () => Promise<void>;
 export declare const expose: (name: string, func: Function) => void;
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AA+BA,cAAc,YAAY,CAAC;AAG3B,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAGrC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,QAAA,MAAM,KAAK,SAAgB,CAAC;AAC5B,eAAe,KAAK,CAAC;AAGrB,eAAO,MAAM,aAAa,8HAAkC,CAAC;AAC7D,eAAO,MAAM,KAAK,qBAA0B,CAAC;AAC7C,eAAO,MAAM,MAAM,wCAA2B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AA+BA,cAAc,YAAY,CAAC;AAG3B,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAGrC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,QAAA,MAAM,KAAK,SAAgB,CAAC;AAC5B,eAAe,KAAK,CAAC;AAGrB,eAAO,MAAM,aAAa,uIAAkC,CAAC;AAC7D,eAAO,MAAM,KAAK,qBAA0B,CAAC;AAC7C,eAAO,MAAM,MAAM,wCAA2B,CAAC"}

package/dist/js/api.js

@@ -6,15 +6,113 @@ window.ewvjs = {
     _returnValuesCallbacks: {},
 
     _hookDrag: function () {
+        var lastClickTime = 0;
         window.addEventListener('mousedown', function (e) {
             if (e.target.classList.contains('ewvjs-drag-region') || e.target.closest('.ewvjs-drag-region')) {
                 if (e.button === 0) { // Left click
-                    window.chrome.webview.postMessage("drag");
+                    var now = e.timeStamp;
+                    if (now - lastClickTime < 500) {
+                        if (window.__isWindowMaximized) {
+                            window.restore();
+                        } else {
+                            window.maximize();
+                        }
+                        lastClickTime = 0;
+                    } else {
+                        window.chrome.webview.postMessage("drag");
+                        lastClickTime = now;
+                    }
                 }
             }
         });
     },
 
+    _hookResize: function () {
+        var resizeBorder = 8;
+        var styleEl = null;
+
+        function getDirection(e) {
+            if (!window.__isTitleBarDisabled || window.__isWindowMaximized) return null;
+
+            var x = e.clientX;
+            var y = e.clientY;
+            var w = window.innerWidth;
+            var h = window.innerHeight;
+
+            var onLeft = x < resizeBorder;
+            var onRight = x > w - resizeBorder;
+            var onTop = y < resizeBorder;
+            var onBottom = y > h - resizeBorder;
+
+            if (onTop && onLeft) return "topleft";
+            if (onTop && onRight) return "topright";
+            if (onBottom && onLeft) return "bottomleft";
+            if (onBottom && onRight) return "bottomright";
+            if (onTop) return "top";
+            if (onBottom) return "bottom";
+            if (onLeft) return "left";
+            if (onRight) return "right";
+            return null;
+        }
+
+        function setOverrideCursor(cursor) {
+            if (!styleEl) {
+                styleEl = document.getElementById("ewvjs-cursor-override-style");
+                if (!styleEl) {
+                    styleEl = document.createElement("style");
+                    styleEl.id = "ewvjs-cursor-override-style";
+                    styleEl.type = "text/css";
+                    (document.head || document.documentElement).appendChild(styleEl);
+                }
+            }
+            var css = "* { cursor: " + cursor + " !important; }";
+            if (styleEl.textContent !== css) {
+                styleEl.textContent = css;
+            }
+            if (document.documentElement.style.getPropertyValue("cursor") !== cursor) {
+                document.documentElement.style.setProperty("cursor", cursor, "important");
+            }
+        }
+
+        function clearOverrideCursor() {
+            if (styleEl) {
+                styleEl.textContent = "";
+            } else {
+                var el = document.getElementById("ewvjs-cursor-override-style");
+                if (el) {
+                    el.textContent = "";
+                }
+            }
+            if (document.documentElement.style.getPropertyValue("cursor")) {
+                document.documentElement.style.removeProperty("cursor");
+            }
+        }
+
+        window.addEventListener('mousemove', function (e) {
+            var dir = getDirection(e);
+            if (dir) {
+                var cursor = "";
+                if (dir === "top" || dir === "bottom") cursor = "ns-resize";
+                else if (dir === "left" || dir === "right") cursor = "ew-resize";
+                else if (dir === "topleft" || dir === "bottomright") cursor = "nwse-resize";
+                else if (dir === "topright" || dir === "bottomleft") cursor = "nesw-resize";
+
+                setOverrideCursor(cursor);
+            } else {
+                clearOverrideCursor();
+            }
+        }, true);
+
+        window.addEventListener('mousedown', function (e) {
+            var dir = getDirection(e);
+            if (dir && e.button === 0) {
+                e.preventDefault();
+                e.stopPropagation();
+                window.chrome.webview.postMessage("resize:" + dir);
+            }
+        }, true);
+    },
+
     _createApi: function (funcList) {
         function sanitize_params(params) {
             var reservedWords = [
@@ -263,6 +361,7 @@ window.ewvjs._hookConsole = function () {
 
 window.ewvjs._hookConsole();
 window.ewvjs._hookDrag();
+window.ewvjs._hookResize();
 
 // Add window state methods directly to window object
 window.close = function () {

package/dist/platforms/windows.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"windows.d.ts","sourceRoot":"","sources":["../../src/platforms/windows.ts"],"names":[],"mappings":"AAUA,qBAAa,eAAe;;IAKxB,YAAY,CAAC,OAAO,EAAE,GAAG;CA6G5B"}
+{"version":3,"file":"windows.d.ts","sourceRoot":"","sources":["../../src/platforms/windows.ts"],"names":[],"mappings":"AAaA,qBAAa,eAAe;;IAKxB,YAAY,CAAC,OAAO,EAAE,GAAG;CA0G5B"}

package/dist/platforms/windows.js

@@ -6,6 +6,8 @@ import { createRequire } from 'module';
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 const require = createRequire(import.meta.url);
+// Cache the injected API script so it's only read from disk once
+let _cachedApiScript = null;
 export class WindowsPlatform {
     constructor() {
     }
@@ -56,20 +58,17 @@ export class WindowsPlatform {
             console.error("Failed to load native module from " + dllDir, e);
             throw e;
         }
-        // Prepare initScript
+        // Prepare initScript — read & cache once, then reuse
         const token = Math.random().toString(36).substring(2, 15);
-        let apiScript = fs.readFileSync(apiPath, 'utf8');
-        apiScript = apiScript.replace('%(token)s', token);
+        if (_cachedApiScript === null) {
+            _cachedApiScript = fs.readFileSync(apiPath, 'utf8');
+        }
+        const apiScript = _cachedApiScript.replace('%(token)s', token);
         options.initScript = apiScript;
         // Handle messages from WebView
-        // options.onMessage will be called by C#
-        // We must keep the Node process alive while the window is open, similar to how edge-js performed.
-        const keepAlive = setInterval(() => { }, 5000);
         options.onMessage = (message, callback) => {
-            // Check for close message to clear keepAlive
-            // Message from C# on close is explicit string: "[\"closed\", \"\"]"
+            // Check for close message
             if (message === '["closed", ""]' || (Array.isArray(message) && message[0] === 'closed')) {
-                clearInterval(keepAlive);
             }
             if (typeof message === 'string') {
                 try {

package/dist/webview.d.ts

@@ -12,13 +12,12 @@ export declare class WebView {
     private _resolveOnce;
     private _httpServers;
     constructor();
-    create_window(title: string, url_or_html?: string, options?: Partial<WindowOptions>): Window;
+    create_window(title: string, url_or_html?: string, options?: Partial<WindowOptions>): Promise<Window>;
     start(): Promise<void>;
     private _cleanup;
     expose(name: string, func: Function): void;
     _handle_message(message: any): Promise<void>;
     private _getMimeType;
-    private _findFreePort;
     private _createHttpServer;
     private _buildWindowOptions;
 }

package/dist/webview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"webview.d.ts","sourceRoot":"","sources":["../src/webview.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAW3C,qBAAa,OAAO;IACnB,QAAQ,EAAE,GAAG,CAAC;IACd,iBAAiB,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,QAAQ,CAAA;KAAE,CAAM;IACpD,OAAO,CAAC,QAAQ,CAA0B;IAC1C,OAAO,CAAC,aAAa,CAA8B;IACnD,OAAO,CAAC,aAAa,CAA6B;IAClD,OAAO,CAAC,UAAU,CAA+B;IACjD,OAAO,CAAC,YAAY,CAAkB;IACtC,OAAO,CAAC,YAAY,CAAuC;;IAU3D,aAAa,CACZ,KAAK,EAAE,MAAM,EACb,WAAW,GAAE,MAAW,EACxB,OAAO,GAAE,OAAO,CAAC,aAAa,CAAM,GAClC,MAAM;IAgBH,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC;IAa5B,OAAO,CAAC,QAAQ;IAyBhB,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,GAAG,IAAI;IAIpC,eAAe,CAAC,OAAO,EAAE,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC;IAIlD,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,aAAa;IA8BrB,OAAO,CAAC,iBAAiB;IA6DzB,OAAO,CAAC,mBAAmB;CAuC3B"}
+{"version":3,"file":"webview.d.ts","sourceRoot":"","sources":["../src/webview.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAU3C,qBAAa,OAAO;IACnB,QAAQ,EAAE,GAAG,CAAC;IACd,iBAAiB,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,QAAQ,CAAA;KAAE,CAAM;IACpD,OAAO,CAAC,QAAQ,CAA0B;IAC1C,OAAO,CAAC,aAAa,CAA8B;IACnD,OAAO,CAAC,aAAa,CAA6B;IAClD,OAAO,CAAC,UAAU,CAA+B;IACjD,OAAO,CAAC,YAAY,CAAkB;IACtC,OAAO,CAAC,YAAY,CAAuC;;IAUrD,aAAa,CAClB,KAAK,EAAE,MAAM,EACb,WAAW,GAAE,MAAW,EACxB,OAAO,GAAE,OAAO,CAAC,aAAa,CAAM,GAClC,OAAO,CAAC,MAAM,CAAC;IAgBZ,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC;IAa5B,OAAO,CAAC,QAAQ;IAyBhB,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,GAAG,IAAI;IAIpC,eAAe,CAAC,OAAO,EAAE,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC;IAIlD,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,iBAAiB;YAiDX,mBAAmB;CAwCjC"}

package/dist/webview.js

@@ -4,7 +4,6 @@ import * as http from "http";
 import * as fs from "fs";
 import * as path from "path";
 import mime from "mime-types";
-import { execSync } from "child_process";
 import { fileURLToPath } from 'url';
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
@@ -25,8 +24,8 @@ export class WebView {
             throw new Error("Platform not supported: " + process.platform);
         }
     }
-    create_window(title, url_or_html = "", options = {}) {
-        const opts = this._buildWindowOptions(title, url_or_html, options);
+    async create_window(title, url_or_html = "", options = {}) {
+        const opts = await this._buildWindowOptions(title, url_or_html, options);
         const window = new Window(this.platform, opts, this.exposed_functions);
         this._windows.add(window);
         window.closed.then(() => {
@@ -80,59 +79,22 @@ export class WebView {
         const ext = path.extname(filePath).toLowerCase();
         return mime.lookup(ext) || "application/octet-stream";
     }
-    _findFreePort() {
-        // Use execSync to find a free port synchronously
-        const script = `
-            import net from 'net';
-            const server = net.createServer();
-            server.listen(0, 'localhost', () => {
-                console.log(server.address().port);
-                server.close();
-            });
-        `;
-        try {
-            const output = execSync(`node --input-type=module -e "${script.replace(/"/g, '\\"').replace(/\n/g, " ")}"`, {
-                encoding: "utf-8",
-                timeout: 5000,
-            });
-            const port = parseInt(output.trim(), 10);
-            if (isNaN(port)) {
-                throw new Error("Failed to parse port");
-            }
-            return port;
-        }
-        catch (err) {
-            // Fallback to port range
-            return 3000 + Math.floor(Math.random() * 1000);
-        }
-    }
     _createHttpServer(filePath) {
-        // Check if server already exists for this file
+        // Return cached server URL if already serving this file
         if (this._httpServers.has(filePath)) {
-            const existingPort = Array.from(this._httpServers.entries()).find(([path, _]) => path === filePath);
-            if (existingPort) {
-                const addr = existingPort[1].address();
-                if (addr && typeof addr === "object") {
-                    return `http://localhost:${addr.port}`;
-                }
+            const existing = this._httpServers.get(filePath);
+            const addr = existing.address();
+            if (addr && typeof addr === "object") {
+                return Promise.resolve(`http://localhost:${addr.port}`);
             }
         }
-        // Resolve relative paths from the main script's directory, not CWD
-        let absolutePath;
-        // In ESM, use process.argv[1] to get the main script path
-        let mainDir;
-        if (process.argv[1]) {
-            mainDir = path.dirname(process.argv[1]);
-        }
-        else {
-            mainDir = process.cwd();
-        }
-        absolutePath = path.resolve(mainDir, filePath);
-        console.log(`Serving ${absolutePath} at ${filePath}`);
+        // Resolve the file path relative to the main script directory
+        const mainDir = process.argv[1]
+            ? path.dirname(process.argv[1])
+            : process.cwd();
+        const absolutePath = path.resolve(mainDir, filePath);
         const dir = path.dirname(absolutePath);
         const fileName = path.basename(absolutePath);
-        // Find a free port first
-        const port = this._findFreePort();
         const server = http.createServer((req, res) => {
             const requestPath = req.url === "/" ? fileName : req.url.substring(1);
             const fullPath = path.join(dir, requestPath);
@@ -152,12 +114,17 @@ export class WebView {
                 res.end(data);
             });
         });
-        // Use the pre-allocated port
-        server.listen(port, "localhost");
-        this._httpServers.set(filePath, server);
-        return `http://localhost:${port}`;
+        // listen(0) asks the OS to assign a free port instantly — no external process needed
+        return new Promise((resolve, reject) => {
+            server.on("error", reject);
+            server.listen(0, "localhost", () => {
+                const addr = server.address();
+                this._httpServers.set(filePath, server);
+                resolve(`http://localhost:${addr.port}`);
+            });
+        });
     }
-    _buildWindowOptions(title, url_or_html, options) {
+    async _buildWindowOptions(title, url_or_html, options) {
         const opts = {
             title: title,
             width: options.width || 800,
@@ -181,8 +148,9 @@ export class WebView {
             opts.url = url_or_html;
         }
         else if (url_or_html.toLowerCase().endsWith(".html")) {
-            // If it's an HTML file path, serve it via HTTP server
-            opts.url = this._createHttpServer(url_or_html);
+            // Serve the HTML file via a local HTTP server;
+            // listen(0) lets the OS pick a free port with zero overhead
+            opts.url = await this._createHttpServer(url_or_html);
         }
         else {
             opts.html = url_or_html;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ewvjs",
-  "version": "1.0.12",
+  "version": "1.0.14",
   "description": "Embedded WebView for JavaScript - Edge WebView2 bindings for Node.js",
   "workspaces": [
     "packages/*"