jinzd-ai-cli 0.4.206 → 0.4.208

package/dist/web/client/templates.js

@@ -0,0 +1,188 @@
+/**
+ * Prompt template modal and import/export helpers.
+ * Loaded after app.js so it can use shared UI helpers.
+ */
+
+const TEMPLATES_KEY = 'aicli-templates';
+
+function loadTemplates() {
+  try {
+    return JSON.parse(localStorage.getItem(TEMPLATES_KEY) || '[]');
+  } catch {
+    return [];
+  }
+}
+
+function saveTemplatesToStorage(templates) {
+  localStorage.setItem(TEMPLATES_KEY, JSON.stringify(templates));
+}
+
+function openTemplatesModal() {
+  const modal = document.getElementById('templates-modal');
+  if (!modal) return;
+  cancelTemplateForm();
+  renderTemplateList();
+  document.getElementById('template-search').value = '';
+  modal.showModal();
+}
+
+function renderTemplateList(filter) {
+  const listEl = document.getElementById('template-list');
+  if (!listEl) return;
+  const templates = loadTemplates();
+  const q = (filter || '').toLowerCase();
+  const filtered = q
+    ? templates.filter(t => t.name.toLowerCase().includes(q) || (t.tags || []).some(tag => tag.toLowerCase().includes(q)) || t.content.toLowerCase().includes(q))
+    : templates;
+
+  if (filtered.length === 0) {
+    listEl.innerHTML = `<div class="template-empty">${q ? 'No matching templates' : 'No templates yet. Click + New to create one.'}</div>`;
+    return;
+  }
+
+  listEl.innerHTML = filtered.map(t => {
+    const preview = t.content.length > 80 ? t.content.slice(0, 80) + '...' : t.content;
+    const tagsHtml = (t.tags || []).map(tag => `<span class="template-item-tag">${escapeHtml(tag)}</span>`).join('');
+    return `
+      <div class="template-item" data-tpl-id="${t.id}" data-action="use-template">
+        <div class="template-item-body">
+          <div class="template-item-name">${escapeHtml(t.name)}</div>
+          <div class="template-item-preview">${escapeHtml(preview)}</div>
+          ${tagsHtml ? `<div class="template-item-tags">${tagsHtml}</div>` : ''}
+        </div>
+        <div class="template-item-actions">
+          <button class="btn btn-xs btn-ghost" data-action="edit-template" title="Edit">Edit</button>
+          <button class="btn btn-xs btn-ghost" data-action="delete-template" title="Delete">Delete</button>
+        </div>
+      </div>`;
+  }).join('');
+}
+
+function useTemplate(id) {
+  const templates = loadTemplates();
+  const tpl = templates.find(t => t.id === id);
+  if (!tpl) return;
+  const input = document.getElementById('user-input');
+  if (!input) return;
+  input.value = tpl.content;
+  input.focus();
+  input.style.height = 'auto';
+  input.style.height = Math.min(input.scrollHeight, 200) + 'px';
+  document.getElementById('templates-modal')?.close();
+}
+
+function showAddTemplate() {
+  const form = document.getElementById('template-form');
+  form.classList.remove('hidden');
+  document.getElementById('tpl-edit-id').value = '';
+  document.getElementById('tpl-name').value = '';
+  document.getElementById('tpl-content').value = '';
+  document.getElementById('tpl-tags').value = '';
+  document.getElementById('tpl-name').focus();
+}
+
+function editTemplate(id) {
+  const templates = loadTemplates();
+  const tpl = templates.find(t => t.id === id);
+  if (!tpl) return;
+  const form = document.getElementById('template-form');
+  form.classList.remove('hidden');
+  document.getElementById('tpl-edit-id').value = tpl.id;
+  document.getElementById('tpl-name').value = tpl.name;
+  document.getElementById('tpl-content').value = tpl.content;
+  document.getElementById('tpl-tags').value = (tpl.tags || []).join(', ');
+  document.getElementById('tpl-name').focus();
+}
+
+function cancelTemplateForm() {
+  document.getElementById('template-form')?.classList.add('hidden');
+}
+
+function saveTemplateForm() {
+  const name = document.getElementById('tpl-name').value.trim();
+  const content = document.getElementById('tpl-content').value.trim();
+  const tagsRaw = document.getElementById('tpl-tags').value.trim();
+  const editId = document.getElementById('tpl-edit-id').value;
+
+  if (!name || !content) return;
+
+  const tags = tagsRaw ? tagsRaw.split(',').map(s => s.trim()).filter(Boolean) : [];
+  const templates = loadTemplates();
+
+  if (editId) {
+    const idx = templates.findIndex(t => t.id === editId);
+    if (idx >= 0) {
+      templates[idx].name = name;
+      templates[idx].content = content;
+      templates[idx].tags = tags;
+    }
+  } else {
+    templates.unshift({
+      id: 'tpl-' + Date.now().toString(36) + Math.random().toString(36).slice(2, 6),
+      name,
+      content,
+      tags,
+      createdAt: new Date().toISOString(),
+    });
+  }
+
+  saveTemplatesToStorage(templates);
+  cancelTemplateForm();
+  renderTemplateList();
+}
+
+function deleteTemplate(id) {
+  const templates = loadTemplates().filter(t => t.id !== id);
+  saveTemplatesToStorage(templates);
+  renderTemplateList(document.getElementById('template-search')?.value);
+}
+
+function exportTemplates() {
+  const templates = loadTemplates();
+  if (templates.length === 0) return;
+  const blob = new Blob([JSON.stringify(templates, null, 2)], { type: 'application/json' });
+  const url = URL.createObjectURL(blob);
+  const a = document.createElement('a');
+  a.href = url;
+  a.download = `aicli-templates-${new Date().toISOString().slice(0, 10)}.json`;
+  a.click();
+  URL.revokeObjectURL(url);
+}
+
+function importTemplates() {
+  const input = document.createElement('input');
+  input.type = 'file';
+  input.accept = '.json';
+  input.addEventListener('change', () => {
+    const file = input.files[0];
+    if (!file) return;
+    const reader = new FileReader();
+    reader.addEventListener('load', () => {
+      try {
+        const imported = JSON.parse(reader.result);
+        if (!Array.isArray(imported)) throw new Error('Not an array');
+        const existing = loadTemplates();
+        const existingIds = new Set(existing.map(t => t.id));
+        let added = 0;
+        for (const t of imported) {
+          if (t.id && t.name && t.content && !existingIds.has(t.id)) {
+            existing.push(t);
+            added++;
+          }
+        }
+        saveTemplatesToStorage(existing);
+        renderTemplateList();
+        addInfoMessage(`Imported ${added} template(s).`);
+      } catch {
+        addErrorMessage('Failed to import templates: invalid JSON format.');
+      }
+    });
+    reader.readAsText(file);
+  });
+  input.click();
+}
+
+document.getElementById('btn-templates')?.addEventListener('click', openTemplatesModal);
+document.getElementById('template-search')?.addEventListener('input', (e) => {
+  renderTemplateList(e.target.value);
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jinzd-ai-cli",
-  "version": "0.4.206",
+  "version": "0.4.208",
   "description": "Cross-platform REPL-style AI CLI with multi-provider support",
   "type": "module",
   "main": "./dist/index.js",