@absolutejs/voice 0.0.22-beta.152 → 0.0.22-beta.153

package/dist/vue/index.js

@@ -378,6 +378,12 @@ var VoiceOpsStatus = defineComponent({
 import { defineComponent as defineComponent2, h as h2 } from "vue";
 
 // src/client/deliveryRuntime.ts
+var getDefaultActionPath = (path, action, options) => {
+  if (action === "tick") {
+    return options.tickPath ?? `${path.replace(/\/$/, "")}/tick`;
+  }
+  return options.requeueDeadLettersPath ?? `${path.replace(/\/$/, "")}/requeue-dead-letters`;
+};
 var fetchVoiceDeliveryRuntime = async (path = "/api/voice-delivery-runtime", options = {}) => {
   const fetchImpl = options.fetch ?? globalThis.fetch;
   const response = await fetchImpl(path);
@@ -386,11 +392,29 @@ var fetchVoiceDeliveryRuntime = async (path = "/api/voice-delivery-runtime", opt
   }
   return await response.json();
 };
+var runVoiceDeliveryRuntimeAction = async (action, path = "/api/voice-delivery-runtime", options = {}) => {
+  const fetchImpl = options.fetch ?? globalThis.fetch;
+  const response = await fetchImpl(getDefaultActionPath(path, action, options), {
+    method: "POST"
+  });
+  if (!response.ok) {
+    throw new Error(`Voice delivery runtime ${action} failed: HTTP ${response.status}`);
+  }
+  const body = await response.json();
+  return {
+    action,
+    result: body.result,
+    summary: body.summary,
+    updatedAt: Date.now()
+  };
+};
 var createVoiceDeliveryRuntimeStore = (path = "/api/voice-delivery-runtime", options = {}) => {
   const listeners = new Set;
   let closed = false;
   let timer;
   let snapshot = {
+    actionError: null,
+    actionStatus: "idle",
     error: null,
     isLoading: false
   };
@@ -412,6 +436,7 @@ var createVoiceDeliveryRuntimeStore = (path = "/api/voice-delivery-runtime", opt
     try {
       const report = await fetchVoiceDeliveryRuntime(path, options);
       snapshot = {
+        ...snapshot,
         error: null,
         isLoading: false,
         report,
@@ -429,6 +454,37 @@ var createVoiceDeliveryRuntimeStore = (path = "/api/voice-delivery-runtime", opt
       throw error;
     }
   };
+  const runAction = async (action) => {
+    if (closed) {
+      return snapshot.lastAction;
+    }
+    snapshot = {
+      ...snapshot,
+      actionError: null,
+      actionStatus: "running"
+    };
+    emit();
+    try {
+      const result = await runVoiceDeliveryRuntimeAction(action, path, options);
+      snapshot = {
+        ...snapshot,
+        actionError: null,
+        actionStatus: "completed",
+        lastAction: result
+      };
+      emit();
+      await refresh();
+      return result;
+    } catch (error) {
+      snapshot = {
+        ...snapshot,
+        actionError: error instanceof Error ? error.message : String(error),
+        actionStatus: "failed"
+      };
+      emit();
+      throw error;
+    }
+  };
   const close = () => {
     closed = true;
     if (timer) {
@@ -446,7 +502,9 @@ var createVoiceDeliveryRuntimeStore = (path = "/api/voice-delivery-runtime", opt
     close,
     getServerSnapshot: () => snapshot,
     getSnapshot: () => snapshot,
+    requeueDeadLetters: () => runAction("requeue-dead-letters"),
     refresh,
+    tick: () => runAction("tick"),
     subscribe: (listener) => {
       listeners.add(listener);
       return () => {
@@ -495,6 +553,8 @@ var createVoiceDeliveryRuntimeViewModel = (snapshot, options = {}) => {
   return {
     description: options.description ?? DEFAULT_DESCRIPTION2,
     error: snapshot.error,
+    actionError: snapshot.actionError,
+    actionStatus: snapshot.actionStatus,
     isLoading: snapshot.isLoading,
     isRunning: Boolean(report?.isRunning),
     label: snapshot.error ? "Unavailable" : report ? report.isRunning ? "Running" : "Stopped" : "Checking",
@@ -511,6 +571,11 @@ var renderVoiceDeliveryRuntimeHTML = (snapshot, options = {}) => {
   <strong>${escapeHtml2(surface.detail)}</strong>
   <small>${String(surface.failed)} failed &middot; ${String(surface.deadLettered)} dead-lettered</small>
 </li>`).join("");
+  const actions = options.includeActions === false ? "" : `<div class="absolute-voice-delivery-runtime__actions">
+  <button type="button" data-absolute-voice-delivery-runtime-action="tick">${model.actionStatus === "running" ? "Working..." : "Tick workers"}</button>
+  <button type="button" data-absolute-voice-delivery-runtime-action="requeue-dead-letters"${model.surfaces.some((surface) => surface.deadLettered > 0) ? "" : " disabled"}>Requeue dead letters</button>
+</div>`;
+  const actionError = model.actionError ? `<p class="absolute-voice-delivery-runtime__error">${escapeHtml2(model.actionError)}</p>` : "";
   return `<section class="absolute-voice-delivery-runtime absolute-voice-delivery-runtime--${escapeHtml2(model.status)}">
   <header class="absolute-voice-delivery-runtime__header">
     <span class="absolute-voice-delivery-runtime__eyebrow">${escapeHtml2(model.title)}</span>
@@ -518,20 +583,38 @@ var renderVoiceDeliveryRuntimeHTML = (snapshot, options = {}) => {
   </header>
   <p class="absolute-voice-delivery-runtime__description">${escapeHtml2(model.description)}</p>
   <ul class="absolute-voice-delivery-runtime__surfaces">${surfaces}</ul>
+  ${actions}
+  ${actionError}
   ${model.error ? `<p class="absolute-voice-delivery-runtime__error">${escapeHtml2(model.error)}</p>` : ""}
 </section>`;
 };
-var getVoiceDeliveryRuntimeCSS = () => `.absolute-voice-delivery-runtime{border:1px solid #c9d8cf;border-radius:20px;background:#f6fff9;color:#0d1b12;padding:18px;box-shadow:0 18px 40px rgba(19,55,35,.12);font-family:inherit}.absolute-voice-delivery-runtime--warn,.absolute-voice-delivery-runtime--error{border-color:#f2b56b;background:#fff9ed}.absolute-voice-delivery-runtime__header{align-items:start;display:flex;gap:12px;justify-content:space-between}.absolute-voice-delivery-runtime__eyebrow{color:#4e6b59;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.absolute-voice-delivery-runtime__label{font-size:28px;line-height:1}.absolute-voice-delivery-runtime__description{color:#33483b;margin:12px 0 0}.absolute-voice-delivery-runtime__surfaces{display:grid;gap:8px;list-style:none;margin:16px 0 0;padding:0}.absolute-voice-delivery-runtime__surface{background:#fff;border:1px solid #d9eadf;border-radius:14px;display:grid;gap:4px;padding:10px 12px}.absolute-voice-delivery-runtime__surface--warn{border-color:#f2b56b}.absolute-voice-delivery-runtime__surface--disabled{opacity:.72}.absolute-voice-delivery-runtime__surface span,.absolute-voice-delivery-runtime__surface small{color:#587063}.absolute-voice-delivery-runtime__error{color:#9f1239;font-weight:700}`;
+var getVoiceDeliveryRuntimeCSS = () => `.absolute-voice-delivery-runtime{border:1px solid #c9d8cf;border-radius:20px;background:#f6fff9;color:#0d1b12;padding:18px;box-shadow:0 18px 40px rgba(19,55,35,.12);font-family:inherit}.absolute-voice-delivery-runtime--warn,.absolute-voice-delivery-runtime--error{border-color:#f2b56b;background:#fff9ed}.absolute-voice-delivery-runtime__header{align-items:start;display:flex;gap:12px;justify-content:space-between}.absolute-voice-delivery-runtime__eyebrow{color:#4e6b59;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.absolute-voice-delivery-runtime__label{font-size:28px;line-height:1}.absolute-voice-delivery-runtime__description{color:#33483b;margin:12px 0 0}.absolute-voice-delivery-runtime__surfaces{display:grid;gap:8px;list-style:none;margin:16px 0 0;padding:0}.absolute-voice-delivery-runtime__surface{background:#fff;border:1px solid #d9eadf;border-radius:14px;display:grid;gap:4px;padding:10px 12px}.absolute-voice-delivery-runtime__surface--warn{border-color:#f2b56b}.absolute-voice-delivery-runtime__surface--disabled{opacity:.72}.absolute-voice-delivery-runtime__surface span,.absolute-voice-delivery-runtime__surface small{color:#587063}.absolute-voice-delivery-runtime__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.absolute-voice-delivery-runtime__actions button{background:#134e2d;border:0;border-radius:999px;color:#f6fff9;cursor:pointer;font:inherit;font-weight:800;padding:8px 12px}.absolute-voice-delivery-runtime__actions button:disabled{cursor:not-allowed;opacity:.48}.absolute-voice-delivery-runtime__error{color:#9f1239;font-weight:700}`;
 var mountVoiceDeliveryRuntime = (element, path = "/api/voice-delivery-runtime", options = {}) => {
   const store = createVoiceDeliveryRuntimeStore(path, options);
   const render = () => {
     element.innerHTML = renderVoiceDeliveryRuntimeHTML(store.getSnapshot(), options);
   };
   const unsubscribe = store.subscribe(render);
+  const handleClick = (event) => {
+    const target = event.target;
+    if (!(target instanceof Element)) {
+      return;
+    }
+    const action = target.closest("[data-absolute-voice-delivery-runtime-action]");
+    const actionName = action?.getAttribute("data-absolute-voice-delivery-runtime-action");
+    if (actionName === "tick") {
+      store.tick().catch(() => {});
+    }
+    if (actionName === "requeue-dead-letters") {
+      store.requeueDeadLetters().catch(() => {});
+    }
+  };
+  element.addEventListener?.("click", handleClick);
   render();
   store.refresh().catch(() => {});
   return {
     close: () => {
+      element.removeEventListener?.("click", handleClick);
       unsubscribe();
       store.close();
     },
@@ -563,12 +646,16 @@ var defineVoiceDeliveryRuntimeElement = (tagName = "absolute-voice-delivery-runt
 import { onUnmounted as onUnmounted2, ref as ref2, shallowRef as shallowRef2 } from "vue";
 function useVoiceDeliveryRuntime(path = "/api/voice-delivery-runtime", options = {}) {
   const store = createVoiceDeliveryRuntimeStore(path, options);
+  const actionError = ref2(null);
+  const actionStatus = ref2("idle");
   const error = ref2(null);
   const isLoading = ref2(false);
   const report = shallowRef2(undefined);
   const updatedAt = ref2(undefined);
   const sync = () => {
     const snapshot = store.getSnapshot();
+    actionError.value = snapshot.actionError;
+    actionStatus.value = snapshot.actionStatus;
     error.value = snapshot.error;
     isLoading.value = snapshot.isLoading;
     report.value = snapshot.report;
@@ -584,10 +671,14 @@ function useVoiceDeliveryRuntime(path = "/api/voice-delivery-runtime", options =
     store.close();
   });
   return {
+    actionError,
+    actionStatus,
     error,
     isLoading,
+    requeueDeadLetters: store.requeueDeadLetters,
     refresh: store.refresh,
     report,
+    tick: store.tick,
     updatedAt
   };
 }
@@ -597,6 +688,10 @@ var VoiceDeliveryRuntime = defineComponent2({
   name: "VoiceDeliveryRuntime",
   props: {
     description: String,
+    includeActions: {
+      default: true,
+      type: Boolean
+    },
     intervalMs: Number,
     path: {
       default: "/api/voice-delivery-runtime",
@@ -614,10 +709,13 @@ var VoiceDeliveryRuntime = defineComponent2({
     return () => {
       const model = createVoiceDeliveryRuntimeViewModel({
         error: runtime.error.value,
+        actionError: runtime.actionError.value,
+        actionStatus: runtime.actionStatus.value,
         isLoading: runtime.isLoading.value,
         report: runtime.report.value,
         updatedAt: runtime.updatedAt.value
       }, options);
+      const hasDeadLetters = model.surfaces.some((surface) => surface.deadLettered > 0);
       return h2("section", {
         class: [
           "absolute-voice-delivery-runtime",
@@ -640,6 +738,23 @@ var VoiceDeliveryRuntime = defineComponent2({
           h2("strong", surface.detail),
           h2("small", `${surface.failed} failed / ${surface.deadLettered} dead-lettered`)
         ]))),
+        props.includeActions ? h2("div", { class: "absolute-voice-delivery-runtime__actions" }, [
+          h2("button", {
+            disabled: model.actionStatus === "running",
+            onClick: () => {
+              runtime.tick().catch(() => {});
+            },
+            type: "button"
+          }, model.actionStatus === "running" ? "Working..." : "Tick workers"),
+          h2("button", {
+            disabled: model.actionStatus === "running" || !hasDeadLetters,
+            onClick: () => {
+              runtime.requeueDeadLetters().catch(() => {});
+            },
+            type: "button"
+          }, "Requeue dead letters")
+        ]) : null,
+        model.actionError ? h2("p", { class: "absolute-voice-delivery-runtime__error" }, model.actionError) : null,
         model.error ? h2("p", { class: "absolute-voice-delivery-runtime__error" }, model.error) : null
       ]);
     };

package/dist/vue/useVoiceDeliveryRuntime.d.ts

@@ -1,9 +1,13 @@
 import { type VoiceDeliveryRuntimeClientOptions } from '../client/deliveryRuntime';
 import type { VoiceDeliveryRuntimeReport } from '../deliveryRuntime';
 export declare function useVoiceDeliveryRuntime(path?: string, options?: VoiceDeliveryRuntimeClientOptions): {
+    actionError: import("vue").Ref<string | null, string | null>;
+    actionStatus: import("vue").Ref<"completed" | "failed" | "idle" | "running", "completed" | "failed" | "idle" | "running">;
     error: import("vue").Ref<string | null, string | null>;
     isLoading: import("vue").Ref<boolean, boolean>;
+    requeueDeadLetters: () => Promise<import("../client").VoiceDeliveryRuntimeActionResult | undefined>;
     refresh: () => Promise<VoiceDeliveryRuntimeReport | undefined>;
     report: import("vue").ShallowRef<VoiceDeliveryRuntimeReport | undefined, VoiceDeliveryRuntimeReport | undefined>;
+    tick: () => Promise<import("../client").VoiceDeliveryRuntimeActionResult | undefined>;
     updatedAt: import("vue").Ref<number | undefined, number | undefined>;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@absolutejs/voice",
-	"version": "0.0.22-beta.152",
+	"version": "0.0.22-beta.153",
 	"description": "Voice primitives and Elysia plugin for AbsoluteJS",
 	"repository": {
 		"type": "git",