npm - clawfire - Versions diffs - 0.1.0 - Mend

clawfire 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (87) hide show

package/README.md +182 -0
package/dist/admin.cjs +309 -0
package/dist/admin.cjs.map +1 -0
package/dist/admin.d.cts +93 -0
package/dist/admin.d.ts +93 -0
package/dist/admin.js +274 -0
package/dist/admin.js.map +1 -0
package/dist/auth-DQ3cifhb.d.cts +55 -0
package/dist/auth-DtnUPbXT.d.ts +55 -0
package/dist/chunk-37Y2XI7X.js +75 -0
package/dist/chunk-YGIPORYL.js +339 -0
package/dist/cli.js +241 -0
package/dist/client.cjs +97 -0
package/dist/client.cjs.map +1 -0
package/dist/client.d.cts +4 -0
package/dist/client.d.ts +4 -0
package/dist/client.js +68 -0
package/dist/client.js.map +1 -0
package/dist/codegen.cjs +648 -0
package/dist/codegen.cjs.map +1 -0
package/dist/codegen.d.cts +25 -0
package/dist/codegen.d.ts +25 -0
package/dist/codegen.js +617 -0
package/dist/codegen.js.map +1 -0
package/dist/config-QMBJRn9G.d.cts +46 -0
package/dist/config-QMBJRn9G.d.ts +46 -0
package/dist/dev-server-QAVWINAT.js +973 -0
package/dist/dev.cjs +1388 -0
package/dist/dev.cjs.map +1 -0
package/dist/dev.d.cts +111 -0
package/dist/dev.d.ts +111 -0
package/dist/dev.js +1349 -0
package/dist/dev.js.map +1 -0
package/dist/discover-BPMAZFBD.js +9 -0
package/dist/discover-DYNqz_ym.d.cts +28 -0
package/dist/discover-DYNqz_ym.d.ts +28 -0
package/dist/errors-s_mP7rs9.d.cts +33 -0
package/dist/errors-s_mP7rs9.d.ts +33 -0
package/dist/functions.cjs +1156 -0
package/dist/functions.cjs.map +1 -0
package/dist/functions.d.cts +115 -0
package/dist/functions.d.ts +115 -0
package/dist/functions.js +1108 -0
package/dist/functions.js.map +1 -0
package/dist/hosting-7WVFHAYJ.js +85 -0
package/dist/html-PCUCJGBH.js +7 -0
package/dist/index.cjs +349 -0
package/dist/index.cjs.map +1 -0
package/dist/index.d.cts +22 -0
package/dist/index.d.ts +22 -0
package/dist/index.js +312 -0
package/dist/index.js.map +1 -0
package/dist/playground.cjs +364 -0
package/dist/playground.cjs.map +1 -0
package/dist/playground.d.cts +12 -0
package/dist/playground.d.ts +12 -0
package/dist/playground.js +337 -0
package/dist/playground.js.map +1 -0
package/dist/router-BVB_I-tu.d.ts +65 -0
package/dist/router-Cikk8Heq.d.cts +65 -0
package/dist/schema-BJsictSV.d.cts +172 -0
package/dist/schema-BJsictSV.d.ts +172 -0
package/package.json +150 -0
package/templates/CLAUDE.md +71 -0
package/templates/app/routes/auth/login.ts +35 -0
package/templates/app/routes/health.ts +20 -0
package/templates/app/schemas/user.ts +26 -0
package/templates/clawfire.config.ts +25 -0
package/templates/functions/index.ts +43 -0
package/templates/starter/.claude/skills/clawfire-api/SKILL.md +131 -0
package/templates/starter/.claude/skills/clawfire-auth/SKILL.md +111 -0
package/templates/starter/.claude/skills/clawfire-deploy/SKILL.md +95 -0
package/templates/starter/.claude/skills/clawfire-diagnose/SKILL.md +99 -0
package/templates/starter/.claude/skills/clawfire-model/SKILL.md +128 -0
package/templates/starter/CLAUDE.md +227 -0
package/templates/starter/app/routes/health.ts +20 -0
package/templates/starter/app/routes/todos/create.ts +25 -0
package/templates/starter/app/routes/todos/delete.ts +20 -0
package/templates/starter/app/routes/todos/list.ts +26 -0
package/templates/starter/app/routes/todos/update.ts +32 -0
package/templates/starter/app/schemas/todo.ts +16 -0
package/templates/starter/app/store.ts +56 -0
package/templates/starter/clawfire.config.ts +25 -0
package/templates/starter/dev.ts +12 -0
package/templates/starter/package.json +19 -0
package/templates/starter/public/index.html +365 -0
package/templates/starter/tsconfig.json +17 -0

package/templates/starter/public/index.html ADDED Viewed

