Adding npm and build script with uglifyjs

.gitignore

@@ -2,3 +2,4 @@
 _site/
 .bundle/
 vendor/
+node_modules/

_includes/js.html

@@ -15,56 +15,4 @@
 <script src="https://unpkg.com/popper.js@1"></script>
 <script src="https://unpkg.com/tippy.js@5"></script>
 
-<script type="text/javascript">
-
-	anchors.add();
-
-	// adapted from https://stackoverflow.com/a/48078807/1217368
-	$(document).ready(function() {
-		$('.highlight > pre').each(function(i) {
-			if (!$(this).parent().hasClass('no-select-button')) {
-
-				// create an id for the current code section
-				var currentId = "codeblock" + (i + 1);
-
-				// find the code section and add the id to it
-				var codeSection = $(this).find('code');
-				codeSection.attr('id', currentId);
-
-				// now create the button, setting the clipboard target to the id
-				var btn = document.createElement('a');
-				btn.setAttribute('type', 'button');
-				btn.setAttribute('class', 'btn btn-copy-code');
-				btn.setAttribute('data-clipboard-target', '#' + currentId);
-				btn.innerHTML = '<i class="far fa-file-code fa-2x"></i>';
-				this.insertBefore(btn, this.firstChild);
-
-				// Create tooltip
-				tippy(btn, {
-					trigger: 'manual',
-					content: "Copied!",
-					placement: 'left',
-				});
-			}
-		});
-
-		var clipboard = new ClipboardJS('.btn-copy-code');
-
-		// Attach callback to copy successful event.
-		clipboard.on('success', function(event) {
-			const tooltip = event.trigger._tippy;
-
-			// Clear text selection.
-			event.clearSelection();
-
-			// Show tooltiop
-			tooltip.show();
-
-			// After 1 second, hide it again.
-			setTimeout(function() {
-				tooltip.hide();
-			}, 1000, tooltip);
-		});
-	});
-
-</script>
+<script src="{{ "/assets/scripts.js?v=" | append: site.github.build_revision | relative_url }}"></script>

_scripts/app.js

@@ -0,0 +1,50 @@
+
+anchors.add();
+
+// adapted from https://stackoverflow.com/a/48078807/1217368
+$(document).ready(function() {
+	$('.highlight > pre').each(function(i) {
+		if (!$(this).parent().hasClass('no-select-button')) {
+
+			// create an id for the current code section
+			var currentId = "codeblock" + (i + 1);
+
+			// find the code section and add the id to it
+			var codeSection = $(this).find('code');
+			codeSection.attr('id', currentId);
+
+			// now create the button, setting the clipboard target to the id
+			var btn = document.createElement('a');
+			btn.setAttribute('type', 'button');
+			btn.setAttribute('class', 'btn btn-copy-code');
+			btn.setAttribute('data-clipboard-target', '#' + currentId);
+			btn.innerHTML = '<i class="far fa-file-code fa-2x"></i>';
+			this.insertBefore(btn, this.firstChild);
+
+			// Create tooltip
+			tippy(btn, {
+				trigger: 'manual',
+				content: "Copied!",
+				placement: 'left',
+			});
+		}
+	});
+
+	var clipboard = new ClipboardJS('.btn-copy-code');
+
+	// Attach callback to copy successful event.
+	clipboard.on('success', function(event) {
+		var tooltip = event.trigger._tippy;
+
+		// Clear text selection.
+		event.clearSelection();
+
+		// Show tooltiop
+		tooltip.show();
+
+		// After 1 second, hide it again.
+		setTimeout(function() {
+			tooltip.hide();
+		}, 1000, tooltip);
+	});
+});

_scripts/build.sh

@@ -0,0 +1,8 @@
+#!/usr/bin/env bash
+
+UGLIFYJS=node_modules/uglify-js/bin/uglifyjs
+
+SRC=_scripts/app.js
+TARGET=assets/scripts.js
+
+$UGLIFYJS $SRC -c -m > $TARGET

package.json

@@ -0,0 +1,23 @@
+{
+  "name": "apt-site",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "dependencies": {},
+  "devDependencies": {
+    "uglify-js": "^3.6.9"
+  },
+  "scripts": {
+    "build": "./_scripts/build.sh"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/eosswedenorg/apt.git"
+  },
+  "author": "",
+  "license": "ISC",
+  "bugs": {
+    "url": "https://github.com/eosswedenorg/apt/issues"
+  },
+  "homepage": "https://github.com/eosswedenorg/apt#readme"
+}