npm - @bendyline/gilde - Versions diffs - 0.1.7 → 0.1.8 - Mend

@bendyline/gilde 0.1.7 → 0.1.8

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 (106) hide show

package/data/project-types/fl/flashcards/versions/1.0.1/pages/review/index.html ADDED Viewed

@@ -0,0 +1,396 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="gezel-demo" content="standalone" />
+    <title>Flashcards</title>
+    <style>
+      :root {
+        color-scheme: light dark;
+        --bg: #faf7f2;
+        --card: #fff;
+        --ink: #2b2620;
+        --muted: #7a7166;
+        --accent: #b5651d;
+        --track: #ece5da;
+        --good: #4a7c59;
+        --warn: #a4552e;
+      }
+      @media (prefers-color-scheme: dark) {
+        :root {
+          --bg: #1c1a17;
+          --card: #262320;
+          --ink: #efe9e0;
+          --muted: #a59a8c;
+          --accent: #e0894a;
+          --track: #3a352f;
+          --good: #7fae8d;
+          --warn: #d98a63;
+        }
+      }
+      * { box-sizing: border-box; }
+      body {
+        margin: 0;
+        font: 15px/1.5 system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
+        background: var(--bg);
+        color: var(--ink);
+        padding: 1.5rem 1.25rem;
+      }
+      main { max-width: 560px; margin: 0 auto; }
+      h1 {
+        font-family: Georgia, 'PT Serif', 'Times New Roman', serif;
+        font-size: 1.35rem;
+        font-weight: 600;
+        margin: 0 0 0.15rem;
+      }
+      .sub { color: var(--muted); font-size: 0.9rem; margin: 0 0 1rem; }
+      .dots { display: flex; gap: 0.3rem; margin-bottom: 0.75rem; flex-wrap: wrap; }
+      .dot { width: 9px; height: 9px; border-radius: 50%; background: var(--track); }
+      .dot.done-good { background: var(--good); }
+      .dot.done-miss { background: var(--warn); }
+      .dot.current { background: var(--accent); }
+      .flashcard {
+        background: var(--card);
+        border: 1px solid var(--track);
+        border-radius: 10px;
+        min-height: 200px;
+        display: grid;
+        place-items: center;
+        text-align: center;
+        padding: 1.5rem;
+        font-size: 1.15rem;
+        cursor: pointer;
+        user-select: none;
+      }
+      .flashcard .face-label {
+        display: block;
+        font-size: 0.7rem;
+        text-transform: uppercase;
+        letter-spacing: 0.05em;
+        color: var(--muted);
+        margin-bottom: 0.6rem;
+      }
+      .actions { display: flex; gap: 0.6rem; margin-top: 0.85rem; justify-content: center; }
+      .actions button {
+        border: 1px solid var(--track);
+        background: var(--card);
+        color: var(--ink);
+        border-radius: 6px;
+        padding: 0.45rem 1.1rem;
+        font: inherit;
+        cursor: pointer;
+      }
+      .actions button.got { border-color: var(--good); color: var(--good); }
+      .actions button.miss { border-color: var(--warn); color: var(--warn); }
+      .actions button:disabled { opacity: 0.5; cursor: default; }
+      .empty, .done {
+        background: var(--card);
+        border: 1px dashed var(--track);
+        border-radius: 10px;
+        padding: 1.5rem;
+        text-align: center;
+        color: var(--muted);
+      }
+      .banner {
+        border: 1px solid var(--accent);
+        border-radius: 6px;
+        padding: 0.45rem 0.7rem;
+        font-size: 0.85rem;
+        margin-bottom: 0.75rem;
+        display: none;
+      }
+      .banner.show { display: block; }
+      .hint { font-size: 0.78rem; color: var(--muted); text-align: center; margin-top: 0.5rem; }
++      .demo-banner {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        gap: 0.75rem;
+        margin: 0 0 0.85rem;
+        padding: 0.5rem 0.65rem;
+        border: 1px solid var(--accent, #8a5a2b);
+        border-radius: 6px;
+        background: color-mix(in srgb, var(--card, var(--surface, #fffdf8)) 88%, var(--accent, #8a5a2b));
+        color: var(--ink, #2b2620);
+        font-size: 0.8rem;
+      }
+      .demo-banner[hidden] { display: none; }
+      .demo-banner strong { font-weight: 700; }
+      .demo-reset {
+        flex: none;
+        padding: 0.25rem 0.5rem;
+        border: 1px solid var(--accent, #8a5a2b);
+        border-radius: 6px;
+        background: var(--card, var(--surface, #fffdf8));
+        color: var(--ink, #2b2620);
+        cursor: pointer;
+        font: inherit;
+      }
+      .demo-reset:hover { border-color: var(--ink, #2b2620); }
+    </style>
+  </head>
+  <body>
+    <main>
++      <div class="demo-banner" data-gezel-demo-banner hidden>
+        <span><strong>Demo mode</strong> — sample data stays in this page.</span>
+        <button type="button" class="demo-reset" onclick="location.reload()">Reset demo</button>
+      </div>
+      <div class="banner" id="banner"></div>
+      <h1 id="title">Flashcards</h1>
+      <p class="sub" id="sub">Loading the deck…</p>
+      <div class="dots" id="dots"></div>
+      <div id="stage"></div>
+      <p class="hint" id="hint"></p>
+    </main>
+    <script>
+      (function () {
+        'use strict';
+        var gezelPage = (function () {
+          var seq = 0;
+          var pending = {};
+          window.addEventListener('message', function (event) {
+            var d = event.data;
+            if (!d || d.__gezelPageResult !== true || typeof d.id !== 'string') return;
+            var entry = pending[d.id];
+            if (!entry) return;
+            delete pending[d.id];
+            clearTimeout(entry.timer);
+            if (d.ok) entry.resolve(d);
+            else entry.reject(new Error(d.error || 'invoke failed'));
+          });
+          return {
+            embedded: function () {
+              return demoMode || Boolean(capability && projectId);
+            },
+            invoke: function (tool, input) {
+              return new Promise(function (resolve, reject) {
+                if (demoMode) {
+                  resolve({ ok: true, tool: tool, input: input });
+                  return;
+                }
+                if (window.parent === window) {
+                  reject(new Error('not embedded in Gezel'));
+                  return;
+                }
+                seq += 1;
+                var id = 'pi-' + Date.now() + '-' + seq;
+                pending[id] = {
+                  resolve: resolve,
+                  reject: reject,
+                  timer: setTimeout(function () {
+                    delete pending[id];
+                    reject(new Error('invoke timed out'));
+                  }, 45000),
+                };
+                window.parent.postMessage(
+                  { __gezelPageInvoke: true, id: id, tool: tool, input: input || {} },
+                  '*',
+                );
+              });
+            },
+            refresh: function () {
+              if (!demoMode && window.parent !== window) window.parent.postMessage({ __gezelPageRefresh: true }, '*');
+            },
+          };
+        })();
+        var parts = location.pathname.split('/').filter(Boolean);
+        var typeIdx = parts.indexOf('type');
+        var capability = typeIdx > 0 ? parts[typeIdx - 1] : null;
+        var projectId = typeIdx >= 0 ? parts[typeIdx + 1] : null;
+        var demoMode = !capability || !projectId;
+        var demoDeck = {
+          subject: 'Dutch for a market morning',
+          cards: [
+            { id: 'card-1', front: 'Hoeveel kost dit?', back: 'How much does this cost?' },
+            { id: 'card-2', front: 'een bos bloemen', back: 'a bunch of flowers' },
+            { id: 'card-3', front: 'Mag ik pinnen?', back: 'Can I pay by card?' },
+            { id: 'card-4', front: 'Dat is alles, dank u.', back: 'That is all, thank you.' },
+          ],
+          dueCardIds: ['card-1', 'card-2', 'card-3', 'card-4'],
+        };
+        if (demoMode) document.querySelector('[data-gezel-demo-banner]').hidden = false;
+        var deck = null;
+        // The session queue is snapshotted from dueCardIds at start so a
+        // background poll never reshuffles cards mid-session.
+        var queue = null;
+        var idx = 0;
+        var flipped = false;
+        var results = [];
+        var busy = false;
+        var failedPolls = 0;
+        function esc(s) {
+          return String(s).replace(/[&<>"]/g, function (c) {
+            return { '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;' }[c];
+          });
+        }
+        function setBanner(text) {
+          var el = document.getElementById('banner');
+          el.textContent = text || '';
+          el.className = text ? 'banner show' : 'banner';
+        }
+        function cardById(id) {
+          return (deck.cards || []).find(function (c) { return c.id === id; }) || null;
+        }
+        function render() {
+          var stage = document.getElementById('stage');
+          var dots = document.getElementById('dots');
+          var hint = document.getElementById('hint');
+          if (!deck) return;
+          if (deck.subject) document.getElementById('title').textContent = 'Flashcards: ' + deck.subject;
+          if (!deck.cards || deck.cards.length === 0) {
+            document.getElementById('sub').textContent = 'The deck is empty.';
+            dots.innerHTML = '';
+            hint.textContent = '';
+            stage.innerHTML =
+              '<div class="empty">No cards yet — ask your Studiemaat to write the first ones.</div>';
+            return;
+          }
+          if (queue === null || (idx >= queue.length && queue.length === 0)) {
+            document.getElementById('sub').textContent =
+              deck.dueCardIds.length > 0
+                ? deck.dueCardIds.length + ' card(s) due.'
+                : 'Nothing due right now.';
+            dots.innerHTML = '';
+            hint.textContent = '';
+            stage.innerHTML =
+              deck.dueCardIds.length > 0
+                ? '<div class="actions"><button type="button" id="start">Start review (' + deck.dueCardIds.length + ')</button></div>'
+                : '<div class="done">All caught up — nothing due. Your Studiemaat can always add more.</div>';
+            var startBtn = document.getElementById('start');
+            if (startBtn) startBtn.addEventListener('click', startSession);
+            return;
+          }
+          if (idx >= queue.length) {
+            var missed = results.filter(function (r) { return r.verdict === 'missed'; }).length;
+            document.getElementById('sub').textContent =
+              'Session done: ' + (results.length - missed) + ' got it, ' + missed + ' missed.';
+            hint.textContent = '';
+            stage.innerHTML = '<div class="done">Nice work — your Studiemaat has the recap.</div>';
+            return;
+          }
+          var card = cardById(queue[idx]);
+          if (!card) {
+            idx += 1;
+            render();
+            return;
+          }
+          document.getElementById('sub').textContent = 'Card ' + (idx + 1) + ' of ' + queue.length;
+          dots.innerHTML = queue
+            .map(function (id, i) {
+              if (i === idx) return '<span class="dot current"></span>';
+              var r = results[i];
+              if (!r) return '<span class="dot"></span>';
+              return '<span class="dot ' + (r.verdict === 'missed' ? 'done-miss' : 'done-good') + '"></span>';
+            })
+            .join('');
+          stage.innerHTML =
+            '<div class="flashcard" id="card"><div><span class="face-label">' +
+            (flipped ? 'Back' : 'Front') + '</span>' + esc(flipped ? card.back : card.front) +
+            '</div></div>' +
+            (flipped
+              ? '<div class="actions">' +
+                '<button type="button" class="got" id="got"' + (busy ? ' disabled' : '') + '>Got it</button>' +
+                '<button type="button" class="miss" id="miss"' + (busy ? ' disabled' : '') + '>Missed</button>' +
+                '</div>'
+              : '');
+          hint.textContent = flipped ? '' : 'Tap the card to reveal the answer.';
+          document.getElementById('card').addEventListener('click', function () {
+            if (!flipped) {
+              flipped = true;
+              render();
+            }
+          });
+          if (flipped) {
+            document.getElementById('got').addEventListener('click', function () { grade('got-it'); });
+            document.getElementById('miss').addEventListener('click', function () { grade('missed'); });
+          }
+        }
+        function startSession() {
+          queue = deck.dueCardIds.slice();
+          idx = 0;
+          flipped = false;
+          results = [];
+          render();
+        }
+        function grade(verdict) {
+          if (busy) return;
+          busy = true;
+          render();
+          var cardId = queue[idx];
+          gezelPage
+            .invoke('record_review', { cardId: cardId, verdict: verdict })
+            .then(function () {
+              busy = false;
+              results[idx] = { cardId: cardId, verdict: verdict };
+              idx += 1;
+              flipped = false;
+              if (idx >= queue.length) return finishSession();
+              render();
+            })
+            .catch(function (err) {
+              busy = false;
+              setBanner(String(err && err.message ? err.message : err));
+              render();
+            });
+        }
+        function finishSession() {
+          var missedIds = results
+            .filter(function (r) { return r.verdict === 'missed'; })
+            .map(function (r) { return r.cardId; });
+          return gezelPage
+            .invoke('finish_session', { reviewed: results.length, missedIds: missedIds })
+            .catch(function () {})
+            .then(function () {
+              render();
+              return poll();
+            });
+        }
+        function poll() {
+          if (demoMode) {
+            deck = demoDeck;
+            if (queue === null || idx >= queue.length) render();
+            return Promise.resolve();
+          }
+          if (!capability || !projectId) return Promise.resolve();
+          return fetch(
+            '/preview/' + encodeURIComponent(capability) + '/workspace/' + encodeURIComponent(projectId) + '/deck.json',
+            { cache: 'no-store' },
+          )
+            .then(function (r) {
+              if (!r.ok) throw new Error('poll ' + r.status);
+              return r.json();
+            })
+            .then(function (next) {
+              failedPolls = 0;
+              deck = next;
+              // Only re-render outside an active session — mid-session the
+              // snapshot queue drives the UI.
+              if (queue === null || idx >= queue.length) render();
+            })
+            .catch(function () {
+              failedPolls += 1;
+              if (failedPolls === 3) gezelPage.refresh();
+            });
+        }
+        poll().then(function () {
+          setInterval(function () { void poll(); }, 10000);
+        });
+      })();
+    </script>
+  </body>
+</html>

package/data/project-types/fr/freelance-office/versions/1.0.1/about.md ADDED Viewed

@@ -0,0 +1,6 @@
+The back office for {{business}}. Tell your Kantoormeester when work is billed,
+sent, or paid, and the invoice book stays honest — with warm, firm payment
+chases drafted the day something goes overdue.
+The **Output** tab shows the money picture: what's outstanding, what's overdue,
+what got paid this month. All of it lives in plain files on this machine.

package/data/project-types/fr/freelance-office/versions/1.0.1/invoices.json ADDED Viewed

@@ -0,0 +1,9 @@
+{
+  "version": 1,
+  "stages": [
+    "draft",
+    "sent",
+    "paid"
+  ],
+  "records": []
+}

package/data/project-types/fr/freelance-office/versions/1.0.1/manifest.json ADDED Viewed

@@ -0,0 +1,142 @@
+{
+  "schemaVersion": 1,
+  "version": "1.0.1",
+  "releasedAt": "2026-08-01T00:00:00Z",
+  "meesterManaged": false,
+  "params": {
+    "type": "object",
+    "properties": {
+      "business": {
+        "type": "string",
+        "title": "What do you do?",
+        "description": "One line about the business — e.g. 'freelance brand design'.",
+        "default": "freelance work"
+      }
+    },
+    "required": [
+      "business"
+    ]
+  },
+  "nameTemplate": "Freelance Office",
+  "aboutTemplate": "about.md",
+  "missionTemplate": "mission.md",
+  "gezels": [
+    {
+      "templateId": "kantoormeester",
+      "voorman": true
+    }
+  ],
+  "tools": [
+    {
+      "name": "record_invoice",
+      "description": "Add an invoice to the book (amount in ordinary units).",
+      "script": "office-store",
+      "inputs": {
+        "type": "object",
+        "properties": {
+          "client": {
+            "type": "string"
+          },
+          "amount": {
+            "type": "number"
+          },
+          "due": {
+            "type": "string"
+          },
+          "note": {
+            "type": "string"
+          }
+        },
+        "required": [
+          "client",
+          "amount"
+        ]
+      },
+      "bind": {
+        "action": "record_invoice"
+      }
+    },
+    {
+      "name": "invoice_sent",
+      "description": "Mark an invoice sent to the client.",
+      "script": "office-store",
+      "inputs": {
+        "type": "object",
+        "properties": {
+          "id": {
+            "type": "string"
+          }
+        },
+        "required": [
+          "id"
+        ]
+      },
+      "bind": {
+        "action": "invoice_sent"
+      }
+    },
+    {
+      "name": "invoice_paid",
+      "description": "Mark an invoice paid.",
+      "script": "office-store",
+      "inputs": {
+        "type": "object",
+        "properties": {
+          "id": {
+            "type": "string"
+          }
+        },
+        "required": [
+          "id"
+        ]
+      },
+      "bind": {
+        "action": "invoice_paid"
+      }
+    },
+    {
+      "name": "office_status",
+      "description": "The money picture: outstanding, overdue, paid this month.",
+      "script": "office-store",
+      "inputs": {
+        "type": "object",
+        "properties": {}
+      },
+      "bind": {
+        "action": "status"
+      }
+    },
+    {
+      "name": "list_invoices",
+      "description": "Read the whole invoice book.",
+      "script": "office-store",
+      "inputs": {
+        "type": "object",
+        "properties": {}
+      },
+      "bind": {
+        "action": "list_invoices"
+      }
+    }
+  ],
+  "craftbooks": [
+    "proposal-sow",
+    "weekly-review"
+  ],
+  "schedules": [],
+  "pages": {
+    "entry": "dashboard/index.html",
+    "reads": [
+      {
+        "source": "workspace",
+        "path": "invoices.json"
+      }
+    ]
+  },
+  "workspaceSeed": [
+    "invoices.json"
+  ],
+  "scripts": {
+    "office-store": "import { type InferredInput, defineScript, gezel } from '@bendyline/gezel-sdk';\nimport { rosterStore } from '@bendyline/gezel-sdk/stores';\n\nexport const meta = defineScript({\n  name: 'office-store',\n  description:\n    \"Read and update the invoice book (invoices.json). Call action:'status' for outstanding/overdue/paid-this-month; 'record_invoice' when work is billed (amount in ordinary units, e.g. 1200.00); 'invoice_sent' / 'invoice_paid' as reality moves; 'list_invoices' to read the book.\",\n  inputs: {\n    action: {\n      type: 'string',\n      description:\n        \"One of 'status', 'record_invoice', 'invoice_sent', 'invoice_paid', or 'list_invoices'.\",\n      required: true,\n    },\n    client: { type: 'string', description: 'Client name.' },\n    amount: { type: 'number', description: 'Invoice amount in ordinary units, e.g. 1200.00.' },\n    due: { type: 'string', description: 'Due date (ISO), e.g. 2026-08-15.' },\n    note: { type: 'string', description: 'Short note (what the invoice covers).' },\n    id: { type: 'string', description: \"Invoice id, e.g. 'inv-3'.\" },\n  },\n  outputs: {\n    invoices: { type: 'number', description: 'Invoices in the book.' },\n    outstandingCents: { type: 'number', description: 'Total sent-but-unpaid, in cents.' },\n    overdue: { type: 'number', description: 'Count of overdue invoices.' },\n    summary: { type: 'string', description: 'Human-readable office summary.' },\n  },\n  requires: ['workspace.read', 'workspace.write'],\n} as const);\n\nconst input = gezel.input as InferredInput<typeof meta>;\n\n// ── office-rules-start ──\n// Pure derivations over rosterStore-shaped invoice records: statuses are\n// draft -> sent -> paid; fields carry {client, amountCents, dueAt, note}.\n\nfunction toCents(amount) {\n  if (typeof amount !== 'number' || !isFinite(amount) || amount <= 0) return null;\n  return Math.round(amount * 100);\n}\n\nfunction fmtCents(cents) {\n  var sign = cents < 0 ? '-' : '';\n  var abs = Math.abs(cents);\n  return sign + Math.floor(abs / 100) + '.' + String(abs % 100).padStart(2, '0');\n}\n\nfunction officeShape(records, nowMs) {\n  var outstanding = 0;\n  var overdue = [];\n  var paidMonth = 0;\n  var month = new Date(nowMs).toISOString().slice(0, 7);\n  records.forEach(function (r) {\n    var cents = typeof r.fields.amountCents === 'number' ? r.fields.amountCents : 0;\n    if (r.status === 'sent') {\n      outstanding += cents;\n      var due = typeof r.fields.dueAt === 'string' ? Date.parse(r.fields.dueAt) : NaN;\n      if (isFinite(due) && due < nowMs) overdue.push(r);\n    }\n    if (r.status === 'paid' && r.updatedAt.slice(0, 7) === month) paidMonth += cents;\n  });\n  return { outstanding: outstanding, overdue: overdue, paidMonth: paidMonth, month: month };\n}\n\nfunction officeLine(records, nowMs) {\n  var shape = officeShape(records, nowMs);\n  var chase = shape.overdue\n    .map(function (r) {\n      return r.fields.client + ' (' + r.id + ', ' + fmtCents(r.fields.amountCents || 0) + ')';\n    })\n    .join(', ');\n  return (\n    'Outstanding ' +\n    fmtCents(shape.outstanding) +\n    ' across ' +\n    records.filter(function (r) {\n      return r.status === 'sent';\n    }).length +\n    ' sent invoice(s); ' +\n    shape.overdue.length +\n    ' overdue' +\n    (chase ? ' (' + chase + ')' : '') +\n    '. Paid this month: ' +\n    fmtCents(shape.paidMonth) +\n    '.'\n  );\n}\n// ── office-rules-end ──\n\nconst invoices = rosterStore(gezel.fs, 'invoices.json', {\n  stages: ['draft', 'sent', 'paid'],\n  idPrefix: 'inv',\n});\n\nif (input.action === 'record_invoice') {\n  const cents = toCents(input.amount);\n  if (!input.client || cents === null) {\n    throw new Error(\"record_invoice needs 'client' and a positive 'amount' (ordinary units).\");\n  }\n  await invoices.add({\n    fields: {\n      client: input.client,\n      amountCents: cents,\n      ...(input.due ? { dueAt: input.due } : {}),\n      ...(input.note ? { note: input.note } : {}),\n    },\n  });\n} else if (input.action === 'invoice_sent' || input.action === 'invoice_paid') {\n  if (!input.id) throw new Error(\"Pass the invoice 'id', e.g. 'inv-3'.\");\n  await invoices.transition(input.id, input.action === 'invoice_sent' ? 'sent' : 'paid');\n} else if (input.action !== 'status' && input.action !== 'list_invoices') {\n  throw new Error(\n    `Unknown action '${input.action}'. Use status, record_invoice, invoice_sent, invoice_paid, or list_invoices.`,\n  );\n}\n\nconst records = await invoices.list();\nconst shape = officeShape(records, Date.now());\nconst listing =\n  input.action === 'list_invoices'\n    ? records\n        .map(\n          (r) =>\n            `${r.id} [${r.status}] ${String(r.fields.client ?? '?')} ${fmtCents(Number(r.fields.amountCents ?? 0))}${r.fields.dueAt ? ` due ${String(r.fields.dueAt).slice(0, 10)}` : ''}`,\n        )\n        .join('\\n') || 'The invoice book is empty.'\n    : '';\n\ngezel.output({\n  invoices: records.length,\n  outstandingCents: shape.outstanding,\n  overdue: shape.overdue.length,\n  summary: listing || officeLine(records, Date.now()),\n});\n"
+  }
+}

package/data/project-types/fr/freelance-office/versions/1.0.1/mission.md ADDED Viewed

@@ -0,0 +1,6 @@
+- Every invoice is tracked from draft to paid; nothing falls through.
+- Overdue invoices get a drafted chase the day they slip — friendly, firm,
+  escalating gently.
+- Proposals and quiet clients get follow-ups after a week, not a month.
+- The income picture (outstanding, overdue, paid this month) is always one
+  question away.