nvent 0.4.4 → 0.5.0

package/dist/runtime/app/components/FlowScheduleDialog.vue

@@ -1,226 +0,0 @@
-<template>
-  <UModal v-model:open="isOpen">
-    <template #header>
-      <div class="flex items-center justify-between">
-        <div>
-          <h3 class="text-lg font-semibold">
-            Schedule Flow
-          </h3>
-          <p class="text-sm text-gray-500 mt-1">
-            {{ flowName }}
-          </p>
-        </div>
-      </div>
-    </template>
-    <template #body>
-      <div class="space-y-4">
-        <!-- Schedule Type -->
-        <div>
-          <label class="text-sm font-medium text-gray-700 dark:text-gray-300 mb-2 block">
-            Schedule Type
-          </label>
-          <UTabs
-            v-model="scheduleType"
-            :items="typeOptions"
-            size="sm"
-            variant="pill"
-            color="neutral"
-          />
-        </div>
-
-        <!-- Cron Pattern -->
-        <div v-if="scheduleType === 'cron'">
-          <label class="text-sm font-medium text-gray-700 dark:text-gray-300 mb-2 block">
-            Pattern
-          </label>
-          <USelectMenu
-            v-model="selectedPreset"
-            :items="cronPresets"
-            class="w-full"
-            placeholder="Select preset or custom"
-          />
-          <UInput
-            v-if="selectedPreset?.value === 'custom'"
-            v-model="customCron"
-            placeholder="0 2 * * *"
-            class="mt-2 w-full"
-          />
-        </div>
-
-        <!-- Delay -->
-        <div v-else-if="scheduleType === 'delay'">
-          <label class="text-sm font-medium text-gray-700 dark:text-gray-300 mb-2 block">
-            Delay
-          </label>
-          <div class="flex gap-2">
-            <UInput
-              v-model="delayValue"
-              type="number"
-              placeholder="5"
-              class="flex-1"
-            />
-            <USelectMenu
-              v-model="delayUnit"
-              :items="delayUnits"
-              class="w-32"
-            />
-          </div>
-        </div>
-
-        <!-- Input Data -->
-        <div>
-          <label class="text-sm font-medium text-gray-700 dark:text-gray-300 mb-2 block">
-            Input Data (JSON)
-          </label>
-          <UTextarea
-            v-model="inputJson"
-            placeholder="{ &quot;key&quot;: &quot;value&quot; }"
-            :rows="4"
-            class="font-mono text-sm w-full"
-          />
-          <p
-            v-if="jsonError"
-            class="text-xs text-red-500 mt-1"
-          >
-            {{ jsonError }}
-          </p>
-        </div>
-
-        <!-- Description -->
-        <div>
-          <label class="text-sm font-medium text-gray-700 dark:text-gray-300 mb-2 block">
-            Description (optional)
-          </label>
-          <UInput
-            v-model="description"
-            class="w-full"
-            placeholder="Daily cleanup job"
-          />
-        </div>
-      </div>
-    </template>
-    <template #footer>
-      <div class="flex justify-end gap-2">
-        <UButton
-          color="neutral"
-          variant="ghost"
-          @click="isOpen = false"
-        >
-          Cancel
-        </UButton>
-        <UButton
-          color="primary"
-          :loading="isSubmitting"
-          :disabled="!canSubmit"
-          @click="handleSubmit"
-        >
-          Schedule Flow
-        </UButton>
-      </div>
-    </template>
-  </UModal>
-</template>
-
-<script setup>
-import { ref, computed, watch } from "#imports";
-import { UModal, UButton, UTabs, USelectMenu, UInput, UTextarea } from "#components";
-const props = defineProps({
-  flowName: { type: String, required: true }
-});
-const emit = defineEmits(["scheduled"]);
-const isOpen = defineModel({ type: Boolean, ...{ default: false } });
-const scheduleType = ref("cron");
-const typeOptions = [
-  { label: "Recurring (Cron)", value: "cron" },
-  { label: "One-time (Delay)", value: "delay" }
-];
-const cronPresets = [
-  { label: "Every minute", value: "* * * * *" },
-  { label: "Every 5 minutes", value: "*/5 * * * *" },
-  { label: "Every hour", value: "0 * * * *" },
-  { label: "Daily at 2 AM", value: "0 2 * * *" },
-  { label: "Daily at noon", value: "0 12 * * *" },
-  { label: "Weekly (Monday 9 AM)", value: "0 9 * * 1" },
-  { label: "Monthly (1st at midnight)", value: "0 0 1 * *" },
-  { label: "Custom", value: "custom" }
-];
-const selectedPreset = ref(cronPresets[3]);
-const customCron = ref("");
-const delayValue = ref("5");
-const delayUnit = ref({ label: "Minutes", value: 6e4 });
-const delayUnits = [
-  { label: "Seconds", value: 1e3 },
-  { label: "Minutes", value: 6e4 },
-  { label: "Hours", value: 36e5 },
-  { label: "Days", value: 864e5 }
-];
-const inputJson = ref("");
-const description = ref("");
-const isSubmitting = ref(false);
-const jsonError = computed(() => {
-  if (!inputJson.value)
-    return null;
-  try {
-    JSON.parse(inputJson.value);
-    return null;
-  } catch (e) {
-    return `Invalid JSON: ${e.message}`;
-  }
-});
-const canSubmit = computed(() => {
-  if (jsonError.value)
-    return false;
-  if (scheduleType.value === "cron") {
-    if (selectedPreset.value?.value === "custom") {
-      return customCron.value.trim().length > 0;
-    }
-    return selectedPreset.value?.value != null;
-  } else {
-    const num = Number.parseInt(delayValue.value);
-    return !Number.isNaN(num) && num > 0;
-  }
-});
-const handleSubmit = async () => {
-  isSubmitting.value = true;
-  try {
-    let input = {};
-    if (inputJson.value) {
-      input = JSON.parse(inputJson.value);
-    }
-    const body = {
-      input,
-      metadata: {
-        description: description.value || void 0
-      }
-    };
-    if (scheduleType.value === "cron") {
-      body.cron = selectedPreset.value?.value === "custom" ? customCron.value : selectedPreset.value?.value;
-    } else {
-      const num = Number.parseInt(delayValue.value);
-      body.delay = num * delayUnit.value.value;
-    }
-    await $fetch(`/api/_flows/${props.flowName}/schedule`, {
-      method: "POST",
-      body
-    });
-    emit("scheduled");
-    isOpen.value = false;
-    inputJson.value = "";
-    description.value = "";
-    customCron.value = "";
-    delayValue.value = "5";
-  } finally {
-    isSubmitting.value = false;
-  }
-};
-watch(isOpen, (newVal) => {
-  if (!newVal) {
-    scheduleType.value = "cron";
-    selectedPreset.value = cronPresets[3];
-    inputJson.value = "";
-    description.value = "";
-    customCron.value = "";
-    delayValue.value = "5";
-  }
-});
-</script>

