feat: versioned documentation and links

quoid · May 25, 2024 · 3a06ead · 3a06ead
1 parent e91a8db
commit 3a06ead
Show file tree

Hide file tree

Showing 2 changed files with 54 additions and 10 deletions.
diff --git a/src/app/App.svelte b/src/app/App.svelte
@@ -32,13 +32,31 @@
 		<!-- eslint-disable-next-line svelte/no-at-html-tags -->
 		{@html logo}
 		<span>
-			<span>{version}</span>
-			<span>{build}</span>
+			{#if import.meta.env.GIT_TAG && import.meta.env.GIT_COMMIT}
+				<a
+					href="https://github.com/quoid/userscripts/releases/tag/{import.meta
+						.env.GIT_TAG}"
+				>
+					{import.meta.env.GIT_TAG}
+				</a>
+				(<a
+					href="https://github.com/quoid/userscripts/commit/{import.meta.env
+						.GIT_COMMIT}"
+				>
+					{import.meta.env.GIT_COMMIT.slice(0, 7)}
+				</a>)
+			{:else}
+				<span>{version}</span>
+				<span>{build}</span>
+			{/if}
 		</span>
 	</div>
 	<p>
 		You can turn on the Userscripts iOS Safari extension in Settings.
-		<a href="https://github.com/quoid/userscripts#userscripts-safari">
+		<a
+			href="https://github.com/quoid/userscripts/blob/{import.meta.env
+				.GIT_TAG ?? 'main'}/README.md"
+		>
 			Read the docs.
 		</a>
 	</p>

diff --git a/src/ext/extension-page/Components/Settings.svelte b/src/ext/extension-page/Components/Settings.svelte
@@ -450,8 +450,33 @@
 			<article>
 				<p>
 					Userscripts {import.meta.env.BROWSER ?? ""}
-					v{$settings["version"]}
-					({$settings["build"]})
+					{#if import.meta.env.GIT_TAG && import.meta.env.GIT_COMMIT}
+						<button
+							class="link"
+							on:click={() =>
+								openInBlank(
+									`https://github.com/quoid/userscripts/releases/tag/${
+										import.meta.env.GIT_TAG
+									}`,
+								)}
+						>
+							{import.meta.env.GIT_TAG}
+						</button>
+						(<button
+							class="link"
+							on:click={() =>
+								openInBlank(
+									`https://github.com/quoid/userscripts/commit/${
+										import.meta.env.GIT_COMMIT
+									}`,
+								)}
+						>
+							{import.meta.env.GIT_COMMIT.slice(0, 7)}
+						</button>)
+					{:else}
+						v{$settings["version"]}
+						({$settings["build"]})
+					{/if}
 				</p>
 				<p>
 					{gl("settings_about_text1")}
@@ -461,15 +486,19 @@
 					>
 						{gl("settings_about_button_repo")}
 					</button>
+					|
 					<button
 						class="link"
 						on:click={() =>
 							openInBlank(
-								`https://github.com/quoid/userscripts/blob/v${$settings["version"]}/README.md`,
+								`https://github.com/quoid/userscripts/blob/${
+									import.meta.env.GIT_TAG ?? "main"
+								}/README.md`,
 							)}
 					>
 						{gl("settings_about_button_docs")}
 					</button>
+					|
 					<button
 						class="link"
 						on:click={() =>
@@ -487,6 +516,7 @@
 					>
 						{gl("settings_about_button_store")}
 					</button>
+					|
 					<button
 						class="link"
 						on:click={() =>
@@ -792,8 +822,4 @@
 		gap: 1rem;
 		padding: 0.5rem 0 1rem;
 	}
-
-	article button {
-		margin-right: var(--row-gap);
-	}
 </style>