@@ -0,0 +1,365 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Clawfire Todo App</title>
+  <style>
+    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
+    body {
+      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+      background: #0f0f13;
+      color: #e4e4e7;
+      min-height: 100vh;
+      display: flex;
+      justify-content: center;
+      padding: 48px 16px;
+    }
+    .app {
+      width: 100%;
+      max-width: 560px;
+    }
+    /* Header */
+    .header {
+      text-align: center;
+      margin-bottom: 32px;
+    }
+    .header h1 {
+      font-size: 28px;
+      font-weight: 700;
+      background: linear-gradient(135deg, #f97316, #fb923c);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+      margin-bottom: 4px;
+    }
+    .header p {
+      color: #71717a;
+      font-size: 14px;
+    }
+    /* Input area */
+    .input-row {
+      display: flex;
+      gap: 8px;
+      margin-bottom: 24px;
+    }
+    .input-row input {
+      flex: 1;
+      padding: 12px 16px;
+      background: #1a1a23;
+      border: 1px solid #27272a;
+      border-radius: 10px;
+      color: #e4e4e7;
+      font-size: 15px;
+      outline: none;
+      transition: border-color 0.15s;
+    }
+    .input-row input:focus {
+      border-color: #f97316;
+    }
+    .input-row input::placeholder { color: #52525b; }
+    .input-row button {
+      padding: 12px 20px;
+      background: #f97316;
+      color: #fff;
+      border: none;
+      border-radius: 10px;
+      font-size: 15px;
+      font-weight: 600;
+      cursor: pointer;
+      white-space: nowrap;
+      transition: background 0.15s;
+    }
+    .input-row button:hover { background: #ea580c; }
+    .input-row button:disabled { opacity: 0.5; cursor: not-allowed; }
+    /* Stats bar */
+    .stats {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 8px 0;
+      margin-bottom: 12px;
+      font-size: 13px;
+      color: #71717a;
+    }
+    .stats .count { font-weight: 600; color: #a1a1aa; }
+    /* Todo list */
+    .todo-list {
+      display: flex;
+      flex-direction: column;
+      gap: 6px;
+    }
+    .todo-item {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      padding: 12px 16px;
+      background: #1a1a23;
+      border: 1px solid #27272a;
+      border-radius: 10px;
+      transition: border-color 0.15s, opacity 0.2s;
+    }
+    .todo-item:hover { border-color: #3f3f46; }
+    .todo-item.completed { opacity: 0.5; }
+    /* Checkbox */
+    .todo-check {
+      width: 22px;
+      height: 22px;
+      border: 2px solid #3f3f46;
+      border-radius: 6px;
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      flex-shrink: 0;
+      transition: all 0.15s;
+    }
+    .todo-check:hover { border-color: #f97316; }
+    .todo-item.completed .todo-check {
+      background: #f97316;
+      border-color: #f97316;
+    }
+    .todo-check svg { display: none; }
+    .todo-item.completed .todo-check svg { display: block; }
+    /* Title */
+    .todo-title {
+      flex: 1;
+      font-size: 15px;
+      line-height: 1.4;
+      word-break: break-word;
+    }
+    .todo-item.completed .todo-title {
+      text-decoration: line-through;
+      color: #71717a;
+    }
+    /* Delete button */
+    .todo-delete {
+      background: none;
+      border: none;
+      color: #52525b;
+      cursor: pointer;
+      padding: 4px;
+      border-radius: 6px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      opacity: 0;
+      transition: all 0.15s;
+    }
+    .todo-item:hover .todo-delete { opacity: 1; }
+    .todo-delete:hover { color: #ef4444; background: rgba(239, 68, 68, 0.1); }
+    /* Empty state */
+    .empty {
+      text-align: center;
+      padding: 48px 0;
+      color: #52525b;
+    }
+    .empty svg { margin-bottom: 12px; }
+    .empty p { font-size: 14px; }
+    /* Loading */
+    .loading {
+      text-align: center;
+      padding: 48px 0;
+      color: #71717a;
+      font-size: 14px;
+    }
+    /* Error */
+    .error-toast {
+      position: fixed;
+      bottom: 24px;
+      left: 50%;
+      transform: translateX(-50%);
+      background: #7f1d1d;
+      color: #fca5a5;
+      padding: 10px 20px;
+      border-radius: 8px;
+      font-size: 13px;
+      display: none;
+      z-index: 100;
+    }
+    .error-toast.show { display: block; }
+  </style>
+</head>
+<body>
+  <div class="app">
+    <div class="header">
+      <h1>Clawfire Todos</h1>
+      <p>Your first Clawfire app — add, complete, and delete todos</p>
+    </div>
+    <div class="input-row">
+      <input type="text" id="todo-input" placeholder="What needs to be done?" maxlength="200" />
+      <button id="add-btn" onclick="addTodo()">Add</button>
+    </div>
+    <div class="stats" id="stats" style="display:none">
+      <span><span class="count" id="total-count">0</span> total</span>
+      <span><span class="count" id="done-count">0</span> completed</span>
+    </div>
+    <div id="todo-list" class="todo-list">
+      <div class="loading">Loading todos...</div>
+    </div>
+    <div class="error-toast" id="error-toast"></div>
+  </div>
+  <script>
+    const API = '/api/todos';
+    let todos = [];
+    // ─── API Calls ──────────────────────────────────
+    async function api(path, body = {}) {
+      const res = await fetch(`${API}/${path}`, {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify(body),
+      });
+      const json = await res.json();
+      if (!res.ok) throw new Error(json.error || 'Request failed');
+      return json.data;
+    }
+    async function loadTodos() {
+      try {
+        const data = await api('list');
+        todos = data.todos;
+        render();
+      } catch (e) {
+        showError('Failed to load todos: ' + e.message);
+      }
+    }
+    async function addTodo() {
+      const input = document.getElementById('todo-input');
+      const title = input.value.trim();
+      if (!title) return;
+      const btn = document.getElementById('add-btn');
+      btn.disabled = true;
+      try {
+        const data = await api('create', { title });
+        todos.unshift(data.todo);
+        input.value = '';
+        render();
+      } catch (e) {
+        showError('Failed to add todo: ' + e.message);
+      } finally {
+        btn.disabled = false;
+        input.focus();
+      }
+    }
+    async function toggleTodo(id) {
+      const todo = todos.find(t => t.id === id);
+      if (!todo) return;
+      try {
+        const data = await api('update', { id, completed: !todo.completed });
+        if (data.todo) {
+          const idx = todos.findIndex(t => t.id === id);
+          if (idx !== -1) todos[idx] = data.todo;
+          render();
+        }
+      } catch (e) {
+        showError('Failed to update todo: ' + e.message);
+      }
+    }
+    async function deleteTodo(id) {
+      try {
+        await api('delete', { id });
+        todos = todos.filter(t => t.id !== id);
+        render();
+      } catch (e) {
+        showError('Failed to delete todo: ' + e.message);
+      }
+    }
+    // ─── Render ─────────────────────────────────────
+    function render() {
+      const list = document.getElementById('todo-list');
+      const stats = document.getElementById('stats');
+      if (todos.length === 0) {
+        stats.style.display = 'none';
+        list.innerHTML = `
+          <div class="empty">
+            <svg width="48" height="48" fill="none" stroke="#3f3f46" stroke-width="1.5" viewBox="0 0 24 24">
+              <path d="M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2M9 5h6"/>
+            </svg>
+            <p>No todos yet. Add one above!</p>
+          </div>`;
+        return;
+      }
+      const done = todos.filter(t => t.completed).length;
+      stats.style.display = 'flex';
+      document.getElementById('total-count').textContent = todos.length;
+      document.getElementById('done-count').textContent = done;
+      list.innerHTML = todos.map(todo => `
+        <div class="todo-item ${todo.completed ? 'completed' : ''}" data-id="${todo.id}">
+          <div class="todo-check" onclick="toggleTodo('${todo.id}')">
+            <svg width="14" height="14" fill="none" stroke="#fff" stroke-width="2.5" viewBox="0 0 24 24">
+              <path d="M5 13l4 4L19 7"/>
+            </svg>
+          </div>
+          <span class="todo-title">${escapeHtml(todo.title)}</span>
+          <button class="todo-delete" onclick="deleteTodo('${todo.id}')" title="Delete">
+            <svg width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
+              <path d="M18 6L6 18M6 6l12 12"/>
+            </svg>
+          </button>
+        </div>
+      `).join('');
+    }
+    function escapeHtml(text) {
+      const d = document.createElement('div');
+      d.textContent = text;
+      return d.innerHTML;
+    }
+    function showError(msg) {
+      const toast = document.getElementById('error-toast');
+      toast.textContent = msg;
+      toast.classList.add('show');
+      setTimeout(() => toast.classList.remove('show'), 3000);
+    }
+    // ─── Init ───────────────────────────────────────
+    document.getElementById('todo-input').addEventListener('keydown', (e) => {
+      if (e.key === 'Enter') addTodo();
+    });
+    loadTodos();
+    // ─── Live Reload (dev server) ───────────────────
+    if (location.hostname === 'localhost') {
+      try {
+        const es = new EventSource('/__dev/events');
+        es.onmessage = (e) => {
+          try {
+            const data = JSON.parse(e.data);
+            if (data.type !== 'connected') {
+              setTimeout(() => location.reload(), 300);
+            }
+          } catch {}
+        };
+      } catch {}
+    }
+  </script>
+</body>
+</html>

package/templates/starter/tsconfig.json ADDED Viewed

@@ -0,0 +1,17 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "esModuleInterop": true,
+    "strict": true,
+    "skipLibCheck": true,
+    "outDir": "dist",
+    "rootDir": ".",
+    "declaration": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true
+  },
+  "include": ["app/**/*", "dev.ts", "clawfire.config.ts"],
+  "exclude": ["node_modules", "dist", "generated"]
+}