wao 0.41.3 → 0.41.5

package/devnet/app/views/messages.js

@@ -0,0 +1,90 @@
+import { queryTxs } from "../api.js"
+import { table, replaceRows } from "../components/table.js"
+import { pagination } from "../components/pagination.js"
+import { navigate } from "../router.js"
+import { short, fromNow, tagsMap } from "../utils.js"
+
+const columns = [
+  { key: "action", label: "Action", render: (v) => `<span class="type-badge-message">${v}</span>` },
+  { key: "id", label: "ID", mono: true, render: (v) => `<span class="link">${short(v)}</span>` },
+  { key: "from", label: "From", mono: true, render: (v, row) => `<span class="link" onclick="event.stopPropagation();location.hash='#/entity/${row._from}'">${short(v)}</span>` },
+  { key: "to", label: "To", mono: true, render: (v, row) => row._to ? `<span class="link" onclick="event.stopPropagation();location.hash='#/entity/${row._to}'">${short(v)}</span>` : v },
+  { key: "block", label: "Block" },
+  { key: "time", label: "Timestamp" },
+]
+
+function mapEdges(edges) {
+  return edges.map((e) => {
+    const tags = tagsMap(e.node.tags)
+    return {
+      action: tags["Action"] || "\u2014",
+      id: e.node.id,
+      from: e.node.owner?.address,
+      to: e.node.recipient || "\u2014",
+      block: e.node.block?.height ?? "\u2014",
+      time: fromNow(e.node.block?.timestamp),
+      _id: e.node.id,
+      _from: e.node.owner?.address || "",
+      _to: e.node.recipient || "",
+    }
+  })
+}
+
+export async function messagesView(el) {
+  el.innerHTML = '<div class="loading">Loading messages...</div>'
+
+  let pageSize = 25
+  const cursors = [null]
+  const onClick = (row) => navigate("#/entity/" + row._id)
+  let t = null
+  let pg = null
+
+  async function loadPage(page) {
+    const cursor = cursors[page - 1] ?? null
+    const data = await queryTxs({
+      first: pageSize,
+      after: cursor,
+      tags: [{ name: "Type", values: ["Message"] }],
+      sort: "HEIGHT_DESC",
+    })
+    const edges = data?.edges || []
+    const rows = mapEdges(edges)
+    const count = data?.pageInfo?.count
+
+    if (edges.length && data?.pageInfo?.hasNextPage) {
+      cursors[page] = edges[edges.length - 1].cursor
+    }
+
+    if (t) {
+      replaceRows(t, columns, rows, onClick)
+    } else {
+      t = table(columns, rows, onClick)
+    }
+
+    return { hasNext: !!data?.pageInfo?.hasNextPage, count }
+  }
+
+  try {
+    const { hasNext, count } = await loadPage(1)
+
+    el.innerHTML = '<div class="section-title">Messages</div>'
+    el.appendChild(t)
+
+    pg = pagination({
+      pageSize,
+      onPage: async (page, newSize) => {
+        if (newSize && newSize !== pageSize) {
+          pageSize = newSize
+          cursors.length = 1
+          cursors[0] = null
+        }
+        const res = await loadPage(page)
+        pg.update(page, res.hasNext, res.count)
+      },
+    })
+    pg.update(1, hasNext, count)
+    el.appendChild(pg.el)
+  } catch (err) {
+    el.innerHTML = `<div class="loading">Error: ${err.message}</div>`
+  }
+}

package/devnet/app/views/modules.js

