mirror of
https://github.com/EFForg/rayhunter.git
synced 2026-05-02 10:19:59 -07:00
56122f6559
This error reporting comes in two forms: - Errors updating the UI - Errors with user actions The former is displayed as one error until a refresh succeeds again. The latter creates an number of persistent errors until they are cleared by the user.
190 lines
8.5 KiB
Svelte
190 lines
8.5 KiB
Svelte
<script lang="ts">
|
|
import { ManifestEntry } from '$lib/manifest.svelte';
|
|
import { get_manifest, get_system_stats } from '$lib/utils.svelte';
|
|
import ManifestTable from '$lib/components/ManifestTable.svelte';
|
|
import Card from '$lib/components/ManifestCard.svelte';
|
|
import type { SystemStats } from '$lib/systemStats';
|
|
import { AnalysisManager } from '$lib/analysisManager.svelte';
|
|
import SystemStatsTable from '$lib/components/SystemStatsTable.svelte';
|
|
import DeleteAllButton from '$lib/components/DeleteAllButton.svelte';
|
|
import RecordingControls from '$lib/components//RecordingControls.svelte';
|
|
import ConfigForm from '$lib/components/ConfigForm.svelte';
|
|
import ActionErrors from '$lib/components/ActionErrors.svelte';
|
|
|
|
let manager: AnalysisManager = new AnalysisManager();
|
|
let loaded = $state(false);
|
|
let entries: ManifestEntry[] = $state([]);
|
|
let current_entry: ManifestEntry | undefined = $state(undefined);
|
|
let system_stats: SystemStats | undefined = $state(undefined);
|
|
let update_error: string | undefined = $state(undefined);
|
|
$effect(() => {
|
|
const interval = setInterval(async () => {
|
|
try {
|
|
await manager.update();
|
|
let new_manifest = await get_manifest();
|
|
await new_manifest.set_analysis_status(manager);
|
|
entries = new_manifest.entries;
|
|
current_entry = new_manifest.current_entry;
|
|
|
|
system_stats = await get_system_stats();
|
|
update_error = undefined;
|
|
loaded = true;
|
|
} catch (error) {
|
|
if (error instanceof Error) {
|
|
update_error = error.message;
|
|
} else {
|
|
update_error = '';
|
|
}
|
|
}
|
|
}, 1000);
|
|
|
|
return () => clearInterval(interval);
|
|
});
|
|
</script>
|
|
|
|
<div class="p-4 xl:px-8 bg-rayhunter-blue drop-shadow flex flex-row justify-between items-center">
|
|
<!-- https://www.w3.org/WAI/tutorials/images/decorative/ -->
|
|
<img src="/rayhunter_text.png" alt="" class="h-10 xl:h-12" />
|
|
<div class="flex flex-row gap-4">
|
|
<a
|
|
class="flex flex-row gap-1 group"
|
|
href="https://github.com/EFForg/rayhunter/issues"
|
|
target="_blank"
|
|
>
|
|
<span class="hidden text-white group-hover:text-gray-400 lg:flex">Report Issue</span>
|
|
<svg
|
|
class="w-6 h-6 text-white group-hover:text-gray-400"
|
|
aria-hidden="true"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width="24"
|
|
height="24"
|
|
fill="currentColor"
|
|
viewBox="0 0 24 24"
|
|
>
|
|
<path
|
|
fill-rule="evenodd"
|
|
d="M12.006 2a9.847 9.847 0 0 0-6.484 2.44 10.32 10.32 0 0 0-3.393 6.17 10.48 10.48 0 0 0 1.317 6.955 10.045 10.045 0 0 0 5.4 4.418c.504.095.683-.223.683-.494 0-.245-.01-1.052-.014-1.908-2.78.62-3.366-1.21-3.366-1.21a2.711 2.711 0 0 0-1.11-1.5c-.907-.637.07-.621.07-.621.317.044.62.163.885.346.266.183.487.426.647.71.135.253.318.476.538.655a2.079 2.079 0 0 0 2.37.196c.045-.52.27-1.006.635-1.37-2.219-.259-4.554-1.138-4.554-5.07a4.022 4.022 0 0 1 1.031-2.75 3.77 3.77 0 0 1 .096-2.713s.839-.275 2.749 1.05a9.26 9.26 0 0 1 5.004 0c1.906-1.325 2.74-1.05 2.74-1.05.37.858.406 1.828.101 2.713a4.017 4.017 0 0 1 1.029 2.75c0 3.939-2.339 4.805-4.564 5.058a2.471 2.471 0 0 1 .679 1.897c0 1.372-.012 2.477-.012 2.814 0 .272.18.592.687.492a10.05 10.05 0 0 0 5.388-4.421 10.473 10.473 0 0 0 1.313-6.948 10.32 10.32 0 0 0-3.39-6.165A9.847 9.847 0 0 0 12.007 2Z"
|
|
clip-rule="evenodd"
|
|
/>
|
|
</svg>
|
|
</a>
|
|
<a
|
|
class="flex flex-row gap-1 group"
|
|
href="https://efforg.github.io/rayhunter/"
|
|
target="_blank"
|
|
>
|
|
<span class="hidden text-white group-hover:text-gray-400 lg:flex">Docs</span>
|
|
<svg
|
|
class="w-6 h-6 text-white group-hover:text-gray-400"
|
|
aria-hidden="true"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width="24"
|
|
height="24"
|
|
fill="none"
|
|
viewBox="0 0 24 24"
|
|
>
|
|
<path
|
|
stroke="currentColor"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
stroke-width="2"
|
|
d="M5 19V4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v13H7a2 2 0 0 0-2 2Zm0 0a2 2 0 0 0 2 2h12M9 3v14m7 0v4"
|
|
/>
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="m-4 xl:mx-8 flex flex-col gap-4">
|
|
{#if update_error !== undefined}
|
|
<div
|
|
class="bg-red-100 border-red-100 drop-shadow p-4 flex flex-col gap-2 border rounded-md flex-1 justify-between"
|
|
>
|
|
<span class="text-2xl font-bold mb-2 flex flex-row items-center gap-2 text-red-600">
|
|
<svg
|
|
class="w-8 h-8 text-red-600"
|
|
aria-hidden="true"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width="24"
|
|
height="24"
|
|
fill="currentColor"
|
|
viewBox="0 0 24 24"
|
|
>
|
|
<path
|
|
fill-rule="evenodd"
|
|
d="M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12Zm11-4a1 1 0 1 0-2 0v5a1 1 0 1 0 2 0V8Zm-1 7a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2H12Z"
|
|
clip-rule="evenodd"
|
|
/>
|
|
</svg>
|
|
Connection Error
|
|
</span>
|
|
<span
|
|
>This webpage is not currently receiving updates from your Rayhunter device. This
|
|
could be do loss of connection or some issue with your device.</span
|
|
>
|
|
{#if update_error}
|
|
<details>
|
|
<summary>Error</summary>
|
|
<code>{update_error}</code>
|
|
</details>
|
|
{/if}
|
|
</div>
|
|
{/if}
|
|
<ActionErrors />
|
|
{#if loaded}
|
|
<div class="flex flex-col lg:flex-row gap-4">
|
|
{#if current_entry}
|
|
<Card
|
|
entry={current_entry}
|
|
current={true}
|
|
server_is_recording={!!current_entry}
|
|
{manager}
|
|
/>
|
|
{:else}
|
|
<div
|
|
class="bg-red-100 border-red-100 drop-shadow p-4 flex flex-col gap-2 border rounded-md flex-1 justify-between"
|
|
>
|
|
<span
|
|
class="text-2xl font-bold mb-2 flex flex-row items-center gap-2 text-red-600"
|
|
>
|
|
<svg
|
|
class="w-8 h-8 text-red-600"
|
|
aria-hidden="true"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width="24"
|
|
height="24"
|
|
fill="currentColor"
|
|
viewBox="0 0 24 24"
|
|
>
|
|
<path
|
|
fill-rule="evenodd"
|
|
d="M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12Zm11-4a1 1 0 1 0-2 0v5a1 1 0 1 0 2 0V8Zm-1 7a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2H12Z"
|
|
clip-rule="evenodd"
|
|
/>
|
|
</svg>
|
|
WARNING: Not Running
|
|
</span>
|
|
<span
|
|
>Rayhunter is not currently running and will not detect abnormal behavior!</span
|
|
>
|
|
<div class="flex flex-row justify-end mt-2">
|
|
<RecordingControls server_is_recording={!!current_entry} />
|
|
</div>
|
|
</div>
|
|
{/if}
|
|
<SystemStatsTable stats={system_stats!} />
|
|
</div>
|
|
<div class="flex flex-col gap-2">
|
|
<span class="text-xl">History</span>
|
|
<ManifestTable {entries} server_is_recording={!!current_entry} {manager} />
|
|
</div>
|
|
<DeleteAllButton />
|
|
<ConfigForm />
|
|
{:else}
|
|
<div class="flex flex-col justify-center items-center">
|
|
<!-- https://www.w3.org/WAI/tutorials/images/decorative/ -->
|
|
<img src="/rayhunter_orca_only.png" alt="" class="h-48 animate-spin" />
|
|
<p class="text-xl">Loading...</p>
|
|
</div>
|
|
{/if}
|
|
</div>
|