// jQuery layout: nav counts, auth, and admin wiring
// Helper: read Admin API key from localStorage
window.getAdminApiKey = function() { return localStorage.getItem('adminApiKey'); };
// Update the "Public: N" badges in the nav
function updateNavCounts() {
var adminKey = window.getAdminApiKey();
if (adminKey) {
$.ajax({
url: '/api/notes/all',
headers: { 'X-API-Key': adminKey },
success: function(data) {
var pub = Array.isArray(data) ? data.filter(function(n) { return n.isPublic === 'true'; }).length : 0;
var priv = Array.isArray(data) ? data.length - pub : 0;
$('#nav-public-standalone').text('Public: ' + pub);
$('#nav-note-counts').html(
'<span class="text-xs px-2 py-0.5 rounded bg-green-100 text-green-800 font-medium">Public: ' + pub + '</span>' +
'<span class="text-xs px-2 py-0.5 rounded bg-purple-100 text-purple-800 font-medium">Private: ' + priv + '</span>'
);
}
});
return;
}
$.get('/api/public-notes', function(pub) {
var pubCount = Array.isArray(pub) ? pub.length : 0;
$('#nav-public-standalone').text('Public: ' + pubCount);
});
}
// Admin nav: swap between Login and Logout buttons
function updateAdminNav() {
var $area = $('#admin-nav-area');
var $label = $('#nav-notes-label');
if (window.getAdminApiKey()) {
if ($label.length) $label.text('All Notes');
$area.html('<button type="button" id="admin-logout-btn" class="text-sm bg-red-600 hover:bg-red-700 text-white px-3 py-1.5 rounded font-medium">Admin Logout</button>');
$('#admin-logout-btn').on('click', function() {
localStorage.removeItem('adminApiKey');
$('#admin-section').addClass('hidden');
updateAdminNav();
updateNavCounts();
});
} else {
if ($label.length) $label.text('My Notes');
$area.html('<button type="button" id="admin-login-btn" class="text-sm bg-blue-600 hover:bg-blue-700 text-white px-3 py-1.5 rounded font-medium">Admin Login</button>');
$('#admin-login-btn').on('click', showAdminLoginModal);
}
}
// Clerk auth: toggle body classes and load private notes
window.addEventListener('load', async function() {
try {
await window.Clerk.load();
async function updateAuthState() {
document.body.classList.remove('clerk-loading');
if (window.Clerk.user) {
document.body.classList.remove('clerk-signed-out');
document.body.classList.add('clerk-signed-in');
var user = window.Clerk.user;
var nameEl = document.getElementById('user-name');
if (nameEl) nameEl.textContent =
user.firstName ||
(user.emailAddresses && user.emailAddresses[0] && user.emailAddresses[0].emailAddress) ||
'User';
var token = await window.Clerk.session.getToken();
window.__jqClerkToken = token || null;
loadPrivateNotes();
updateNavCounts();
} else {
window.__jqClerkToken = null;
document.body.classList.remove('clerk-signed-in');
document.body.classList.add('clerk-signed-out');
updateNavCounts();
}
}
await updateAuthState();
document.getElementById('sign-in-btn').addEventListener('click', function() {
window.Clerk.openSignIn({ afterSignInUrl: window.location.href, afterSignUpUrl: window.location.href });
});
document.getElementById('sign-out-btn').addEventListener('click', async function() {
await window.Clerk.signOut();
window.location.reload();
});
window.Clerk.addListener(function() { updateAuthState(); });
} catch (e) {
console.error('Clerk init error:', e);
document.body.classList.remove('clerk-loading');
document.body.classList.add('clerk-signed-out');
}
});// e2e-tests/tests/notes.spec.ts, global-search.spec.ts
test.beforeEach(async ({ page }) => {
await setupClerkTestingToken({ page });
});
test('page ready', async ({ page }) => {
await page.goto(appPath, { waitUntil: 'domcontentloaded' });
const pageReady = page.getByTestId('section-public-notes')
.or(page.getByRole('heading', { name: /public notes/i }))
.or(page.getByRole('button', { name: /sign in|create public note/i }));
await expect(pageReady).toBeVisible({ timeout: 25_000 });
});Visible to everyone
// Load all public notes on page init
$.get('/api/public-notes', function(notes) {
if (!notes.length) {
$('#public-notes-grid').html('<p>No notes yet.</p>');
return;
}
$('#public-notes-grid').html(notes.map(buildNoteCard).join(''));
});
// POST new public note (no auth required)
$('#create-public-note-form').on('submit', function(e) {
e.preventDefault();
$.ajax({
url: '/api/public-notes',
method: 'POST',
contentType: 'application/json',
data: JSON.stringify({ title: title, content: content }),
success: function(note) {
$('#public-notes-grid').prepend(buildNoteCard(note));
}
});
});
// Edit public note — PUT with updated fields
$.ajax({
url: '/api/public-notes/' + id,
method: 'PUT',
contentType: 'application/json',
data: JSON.stringify({ title, content, isPublic: true }),
success: function(note) {
$('#note-' + id).replaceWith(buildNoteCard(note));
}
});
// Delete public note
$(document).on('click', '.delete-note-btn', function() {
$.ajax({
url: '/api/public-notes/' + $(this).data('id'),
method: 'DELETE',
success: function() {
$('#note-' + id).fadeOut(200, function() { $(this).remove(); });
}
});
});// e2e-tests/tests/notes.spec.ts — public note: create, edit, delete
test('public note: create, edit, delete', async ({ page }) => {
await page.goto(appPath, { waitUntil: 'domcontentloaded' });
await expect(page.getByTestId('section-public-notes').or(
page.getByRole('heading', { name: /public notes/i })
)).toBeVisible({ timeout: 25_000 });
await createPublicNote(page, appPath, content, title);
await waitForNoteCardVisible(page, content, 15_000);
await editNoteByContent(page, content, content + ' edited');
await waitForNoteCardVisible(page, content + ' edited', 20_000);
await deleteNoteByContent(page, content + ' edited');
await waitForNoteCardGone(page, content + ' edited', 10_000);
});Only you can see these notes
// Load private notes — requires Clerk session token
var token = await window.Clerk.session.getToken();
window.__jqClerkToken = token;
$.ajax({
url: '/api/private-notes',
headers: { 'Authorization': 'Bearer ' + token },
success: function(notes) {
$('#private-notes-container').html(
notes.map(buildPrivateNoteCard).join('')
);
}
});
// Create private note — PUT with auth header
// (private-notes uses PUT, not POST, per the API contract)
$.ajax({
url: '/api/private-notes',
method: 'PUT',
contentType: 'application/json',
headers: { 'Authorization': 'Bearer ' + window.__jqClerkToken },
data: JSON.stringify({ title: title, data: content }),
success: function() { loadPrivateNotes(); }
});
// Delete private note
$.ajax({
url: '/api/private-notes/' + id,
method: 'DELETE',
headers: { 'Authorization': 'Bearer ' + window.__jqClerkToken },
success: function() {
$('#private-note-' + id).fadeOut(200, function() {
$(this).remove();
});
}
});// e2e-tests/tests/notes.spec.ts — private notes (signed in)
test('private note create, edit, delete', async ({ page }) => {
await page.goto(appPath, { waitUntil: 'domcontentloaded' });
await expect(page.getByRole('button', { name: /create private note/i }))
.toBeVisible({ timeout: 25_000 });
const yourNotes = page.getByTestId('section-your-notes')
.or(page.locator('section', { has: page.getByRole('heading', { name: /your notes/i }) }));
await expect(yourNotes).toBeVisible({ timeout: 10_000 });
await waitForClerkSessionToken(page, 15_000);
await createPrivateNote(page, content, title);
await expect(page.getByText(title).or(page.getByText(content)).first())
.toBeVisible({ timeout: 10_000 });
});Sign in to create and manage your own private notes.
View and manage all notes in the system
Delete notes whose content or title matches the regex
// Admin login — store key in localStorage
$('#admin-login-form').on('submit', function(e) {
e.preventDefault();
localStorage.setItem('adminApiKey', $('#admin-api-key-input').val());
loadAdminNotes();
});
// Fetch all notes as admin
$.ajax({
url: '/api/notes/all',
headers: { 'X-API-Key': localStorage.getItem('adminApiKey') },
success: function(notes) {
// Build admin table rows
var rows = notes.map(buildAdminRow).join('');
$('#admin-notes-container').html(buildAdminTable(rows));
}
});
// Admin delete any note
$.ajax({
url: '/api/notes/' + id + '/admin',
method: 'DELETE',
headers: { 'X-API-Key': localStorage.getItem('adminApiKey') }
});// e2e-tests/tests/notes.spec.ts — Admin cleanup in globalTeardown
// globalTeardown deletes notes matching e2eNotePattern() after all tests complete.