@revenexx/studio-integrations 0.1.4 → 0.3.0

package/dist/runtime/components/Integrations/RunDetailDialog.vue

@@ -1,169 +0,0 @@
-<script setup>
-import { computed, ref, watch } from "vue";
-import { RefreshCircle as Loader2, ArrowRightUp as OpenIcon } from "#solar-icons";
-import {
-  Badge,
-  Button,
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogHeader,
-  DialogTitle
-} from "@revenexx/studio";
-import { statusClass } from "../../utils/statusStyle";
-const props = defineProps({
-  open: { type: Boolean, required: true },
-  run: { type: [Object, null], required: true }
-});
-const emit = defineEmits(["update:open"]);
-const router = useRouter();
-const { getRun, getHistory, getStackTrace } = useIntegrationsRuns();
-const loading = ref(false);
-const result = ref(null);
-const history = ref([]);
-const historySource = ref(null);
-const stackTrace = ref(null);
-const loadError = ref(null);
-function fmt(iso) {
-  if (!iso) return "\u2014";
-  try {
-    return new Date(iso).toLocaleString();
-  } catch {
-    return iso;
-  }
-}
-function fmtDuration(ms) {
-  if (ms == null) return "\u2014";
-  if (ms < 1e3) return `${ms}ms`;
-  if (ms < 6e4) return `${(ms / 1e3).toFixed(2)}s`;
-  return `${(ms / 6e4).toFixed(1)}m`;
-}
-const hasResult = computed(() => result.value != null && Object.keys(result.value).length > 0);
-async function load() {
-  const run = props.run;
-  if (!run) return;
-  loading.value = true;
-  loadError.value = null;
-  result.value = null;
-  history.value = [];
-  stackTrace.value = null;
-  try {
-    const [runRes, histRes] = await Promise.allSettled([
-      getRun(run.workflowId, run.id),
-      getHistory(run.workflowId, run.id, { page_size: 50 })
-    ]);
-    if (runRes.status === "fulfilled") {
-      result.value = runRes.value?.result ?? null;
-    }
-    if (histRes.status === "fulfilled") {
-      history.value = histRes.value?.data ?? [];
-      historySource.value = histRes.value?.source ?? null;
-    }
-    if (run.status === "running" || run.status === "failed") {
-      try {
-        stackTrace.value = await getStackTrace(run.workflowId, run.id);
-      } catch {
-        stackTrace.value = null;
-      }
-    }
-  } catch (e) {
-    loadError.value = e?.message ?? "Could not load run details.";
-  } finally {
-    loading.value = false;
-  }
-}
-watch(() => [props.open, props.run?.id], () => {
-  if (props.open && props.run) void load();
-}, { immediate: true });
-function openWorkflow() {
-  if (props.run) router.push(`/integrations/workflows/${props.run.workflowId}`);
-}
-function eventLabel(ev) {
-  return String(ev.event_type ?? ev.eventType ?? ev.type ?? "event");
-}
-</script>
-
-<template>
-  <Dialog :open="open" @update:open="(v) => emit('update:open', v)">
-    <DialogContent class="sm:max-w-2xl">
-      <DialogHeader>
-        <DialogTitle class="flex items-center gap-2">
-          <span class="truncate">{{ run?.workflowName ?? "Run" }}</span>
-          <Badge v-if="run" variant="outline" :class="['text-sm border', statusClass(run.status)]">
-            {{ run.status }}
-          </Badge>
-        </DialogTitle>
-        <DialogDescription class="font-mono text-sm">
-          Run {{ run?.id }}
-        </DialogDescription>
-      </DialogHeader>
-
-      <div v-if="run" class="space-y-4 max-h-[32rem] overflow-y-auto pr-1">
-        <!-- Facts -->
-        <div class="grid grid-cols-2 gap-x-6 gap-y-1 text-sm">
-          <div class="flex justify-between"><span class="text-muted-foreground">Trigger</span><span>{{ run.triggerType }}</span></div>
-          <div class="flex justify-between"><span class="text-muted-foreground">Duration</span><span class="tabular-nums">{{ fmtDuration(run.durationMs) }}</span></div>
-          <div class="flex justify-between"><span class="text-muted-foreground">Started</span><span class="tabular-nums">{{ fmt(run.startedAt) }}</span></div>
-          <div class="flex justify-between"><span class="text-muted-foreground">Finished</span><span class="tabular-nums">{{ fmt(run.finishedAt) }}</span></div>
-        </div>
-
-        <div v-if="run.errorMessage" class="rounded-md border border-rose-500/20 bg-rose-500/5 px-3 py-2 text-sm text-rose-700">
-          {{ run.errorMessage }}
-        </div>
-
-        <div v-if="loading" class="flex items-center gap-2 text-sm text-muted-foreground">
-          <Loader2 :size="14" class="animate-spin" /> Loading details…
-        </div>
-        <div v-else-if="loadError" class="text-sm text-rose-700">
-          {{ loadError }}
-        </div>
-
-        <template v-else>
-          <!-- Result -->
-          <section v-if="hasResult" class="space-y-1">
-            <h4 class="text-mono text-muted-foreground">
-              Result
-            </h4>
-            <pre class="rounded-md bg-muted/40 p-3 text-sm overflow-x-auto max-h-56">{{ JSON.stringify(result, null, 2) }}</pre>
-          </section>
-
-          <!-- History -->
-          <section v-if="history.length" class="space-y-1">
-            <h4 class="text-mono text-muted-foreground">
-              History <span v-if="historySource">· {{ historySource }}</span>
-            </h4>
-            <ol class="space-y-1">
-              <li
-                v-for="(ev, i) in history"
-                :key="i"
-                class="flex items-center gap-2 rounded-md border border-black/[0.05] bg-white px-2 py-1 text-sm"
-              >
-                <span class="tabular-nums text-muted-foreground w-8 shrink-0">{{ ev.event_id ?? i + 1 }}</span>
-                <span class="font-mono truncate">{{ eventLabel(ev) }}</span>
-              </li>
-            </ol>
-          </section>
-
-          <!-- Stack trace -->
-          <section v-if="stackTrace" class="space-y-1">
-            <h4 class="text-mono text-muted-foreground">
-              Stack trace
-            </h4>
-            <pre class="rounded-md bg-slate-900 text-slate-100 p-3 text-sm overflow-x-auto max-h-56">{{ stackTrace }}</pre>
-          </section>
-
-          <p v-if="!hasResult && !history.length && !stackTrace" class="text-sm text-muted-foreground">
-            No execution detail available for this run yet.
-          </p>
-        </template>
-      </div>
-
-      <div class="flex justify-end pt-2">
-        <Button variant="outline" size="sm" @click="openWorkflow">
-          <OpenIcon :size="14" class="mr-1" />
-          Open workflow
-        </Button>
-      </div>
-    </DialogContent>
-  </Dialog>
-</template>

