@knime/hub-features 1.18.1 → 1.19.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @knime/hub-features
 
+## 1.19.0
+
+### Minor Changes
+
+- ea3b7e1: - Introduce file upload limit
+  - Fix date-time format for RFC toasts
+
+### Patch Changes
+
+- Updated dependencies [ea3b7e1]
+  - @knime/utils@1.10.0
+  - @knime/components@1.45.5
+
+## 1.18.2
+
+### Patch Changes
+
+- 628f341: Fix sending entire embedding context to avoid missing properties
+
 ## 1.18.1
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@knime/hub-features",
-  "version": "1.18.1",
+  "version": "1.19.0",
   "description": "Vue components & composables for shared hub features",
   "repository": {
     "type": "git",
@@ -36,9 +36,9 @@
     "lodash-es": "4.17.23",
     "ofetch": "^1.4.1",
     "typescript": "^5.8.3",
-    "@knime/components": "1.45.4",
+    "@knime/components": "1.45.5",
     "@knime/styles": "1.15.0",
-    "@knime/utils": "1.9.2"
+    "@knime/utils": "1.10.0"
   },
   "peerDependencies": {
     "consola": "3.x",

package/src/embeddingSDK/guest.ts

@@ -116,6 +116,8 @@ export const sendEmbeddingFailureMessage = (error: unknown) => {
 };
 
 export const dispatchGenericEventToHost = (event: GenericEvent) => {
+  logger().info("Sending GenericEvent", { event });
+
   window.parent.postMessage(
     { type: MESSAGES.GENERIC_EVENT, payload: event },
     PARENT_ORIGIN,

package/src/embeddingSDK/host.ts

@@ -62,12 +62,8 @@ export const sendEmbeddingContext = (
         // AP uses `url` instead of `wsConnectionUri` in older versions, so it needs
         // to be present to preserve backwards compatibility
         url: context.wsConnectionUri,
-        wsConnectionUri: context.wsConnectionUri,
 
-        restApiBaseUrl: context.restApiBaseUrl,
-        userIdleTimeout: context.userIdleTimeout,
-        sessionId: context.sessionId,
-        jobId: context.jobId,
+        ...context,
       } satisfies EmbeddingContext,
     },
     targetOrigin,

package/src/rfcErrors/RFCErrorToastTemplate.vue

@@ -5,6 +5,7 @@ import { useClipboard } from "@vueuse/core";
 import { Button } from "@knime/components";
 import CheckIcon from "@knime/styles/img/icons/check.svg";
 import CopyIcon from "@knime/styles/img/icons/copy.svg";
+import { formatDateTimeString } from "@knime/utils";
 
 import type { RFCErrorData } from "./types";
 
@@ -29,19 +30,8 @@ const { copy, copied } = useClipboard({
 
 const showDetails = ref(false);
 
-const dateFormatOptions = {
-  year: "numeric",
-  month: "short",
-  day: "numeric",
-  hour: "numeric",
-  minute: "numeric",
-  second: "numeric",
-  hour12: true,
-} as const;
-
 const formattedDate = computed(() => {
-  const formatter = new Intl.DateTimeFormat(undefined, dateFormatOptions); // use default locale
-  return formatter.format(props.date);
+  return props.date ? formatDateTimeString(props.date.getTime()) : "";
 });
 
 const errorForClipboard = computed(() => {

package/src/useFileUpload/useFileUpload.ts

@@ -2,15 +2,26 @@ import { computed, reactive, readonly, ref } from "vue";
 import { FetchError, type FetchOptions } from "ofetch";
 
 import { useUploadManager } from "@knime/components";
-import { getFileMimeType, knimeFileFormats, promise } from "@knime/utils";
+import {
+  formatFileSize,
+  getFileMimeType,
+  knimeFileFormats,
+  promise,
+} from "@knime/utils";
 
 import { getFetchClient } from "../common/ofetchClient";
 import { rfcErrors } from "../rfcErrors";
 
 const DEFAULT_MAX_UPLOAD_QUEUE_SIZE = 10;
+const DEFAULT_UPLOAD_SIZE_LIMIT_BYTES = 5 * 1024 * 1024 * 1024;
 
 const DEFAULT_RETRY_DELAY_MS = 50;
 
+// Catalog & artifacts services currently have a limit for 5 GiB for
+// upload and copy/move operations but it is not communicated to clients.
+// Repeat the constant here to be able to still make a pre-check. See NXT-4510.
+const getUploadSizeLimitBytes = () => DEFAULT_UPLOAD_SIZE_LIMIT_BYTES;
+
 type UseFileUploadOptions = {
   /**
    * Max number of concurrent uploads allowed in the upload queue.
@@ -265,6 +276,22 @@ export const useFileUpload = (options: UseFileUploadOptions = {}) => {
 
     start: async (parentId: string, files: File[]) => {
       const enqueableFiles = getEnqueueableFiles(files);
+      const uploadSizeLimitBytes = getUploadSizeLimitBytes();
+      const oversizedFiles = enqueableFiles.filter(
+        (file) => file.size > uploadSizeLimitBytes,
+      );
+
+      if (oversizedFiles.length > 0) {
+        throw new rfcErrors.RFCError({
+          title: "Upload size limit exceeded",
+          status: 413,
+          details: oversizedFiles.map(
+            (file) =>
+              `${file.name} (${formatFileSize(file.size)}) exceeds the upload limit of ${formatFileSize(uploadSizeLimitBytes)}.`,
+          ),
+        });
+      }
+
       try {
         if (enqueableFiles.length === 0) {
           return;