@qnote/q-ai-note 1.0.0

package/dist/web/vueRenderers.js

@@ -0,0 +1,191 @@
+function esc(value) {
+  return String(value ?? '')
+    .replace(/&/g, '&')
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;')
+    .replace(/"/g, '&quot;')
+    .replace(/'/g, '&#39;');
+}
+
+function byId(targetId) {
+  return document.getElementById(targetId);
+}
+
+export function mountSandboxGrid(targetId, options) {
+  const container = byId(targetId);
+  if (!container) return;
+  const { sandboxes = [], emptyText = '暂无数据', onOpen, onDelete } = options || {};
+
+  if (!sandboxes.length) {
+    container.innerHTML = `<div class="empty-state"><p>${esc(emptyText)}</p></div>`;
+    return;
+  }
+
+  container.innerHTML = sandboxes.map((sandbox) => `
+    <div class="card sandbox-card" data-open-id="${esc(sandbox.id)}">
+      <h3>${esc(sandbox.name)}</h3>
+      <p>${esc(sandbox.description || '暂无描述')}</p>
+      <div class="sandbox-meta">
+        <span>${esc(new Date(sandbox.updated_at).toLocaleDateString())}</span>
+      </div>
+      <button class="btn btn-secondary btn-sm sandbox-delete" data-delete-id="${esc(sandbox.id)}">删除</button>
+    </div>
+  `).join('');
+
+  container.querySelectorAll('[data-open-id]').forEach((el) => {
+    el.addEventListener('click', () => onOpen?.(el.getAttribute('data-open-id')));
+  });
+  container.querySelectorAll('[data-delete-id]').forEach((el) => {
+    el.addEventListener('click', (e) => {
+      e.stopPropagation();
+      onDelete?.(el.getAttribute('data-delete-id'));
+    });
+  });
+}
+
+export function mountHtmlList(targetId, htmlItems) {
+  const container = byId(targetId);
+  if (!container) return;
+  container.innerHTML = (htmlItems || []).join('');
+}
+
+export function mountDiaryTimeline(targetId, options) {
+  const container = byId(targetId);
+  if (!container) return;
+  const { diaries = [], getSandboxName, onConfirm, onIgnore } = options || {};
+
+  if (!diaries.length) {
+    container.innerHTML = '<div class="empty-state"><p>暂无日记</p></div>';
+    return;
+  }
+
+  container.innerHTML = diaries.map((diary) => `
+    <div class="diary-item ${diary.processed ? 'processed' : ''}">
+      <div class="diary-meta">
+        ${esc(new Date(diary.created_at).toLocaleString())}
+        ${diary.sandbox_id ? ` · ${esc(getSandboxName?.(diary.sandbox_id) || diary.sandbox_id)}` : ''}
+      </div>
+      <div class="diary-content">${esc(diary.content)}</div>
+      ${diary.processed ? '' : `
+        <div class="diary-actions">
+          <button class="confirm" data-confirm-id="${esc(diary.id)}">采纳</button>
+          <button class="ignore" data-ignore-id="${esc(diary.id)}">忽略</button>
+        </div>
+      `}
+    </div>
+  `).join('');
+
+  container.querySelectorAll('[data-confirm-id]').forEach((el) => {
+    el.addEventListener('click', () => onConfirm?.(el.getAttribute('data-confirm-id')));
+  });
+  container.querySelectorAll('[data-ignore-id]').forEach((el) => {
+    el.addEventListener('click', () => onIgnore?.(el.getAttribute('data-ignore-id')));
+  });
+}
+
+function renderTreeNode(node, byParent, expandedIdSet) {
+  const children = byParent.get(node.id) || [];
+  const hasChildren = children.length > 0;
+  const isExpanded = expandedIdSet.has(node.id);
+  const isShort = String(node.name || '').trim().length <= 10;
+
+  if (!hasChildren) {
+    return `
+      <div class="tree-leaf-node" data-id="${esc(node.id)}" tabindex="0">
+        <span class="node-status ${esc(node.status)}"></span>
+        <span class="node-name ${isShort ? 'short-name' : ''}">${esc(node.name)}</span>
+        <div class="node-actions">
+          <button class="node-action-btn" data-action="edit" data-id="${esc(node.id)}" title="编辑">✎</button>
+          <button class="node-action-btn delete" data-action="delete" data-id="${esc(node.id)}" title="删除">✕</button>
+        </div>
+      </div>
+    `;
+  }
+
+  const branchChildren = children.filter((child) => ((byParent.get(child.id) || []).length > 0));
+  const leafChildren = children.filter((child) => ((byParent.get(child.id) || []).length === 0));
+
+  return `
+    <div class="tree-parent-card">
+      <div class="tree-parent-header" data-action="toggle" data-id="${esc(node.id)}" tabindex="0">
+        <span class="node-expand ${isExpanded ? 'expanded' : ''}">
+          <svg viewBox="0 0 24 24" fill="currentColor"><path d="M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"/></svg>
+        </span>
+        <span class="node-status ${esc(node.status)}"></span>
+        <span class="node-name">${esc(node.name)}</span>
+        ${node.assignee ? `<span class="node-meta">@${esc(node.assignee)}</span>` : ''}
+        <div class="node-actions">
+          <button class="node-action-btn add-child" data-action="add-child" data-id="${esc(node.id)}" title="添加子任务">+</button>
+          <button class="node-action-btn" data-action="edit" data-id="${esc(node.id)}" title="编辑">✎</button>
+          <button class="node-action-btn delete" data-action="delete" data-id="${esc(node.id)}" title="删除">✕</button>
+        </div>
+      </div>
+      ${isExpanded ? `
+        <div class="tree-parent-children">
+          ${branchChildren.map((child) => renderTreeNode(child, byParent, expandedIdSet)).join('')}
+          ${leafChildren.length ? `
+            <div class="tree-leaf-container">
+              <div class="tree-leaf-grid">
+                ${leafChildren.map((child) => {
+                  const shortName = String(child.name || '').trim().length <= 10;
+                  return `
+                    <div class="tree-leaf-node" data-id="${esc(child.id)}" tabindex="0">
+                      <span class="node-status ${esc(child.status)}"></span>
+                      <span class="node-name ${shortName ? 'short-name' : ''}">${esc(child.name)}</span>
+                      <div class="node-actions">
+                        <button class="node-action-btn" data-action="edit" data-id="${esc(child.id)}" title="编辑">✎</button>
+                        <button class="node-action-btn delete" data-action="delete" data-id="${esc(child.id)}" title="删除">✕</button>
+                      </div>
+                    </div>
+                  `;
+                }).join('')}
+              </div>
+            </div>
+          ` : ''}
+        </div>
+      ` : ''}
+    </div>
+  `;
+}
+
+export function mountWorkTree(targetId, options) {
+  const container = byId(targetId);
+  if (!container) return;
+  const {
+    items = [],
+    expandedIds = [],
+    onToggleExpand,
+    onAddChild,
+    onEdit,
+    onDelete,
+  } = options || {};
+
+  const byParent = new Map();
+  for (const item of items) {
+    const key = item.parent_id || '__root__';
+    if (!byParent.has(key)) byParent.set(key, []);
+    byParent.get(key).push(item);
+  }
+  const roots = byParent.get('__root__') || [];
+  const expandedIdSet = new Set(expandedIds);
+
+  if (!roots.length) {
+    container.innerHTML = '<div class="empty-state"><p>当前筛选条件下没有任务</p></div>';
+    return;
+  }
+
+  container.innerHTML = roots.map((root) => renderTreeNode(root, byParent, expandedIdSet)).join('');
+
+  container.querySelectorAll('[data-action]').forEach((el) => {
+    el.addEventListener('click', (e) => {
+      e.stopPropagation();
+      const action = el.getAttribute('data-action');
+      const id = el.getAttribute('data-id');
+      if (!id) return;
+      if (action === 'toggle') onToggleExpand?.(id);
+      if (action === 'add-child') onAddChild?.(id);
+      if (action === 'edit') onEdit?.(id);
+      if (action === 'delete') onDelete?.(id);
+    });
+  });
+}

package/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "@qnote/q-ai-note",
+  "version": "1.0.0",
+  "type": "module",
+  "description": "AI-assisted personal work sandbox and diary system",
+  "main": "dist/server/index.js",
+  "bin": {
+    "q-ai-note": "dist/cli.js"
+  },
+  "files": [
+    "dist/**/*",
+    "README.md"
+  ],
+  "scripts": {
+    "dev": "PORT=3000 tsx watch src/server/index.ts",
+    "build": "tsc && node scripts/copy-web-assets.mjs",
+    "start": "PORT=3000 node dist/server/index.js",
+    "test": "vitest run",
+    "test:e2e": "playwright test",
+    "test:watch": "vitest",
+    "paths:check": "tsx scripts/print-runtime-paths.ts",
+    "prepack": "npm run build"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "better-sqlite3": "^11.0.0",
+    "express": "^4.18.2",
+    "uuid": "^9.0.0",
+    "vue": "^3.5.29"
+  },
+  "devDependencies": {
+    "@playwright/test": "^1.58.2",
+    "@testing-library/dom": "^9.3.0",
+    "@types/better-sqlite3": "^7.6.8",
+    "@types/express": "^4.17.21",
+    "@types/node": "^20.10.0",
+    "@types/uuid": "^9.0.7",
+    "jsdom": "^23.0.0",
+    "playwright": "^1.58.2",
+    "tsx": "^4.7.0",
+    "typescript": "^5.3.0",
+    "vitest": "^1.1.0"
+  }
+}