@@ -0,0 +1,165 @@
+import { queryTxs } from "../api.js"
+import { table, replaceRows } from "../components/table.js"
+import { pagination } from "../components/pagination.js"
+import { navigate } from "../router.js"
+import { short, fromNow, tagsMap } from "../utils.js"
+
+const columns = [
+  { key: "type", label: "Type", render: (v) => `<span class="type-badge-module">${v}</span>` },
+  { key: "name", label: "Name" },
+  { key: "id", label: "ID", mono: true, render: (v) => `<span class="link">${short(v)}</span>` },
+  { key: "format", label: "Format" },
+  { key: "memLimit", label: "Memory" },
+  { key: "processes", label: "Processes" },
+  { key: "owner", label: "Owner", mono: true, render: (v, row) => v ? `<span class="link" onclick="event.stopPropagation();location.hash='#/entity/${row._owner}'">${short(v)}</span>` : "\u2014" },
+  { key: "time", label: "Timestamp" },
+]
+
+function mapEdges(edges) {
+  return edges.map((e) => {
+    const tags = tagsMap(e.node.tags)
+    return {
+      type: "Module",
+      name: tags["Name"] || tags["Module-Name"] || "\u2014",
+      id: e.node.id,
+      format: tags["Module-Format"] || tags["Content-Type"] || "\u2014",
+      memLimit: tags["Memory-Limit"] || "\u2014",
+      processes: "\u2026",
+      owner: e.node.owner?.address,
+      time: fromNow(e.node.block?.timestamp),
+      _id: e.node.id,
+      _owner: e.node.owner?.address || "",
+    }
+  })
+}
+
+async function loadProcessCounts(rows, tableEl) {
+  for (const row of rows) {
+    try {
+      const procs = await queryTxs({
+        first: 100,
+        tags: [
+          { name: "Type", values: ["Process"] },
+          { name: "Module", values: [row._id] },
+        ],
+      })
+      const count = procs?.edges?.length || 0
+      row.processes = String(count)
+    } catch {
+      row.processes = "\u2014"
+    }
+  }
+  const tbody = tableEl.querySelector("tbody")
+  if (!tbody) return
+  const procColIdx = columns.findIndex((c) => c.key === "processes")
+  const trs = tbody.querySelectorAll("tr")
+  trs.forEach((tr, i) => {
+    if (rows[i] && procColIdx >= 0) {
+      const td = tr.children[procColIdx]
+      if (td) td.textContent = rows[i].processes
+    }
+  })
+}
+
+export async function modulesView(el) {
+  el.innerHTML = '<div class="loading">Loading modules...</div>'
+
+  let pageSize = 25
+  const cursors = [null]
+  const onClick = (row) => navigate("#/entity/" + row._id)
+  let t = null
+  let pg = null
+  let currentRows = []
+
+  async function loadPage(page) {
+    const cursor = cursors[page - 1] ?? null
+    const data = await queryTxs({
+      first: pageSize,
+      after: cursor,
+      tags: [{ name: "Type", values: ["Module"] }],
+      sort: "HEIGHT_DESC",
+    })
+    const edges = data?.edges || []
+    let rows = mapEdges(edges)
+    const count = data?.pageInfo?.count
+
+    // On first page, discover modules referenced by processes but not in Module txs
+    if (page === 1) {
+      const processData = await queryTxs({
+        first: 100,
+        tags: [{ name: "Type", values: ["Process"] }],
+      })
+      const existingIds = new Set(rows.map((r) => r._id))
+      const discoveredModules = new Map()
+      for (const e of processData?.edges || []) {
+        const modId = tagsMap(e.node.tags)["Module"]
+        if (modId && !existingIds.has(modId) && !discoveredModules.has(modId)) {
+          discoveredModules.set(modId, true)
+        }
+      }
+      for (const modId of discoveredModules.keys()) {
+        try {
+          const modData = await queryTxs({ ids: [modId] })
+          const modEdge = modData?.edges?.[0]
+          if (modEdge) {
+            rows.unshift(mapEdges([modEdge])[0])
+          } else {
+            rows.unshift({
+              type: "Module",
+              name: "Built-in",
+              id: modId,
+              format: "\u2014",
+              memLimit: "\u2014",
+              processes: "\u2026",
+              owner: "\u2014",
+              time: "\u2014",
+              _id: modId,
+              _owner: "",
+            })
+          }
+        } catch {}
+      }
+    }
+
+    if (edges.length && data?.pageInfo?.hasNextPage) {
+      cursors[page] = edges[edges.length - 1].cursor
+    }
+
+    currentRows = rows
+
+    if (t) {
+      replaceRows(t, columns, rows, onClick)
+    } else {
+      t = table(columns, rows, onClick)
+    }
+
+    return { hasNext: !!data?.pageInfo?.hasNextPage, count }
+  }
+
+  try {
+    const { hasNext, count } = await loadPage(1)
+
+    el.innerHTML = '<div class="section-title">Modules</div>'
+    el.appendChild(t)
+
+    loadProcessCounts(currentRows, t)
+
+    pg = pagination({
+      pageSize,
+      onPage: async (page, newSize) => {
+        if (newSize && newSize !== pageSize) {
+          pageSize = newSize
+          cursors.length = 1
+          cursors[0] = null
+        }
+        const res = await loadPage(page)
+        loadProcessCounts(currentRows, t)
+        pg.update(page, res.hasNext, res.count)
+      },
+    })
+    pg.update(1, hasNext, count)
+    el.appendChild(pg.el)
+  } catch (err) {
+    el.innerHTML = `<div class="loading">Error: ${err.message}</div>`
+  }
+}

