mirror of
https://github.com/Ark0N/Codeman.git
synced 2026-10-05 06:59:42 +02:00
arkonandClaude Opus 4.6
192690911f
Split the monolithic app.js (~12.5K lines) into 6 focused mixin modules that extend CodemanApp.prototype via Object.assign: - terminal-ui.js — terminal setup, rendering pipeline, controls - respawn-ui.js — respawn banner, countdown, presets, run summary - ralph-panel.js — Ralph state panel, fix_plan, plan versioning - settings-ui.js — app settings, visibility, web push, tunnel/QR, help - panels-ui.js — subagent panel, teams, insights, file browser, log viewer - session-ui.js — quick start, session options, case settings Fix deferred script init ordering: wrap CodemanApp instantiation in DOMContentLoaded so all defer'd mixin modules execute their Object.assign before the constructor runs. Without this, init() calls methods like applyHeaderVisibilitySettings() that don't exist yet. Guard missing cleanupWizardDragging() call in subagent-windows.js. Update build.mjs to minify/hash all new modules. Update CLAUDE.md with new frontend architecture and load order. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
83 lines
2.4 KiB
JavaScript
83 lines
2.4 KiB
JavaScript
/**
|
|
* @fileoverview Centralized API fetch helpers mixed into CodemanApp.prototype.
|
|
*
|
|
* Provides _api(), _apiJson(), _apiPost(), _apiPut(), _apiDelete() methods that handle
|
|
* JSON serialization, Content-Type headers, and error swallowing. All API calls in the
|
|
* frontend route through these helpers.
|
|
*
|
|
* @mixin Extends CodemanApp.prototype via Object.assign
|
|
* @dependency app.js (CodemanApp class must be defined)
|
|
* @loadorder 14 of 15 — loaded after ralph-wizard.js
|
|
*/
|
|
|
|
// Codeman — Centralized API fetch helpers for CodemanApp
|
|
// Loaded after app.js (needs CodemanApp class defined)
|
|
|
|
Object.assign(CodemanApp.prototype, {
|
|
/**
|
|
* Send a JSON API request. Handles Content-Type, JSON serialization, and error swallowing.
|
|
* @param {string} path - API path (e.g., '/api/sessions/123/input')
|
|
* @param {object} [opts] - { method, body, signal }
|
|
* @returns {Promise<Response|null>} Response or null on error
|
|
*/
|
|
async _api(path, opts = {}) {
|
|
const { method = 'GET', body, signal } = opts;
|
|
const fetchOpts = { method, signal };
|
|
if (body !== undefined) {
|
|
fetchOpts.headers = { 'Content-Type': 'application/json' };
|
|
fetchOpts.body = JSON.stringify(body);
|
|
}
|
|
try {
|
|
const res = await fetch(path, fetchOpts);
|
|
return res;
|
|
} catch {
|
|
return null;
|
|
}
|
|
},
|
|
|
|
/**
|
|
* Send a JSON API request and parse the response as JSON.
|
|
* @param {string} path - API path
|
|
* @param {object} [opts] - { method, body, signal }
|
|
* @returns {Promise<any|null>} Parsed JSON or null on error
|
|
*/
|
|
async _apiJson(path, opts = {}) {
|
|
const res = await this._api(path, opts);
|
|
if (!res || !res.ok) return null;
|
|
try {
|
|
return await res.json();
|
|
} catch {
|
|
return null;
|
|
}
|
|
},
|
|
|
|
/**
|
|
* POST JSON to an API endpoint (most common pattern).
|
|
* @param {string} path - API path
|
|
* @param {object} body - JSON body
|
|
* @returns {Promise<Response|null>}
|
|
*/
|
|
async _apiPost(path, body) {
|
|
return this._api(path, { method: 'POST', body });
|
|
},
|
|
|
|
/**
|
|
* PUT JSON to an API endpoint.
|
|
* @param {string} path - API path
|
|
* @param {object} body - JSON body
|
|
* @returns {Promise<Response|null>}
|
|
*/
|
|
async _apiPut(path, body) {
|
|
return this._api(path, { method: 'PUT', body });
|
|
},
|
|
|
|
/**
|
|
* DELETE an API resource.
|
|
* @param {string} path - API path
|
|
* @returns {Promise<Response|null>}
|
|
*/
|
|
async _apiDelete(path) {
|
|
return this._api(path, { method: 'DELETE' });
|
|
},
|
|
});
|