+
${statusMsg}
+
+
Subject
+ ${renderNameFields(cert.subject)}
+
+ ${cert.sans.length ? `
+
Subject Alternative Names (${cert.sans.length})
+
${cert.sans.map(s => `${esc(s)}`).join('')}
+
` : ''}
+
+
Issuer
+ ${renderNameFields(cert.issuer)}
+
+
+
Validity
+
Valid From${cert.notBefore ? cert.notBefore.toUTCString() : 'N/A'}
+
Valid To${cert.notAfter ? cert.notAfter.toUTCString() : 'N/A'}
+
+
+
Details
+
VersionV${cert.version}
+
Serial Number${esc(String(cert.serial))}
+
Signature Algo${esc(cert.sigAlgo)}
+
Public Key${esc(cert.pubKeyInfo.algorithm)} (${cert.pubKeyInfo.bits} bit)
+ ${cert.basicConstraints ? `
Basic Constraints${esc(cert.basicConstraints)}
` : ''}
+ ${cert.keyUsage.length ? `
Key Usage${cert.keyUsage.map(esc).join(', ')}
` : ''}
+ ${cert.extKeyUsage.length ? `
Ext Key Usage${cert.extKeyUsage.map(esc).join(', ')}
` : ''}
+
+
+
Fingerprints
+
SHA-1${cert.sha1}
+
+
SHA-256${cert.sha256}
+
+
+
+
Subject
${renderFields(subject)}
+ ${sans.length ? `
Subject Alternative Names (${sans.length})
+
${sans.map(s => `${esc(s)}`).join('')}
` : ''}
+
Public Key
+
Algorithm${esc(pubKeyInfo.algorithm)}
+
Key Size${pubKeyInfo.bits} bit
+
+
Details
+
Version${version === 0 ? 'v1 (0)' : 'v' + (version + 1)}
+
Signature Algo${esc(sigAlgo)}
+
+
Fingerprint
+
SHA-256${sha256}
+
+
+
+ `;
+
+ if (entry.derCerts.length > 0) {
+ const certs = await PEM.decodeDER(entry.derCerts);
+ for (let ci = 0; ci < certs.length; ci++) {
+ const cert = certs[ci];
+ const statusCls = cert.isExpired ? 'pem-expired' : cert.isNotYetValid ? 'pem-expired' : 'pem-valid';
+ const statusMsg = cert.isExpired ? 'EXPIRED' : cert.isNotYetValid ? 'NOT YET VALID' : 'VALID';
+ const chainLabel = entry.derCerts.length > 1 ? `
Chain Certificate ${ci + 1} of ${entry.derCerts.length}
` : '';
+
+ html += `${chainLabel}
+
${statusMsg}
+
Subject
${renderNameFields(cert.subject)}
+ ${cert.sans.length ? `
SANs (${cert.sans.length})
${cert.sans.map(s => `${esc(s)}`).join('')}
` : ''}
+
Issuer
${renderNameFields(cert.issuer)}
+
Validity
+
Valid From${cert.notBefore ? cert.notBefore.toUTCString() : 'N/A'}
+
Valid To${cert.notAfter ? cert.notAfter.toUTCString() : 'N/A'}
+
+
Details
+
VersionV${cert.version}
+
Serial${esc(String(cert.serial))}
+
Sig Algo${esc(cert.sigAlgo)}
+
Public Key${esc(cert.pubKeyInfo.algorithm)} (${cert.pubKeyInfo.bits} bit)
+ ${cert.basicConstraints ? `
Basic Constraints${esc(cert.basicConstraints)}
` : ''}
+ ${cert.keyUsage.length ? `
Key Usage${cert.keyUsage.map(esc).join(', ')}
` : ''}
+ ${cert.extKeyUsage.length ? `
Ext Key Usage${cert.extKeyUsage.map(esc).join(', ')}
` : ''}
+
+
Fingerprints
+
SHA-1${cert.sha1}
+
+
SHA-256${cert.sha256}
+
+
+
`;
+ }
+ } else {
+ html += '
Private key data (encrypted) — certificate not available in this entry.
';
+ }
+
+ html += '
${tz.country ? tz.country + ' · ' : ''}${tz.abbr} · UTC ${offsetLabel(tz.offset)}
`;
+ row.appendChild(label);
+
+ // Remove button (don't allow removing if only 1 row)
+ if (tzRows.length > 1) {
+ const rm = document.createElement('button');
+ rm.className = 'tz-row-remove';
+ rm.textContent = '✕';
+ rm.title = 'Remove';
+ rm.onclick = () => { tzRows.splice(rowIdx, 1); tzRenderGrid(); };
+ row.appendChild(rm);
+ }
+
+ // Hour strip
+ const strip = document.createElement('div');
+ strip.className = 'tz-hours';
+
+ for (let utcH = 0; utcH < 24; utcH++) {
+ const localH = utcH + tz.offset;
+ const localHNorm = ((Math.floor(localH) % 24) + 24) % 24;
+ const { top, bot } = fmtHour(localH);
+
+ const cell = document.createElement('div');
+ cell.className = `tz-cell ${hourClass(localH)}`;
+ if (localHNorm === 0) cell.classList.add('tz-midnight');
+ if (utcH === tzSelectedUTCHour) cell.classList.add('tz-selected');
+
+ cell.innerHTML = `' +
+ intToIP(sNet) + '/' + cidr + ' | ' +
+ intToIP(sFirst) + ' – ' + intToIP(sLast) + ' | ' +
+ intToIP(sBcast) + ' | ';
+ }
+ tbody.innerHTML = html;
+ allSection.style.display = '';
+ }
+ }
+ }
+
+ resultsEl.style.display = '';
+}
+
+function subnetClear() {
+ document.getElementById('subnet-ip').value = '';
+ document.getElementById('subnet-cidr').value = '24';
+ document.getElementById('subnet-mask-in').value = '';
+ document.getElementById('subnet-err').textContent = '';
+ document.getElementById('subnet-results').style.display = 'none';
+}
+
+// Auto-calculate on Enter
+document.getElementById('subnet-ip').addEventListener('keydown', e => { if (e.key === 'Enter') subnetCalc(); });
+document.getElementById('subnet-cidr').addEventListener('keydown', e => { if (e.key === 'Enter') subnetCalc(); });
+document.getElementById('subnet-mask-in').addEventListener('keydown', e => { if (e.key === 'Enter') subnetCalc(); });
+
+// Sync CIDR ↔ mask
+document.getElementById('subnet-mask-in').addEventListener('input', function() {
+ const parts = parseIPv4(this.value);
+ if (parts) {
+ const c = cidrFromMask(ipToInt(parts));
+ if (c >= 0) document.getElementById('subnet-cidr').value = c;
+ }
+});
+document.getElementById('subnet-cidr').addEventListener('input', function() {
+ const c = parseInt(this.value, 10);
+ if (!isNaN(c) && c >= 0 && c <= 32) {
+ document.getElementById('subnet-mask-in').value = intToIP(maskFromCIDR(c));
+ }
+});
+
+/* ── Tool Search ── */
+(function() {
+ const searchInput = document.getElementById('tool-search');
+ const searchResults = document.getElementById('search-results');
+ if (!searchInput || !searchResults) return;
+
+ // Build tool index from nav buttons
+ const toolIndex = [];
+ document.querySelectorAll('nav button[data-tab]').forEach(btn => {
+ const cat = btn.closest('.nav-category');
+ let catName = '';
+ if (cat) {
+ const hdr = cat.querySelector('.cat-header');
+ if (hdr) {
+ const clone = hdr.cloneNode(true);
+ clone.querySelectorAll('.material-symbols-outlined, .cat-arrow').forEach(el => el.remove());
+ catName = clone.textContent.trim();
+ }
+ }
+ toolIndex.push({
+ id: btn.dataset.tab,
+ name: btn.textContent.trim(),
+ category: catName
+ });
+ });
+
+ let selIdx = -1;
+
+ function renderResults(query) {
+ searchResults.innerHTML = '';
+ selIdx = -1;
+ if (!query) { searchResults.classList.remove('open'); return; }
+ const q = query.toLowerCase();
+ const matches = toolIndex.filter(t =>
+ t.name.toLowerCase().includes(q) || t.category.toLowerCase().includes(q) || t.id.toLowerCase().includes(q)
+ );
+ if (!matches.length) {
+ searchResults.innerHTML = 'No tools found
';
+ searchResults.classList.add('open');
+ return;
+ }
+ matches.forEach((t, i) => {
+ const item = document.createElement('div');
+ item.className = 'search-result-item';
+ item.innerHTML = '' + t.name + '' + t.category + '';
+ item.addEventListener('click', () => {
+ navigateToTab(t.id);
+ searchInput.value = '';
+ searchResults.classList.remove('open');
+ searchInput.blur();
+ });
+ searchResults.appendChild(item);
+ });
+ searchResults.classList.add('open');
+ }
+
+ searchInput.addEventListener('input', () => renderResults(searchInput.value.trim()));
+
+ searchInput.addEventListener('keydown', function(e) {
+ const items = searchResults.querySelectorAll('.search-result-item');
+ if (!items.length) return;
+ if (e.key === 'ArrowDown') { e.preventDefault(); selIdx = Math.min(selIdx + 1, items.length - 1); }
+ else if (e.key === 'ArrowUp') { e.preventDefault(); selIdx = Math.max(selIdx - 1, 0); }
+ else if (e.key === 'Enter' && selIdx >= 0) { e.preventDefault(); items[selIdx].click(); return; }
+ else if (e.key === 'Escape') { searchResults.classList.remove('open'); searchInput.blur(); return; }
+ else return;
+ items.forEach((it, i) => it.classList.toggle('active', i === selIdx));
+ items[selIdx]?.scrollIntoView({ block: 'nearest' });
+ });
+
+ searchInput.addEventListener('blur', () => setTimeout(() => searchResults.classList.remove('open'), 150));
+ searchInput.addEventListener('focus', () => { if (searchInput.value.trim()) renderResults(searchInput.value.trim()); });
+})();
diff --git a/index.html b/index.html
index 37ccf817..f7a4446d 100644
--- a/index.html
+++ b/index.html
@@ -16,6 +16,11 @@
Support Utils
+
@@ -26,7 +31,7 @@ Support Utils
sync_alt Encode / Decode ▾
-
+
@@ -36,6 +41,8 @@
Support Utils
+
+
@@ -46,6 +53,7 @@ Support Utils
+
@@ -57,6 +65,7 @@ Support Utils
+
@@ -70,14 +79,186 @@ Support Utils
+
+
+
+
+
+
+
Support Utils
+
Browser-based utilities for WSO2 Customer Success engineers.
+
All processing happens locally, no data leaves your browser.
+
+
+
+
sync_alt Encode / Decode
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
data_object Format
+
+
+
+
+
+
+
+
+
add_circle Generate
+
+
+
+
+
+
+
+
+
+
handyman Utilities
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
+
B Base64 Encode
@@ -327,6 +508,40 @@
Support Utils
+
+
+
+ Y YAML Linter / Formatter
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -511,6 +726,100 @@
Support Utils
+
+
+
+ 📜 CSR Generator
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Your private key is generated entirely in your browser and never transmitted anywhere. Keep it secure.
+
+
+
@@ -624,6 +933,153 @@
Support Utils
+
+
+
+ 🔒 PEM / Certificate Decoder
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 🌍 Time Zone Converter
+
+
+
+
+
+
IST — India Standard Time
+
--:--:--
+
+
UTC +05:30
+
+
+
BRT — Brasília Time
+
--:--:--
+
+
UTC −03:00
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 📋 CSR Decoder
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 🔐 Keystore / Truststore Viewer
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ lan IP / Subnet Calculatorulator
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
All Subnets in this Network Class
+
+
+ | Subnet | Host Range | Broadcast |
|---|
+
+
+
+
+
+
+