package/devnet/app/views/processes.js

@@ -0,0 +1,90 @@
+import { queryTxs } from "../api.js"
+import { table, replaceRows } from "../components/table.js"
+import { pagination } from "../components/pagination.js"
+import { navigate } from "../router.js"
+import { short, fromNow, tagsMap } from "../utils.js"
+
+const columns = [
+  { key: "type", label: "Type", render: (v) => `<span class="type-badge-process">${v}</span>` },
+  { key: "name", label: "Name" },
+  { key: "id", label: "ID", mono: true, render: (v) => `<span class="link">${short(v)}</span>` },
+  { key: "module", label: "Module", mono: true, render: (v, row) => v !== "\u2014" ? `<span class="link" onclick="event.stopPropagation();location.hash='#/entity/${row._module}'">${short(v)}</span>` : v },
+  { key: "owner", label: "Owner", mono: true, render: (v, row) => `<span class="link" onclick="event.stopPropagation();location.hash='#/entity/${row._owner}'">${short(v)}</span>` },
+  { key: "time", label: "Timestamp" },
+]
+
+function mapEdges(edges) {
+  return edges.map((e) => {
+    const tags = tagsMap(e.node.tags)
+    return {
+      type: "Process",
+      name: tags["Name"] || "\u2014",
+      id: e.node.id,
+      module: tags["Module"] || "\u2014",
+      owner: e.node.owner?.address,
+      time: fromNow(e.node.block?.timestamp),
+      _id: e.node.id,
+      _module: tags["Module"] || "",
+      _owner: e.node.owner?.address || "",
+    }
+  })
+}
+
+export async function processesView(el) {
+  el.innerHTML = '<div class="loading">Loading processes...</div>'
+
+  let pageSize = 25
+  const cursors = [null]
+  const onClick = (row) => navigate("#/entity/" + row._id)
+  let t = null
+  let pg = null
+
+  async function loadPage(page) {
+    const cursor = cursors[page - 1] ?? null
+    const data = await queryTxs({
+      first: pageSize,
+      after: cursor,
+      tags: [{ name: "Type", values: ["Process"] }],
+      sort: "HEIGHT_DESC",
+    })
+    const edges = data?.edges || []
+    const rows = mapEdges(edges)
+    const count = data?.pageInfo?.count
+
+    if (edges.length && data?.pageInfo?.hasNextPage) {
+      cursors[page] = edges[edges.length - 1].cursor
+    }
+
+    if (t) {
+      replaceRows(t, columns, rows, onClick)
+    } else {
+      t = table(columns, rows, onClick)
+    }
+
+    return { hasNext: !!data?.pageInfo?.hasNextPage, count }
+  }
+
+  try {
+    const { hasNext, count } = await loadPage(1)
+
+    el.innerHTML = '<div class="section-title">Processes</div>'
+    el.appendChild(t)
+
+    pg = pagination({
+      pageSize,
+      onPage: async (page, newSize) => {
+        if (newSize && newSize !== pageSize) {
+          pageSize = newSize
+          cursors.length = 1
+          cursors[0] = null
+        }
+        const res = await loadPage(page)
+        pg.update(page, res.hasNext, res.count)
+      },
+    })
+    pg.update(1, hasNext, count)
+    el.appendChild(pg.el)
+  } catch (err) {
+    el.innerHTML = `<div class="loading">Error: ${err.message}</div>`
+  }
+}

package/devnet/app/views/schedulers.js

