5.14.4

add social sharing image
only load custom.js if present
2026-04-19 18:19:30 -07:00 · 2025-03-27 10:07:40 -05:00 · 2025-03-27 10:07:29 -05:00 · 2025-03-24 22:52:32 -05:00 · 2025-03-08 13:40:16 -06:00
8 changed files with 35 additions and 13 deletions
--- a/dist/index.html
+++ b/dist/index.html
--- a/dist/resources/ws.min.js
+++ b/dist/resources/ws.min.js
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
 	"name": "ws4kp",
-	"version": "5.14.3",
+	"version": "5.14.4",
 	"lockfileVersion": 3,
 	"requires": true,
 	"packages": {
 		"": {
 			"name": "ws4kp",
-			"version": "5.14.3",
+			"version": "5.14.4",
 			"license": "MIT",
 			"dependencies": {
 				"ejs": "^3.1.5",
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "ws4kp",
-	"version": "5.14.3",
+	"version": "5.14.4",
 	"description": "Welcome to the WeatherStar 4000+ project page!",
 	"main": "index.js",
 	"scripts": {
--- a/server/images/social/1200x600.png
+++ b/server/images/social/1200x600.png
--- a/server/scripts/custom.sample.js
+++ b/server/scripts/custom.sample.js
@@ -2,8 +2,7 @@
 // it is intended to allow for customizations that do not get published back to the git repo
 // for example, changing the logo

-// start running after all content is loaded
-document.addEventListener('DOMContentLoaded', () => {
+const customTask = () => {
 	// get all of the logo images
 	const logos = document.querySelectorAll('.logo img');
 	// loop through each logo
@@ -11,4 +10,16 @@ document.addEventListener('DOMContentLoaded', () => {
 		// change the source
 		elem.src = 'my-custom-logo.gif';
 	});
+};
+
+// start running after all content is loaded, or immediately if page content is already loaded
+if (document.readyState === 'loading') {
+	// Loading hasn't finished yet
+	document.addEventListener('DOMContentLoaded', customTask);
+} else {
+	// `DOMContentLoaded` has already fired
+	customTask();
+}
+document.addEventListener('DOMContentLoaded', () => {
+
 });
--- a/server/scripts/index.mjs
+++ b/server/scripts/index.mjs
@@ -9,6 +9,7 @@ import settings from './modules/settings.mjs';

 document.addEventListener('DOMContentLoaded', () => {
 	init();
+	getCustomCode();
 });

 const categories = [
@@ -413,3 +414,15 @@ const fullScreenResizeCheck = () => {
 	// store state of fullscreen element for next change detection
 	fullScreenResizeCheck.wasFull = !!document.fullscreenElement;
 };
+
+const getCustomCode = async () => {
+	// fetch the custom file and see if it returns a 200 status
+	const response = await fetch('scripts/custom.js', { method: 'HEAD' });
+	if (response.ok) {
+		// add the script element to the page
+		const customElem = document.createElement('script');
+		customElem.src = 'scripts/custom.js';
+		customElem.type = 'text/javascript';
+		document.body.append(customElem);
+	}
+};
--- a/views/index.ejs
+++ b/views/index.ejs
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html>

 <html lang="en" xmlns="http://www.w3.org/1999/xhtml">

@@ -14,13 +14,15 @@
  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
  <link rel="manifest" href="manifest.json" />
  <link rel="icon" href="images/Logo192.png" />
+	<meta property="og:image" content="images/social/1200x600.png">
+	<meta property="og:image:width" content="1200">
+	<meta property="og:image:height" content="627">

  <% if (production) { %>
  <link rel="stylesheet" type="text/css" href="resources/ws.min.css?_=<%=production%>" />
  <script type="text/javascript" src="resources/data.min.js?_=<%=production%>"></script>
  <script type="text/javascript" src="resources/vendor.min.js?_=<%=production%>"></script>
  <script type="text/javascript" src="resources/ws.min.js?_=<%=production%>"></script>
-  <script type="text/javascript" src="scripts/custom.js?_=<%=production%>"></script>
  <% } else { %>
  <link rel="stylesheet" type="text/css" href="styles/main.css" />
  <script type="text/javascript" src="scripts/vendor/auto/jquery.js"></script>
@@ -45,14 +47,10 @@
  <script type="module" src="scripts/modules/radar.mjs"></script>
  <script type="module" src="scripts/modules/settings.mjs"></script>
 	<script type="module" src="scripts/index.mjs"></script>
-	<script type="text/javascript" src="scripts/custom.js"></script>
  <!-- data -->
  <script type="text/javascript" src="scripts/data/travelcities.js"></script>
  <script type="text/javascript" src="scripts/data/regionalcities.js"></script>
  <script type="text/javascript" src="scripts/data/stations.js"></script>
-
-  <script type="text/javascript" src="scripts/custom.js"></script>
-
  <% } %>

 </head>
Author	SHA1	Message	Date
Matt Walsh	b812c7b25c	5.14.4	2025-03-27 10:07:40 -05:00
Matt Walsh	707144cabd	add social sharing image	2025-03-27 10:07:29 -05:00
Matt Walsh	372cb0cfab	only load custom.js if present	2025-03-24 22:52:32 -05:00
Matt Walsh	cab2da5e62	capture dist	2025-03-08 13:40:16 -06:00