@wailsio/runtime 3.0.0-alpha.28 → 3.0.0-alpha.30

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "@wailsio/runtime",
   "type": "module",
-  "version": "3.0.0-alpha.28",
+  "version": "3.0.0-alpha.30",
   "description": "Wails Runtime",
+  "types": "types/index.d.ts",
   "exports": {
     ".": {
       "types": "./types/index.d.ts",
@@ -19,7 +20,7 @@
     "build:types": "npx -p typescript tsc src/index.js --declaration --allowJs --emitDeclarationOnly --outDir types",
     "postbuild:types": "wails3 task generate:events",
     "build:docs": "npx typedoc ./src/index.js",
-    "build:docs:md": "npx typedoc --plugin typedoc-plugin-markdown --namedAnchors true --hideBreadcrumbs true --out ../../../../../../mkdocs-website/docs/en/api/js ./src/index.js"
+    "build:docs:md": "npx typedoc --plugin typedoc-plugin-markdown --namedAnchors true --hideBreadcrumbs true --out ../../../../../../old_mkdocs/docs/en/api/js ./src/index.js"
   },
   "author": "The Wails Team",
   "license": "MIT",

package/src/event_types.js

@@ -189,5 +189,6 @@ export const EventTypes = {
 		ThemeChanged: "common:ThemeChanged",
 		WindowDidMove: "common:WindowDidMove",
 		WindowDidResize: "common:WindowDidResize",
+		ApplicationOpenedWithFile: "common:ApplicationOpenedWithFile",
 	},
 };

package/src/index.js

@@ -43,6 +43,18 @@ export {
     WML
 };
 
+let initialised = false;
+export function init() {
+    window._wails.invoke = System.invoke;
+    System.invoke("wails:runtime:ready");
+    initialised = true;
+}
+
+window.addEventListener("load", () => {
+    if (!initialised) {
+        init();
+    }
+});
+
 // Notify backend
-window._wails.invoke = System.invoke;
-System.invoke("wails:runtime:ready");
+

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/src/window.js

@@ -90,7 +90,7 @@ const ZoomResetMethod                   = 47;
  */
 const caller = Symbol();
 
-class Window {
+export class Window {
     /**
      * Initialises a window object with the specified name.
      *

package/types/event_types.d.ts

@@ -189,5 +189,6 @@ export declare const EventTypes: {
 		ThemeChanged: string,
 		WindowDidMove: string,
 		WindowDidResize: string,
+		ApplicationOpenedWithFile: string,
 	},
 };