DemonGatanjieuandClaude Opus 5.5
df2c5dd6c3
Cloud users had to find the plugin folder and make allow_remote_changes themselves. GET /anomalous/access now also answers another device with "command": the line that makes the file (touch, or echo off > on Windows, which works in cmd and PowerShell), or removes it when it is there, with this server's real path, quoted. The chip's dialog shows it with a Copy button; when the browser refuses the clipboard the line is selected for Ctrl+C. The line only runs where someone pastes it, on the server. anomalousAlert takes options.copy; copyText moved from ui_share.js to ui_dialog.js so both use it. Checked behind the stand-in gateway: without the file the dialog offers the line that makes it, with the file the line that removes it; both Windows lines tried in cmd and PowerShell. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
41 lines
2.0 KiB
JavaScript
41 lines
2.0 KiB
JavaScript
/**
|
|
* Opened from another device (ComfyUI started with --listen, or on a rented cloud server): a chip
|
|
* in the header says so. Usually "view only" (the server refuses changes from other devices,
|
|
* api/local_guard.py), and pressed it says how cloud users can still change things: an SSH tunnel,
|
|
* or the allow_remote_changes file on the server, with the line to paste into the server's
|
|
* terminal that makes it. With that file there, "remote changes on", marked, and pressed it says
|
|
* that anyone who can open the page may change things, and gives the line that removes it.
|
|
* Nothing shows on the computer ComfyUI runs on.
|
|
*/
|
|
|
|
import { translate as t } from './locales.js';
|
|
import { anomalousAlert } from './ui_dialog.js';
|
|
|
|
/** Asks the server once whether this page is on its computer; when not, marks the window and adds the chip to `group`. */
|
|
export async function markRemoteView(container, group) {
|
|
let data = null;
|
|
try {
|
|
const response = await fetch('/anomalous/access', { cache: 'no-store' });
|
|
data = response.ok ? await response.json() : null;
|
|
} catch {
|
|
return; // an older server without the route: nothing to say
|
|
}
|
|
if (!data || data.local !== false) return;
|
|
const open = data.changes === true;
|
|
if (!open) container.classList.add('anomalous-remote-view');
|
|
// A span with a button's role and keys: the header's button rules (!important) would restyle a <button>.
|
|
const chip = document.createElement('span');
|
|
chip.setAttribute('role', 'button');
|
|
chip.tabIndex = 0;
|
|
chip.className = `anomalous-remote-chip${open ? ' is-open' : ''}`;
|
|
chip.textContent = t(open ? 'remoteChangesChip' : 'remoteViewChip');
|
|
chip.title = t('remoteChipTip');
|
|
chip.onclick = () => anomalousAlert(t(open ? 'remoteChangesHint' : 'remoteViewHint'), chip.textContent, { copy: data.command });
|
|
chip.onkeydown = (event) => {
|
|
if (event.key !== 'Enter' && event.key !== ' ') return;
|
|
event.preventDefault();
|
|
chip.click();
|
|
};
|
|
group.append(chip);
|
|
}
|