selfstore 1.6.9 → 1.7.0

package/dist/widgets.d.ts

@@ -32,7 +32,17 @@ declare abstract class FlowWidget extends HTMLElement {
      *  document's, which wins over the browser's, so a host that already sets
      *  `<html lang>` gets translated copy without writing a single label. */
     private localized;
-    protected t(key: string): string;
+    /**
+     * The copy for a key, with `{placeholders}` filled in.
+     *
+     * A status that cannot name WHERE it saved has to be read twice: once for the
+     * state, once for the destination on another line. Interpolation lets a pack
+     * write one sentence instead - and lets each language put the place where its
+     * own grammar wants it, which a fixed "state, then label" layout cannot.
+     * A placeholder with no value is left as written rather than blanked, so a
+     * missing variable shows up instead of producing a sentence with a hole.
+     */
+    protected t(key: string, vars?: Record<string, string | null | undefined>): string;
     /** A heading an empty-string label removes: labels = { 'share.title': '' }
      *  hides that heading (the host page already says it) without a fork.
      *  Append through put(), which skips the null. */

package/dist/widgets.js

@@ -373,8 +373,20 @@ var FlowWidget = class extends HTMLElement {
     const tag = this.closest("[lang]")?.getAttribute("lang") || document.documentElement.lang || navigator.language || "";
     return this.packs()[tag.slice(0, 2).toLowerCase()] ?? {};
   }
-  t(key) {
-    return this.overrides[key] ?? this.localized()[key] ?? this.defaults()[key] ?? key;
+  /**
+   * The copy for a key, with `{placeholders}` filled in.
+   *
+   * A status that cannot name WHERE it saved has to be read twice: once for the
+   * state, once for the destination on another line. Interpolation lets a pack
+   * write one sentence instead - and lets each language put the place where its
+   * own grammar wants it, which a fixed "state, then label" layout cannot.
+   * A placeholder with no value is left as written rather than blanked, so a
+   * missing variable shows up instead of producing a sentence with a hole.
+   */
+  t(key, vars) {
+    const copy = this.overrides[key] ?? this.localized()[key] ?? this.defaults()[key] ?? key;
+    if (!vars) return copy;
+    return copy.replace(/\{(\w+)\}/g, (whole, name) => vars[name] ?? whole);
   }
   /** A heading an empty-string label removes: labels = { 'share.title': '' }
    *  hides that heading (the host page already says it) without a fork.
@@ -1824,12 +1836,13 @@ var SelfstoreJoinElement = class extends FlowWidget {
 // src/widgets/status.ts
 var EN4 = {
   "status.ephemeral": "Nothing is saved",
-  "status.cacheOnly": "Only on this device",
+  "status.cacheOnly": "Never saved anywhere yet",
   "status.saving": "Saving...",
-  "status.saved": "Saved",
+  "status.saved": "Saved to {label}, at every change",
   "status.needsAttention": "Reconnect to continue",
   "status.locked": "Locked",
   "status.pendingDownload": "Changes to download",
+  "status.saved.placeless": "Saved",
   "status.action.choose-destination": "Choose a destination",
   "status.action.download": "Download",
   "status.action.reconnect": "Reconnect",
@@ -1837,12 +1850,13 @@ var EN4 = {
 };
 var FR4 = {
   "status.ephemeral": "Rien n'est enregistr\xE9",
-  "status.cacheOnly": "Sur cet appareil seulement",
+  "status.cacheOnly": "Vos donn\xE9es n'ont jamais \xE9t\xE9 enregistr\xE9es ailleurs",
   "status.saving": "Enregistrement...",
-  "status.saved": "Sauvegarde \xE0 jour",
+  "status.saved": "Enregistr\xE9 dans {label}, \xE0 chaque changement",
   "status.needsAttention": "Acc\xE8s \xE0 retrouver",
   "status.locked": "Sauvegarde verrouill\xE9e",
   "status.pendingDownload": "Modifications \xE0 exporter",
+  "status.saved.placeless": "Sauvegarde \xE0 jour",
   "status.action.choose-destination": "Choisir une sauvegarde",
   "status.action.download": "Exporter",
   "status.action.reconnect": "Retrouver l'acc\xE8s",
@@ -1912,7 +1926,12 @@ var SelfstoreStatusElement = class extends FlowWidget {
     const host = this.host();
     if (!host) return;
     const { status, targetKind, label } = host.engine.state;
-    const text = this.t(status.labelKey);
+    const sansLieu = (cle) => {
+      const jumelle = `${cle}.placeless`;
+      const copie = this.t(jumelle);
+      return copie === jumelle ? this.t(cle) : copie;
+    };
+    const text = label ? this.t(status.labelKey, { label }) : sansLieu(status.labelKey);
     const dot = h("span", {
       part: `status-dot sev-${status.severity}`,
       "aria-hidden": "true"