@revenexx/studio-integrations 0.4.0 → 0.5.1

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@revenexx/studio-integrations",
   "configKey": "studioIntegrations",
-  "version": "0.4.0",
+  "version": "0.5.1",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "unknown"

package/dist/module.mjs

@@ -1,6 +1,6 @@
 import { existsSync, readdirSync, statSync } from 'node:fs';
 import { join } from 'node:path';
-import { defineNuxtModule, createResolver, addComponentsDir, addImportsDir, extendPages } from '@nuxt/kit';
+import { defineNuxtModule, createResolver, hasNuxtModule, installModule, addComponentsDir, addImportsDir, extendPages } from '@nuxt/kit';
 
 function toSegment(name) {
   if (name.startsWith("[...")) return `:${name.slice(4, -1)}(.*)*`;
@@ -27,9 +27,22 @@ const module$1 = defineNuxtModule({
     name: "@revenexx/studio-integrations",
     configKey: "studioIntegrations"
   },
-  setup(_options, nuxt) {
+  async setup(_options, nuxt) {
     const { resolve } = createResolver(import.meta.url);
     const runtime = resolve("./runtime");
+    if (!hasNuxtModule("@solar-icons/nuxt", nuxt)) {
+      await installModule("@solar-icons/nuxt", {
+        namePrefix: "Solar",
+        autoImport: true,
+        provider: true,
+        color: "currentColor",
+        size: 18,
+        weight: "BoldDuotone"
+      }, nuxt);
+    }
+    if (!hasNuxtModule("@revenexx/studio-shared", nuxt) && !hasNuxtModule("studio-shared", nuxt)) {
+      await installModule("@revenexx/studio-shared", {}, nuxt);
+    }
     nuxt.options.imports = nuxt.options.imports || {};
     nuxt.options.imports.transform = nuxt.options.imports.transform || {};
     nuxt.options.imports.transform.include = nuxt.options.imports.transform.include || [];

package/dist/runtime/components/Integrations/WorkflowEditor.d.vue.ts

@@ -6,6 +6,8 @@ type __VLS_Props = {
     workflow: Workflow;
     /** Busy flag for the control-pane Play button (a run is being triggered). */
     runBusy?: boolean;
+    /** The run is queued behind a bundle build — busy, but worth saying why. */
+    runWaiting?: boolean;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (blob: WorkflowBlob) => any;

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

@@ -50,7 +50,8 @@ import { layoutWorkflowNodes } from "./workflowLayout";
 import { TRIGGER_TEMPLATES, findManifest } from "../../data/integrationNodeCatalog";
 const props = defineProps({
   workflow: { type: Object, required: true },
-  runBusy: { type: Boolean, required: false }
+  runBusy: { type: Boolean, required: false },
+  runWaiting: { type: Boolean, required: false }
 });
 const emit = defineEmits(["change", "run", "toggleActive", "openSettings"]);
 const { keys: secretKeys } = useIntegrationsSecrets();
@@ -1472,7 +1473,7 @@ const edgeTypes = {
           <!-- Smart Run: the page decides what "run" means — workflows that
                consume trigger.payload open the payload dialog, payload-free
                ones fire immediately. One button either way. -->
-          <IntegrationsEditorTip label="Run workflow" shortcut="mod+enter">
+          <IntegrationsEditorTip :label="runWaiting ? 'The bundle is still building \u2014 the run starts when it is ready' : 'Run workflow'" shortcut="mod+enter">
             <button
               type="button"
               class="relative flex h-8 items-center gap-1.5 rounded-lg bg-gradient-to-b from-emerald-500 to-emerald-600 px-3.5 text-sm font-medium text-white transition after:pointer-events-none after:absolute after:inset-0 after:rounded-[inherit] after:shadow-[inset_0_1px_0_rgba(255,255,255,0.3),inset_0_-2px_0_rgba(0,0,0,0.25)] hover:from-emerald-600 hover:to-emerald-600 active:translate-y-px disabled:opacity-60"
@@ -1481,7 +1482,7 @@ const edgeTypes = {
             >
               <Loader2 v-if="runBusy" :size="14" class="animate-spin" />
               <Play v-else :size="14" />
-              Run
+              {{ runWaiting ? "Waiting for build\u2026" : "Run" }}
             </button>
           </IntegrationsEditorTip>
 

package/dist/runtime/components/Integrations/WorkflowEditor.vue.d.ts

@@ -6,6 +6,8 @@ type __VLS_Props = {
     workflow: Workflow;
     /** Busy flag for the control-pane Play button (a run is being triggered). */
     runBusy?: boolean;
+    /** The run is queued behind a bundle build — busy, but worth saying why. */
+    runWaiting?: boolean;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (blob: WorkflowBlob) => any;

package/dist/runtime/pages/integrations/workflows/[id].vue

@@ -54,11 +54,33 @@ const reauthCredentials = computed(() => {
   const blob = JSON.stringify(dirtyBlob.value ?? workflow.value?.blob ?? {});
   return needsReauth.value.filter((c) => blob.includes(c.id));
 });
-const buildBlocked = computed(() => {
-  const s = workflow.value?.buildStatus;
-  return s === "pending" || s === "building" || s === "failed";
-});
 const buildWorking = computed(() => workflow.value?.buildStatus === "building" || workflow.value?.buildStatus === "pending");
+const buildFailed = computed(() => workflow.value?.buildStatus === "failed");
+const waitingForBuild = ref(false);
+const BUILD_WAIT_POLL_MS = 2500;
+const BUILD_WAIT_TIMEOUT_MS = 5 * 6e4;
+async function waitForBuildReady() {
+  waitingForBuild.value = true;
+  try {
+    const started = Date.now();
+    while (Date.now() - started < BUILD_WAIT_TIMEOUT_MS) {
+      await new Promise((resolve) => setTimeout(resolve, BUILD_WAIT_POLL_MS));
+      if (!workflow.value) return false;
+      const fresh = await get(workflow.value.id);
+      const status = fresh?.buildStatus;
+      if (status === "pending" || status === "building") continue;
+      if (status === "failed") {
+        toast.error("The workflow bundle failed to build \u2014 the run was not started.");
+        return false;
+      }
+      return true;
+    }
+    toast.error("The bundle build is taking unusually long \u2014 try the run again once it is ready.");
+    return false;
+  } finally {
+    waitingForBuild.value = false;
+  }
+}
 const buildNotice = computed(() => {
   switch (workflow.value?.buildStatus) {
     case "building":
@@ -101,6 +123,7 @@ async function onRevisionRestored() {
 }
 const { trigger: triggerRun, loadForWorkflow, fetchRun, retryRun } = useIntegrationsRuns();
 const running = ref(false);
+const waitingMode = ref(null);
 const payloadText = ref("{}");
 const payloadError = ref(null);
 const primaryMode = computed(() => workflow.value?.execution_mode === "sync_only" ? "sync" : "async");
@@ -139,6 +162,12 @@ async function run(mode) {
     return;
   }
   payloadError.value = null;
+  if (buildWorking.value) {
+    waitingMode.value = mode;
+    const ready = await waitForBuildReady();
+    waitingMode.value = null;
+    if (!ready) return;
+  }
   runModalMode.value = mode;
   runModalRunId.value = null;
   syncOpen.value = true;
@@ -574,7 +603,8 @@ function formatDateTime(iso) {
         <WorkflowEditor
           :key="editorResetKey"
           :workflow="workflow"
-          :run-busy="running || syncLoading"
+          :run-busy="running || syncLoading || waitingForBuild"
+          :run-waiting="waitingForBuild"
           @change="onChange"
           @run="runFromEditor"
           @toggle-active="toggleActive(workflow.id)"
@@ -669,36 +699,36 @@ function formatDateTime(iso) {
           <template v-if="workflow.execution_mode === 'caller_decides'">
             <Button
               variant="outline"
-              :disabled="running || syncLoading || buildBlocked"
-              :title="buildBlocked ? 'The workflow bundle is not ready to run yet.' : void 0"
+              :disabled="running || syncLoading || waitingForBuild || buildFailed"
+              :title="buildFailed ? 'The workflow bundle failed to build.' : void 0"
               class="h-8 text-sm"
               @click="runFromPayloadDialog('sync')"
             >
-              <Loader2 v-if="syncLoading" :size="14" class="animate-spin" />
+              <Loader2 v-if="syncLoading || waitingMode === 'sync'" :size="14" class="animate-spin" />
               <Play v-else :size="14" />
-              Run (sync)
+              {{ waitingMode === "sync" ? "Waiting for build\u2026" : "Run (sync)" }}
             </Button>
             <Button
-              :disabled="running || syncLoading || buildBlocked"
-              :title="buildBlocked ? 'The workflow bundle is not ready to run yet.' : void 0"
+              :disabled="running || syncLoading || waitingForBuild || buildFailed"
+              :title="buildFailed ? 'The workflow bundle failed to build.' : void 0"
               class="h-8 text-sm"
               @click="runFromPayloadDialog('async')"
             >
-              <Loader2 v-if="running" :size="14" class="animate-spin" />
+              <Loader2 v-if="running || waitingMode === 'async'" :size="14" class="animate-spin" />
               <Play v-else :size="14" />
-              Run (async)
+              {{ waitingMode === "async" ? "Waiting for build\u2026" : "Run (async)" }}
             </Button>
           </template>
           <Button
             v-else
-            :disabled="running || syncLoading || buildBlocked"
-            :title="buildBlocked ? 'The workflow bundle is not ready to run yet.' : void 0"
+            :disabled="running || syncLoading || waitingForBuild || buildFailed"
+            :title="buildFailed ? 'The workflow bundle failed to build.' : void 0"
             class="h-8 text-sm"
             @click="runFromPayloadDialog(primaryMode)"
           >
-            <Loader2 v-if="running || syncLoading" :size="14" class="animate-spin" />
+            <Loader2 v-if="running || syncLoading || waitingForBuild" :size="14" class="animate-spin" />
             <Play v-else :size="14" />
-            Run ({{ primaryMode }})
+            {{ waitingForBuild ? "Waiting for build\u2026" : `Run (${primaryMode})` }}
           </Button>
         </div>
       </DialogContent>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@revenexx/studio-integrations",
-  "version": "0.4.0",
+  "version": "0.5.1",
   "type": "module",
   "description": "Integration Studio (core: workflows, node editor, runs, schedules, credentials, secrets, audit) as a standalone, publishable Nuxt module.",
   "repository": {
@@ -25,13 +25,13 @@
   },
   "dependencies": {
     "@nuxt/kit": "^4.0.0",
+    "@revenexx/studio-shared": "^0.2.0",
+    "@solar-icons/nuxt": "^1.2.0",
     "marked": "^18.0.5"
   },
   "peerDependencies": {
     "@dagrejs/dagre": "^3.0.0",
     "@revenexx/studio": "*",
-    "@revenexx/studio-shared": "^0.2.0",
-    "@solar-icons/nuxt": "^1.2.0",
     "@tiptap/core": "^3.28.0",
     "@tiptap/extension-document": "^3.28.0",
     "@tiptap/extension-history": "^3.28.0",