@cellapp/cli 0.1.0 → 0.2.0

package/skills/cellapp-deploy/examples/notes/app.ts

@@ -0,0 +1,115 @@
+import { addNote, currentAppUser, deleteNote, listNotes, updateNote } from './notes.js';
+
+const form = document.querySelector<HTMLFormElement>('#create-form')!;
+const input = document.querySelector<HTMLInputElement>('#note-body')!;
+const notes = document.querySelector<HTMLUListElement>('#notes')!;
+const identity = document.querySelector<HTMLElement>('#identity')!;
+const status = document.querySelector<HTMLElement>('#status')!;
+const check = document.querySelector<HTMLButtonElement>('#crud')!;
+
+function report(message: string, error = false): void {
+  status.textContent = message;
+  status.classList.toggle('error', error);
+}
+
+function failure(error: unknown): void {
+  report(error instanceof Error ? error.message : String(error), true);
+}
+
+async function refresh(): Promise<void> {
+  const rows = await listNotes();
+  notes.replaceChildren();
+  if (!rows?.length) {
+    const empty = document.createElement('li');
+    empty.textContent = '还没有笔记。';
+    notes.append(empty);
+    return;
+  }
+  for (const row of rows) {
+    const item = document.createElement('li');
+    const body = document.createElement('span');
+    body.textContent = row.body;
+    const actions = document.createElement('div');
+    const edit = document.createElement('button');
+    edit.type = 'button';
+    edit.className = 'secondary';
+    edit.textContent = '编辑';
+    edit.setAttribute('aria-label', `编辑笔记 ${row.body}`);
+    edit.addEventListener('click', async () => {
+      const next = prompt('修改笔记', row.body);
+      if (next === null || !next.trim()) return;
+      edit.disabled = true;
+      try {
+        await updateNote(row.id, next.trim());
+        await refresh();
+        report('笔记已更新');
+      } catch (error) { failure(error); }
+      finally { edit.disabled = false; }
+    });
+    const remove = document.createElement('button');
+    remove.type = 'button';
+    remove.className = 'secondary';
+    remove.textContent = '删除';
+    remove.setAttribute('aria-label', `删除笔记 ${row.body}`);
+    remove.addEventListener('click', async () => {
+      remove.disabled = true;
+      try {
+        await deleteNote(row.id);
+        await refresh();
+        report('笔记已删除');
+      } catch (error) { failure(error); }
+      finally { remove.disabled = false; }
+    });
+    actions.append(edit, remove);
+    item.append(body, actions);
+    notes.append(item);
+  }
+}
+
+form.addEventListener('submit', async event => {
+  event.preventDefault();
+  const body = input.value.trim();
+  if (!body) return;
+  const save = form.querySelector<HTMLButtonElement>('button')!;
+  save.disabled = true;
+  try {
+    await addNote(body);
+    input.value = '';
+    await refresh();
+    report('笔记已保存');
+  } catch (error) { failure(error); }
+  finally { save.disabled = false; }
+});
+
+check.addEventListener('click', async () => {
+  check.disabled = true;
+  const marker = `CRUD ${crypto.randomUUID()}`;
+  try {
+    const inserted = await addNote(marker);
+    if (inserted?.length !== 1) throw new Error('创建后未返回笔记');
+    const row = inserted[0]!;
+    const selected = await listNotes();
+    if (!selected?.some(note => note.id === row.id && note.body === marker)) throw new Error('未读到刚创建的笔记');
+    const changed = await updateNote(row.id, marker + ' updated');
+    if (changed?.[0]?.body !== marker + ' updated') throw new Error('更新后的内容不一致');
+    await deleteNote(row.id);
+    const remaining = await listNotes();
+    if (remaining?.some(note => note.id === row.id)) throw new Error('删除后仍能读到笔记');
+    await refresh();
+    report('CRUD passed');
+  } catch (error) { failure(error); }
+  finally { check.disabled = false; }
+});
+
+void (async () => {
+  try {
+    const user = await currentAppUser();
+    document.body.dataset.user = user;
+    identity.textContent = `当前应用用户：${user.slice(0, 8)}…`;
+    await refresh();
+    report('应用数据库已连接');
+  } catch (error) {
+    identity.textContent = '无法连接应用数据库';
+    failure(error);
+  }
+})();

package/skills/cellapp-deploy/examples/notes/cellapp.data.json

