Note: All multi-byte integers use Big Endian (network) byte order unless otherwise specified.
@@ -552,6 +593,8 @@ let currentFilter = 'all';
let selectedTags = new Set();
let currentSearch = '';
let selectedPacket = null;
+let currentClientType = 'all';
+let currentVersion = '';
// DOM elements
const searchInput = document.getElementById('searchInput');
@@ -738,6 +781,81 @@ function getDirectionBgClass(direction) {
}
}
+function getClientSupport(packet) {
+ const cv = packet.clientVersion;
+ if (!cv) return 'both';
+
+ const hasClassic = cv.classic !== undefined;
+ const hasEnhanced = cv.enhanced !== undefined;
+
+ if (hasClassic && hasEnhanced) return 'both';
+ if (hasClassic) return 'classic';
+ if (hasEnhanced) return 'enhanced';
+ return 'both';
+}
+
+function getClientBadge(packet) {
+ const support = getClientSupport(packet);
+ if (support === 'both') return '';
+ if (support === 'classic') return '
CC';
+ if (support === 'enhanced') return '
EC';
+ return '';
+}
+
+// Version parsing helper - handles "7.0.9.0", "5.0.0a", "66.x.x.x" formats
+function parseVersion(v) {
+ if (!v) return null;
+ // Remove any trailing letters (like "5.0.0a" -> "5.0.0")
+ const cleaned = v.replace(/[a-z]$/i, '');
+ const parts = cleaned.split('.').map(part => {
+ if (part === 'x' || part === '*') return -1; // Wildcard marker
+ const num = parseInt(part, 10);
+ return isNaN(num) ? 0 : num;
+ });
+ // Pad to 4 parts
+ while (parts.length < 4) parts.push(0);
+ return parts.slice(0, 4);
+}
+
+// Compare two version arrays: returns -1, 0, or 1
+function compareVersions(a, b) {
+ for (let i = 0; i < 4; i++) {
+ // Wildcards (-1) match anything
+ if (a[i] === -1 || b[i] === -1) continue;
+ if (a[i] < b[i]) return -1;
+ if (a[i] > b[i]) return 1;
+ }
+ return 0;
+}
+
+// Check if a version is within a client version range
+function isVersionInRange(version, clientVersion, clientType) {
+ const v = parseVersion(version);
+ if (!v) return true; // Invalid version input, don't filter
+
+ // Check appropriate client type(s)
+ const typesToCheck = clientType === 'all'
+ ? ['classic', 'enhanced'].filter(t => clientVersion[t])
+ : [clientType];
+
+ if (typesToCheck.length === 0) return true; // No version info for this type
+
+ return typesToCheck.some(type => {
+ const range = clientVersion[type];
+ if (!range) return false;
+
+ const min = range.min ? parseVersion(range.min) : [0, 0, 0, 0];
+ const max = range.max ? parseVersion(range.max) : [Infinity, Infinity, Infinity, Infinity];
+
+ // Handle wildcards in max (e.g., "7.0.8.x" means any 7.0.8.*)
+ for (let i = 0; i < 4; i++) {
+ if (max[i] === -1) max[i] = Infinity;
+ }
+
+ return compareVersions(v, min) >= 0 && compareVersions(v, max) <= 0;
+ });
+}
+
// Filter packets
function getFilteredPackets() {
return packets.filter(p => {
@@ -769,6 +887,21 @@ function getFilteredPackets() {
if (!matchId && !matchName && !matchDesc && !matchFields && !matchDecimal) return false;
}
+ // Client type filter - packets without clientVersion always pass (work with all versions)
+ if (currentClientType !== 'all' && p.clientVersion) {
+ const hasType = currentClientType === 'classic'
+ ? p.clientVersion.classic
+ : p.clientVersion.enhanced;
+ if (!hasType) return false;
+ }
+
+ // Version filter (range check) - packets without clientVersion always pass
+ if (currentVersion && p.clientVersion) {
+ if (!isVersionInRange(currentVersion, p.clientVersion, currentClientType)) {
+ return false;
+ }
+ }
+
return true;
});
}
@@ -816,6 +949,7 @@ function renderPacketList() {
>
${displayId}
+ ${getClientBadge(p)}
${p.name}
@@ -1031,14 +1165,54 @@ function selectPacket(packet) {
// Client version
const versionSection = document.getElementById('clientVersionSection');
const versionContent = document.getElementById('clientVersionContent');
+ const versionNotes = document.getElementById('clientVersionNotes');
if (packet.clientVersion) {
versionSection.classList.remove('hidden');
- let versionText = '';
- if (packet.clientVersion.min) versionText += `Min: ${packet.clientVersion.min} `;
- if (packet.clientVersion.max) versionText += `Max: ${packet.clientVersion.max} `;
- if (packet.clientVersion.feature) versionText += `Feature: ${packet.clientVersion.feature} `;
- if (packet.clientVersion.notes) versionText += `
${packet.clientVersion.notes}`;
- versionContent.innerHTML = versionText || 'Version-specific behavior';
+ let html = '';
+
+ // Classic Client
+ if (packet.clientVersion.classic) {
+ const c = packet.clientVersion.classic;
+ html += `
+
+
+ Classic
+
+
+ ${c.min ? `
Min: ${c.min}
` : ''}
+ ${c.max ? `
Max: ${c.max}
` : ''}
+ ${!c.min && !c.max ? `
All versions
` : ''}
+
+
+ `;
+ }
+
+ // Enhanced Client
+ if (packet.clientVersion.enhanced) {
+ const e = packet.clientVersion.enhanced;
+ html += `
+
+
+ Enhanced
+
+
+ ${e.min ? `
Min: ${e.min}
` : ''}
+ ${e.max ? `
Max: ${e.max}
` : ''}
+ ${!e.min && !e.max ? `
All versions
` : ''}
+
+
+ `;
+ }
+
+ versionContent.innerHTML = html;
+
+ // Notes
+ if (packet.clientVersion.notes) {
+ versionNotes.classList.remove('hidden');
+ versionNotes.textContent = packet.clientVersion.notes;
+ } else {
+ versionNotes.classList.add('hidden');
+ }
} else {
versionSection.classList.add('hidden');
}
@@ -1125,10 +1299,14 @@ function selectPacket(packet) {
const directionBadge = r.direction ?
`
${r.direction}` : '';
+ const idColorClass = relatedPacket ? getDirectionClass(relatedPacket.direction) : 'text-white';
+ const clientBadge = relatedPacket ? getClientBadge(relatedPacket) : '';
+
return `
`;
@@ -1455,15 +1646,20 @@ function selectPacket(packet) {
` : '';
+ // Build tags HTML if command has tags
+ const tagsHtml = cmd.tags && cmd.tags.length > 0 ?
+ cmd.tags.map(tag => `
${tag}`).join('') : '';
+
return `
- ${cmd.name}
+ ${cmd.name}${tagsHtml}
${cmd.description || ''}
${syntax}
+ ${cmd.notes ? `
${cmd.notes}
` : ''}
${argsHtml}
`;
@@ -1564,6 +1760,42 @@ searchInput.addEventListener('input', (e) => {
}, 150);
});
+// Client type button handlers
+document.querySelectorAll('.client-btn').forEach(btn => {
+ btn.addEventListener('click', () => {
+ currentClientType = btn.dataset.client;
+
+ // Update button styles
+ document.querySelectorAll('.client-btn').forEach(b => {
+ const isActive = b.dataset.client === currentClientType;
+ if (b.dataset.client === 'all') {
+ b.classList.toggle('bg-gold-500', isActive);
+ b.classList.toggle('text-modern-black', isActive);
+ b.classList.toggle('bg-modern-dark-black', !isActive);
+ b.classList.toggle('text-gold-500', !isActive);
+ } else if (b.dataset.client === 'classic') {
+ b.classList.toggle('bg-blue-500/20', isActive);
+ b.classList.toggle('bg-modern-dark-black', !isActive);
+ } else if (b.dataset.client === 'enhanced') {
+ b.classList.toggle('bg-purple-500/20', isActive);
+ b.classList.toggle('bg-modern-dark-black', !isActive);
+ }
+ });
+
+ renderPacketList();
+ });
+});
+
+// Version input handler
+const versionInput = document.getElementById('versionInput');
+let versionTimeout;
+versionInput.addEventListener('input', (e) => {
+ clearTimeout(versionTimeout);
+ versionTimeout = setTimeout(() => {
+ currentVersion = e.target.value.trim();
+ renderPacketList();
+ }, 300);
+});
// Keyboard navigation
document.addEventListener('keydown', (e) => {
-