Fix invoke calls in dialog & shell init scripts (#675)

Co-authored-by: Lucas Nogueira <lucas@tauri.studio>

Author: morajabi

.changes/fix-invoke-usage.md

@@ -0,0 +1,6 @@
+---
+"shell": patch
+"dialog": patch
+---
+
+Fix invoke usage.

.changes/fix-window-state-api.md

@@ -0,0 +1,5 @@
+---
+"window-state-js": patch
+---
+
+Fix usage of no longer available `__TAURI_METADATA__` API.

.github/workflows/test-rust.yml

@@ -181,17 +181,12 @@ jobs:
 
       - uses: Swatinem/rust-cache@v2
         with:
-          key: cache-${{ matrix.package }}
+          key: cache-${{ matrix.package }}-${{ matrix.platform.target }}
 
       - name: create dummy dist
         working-directory: examples/api
         run: mkdir dist
 
-      - name: Downgrade crates with MSRV conflict
-        # The --precise flag can only be used once per invocation.
-        run: |
-          cargo update -p time@0.3.24 --precise 0.3.23
-
       - name: install cross
         if: ${{ matrix.platform.runner == 'cross' }}
         run: cargo install cross --git https://github.com/cross-rs/cross

plugins/dialog/src/init.js plugins/dialog/guest-js/init.tsplugins/dialog/src/init.js renamed to plugins/dialog/guest-js/init.ts

@@ -2,13 +2,16 @@
 // SPDX-License-Identifier: Apache-2.0
 // SPDX-License-Identifier: MIT
 
-window.alert = function (message) {
+import { invoke } from "@tauri-apps/api/primitives";
+
+window.alert = function (message: string) {
   invoke("plugin:dialog|message", {
     message: message.toString(),
   });
 };
 
-window.confirm = function (message) {
+// @ts-expect-error tauri does not have sync IPC :(
+window.confirm = function (message: string) {
   return invoke("plugin:dialog|confirm", {
     message: message.toString(),
   });

plugins/dialog/rollup.config.mjs

@@ -2,10 +2,33 @@ import { readFileSync } from "fs";
 
 import { createConfig } from "../../shared/rollup.config.mjs";
 
-export default createConfig({
+import typescript from "@rollup/plugin-typescript";
+import resolve from "@rollup/plugin-node-resolve";
+import terser from "@rollup/plugin-terser";
+
+const config = createConfig({
   input: "guest-js/index.ts",
   pkg: JSON.parse(
     readFileSync(new URL("./package.json", import.meta.url), "utf8"),
   ),
   external: [/^@tauri-apps\/api/],
 });
+
+config.push({
+  input: "guest-js/init.ts",
+  output: {
+    file: "src/init-iife.js",
+    format: "iife",
+  },
+  plugins: [
+    resolve(),
+    typescript({
+      sourceMap: false,
+      declaration: false,
+      declarationDir: undefined,
+    }),
+    terser(),
+  ],
+});
+
+export default config;

plugins/dialog/src/init-iife.js

@@ -84,7 +84,7 @@ pub fn init<R: Runtime>() -> TauriPlugin<R> {
     // Dialogs are implemented natively on Android
     #[cfg(not(target_os = "android"))]
     {
-        let mut init_script = include_str!("init.js").to_string();
+        let mut init_script = include_str!("init-iife.js").to_string();
         init_script.push_str(include_str!("api-iife.js"));
         builder = builder.js_init_script(init_script);
     }

plugins/dialog/src/lib.rs

@@ -0,0 +1,40 @@
+// Copyright 2019-2023 Tauri Programme within The Commons Conservancy
+// SPDX-License-Identifier: Apache-2.0
+// SPDX-License-Identifier: MIT
+
+import { invoke } from "@tauri-apps/api/primitives";
+
+// open <a href="..."> links with the API
+function openLinks() {
+  document.querySelector("body")?.addEventListener("click", function (e) {
+    let target = e.target as HTMLElement;
+    while (target != null) {
+      if (target.matches("a")) {
+        const t = target as HTMLAnchorElement;
+        if (
+          t.href &&
+          ["http://", "https://", "mailto:", "tel:"].some((v) =>
+            t.href.startsWith(v),
+          ) &&
+          t.target === "_blank"
+        ) {
+          invoke("plugin:shell|open", {
+            path: t.href,
+          });
+          e.preventDefault();
+        }
+        break;
+      }
+      target = target.parentElement as HTMLElement;
+    }
+  });
+}
+
+if (
+  document.readyState === "complete" ||
+  document.readyState === "interactive"
+) {
+  openLinks();
+} else {
+  window.addEventListener("DOMContentLoaded", openLinks, true);
+}

plugins/shell/guest-js/init.ts

@@ -2,10 +2,33 @@ import { readFileSync } from "fs";
 
 import { createConfig } from "../../shared/rollup.config.mjs";
 
-export default createConfig({
+import typescript from "@rollup/plugin-typescript";
+import resolve from "@rollup/plugin-node-resolve";
+import terser from "@rollup/plugin-terser";
+
+const config = createConfig({
   input: "guest-js/index.ts",
   pkg: JSON.parse(
     readFileSync(new URL("./package.json", import.meta.url), "utf8"),
   ),
   external: [/^@tauri-apps\/api/],
 });
+
+config.push({
+  input: "guest-js/init.ts",
+  output: {
+    file: "src/init-iife.js",
+    format: "iife",
+  },
+  plugins: [
+    resolve(),
+    typescript({
+      sourceMap: false,
+      declaration: false,
+      declarationDir: undefined,
+    }),
+    terser(),
+  ],
+});
+
+export default config;