Add version key to config.js

frontend/config.js

@@ -1,3 +1,4 @@
 export const config = {
-    endpoint: "https://yt-dls-api.andreafazzi.eu"
+  endpoint: "https://yt-dls-api.andreafazzi.eu",
+  version: "bc2b5fe9c5d39cdea7379502b6d96ab232c711d1"
 }

frontend/public/build/bundle.js

@@ -1622,14 +1622,15 @@ var app = (function () {
     }
 
     const config = {
-        endpoint: "https://yt-dls-api.andreafazzi.eu"
+      endpoint: "https://yt-dls-api.andreafazzi.eu",
+      version: "bc2b5fe9c5d39cdea7379502b6d96ab232c711d1"
     };
 
     /* src/App.svelte generated by Svelte v3.42.4 */
     const file = "src/App.svelte";
 
     function create_fragment(ctx) {
-    	let div1;
+    	let div3;
     	let img;
     	let img_src_value;
     	let t0;
@@ -1637,6 +1638,11 @@ var app = (function () {
     	let url;
     	let t1;
     	let taskmanager;
+    	let t2;
+    	let footer;
+    	let div2;
+    	let div1;
+    	let small;
     	let current;
     	url = new Url({ $$inline: true });
 
@@ -1647,13 +1653,19 @@ var app = (function () {
 
     	const block = {
     		c: function create() {
-    			div1 = element("div");
+    			div3 = element("div");
     			img = element("img");
     			t0 = space();
     			div0 = element("div");
     			create_component(url.$$.fragment);
     			t1 = space();
     			create_component(taskmanager.$$.fragment);
+    			t2 = space();
+    			footer = element("footer");
+    			div2 = element("div");
+    			div1 = element("div");
+    			small = element("small");
+    			small.textContent = `git hash ${config.version}`;
     			attr_dev(img, "alt", "yt-dls logo");
     			attr_dev(img, "width", "200px");
     			attr_dev(img, "class", "rounded mx-auto d-block p-3");
@@ -1661,20 +1673,33 @@ var app = (function () {
     			add_location(img, file, 6, 2, 174);
     			attr_dev(div0, "class", "container");
     			add_location(div0, file, 7, 2, 274);
-    			attr_dev(div1, "class", "container");
-    			add_location(div1, file, 5, 0, 148);
+    			attr_dev(small, "class", "d-block mb-3 text-muted text-center");
+    			add_location(small, file, 14, 1, 462);
+    			attr_dev(div1, "class", "col");
+    			add_location(div1, file, 13, 6, 443);
+    			attr_dev(div2, "class", "row");
+    			add_location(div2, file, 12, 4, 419);
+    			attr_dev(footer, "class", "pt-4 my-md-5 pt-md-5 border-top");
+    			add_location(footer, file, 11, 2, 366);
+    			attr_dev(div3, "class", "container");
+    			add_location(div3, file, 5, 0, 148);
     		},
     		l: function claim(nodes) {
     			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
     		},
     		m: function mount(target, anchor) {
-    			insert_dev(target, div1, anchor);
-    			append_dev(div1, img);
-    			append_dev(div1, t0);
-    			append_dev(div1, div0);
+    			insert_dev(target, div3, anchor);
+    			append_dev(div3, img);
+    			append_dev(div3, t0);
+    			append_dev(div3, div0);
     			mount_component(url, div0, null);
     			append_dev(div0, t1);
     			mount_component(taskmanager, div0, null);
+    			append_dev(div3, t2);
+    			append_dev(div3, footer);
+    			append_dev(footer, div2);
+    			append_dev(div2, div1);
+    			append_dev(div1, small);
     			current = true;
     		},
     		p: noop,
@@ -1690,7 +1715,7 @@ var app = (function () {
     			current = false;
     		},
     		d: function destroy(detaching) {
-    			if (detaching) detach_dev(div1);
+    			if (detaching) detach_dev(div3);
     			destroy_component(url);
     			destroy_component(taskmanager);
     		}

frontend/src/App.svelte

@@ -10,4 +10,11 @@
     <Url/>
     <TaskManager endpoint={config.endpoint}/>
   </div>
+  <footer class="pt-4 my-md-5 pt-md-5 border-top">
+    <div class="row">
+      <div class="col">
+	<small class="d-block mb-3 text-muted text-center">git hash {config.version}</small>
+      </div>
+    </div>
+  </footer>
 </div>