@revenexx/studio-integrations 0.1.4 → 0.2.0

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;