Add server-source selector (same-origin default) and drop SIMTRACE_EMBEDDED

- Settings: 'Server' selector — 'Same origin' (default) vs 'Custom URL'
  (URL input revealed only in custom mode, placeholder 127.0.0.1:8081)
- serverUrl defaults to '' (same-origin); persisted per choice
- remove SIMTRACE_EMBEDDED frontend check and the server's _EMBEDDED_MARKER
  index.html injection (no longer needed)
- i18n: Server / Same origin / Custom URL (EN/RU)
This commit is contained in:
catarrh committed 2026-08-15 00:24:58 +03:00
1 parent 24d0decd51
commit 9362bef869
2 files changed
+38 -10

No files matched your search

+38 -5
View File
@@ -164,6 +164,7 @@ body { font: 14px/1.5 system-ui, sans-serif; background: var(--bg); color: var(-
.settings-view input::placeholder { color: var(--text-muted); }
.settings-url-row { display: flex; gap: 8px; margin-bottom: 16px; }
.settings-url-row input { flex: 1; margin-bottom: 0; }
.settings-url-row select { flex: 0 0 auto; padding: 8px 12px; background: var(--bg-input); border: 1px solid var(--border); color: var(--text); border-radius: 4px; }
.settings-url-row button { padding: 8px 16px; background: var(--accent); color: #fff; border: none; border-radius: 4px; cursor: pointer; font-weight: 600; white-space: nowrap; }
.settings-url-row button:hover { background: var(--accent-hover); }
.settings-url-row button.disconnected { background: var(--bg-input); }
@@ -266,9 +267,13 @@ body { font: 14px/1.5 system-ui, sans-serif; background: var(--bg); color: var(-
<!-- Settings Panel -->
<div class="panel" id="panel-settings">
<div class="settings-view">
<label for="server-url" data-l10n="Server URL">Server URL</label>
<label data-l10n="Server">Server</label>
<div class="settings-url-row">
<input type="text" id="server-url" value="http://127.0.0.1:8081" placeholder="http://127.0.0.1:8081">
<select id="server-source">
<option value="same" data-l10n="Same origin">Same origin</option>
<option value="custom" data-l10n="Custom URL">Custom URL</option>
</select>
<input type="text" id="server-url" placeholder="http://127.0.0.1:8081" style="display:none;">
<button id="connect-btn" data-l10n="Connect">Connect</button>
</div>
<div class="conn-status disconnected" id="conn-status">
@@ -305,7 +310,7 @@ if ('serviceWorker' in navigator) {
// ──────────────────── State ────────────────────
const STATE = {
serverUrl: window.SIMTRACE_EMBEDDED ? '' : (localStorage.getItem('serverUrl') || 'http://127.0.0.1:8081'),
serverUrl: localStorage.getItem('serverUrl') || '',
activeTab: 'trace',
captureActive: false,
currentSessionId: null,
@@ -1060,6 +1065,15 @@ function isLikelyBlocked() {
return pagePublic && (s === 'loopback' || s === 'private');
}
function syncServerSourceUi() {
const source = el('server-source');
const urlInput = el('server-url');
const custom = STATE.serverUrl !== '';
source.value = custom ? 'custom' : 'same';
urlInput.style.display = custom ? '' : 'none';
if (custom) urlInput.value = STATE.serverUrl;
}
function updateVersionWarn(serverVersion) {
const elv = el('version-warn');
const sv = parseVersion(serverVersion);
@@ -1257,7 +1271,9 @@ const LANG_RU = {
'Start a capture from the Trace tab to create sessions.': 'Начните захват на вкладке «Трассировка», чтобы создать сессии.',
'Import PCAP': 'Импорт PCAP',
'New capture': 'Новый захват',
'Server URL': 'URL сервера',
'Server': 'Сервер',
'Same origin': 'Тот же источник',
'Custom URL': 'Свой URL',
'Connect': 'Подключить',
'Disconnect': 'Отключить',
'Disconnected — click Connect to resume': 'Отключено — нажмите «Подключить», чтобы возобновить',
@@ -1403,7 +1419,7 @@ function init() {
translatePage();
el('pwa-version').textContent = 'v' + PWA_VERSION;
el('server-url').value = STATE.serverUrl;
syncServerSourceUi();
document.querySelectorAll('.header-tab').forEach(tab => {
tab.addEventListener('click', () => switchTab(tab.dataset.tab));
@@ -1448,6 +1464,23 @@ function init() {
$on('search-input', 'input', onSearchChange);
$on('filter-select', 'change', onFilterChange);
$on('server-source', 'change', () => {
if (el('server-source').value === 'same') {
STATE.serverUrl = '';
localStorage.setItem('serverUrl', '');
syncServerSourceUi();
checkConnection();
} else {
if (!el('server-url').value.trim()) {
el('server-url').value = 'http://127.0.0.1:8081';
}
STATE.serverUrl = el('server-url').value.trim();
localStorage.setItem('serverUrl', STATE.serverUrl);
syncServerSourceUi();
checkConnection();
}
});
$on('server-url', 'change', () => {
STATE.serverUrl = el('server-url').value.trim();
localStorage.setItem('serverUrl', STATE.serverUrl);
-5
View File
@@ -30,7 +30,6 @@ _STATIC_MIME = {
'.map': 'application/json',
'.wasm': 'application/wasm',
}
_EMBEDDED_MARKER = "<script>window.SIMTRACE_EMBEDDED='1'</script>"
def _content_disposition(filename):
@@ -106,10 +105,6 @@ class RequestHandler(BaseHTTPRequestHandler):
return
with open(fs_path, 'rb') as f:
data = f.read()
if rel == 'index.html':
# Tell the frontend it is served by this server (same origin), so
# it can default to a relative API base instead of 127.0.0.1:8081.
data = data.replace(b'</head>', _EMBEDDED_MARKER.encode() + b'</head>', 1)
content_type = _STATIC_MIME.get(os.path.splitext(rel)[1].lower(), 'application/octet-stream')
self.send_response(200)
self.send_header('Content-Type', content_type)