package/dist/runtime/app/components/FlowScheduleDialog.vue.d.ts

@@ -1,16 +0,0 @@
-type __VLS_Props = {
-    flowName: string;
-};
-type __VLS_ModelProps = {
-    modelValue?: boolean;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    scheduled: () => any;
-    "update:modelValue": (value: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    onScheduled?: (() => any) | undefined;
-    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/app/components/FlowSchedulesList.d.vue.ts

@@ -1,12 +0,0 @@
-type __VLS_Props = {
-    flowName: string;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
-    loadSchedules: () => Promise<void>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    updated: () => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onUpdated?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/app/components/FlowSchedulesList.vue

@@ -1,99 +0,0 @@
-<template>
-  <div class="space-y-4">
-    <div v-if="!schedules || schedules.length === 0">
-      <UAlert
-        color="info"
-        title="No schedules configured"
-        variant="subtle"
-        icon="i-lucide-info"
-        description="Create a schedule to run this flow automatically"
-      />
-    </div>
-
-    <div
-      v-for="schedule in schedules"
-      :key="schedule.id"
-      class="border border-gray-200 dark:border-gray-800 rounded-lg p-4"
-    >
-      <div class="flex items-start justify-between">
-        <div class="flex-1">
-          <div class="flex items-center gap-2 mb-2">
-            <UIcon
-              name="i-lucide-clock"
-              class="text-blue-500"
-            />
-            <span class="font-medium text-sm">
-              {{ schedule.schedule.cron || "One-time delay" }}
-            </span>
-          </div>
-          <div class="text-xs text-gray-500 space-y-1">
-            <div>
-              <span class="font-medium">Next run:</span>
-              {{ formatDate(schedule.nextRun) }}
-            </div>
-            <div v-if="schedule.metadata?.description">
-              <span class="font-medium">Description:</span>
-              {{ schedule.metadata.description }}
-            </div>
-          </div>
-        </div>
-        <UButton
-          icon="i-lucide-trash-2"
-          color="error"
-          variant="ghost"
-          size="xs"
-          :loading="deletingId === schedule.id"
-          @click="handleDelete(schedule.id)"
-        />
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { ref, onMounted } from "#imports";
-import { UAlert, UButton, UIcon } from "#components";
-const props = defineProps({
-  flowName: { type: String, required: true }
-});
-const emit = defineEmits(["updated"]);
-const schedules = ref([]);
-const deletingId = ref(null);
-const loadSchedules = async () => {
-  try {
-    const data = await $fetch(`/api/_flows/${props.flowName}/schedules`);
-    schedules.value = data;
-  } catch (error) {
-    console.error("Failed to load schedules:", error);
-    schedules.value = [];
-  }
-};
-const handleDelete = async (id) => {
-  deletingId.value = id;
-  try {
-    await $fetch(`/api/_flows/${props.flowName}/schedules/${id}`, {
-      method: "DELETE"
-    });
-    await loadSchedules();
-    emit("updated");
-  } catch (error) {
-    console.error("Failed to delete schedule:", error);
-  } finally {
-    deletingId.value = null;
-  }
-};
-const formatDate = (date) => {
-  if (!date)
-    return "N/A";
-  return new Date(date).toLocaleString("en-US", {
-    dateStyle: "medium",
-    timeStyle: "short"
-  });
-};
-onMounted(() => {
-  loadSchedules();
-});
-defineExpose({
-  loadSchedules
-});
-</script>

package/dist/runtime/app/components/FlowSchedulesList.vue.d.ts

@@ -1,12 +0,0 @@
-type __VLS_Props = {
-    flowName: string;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
-    loadSchedules: () => Promise<void>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    updated: () => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onUpdated?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/app/components/JobScheduling.d.vue.ts

@@ -1,6 +0,0 @@
-type __VLS_Props = {
-    queue: string;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/app/components/JobScheduling.vue

@@ -1,203 +0,0 @@
-<template>
-  <div class="space-y-4">
-    <div class="flex justify-end">
-      <Button
-        icon="i-heroicons-clock"
-        color="neutral"
-        variant="outline"
-        @click="jobSchedulerEditor = !jobSchedulerEditor"
-      >
-        Job Scheduler
-      </Button>
-    </div>
-    <UForm
-      :schema="schema"
-      :state="state"
-      @submit="onSubmit"
-    >
-      <UCard
-        v-if="jobSchedulerEditor"
-        :ui="{
-  body: 'space-y-6'
-}"
-      >
-        <UFormField
-          label="Name"
-          name="name"
-        >
-          <UInput
-            v-model="state.name"
-            placeholder="Name"
-            class="w-full"
-          />
-        </UFormField>
-        <UTabs
-          v-model="state.scheduleType"
-          :items="scheduleInputTypes"
-          size="xs"
-          default-value="every"
-          variant="pill"
-          color="neutral"
-          :ui="{
-  list: 'w-28 self-start',
-  content: 'w-full'
-}"
-        >
-          <template #content="{ item }">
-            <UFormField name="scheduleValue">
-              <UInput
-                v-if="item.value === 'every'"
-                v-model="state.scheduleValue"
-                class="w-full"
-                type="number"
-              />
-              <UInput
-                v-if="item.value === 'cron'"
-                v-model="state.scheduleValue"
-                class="w-full"
-                type="string"
-              />
-            </UFormField>
-          </template>
-        </UTabs>
-        <div>
-          <div class="text-sm font-bold mb-2">
-            Job
-          </div>
-          <div class="flex flex-col space-y-2 p-2 rounded-sm ring-1 ring-gray-200 dark:ring-gray-800 shadow">
-            <UFormField
-              label="Name"
-              name="jobName"
-            >
-              <UInput
-                v-model="state.jobName"
-                placeholder="Job Name"
-                class="w-full"
-              />
-            </UFormField>
-            <UFormField
-              label="Data"
-              name="jobData"
-            >
-              <JsonEditorVue
-                v-model="state.jobData"
-                :main-menu-bar="false"
-                mode="text"
-              />
-            </UFormField>
-          </div>
-        </div>
-        <template #footer>
-          <div class="flex justify-end">
-            <Button
-              type="submit"
-              color="neutral"
-              variant="outline"
-              class="cursor-pointer"
-            >
-              Create
-            </Button>
-          </div>
-        </template>
-      </UCard>
-    </UForm>
-    <div>
-      <div
-        v-if="scheduler && scheduler.length > 0"
-        class="space-y-4"
-      >
-        <div
-          v-for="item of scheduler"
-          :key="item.key"
-          class="flex flex-col rounded-sm ring-1 ring-gray-200 dark:ring-gray-800 shadow p-4"
-        >
-          <div class="flex justify-end">
-            <Button
-              icon="i-heroicons-x-circle"
-              color="error"
-              variant="outline"
-              class="cursor-pointer"
-              @click="deleteScheduledJob(item.key)"
-            />
-          </div>
-          <div>
-            <span class="text-sm font-bold">Name:</span> {{ item.key }}
-          </div>
-          <div>
-            <span class="text-sm font-bold">Next schedule:</span> {{
-              new Date(item.next).toLocaleString("de", {
-  day: "numeric",
-  month: "short",
-  hour: "2-digit",
-  minute: "2-digit",
-  second: "2-digit",
-  hour12: false
-})
-            }}
-          </div>
-        </div>
-      </div>
-      <div v-else>
-        <UAlert
-          color="info"
-          title="No scheduled jobs"
-          variant="subtle"
-          icon="i-heroicons-information-circle"
-          class="flex items-center space-x-2"
-        />
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { z } from "zod";
-import { ref, useFetch } from "#imports";
-const props = defineProps({
-  queue: { type: String, required: true }
-});
-const jobSchedulerEditor = ref(false);
-const scheduleInputTypes = [
-  { label: "Every", value: "every" },
-  { label: "Cron", value: "cron" }
-];
-const {
-  data: scheduler,
-  refresh
-} = await useFetch(`/api/_queue/${props.queue}/job/scheduler`, {
-  method: "GET"
-});
-const state = ref({
-  name: void 0,
-  scheduleType: "every",
-  scheduleValue: void 0,
-  jobName: void 0,
-  jobData: void 0
-});
-const schema = z.object({
-  name: z.string().regex(/^\S*$/gm, "No spaces allowed"),
-  scheduleType: z.enum(["every", "cron"]),
-  scheduleValue: z.any(),
-  jobName: z.string().regex(/^\S*$/gm, "No spaces allowed"),
-  jobData: z.string().default("{}")
-});
-async function onSubmit(event) {
-  await $fetch(`/api/_queue/${props.queue}/job/scheduler`, {
-    method: "POST",
-    body: {
-      name: event.data.name,
-      scheduleType: event.data.scheduleType,
-      scheduleValue: event.data.scheduleValue,
-      jobName: event.data.jobName,
-      jobData: JSON.stringify(event.data.jobData)
-    }
-  });
-  refresh();
-}
-const deleteScheduledJob = async (id) => {
-  await $fetch(`/api/_queue/${props.queue}/job/scheduler/${id}`, {
-    method: "DELETE"
-  });
-  refresh();
-};
-</script>

package/dist/runtime/app/components/JobScheduling.vue.d.ts

@@ -1,6 +0,0 @@
-type __VLS_Props = {
-    queue: string;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/app/components/ListItem.d.vue.ts

@@ -1,23 +0,0 @@
-import type { DropdownMenuItem } from '@nuxt/ui';
-type __VLS_Props = {
-    title?: string;
-    link: string;
-    origin?: string | null;
-    dropdown?: DropdownMenuItem[];
-};
-declare var __VLS_24: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_24) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    title: string;
-    origin: string | null;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/runtime/app/components/ListItem.vue

@@ -1,70 +0,0 @@
-<template>
-  <div
-    :to="link"
-    class="rounded-lg divide-y divide-gray-200 dark:divide-gray-800 ring-1 ring-gray-200 dark:ring-gray-800 shadow bg-white dark:bg-gray-900"
-  >
-    <div class="px-4 py-5 sm:p-6">
-      <div class="flex flex-col md:flex-row">
-        <div class="flex-none flex flex-col justify-between space-y-2">
-          <ULink
-            class="inline-flex items-center gap-1"
-            @click="push(link)"
-          >
-            <span class="text-lg font-semibold">{{ title }}</span>
-            <UIcon
-              name="i-heroicons-arrow-up-right"
-              class="w-5 h-5 text-primary-500"
-            />
-          </ULink>
-          <div class="flex flex-wrap items-center gap-2">
-            <div class="inline-flex gap-1 items-center">
-              <UIcon
-                name="i-heroicons-check-circle"
-                class="w-4 h-4 text-green-500"
-              />
-              <span class="text-sm">Active</span>
-            </div>
-            <UBadge
-              v-if="origin"
-              size="sm"
-              color="neutral"
-            >
-              <span v-if="origin === 'local'">Local</span>
-              <span v-if="origin === 'remote'">Remote</span>
-            </UBadge>
-          </div>
-        </div>
-        <div class="grow pr-12">
-          <div class="flex flex-row gap-4 justify-end">
-            <slot />
-          </div>
-        </div>
-        <div class="flex-none">
-          <div class="flex gap-2 items-center">
-            <UDropdownMenu
-              :items="dropdown"
-            >
-              <UButton
-                icon="i-heroicons-ellipsis-vertical"
-                color="neutral"
-                variant="outline"
-              />
-            </UDropdownMenu>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { useComponentRouter } from "#imports";
-import { ULink, UDropdownMenu, UButton, UIcon, UBadge } from "#components";
-defineProps({
-  title: { type: String, required: false, default: "" },
-  link: { type: String, required: true },
-  origin: { type: [String, null], required: false, default: null },
-  dropdown: { type: Array, required: false }
-});
-const { push } = useComponentRouter();
-</script>