@@ -0,0 +1,90 @@
+import { queryTxs } from "../api.js"
+import { table, replaceRows } from "../components/table.js"
+import { pagination } from "../components/pagination.js"
+import { navigate } from "../router.js"
+import { short, fromNow, tagsMap } from "../utils.js"
+
+const columns = [
+  { key: "type", label: "Type", render: (v) => `<span class="type-badge-scheduler">${v}</span>` },
+  { key: "id", label: "Scheduler", mono: true, render: (v) => `<span class="link">${short(v)}</span>` },
+  { key: "url", label: "URL" },
+  { key: "ttl", label: "TTL" },
+  { key: "owner", label: "Owner", mono: true, render: (v, row) => `<span class="link" onclick="event.stopPropagation();location.hash='#/entity/${row._owner}'">${short(v)}</span>` },
+  { key: "time", label: "Timestamp" },
+]
+
+function mapEdges(edges) {
+  return edges.map((e) => {
+    const tags = tagsMap(e.node.tags)
+    const type = tags["Type"] || "Scheduler-Location"
+    return {
+      type,
+      id: e.node.id,
+      url: tags["Url"] || "\u2014",
+      ttl: tags["Time-To-Live"] || "\u2014",
+      owner: e.node.owner?.address,
+      time: fromNow(e.node.block?.timestamp),
+      _id: e.node.id,
+      _owner: e.node.owner?.address || "",
+    }
+  })
+}
+
+export async function schedulersView(el) {
+  el.innerHTML = '<div class="loading">Loading schedulers...</div>'
+
+  let pageSize = 25
+  const cursors = [null]
+  const onClick = (row) => navigate("#/entity/" + row._id)
+  let t = null
+  let pg = null
+
+  async function loadPage(page) {
+    const cursor = cursors[page - 1] ?? null
+    const data = await queryTxs({
+      first: pageSize,
+      after: cursor,
+      tags: [{ name: "Type", values: ["Scheduler-Location", "Scheduler-Transfer"] }],
+      sort: "HEIGHT_DESC",
+    })
+    const edges = data?.edges || []
+    const rows = mapEdges(edges)
+    const count = data?.pageInfo?.count
+
+    if (edges.length && data?.pageInfo?.hasNextPage) {
+      cursors[page] = edges[edges.length - 1].cursor
+    }
+
+    if (t) {
+      replaceRows(t, columns, rows, onClick)
+    } else {
+      t = table(columns, rows, onClick)
+    }
+
+    return { hasNext: !!data?.pageInfo?.hasNextPage, count }
+  }
+
+  try {
+    const { hasNext, count } = await loadPage(1)
+
+    el.innerHTML = '<div class="section-title">Schedulers</div>'
+    el.appendChild(t)
+
+    pg = pagination({
+      pageSize,
+      onPage: async (page, newSize) => {
+        if (newSize && newSize !== pageSize) {
+          pageSize = newSize
+          cursors.length = 1
+          cursors[0] = null
+        }
+        const res = await loadPage(page)
+        pg.update(page, res.hasNext, res.count)
+      },
+    })
+    pg.update(1, hasNext, count)
+    el.appendChild(pg.el)
+  } catch (err) {
+    el.innerHTML = `<div class="loading">Error: ${err.message}</div>`
+  }
+}

package/devnet/app/views/transactions.js

@@ -0,0 +1,88 @@
+import { queryTxs } from "../api.js"
+import { table, replaceRows } from "../components/table.js"
+import { pagination } from "../components/pagination.js"
+import { navigate } from "../router.js"
+import { short, fromNow, tagsMap, contentTypeLabel, typeBadgeHtml } from "../utils.js"
+
+const columns = [
+  { key: "type", label: "Type", render: (v) => typeBadgeHtml(v) },
+  { key: "id", label: "ID", mono: true, render: (v) => `<span class="link">${v}</span>` },
+  { key: "owner", label: "Owner", mono: true, render: (v, row) => `<span class="link" onclick="event.stopPropagation();location.hash='#/entity/${row._owner}'">${short(v)}</span>` },
+  { key: "recipient", label: "Recipient", mono: true, render: (v, row) => row._recipient ? `<span class="link" onclick="event.stopPropagation();location.hash='#/entity/${row._recipient}'">${short(v)}</span>` : v },
+  { key: "block", label: "Block" },
+  { key: "time", label: "Timestamp" },
+]
+
+function mapEdges(edges) {
+  return edges.filter(e => !e.node.bundledIn?.id).map((e) => {
+    const tags = tagsMap(e.node.tags)
+    return {
+      id: e.node.id,
+      type: tags["Bundle-Format"] ? "Bundle" : tags["Type"] || contentTypeLabel(e.node.data?.type || tags["Content-Type"]) || "TX",
+      owner: e.node.owner?.address,
+      recipient: e.node.recipient || "\u2014",
+      block: e.node.block?.height ?? "\u2014",
+      time: fromNow(e.node.block?.timestamp),
+      _id: e.node.id,
+      _owner: e.node.owner?.address || "",
+      _recipient: e.node.recipient || "",
+    }
+  })
+}
+
+
+export async function transactionsView(el) {
+  el.innerHTML = '<div class="loading">Loading transactions...</div>'
+
+  let pageSize = 25
+  const cursors = [null]
+  const onClick = (row) => {
+    navigate("#/entity/" + row._id)
+  }
+  let t = null
+  let pg = null
+
+  async function loadPage(page) {
+    const cursor = cursors[page - 1] ?? null
+    const data = await queryTxs({ first: pageSize, after: cursor, sort: "HEIGHT_DESC" })
+    const edges = data?.edges || []
+    const rows = mapEdges(edges)
+    const count = data?.pageInfo?.count
+
+    if (edges.length && data?.pageInfo?.hasNextPage) {
+      cursors[page] = edges[edges.length - 1].cursor
+    }
+
+    if (t) {
+      replaceRows(t, columns, rows, onClick)
+    } else {
+      t = table(columns, rows, onClick)
+    }
+
+    return { hasNext: !!data?.pageInfo?.hasNextPage, count }
+  }
+
+  try {
+    const { hasNext, count } = await loadPage(1)
+
+    el.innerHTML = '<div class="section-title">Transactions</div>'
+    el.appendChild(t)
+
+    pg = pagination({
+      pageSize,
+      onPage: async (page, newSize) => {
+        if (newSize && newSize !== pageSize) {
+          pageSize = newSize
+          cursors.length = 1
+          cursors[0] = null
+        }
+        const res = await loadPage(page)
+        pg.update(page, res.hasNext, res.count)
+      },
+    })
+    pg.update(1, hasNext, count)
+    el.appendChild(pg.el)
+  } catch (err) {
+    el.innerHTML = `<div class="loading">Error: ${err.message}</div>`
+  }
+}

