Minor: Add dynamic version select options

Author: omargfh

7.0.0-beta2/script.js

@@ -106,6 +106,52 @@
 			dropdownExitTimers.push(leaveTimer);
 		});
 
+		// Load versions from versions.json
+		async function loadVersions() {
+			try {
+				const response = await fetch('/versions.json', { cache: 'force-cache' });
+				if (!response.ok) throw new Error('Network response was not ok');
+				const versions = await response.json();
+				return versions;
+			} catch (error) {
+				console.error('Error fetching versions.json:', error);
+				return null;
+			}
+		}
+
+		const $versionSelect = document.getElementById('version-select');
+		async function populateVersionSelect() {
+			if (!$versionSelect) return;
+
+			const versions = await loadVersions();
+			if (!versions || !Array.isArray(versions) || versions.length === 0) return;
+
+			let currentVersion = (window.netlogo?.currentVersion) || 
+								 ($versionSelect.dataset.currentVersion) ||
+								 ($versionSelect.querySelector('option[value="this"]').textContent.trim());
+			if (!currentVersion) return;
+			
+			const optionNodes = versions.map((version) => {
+				const isCurrent = version.name === currentVersion || version.value === currentVersion;
+				const option = document.createElement('option');
+				option.value = isCurrent ? 'this' : version.value;
+				option.textContent = version.name;
+				option.selected = isCurrent;
+				if (version.urlPrefix) {
+					option.dataset.urlPrefix = version.urlPrefix;
+				} 
+				if (version.disabled) {
+					option.disabled = true;
+				}
+				return option;
+			});
+			
+			$versionSelect.innerHTML = '';
+			optionNodes.forEach((option) => $versionSelect.appendChild(option));
+		}
+
+		setTimeout(populateVersionSelect, 0); // Populate after current call stack
+
 		// Version Change
 		const CURRENT_VERSION = 'this'; // Default to current version
 		function goToVersion({ version, urlPrefix }) {
@@ -168,7 +214,6 @@
 			});
 		}
 
-		const $versionSelect = document.getElementById('version-select');
 		$versionSelect.selectedIndex = 0;
 		$versionSelect.addEventListener('change', function (e) {
 			e.preventDefault();

7.0.0/script.js

@@ -106,6 +106,52 @@
 			dropdownExitTimers.push(leaveTimer);
 		});
 
+		// Load versions from versions.json
+		async function loadVersions() {
+			try {
+				const response = await fetch('/versions.json', { cache: 'force-cache' });
+				if (!response.ok) throw new Error('Network response was not ok');
+				const versions = await response.json();
+				return versions;
+			} catch (error) {
+				console.error('Error fetching versions.json:', error);
+				return null;
+			}
+		}
+
+		const $versionSelect = document.getElementById('version-select');
+		async function populateVersionSelect() {
+			if (!$versionSelect) return;
+
+			const versions = await loadVersions();
+			if (!versions || !Array.isArray(versions) || versions.length === 0) return;
+
+			let currentVersion = (window.netlogo?.currentVersion) || 
+								 ($versionSelect.dataset.currentVersion) ||
+								 ($versionSelect.querySelector('option[value="this"]').textContent.trim());
+			if (!currentVersion) return;
+			
+			const optionNodes = versions.map((version) => {
+				const isCurrent = version.name === currentVersion || version.value === currentVersion;
+				const option = document.createElement('option');
+				option.value = isCurrent ? 'this' : version.value;
+				option.textContent = version.name;
+				option.selected = isCurrent;
+				if (version.urlPrefix) {
+					option.dataset.urlPrefix = version.urlPrefix;
+				} 
+				if (version.disabled) {
+					option.disabled = true;
+				}
+				return option;
+			});
+			
+			$versionSelect.innerHTML = '';
+			optionNodes.forEach((option) => $versionSelect.appendChild(option));
+		}
+
+		setTimeout(populateVersionSelect, 0); // Populate after current call stack
+
 		// Version Change
 		const CURRENT_VERSION = 'this'; // Default to current version
 		function goToVersion({ version, urlPrefix }) {
@@ -168,7 +214,6 @@
 			});
 		}
 
-		const $versionSelect = document.getElementById('version-select');
 		$versionSelect.selectedIndex = 0;
 		$versionSelect.addEventListener('change', function (e) {
 			e.preventDefault();

versions.json

@@ -0,0 +1,23 @@
+[
+    { "name": "7.0.0", "value": "7.0.0" },
+    { "name": "7.0.0-beta2", "value": "7.0.0-beta2" },
+    { "name": "6.4", "value": "6.4.0", "urlPrefix": "${CCL}/6.4.0/docs" },
+    { "name": "6.3.0", "value": "6.3.0", "urlPrefix": "${CCL}/6.3.0/docs" },
+    { "name": "6.2.2", "value": "6.2.2", "urlPrefix": "${CCL}/6.2.2/docs" },
+    { "name": "6.1.1", "value": "6.1.1", "urlPrefix": "${CCL}/6.1.1/docs" },
+    { "name": "6.0.4", "value": "6.0.4", "urlPrefix": "${CCL}/6.0.4/docs" },
+    { "name": "6.0beta", "value": "6.0-BETA1", "urlPrefix": "${CCL}/6.0-BETA1/docs" },
+    { "name": "5.3.1", "value": "5.3.1", "urlPrefix": "${CCL}/5.3.1/docs" },
+    { "name": "5.2.1", "value": "5.2.1", "urlPrefix": "${CCL}/5.2.1/docs" },
+    { "name": "5.1.0", "value": "5.1.0", "urlPrefix": "${CCL}/5.1.0/docs" },
+    { "name": "5.0", "value": "5.0", "urlPrefix": "${CCL}/5.0/docs" },
+    { "name": "4.1", "value": "4.1", "urlPrefix": "${CCL}/4.1/docs" },
+    { "name": "4.0", "value": "4.0", "urlPrefix": "${CCL}/4.0/docs" },
+    { "name": "3.1", "value": "3.1", "urlPrefix": "${CCL}/3.1/docs" },
+    { "name": "3.0", "value": "3.0", "urlPrefix": "${CCL}/3.0/docs" },
+    { "name": "2.1", "value": "2.1", "disabled": true },
+    { "name": "2.0", "value": "2.0", "disabled": true },
+    { "name": "1.2", "value": "1.2", "disabled": true },
+    { "name": "1.1", "value": "1.1", "disabled": true },
+    { "name": "1.0", "value": "1.0", "disabled": true }
+]