-
-
-
New pad
-
Info
-
+
+
+
+
+
+
β
@@ -246,7 +247,7 @@ const rand = () => Math.random().toString(36).slice(2, 6); // 4 chars
// Theme
function applyTheme(dark) {
document.documentElement.setAttribute('data-theme', dark ? 'dark' : 'light');
- $('#theme-btn').textContent = dark ? 'Light' : 'Dark';
+ $('#theme-btn').textContent = dark ? 'β' : 'βΎ';
}
function toggleTheme() {
const isDark = document.documentElement.getAttribute('data-theme') === 'dark';
@@ -273,6 +274,7 @@ $("#padname").textContent = "/"+docId+"/";
let ws, ver = 0, clientId = Math.random().toString(36).slice(2), debounce;
let isProtected = false, isAuthed = false;
+const urlPw = new URLSearchParams(location.search).get("pw") || "";
// --- Line numbers ---
const ta = $("#t");
@@ -328,11 +330,11 @@ function removePassword() {
function updateLockBtn() {
const btn = $("#lock-btn");
if (isProtected) {
- btn.textContent = "Locked";
+ btn.textContent = "ποΈ";
btn.classList.add("locked");
btn.title = "Password protected β click to manage";
} else {
- btn.textContent = "Lock";
+ btn.textContent = "ποΈ";
btn.classList.remove("locked");
btn.title = "No password β click to set one";
}
@@ -381,7 +383,11 @@ function connect(){
updateLockBtn();
if (msg.peers !== undefined) { const el = $("#peers"); el.textContent = msg.peers; el.style.display = "inline"; }
if (isProtected && !isAuthed) {
- showOverlay();
+ if (urlPw) {
+ ws.send(JSON.stringify({type: "auth", password: urlPw}));
+ } else {
+ showOverlay();
+ }
} else {
isAuthed = true;
hideOverlay();
@@ -393,15 +399,17 @@ function connect(){
// Real init with content follows immediately from server
} else if (msg.type === "error") {
if (!isAuthed) {
+ showOverlay();
const errEl = $("#auth-error");
errEl.textContent = msg.message;
errEl.style.display = "block";
}
} else if (msg.type === "update" && msg.ver > ver && msg.clientId !== clientId) {
const {selectionStart:s, selectionEnd:e} = ta;
+ const oldText = ta.value;
ta.value = msg.text; ver = msg.ver; updateGutter();
- ta.selectionStart = Math.min(s, ta.value.length);
- ta.selectionEnd = Math.min(e, ta.value.length);
+ ta.selectionStart = adjustCursor(oldText, msg.text, s);
+ ta.selectionEnd = adjustCursor(oldText, msg.text, e);
} else if (msg.type === "peers_changed") {
const el = $("#peers");
el.textContent = msg.count;
@@ -426,7 +434,7 @@ async function copyToClipboard() {
await navigator.clipboard.writeText(ta.value);
const btn = $("#copy");
const original = btn.textContent;
- btn.textContent = "Copied!";
+ btn.textContent = "β";
setTimeout(() => { btn.textContent = original; }, 1500);
} catch (err) {
// Fallback for older browsers
@@ -434,11 +442,30 @@ async function copyToClipboard() {
document.execCommand('copy');
const btn = $("#copy");
const original = btn.textContent;
- btn.textContent = "Copied!";
+ btn.textContent = "β";
setTimeout(() => { btn.textContent = original; }, 1500);
}
}
+// Adjust cursor position after a remote text update.
+// Finds the single changed region (common prefix + suffix),
+// then shifts the cursor accordingly:
+// - change is after cursor β no movement
+// - change is before cursor β shift by length delta
+// - cursor was inside the changed region β place at end of new content
+function adjustCursor(oldText, newText, pos) {
+ let start = 0;
+ const minLen = Math.min(oldText.length, newText.length);
+ while (start < minLen && oldText[start] === newText[start]) start++;
+ if (pos <= start) return pos; // change is entirely after cursor
+ let oldEnd = oldText.length, newEnd = newText.length;
+ while (oldEnd > start && newEnd > start && oldText[oldEnd - 1] === newText[newEnd - 1]) {
+ oldEnd--; newEnd--;
+ }
+ if (pos >= oldEnd) return pos + (newEnd - oldEnd); // change is before cursor
+ return newEnd; // cursor was inside changed region
+}
+
connect();
// Handle Tab key to insert 4 spaces instead of navigation