package/dist/runtime/pages/integrations/workflows/new.d.vue.ts

@@ -1,2 +0,0 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;

package/dist/runtime/pages/integrations/workflows/new.vue

@@ -1,153 +0,0 @@
-<script setup>
-import { ref } from "vue";
-import { ArrowLeft, ClockCircle as Clock, RefreshCircle as Loader2, Play, LinkRound as Webhook } from "#solar-icons";
-import { Button, Input, Label, Textarea } from "@revenexx/studio";
-useHead({ title: "New workflow \xB7 Revenexx Cockpit" });
-const router = useRouter();
-const { create } = useIntegrationsWorkflows();
-const name = ref("");
-const description = ref("");
-const triggerType = ref("manual");
-const executionMode = ref("async_only");
-const submitting = ref(false);
-const error = ref(null);
-const executionModes = [
-  { key: "async_only", label: "Async only", hint: "Always queued." },
-  { key: "sync_only", label: "Sync only", hint: "Waits for the result." },
-  { key: "caller_decides", label: "Caller decides", hint: "The request chooses." }
-];
-const triggerOptions = [
-  { key: "manual", label: "Manual", hint: "Run on demand from the editor or API.", icon: Play, tile: "bg-slate-100 text-slate-500" },
-  { key: "schedule", label: "Schedule", hint: "Cron-based recurring execution.", icon: Clock, tile: "bg-slate-100 text-slate-500" },
-  { key: "webhook", label: "Webhook", hint: "Trigger from an inbound HTTP call.", icon: Webhook, tile: "bg-slate-100 text-slate-500" }
-];
-async function submit() {
-  if (!name.value.trim()) {
-    error.value = "Name is required.";
-    return;
-  }
-  submitting.value = true;
-  error.value = null;
-  try {
-    const handle = globalThis.crypto?.randomUUID?.() ?? `trg-${Date.now()}`;
-    const config = triggerType.value === "schedule" ? { cron: "0 * * * *", timezone: "Europe/Berlin" } : triggerType.value === "webhook" ? { path: "/incoming", method: "POST" } : {};
-    const blob = {
-      nodeManifestVersion: "v0-draft",
-      name: name.value.trim(),
-      description: description.value.trim() || void 0,
-      triggers: [{ id: handle, type: triggerType.value, active: true, config }],
-      nodes: [],
-      edges: []
-    };
-    const created = await create({
-      name: name.value.trim(),
-      description: description.value.trim() || null,
-      blob,
-      active: false,
-      executionMode: executionMode.value
-    });
-    await router.push(`/integrations/workflows/${created.id}`);
-  } catch (e) {
-    error.value = e.message || "Could not create the workflow.";
-  } finally {
-    submitting.value = false;
-  }
-}
-</script>
-
-<template>
-  <IntegrationsLayout>
-    <PageHeader
-      title="New workflow"
-      description="Give your workflow a name, pick a trigger, and you'll land in the editor."
-    >
-      <template #actions>
-        <NuxtLink to="/integrations/workflows">
-          <Button variant="outline" class="h-7 text-sm">
-            <ArrowLeft :size="14" />
-            Back
-          </Button>
-        </NuxtLink>
-      </template>
-    </PageHeader>
-
-    <form class=" p-6 space-y-6" @submit.prevent="submit">
-      <div class="space-y-1.5">
-        <Label for="wf-name">Name</Label>
-        <Input id="wf-name" v-model="name" placeholder="Sync orders nightly" class="bg-white" />
-      </div>
-
-      <div class="space-y-1.5">
-        <Label for="wf-desc">Description</Label>
-        <Textarea
-          id="wf-desc"
-          v-model="description"
-          rows="3"
-          placeholder="Optional — what this workflow does and why it exists."
-          class="bg-white"
-        />
-      </div>
-
-      <div class="space-y-2">
-        <Label>Trigger</Label>
-        <div class="grid gap-2 sm:grid-cols-3">
-          <button
-            v-for="opt in triggerOptions"
-            :key="opt.key"
-            type="button"
-            class="rounded-lg border border-black/[0.06] bg-white p-3 text-left transition hover:border-black/20 hover:shadow-sm"
-            :class="triggerType === opt.key ? 'ring-2 ring-emerald-500/40 border-emerald-500/30' : ''"
-            @click="triggerType = opt.key"
-          >
-            <span class="flex size-7 items-center justify-center rounded-md mb-2" :class="opt.tile">
-              <component :is="opt.icon" :size="14" :stroke-width="2.25" />
-            </span>
-            <div class="text-sm font-medium">
-              {{ opt.label }}
-            </div>
-            <p class="mt-0.5 text-sm text-muted-foreground">
-              {{ opt.hint }}
-            </p>
-          </button>
-        </div>
-      </div>
-
-      <div class="space-y-2">
-        <Label>Execution mode</Label>
-        <div class="grid gap-2 sm:grid-cols-3">
-          <button
-            v-for="opt in executionModes"
-            :key="opt.key"
-            type="button"
-            class="rounded-lg border border-black/[0.06] bg-white p-3 text-left transition hover:border-black/20 hover:shadow-sm"
-            :class="executionMode === opt.key ? 'ring-2 ring-emerald-500/40 border-emerald-500/30' : ''"
-            @click="executionMode = opt.key"
-          >
-            <div class="text-sm font-medium">
-              {{ opt.label }}
-            </div>
-            <p class="mt-0.5 text-sm text-muted-foreground">
-              {{ opt.hint }}
-            </p>
-          </button>
-        </div>
-      </div>
-
-      <div v-if="error" class="rounded-md border border-rose-500/20 bg-rose-500/5 px-3 py-2 text-sm text-rose-700">
-        {{ error }}
-      </div>
-
-      <div class="flex gap-2 pt-2">
-        <Button type="submit" :disabled="submitting" class="h-8 text-sm">
-          <Loader2 v-if="submitting" :size="14" class="animate-spin" />
-          {{ submitting ? "Creating\u2026" : "Create and open editor" }}
-        </Button>
-        <NuxtLink to="/integrations/workflows">
-          <Button type="button" variant="outline" class="h-8 text-sm">
-            Cancel
-          </Button>
-        </NuxtLink>
-      </div>
-    </form>
-  </IntegrationsLayout>
-</template>

package/dist/runtime/pages/integrations/workflows/new.vue.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;