codexmate 0.0.19 → 0.0.20

package/web-ui/partials/index/panel-settings.html

@@ -0,0 +1,166 @@
+                <!-- 设置面板 -->
+                <div
+                    v-show="mainTab === 'settings'"
+                    class="mode-content"
+                    id="panel-settings"
+                    role="tabpanel"
+                    :aria-labelledby="'tab-settings'">
+                    <div class="config-subtabs settings-subtabs" role="tablist" aria-label="设置子标签">
+                        <button
+                            id="settings-tab-backup"
+                            role="tab"
+                            aria-controls="settings-panel-backup"
+                            :aria-selected="settingsTab === 'backup'"
+                            :tabindex="settingsTab === 'backup' ? 0 : -1"
+                            :class="['config-subtab', { active: settingsTab === 'backup' }]"
+                            @click="onSettingsTabClick('backup')">
+                            备份与导入
+                        </button>
+                        <button
+                            id="settings-tab-trash"
+                            role="tab"
+                            aria-controls="settings-panel-trash"
+                            :aria-selected="settingsTab === 'trash'"
+                            :tabindex="settingsTab === 'trash' ? 0 : -1"
+                            :class="['config-subtab', { active: settingsTab === 'trash' }]"
+                            @click="onSettingsTabClick('trash')">
+                            回收站
+                            <span class="settings-tab-badge">{{ sessionTrashCount }}</span>
+                        </button>
+                        <button
+                            id="settings-tab-device"
+                            role="tab"
+                            aria-controls="settings-panel-device"
+                            :aria-selected="settingsTab === 'device'"
+                            :tabindex="settingsTab === 'device' ? 0 : -1"
+                            :class="['config-subtab', { active: settingsTab === 'device' }]"
+                            @click="onSettingsTabClick('device')">
+                            设备
+                        </button>
+                    </div>
+
+                    <div
+                        v-show="settingsTab === 'backup'"
+                        id="settings-panel-backup"
+                        role="tabpanel"
+                        aria-labelledby="settings-tab-backup">
+                        <div class="selector-section">
+                            <div class="selector-header">
+                                <span class="selector-title">Claude 配置</span>
+                            </div>
+                            <button class="btn-tool" @click="downloadClaudeDirectory" :disabled="claudeDownloadLoading">
+                                {{ claudeDownloadLoading ? ('备份中 ' + claudeDownloadProgress + '%') : '一键备份 ~/.claude' }}
+                            </button>
+                            <button class="btn-tool" @click="triggerClaudeImport" :disabled="claudeImportLoading">
+                                {{ claudeImportLoading ? '导入中...' : '导入 ~/.claude 备份' }}
+                            </button>
+                            <input
+                                ref="claudeImportInput"
+                                class="sr-only"
+                                type="file"
+                                accept=".zip"
+                                @change="handleClaudeImportChange">
+                        </div>
+                        <div class="selector-section">
+                            <div class="selector-header">
+                                <span class="selector-title">Codex 配置</span>
+                            </div>
+                            <button class="btn-tool" @click="downloadCodexDirectory" :disabled="codexDownloadLoading">
+                                {{ codexDownloadLoading ? ('备份中 ' + codexDownloadProgress + '%') : '一键备份 ~/.codex' }}
+                            </button>
+                            <button class="btn-tool" @click="triggerCodexImport" :disabled="codexImportLoading">
+                                {{ codexImportLoading ? '导入中...' : '导入 ~/.codex 备份' }}
+                            </button>
+                            <input
+                                ref="codexImportInput"
+                                class="sr-only"
+                                type="file"
+                                accept=".zip"
+                                @change="handleCodexImportChange">
+                        </div>
+                    </div>
+
+                    <div
+                        v-show="settingsTab === 'trash'"
+                        id="settings-panel-trash"
+                        role="tabpanel"
+                        aria-labelledby="settings-tab-trash">
+                        <div class="selector-section">
+                            <div class="selector-header settings-tab-header">
+                                <div class="settings-tab-actions trash-header-actions">
+                                    <button class="btn-tool btn-tool-compact" @click="loadSessionTrash({ forceRefresh: true })" :disabled="sessionTrashLoading || sessionTrashClearing">
+                                        {{ sessionTrashLoading ? '刷新中...' : '刷新列表' }}
+                                    </button>
+                                    <button class="btn-tool btn-tool-compact" @click="clearSessionTrash" :disabled="sessionTrashClearing || sessionTrashLoading || !(Number(sessionTrashCount) > 0)">
+                                        {{ sessionTrashClearing ? '清空中...' : '清空回收站' }}
+                                    </button>
+                                </div>
+                            </div>
+
+                            <div v-if="getSessionTrashViewState() === 'loading'" class="session-empty">
+                                正在加载回收站...
+                            </div>
+                            <div v-else-if="getSessionTrashViewState() === 'empty'" class="session-empty">
+                                回收站为空
+                            </div>
+                            <div v-else-if="getSessionTrashViewState() === 'retry'" class="session-empty">
+                                回收站列表加载失败，请刷新重试
+                            </div>
+                            <div v-else class="trash-list">
+                                <div v-for="item in visibleSessionTrashItems" :key="item.trashId" class="trash-item session-item session-card">
+                                    <div class="trash-item-header session-item-header">
+                                        <div class="trash-item-main">
+                                            <div class="trash-item-mainline">
+                                                <div class="trash-item-title">{{ item.title || item.sessionId }}</div>
+                                                <span class="session-count-badge">{{ item.messageCount ?? 0 }}</span>
+                                            </div>
+                                            <div class="trash-item-meta session-item-meta">
+                                                <span class="session-source">{{ item.sourceLabel }}</span>
+                                            </div>
+                                        </div>
+                                        <div class="trash-item-side">
+                                            <div class="trash-item-actions session-item-actions">
+                                                <button class="btn-mini" @click="restoreSessionTrash(item)" :disabled="sessionTrashLoading || sessionTrashClearing || isSessionTrashActionBusy(item)">
+                                                    {{ sessionTrashRestoring[getSessionTrashActionKey(item)] ? '恢复中...' : '恢复' }}
+                                                </button>
+                                                <button class="btn-mini delete" @click="purgeSessionTrash(item)" :disabled="sessionTrashLoading || sessionTrashClearing || isSessionTrashActionBusy(item)">
+                                                    {{ sessionTrashPurging[getSessionTrashActionKey(item)] ? '删除中...' : '彻底删除' }}
+                                                </button>
+                                            </div>
+                                            <div class="trash-item-time session-item-time">{{ item.deletedAt || item.updatedAt || 'unknown time' }}</div>
+                                        </div>
+                                    </div>
+                                    <div v-if="item.cwd" class="trash-item-path session-item-sub session-item-wrap">
+                                        <span class="trash-item-label">工作区</span>
+                                        <span>{{ item.cwd }}</span>
+                                    </div>
+                                    <div class="trash-item-path session-item-sub session-item-wrap">
+                                        <span class="trash-item-label">原文件</span>
+                                        <span>{{ item.originalFilePath }}</span>
+                                    </div>
+                                </div>
+                                <div v-if="sessionTrashHasMoreItems" class="trash-list-footer">
+                                    <button class="btn-tool btn-tool-compact" @click="loadMoreSessionTrashItems" :disabled="sessionTrashLoading || sessionTrashClearing">
+                                        加载更多（剩余 {{ sessionTrashHiddenCount }} 项）
+                                    </button>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div
+                        v-show="settingsTab === 'device'"
+                        id="settings-panel-device"
+                        role="tabpanel"
+                        aria-labelledby="settings-tab-device">
+                        <div class="selector-section">
+                            <div class="selector-header">
+                                <span class="selector-title">配置重置</span>
+                            </div>
+                            <div class="config-template-hint">先备份 config.toml，再写默认配置。</div>
+                            <button class="btn-tool" @click="resetConfig" :disabled="resetConfigLoading || loading || !!initError">
+                                {{ resetConfigLoading ? '重装中...' : '重装配置' }}
+                            </button>
+                        </div>
+                    </div>
+                </div>

