@prefecthq/prefect-ui-library 3.5.5 → 3.5.8

package/dist/types/src/components/FlowRunLogsDownloadButton.vue.d.ts

@@ -0,0 +1,16 @@
+import { FlowRun } from '../models/FlowRun';
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
+    flowRun: FlowRun;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+    flowRun: FlowRun;
+}>>>, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/types/src/components/QuickRunParametersModal.vue.d.ts

@@ -1,17 +1,17 @@
 import { Deployment } from '../models';
+declare let __VLS_typeProps: {
+    deployment: Deployment;
+};
+type __VLS_PublicProps = {
+    'showModal': boolean;
+} & typeof __VLS_typeProps;
 declare function __VLS_template(): {
     actions?(_: {}): any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOption<{
-    showModal: boolean;
-    deployment: Deployment;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:showModal": (value: boolean) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
-    showModal: boolean;
-    deployment: Deployment;
-}>>> & {
-    "onUpdate:showModal"?: ((value: boolean) => any) | undefined;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOption<__VLS_PublicProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:showModal": (showModal: boolean) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<__VLS_PublicProps>>> & {
+    "onUpdate:showModal"?: ((showModal: boolean) => any) | undefined;
 }, {}, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/dist/types/src/services/WorkspaceFlowRunsApi.d.ts

@@ -27,4 +27,5 @@ export declare class WorkspaceFlowRunsApi extends WorkspaceApi {
     resumeFlowRun(id: string, values?: SchemaValues): Promise<OrchestrationResult>;
     resumeFlowRunV2(id: string, values: SchemaValuesV2): Promise<OrchestrationResult>;
     deleteFlowRun(flowRunId: string): Promise<void>;
+    downloadFlowRunLogsCsv(flowRunId: string, flowRunName: string | null): Promise<void>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@prefecthq/prefect-ui-library",
-    "version": "3.5.5",
+    "version": "3.5.8",
     "private": false,
     "repository": {
         "type": "git",
@@ -57,22 +57,22 @@
         "@types/lodash.debounce": "4.0.9",
         "@types/lodash.isequal": "^4.5.8",
         "@types/lodash.merge": "4.6.9",
-        "@types/node": "^20.14.11",
+        "@types/node": "^22.0.0",
         "@types/prismjs": "^1.26.4",
-        "@vitejs/plugin-vue": "5.0.5",
+        "@vitejs/plugin-vue": "5.1.1",
         "auto-changelog": "^2.4.0",
         "autoprefixer": "10.4.19",
         "eslint": "8.57.0",
         "lodash.camelcase": "4.3.0",
         "lodash.debounce": "4.0.8",
         "postcss": "8.4.39",
-        "tailwindcss": "3.4.6",
+        "tailwindcss": "3.4.7",
         "tsc-alias": "1.8.10",
         "typescript": "5.5.4",
-        "vite": "5.3.4",
+        "vite": "5.3.5",
         "vite-svg-loader": "^5.1.0",
         "vitest": "^2.0.4",
-        "vue-tsc": "^2.0.26"
+        "vue-tsc": "^2.0.29"
     },
     "peerDependencies": {
         "@prefecthq/prefect-design": "^2.11.5",

package/src/components/ConcurrencyLimitsTable.vue

@@ -15,7 +15,7 @@
     </template>
 
     <template #action="{ row }">
-      <ConcurrencyLimitMenu size="xs" :concurrency-limit="row" @delete="concurrencyLimitSubscription.refresh" />
+      <ConcurrencyLimitMenu size="xs" :concurrency-limit="row" @delete="() => concurrencyLimitSubscription.refresh()" />
     </template>
 
     <template #empty-state>

package/src/components/ConcurrencyLimitsV2Table.vue

@@ -20,7 +20,7 @@
     </template>
 
     <template #action="{ row }">
-      <ConcurrencyLimitV2Menu size="xs" :concurrency-limit="row" @delete="concurrencyLimitSubscription.refresh" />
+      <ConcurrencyLimitV2Menu size="xs" :concurrency-limit="row" @delete="() => concurrencyLimitSubscription.refresh()" />
     </template>
 
     <template #empty-state>

package/src/components/FlowRunLogs.vue

@@ -3,9 +3,8 @@
     <p-list-header>
       <template #controls>
         <LogLevelSelect v-model:selected="logLevel" />
-      </template>
-      <template #sort>
         <LogsSort v-model:selected="logsSort" />
+        <FlowRunLogsDownloadButton :flow-run />
       </template>
     </p-list-header>
 
@@ -45,6 +44,7 @@
   import { differenceInSeconds } from 'date-fns'
   import { ref, computed } from 'vue'
   import { LogLevelSelect, LogsContainer, LogsSort } from '@/components'
+  import FlowRunLogsDownloadButton from '@/components/FlowRunLogsDownloadButton.vue'
   import { useLogsSort, useWorkspaceApi } from '@/compositions'
   import { usePaginatedSubscription } from '@/compositions/usePaginatedSubscription'
   import { isTerminalStateType } from '@/models'

package/src/components/FlowRunLogsDownloadButton.vue

@@ -0,0 +1,33 @@
+<template>
+  <p-tooltip text="Download a csv of all logs" avoid-collisions>
+    <p-button class="flow-run-logs-download-button" icon="Download" :loading @click="download" />
+  </p-tooltip>
+</template>
+
+<script lang="ts" setup>
+  import { showToast } from '@prefecthq/prefect-design'
+  import { ref } from 'vue'
+  import { useWorkspaceApi } from '@/compositions'
+  import { FlowRun } from '@/models/FlowRun'
+
+  const { flowRun } = defineProps<{
+    flowRun: FlowRun,
+  }>()
+
+  const api = useWorkspaceApi()
+  const loading = ref(false)
+
+  async function download(): Promise<void> {
+    loading.value = true
+
+    try {
+      await api.flowRuns.downloadFlowRunLogsCsv(flowRun.id, flowRun.name)
+    } catch (error) {
+      console.error(error)
+
+      showToast('There was an error downloading logs', 'error')
+    }
+
+    loading.value = false
+  }
+</script>

package/src/components/QuickRunParametersModal.vue

@@ -1,10 +1,11 @@
 <template>
-  <p-modal v-model:showModal="internalShowModal" class="quick-run-parameters-modal-v2" title="Run Deployment">
+  <p-modal v-model:showModal="showModal" class="quick-run-parameters-modal-v2" title="Run Deployment">
     <SchemaFormV2
       :id="formId"
       v-model:values="parameters"
+      v-model:loading="loading"
       :schema="deployment.parameterOpenApiSchema"
-      :enforce-parameter-schema
+      :validate="enforceParameterSchema"
       :kinds="['json', 'workspace_variable']"
       @submit="submit"
     >
@@ -25,7 +26,7 @@
 
     <template #actions>
       <slot name="actions">
-        <p-button type="submit" primary :form="formId">
+        <p-button type="submit" :loading primary :form="formId">
           Run
         </p-button>
       </slot>
@@ -35,7 +36,7 @@
 
 <script lang="ts" setup>
   import { PButton, randomId, showToast } from '@prefecthq/prefect-design'
-  import { computed, h, ref } from 'vue'
+  import { h, ref } from 'vue'
   import { useRouter } from 'vue-router'
   import { ToastFlowRunCreate } from '@/components'
   import { useWorkspaceApi, useWorkspaceRoutes } from '@/compositions'
@@ -44,8 +45,9 @@
   import { SchemaFormV2, SchemaValuesV2 } from '@/schemas'
   import { getApiErrorMessage } from '@/utilities/errors'
 
+  const showModal = defineModel<boolean>('showModal', { required: true })
+
   const props = defineProps<{
-    showModal: boolean,
     deployment: Deployment,
   }>()
 
@@ -53,24 +55,13 @@
   const router = useRouter()
   const routes = useWorkspaceRoutes()
   const formId = randomId()
-
-  const emit = defineEmits<{
-    (event: 'update:showModal', value: boolean): void,
-  }>()
-
+  const loading = ref(false)
   const enforceParameterSchema = ref(props.deployment.enforceParameterSchema)
   const parameters = ref<SchemaValuesV2>({ ...props.deployment.parameters })
 
-  const internalShowModal = computed({
-    get() {
-      return props.showModal
-    },
-    set(value: boolean) {
-      emit('update:showModal', value)
-    },
-  })
-
   async function submit(): Promise<void> {
+    loading.value = true
+
     const values: DeploymentFlowRunCreate = {
       state: {
         type: 'scheduled',
@@ -89,9 +80,13 @@
       const message = getApiErrorMessage(error, localization.error.scheduleFlowRun)
       showToast(message, 'error')
       console.error(error)
+
+      return
+    } finally {
+      loading.value = false
     }
 
-    internalShowModal.value = false
+    showModal.value = false
   }
 </script>
 

package/src/services/WorkspaceFlowRunsApi.ts

@@ -146,4 +146,20 @@ export class WorkspaceFlowRunsApi extends WorkspaceApi {
     return this.delete(`/${flowRunId}`)
   }
 
+  public async downloadFlowRunLogsCsv(flowRunId: string, flowRunName: string | null): Promise<void> {
+    const { data } = await this.get<string>(`/${flowRunId}/download-logs-csv`, {
+      responseType: 'stream',
+    })
+
+    const url = URL.createObjectURL(new Blob([data]))
+    const link = document.createElement('a')
+    const filename = flowRunName ?? 'logs'
+
+    link.href = url
+    link.setAttribute('download', `${filename}.csv`)
+    link.click()
+
+    URL.revokeObjectURL(url)
+  }
+
 }