nvent 0.4.0

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

@@ -0,0 +1,203 @@
+<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

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1,23 @@
+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

@@ -0,0 +1,70 @@
+<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>

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

@@ -0,0 +1,23 @@
+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/QueueConfigDetails.d.vue.ts

@@ -0,0 +1,45 @@
+interface QueueConfig {
+    name?: string;
+    prefix?: string;
+    limiter?: {
+        max?: number;
+        duration?: number;
+        groupKey?: string;
+    };
+    defaultJobOptions?: {
+        attempts?: number;
+        backoff?: {
+            type?: string;
+            delay?: number;
+        };
+        priority?: number;
+        timeout?: number;
+        removeOnComplete?: boolean | number;
+        removeOnFail?: boolean | number;
+    };
+}
+interface WorkerConfig {
+    concurrency?: number;
+    lockDurationMs?: number;
+    maxStalledCount?: number;
+    drainDelayMs?: number;
+    pollingIntervalMs?: number;
+    autorun?: boolean;
+}
+interface Props {
+    queueName: string;
+    queueConfig?: QueueConfig;
+    workerConfig?: WorkerConfig;
+}
+type __VLS_Props = Props;
+type __VLS_ModelProps = {
+    'open'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;