77 lines
2.8 KiB
JavaScript
77 lines
2.8 KiB
JavaScript
// settings.js
|
|
|
|
// DOM refs
|
|
const memosUrlInput = document.getElementById("memos-url");
|
|
const apiTokenInput = document.getElementById("api-token");
|
|
const visibilitySelect = document.getElementById("visibility");
|
|
const clipModeSelect = document.getElementById("clip-mode");
|
|
const includeImagesCheck = document.getElementById("include-images");
|
|
const includeTagsCheck = document.getElementById("include-tags");
|
|
const saveBtn = document.getElementById("save-btn");
|
|
const saveDefaultsBtn = document.getElementById("save-defaults-btn");
|
|
const testBtn = document.getElementById("test-btn");
|
|
const statusEl = document.getElementById("status");
|
|
const defaultsStatusEl = document.getElementById("defaults-status");
|
|
|
|
async function load() {
|
|
const s = await chrome.storage.sync.get([
|
|
"memosUrl", "apiToken", "visibility", "clipMode", "includeImages", "includeTags"
|
|
]);
|
|
if (s.memosUrl) memosUrlInput.value = s.memosUrl;
|
|
if (s.apiToken) apiTokenInput.value = s.apiToken;
|
|
if (s.visibility) visibilitySelect.value = s.visibility;
|
|
if (s.clipMode) clipModeSelect.value = s.clipMode;
|
|
if (s.includeImages !== undefined) includeImagesCheck.checked = s.includeImages;
|
|
if (s.includeTags !== undefined) includeTagsCheck.checked = s.includeTags;
|
|
}
|
|
|
|
function showStatus(el, ok, msg) {
|
|
el.textContent = msg;
|
|
el.className = `status ${ok ? "ok" : "err"}`;
|
|
el.classList.remove("hidden");
|
|
}
|
|
|
|
saveBtn.addEventListener("click", async () => {
|
|
const url = memosUrlInput.value.trim().replace(/\/$/, "");
|
|
const token = apiTokenInput.value.trim();
|
|
if (!url || !token) {
|
|
showStatus(statusEl, false, "URL and token are required.");
|
|
return;
|
|
}
|
|
await chrome.storage.sync.set({ memosUrl: url, apiToken: token });
|
|
showStatus(statusEl, true, "✓ Saved.");
|
|
});
|
|
|
|
saveDefaultsBtn.addEventListener("click", async () => {
|
|
await chrome.storage.sync.set({
|
|
visibility: visibilitySelect.value,
|
|
clipMode: clipModeSelect.value,
|
|
includeImages: includeImagesCheck.checked,
|
|
includeTags: includeTagsCheck.checked,
|
|
});
|
|
showStatus(defaultsStatusEl, true, "✓ Defaults saved.");
|
|
});
|
|
|
|
testBtn.addEventListener("click", async () => {
|
|
const url = memosUrlInput.value.trim().replace(/\/$/, "");
|
|
const token = apiTokenInput.value.trim();
|
|
testBtn.textContent = "Testing…";
|
|
try {
|
|
const res = await fetch(`${url}/api/v1/memos?pageSize=1`, {
|
|
headers: { Authorization: `Bearer ${token}` }
|
|
});
|
|
if (res.ok) {
|
|
showStatus(statusEl, true, `✓ Connected! (HTTP ${res.status})`);
|
|
} else {
|
|
const txt = await res.text();
|
|
showStatus(statusEl, false, `✗ HTTP ${res.status}: ${txt.slice(0, 120)}`);
|
|
}
|
|
} catch (e) {
|
|
showStatus(statusEl, false, `✗ ${e.message}`);
|
|
} finally {
|
|
testBtn.textContent = "Test Connection";
|
|
}
|
|
});
|
|
|
|
load();
|