MediaWiki:ChangelogEditor.js - Revision history

https://projectrebearth.com/index.php?action=history&feed=atom&title=MediaWiki%3AChangelogEditor.js MediaWiki:ChangelogEditor.js - Revision history 2026-04-16T13:12:04Z Revision history for this page on the wiki MediaWiki 1.45.1 https://projectrebearth.com/index.php?title=MediaWiki:ChangelogEditor.js&diff=1149&oldid=prev East6 at 14:36, 4 March 2026 2026-03-04T14:36:42Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 14:36, 4 March 2026</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l25">Line 25:</td> <td colspan="2" class="diff-lineno">Line 25:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> else if (k === 'innerHTML') node.innerHTML = attrs[k];</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> else if (k === 'innerHTML') node.innerHTML = attrs[k];</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> else if (k.indexOf('on') === 0) node.addEventListener(k.slice(2).toLowerCase(), attrs[k]);</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> else if (k.indexOf('on') === 0) node.addEventListener(k.slice(2).toLowerCase(), attrs[k]);</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> else node.setAttribute(k, attrs[k]);</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> else <ins style="font-weight: bold; text-decoration: none;">if (attrs[k] != null) </ins>node.setAttribute(k, attrs[k]);</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> });</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> });</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> }</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> }</div></td></tr>  </table>

East6 https://projectrebearth.com/index.php?title=MediaWiki:ChangelogEditor.js&diff=1142&oldid=prev East6: Created page with "(function () { 'use strict'; var DATA_PAGE = 'Module:Changelog/data.json'; var PER_PAGE = 15; var VALID_TAGS = ['New', 'Balance', 'Fix', 'QoL', 'Performance']; var entries = []; var originalJSON = ''; var currentPage = 0; var editToken = null; var editingIndex = null; var allPageTitles = []; var dirty = false; var root = document.getElementById('rb-changelog-editor'); if (!root) return; function el(tag, attrs, c..." 2026-03-04T14:25:57Z

