Window resizing and Maximize button for Windows Desktop Client v0.4.0-rc-5

[Psyfer9983]

I've been playing with the source code a little trying to fixe/add some things that I thought were annoying.

First the client would crash every time it was restored after being closed to the system tray. Just doing a clean build from source without any modifications fixed that. I still don't know why or what was causing the crash but I'll take the win.

Second, I wanted to see if window resizing and a maximize button could be added/enabled. Below is what I changed to successfully get both working for me.

This is for client v0.4.0-rc-5 but may work on older versions and I hope this is added in future builds.

File: desktop/src-tauri/src/lib.rs (line 313 through 321 is what I changed, may vary for you but search for "let main_window")

Just match the following.

                let main_window = WindowBuilder::new(&handle, "main")
                    .title("Drop Desktop App")
                    .min_inner_size(1000.0, 500.0)
                    .inner_size(width, height)
                    .decorations(false)
                    .shadow(true)
                    .resizable(true)
                    .build()
                    .expect("failed to build main window");

File: desktop\main\components\WindowControl.vue

Here is my full file since its small. The changes below will add a Maximize button between them.

<template>
  <HeaderButton v-if="showMinimise" @click="() => minimise()">
    <MinusIcon />
  </HeaderButton>
  <HeaderButton @click="() => toggleMaximize()">
    <Square2StackIcon />
  </HeaderButton>
  <HeaderButton @click="() => close()">
    <XMarkIcon />
  </HeaderButton>
</template>

<script setup lang="ts">
import { MinusIcon, Square2StackIcon, XMarkIcon } from "@heroicons/vue/16/solid";
import { getCurrentWindow } from "@tauri-apps/api/window";

const window = getCurrentWindow();
const showMinimise = await window.isMinimizable();

async function close() {
  await window.close();
}

async function minimise() {
  await window.minimize();
}

async function toggleMaximize() {
  await window.toggleMaximize();
}
</script>

File: desktop\src-tauri\capabilities\default.json

Here is my full file since its small as well.

{
  "$schema": "../gen/schemas/desktop-schema.json",
  "identifier": "default",
  "description": "Capability for the main window",
  "windows": [
    "main"
  ],
  "permissions": [
    "core:default",
    "shell:allow-open",
    "core:window:allow-start-dragging",
    "core:window:allow-minimize",
    "core:window:allow-maximize",
    "core:window:allow-toggle-maximize",
    "core:window:allow-close",
    "deep-link:default",
    "dialog:default",
    "os:default",
    "opener:default"
  ]
}

Once you have those changes, just build/compile the source and you should have resizing and a maximize button enabled.