Link to added/removed files.

src/common/datasource.ts

@@ -9,6 +9,11 @@ const repository = settings.useCustomRepo ? settings.customRepo : 'Dimbreath/Sta
 const apiBase = 'https://api.github.com/repos/' + repository
 const jsonBase = 'https://raw.githubusercontent.com/' + repository
 
+export function getRepositoryFileUrl(commitId:string,path:string)
+{
+    return `https://github.com/${repository}blob/${commitId}/${path}`
+}
+
 const configDBVersion = 1
 interface ConfigDBv1 extends DBSchema 
 {

src/components/RepositoryFileLink.vue

@@ -0,0 +1,13 @@
+<script setup lang="ts">
+  import { getRepositoryFileUrl } from '@/common/datasource';
+  defineProps<{commitId:string,path:string}>()
+</script>
+
+<template>
+  <a :href="getRepositoryFileUrl(commitId, path)" target="_blank" rel="noreferrer noopener">
+    <slot />
+  </a>
+</template>
+
+<style scoped>
+</style>

src/views/pages/changes/FileItem.vue

@@ -1,13 +1,16 @@
 <script setup lang="ts">
   import { DataSourceCompareFile } from '@/common/datasource';
+  import RepositoryFileLink from '@/components/RepositoryFileLink.vue';
 
-  defineProps<{file:DataSourceCompareFile}>()
+  defineProps<{commitId:string,file:DataSourceCompareFile}>()
 </script>
 
 <template>
 
   <div class="block">
-    <em>{{ file.Path }}</em>
+    <RepositoryFileLink :commitId="commitId" :path="file.Path">
+      <em>{{ file.Path }}</em>
+    </RepositoryFileLink>
   </div>
 
 </template>

src/views/pages/changes/Files.vue

@@ -26,12 +26,12 @@
 
     <h3>{{ compare.AddedFiles.length }} Added</h3>
     <template v-for="file in compare.AddedFiles">
-      <FileItem :file="file" />
+      <FileItem :commitId="commitId" :file="file" />
     </template>
 
     <h3>{{ compare.RemovedFiles.length }} Removed</h3>
     <template v-for="file in compare.RemovedFiles">
-      <FileItem :file="file" />
+      <FileItem :commitId="fromCommitId" :file="file" />
     </template>
   </LoadingArea>