<p>Created page with "(function () { 'use strict'; var DATA_PAGE = 'Module:Changelog/data.json'; var PER_PAGE = 15; var VALID_TAGS = ['New', 'Balance', 'Fix', 'QoL', 'Performance']; var entries = []; var originalJSON = ''; var currentPage = 0; var editToken = null; var editingIndex = null; var allPageTitles = []; var dirty = false; var root = document.getElementById('rb-changelog-editor'); if (!root) return; function el(tag, attrs, c..."</p> <p><b>New page</b></p><div>(function () {<br /> 'use strict';<br /> <br /> var DATA_PAGE = 'Module:Changelog/data.json';<br /> var PER_PAGE = 15;<br /> var VALID_TAGS = ['New', 'Balance', 'Fix', 'QoL', 'Performance'];<br /> <br /> var entries = [];<br /> var originalJSON = '';<br /> var currentPage = 0;<br /> var editToken = null;<br /> var editingIndex = null;<br /> var allPageTitles = [];<br /> var dirty = false;<br /> <br /> var root = document.getElementById('rb-changelog-editor');<br /> if (!root) return;<br /> <br /> function el(tag, attrs, children) {<br /> var node = document.createElement(tag);<br /> if (attrs) {<br /> Object.keys(attrs).forEach(function (k) {<br /> if (k === 'className') node.className = attrs[k];<br /> else if (k === 'textContent') node.textContent = attrs[k];<br /> else if (k === 'innerHTML') node.innerHTML = attrs[k];<br /> else if (k.indexOf('on') === 0) node.addEventListener(k.slice(2).toLowerCase(), attrs[k]);<br /> else node.setAttribute(k, attrs[k]);<br /> });<br /> }<br /> if (children) {<br /> (Array.isArray(children) ? children : [children]).forEach(function (c) {<br /> if (c == null) return;<br /> node.appendChild(typeof c === 'string' ? document.createTextNode(c) : c);<br /> });<br /> }<br /> return node;<br /> }<br /> <br /> function todayISO() {<br /> var d = new Date();<br /> return d.getFullYear() + '-' +<br /> String(d.getMonth() + 1).padStart(2, '0') + '-' +<br /> String(d.getDate()).padStart(2, '0');<br /> }<br /> <br /> function generateId(date) {<br /> var parts = date.split('-');<br /> var dd = parts[2], mm = parts[1], yy = parts[0].slice(2);<br /> var prefix = dd + mm + yy;<br /> var maxNum = 0;<br /> entries.forEach(function (e) {<br /> if (e.id && e.id.indexOf(prefix) === 0) {<br /> var num = parseInt(e.id.slice(prefix.length), 10);<br /> if (num > maxNum) maxNum = num;<br /> }<br /> });<br /> return prefix + (maxNum + 1);<br /> }<br /> <br /> function markDirty() {<br /> dirty = true;<br /> render();<br /> }<br /> <br /> function getUnsavedCount() {<br /> if (!dirty) return 0;<br /> var currentJSON = JSON.stringify(entries, null, 2);<br /> return currentJSON !== originalJSON ? 1 : 0;<br /> }<br /> <br /> function computeChangeSummary() {<br /> var orig;<br /> try { orig = JSON.parse(originalJSON); } catch (e) { orig = []; }<br /> var origMap = {};<br /> orig.forEach(function (e) { origMap[e.id] = JSON.stringify(e); });<br /> var curMap = {};<br /> entries.forEach(function (e) { curMap[e.id] = JSON.stringify(e); });<br /> <br /> var added = [], modified = [], deleted = [];<br /> entries.forEach(function (e) {<br /> if (!origMap[e.id]) added.push(e);<br /> else if (origMap[e.id] !== curMap[e.id]) modified.push(e);<br /> });<br /> orig.forEach(function (e) {<br /> if (!curMap[e.id]) deleted.push(e);<br /> });<br /> <br /> var origIds = orig.map(function (e) { return e.id; }).join(',');<br /> var curIds = entries.map(function (e) { return e.id; }).join(',');<br /> var reordered = origIds !== curIds && added.length === 0 && deleted.length === 0;<br /> <br /> return { added: added, modified: modified, deleted: deleted, reordered: reordered };<br /> }<br /> <br /> function apiGet(params) {<br /> var url = mw.util.wikiScript('api') + '?' + Object.keys(params).map(function (k) {<br /> return encodeURIComponent(k) + '=' + encodeURIComponent(params[k]);<br /> }).join('&');<br /> return fetch(url).then(function (r) { return r.json(); });<br /> }<br /> <br /> function fetchData() {<br /> var url = mw.util.wikiScript('index') + '?title=' + encodeURIComponent(DATA_PAGE) + '&action=raw';<br /> return fetch(url).then(function (r) {<br /> if (!r.ok) throw new Error('Failed to fetch data: ' + r.status);<br /> return r.text();<br /> }).then(function (text) {<br /> entries = JSON.parse(text);<br /> originalJSON = JSON.stringify(entries, null, 2);<br /> dirty = false;<br /> });<br /> }<br /> <br /> function fetchEditToken() {<br /> return apiGet({ action: 'query', meta: 'tokens', type: 'csrf', format: 'json' })<br /> .then(function (data) {<br /> editToken = data.query.tokens.csrftoken;<br /> });<br /> }<br /> <br /> function saveData(summary) {<br /> var content = JSON.stringify(entries, null, 2);<br /> var params = new URLSearchParams();<br /> params.append('action', 'edit');<br /> params.append('title', DATA_PAGE);<br /> params.append('text', content);<br /> params.append('summary', summary);<br /> params.append('contentformat', 'application/json');<br /> params.append('contentmodel', 'json');<br /> params.append('token', editToken);<br /> params.append('format', 'json');<br /> <br /> return fetch(mw.util.wikiScript('api'), {<br /> method: 'POST',<br /> body: params,<br /> credentials: 'same-origin'<br /> }).then(function (r) { return r.json(); }).then(function (data) {<br /> if (data.error) {<br /> if (data.error.code === 'badtoken') {<br /> return fetchEditToken().then(function () {<br /> params.set('token', editToken);<br /> return fetch(mw.util.wikiScript('api'), {<br /> method: 'POST',<br /> body: params,<br /> credentials: 'same-origin'<br /> }).then(function (r) { return r.json(); });<br /> }).then(function (data2) {<br /> if (data2.error) throw new Error(data2.error.info);<br /> return data2;<br /> });<br /> }<br /> throw new Error(data.error.info);<br /> }<br /> originalJSON = JSON.stringify(entries, null, 2);<br /> dirty = false;<br /> return data;<br /> });<br /> }<br /> <br /> function searchPageTitles(query) {<br /> if (!query || query.length < 2) return [];<br /> var q = query.toLowerCase();<br /> return allPageTitles.filter(function (t) {<br /> return t.toLowerCase().indexOf(q) !== -1;<br /> }).slice(0, 10);<br /> }<br /> <br /> function fetchAllPageTitles() {<br /> var titles = [];<br /> function fetchBatch(apcontinue) {<br /> var params = {<br /> action: 'query',<br /> list: 'allpages',<br /> aplimit: '500',<br /> apnamespace: '0',<br /> format: 'json'<br /> };<br /> if (apcontinue) params.apcontinue = apcontinue;<br /> return apiGet(params).then(function (data) {<br /> data.query.allpages.forEach(function (p) { titles.push(p.title); });<br /> if (data['continue'] && data['continue'].apcontinue) {<br /> return fetchBatch(data['continue'].apcontinue);<br /> }<br /> allPageTitles = titles;<br /> });<br /> }<br /> return fetchBatch(null);<br /> }<br /> <br /> window.addEventListener('beforeunload', function (e) {<br /> if (dirty) {<br /> e.preventDefault();<br /> e.returnValue = '';<br /> }<br /> });<br /> <br /> function render() {<br /> root.innerHTML = '';<br /> root.appendChild(renderApp());<br /> }<br /> <br /> function renderApp() {<br /> var wrap = el('div', { className: 'rb-ce-wrap' });<br /> wrap.appendChild(renderHeader());<br /> if (editingIndex !== null) {<br /> wrap.appendChild(renderForm());<br /> }<br /> wrap.appendChild(renderList());<br /> wrap.appendChild(renderPagination());<br /> return wrap;<br /> }<br /> <br /> function renderHeader() {<br /> var title = el('h2', null, 'Changelog Editor');<br /> var unsaved = dirty ? el('span', { className: 'rb-ce-badge', textContent: 'unsaved' }) : null;<br /> <br /> var addBtn = el('button', {<br /> className: 'rb-ce-btn rb-ce-btn-add',<br /> textContent: '+ Add Entry',<br /> onClick: function () {<br /> editingIndex = -1;<br /> currentPage = 0;<br /> render();<br /> }<br /> });<br /> <br /> var saveBtn = el('button', {<br /> className: 'rb-ce-btn rb-ce-btn-primary',<br /> textContent: 'Save All',<br /> disabled: !dirty ? 'disabled' : null,<br /> onClick: function () { showConfirmDialog(); }<br /> });<br /> <br /> var actions = el('div', { className: 'rb-ce-header-actions' }, [addBtn, saveBtn, unsaved]);<br /> return el('div', { className: 'rb-ce-header' }, [title, actions]);<br /> }<br /> <br /> function renderList() {<br /> var list = el('div', { className: 'rb-ce-list' });<br /> if (entries.length === 0) {<br /> list.appendChild(el('div', { className: 'rb-ce-empty', textContent: 'No changelog entries yet.' }));<br /> return list;<br /> }<br /> <br /> var start = currentPage * PER_PAGE;<br /> var end = Math.min(start + PER_PAGE, entries.length);<br /> for (var i = start; i < end; i++) {<br /> list.appendChild(renderEntry(i));<br /> }<br /> return list;<br /> }<br /> <br /> function renderEntry(idx) {<br /> var entry = entries[idx];<br /> var tag = el('span', { className: 'rb-ce-tag rb-ce-tag-' + entry.tag, textContent: entry.tag });<br /> var date = el('span', { className: 'rb-ce-entry-date', textContent: entry.date });<br /> var meta = el('div', { className: 'rb-ce-entry-meta' }, [tag, date]);<br /> <br /> var text = el('p', { className: 'rb-ce-entry-text', textContent: entry.text });<br /> var idSpan = el('span', { className: 'rb-ce-entry-id', textContent: 'ID: ' + entry.id });<br /> var body = el('div', { className: 'rb-ce-entry-body' }, [text, idSpan]);<br /> <br /> if ((entry.pages && entry.pages.length) || (entry.exclude && entry.exclude.length)) {<br /> var chips = el('div', { className: 'rb-ce-chips' });<br /> if (entry.pages) {<br /> entry.pages.forEach(function (p) {<br /> chips.appendChild(el('span', { className: 'rb-ce-chip' }, [<br /> el('span', { className: 'rb-ce-chip-label', textContent: '+' }),<br /> p<br /> ]));<br /> });<br /> }<br /> if (entry.exclude) {<br /> entry.exclude.forEach(function (p) {<br /> chips.appendChild(el('span', { className: 'rb-ce-chip rb-ce-chip-exclude' }, [<br /> el('span', { className: 'rb-ce-chip-label', textContent: '\u2212' }),<br /> p<br /> ]));<br /> });<br /> }<br /> body.appendChild(chips);<br /> }<br /> <br /> var editBtn = el('button', {<br /> className: 'rb-ce-btn rb-ce-btn-ghost rb-ce-btn-sm',<br /> textContent: 'Edit',<br /> onClick: function () { editingIndex = idx; render(); }<br /> });<br /> var delBtn = el('button', {<br /> className: 'rb-ce-btn rb-ce-btn-danger rb-ce-btn-sm',<br /> textContent: 'Del',<br /> onClick: function () {<br /> if (confirm('Delete this entry?')) {<br /> entries.splice(idx, 1);<br /> if (editingIndex === idx) editingIndex = null;<br /> markDirty();<br /> }<br /> }<br /> });<br /> var upBtn = el('button', {<br /> className: 'rb-ce-btn rb-ce-btn-ghost rb-ce-btn-sm',<br /> textContent: '\u25B2',<br /> disabled: idx === 0 ? 'disabled' : null,<br /> onClick: function () {<br /> var tmp = entries[idx - 1];<br /> entries[idx - 1] = entries[idx];<br /> entries[idx] = tmp;<br /> markDirty();<br /> }<br /> });<br /> var downBtn = el('button', {<br /> className: 'rb-ce-btn rb-ce-btn-ghost rb-ce-btn-sm',<br /> textContent: '\u25BC',<br /> disabled: idx === entries.length - 1 ? 'disabled' : null,<br /> onClick: function () {<br /> var tmp = entries[idx + 1];<br /> entries[idx + 1] = entries[idx];<br /> entries[idx] = tmp;<br /> markDirty();<br /> }<br /> });<br /> var actions = el('div', { className: 'rb-ce-entry-actions' }, [upBtn, downBtn, editBtn, delBtn]);<br /> <br /> return el('div', { className: 'rb-ce-entry' }, [meta, body, actions]);<br /> }<br /> <br /> function renderForm() {<br /> var isNew = editingIndex === -1;<br /> var entry = isNew ? { id: '', date: todayISO(), tag: 'New', text: '', pages: [], exclude: [] } : JSON.parse(JSON.stringify(entries[editingIndex]));<br /> if (!entry.pages) entry.pages = [];<br /> if (!entry.exclude) entry.exclude = [];<br /> var autoId = isNew ? generateId(entry.date) : entry.id;<br /> <br /> var form = el('div', { className: 'rb-ce-form' });<br /> <br /> var dateInput = el('input', { type: 'date', value: entry.date });<br /> var tagSelect = el('select');<br /> VALID_TAGS.forEach(function (t) {<br /> var opt = el('option', { value: t, textContent: t });<br /> if (t === entry.tag) opt.selected = true;<br /> tagSelect.appendChild(opt);<br /> });<br /> var idInput = el('input', { type: 'text', value: isNew ? autoId : entry.id, placeholder: 'Auto-generated' });<br /> <br /> dateInput.addEventListener('change', function () {<br /> if (isNew) {<br /> entry.date = dateInput.value;<br /> idInput.value = generateId(dateInput.value);<br /> }<br /> });<br /> <br /> var row1 = el('div', { className: 'rb-ce-form-row' }, [<br /> el('div', { className: 'rb-ce-form-field' }, [el('label', null, 'Date'), dateInput]),<br /> el('div', { className: 'rb-ce-form-field' }, [el('label', null, 'Tag'), tagSelect]),<br /> el('div', { className: 'rb-ce-form-field' }, [el('label', null, 'ID'), idInput])<br /> ]);<br /> <br /> var textArea = el('textarea', { placeholder: 'Changelog text (wikitext supported)' });<br /> textArea.value = entry.text;<br /> var row2 = el('div', { className: 'rb-ce-form-row' }, [<br /> el('div', { className: 'rb-ce-form-field', style: 'flex:1' }, [el('label', null, 'Text'), textArea])<br /> ]);<br /> <br /> var pagesChips = createChipInput(entry.pages);<br /> var excludeChips = createChipInput(entry.exclude);<br /> var row3 = el('div', { className: 'rb-ce-form-row' }, [<br /> el('div', { className: 'rb-ce-form-field', style: 'flex:1' }, [el('label', null, 'Pages (manual additions)'), pagesChips.element]),<br /> el('div', { className: 'rb-ce-form-field', style: 'flex:1' }, [el('label', null, 'Exclude pages'), excludeChips.element])<br /> ]);<br /> <br /> var saveFormBtn = el('button', {<br /> className: 'rb-ce-btn rb-ce-btn-primary',<br /> textContent: isNew ? 'Add Entry' : 'Update Entry',<br /> onClick: function () {<br /> var newEntry = {<br /> id: idInput.value.trim() || autoId,<br /> date: dateInput.value,<br /> tag: tagSelect.value,<br /> text: textArea.value<br /> };<br /> var pages = pagesChips.getValues();<br /> var exclude = excludeChips.getValues();<br /> if (pages.length > 0) newEntry.pages = pages;<br /> if (exclude.length > 0) newEntry.exclude = exclude;<br /> <br /> if (!newEntry.text.trim()) {<br /> alert('Text is required.');<br /> return;<br /> }<br /> <br /> if (isNew) {<br /> entries.unshift(newEntry);<br /> } else {<br /> entries[editingIndex] = newEntry;<br /> }<br /> editingIndex = null;<br /> markDirty();<br /> }<br /> });<br /> var cancelBtn = el('button', {<br /> className: 'rb-ce-btn rb-ce-btn-ghost',<br /> textContent: 'Cancel',<br /> onClick: function () { editingIndex = null; render(); }<br /> });<br /> var actions = el('div', { className: 'rb-ce-form-actions' }, [saveFormBtn, cancelBtn]);<br /> <br /> form.appendChild(row1);<br /> form.appendChild(row2);<br /> form.appendChild(row3);<br /> form.appendChild(actions);<br /> return form;<br /> }<br /> <br /> function createChipInput(initialValues) {<br /> var values = (initialValues || []).slice();<br /> var wrap = el('div', { className: 'rb-ce-chip-input-wrap' });<br /> var input = el('input', { type: 'text', placeholder: 'Type page name...' });<br /> var dropdown = null;<br /> var debounceTimer = null;<br /> var activeIdx = -1;<br /> <br /> function renderChips() {<br /> while (wrap.firstChild) wrap.removeChild(wrap.firstChild);<br /> values.forEach(function (v, i) {<br /> var removeBtn = el('span', {<br /> className: 'rb-ce-chip-remove',<br /> textContent: '\u00D7',<br /> onClick: function (e) {<br /> e.stopPropagation();<br /> values.splice(i, 1);<br /> renderChips();<br /> }<br /> });<br /> wrap.appendChild(el('span', { className: 'rb-ce-chip' }, [v, removeBtn]));<br /> });<br /> wrap.appendChild(input);<br /> }<br /> <br /> function addChip(val) {<br /> var trimmed = val.trim();<br /> if (trimmed && values.indexOf(trimmed) === -1) {<br /> values.push(trimmed);<br /> }<br /> input.value = '';<br /> hideDropdown();<br /> renderChips();<br /> input.focus();<br /> }<br /> <br /> function showDropdown(items) {<br /> hideDropdown();<br /> if (items.length === 0) return;<br /> dropdown = el('div', { className: 'rb-ce-autocomplete' });<br /> activeIdx = -1;<br /> items.forEach(function (item, i) {<br /> var div = el('div', {<br /> className: 'rb-ce-autocomplete-item',<br /> textContent: item,<br /> onClick: function () { addChip(item); }<br /> });<br /> dropdown.appendChild(div);<br /> });<br /> wrap.appendChild(dropdown);<br /> }<br /> <br /> function hideDropdown() {<br /> if (dropdown && dropdown.parentNode) {<br /> dropdown.parentNode.removeChild(dropdown);<br /> }<br /> dropdown = null;<br /> activeIdx = -1;<br /> }<br /> <br /> function highlightItem(idx) {<br /> if (!dropdown) return;<br /> var items = dropdown.querySelectorAll('.rb-ce-autocomplete-item');<br /> items.forEach(function (it, i) {<br /> it.classList.toggle('rb-ce-ac-active', i === idx);<br /> });<br /> activeIdx = idx;<br /> }<br /> <br /> input.addEventListener('input', function () {<br /> clearTimeout(debounceTimer);<br /> var q = input.value;<br /> if (q.length < 2) { hideDropdown(); return; }<br /> debounceTimer = setTimeout(function () {<br /> var results = searchPageTitles(q);<br /> showDropdown(results);<br /> }, 300);<br /> });<br /> <br /> input.addEventListener('keydown', function (e) {<br /> if (e.key === ',' || e.key === 'Enter') {<br /> e.preventDefault();<br /> if (activeIdx >= 0 && dropdown) {<br /> var items = dropdown.querySelectorAll('.rb-ce-autocomplete-item');<br /> if (items[activeIdx]) addChip(items[activeIdx].textContent);<br /> } else if (input.value.trim()) {<br /> addChip(input.value);<br /> }<br /> } else if (e.key === 'ArrowDown' && dropdown) {<br /> e.preventDefault();<br /> var items = dropdown.querySelectorAll('.rb-ce-autocomplete-item');<br /> highlightItem(Math.min(activeIdx + 1, items.length - 1));<br /> } else if (e.key === 'ArrowUp' && dropdown) {<br /> e.preventDefault();<br /> highlightItem(Math.max(activeIdx - 1, 0));<br /> } else if (e.key === 'Escape') {<br /> hideDropdown();<br /> } else if (e.key === 'Backspace' && input.value === '' && values.length > 0) {<br /> values.pop();<br /> renderChips();<br /> }<br /> });<br /> <br /> input.addEventListener('blur', function () {<br /> setTimeout(hideDropdown, 200);<br /> });<br /> <br /> wrap.addEventListener('click', function () { input.focus(); });<br /> <br /> renderChips();<br /> return { element: wrap, getValues: function () { return values.slice(); } };<br /> }<br /> <br /> function renderPagination() {<br /> var totalPages = Math.max(1, Math.ceil(entries.length / PER_PAGE));<br /> var info = el('span', null, 'Page ' + (currentPage + 1) + ' of ' + totalPages + ' (' + entries.length + ' entries)');<br /> var prevBtn = el('button', {<br /> className: 'rb-ce-btn rb-ce-btn-ghost rb-ce-btn-sm',<br /> textContent: '\u25C0 Prev',<br /> disabled: currentPage === 0 ? 'disabled' : null,<br /> onClick: function () { currentPage--; editingIndex = null; render(); }<br /> });<br /> var nextBtn = el('button', {<br /> className: 'rb-ce-btn rb-ce-btn-ghost rb-ce-btn-sm',<br /> textContent: 'Next \u25B6',<br /> disabled: currentPage >= totalPages - 1 ? 'disabled' : null,<br /> onClick: function () { currentPage++; editingIndex = null; render(); }<br /> });<br /> return el('div', { className: 'rb-ce-pagination' }, [prevBtn, info, nextBtn]);<br /> }<br /> <br /> function showConfirmDialog() {<br /> var summary = computeChangeSummary();<br /> var lines = [];<br /> if (summary.added.length) lines.push(summary.added.length + ' added');<br /> if (summary.modified.length) lines.push(summary.modified.length + ' modified');<br /> if (summary.deleted.length) lines.push(summary.deleted.length + ' deleted');<br /> if (summary.reordered) lines.push('entries reordered');<br /> var changeText = lines.join(', ') || 'No detectable changes';<br /> <br /> var overlay = el('div', { className: 'rb-ce-overlay' });<br /> var dialog = el('div', { className: 'rb-ce-dialog' });<br /> <br /> dialog.appendChild(el('h3', null, 'Confirm Save'));<br /> <br /> var summaryDiv = el('div', { className: 'rb-ce-dialog-summary' });<br /> summaryDiv.appendChild(el('p', null, 'Changes: ' + changeText));<br /> if (summary.added.length) {<br /> var addedList = el('ul');<br /> summary.added.forEach(function (e) {<br /> addedList.appendChild(el('li', null, '+ [' + e.tag + '] ' + e.text.substring(0, 80) + (e.text.length > 80 ? '...' : '')));<br /> });<br /> summaryDiv.appendChild(addedList);<br /> }<br /> if (summary.deleted.length) {<br /> var delList = el('ul');<br /> summary.deleted.forEach(function (e) {<br /> delList.appendChild(el('li', null, '\u2212 [' + e.tag + '] ' + e.text.substring(0, 80) + (e.text.length > 80 ? '...' : '')));<br /> });<br /> summaryDiv.appendChild(delList);<br /> }<br /> dialog.appendChild(summaryDiv);<br /> <br /> var defaultSummary = 'Changelog: ' + changeText;<br /> var summaryField = el('div', { className: 'rb-ce-dialog-field' });<br /> summaryField.appendChild(el('label', null, 'Edit summary'));<br /> var summaryInput = el('input', { type: 'text', value: defaultSummary });<br /> summaryField.appendChild(summaryInput);<br /> dialog.appendChild(summaryField);<br /> <br /> var saving = false;<br /> var saveBtn = el('button', {<br /> className: 'rb-ce-btn rb-ce-btn-primary',<br /> textContent: 'Save',<br /> onClick: function () {<br /> if (saving) return;<br /> saving = true;<br /> saveBtn.disabled = true;<br /> saveBtn.textContent = 'Saving...';<br /> saveData(summaryInput.value || defaultSummary).then(function () {<br /> overlay.parentNode.removeChild(overlay);<br /> render();<br /> }).catch(function (err) {<br /> saving = false;<br /> saveBtn.disabled = false;<br /> saveBtn.textContent = 'Save';<br /> try {<br /> sessionStorage.setItem('rb-ce-backup', JSON.stringify(entries));<br /> } catch (e) {}<br /> alert('Save failed: ' + err.message + '\n\nYour changes have been backed up to session storage.');<br /> });<br /> }<br /> });<br /> var cancelBtn = el('button', {<br /> className: 'rb-ce-btn rb-ce-btn-ghost',<br /> textContent: 'Cancel',<br /> onClick: function () { overlay.parentNode.removeChild(overlay); }<br /> });<br /> dialog.appendChild(el('div', { className: 'rb-ce-dialog-actions' }, [cancelBtn, saveBtn]));<br /> <br /> overlay.appendChild(dialog);<br /> overlay.addEventListener('click', function (e) {<br /> if (e.target === overlay) overlay.parentNode.removeChild(overlay);<br /> });<br /> document.body.appendChild(overlay);<br /> summaryInput.focus();<br /> summaryInput.select();<br /> }<br /> <br /> function init() {<br /> root.innerHTML = '<div class="rb-ce-status">Loading changelog data...</div>';<br /> <br /> try {<br /> var backup = sessionStorage.getItem('rb-ce-backup');<br /> if (backup) {<br /> if (confirm('A backup from a previous unsaved session was found. Restore it?')) {<br /> entries = JSON.parse(backup);<br /> dirty = true;<br /> sessionStorage.removeItem('rb-ce-backup');<br /> Promise.all([fetchEditToken(), fetchAllPageTitles()]).then(function () {<br /> render();<br /> });<br /> return;<br /> }<br /> sessionStorage.removeItem('rb-ce-backup');<br /> }<br /> } catch (e) {}<br /> <br /> Promise.all([fetchData(), fetchEditToken(), fetchAllPageTitles()])<br /> .then(function () {<br /> render();<br /> })<br /> .catch(function (err) {<br /> root.innerHTML = '<div class="rb-ce-error">Failed to load: ' + err.message + '</div>';<br /> });<br /> }<br /> <br /> if (document.readyState === 'loading') {<br /> document.addEventListener('DOMContentLoaded', init);<br /> } else {<br /> init();<br /> }<br /> })();</div>

East6