@wailsio/runtime 3.0.0-alpha.27 → 3.0.0-alpha.29

package/package.json

@@ -1,12 +1,18 @@
 {
   "name": "@wailsio/runtime",
-  "version": "3.0.0-alpha.27",
+  "type": "module",
+  "version": "3.0.0-alpha.29",
   "description": "Wails Runtime",
-  "main": "src/index.js",
-  "types": "types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./types/index.d.ts",
+      "require": "./src/index.js",
+      "import": "./src/index.js"
+    }
+  },
   "repository": {
     "type": "git",
-    "url": "https://github.com/wailsapp/wails.git"
+    "url": "git+https://github.com/wailsapp/wails.git"
   },
   "scripts": {
     "prebuild:types": "rimraf ./types",

package/src/screens.js

@@ -16,7 +16,6 @@ The electron alternative for Go
  * @property {number} Height - The height.
  */
 
-
 /**
  * @typedef {Object} Rect
  * @property {number} X - The X coordinate of the origin.
@@ -25,10 +24,9 @@ The electron alternative for Go
  * @property {number} Height - The height of the rectangle.
  */
 
-
 /**
  * @typedef {Object} Screen
- * @property {string} Id - Unique identifier for the screen.
+ * @property {string} ID - Unique identifier for the screen.
  * @property {string} Name - Human readable name of the screen.
  * @property {number} ScaleFactor - The scale factor of the screen (DPI/96). 1 = standard DPI, 2 = HiDPI (Retina), etc.
  * @property {number} X - The X coordinate of the screen.
@@ -42,9 +40,8 @@ The electron alternative for Go
  * @property {number} Rotation - The rotation of the screen.
  */
 
-
-import {newRuntimeCallerWithID, objectNames} from "./runtime";
-const call = newRuntimeCallerWithID(objectNames.Screens, '');
+import { newRuntimeCallerWithID, objectNames } from "./runtime";
+const call = newRuntimeCallerWithID(objectNames.Screens, "");
 
 const getAll = 0;
 const getPrimary = 1;

package/src/system.js

@@ -15,11 +15,26 @@ let call = newRuntimeCallerWithID(objectNames.System, '');
 const systemIsDarkMode = 0;
 const environment = 1;
 
-export function invoke(msg) {
-    if(window.chrome) {
-        return window.chrome.webview.postMessage(msg);
+const _invoke = (() => {
+    try {
+        if(window?.chrome?.webview) {
+            return (msg) => window.chrome.webview.postMessage(msg);
+        }
+        if(window?.webkit?.messageHandlers?.external) {
+            return (msg) => window.webkit.messageHandlers.external.postMessage(msg);
+        }
+    } catch(e) {
+        console.warn('\n%c⚠️ Browser Environment Detected %c\n\n%cOnly UI previews are available in the browser. For full functionality, please run the application in desktop mode.\nMore information at: https://v3alpha.wails.io/learn/build/#using-a-browser-for-development\n',
+            'background: #ffffff; color: #000000; font-weight: bold; padding: 4px 8px; border-radius: 4px; border: 2px solid #000000;',
+            'background: transparent;',
+            'color: #ffffff; font-style: italic; font-weight: bold;');
     }
-    return window.webkit.messageHandlers.external.postMessage(msg);
+    return null;
+})();
+
+export function invoke(msg) {
+    if (!_invoke) return;
+    return _invoke(msg);
 }
 
 /**

package/types/screens.d.ts

@@ -46,7 +46,7 @@ export type Screen = {
     /**
      * - Unique identifier for the screen.
      */
-    Id: string;
+    ID: string;
     /**
      * - Human readable name of the screen.
      */