@@ -0,0 +1,22 @@
+{
+  "version": 1,
+  "tables": [
+    {
+      "name": "notes",
+      "columns": [
+        {"name": "id", "type": "uuid"},
+        {"name": "owner_id", "type": "text"},
+        {"name": "body", "type": "text"}
+      ],
+      "primaryKey": ["id"],
+      "indexes": [{"columns": ["owner_id"]}],
+      "policies": {
+        "select": "own-rows",
+        "insert": "own-rows",
+        "update": "own-rows",
+        "delete": "own-rows",
+        "ownerColumn": "owner_id"
+      }
+    }
+  ]
+}

package/skills/cellapp-deploy/examples/notes/index.html

@@ -0,0 +1,40 @@
+<!doctype html>
+<html lang="zh-CN">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Cellapp 笔记 Demo</title>
+  <style>
+    :root { font-family: system-ui, sans-serif; color: #1c2b25; background: #f4f7f3; }
+    body { max-width: 720px; margin: 40px auto; padding: 0 20px; }
+    main { background: white; padding: 28px; border: 1px solid #d9e5dc; border-radius: 16px; box-shadow: 0 8px 32px #1536230d; }
+    h1 { margin: 0 0 8px; }
+    p { line-height: 1.5; }
+    form { display: flex; gap: 8px; margin: 20px 0; }
+    input { flex: 1; min-width: 0; padding: 10px; border: 1px solid #adbfaf; border-radius: 8px; font: inherit; }
+    button { padding: 9px 14px; border: 0; border-radius: 8px; color: white; background: #21684a; font: inherit; cursor: pointer; }
+    button:disabled { opacity: .55; cursor: wait; }
+    button.secondary { color: #21684a; background: #e5f0e8; }
+    li { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 0; border-top: 1px solid #e7eee7; }
+    li span { overflow-wrap: anywhere; }
+    li div { display: flex; gap: 8px; flex: none; }
+    #status { min-height: 1.5em; color: #345446; }
+    #status.error { color: #a22828; }
+  </style>
+</head>
+<body>
+  <main>
+    <h1>Notes app</h1>
+    <p>使用 Cellapp 登录身份保存笔记。每位用户只能读写自己的记录。</p>
+    <p id="identity">正在连接应用数据库…</p>
+    <form id="create-form">
+      <input id="note-body" aria-label="笔记内容" maxlength="2000" required placeholder="写一条笔记">
+      <button type="submit">保存笔记</button>
+    </form>
+    <p id="status" role="status" aria-live="polite"></p>
+    <ul id="notes"></ul>
+    <button id="crud" class="secondary" type="button">Run CRUD</button>
+  </main>
+  <script type="module" src="/app.js"></script>
+</body>
+</html>

package/skills/cellapp-deploy/examples/notes/notes.ts

@@ -0,0 +1,37 @@
+import { createClient } from '@supabase/supabase-js';
+
+const client = createClient(window.location.origin, 'cellapp-public', {
+  auth: { autoRefreshToken: false, persistSession: false, detectSessionInUrl: false },
+});
+
+export async function currentAppUser(): Promise<string> {
+  const response = await fetch('/_cellapp/me', { credentials: 'same-origin' });
+  if (!response.ok) throw new Error(response.status === 401 ? 'Sign in to Cellapp' : 'Application access required');
+  const value: unknown = await response.json();
+  if (!value || typeof value !== 'object' || !('id' in value) || typeof value.id !== 'string') throw new Error('Invalid application identity');
+  return value.id;
+}
+
+export async function addNote(body: string) {
+  const ownerId = await currentAppUser();
+  const result = await client.from('notes').insert({ id: crypto.randomUUID(), owner_id: ownerId, body }).select('id,body');
+  if (result.error) throw result.error;
+  return result.data;
+}
+
+export async function listNotes() {
+  const result = await client.from('notes').select('id,body').order('id').range(0, 49);
+  if (result.error) throw result.error;
+  return result.data;
+}
+
+export async function updateNote(id: string, body: string) {
+  const result = await client.from('notes').update({ body }).eq('id', id).select('id,body');
+  if (result.error) throw result.error;
+  return result.data;
+}
+
+export async function deleteNote(id: string) {
+  const result = await client.from('notes').delete().eq('id', id);
+  if (result.error) throw result.error;
+}