dave/Yggdrasil
1
0
Fork 0
generated from dave/wails-template
Code Issues Pull Requests Actions Packages Projects Releases 3 Wiki Activity

Implement breaking changes or non breaking changes

Browse Source
This commit is contained in:
PhatPhuckDave
2025-01-11 23:52:52 +01:00
parent 51416782e8
commit 1b58c1159b
1 changed files with 31 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
frontend/src/lib/components/AddonCard.svelte
View File

@@ -1,12 +1,13 @@
<script lang="ts"> <script lang="ts">
import { GetAddonLocalVersion, GetAddonRemoteVersion, UpdateAddon } from "$wails/main/App"; import { GetAddonLocalVersion, GetAddonRemoteVersion, UpdateAddon } from "$wails/main/App";
import { type main } from "$wails/models"; import { type main } from "$wails/models";
import { toast } from "svelte-sonner";
export let addon: main.Addon; export let addon: main.Addon;
let localVersion = "0.0.0"; let localVersion = "0.0.0";
let remoteVersion = "0.0.0"; let remoteVersion = "0.0.0";
let upToDate = true; let upToDate = true;
let breakingChanges = false; let isUpdating = false;
let wasUpdated = false;
GetAddonLocalVersion(addon.name).then((res) => { GetAddonLocalVersion(addon.name).then((res) => {
localVersion = res.data; localVersion = res.data;
}); });
@@ -14,14 +15,23 @@
remoteVersion = res.data; remoteVersion = res.data;
}); });
$: upToDate = localVersion === remoteVersion; $: upToDate = localVersion === remoteVersion;
async function updateAddon() { async function updateAddon() {
isUpdating = true;
const res = await UpdateAddon(addon.name); const res = await UpdateAddon(addon.name);
if (res.error) { if (res.error) {
console.error(res.error); console.error(res.error);
toast.error(`Failed to update ${addon.name}`);
} else { } else {
breakingChanges = res.data; if (res.data) {
wasUpdated = true; toast.warning(`${addon.name} updated with breaking changes!`, {
duration: 5000
});
} else {
toast.success(`${addon.name} updated successfully!`, {
duration: 3000
});
}
} }
GetAddonLocalVersion(addon.name).then((res) => { GetAddonLocalVersion(addon.name).then((res) => {
localVersion = res.data; localVersion = res.data;
@@ -29,16 +39,29 @@
GetAddonRemoteVersion(addon.name).then((res) => { GetAddonRemoteVersion(addon.name).then((res) => {
remoteVersion = res.data; remoteVersion = res.data;
}); });
isUpdating = false;
} }
</script> </script>
<div class="bg-gray-900 text-white p-4 m-3 mx-2 rounded-lg"> <div class="text-white p-4 m-3 mx-2 rounded-lg bg-gray-900">
<h2 class="text-2xl font-bold">{addon.name}</h2> <h2 class="text-2xl font-bold">{addon.name}</h2>
<p class="text-gray-300">Local Version: {localVersion}</p> <p class="text-gray-300">Local Version: {localVersion}</p>
<p class="text-gray-300">Remote Version: {remoteVersion}</p> <p class="text-gray-300">Remote Version: {remoteVersion}</p>
{#if upToDate} {#if upToDate}
<button class="bg-green-500 disabled text-white p-2 my-2 cursor-default rounded-lg">Up to date</button> <button class="bg-green-400 disabled text-white p-2 my-2 cursor-default rounded-lg w-32 h-10">
Up to date
</button>
{:else} {:else}
<button class="bg-blue-500 text-white p-2 my-2 rounded-lg" on:click={updateAddon}>Update</button> <button
class="bg-blue-500 text-white p-2 my-2 rounded-lg w-32 h-10 hover:bg-blue-600 disabled:opacity-50 disabled:cursor-not-allowed"
on:click={updateAddon}
disabled={isUpdating}
>
{#if isUpdating}
Updating...
{:else}
Update
{/if}
</button>
{/if} {/if}
</div> </div>