Merge pull request #310 from fractal-analytics-platform/dataset-crud-updated

Added modal for creating/updating datasets

Author: tcompa

CHANGELOG.md

@@ -2,6 +2,7 @@
 
 # Unreleased
 
+* Added new modal for create/update dataset feature (\#310).
 * Standardized modal management to fix some bugs (\#306).
 * Added proxy endpoints and refactored error propagation (\#288).
 * Remove use of deployment-type `fractal-server` variable (\#298).

src/lib/common/errors.js

@@ -14,13 +14,63 @@ export async function responseError(response) {
  * Used for example to handle the displaying of the error alert when using the ConfirmActionButton.
  */
 export class AlertError extends Error {
+	/** @type {null | { loc: string[], msg: string }} */
+	simpleValidationMessage;
+
 	/**
 	 * @param {any} reason
+	 * @param {number|null} statusCode
 	 */
-	constructor(reason) {
+	constructor(reason, statusCode = null) {
 		super();
 		this.reason = reason;
+		this.simpleValidationMessage = getSimpleValidationMessage(reason, statusCode);
+	}
+
+	/**
+	 * @param {string[]} loc expected location of the validation message
+	 * @returns {string | null} the validation message, if found
+	 */
+	getSimpleValidationMessage(...loc) {
+		if (!this.simpleValidationMessage) {
+			return null;
+		}
+		if (this.simpleValidationMessage.loc.length !== loc.length) {
+			return null;
+		}
+		for (let i = 0; i < loc.length; i++) {
+			if (this.simpleValidationMessage.loc[i] !== loc[i]) {
+				return null;
+			}
+		}
+		return this.simpleValidationMessage.msg;
+	}
+}
+
+/**
+ * Detects if the error message is a simple validation message for one field.
+ *
+ * @param {any} reason
+ * @param {number | null} statusCode
+ * @returns {null | { loc: string[], msg: string }}
+ */
+function getSimpleValidationMessage(reason, statusCode) {
+	if (
+		statusCode !== 422 ||
+		!('detail' in reason) ||
+		!Array.isArray(reason.detail) ||
+		reason.detail.length !== 1
+	) {
+		return null;
+	}
+	const err = reason.detail[0];
+	if (!Array.isArray(err.loc) || !err.msg || err.type !== 'value_error') {
+		return null;
 	}
+	return {
+		loc: err.loc.length > 1 && err.loc[0] === 'body' ? err.loc.slice(1) : err.loc,
+		msg: err.msg
+	};
 }
 
 /**

src/lib/components/common/StandardDismissableAlert.svelte

@@ -5,7 +5,6 @@
 	let timeout;
 
 	$: if (autoDismiss && message) {
-		console.log(`alertMessage=${message}`)
 		if (timeout) {
 			clearTimeout(timeout);
 		}