package/devnet/migrations/0001_initial.sql

@@ -0,0 +1,51 @@
+-- D1 schema for indexed GQL queries and metadata
+
+CREATE TABLE blocks (
+  id        TEXT PRIMARY KEY,
+  height    INTEGER NOT NULL UNIQUE,
+  timestamp INTEGER NOT NULL,
+  previous  TEXT NOT NULL DEFAULT ''
+);
+CREATE INDEX idx_blocks_height ON blocks(height);
+
+CREATE TABLE txs (
+  id           TEXT PRIMARY KEY,
+  block_id     TEXT NOT NULL,
+  block_height INTEGER NOT NULL,
+  owner        TEXT NOT NULL DEFAULT '',
+  recipient    TEXT NOT NULL DEFAULT '',
+  anchor       TEXT NOT NULL DEFAULT '',
+  signature    TEXT,
+  data_size    TEXT NOT NULL DEFAULT '0',
+  data_type    TEXT NOT NULL DEFAULT '',
+  bundle_id    TEXT,
+  parent_id    TEXT
+);
+CREATE INDEX idx_txs_owner ON txs(owner);
+CREATE INDEX idx_txs_recipient ON txs(recipient);
+CREATE INDEX idx_txs_block_height ON txs(block_height);
+
+CREATE TABLE tx_tags (
+  tx_id TEXT NOT NULL,
+  name  TEXT NOT NULL,
+  value TEXT NOT NULL
+);
+CREATE INDEX idx_tx_tags_name_value ON tx_tags(name, value);
+CREATE INDEX idx_tx_tags_tx_id ON tx_tags(tx_id);
+
+CREATE TABLE addrmap (
+  address TEXT PRIMARY KEY,
+  key     TEXT NOT NULL DEFAULT ''
+);
+
+CREATE TABLE modules (
+  name    TEXT PRIMARY KEY,
+  wasm_id TEXT NOT NULL
+);
+
+CREATE TABLE wasms (
+  id      TEXT PRIMARY KEY,
+  format  TEXT NOT NULL DEFAULT 'wasm64-unknown-emscripten-draft_2024_02_15',
+  file    TEXT,
+  variant TEXT
+);

package/devnet/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "wao-devnet-cf",
+  "version": "0.0.1",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "wrangler dev",
+    "deploy": "wrangler deploy",
+    "keygen": "node ../src/keygen.js",
+    "publish-scheduler": "node scripts/publish-scheduler.js",
+    "transfer-scheduler": "node scripts/transfer-scheduler.js",
+    "test": "vitest run",
+    "test:e2e": "npx playwright test",
+    "test:all": "vitest run && npx playwright test"
+  },
+  "dependencies": {
+    "hono": "^4.4.0"
+  },
+  "devDependencies": {
+    "vite": "^6.0.0",
+    "vite-plugin-singlefile": "^2.0.0",
+    "wrangler": "^3.60.0",
+    "vitest": "^2.1.0",
+    "@playwright/test": "^1.48.0"
+  }
+}

package/devnet/playwright.config.js

@@ -0,0 +1,7 @@
+import { defineConfig } from "@playwright/test"
+export default defineConfig({
+  testDir: "./test",
+  testMatch: "explorer.test.js",
+  timeout: 60_000,
+  use: { baseURL: "http://localhost:8788", headless: true },
+})