feat(window): refactor and improvements (#426)

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

examples/api/src/App.svelte

@@ -1,7 +1,7 @@
 <script>
   import { writable } from "svelte/store";
   import { open } from "@tauri-apps/plugin-shell";
-  import { appWindow, getCurrent } from "@tauri-apps/plugin-window";
+  import { getCurrent } from "@tauri-apps/plugin-window";
   import * as os from "@tauri-apps/plugin-os";
 
   import Welcome from "./views/Welcome.svelte";
@@ -22,6 +22,8 @@
   import { onMount } from "svelte";
   import { ask } from "@tauri-apps/plugin-dialog";
 
+  const appWindow = getCurrent();
+
   if (appWindow.label !== "main") {
     appWindow.onCloseRequested(async (event) => {
       const confirmed = await confirm("Are you sure?");
@@ -121,20 +123,20 @@
   // Window controls
   let isWindowMaximized;
   onMount(async () => {
-    const window = getCurrent();
-    isWindowMaximized = await window.isMaximized();
-    window.onResized(async () => {
-      isWindowMaximized = await window.isMaximized();
+    isWindowMaximized = await appWindow.isMaximized();
+    appWindow.onResized(async () => {
+      isWindowMaximized = await appWindow.isMaximized();
     });
   });
 
   function minimize() {
-    getCurrent().minimize();
+    appWindow.minimize();
   }
 
   async function toggleMaximize() {
-    const window = getCurrent();
-    (await window.isMaximized()) ? window.unmaximize() : window.maximize();
+    (await appWindow.isMaximized())
+      ? appWindow.unmaximize()
+      : appWindow.maximize();
   }
 
   let confirmed_close = false;
@@ -147,7 +149,7 @@
         }
       );
       if (confirmed_close) {
-        getCurrent().close();
+        appWindow.close();
       }
     }
   }

examples/api/src/views/Communication.svelte

@@ -1,8 +1,10 @@
 <script>
-  import { appWindow } from "@tauri-apps/plugin-window";
+  import { getCurrent } from "@tauri-apps/plugin-window";
   import { invoke } from "@tauri-apps/api/tauri";
   import { onMount, onDestroy } from "svelte";
 
+  const appWindow = getCurrent();
+
   export let onMessage;
   let unlisten;
 

examples/api/src/views/Window.svelte

@@ -1,17 +1,19 @@
 <script>
   import {
-    appWindow,
-    WebviewWindow,
+    getCurrent,
     LogicalSize,
     UserAttentionType,
     PhysicalSize,
     PhysicalPosition,
     Effect,
     EffectState,
+    Window
   } from "@tauri-apps/plugin-window";
   import { open as openDialog } from "@tauri-apps/plugin-dialog";
   import { open } from "@tauri-apps/plugin-shell";
 
+  const appWindow = getCurrent();
+
   let selectedWindow = appWindow.label;
   const windowMap = {
     [appWindow.label]: appWindow,
@@ -146,7 +148,7 @@
   function createWindow() {
     if (!newWindowLabel) return;
 
-    const webview = new WebviewWindow(newWindowLabel);
+    const webview = new Window(newWindowLabel);
     windowMap[newWindowLabel] = webview;
     webview.once("tauri://error", function () {
       onMessage("Error creating new webview");