package/web-ui/source-bundle.cjs

@@ -0,0 +1,233 @@
+const fs = require('fs');
+const path = require('path');
+
+const HTML_INCLUDE_RE = /^[ \t]*<!--\s*@include\s+(.+?)\s*-->\s*$/gm;
+const CSS_IMPORT_RE = /^[ \t]*@import\s+(?:url\(\s*)?(['"]?)([^'")]+)\1\s*\)?\s*;/gm;
+const JS_IMPORT_RE = /(?:^|\n)\s*import\s+(?:[\s\S]*?\s+from\s+)?['"](\.[^'"]+)['"]\s*;?/g;
+const JS_EXPORT_FROM_RE = /(?:^|\n)\s*export\s+\*\s+from\s+['"](\.[^'"]+)['"]\s*;?/g;
+const JS_RELATIVE_IMPORT_STATEMENT_RE = /(^|\n)([ \t]*)import\s+([\s\S]*?)\s+from\s+['"](\.[^'"]+)['"]\s*;?[ \t]*/g;
+const IDENTIFIER_RE = /^[A-Za-z_$][\w$]*$/;
+
+function stripBom(content) {
+    return content.replace(/^\uFEFF/, '');
+}
+
+function readUtf8Text(filePath) {
+    return stripBom(fs.readFileSync(filePath, 'utf8').replace(/\r\n?/g, '\n'));
+}
+
+function normalizeIncludeTarget(rawTarget) {
+    const trimmed = String(rawTarget || '').trim();
+    if (!trimmed) return '';
+    return trimmed.replace(/^['"]|['"]$/g, '');
+}
+
+function assertNoCircularDependency(filePath, stack) {
+    if (!stack.includes(filePath)) {
+        return;
+    }
+    const cycle = [...stack, filePath]
+        .map(item => path.relative(path.join(__dirname, '..'), item))
+        .join(' -> ');
+    throw new Error(`Detected circular source include: ${cycle}`);
+}
+
+function bundleHtmlFile(filePath, stack = []) {
+    assertNoCircularDependency(filePath, stack);
+    const source = readUtf8Text(filePath);
+    return source.replace(HTML_INCLUDE_RE, (_match, rawTarget) => {
+        const target = normalizeIncludeTarget(rawTarget);
+        if (!target) {
+            return '';
+        }
+        const targetPath = path.resolve(path.dirname(filePath), target);
+        return bundleHtmlFile(targetPath, [...stack, filePath]);
+    });
+}
+
+function bundleCssFile(filePath, stack = []) {
+    assertNoCircularDependency(filePath, stack);
+    const source = readUtf8Text(filePath);
+    return source.replace(CSS_IMPORT_RE, (match, _quote, rawTarget) => {
+        const target = normalizeIncludeTarget(rawTarget);
+        if (!target || !target.startsWith('.')) {
+            return match;
+        }
+        const targetPath = path.resolve(path.dirname(filePath), target);
+        return bundleCssFile(targetPath, [...stack, filePath]);
+    });
+}
+
+function resolveJavaScriptDependencies(filePath) {
+    const source = readUtf8Text(filePath);
+    const dependencies = [];
+    for (const pattern of [JS_IMPORT_RE, JS_EXPORT_FROM_RE]) {
+        let match = pattern.exec(source);
+        while (match) {
+            const target = normalizeIncludeTarget(match[1]);
+            if (target.startsWith('.')) {
+                dependencies.push(path.resolve(path.dirname(filePath), target));
+            }
+            match = pattern.exec(source);
+        }
+        pattern.lastIndex = 0;
+    }
+    return dependencies;
+}
+
+function bundleJavaScriptFile(filePath, visited = new Set()) {
+    if (visited.has(filePath)) {
+        return '';
+    }
+    visited.add(filePath);
+
+    const relativePath = path.relative(path.join(__dirname, '..'), filePath).replace(/\\/g, '/');
+    const source = readUtf8Text(filePath);
+    const chunks = [
+        `// ===== FILE: ${relativePath} =====`,
+        source.trimEnd(),
+        ''
+    ];
+
+    for (const dependencyPath of resolveJavaScriptDependencies(filePath)) {
+        chunks.push(bundleJavaScriptFile(dependencyPath, visited).trimEnd());
+        chunks.push('');
+    }
+
+    return chunks.join('\n').trimEnd() + '\n';
+}
+
+function collectJavaScriptFiles(filePath, ordered = [], visited = new Set(), stack = []) {
+    assertNoCircularDependency(filePath, stack);
+    if (visited.has(filePath)) {
+        return ordered;
+    }
+    visited.add(filePath);
+    for (const dependencyPath of resolveJavaScriptDependencies(filePath)) {
+        collectJavaScriptFiles(dependencyPath, ordered, visited, [...stack, filePath]);
+    }
+    ordered.push(filePath);
+    return ordered;
+}
+
+function splitCommaSeparatedSpecifiers(source) {
+    const items = [];
+    let current = '';
+    let depth = 0;
+    for (let i = 0; i < source.length; i += 1) {
+        const ch = source[i];
+        if (ch === '{' || ch === '[' || ch === '(') {
+            depth += 1;
+        } else if (ch === '}' || ch === ']' || ch === ')') {
+            depth = Math.max(0, depth - 1);
+        }
+        if (ch === ',' && depth === 0) {
+            items.push(current);
+            current = '';
+            continue;
+        }
+        current += ch;
+    }
+    if (current) {
+        items.push(current);
+    }
+    return items.map(item => item.trim()).filter(Boolean);
+}
+
+function buildRelativeImportAliasStatements(importClause, filePath) {
+    const clause = String(importClause || '').trim();
+    if (!clause) {
+        return '';
+    }
+    if (!clause.startsWith('{') || !clause.endsWith('}')) {
+        throw new Error(`Unsupported executable bundle import in ${filePath}: ${clause}`);
+    }
+
+    const innerClause = clause.slice(1, -1).trim();
+    if (!innerClause) {
+        return '';
+    }
+
+    const statements = [];
+    for (const specifier of splitCommaSeparatedSpecifiers(innerClause)) {
+        const parts = specifier.split(/\s+as\s+/);
+        const imported = String(parts[0] || '').trim();
+        const local = String(parts[1] || imported).trim();
+        if (!IDENTIFIER_RE.test(imported) || !IDENTIFIER_RE.test(local)) {
+            throw new Error(`Unsupported executable bundle import specifier in ${filePath}: ${specifier}`);
+        }
+        if (local !== imported) {
+            statements.push(`const ${local} = ${imported};`);
+        }
+    }
+    return statements.join('\n');
+}
+
+function transformJavaScriptModuleSource(source, options = {}) {
+    const preserveExports = !!options.preserveExports;
+    const sourcePath = typeof source === 'string' ? source : String(source || '');
+    let transformed = readUtf8Text(sourcePath);
+    transformed = transformed.replace(JS_RELATIVE_IMPORT_STATEMENT_RE, (_match, prefix, indent, importClause) => {
+        const aliases = buildRelativeImportAliasStatements(importClause, sourcePath);
+        if (!aliases) {
+            return prefix || '';
+        }
+        const indentedAliases = aliases
+            .split('\n')
+            .map(line => `${indent || ''}${line}`)
+            .join('\n');
+        return `${prefix || ''}${indentedAliases}\n`;
+    });
+    transformed = transformed.replace(/^[ \t]*export\s+\*\s+from\s+['"]\.[^'"]+['"]\s*;?\s*$/gm, '');
+    if (!preserveExports) {
+        transformed = transformed.replace(/(^|\n)([ \t]*)export\s+(?=(?:async\s+function|const|let|class|function)\b)/g, '$1$2');
+    }
+    return transformed.trimEnd();
+}
+
+function bundleExecutableJavaScriptFile(entryPath, options = {}) {
+    const orderedFiles = collectJavaScriptFiles(entryPath);
+    const preserveExports = !!options.preserveExports;
+    const chunks = [];
+    for (const filePath of orderedFiles) {
+        const transformed = transformJavaScriptModuleSource(filePath, { preserveExports });
+        if (!transformed) {
+            continue;
+        }
+        chunks.push(transformed);
+    }
+    return chunks.join('\n\n').trimEnd() + '\n';
+}
+
+function readBundledWebUiHtml(entryPath = path.join(__dirname, 'index.html')) {
+    return bundleHtmlFile(entryPath).trimEnd() + '\n';
+}
+
+function readBundledWebUiCss(entryPath = path.join(__dirname, 'styles.css')) {
+    return bundleCssFile(entryPath).trimEnd() + '\n';
+}
+
+function readBundledWebUiScript(entryPath = path.join(__dirname, 'app.js')) {
+    return bundleJavaScriptFile(entryPath);
+}
+
+function readExecutableBundledWebUiScript(entryPath = path.join(__dirname, 'app.js')) {
+    return bundleExecutableJavaScriptFile(entryPath, { preserveExports: false });
+}
+
+function readExecutableBundledJavaScriptModule(entryPath) {
+    const resolvedEntryPath = path.isAbsolute(entryPath)
+        ? entryPath
+        : path.resolve(__dirname, '..', entryPath);
+    return bundleExecutableJavaScriptFile(resolvedEntryPath, { preserveExports: true });
+}
+
+module.exports = {
+    collectJavaScriptFiles,
+    readUtf8Text,
+    readBundledWebUiHtml,
+    readBundledWebUiCss,
+    readBundledWebUiScript,
+    readExecutableBundledWebUiScript,
+    readExecutableBundledJavaScriptModule
+};