feat(server): 권장 JDK 목록을 Adoptium 에서 동적으로 + 자세히 보기(스냅샷)

- 하드코딩 [8,11,17,21,25] 대신 Adoptium(Temurin) API 에서 실제 배포 버전을 가져와
  편집기 드롭다운을 채운다. 브라우저 CORS 차단이라 서버가 프록시:
  GET /op/jdk-versions (메이저 목록), GET /op/jdk-versions/:major (GA/EA 릴리스명).
  6h 캐시 + 네트워크 실패 시 정적 폴백.
- 편집기: 기본은 LTS(25/21/17/11/8)만 표시, "자세히 보기" 체크 시 비-LTS 메이저까지
  펼치고 선택 메이저의 GA/EA 스냅샷 릴리스명을 함께 보여준다.
- normalizeRecommendedJdk 를 고정 목록 대신 8~99 범위로 완화(동적 메이저 허용).
- 버전 0.4.7→0.4.8.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
2026-07-17 14:43:55 +09:00
parent 9d9b5183b8
commit fefa2dcdd2
6 changed files with 231 additions and 9 deletions

View File

@@ -82,11 +82,13 @@
</label>
<label>
<span><%= t('editor.recommendedJdk') %></span>
<select name="recommendedJdk" required>
<% jdkOptions.forEach(function (major) { %>
<option value="<%= major %>" <%= major === pack.recommendedJdk ? 'selected' : '' %>>Java <%= major %></option>
<% }) %>
<select name="recommendedJdk" id="recommendedJdk" data-current="<%= pack.recommendedJdk %>" required>
<option value="<%= pack.recommendedJdk %>" selected>Java <%= pack.recommendedJdk %></option>
</select>
<label class="muted" style="font-weight:normal;display:flex;align-items:center;gap:6px;margin-top:4px;">
<input type="checkbox" id="jdkShowDetails" style="width:auto;" /> <%= t('editor.jdkShowDetails') %>
</label>
<div id="jdkDetails" class="muted" hidden style="margin-top:4px;font-size:12px;line-height:1.6;word-break:break-all;"></div>
<small class="muted"><%= t('editor.recommendedJdkHint') %></small>
</label>
<label>
@@ -135,6 +137,73 @@
function formatLoaderLoadFailed(message) {
return I18N.loaderLoadFailedPrefix.replace('__M__', message)
}
var JDK = {
current: <%= pack.recommendedJdk %>,
fallback: <%- JSON.stringify(jdkOptions) %>,
detailsGa: <%- JSON.stringify(t('editor.jdkDetailsGa')) %>,
detailsEa: <%- JSON.stringify(t('editor.jdkDetailsEa')) %>,
detailsLoading: <%- JSON.stringify(t('common.loading')) %>,
detailsNone: <%- JSON.stringify(t('editor.jdkDetailsNone')) %>,
ltsSuffix: <%- JSON.stringify(t('editor.jdkLtsSuffix')) %>
}
</script>
<script>
(function () {
var sel = document.getElementById('recommendedJdk')
var details = document.getElementById('jdkDetails')
var toggle = document.getElementById('jdkShowDetails')
if (!sel || !toggle) return
var current = Number(sel.getAttribute('data-current')) || JDK.current
var avail = null // { available:[], lts:[] }
function rebuild() {
var availList, ltsList
if (avail) { availList = avail.available; ltsList = avail.lts }
else { availList = JDK.fallback.slice().sort(function (a, b) { return b - a }); ltsList = availList }
var ltsSet = {}
ltsList.forEach(function (m) { ltsSet[m] = true })
var list = toggle.checked ? availList.slice() : ltsList.slice()
if (list.indexOf(current) < 0) list = [current].concat(list)
var seen = {}, html = ''
list.forEach(function (m) {
if (seen[m]) return
seen[m] = true
var label = 'Java ' + m + (ltsSet[m] ? JDK.ltsSuffix : '')
html += '<option value="' + m + '"' + (m === current ? ' selected' : '') + '>' + label + '</option>'
})
sel.innerHTML = html
sel.value = String(current)
}
function loadDetails(major) {
details.hidden = false
details.textContent = JDK.detailsLoading
fetch('/op/jdk-versions/' + major)
.then(function (r) { if (!r.ok) throw new Error('HTTP ' + r.status); return r.json() })
.then(function (d) {
var html = ''
if (d.ga && d.ga.length) html += '<div><strong>' + JDK.detailsGa + ':</strong> ' + d.ga.slice(0, 6).join(', ') + '</div>'
if (d.ea && d.ea.length) html += '<div><strong>' + JDK.detailsEa + ':</strong> ' + d.ea.slice(0, 6).join(', ') + '</div>'
details.innerHTML = html || JDK.detailsNone
})
.catch(function () { details.textContent = JDK.detailsNone })
}
sel.addEventListener('change', function () {
current = Number(sel.value)
if (toggle.checked) loadDetails(current)
})
toggle.addEventListener('change', function () {
rebuild()
if (toggle.checked) loadDetails(current)
else { details.hidden = true; details.innerHTML = '' }
})
fetch('/op/jdk-versions')
.then(function (r) { if (!r.ok) throw new Error('HTTP ' + r.status); return r.json() })
.then(function (d) { avail = d; rebuild() })
.catch(function () { rebuild() })
})()
</script>
<script>
(function () {