@tinytars/frame 0.1.23 → 0.1.25

package/AttachmentStrip.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
   import type { Attachment } from "./attachment-types";
   import AttachmentViewer from "./AttachmentViewer.svelte";
+  import { uniqueByKey } from "./attachments";
 
   // The one shared display for a leaf's attachments[]: a row of small thumbnail chips (image
   // preview, or a document glyph for anything else), each opening the in-app viewer
@@ -16,7 +17,9 @@
     productName: string;
     onRemove?: (a: Attachment) => void;
   }
-  let { attachments, clientId = null, attachmentUrl, productName, onRemove }: Props = $props();
+  let { attachments: given, clientId = null, attachmentUrl, productName, onRemove }: Props = $props();
+  // Items saved before appendAttachments deduped can already hold the same key twice.
+  const attachments = $derived(uniqueByKey(given));
 
   let openIndex = $state<number | null>(null);
 

package/attachments.ts

@@ -0,0 +1,9 @@
+import type { Attachment } from "./attachment-types";
+
+// Keys are content-addressed (sha8-filename), so the same file attached twice yields the same key —
+// and a keyed {#each} over a list holding it twice throws each_key_duplicate. First occurrence wins.
+export function uniqueByKey<T extends Pick<Attachment, "key">>(attachments: readonly T[]): T[] {
+  const byKey = new Map<string, T>();
+  for (const a of attachments) if (!byKey.has(a.key)) byKey.set(a.key, a);
+  return [...byKey.values()];
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tinytars/frame",
-  "version": "0.1.23",
+  "version": "0.1.25",
   "description": "Domain-neutral Svelte app-shell: session/auth controllers, account chrome, and menu/card/modal primitives built on @tinytars/vault.",
   "license": "MIT",
   "type": "module",
@@ -31,6 +31,7 @@
     "./AccountMenu.svelte": "./AccountMenu.svelte",
     "./anchored-menu.svelte": "./anchored-menu.svelte.ts",
     "./attach-controller": "./attach-controller.ts",
+    "./attachments": "./attachments.ts",
     "./AttachmentStrip.svelte": "./AttachmentStrip.svelte",
     "./AttachmentViewer.svelte": "./AttachmentViewer.svelte",
     "./AttachPicker.svelte": "./AttachPicker.svelte",