Add toast to notify people about updates

Author: samfundev

Calculator-v2.html

@@ -8,6 +8,7 @@
 		<link rel="stylesheet" href="main.css">
 		<script src="https://unpkg.com/mathjs@13.0.0/lib/browser/math.js"></script>
 		<script type="module" src="date.js"></script>
+		<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css">
 		<style>
 			html, body, .content {
 				height: 100%;
@@ -447,5 +448,8 @@
 				update();
 			});
 		</script>
+
+		<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/toastify-js"></script>
+		<script src="changelog.js"></script>
 	</body>
 </html>

Calculator.html

@@ -9,6 +9,7 @@
 		<script src="jquery-3.6.0.min.js"></script>
 		<script src="https://unpkg.com/mathjs@13.0.0/lib/browser/math.js"></script>
 		<script type="module" src="date.js"></script>
+		<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css">
 		<script>
 			function getType(o) {
 				return Object.prototype.toString.call(o).match(/^\[object\s(.*)\]$/)[1].toLowerCase();
@@ -146,5 +147,8 @@
 			<a href="/documentation">Documentation</a>
 			<a href="https://github.com/samfundev/TextFieldCalculator">Source</a>
 		</footer>
+
+		<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/toastify-js"></script>
+		<script src="changelog.js"></script>
 	</body>
 </html>

changelog.js

@@ -0,0 +1,19 @@
+const lastVisit = JSON.parse(localStorage.getItem("lastVisit") ?? "null");
+const update = 1760245980778; // Timestamp of last update
+
+localStorage.setItem("lastVisit", Date.now().toString());
+
+if (lastVisit && lastVisit < update) {
+	Toastify({
+		text: "TCF now supports doing calculations with dates and durations. Click here to learn more.",
+		destination: "/documentation",
+		duration: 5000,
+		close: true,
+		gravity: "bottom",
+		position: "right",
+		stopOnFocus: true,
+		style: {
+			fontSize: "16px",
+		}
+	}).showToast();
+}