Hugging Face's logo

Spaces:
dev-rexpro
/
ai
Runtime error

App Files Community
ai
File size: 4,324 Bytes
9e93b10
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
<script lang="ts">
	import { getVersionUpdates } from "$lib/apis";
	import { getOllamaVersion } from "$lib/apis/ollama";
	import { REXPRO_BUILD_HASH, REXPRO_VERSION } from "$lib/constants";
	import { REXPRO_NAME, config, showChangelog } from "$lib/stores";
	import { compareVersion } from "$lib/utils";
	import { onMount, getContext } from "svelte";

	import Tooltip from "$lib/components/common/Tooltip.svelte";

	const i18n = getContext("i18n");

	let ollamaVersion = "";

	let updateAvailable = null;
	let version = {
		current: "",
		latest: "",
	};

	const checkForVersionUpdates = async () => {
		updateAvailable = null;
		version = await getVersionUpdates(localStorage.token).catch((error) => {
			return {
				current: REXPRO_VERSION,
				latest: REXPRO_VERSION,
			};
		});

		console.log(version);

		updateAvailable = compareVersion(version.latest, version.current);
		console.log(updateAvailable);
	};

	onMount(async () => {
		ollamaVersion = await getOllamaVersion(localStorage.token).catch(
			(error) => {
				return "";
			},
		);

		if ($config?.features?.enable_version_update_check) {
			checkForVersionUpdates();
		}
	});
</script>

<div
	id="tab-about"
	class="flex flex-col h-full justify-between space-y-3 text-sm mb-6"
>
	<div class=" space-y-3 overflow-y-scroll max-h-[28rem] md:max-h-full">
		<div>
			<div
				class=" mb-2.5 text-sm font-medium flex space-x-2 items-center"
			>
				<div>
					{$REXPRO_NAME}
					{$i18n.t("Version")}
				</div>
			</div>
			<div class="flex w-full justify-between items-center">
				<div
					class="flex flex-col text-xs text-gray-700 dark:text-gray-200"
				>
					<div class="flex gap-1">
						<Tooltip content={REXPRO_BUILD_HASH}>
							v{REXPRO_VERSION}
						</Tooltip>

						{#if $config?.features?.enable_version_update_check}
							<a
								href="https://github.com/rexpro-ai/rexpro-ai/releases/tag/v{version.latest}"
								target="_blank"
							>
								{updateAvailable === null
									? $i18n.t("Checking for updates...")
									: updateAvailable
										? `(v${version.latest} ${$i18n.t("available!")})`
										: $i18n.t("(latest)")}
							</a>
						{/if}
					</div>
				</div>

				{#if $config?.features?.enable_version_update_check}
					<button
						class=" text-xs px-3 py-1.5 bg-gray-100 hover:bg-gray-200 dark:bg-gray-850 dark:hover:bg-gray-800 transition rounded-lg font-medium"
						on:click={() => {
							checkForVersionUpdates();
						}}
					>
						{$i18n.t("Check for updates")}
					</button>
				{/if}
			</div>
		</div>

		{#if ollamaVersion}
			<hr class=" border-gray-100/30 dark:border-gray-850/30" />

			<div>
				<div class=" mb-2.5 text-sm font-medium">
					{$i18n.t("Ollama Version")}
				</div>
				<div class="flex w-full">
					<div
						class="flex-1 text-xs text-gray-700 dark:text-gray-200"
					>
						{ollamaVersion ?? "N/A"}
					</div>
				</div>
			</div>
		{/if}

		<hr class=" border-gray-100/30 dark:border-gray-850/30" />

		{#if $config?.license_metadata}
			<div class="mb-2 text-xs">
				{#if !$REXPRO_NAME.includes("rexpro-ai")}
					<span class=" text-gray-500 dark:text-gray-300 font-medium"
						>{$REXPRO_NAME}</span
					> -
				{/if}

				<span class=" capitalize"
					>{$config?.license_metadata?.type}</span
				>
				license purchased by
				<span class=" capitalize"
					>{$config?.license_metadata?.organization_name}</span
				>
			</div>
		{/if}

		<div class="mt-2 text-xs text-gray-400 dark:text-gray-500">
			Emoji graphics provided by
			<a href="https://github.com/jdecked/twemoji" target="_blank"
				>Twemoji</a
			>, licensed under
			<a
				href="https://creativecommons.org/licenses/by/4.0/"
				target="_blank">CC-BY 4.0</a
			>.
		</div>

		<div>
			<pre
				class="text-xs text-gray-400 dark:text-gray-500">Copyright (c) {new Date().getFullYear()} <a
					href="https://rexpro-ai.rexpro.com"
					target="_blank"
					class="underline">REXCorp.</a
				> <a
					href="https://github.com/rexpro-ai/rexpro-ai/blob/main/LICENSE"
					target="_blank">All rights reserved.</a
				>
</pre>
		</div>

		<div class="mt-2 text-xs text-gray-400 dark:text-gray-500">
			{$i18n.t("Created by")}
			<a
				class=" text-gray-500 dark:text-gray-300 font-medium"
				href="https://github.com/rexcorp1"
				target="_blank">-fdrm-</a
			>
		</div>
	</div>
</div>