@marianmeres/stuic 3.184.0 → 3.186.0

package/dist/components/Input/FieldSingleAsset.svelte

@@ -177,6 +177,14 @@
 		placeholder?: THC;
 		/** Hide the "Preview" action (the `AssetsPreview` lightbox). */
 		noPreview?: boolean;
+		/**
+		 * Never show the asset's `name` to the user — the tile's filename line, the
+		 * lightbox caption, the "… removed" / "… uploaded" announcements and toasts all
+		 * fall back to name-less wording (`replace_file_short`, `removed_short`, ...).
+		 * For stores that hand back a content-hash filename, which carries no meaning
+		 * worth reading. The type / size line (`metaText`) is unaffected.
+		 */
+		noFilename?: boolean;
 		/** Hide the lightbox's Download button. */
 		noDownload?: boolean;
 		/** See `AssetsPreview.onDownload`: replaces the default download of `url.original`. */
@@ -288,6 +296,7 @@
 		placeholder,
 		noPreview = false,
 		noDownload = false,
+		noFilename = false,
 		onDownload,
 		onChange,
 	}: Props = $props();
@@ -356,9 +365,13 @@
 	let tileActionText = $derived(
 		canUpload
 			? shown
-				? t("replace_file", { name: shown.name })
+				? noFilename
+					? t("replace_file_short")
+					: t("replace_file", { name: shown.name })
 				: t("pick_file")
-			: (shown?.name ?? "")
+			: noFilename
+				? ""
+				: (shown?.name ?? "")
 	);
 	let metaText = $derived.by(() => {
 		if (!shown) return "";
@@ -540,7 +553,7 @@
 		assetsPreview?.close?.();
 		pending = { asset: optimistic, file, progress: 0, error: null };
 		const seq = ++uploadSeq;
-		announce(t("uploading", { name: file.name }));
+		announce(noFilename ? t("uploading_short") : t("uploading", { name: file.name }));
 
 		const onProgress = (p: number) => {
 			if (seq === uploadSeq && pending && !pending.error) {
@@ -564,14 +577,20 @@
 				}
 				pending = null;
 				commit(uploaded);
-				announce(t("uploaded", { name: uploaded.name ?? file.name }));
+				announce(
+					noFilename
+						? t("uploaded_short")
+						: t("uploaded", { name: uploaded.name ?? file.name })
+				);
 			})
 			.catch((e) => {
 				if (seq !== uploadSeq) return;
 				const error = `${e?.message ?? e}`;
 				clog.error(error);
 				if (pending) pending.error = error;
-				const msg = t("upload_failed_named", { name: file.name, error });
+				const msg = noFilename
+					? t("upload_failed_error", { error })
+					: t("upload_failed_named", { name: file.name, error });
 				announce(msg);
 				// the consumer may own the report (a quota panel it already renders):
 				// `false` skips only the toast, the tile's Retry / Discard stay
@@ -609,7 +628,7 @@
 		}
 		assetsPreview?.close?.();
 		commit(null);
-		announce(t("removed", { name: current.name }));
+		announce(noFilename ? t("removed_short") : t("removed", { name: current.name }));
 		if (undoTtl > 0) {
 			removed = current;
 			undoTimer = setTimeout(() => clear_removed(), undoTtl);
@@ -622,7 +641,7 @@
 		if (!back) return;
 		clear_removed();
 		commit(back);
-		announce(t("restored", { name: back.name }));
+		announce(noFilename ? t("restored_short") : t("restored", { name: back.name }));
 		focus_tile();
 	}
 
@@ -823,13 +842,17 @@
 			{#if isLoading}
 				<Skeleton variant="text" lines={2} width="60%" />
 			{:else if shown}
-				<div class="truncate font-medium" title={shown.name}>{shown.name}</div>
+				{#if !noFilename}
+					<div class="truncate font-medium" title={shown.name}>{shown.name}</div>
+				{/if}
 				{#if metaText}
 					<div class="text-xs stuic-field-single-asset-meta">{metaText}</div>
 				{/if}
 			{:else if undoOffer}
 				<div class="stuic-field-single-asset-meta">
-					<span>{t("removed", { name: undoOffer.name })}</span>
+					<span>
+						{noFilename ? t("removed_short") : t("removed", { name: undoOffer.name })}
+					</span>
 					<button type="button" class="stuic-field-single-asset-undo" onclick={undo}>
 						{@html iconUndo({ size: 14 })}
 						<span>{t("undo")}</span>
@@ -925,6 +948,7 @@
 	noPrevNext
 	noDots
 	noCurrentOfTotal
+	noName={noFilename}
 	{noDownload}
 	onDelete={(_, _index, controls) => {
 		controls.close();

package/dist/components/Input/FieldSingleAsset.svelte.d.ts

@@ -133,6 +133,14 @@ export interface Props extends InputWrapClassProps, Record<string, any> {
     placeholder?: THC;
     /** Hide the "Preview" action (the `AssetsPreview` lightbox). */
     noPreview?: boolean;
+    /**
+     * Never show the asset's `name` to the user — the tile's filename line, the
+     * lightbox caption, the "… removed" / "… uploaded" announcements and toasts all
+     * fall back to name-less wording (`replace_file_short`, `removed_short`, ...).
+     * For stores that hand back a content-hash filename, which carries no meaning
+     * worth reading. The type / size line (`metaText`) is unaffected.
+     */
+    noFilename?: boolean;
     /** Hide the lightbox's Download button. */
     noDownload?: boolean;
     /** See `AssetsPreview.onDownload`: replaces the default download of `url.original`. */

package/dist/components/Input/README.md

@@ -937,6 +937,7 @@ a dialog and resolves with the cropped file.
 | `size`                                                     | `"sm" \| "md" \| "lg" \| string`                       | `"md"`             | Tile height: preset or CSS length                                       |
 | `placeholder`                                              | `THC`                                                  | -                  | Empty-tile content (e.g. an `Avatar` with initials)                     |
 | `noPreview`, `noDownload`                                  | `boolean`                                              | `false`            | Hide the Preview action / the lightbox's Download                       |
+| `noFilename`                                               | `boolean`                                              | `false`            | Never show the asset's name (hash filenames); name-less wording instead |
 | `onDownload`                                               | `(asset) => void \| Promise<void>`                     | -                  | Replaces the lightbox's default download (auth-gated bytes)             |
 | `onChange`                                                 | `(asset \| null) => void`                              | -                  | After every user-driven change of `value`                               |
 | `parseValue`, `serializeValue`                             | see Value                                              | JSON               | Custom `value` shape                                                    |

package/dist/components/Input/field-single-asset-i18n-sk.js

@@ -21,12 +21,15 @@ export const FIELD_SINGLE_ASSET_MESSAGES_SK = {
     field_req_att: "Toto pole vyžaduje pozornosť. Skontrolujte ho a skúste to znova.",
     pick_file: "Vybrať súbor",
     replace_file: "Nahradiť {{name}}",
+    replace_file_short: "Nahradiť súbor",
     empty_hint: "Presuňte sem súbor alebo kliknite a vyberte ho",
     remove: "Odstrániť",
     removing_short: "Odstraňuje sa…",
     removed: "Súbor {{name}} bol odstránený",
+    removed_short: "Súbor bol odstránený",
     undo: "Vrátiť späť",
     restored: "Súbor {{name}} bol obnovený",
+    restored_short: "Súbor bol obnovený",
     preview: "Náhľad",
     retry: "Skúsiť nahrať znova",
     discard: "Zahodiť",
@@ -35,8 +38,10 @@ export const FIELD_SINGLE_ASSET_MESSAGES_SK = {
     uploading_short: "Nahráva sa…",
     uploading_progress: "Nahráva sa… {{percent}} %",
     uploaded: "Súbor {{name}} bol nahraný",
+    uploaded_short: "Súbor bol nahraný",
     upload_failed: "Nahrávanie zlyhalo",
     upload_failed_named: "Nahrávanie súboru {{name}} zlyhalo: {{error}}",
+    upload_failed_error: "Nahrávanie zlyhalo: {{error}}",
     invalid_type: "Tento typ súboru nie je podporovaný. Povolené: „{{accept}}“.",
     too_large: "Súbor je príliš veľký ({{size}}). Maximum je {{max}}.",
     single_only: "Sem je možné umiestniť iba jeden súbor. Presuňte alebo prilepte jeden súbor.",

package/dist/components/Input/field-single-asset-i18n.d.ts

@@ -10,12 +10,15 @@ export declare const FIELD_SINGLE_ASSET_MESSAGES_EN: {
     field_req_att: string;
     pick_file: string;
     replace_file: string;
+    replace_file_short: string;
     empty_hint: string;
     remove: string;
     removing_short: string;
     removed: string;
+    removed_short: string;
     undo: string;
     restored: string;
+    restored_short: string;
     preview: string;
     retry: string;
     discard: string;
@@ -24,8 +27,10 @@ export declare const FIELD_SINGLE_ASSET_MESSAGES_EN: {
     uploading_short: string;
     uploading_progress: string;
     uploaded: string;
+    uploaded_short: string;
     upload_failed: string;
     upload_failed_named: string;
+    upload_failed_error: string;
     invalid_type: string;
     too_large: string;
     single_only: string;

package/dist/components/Input/field-single-asset-i18n.js

@@ -11,12 +11,15 @@ export const FIELD_SINGLE_ASSET_MESSAGES_EN = {
     field_req_att: "This field requires attention. Please review and try again.",
     pick_file: "Choose a file",
     replace_file: "Replace {{name}}",
+    replace_file_short: "Replace file",
     empty_hint: "Drop a file here or click to browse",
     remove: "Remove",
     removing_short: "Removing…",
     removed: "{{name}} removed",
+    removed_short: "File removed",
     undo: "Undo",
     restored: "{{name}} restored",
+    restored_short: "File restored",
     preview: "Preview",
     retry: "Retry upload",
     discard: "Discard",
@@ -25,8 +28,10 @@ export const FIELD_SINGLE_ASSET_MESSAGES_EN = {
     uploading_short: "Uploading…",
     uploading_progress: "Uploading… {{percent}}%",
     uploaded: "{{name}} uploaded",
+    uploaded_short: "File uploaded",
     upload_failed: "Upload failed",
     upload_failed_named: "Upload of {{name}} failed: {{error}}",
+    upload_failed_error: "Upload failed: {{error}}",
     invalid_type: 'This file type is not supported. Allowed: "{{accept}}".',
     too_large: "The file is too large ({{size}}). The maximum is {{max}}.",
     single_only: "Only one file can be placed here. Drop or paste a single file.",

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@marianmeres/stuic",
-	"version": "3.184.0",
+	"version": "3.186.0",
 	"packageManager": "pnpm@11.5.0",
 	"scripts": {
 		"dev": "vite dev",