revanced-builder/src/App.svelte
2022-09-04 14:53:52 +02:00

67 lines
1.5 KiB
Svelte

<script lang="ts">
import { invoke } from '@tauri-apps/api/tauri';
import svelteLogo from './assets/svelte.svg';
import Counter from './lib/Counter.svelte';
let version: string = '';
const getJavaVersion = () => {
invoke('java_version')
.then((message: string) => {
version = message;
});
};
const downloadRevancedCli = () => {
invoke('download_revanced_cli')
.then((success: string) => {
version = success;
})
.catch((error: string) => {
version = error;
});
};
</script>
<main>
<div>
<a href="https://vitejs.dev" target="_blank">
<img src="/vite.svg" class="logo" alt="Vite Logo" />
</a>
<a href="https://svelte.dev" target="_blank">
<img src={svelteLogo} class="logo svelte" alt="Svelte Logo" />
</a>
</div>
<h1>Vite + Svelte</h1>
<div class="card">
<Counter />
<button on:click={getJavaVersion}>Get java version</button>
<button on:click={downloadRevancedCli}>Download revanced</button>
<p>{version}</p>
</div>
<p>
Check out <a href="https://github.com/sveltejs/kit#readme" target="_blank">SvelteKit</a>, the official Svelte app framework powered by Vite!
</p>
<p class="read-the-docs">
Click on the Vite and Svelte logos to learn more
</p>
</main>
<style>
.logo {
height: 6em;
padding: 1.5em;
will-change: filter;
}
.logo:hover {
filter: drop-shadow(0 0 2em #646cffaa);
}
.logo.svelte:hover {
filter: drop-shadow(0 0 2em #ff3e00aa);
}
.read-the-docs {
color: #888;
}
</style>