tina4ruby 0.5.2 → 3.0.0

data/lib/tina4/public/js/tina4-dev-admin.min.js

@@ -0,0 +1,367 @@
+let currentTab = 'routes';
+let queueFilter = '';
+let mailboxFolder = '';
+function showTab(tab, e) {
+currentTab = tab;
+document.querySelectorAll('.dev-tab').forEach(t => t.classList.remove('active'));
+document.querySelectorAll('.dev-panel').forEach(p => p.classList.add('hidden'));
+if (e) e.target.closest('.dev-tab').classList.add('active');
+document.getElementById('panel-' + tab).classList.remove('hidden');
+const loaders = {routes:loadRoutes, queue:loadQueue, mailbox:loadMailbox, messages:loadMessages, database:loadTables, requests:loadRequests, errors:loadErrors, websockets:loadWebSockets, system:loadSystem, tools:function(){}};
+if (loaders[tab]) loaders[tab]();
+}
+function api(path, method, body) {
+const opts = { method: method || 'GET', headers: {} };
+if (body) { opts.headers['Content-Type'] = 'application/json'; opts.body = JSON.stringify(body); }
+return fetch(path, opts).then(r => r.json());
+}
+function loadRoutes() {
+api('/__dev/api/routes').then(d => {
+document.getElementById('routes-count').textContent = d.count;
+document.getElementById('routes-body').innerHTML = d.routes.map(r => `
+<tr>
+<td><span class="method method-${r.method.toLowerCase()}">${r.method}</span></td>
+<td class="path">${r.path || r.pattern || ''}</td>
+<td>${r.auth_required || r.secure ? '<span class="badge-pill bg-reserved">auth</span>' : '<span class="badge-pill bg-success">open</span>'}</td>
+<td class="text-sm text-muted">${r.handler || ''} ${r.module ? '<small>(' + r.module + ')</small>' : ''}</td>
+</tr>`).join('');
+});
+}
+function loadQueue() {
+const qs = queueFilter ? '?status=' + queueFilter : '';
+api('/__dev/api/queue' + qs).then(d => {
+['pending','completed','failed','reserved'].forEach(s => {
+const el = document.getElementById('q-' + s);
+if (el) el.textContent = d.stats[s] || 0;
+});
+document.getElementById('queue-count').textContent = Object.values(d.stats).reduce((a,b) => a+b, 0);
+const tbody = document.getElementById('queue-body');
+const empty = document.getElementById('queue-empty');
+if (!d.jobs.length) { tbody.innerHTML = ''; empty.classList.remove('hidden'); return; }
+empty.classList.add('hidden');
+tbody.innerHTML = d.jobs.map(j => `
+<tr>
+<td>${j.id}</td>
+<td class="path">${j.topic}</td>
+<td><span class="badge-pill bg-${j.status}">${j.status}</span></td>
+<td>${j.attempts}</td>
+<td class="text-sm text-muted">${j.created_at || ''}</td>
+<td class="text-mono text-sm" style="max-width:250px;overflow:hidden;text-overflow:ellipsis">${typeof j.data === 'object' ? JSON.stringify(j.data) : j.data}</td>
+<td><button class="btn btn-sm" onclick="replayJob(${j.id},'${j.topic}')">Replay</button></td>
+</tr>`).join('');
+});
+}
+function filterQueue(status, e) {
+queueFilter = status;
+document.querySelectorAll('#panel-queue .filter-btn').forEach(b => b.classList.remove('active'));
+if (e) e.target.classList.add('active');
+loadQueue();
+}
+function retryQueue() { api('/__dev/api/queue/retry', 'POST', {}).then(() => loadQueue()); }
+function purgeQueue() { api('/__dev/api/queue/purge', 'POST', {}).then(() => loadQueue()); }
+function replayJob(id, topic) { api('/__dev/api/queue/replay', 'POST', {job_id: id, topic: topic}).then(() => { loadQueue(); }); }
+function loadMailbox() {
+const qs = mailboxFolder ? '?folder=' + mailboxFolder : '';
+api('/__dev/api/mailbox' + qs).then(d => {
+document.getElementById('mailbox-count').textContent = d.unread;
+document.getElementById('mail-detail').classList.add('hidden');
+const list = document.getElementById('mailbox-list');
+if (!d.messages.length) { list.innerHTML = '<div class="empty">No messages. Click "Seed 5" to generate test emails.</div>'; return; }
+list.innerHTML = d.messages.map(m => `
+<div class="mail-item ${m.read ? '' : 'unread'}" onclick="readMail('${m.id}')">
+<span class="text-sm text-muted" style="float:right">${(m.date||'').substring(0,16)}</span>
+<div class="text-sm text-muted">${m.from} &rarr; ${(m.to||[]).join(', ')}</div>
+<div style="font-weight:600;font-size:0.8rem">${m.subject}</div>
+<span class="badge-pill bg-${m.type === 'inbox' ? 'success' : 'primary'}" style="margin-top:0.2rem">${m.type}</span>
+</div>`).join('');
+});
+}
+function filterMailbox(folder, e) {
+mailboxFolder = folder;
+document.querySelectorAll('#panel-mailbox .filter-btn').forEach(b => b.classList.remove('active'));
+if (e) e.target.classList.add('active');
+loadMailbox();
+}
+function readMail(id) {
+api('/__dev/api/mailbox/read?id=' + id).then(m => {
+const det = document.getElementById('mail-detail');
+det.classList.remove('hidden');
+det.innerHTML = `<h3 style="font-size:0.9rem">${m.subject}</h3>
+<p class="text-sm text-muted">From: ${m.from} | To: ${(m.to||[]).join(', ')} | ${m.date}</p>
+<div style="background:var(--bg);padding:0.75rem;border-radius:var(--radius);margin-top:0.5rem;font-size:0.8rem">${m.html ? m.body : '<pre>' + (m.body||'') + '</pre>'}</div>`;
+});
+}
+function seedMailbox() { api('/__dev/api/mailbox/seed', 'POST', {count:5}).then(() => loadMailbox()); }
+function clearMailbox() { api('/__dev/api/mailbox/clear', 'POST', {}).then(() => loadMailbox()); }
+function loadMessages() {
+api('/__dev/api/messages').then(d => {
+document.getElementById('messages-count').textContent = d.counts.total || 0;
+renderMessages(d.messages);
+});
+}
+function searchMessages() {
+const q = document.getElementById('msg-search').value.trim();
+if (!q) { loadMessages(); return; }
+api('/__dev/api/messages/search?q=' + encodeURIComponent(q)).then(d => renderMessages(d.messages));
+}
+function renderMessages(messages) {
+const list = document.getElementById('messages-list');
+const empty = document.getElementById('messages-empty');
+if (!messages.length) { list.innerHTML = ''; empty.classList.remove('hidden'); return; }
+empty.classList.add('hidden');
+list.innerHTML = messages.map(m => `
+<div class="msg-entry">
+<span class="time">${(m.timestamp||'').substring(11,19)}</span>
+<span class="cat">${m.category}</span>
+<span class="level-${m.level}">[${m.level}]</span>
+${esc(m.message)}
+${m.data ? '<code class="text-sm text-muted">' + JSON.stringify(m.data) + '</code>' : ''}
+</div>`).join('');
+}
+function clearMessages() { api('/__dev/api/messages/clear', 'POST', {}).then(() => loadMessages()); }
+function loadTables() {
+api('/__dev/api/tables').then(d => {
+const tables = d.tables || [];
+document.getElementById('db-count').textContent = tables.length;
+document.getElementById('table-list').innerHTML = tables.map(t =>
+`<div style="padding:0.2rem 0.4rem;cursor:pointer;border-radius:0.25rem" onclick="browseTable('${t}')" onmouseover="this.style.background='rgba(198,40,40,0.1)'" onmouseout="this.style.background=''">${t}</div>`
+).join('');
+const sel = document.getElementById('seed-table');
+sel.innerHTML = '<option value="">Pick table...</option>' + tables.map(t => `<option value="${t}">${t}</option>`).join('');
+});
+}
+function browseTable(name) { document.getElementById('query-input').value = 'SELECT * FROM ' + name + ' LIMIT 20'; runQuery(); }
+function seedTable() {
+const table = document.getElementById('seed-table').value;
+const count = parseInt(document.getElementById('seed-count').value) || 10;
+if (!table) return;
+api('/__dev/api/seed', 'POST', {table, count}).then(d => {
+if (d.error) { alert(d.error); return; }
+browseTable(table);
+});
+}
+function runQuery() {
+const query = document.getElementById('query-input').value.trim();
+const type = document.getElementById('query-type').value;
+const errorEl = document.getElementById('query-error');
+errorEl.classList.add('hidden');
+if (!query) return;
+api('/__dev/api/query', 'POST', {query, type}).then(d => {
+if (d.error) { errorEl.textContent = d.error; errorEl.classList.remove('hidden'); return; }
+const results = document.getElementById('query-results');
+if (d.rows && d.rows.length) {
+const cols = d.columns || Object.keys(d.rows[0]);
+results.innerHTML = `<div class="text-sm text-muted p-sm">${d.count||d.rows.length} rows</div>
+<table><thead><tr>${cols.map(c => '<th>'+c+'</th>').join('')}</tr></thead>
+<tbody>${d.rows.map(r => '<tr>' + cols.map(c => '<td class="text-mono text-sm">' + (r[c]===null?'<span class="text-muted">NULL</span>':esc(String(r[c]))) + '</td>').join('') + '</tr>').join('')}</tbody></table>`;
+} else if (d.data) {
+results.innerHTML = '<pre class="p-md text-mono text-sm">' + JSON.stringify(d.data, null, 2) + '</pre>';
+} else if (d.success) {
+results.innerHTML = '<div class="empty">Query executed. ' + (d.affected||0) + ' rows affected.</div>';
+} else {
+results.innerHTML = '<div class="empty">No results</div>';
+}
+}).catch(e => { errorEl.textContent = e.message; errorEl.classList.remove('hidden'); });
+}
+function loadRequests() {
+api('/__dev/api/requests').then(d => {
+const stats = d.stats || {};
+document.getElementById('req-count').textContent = stats.total || 0;
+document.getElementById('req-stats').innerHTML = `Total: ${stats.total||0} | Avg: ${stats.avg_ms||0}ms | Errors: ${stats.errors||0} | Slowest: ${stats.slowest_ms||0}ms`;
+const tbody = document.getElementById('req-body');
+const empty = document.getElementById('req-empty');
+if (!(d.requests||[]).length) { tbody.innerHTML = ''; empty.classList.remove('hidden'); return; }
+empty.classList.add('hidden');
+tbody.innerHTML = d.requests.map(r => {
+const sc = r.status >= 500 ? 'status-err' : r.status >= 400 ? 'status-warn' : 'status-ok';
+return `<tr>
+<td class="text-sm text-muted text-mono">${(r.timestamp||'').substring(11,19)}</td>
+<td><span class="method method-${r.method.toLowerCase()}">${r.method}</span></td>
+<td class="path">${r.path}</td>
+<td class="${sc}" style="font-weight:600">${r.status}</td>
+<td class="text-mono text-sm">${r.duration_ms}ms</td>
+<td class="text-sm text-muted">${r.body_size ? r.body_size + 'B' : ''}</td>
+</tr>`;
+}).join('');
+});
+}
+function clearRequests() { api('/__dev/api/requests/clear', 'POST', {}).then(() => loadRequests()); }
+function loadErrors() {
+api('/__dev/api/broken').then(d => {
+const health = d.health || {};
+document.getElementById('err-count').textContent = health.unresolved || 0;
+const list = document.getElementById('errors-list');
+const empty = document.getElementById('errors-empty');
+if (!(d.errors||[]).length) { list.innerHTML = ''; empty.classList.remove('hidden'); return; }
+empty.classList.add('hidden');
+list.innerHTML = d.errors.map(e => `
+<div style="padding:0.6rem 0.75rem;border-bottom:1px solid var(--border)">
+<div class="flex justify-between items-center">
+<span class="badge-pill ${e.resolved ? 'bg-success' : 'bg-danger'}">${e.resolved ? 'resolved' : 'unresolved'}</span>
+<span class="text-sm text-muted">x${e.count} | ${(e.last_seen||'').substring(0,19)}</span>
+</div>
+<div style="font-weight:600;font-size:0.8rem;margin-top:0.25rem">${esc(e.error_type)}: ${esc(e.message)}</div>
+${e.traceback ? '<pre class="text-sm text-muted" style="margin-top:0.25rem;max-height:100px;overflow:auto">' + esc(e.traceback) + '</pre>' : ''}
+${!e.resolved ? '<button class="btn btn-sm btn-success" style="margin-top:0.25rem" onclick="resolveError(\'' + e.id + '\')">Resolve</button>' : ''}
+<button class="btn btn-sm btn-primary" style="margin-top:0.25rem;margin-left:0.25rem" data-err="${btoa(e.error_type + ': ' + e.message)}" data-tb="${btoa((e.traceback||'').substring(0,500))}" onclick="askAboutError(this)">Ask Tina4</button>
+</div>`).join('');
+});
+}
+function resolveError(id) { api('/__dev/api/broken/resolve', 'POST', {id}).then(() => loadErrors()); }
+function clearResolvedErrors() { api('/__dev/api/broken/clear', 'POST', {}).then(() => loadErrors()); }
+function loadWebSockets() {
+api('/__dev/api/websockets').then(d => {
+document.getElementById('ws-count').textContent = d.count || 0;
+const tbody = document.getElementById('ws-body');
+const empty = document.getElementById('ws-empty');
+if (!(d.connections||[]).length) { tbody.innerHTML = ''; empty.classList.remove('hidden'); return; }
+empty.classList.add('hidden');
+tbody.innerHTML = d.connections.map(c => `
+<tr>
+<td class="text-mono text-sm">${c.id}</td>
+<td class="path">${c.path}</td>
+<td class="text-sm text-muted">${c.ip}</td>
+<td class="text-sm text-muted">${(c.connected_at||'').substring(11,19)}</td>
+<td><span class="badge-pill ${c.closed ? 'bg-danger' : 'bg-success'}">${c.closed ? 'closed' : 'active'}</span></td>
+<td>${!c.closed ? '<button class="btn btn-sm btn-danger" onclick="wsDisconnect(\'' + c.id + '\')">Disconnect</button>' : ''}</td>
+</tr>`).join('');
+});
+}
+function wsDisconnect(id) { api('/__dev/api/websockets/disconnect', 'POST', {id}).then(() => loadWebSockets()); }
+function loadSystem() {
+api('/__dev/api/system').then(d => {
+const rubyVersion = d.ruby_version || '';
+const phpVersion = d.php_version || '';
+const pythonVersion = (d.python_version || '').split(' ')[0] || '';
+const runtimeLabel = rubyVersion ? 'Ruby' : phpVersion ? 'PHP' : 'Python';
+const runtimeVersion = rubyVersion || phpVersion || pythonVersion || 'N/A';
+const platform = d.os || d.platform || '';
+const arch = d.architecture || '';
+const memCurrent = d.memory ? d.memory.current_mb + ' MB' : (d.memory_mb ? d.memory_mb + ' MB' : 'N/A');
+const memPeak = d.memory ? d.memory.peak_mb + ' MB' : 'N/A';
+const memLimit = d.memory ? d.memory.limit : 'N/A';
+const sapi = d.php_sapi || '';
+const hostname = d.server ? d.server.hostname : '';
+const fwName = d.framework ? (typeof d.framework === 'object' ? d.framework.name : d.framework) : '';
+const fwVersion = d.framework ? (typeof d.framework === 'object' ? d.framework.version : '') : '';
+const routeCount = d.framework ? (typeof d.framework === 'object' ? d.framework.route_count : '') : (d.route_count || '');
+const extensions = d.extensions || [];
+let html = `
+<div class="sys-card"><div class="label">${runtimeLabel}</div><div class="value text-sm">${runtimeVersion}</div></div>
+<div class="sys-card"><div class="label">Platform</div><div class="value text-sm">${platform}</div></div>
+<div class="sys-card"><div class="label">Architecture</div><div class="value text-sm">${arch}</div></div>
+<div class="sys-card"><div class="label">Memory (Current)</div><div class="value">${memCurrent}</div></div>
+<div class="sys-card"><div class="label">Memory (Peak)</div><div class="value">${memPeak}</div></div>
+<div class="sys-card"><div class="label">Memory Limit</div><div class="value text-sm">${memLimit}</div></div>`;
+if (sapi) html += `<div class="sys-card"><div class="label">SAPI</div><div class="value text-sm">${sapi}</div></div>`;
+if (hostname) html += `<div class="sys-card"><div class="label">Hostname</div><div class="value text-sm">${hostname}</div></div>`;
+if (fwName) html += `<div class="sys-card"><div class="label">Framework</div><div class="value text-sm">${fwName}</div></div>`;
+if (fwVersion) html += `<div class="sys-card"><div class="label">Version</div><div class="value text-sm">${fwVersion}</div></div>`;
+if (routeCount !== '') html += `<div class="sys-card"><div class="label">Routes</div><div class="value">${routeCount}</div></div>`;
+if (d.ini) {
+html += `<div class="sys-card"><div class="label">Max Exec Time</div><div class="value text-sm">${d.ini.max_execution_time}s</div></div>`;
+html += `<div class="sys-card"><div class="label">Upload Max</div><div class="value text-sm">${d.ini.upload_max_filesize}</div></div>`;
+html += `<div class="sys-card"><div class="label">Post Max</div><div class="value text-sm">${d.ini.post_max_size}</div></div>`;
+}
+if (d.ruby_engine) html += `<div class="sys-card"><div class="label">Engine</div><div class="value text-sm">${d.ruby_engine}</div></div>`;
+if (d.gc) {
+html += `<div class="sys-card"><div class="label">GC Runs</div><div class="value text-sm">${d.gc.count}</div></div>`;
+html += `<div class="sys-card"><div class="label">Heap Live Slots</div><div class="value text-sm">${d.gc.heap_live_slots}</div></div>`;
+}
+if (d.thread_count) html += `<div class="sys-card"><div class="label">Threads</div><div class="value text-sm">${d.thread_count}</div></div>`;
+if (d.pid) html += `<div class="sys-card"><div class="label">PID</div><div class="value text-sm">${d.pid}</div></div>`;
+if (d.debug_level) html += `<div class="sys-card"><div class="label">Debug Level</div><div class="value text-sm">${d.debug_level}</div></div>`;
+if (d.db_tables !== undefined) html += `<div class="sys-card"><div class="label">DB Tables</div><div class="value">${d.db_tables}</div></div>`;
+if (d.db_connected !== undefined) html += `<div class="sys-card"><div class="label">DB Connected</div><div class="value">${d.db_connected ? '<span style="color:var(--success)">Yes</span>' : '<span style="color:var(--danger)">No</span>'}</div></div>`;
+if (d.loaded_modules) html += `<div class="sys-card"><div class="label">Modules</div><div class="value">${d.loaded_modules}</div></div>`;
+document.getElementById('sys-cards').innerHTML = html;
+const extContainer = document.getElementById('sys-extensions');
+if (extContainer && extensions.length) {
+extContainer.classList.remove('hidden');
+extContainer.innerHTML = '<div class="dev-panel-header"><h2>Loaded Extensions (' + extensions.length + ')</h2></div><div style="display:flex;flex-wrap:wrap;gap:0.35rem;padding:0.75rem">' +
+extensions.sort().map(e => '<span style="background:rgba(198,40,40,0.15);color:#ef9a9a;padding:0.15rem 0.5rem;border-radius:0.75rem;font-size:0.7rem">' + e + '</span>').join('') + '</div>';
+}
+});
+}
+let _aiKey = '';
+let _aiProvider = 'anthropic';
+function setAiKey() {
+_aiKey = document.getElementById('ai-key').value.trim();
+_aiProvider = document.getElementById('ai-provider').value;
+document.getElementById('ai-key').value = '';
+document.getElementById('ai-status').textContent = _aiKey ? (_aiProvider === 'anthropic' ? 'Claude key set' : 'OpenAI key set') : 'No key set';
+document.getElementById('ai-status').style.color = _aiKey ? 'var(--success)' : 'var(--muted)';
+}
+function sendChat() {
+const input = document.getElementById('chat-input');
+const msg = input.value.trim();
+if (!msg) return;
+input.value = '';
+const container = document.getElementById('chat-messages');
+container.innerHTML += `<div class="chat-msg chat-user">${esc(msg)}</div>`;
+container.innerHTML += `<div class="chat-msg chat-bot" id="chat-loading" style="color:var(--muted)">Thinking...</div>`;
+container.scrollTop = container.scrollHeight;
+const body = {message: msg, provider: _aiProvider};
+if (_aiKey) body.api_key = _aiKey;
+api('/__dev/api/chat', 'POST', body).then(d => {
+const loading = document.getElementById('chat-loading');
+if (loading) loading.remove();
+container.innerHTML += `<div class="chat-msg chat-bot">${formatChat(d.reply||'No response')}</div>`;
+container.scrollTop = container.scrollHeight;
+}).catch(() => {
+const loading = document.getElementById('chat-loading');
+if (loading) { loading.textContent = 'Error connecting to API'; loading.id = ''; }
+});
+}
+function formatChat(text) {
+return text.replace(/`([^`]+)`/g, '<code style="background:var(--surface);padding:0.1rem 0.25rem;border-radius:0.2rem;font-size:0.8em">$1</code>')
+.replace(/\n/g, '<br>');
+}
+function askAboutError(btn) {
+const error = atob(btn.dataset.err);
+const trace = atob(btn.dataset.tb);
+currentTab = 'chat';
+document.querySelectorAll('.dev-tab').forEach(t => t.classList.remove('active'));
+document.querySelectorAll('.dev-panel').forEach(p => p.classList.add('hidden'));
+document.querySelectorAll('.dev-tab').forEach(t => { if(t.textContent.includes('Tina4')) t.classList.add('active'); });
+document.getElementById('panel-chat').classList.remove('hidden');
+const msg = 'I have this error in my Tina4 app, help me fix it:\n\n' + error + '\n\nStack trace:\n' + trace;
+document.getElementById('chat-input').value = msg;
+sendChat();
+}
+function runTool(tool) {
+const titles = {carbon:'Carbon Benchmark',test:'Test Suite',routes:'Routes',migrate:'Migrations',seed:'Seeders',ai:'AI Detection'};
+document.getElementById('tool-title').textContent = titles[tool] || tool;
+document.getElementById('tool-result').textContent = 'Running...';
+document.getElementById('tool-output').classList.remove('hidden');
+api('/__dev/api/tool', 'POST', {tool}).then(d => {
+document.getElementById('tool-result').textContent = d.output || d.error || JSON.stringify(d, null, 2);
+}).catch(e => {
+document.getElementById('tool-result').textContent = 'Error: ' + e.message;
+});
+}
+function exitDevAdmin() {
+if (document.referrer && !document.referrer.includes('/__dev')) {
+window.location.href = document.referrer;
+} else if (window.history.length > 1) {
+window.history.back();
+} else {
+window.location.href = '/';
+}
+}
+function esc(s) { const d = document.createElement('div'); d.textContent = s; return d.innerHTML; }
+document.addEventListener('keydown', e => {
+if ((e.ctrlKey || e.metaKey) && e.key === 'Enter' && currentTab === 'database') { e.preventDefault(); runQuery(); }
+});
+function updateTimestamp() { document.getElementById('timestamp').textContent = new Date().toLocaleTimeString(); }
+setInterval(updateTimestamp, 1000);
+updateTimestamp();
+loadRoutes();
+api('/__dev/api/status').then(d => {
+if (d.mailbox) document.getElementById('mailbox-count').textContent = d.mailbox.total || 0;
+if (d.messages) document.getElementById('messages-count').textContent = d.messages.total || 0;
+if (d.health) document.getElementById('err-count').textContent = d.health.unresolved || 0;
+if (d.requests) document.getElementById('req-count').textContent = d.requests.total || 0;
+if (d.message_counts) document.getElementById('messages-count').textContent = d.message_counts.total || 0;
+if (d.request_stats) document.getElementById('req-count').textContent = d.request_stats.total || 0;
+});

data/lib/tina4/public/js/tina4.min.js

@@ -0,0 +1,93 @@
+(function () {
+"use strict";
+function getModalEl(selector) {
+if (!selector) return null;
+return document.querySelector(selector);
+}
+function openModal(modal) {
+if (!modal) return;
+var backdrop = modal._t4Backdrop;
+if (!backdrop) {
+backdrop = document.createElement("div");
+backdrop.className = "modal-backdrop";
+document.body.appendChild(backdrop);
+modal._t4Backdrop = backdrop;
+backdrop.addEventListener("click", function () {
+closeModal(modal);
+});
+}
+modal.style.display = "block";
+backdrop.style.display = "block";
+void modal.offsetHeight;
+modal.classList.add("show");
+backdrop.classList.add("show");
+document.body.style.overflow = "hidden";
+var focusable = modal.querySelector("input, select, textarea, button, [tabindex]");
+if (focusable) focusable.focus();
+}
+function closeModal(modal) {
+if (!modal) return;
+modal.classList.remove("show");
+var backdrop = modal._t4Backdrop;
+if (backdrop) backdrop.classList.remove("show");
+setTimeout(function () {
+modal.style.display = "none";
+if (backdrop) backdrop.style.display = "none";
+document.body.style.overflow = "";
+}, 150);
+}
+document.addEventListener("click", function (e) {
+var trigger = e.target.closest("[data-t4-toggle='modal'], [data-bs-toggle='modal']");
+if (trigger) {
+e.preventDefault();
+var target = trigger.getAttribute("data-t4-target") || trigger.getAttribute("data-bs-target") || trigger.getAttribute("href");
+var modal = getModalEl(target);
+if (modal) openModal(modal);
+return;
+}
+var dismiss = e.target.closest("[data-t4-dismiss='modal'], [data-bs-dismiss='modal'], .btn-close");
+if (dismiss) {
+var modal = dismiss.closest(".modal");
+if (modal) closeModal(modal);
+return;
+}
+});
+document.addEventListener("keydown", function (e) {
+if (e.key === "Escape") {
+var modals = document.querySelectorAll(".modal.show");
+if (modals.length > 0) closeModal(modals[modals.length - 1]);
+}
+});
+document.addEventListener("click", function (e) {
+var dismiss = e.target.closest("[data-t4-dismiss='alert'], [data-bs-dismiss='alert']");
+if (dismiss) {
+var alert = dismiss.closest(".alert");
+if (alert) {
+alert.style.opacity = "0";
+setTimeout(function () { alert.remove(); }, 150);
+}
+}
+});
+document.addEventListener("click", function (e) {
+var toggler = e.target.closest("[data-t4-toggle='collapse'], [data-bs-toggle='collapse']");
+if (toggler) {
+e.preventDefault();
+var target = toggler.getAttribute("data-t4-target") || toggler.getAttribute("data-bs-target") || toggler.getAttribute("href");
+var el = document.querySelector(target);
+if (el) {
+el.classList.toggle("show");
+}
+}
+});
+window.tina4 = window.tina4 || {};
+window.tina4.modal = {
+open: function (selector) {
+var modal = typeof selector === "string" ? document.querySelector(selector) : selector;
+openModal(modal);
+},
+close: function (selector) {
+var modal = typeof selector === "string" ? document.querySelector(selector) : selector;
+closeModal(modal);
+}
+};
+})();

data/lib/tina4/public/swagger/index.html

@@ -0,0 +1,90 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Swagger UI</title>
+    <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700|Source+Code+Pro:300,600|Titillium+Web:400,600,700"
+          rel="stylesheet">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/swagger-ui/5.17.14/swagger-ui.min.css" integrity="sha512-+9UD8YSD9GF7FzOH38L9S6y56aYNx3R4dYbOCgvTJ2ZHpJScsahNdaMQJU/8osUiz9FPu0YZ8wdKf4evUbsGSg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <style>
+        html {
+            box-sizing: border-box;
+            overflow: -moz-scrollbars-vertical;
+            overflow-y: scroll;
+        }
+        *,
+        *:before,
+        *:after {
+            box-sizing: inherit;
+        }
+
+        body {
+            margin: 0;
+            background: #fafafa;
+        }
+    </style>
+</head>
+
+<body>
+
+<svg style="position:absolute;width:0;height:0"
+     xmlns="http://www.w3.org/2000/svg">
+    <defs>
+        <symbol id="unlocked" viewBox="0 0 20 20">
+            <path d="M15.8 8H14V5.6C14 2.703 12.665 1 10 1 7.334 1 6 2.703 6 5.6V6h2v-.801C8 3.754 8.797 3 10 3c1.203 0 2 .754 2 2.199V8H4c-.553 0-1 .646-1 1.199V17c0 .549.428 1.139.951 1.307l1.197.387C5.672 18.861 6.55 19 7.1 19h5.8c.549 0 1.428-.139 1.951-.307l1.196-.387c.524-.167.953-.757.953-1.306V9.199C17 8.646 16.352 8 15.8 8z"></path>
+        </symbol>
+
+        <symbol id="locked" viewBox="0 0 20 20">
+            <path d="M15.8 8H14V5.6C14 2.703 12.665 1 10 1 7.334 1 6 2.703 6 5.6V8H4c-.553 0-1 .646-1 1.199V17c0 .549.428 1.139.951 1.307l1.197.387C5.672 18.861 6.55 19 7.1 19h5.8c.549 0 1.428-.139 1.951-.307l1.196-.387c.524-.167.953-.757.953-1.306V9.199C17 8.646 16.352 8 15.8 8zM12 8H8V5.199C8 3.754 8.797 3 10 3c1.203 0 2 .754 2 2.199V8z"/>
+        </symbol>
+
+        <symbol id="close" viewBox="0 0 20 20">
+            <path d="M14.348 14.849c-.469.469-1.229.469-1.697 0L10 11.819l-2.651 3.029c-.469.469-1.229.469-1.697 0-.469-.469-.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-.469-.469-.469-1.228 0-1.697.469-.469 1.228-.469 1.697 0L10 8.183l2.651-3.031c.469-.469 1.228-.469 1.697 0 .469.469.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c.469.469.469 1.229 0 1.698z"/>
+        </symbol>
+
+        <symbol id="large-arrow" viewBox="0 0 20 20">
+            <path d="M13.25 10L6.109 2.58c-.268-.27-.268-.707 0-.979.268-.27.701-.27.969 0l7.83 7.908c.268.271.268.709 0 .979l-7.83 7.908c-.268.271-.701.27-.969 0-.268-.269-.268-.707 0-.979L13.25 10z"/>
+        </symbol>
+
+        <symbol id="large-arrow-down" viewBox="0 0 20 20">
+            <path d="M17.418 6.109c.272-.268.709-.268.979 0s.271.701 0 .969l-7.908 7.83c-.27.268-.707.268-.979 0l-7.908-7.83c-.27-.268-.27-.701 0-.969.271-.268.709-.268.979 0L10 13.25l7.418-7.141z"/>
+        </symbol>
+
+
+        <symbol id="jump-to" viewBox="0 0 24 24">
+            <path d="M19 7v4H5.83l3.58-3.59L8 6l-6 6 6 6 1.41-1.41L5.83 13H21V7z"/>
+        </symbol>
+
+        <symbol id="expand" viewBox="0 0 24 24">
+            <path d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"/>
+        </symbol>
+
+    </defs>
+</svg>
+
+<div id="swagger-ui"></div>
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/swagger-ui/5.17.14/swagger-ui-bundle.js" integrity="sha512-mVvFSCxt0sK0FeL8C7n8BcHh10quzdwfxQbjRaw9pRdKNNep3YQusJS5e2/q4GYt4Ma5yWXSJraoQzXPgZd2EQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/swagger-ui/5.17.14/swagger-ui-standalone-preset.min.js" integrity="sha512-UrYi+60Ci3WWWcoDXbMmzpoi1xpERbwjPGij6wTh8fXl81qNdioNNHExr9ttnBebKF0ZbVnPlTPlw+zECUK1Xw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+<script>
+    window.onload = function () {
+
+        // Build a system
+        const ui = SwaggerUIBundle({
+            url: "{SWAGGER_ROUTE}/swagger.json",
+            dom_id: '#swagger-ui',
+            deepLinking: true,
+            presets: [
+                SwaggerUIBundle.presets.apis
+            ],
+            plugins: [
+                SwaggerUIBundle.plugins.DownloadUrl
+            ]
+        })
+
+        window.ui = ui
+    }
+</script>
+</body>
+
+</html>

data/lib/tina4/public/swagger/oauth2-redirect.html

@@ -0,0 +1,63 @@
+<!doctype html>
+<html lang="en-US">
+<body onload="run()">
+</body>
+</html>
+<script>
+    'use strict';
+
+    function run() {
+        var oauth2 = window.opener.swaggerUIRedirectOauth2;
+        var sentState = oauth2.state;
+        var redirectUrl = oauth2.redirectUrl;
+        var isValid, qp, arr;
+
+        if (/code|token|error/.test(window.location.hash)) {
+            qp = window.location.hash.substring(1);
+        } else {
+            qp = location.search.substring(1);
+        }
+
+        arr = qp.split("&")
+        arr.forEach(function (v, i, _arr) {
+            _arr[i] = '"' + v.replace('=', '":"') + '"';
+        })
+        qp = qp ? JSON.parse('{' + arr.join() + '}',
+            function (key, value) {
+                return key === "" ? value : decodeURIComponent(value)
+            }
+        ) : {}
+
+        isValid = qp.state === sentState
+
+        if ((
+            oauth2.auth.schema.get("flow") === "accessCode" ||
+            oauth2.auth.schema.get("flow") === "authorizationCode"
+        ) && !oauth2.auth.code) {
+            if (!isValid) {
+                oauth2.errCb({
+                    authId: oauth2.auth.name,
+                    source: "auth",
+                    level: "warning",
+                    message: "Authorization may be unsafe, passed state was changed in server Passed state wasn't returned from auth server"
+                });
+            }
+
+            if (qp.code) {
+                delete oauth2.state;
+                oauth2.auth.code = qp.code;
+                oauth2.callback({auth: oauth2.auth, redirectUrl: redirectUrl});
+            } else {
+                oauth2.errCb({
+                    authId: oauth2.auth.name,
+                    source: "auth",
+                    level: "error",
+                    message: "Authorization failed: no accessCode received from the server"
+                });
+            }
+        } else {
+            oauth2.callback({auth: oauth2.auth, token: qp, isValid: isValid, redirectUrl: redirectUrl});
+        }
+        window.close();
+    }
+</script>