Add local community issue and discussion CRUD

app.js

@@ -208,8 +208,16 @@ function renderCasefile() {
 
 function renderCommunity(tab = 'projects') {
   const entries = communityStore[tab] || [];
-  $('#community-feed').innerHTML = `<div style="color:#72ff9e;margin-bottom:5px">LOCAL CACHE / SYNC OFF</div>${entries.map(entry => `<div style="border-left:2px solid #b277ff;padding-left:5px;margin:5px 0"><b>${esc(entry.title)}</b><br>${esc(entry.detail)}<br><span style="color:#718994">${esc(entry.boundary || entry.status || 'local')}</span></div>`).join('')}`;
+  $('#community-feed').innerHTML = `<div style="color:#72ff9e;margin-bottom:5px">LOCAL CACHE / SYNC OFF</div>${entries.map((entry, index) => `<div style="border-left:2px solid #b277ff;padding-left:5px;margin:5px 0"><b>${esc(entry.title)}</b><br>${esc(entry.detail)}<br><span style="color:#718994">${esc(entry.boundary || entry.status || 'local')}</span> <button data-community-remove="${index}" style="color:#ff6d82;background:none;border:0;font:9px ui-monospace,monospace;cursor:pointer">REMOVE</button></div>`).join('')}`;
   document.querySelectorAll('[data-community-tab]').forEach(button => button.style.color = button.dataset.communityTab === tab ? '#72ff9e' : '#718994');
+  document.querySelectorAll('[data-community-remove]').forEach(button => button.onclick = () => removeCommunityItem(tab, Number(button.dataset.communityRemove)));
+}
+
+async function removeCommunityItem(type, index) {
+  try {
+    await fetch('http://127.0.0.1:4777/api/community/items', { method: 'DELETE', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ type, index }) });
+    await loadCommunity();
+  } catch (error) { appendLog('COMMUNITY', `Could not remove local item: ${error.message}`, 'warning'); }
 }
 
 async function loadCommunity() {
@@ -226,7 +234,7 @@ async function addCommunityIssue() {
   try {
     const response = await fetch('http://127.0.0.1:4777/api/community/items', {
       method: 'POST', headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ type: 'issues', item: { title, detail: 'Created locally from AIDE.' } })
+      body: JSON.stringify({ type: $('#community-type').value, item: { title, detail: 'Created locally from AIDE.' } })
     });
     if (!response.ok) throw new Error('daemon rejected item');
     $('#community-title').value = '';

community/store.mjs

@@ -29,4 +29,29 @@ export class CommunityStore {
     await fs.rename(temporary, this.file);
     return entry;
   }
+
+  async update(type, index, item) {
+    if (!TYPES.has(type) || !Number.isInteger(index) || !this.data[type][index]) throw new Error('community item is not addressable');
+    const current = this.data[type][index];
+    const title = String(item?.title ?? current.title).trim();
+    const detail = String(item?.detail ?? current.detail).trim();
+    if (!title || title.length > 160 || detail.length > 2000) throw new Error('invalid community item');
+    this.data[type][index] = { ...current, title, detail, updated_at: new Date().toISOString() };
+    await this.#save();
+    return this.data[type][index];
+  }
+
+  async remove(type, index) {
+    if (!TYPES.has(type) || !Number.isInteger(index) || !this.data[type][index]) throw new Error('community item is not addressable');
+    const [removed] = this.data[type].splice(index, 1);
+    await this.#save();
+    return removed;
+  }
+
+  async #save() {
+    await fs.mkdir(path.dirname(this.file), { recursive: true });
+    const temporary = `${this.file}.tmp-${process.pid}`;
+    await fs.writeFile(temporary, `${JSON.stringify(this.data, null, 2)}\n`);
+    await fs.rename(temporary, this.file);
+  }
 }

daemon/server.mjs

@@ -21,7 +21,7 @@ function json(response, status, body) {
     'Content-Type': 'application/json; charset=utf-8',
     'Content-Length': Buffer.byteLength(payload),
     'Access-Control-Allow-Origin': 'http://127.0.0.1:4173',
-    'Access-Control-Allow-Methods': 'GET, POST, OPTIONS',
+    'Access-Control-Allow-Methods': 'GET, POST, PUT, DELETE, OPTIONS',
     'Access-Control-Allow-Headers': 'Content-Type'
   });
   response.end(payload);
@@ -79,6 +79,14 @@ const server = http.createServer(async (request, response) => {
       const input = await body(request);
       return json(response, 201, { item: await communityStore.add(input.type, input.item) });
     }
+    if (request.method === 'PUT' && request.url === '/api/community/items') {
+      const input = await body(request);
+      return json(response, 200, { item: await communityStore.update(input.type, input.index, input.item) });
+    }
+    if (request.method === 'DELETE' && request.url === '/api/community/items') {
+      const input = await body(request);
+      return json(response, 200, { item: await communityStore.remove(input.type, input.index) });
+    }
     if (request.method === 'POST' && request.url === '/api/models/start') {
       return json(response, 200, await modelManager.start((await body(request)).id));
     }

daemon/test-community-store.mjs

@@ -12,6 +12,10 @@ const store = new CommunityStore(file);
 await store.load();
 await store.add('issues', { title: 'Local issue', detail: 'Keep this on device.' });
 assert.equal(store.list().issues.length, 1);
+await store.update('issues', 0, { detail: 'Updated locally.' });
+assert.equal(store.list().issues[0].detail, 'Updated locally.');
 assert.match(await readFile(file, 'utf8'), /Local issue/);
+await store.remove('issues', 0);
+assert.equal(store.list().issues.length, 0);
 await assert.rejects(store.add('unknown', { title: 'bad' }), /not allowed/);
 console.log('community store test passed');

index.html

@@ -62,8 +62,9 @@
         <button data-community-tab="discussions">DISCUSSIONS</button>
         <button data-community-tab="marketplace">MARKET</button>
       </div>
-      <input id="community-title" placeholder="New local item" style="width:100%;margin-top:7px;background:#09151d;border:1px solid #203342;color:#e4f2ef;padding:6px;font:9px ui-monospace,monospace">
-      <button id="community-add" class="secondary" style="width:100%;margin-top:5px;padding:6px">ADD LOCAL ISSUE</button>
+      <select id="community-type" style="width:100%;margin-top:7px;background:#09151d;border:1px solid #203342;color:#e4f2ef;padding:6px;font:9px ui-monospace,monospace"><option value="issues">ISSUE</option><option value="discussions">DISCUSSION</option></select>
+      <input id="community-title" placeholder="New local item" style="width:100%;margin-top:5px;background:#09151d;border:1px solid #203342;color:#e4f2ef;padding:6px;font:9px ui-monospace,monospace">
+      <button id="community-add" class="secondary" style="width:100%;margin-top:5px;padding:6px">ADD LOCAL ITEM</button>
       <div id="community-feed" style="font:9px/1.6 ui-monospace,monospace;color:#9fb8ba;margin-top:7px"></div>
     </aside>