Summer Notes API Test Interface

\n Status: \n \\${status}\n

Response:

\\${JSON.stringify(data, null, 2)}

\n \\`;\n }\n \n async function makeRequest(method, endpoint, body = null) {\n try {\n const options = {\n method,\n headers: { 'Content-Type': 'application/json' }\n };\n if (body) options.body = JSON.stringify(body);\n \n const fullUrl = \\`\\${API_BASE}\\${endpoint}\\`;\n console.log('Making request to:', fullUrl);\n const response = await fetch(fullUrl, options);\n \n let data;\n const contentType = response.headers.get('content-type');\n if (contentType && contentType.includes('application/json')) {\n data = await response.json();\n } else {\n const text = await response.text();\n console.error('Non-JSON response received:', text);\n data = { error: 'Server returned non-JSON response', response: text };\n }\n \n updateResponse(data, response.status);\n } catch (error) {\n console.error('Request error:', error);\n updateResponse({ error: error.message }, 500);\n }\n }\n \n // API Functions\n async function getAllNotes() {\n await makeRequest('GET', '/api/notes');\n }\n \n async function getFilteredNotes() {\n const category = document.getElementById('filter-category').value;\n const group = document.getElementById('filter-group').value;\n const archived = document.getElementById('filter-archived').value;\n \n let query = new URLSearchParams();\n if (category) query.append('category', category);\n if (group) query.append('group', group);\n if (archived !== '') query.append('archived', archived);\n \n const queryString = query.toString();\n await makeRequest('GET', \\`/api/notes\\${queryString ? '?' + queryString : ''}\\`);\n }\n \n async function createNote() {\n const note = {\n title: document.getElementById('create-title').value,\n content: document.getElementById('create-content').value,\n category: document.getElementById('create-category').value,\n group: document.getElementById('create-group').value,\n color: document.getElementById('create-color').value\n };\n \n if (!note.title || !note.content || !note.category || !note.group || !note.color) {\n updateResponse({ error: 'All fields are required' }, 400);\n return;\n }\n \n await makeRequest('POST', '/api/notes', note);\n }\n \n async function updateNote() {\n const id = document.getElementById('update-id').value;\n if (!id) {\n updateResponse({ error: 'Note ID is required' }, 400);\n return;\n }\n \n const note = { id: parseInt(id) };\n const title = document.getElementById('update-title').value;\n const content = document.getElementById('update-content').value;\n const category = document.getElementById('update-category').value;\n const group = document.getElementById('update-group').value;\n const color = document.getElementById('update-color').value;\n \n if (title) note.title = title;\n if (content) note.content = content;\n if (category) note.category = category;\n if (group) note.group = group;\n if (color) note.color = color;\n \n await makeRequest('PUT', \\`/api/notes/\\${id}\\`, note);\n }\n \n async function archiveNote() {\n const id = document.getElementById('archive-id').value;\n if (!id) {\n updateResponse({ error: 'Note ID is required' }, 400);\n return;\n }\n await makeRequest('PATCH', \\`/api/notes/\\${id}/archive\\`);\n }\n \n async function unarchiveNote() {\n const id = document.getElementById('unarchive-id').value;\n if (!id) {\n updateResponse({ error: 'Note ID is required' }, 400);\n return;\n }\n await makeRequest('PATCH', \\`/api/notes/\\${id}/unarchive\\`);\n }\n \n // Populate select options\n function populateSelects() {\n const categorySelects = document.querySelectorAll('.category-select');\n const groupSelects = document.querySelectorAll('.group-select');\n const colorSelects = document.querySelectorAll('.color-select');\n \n categorySelects.forEach(select => {\n select.innerHTML = '';\n categories.forEach(cat => {\n select.innerHTML += \\`\\`;\n });\n });\n \n groupSelects.forEach(select => {\n select.innerHTML = '';\n groups.forEach(group => {\n select.innerHTML += \\`\\`;\n });\n });\n \n colorSelects.forEach(select => {\n select.innerHTML = '';\n colors.forEach(color => {\n select.innerHTML += \\`\\`;\n });\n });\n }\n \n // Initialize on page load\n document.addEventListener('DOMContentLoaded', () => {\n populateSelects();\n getAllNotes(); // Load initial data\n });\n `;\n\n // Main HTML template\n const html = `\n\n\n\n \n \n Summer Notes API Test Interface\n\n \n \n \n \n \n \n \n\n\n

\n \n \n \n \n \n

\n \n

\n \n \n

GET

\n /api/notes\n

\n \n

\n \n \n

GET

\n /api/notes (filtered)\n

\n \n Category:\n \n \n

\n \n Group:\n \n \n

\n \n Archived:\n \n \n

\n \n

\n \n \n

POST

\n /api/notes\n

\n \n Title:\n \n \n

\n \n Content:\n \n \n

\n \n Category:\n \n \n

\n \n Group:\n \n \n

\n \n Color:\n \n \n

\n \n

\n \n \n

PUT

\n /api/notes/:id\n

\n \n Note ID:\n \n \n

\n \n Title (optional):\n \n \n

\n \n Content (optional):\n \n \n

\n \n Category (optional):\n \n \n

\n \n Group (optional):\n \n \n

\n \n Color (optional):\n \n \n

\n \n

\n \n \n

PATCH

\n /api/notes/:id/archive\n

\n \n Archive Note ID:\n \n \n

\n \n \n

\n \n Unarchive Note ID:\n \n \n

\n \n

\n \n \n

API Response

Responses will appear here...

\n\n \n\n`;\n \n return new Response(html, {\n headers: { 'Content-Type': 'text/html' }\n });\n}\n ","deleted","label",[169,151],"tmp","permalink","https://www.val.town/x/arfan/summer-notes-v1/code/tmp/api-test.ts","extension","actionData","errors"]