improve export connection

André Dietrich · André Dietrich · commit 1815c8aa9c40 · 2026-06-25T13:54:04.000+02:00
diff --git a/src/i18n/am.json b/src/i18n/am.json
@@ -474,6 +474,7 @@
     "connect": "Connect",
     "resend": "Resend",
     "resendTitle": "Send the current project to the exporter again",
+    "connecting": "Connecting to the exporter...",
     "sending": "Sending project to the exporter...",
     "handed": "Project handed to the exporter. Choose a format/preset below and start the export.",
     "errorInvalidUrl": "Invalid URL. Please enter a full address, e.g. http://localhost:3000",
diff --git a/src/i18n/ar.json b/src/i18n/ar.json
@@ -474,6 +474,7 @@
     "connect": "Connect",
     "resend": "Resend",
     "resendTitle": "Send the current project to the exporter again",
+    "connecting": "Connecting to the exporter...",
     "sending": "Sending project to the exporter...",
     "handed": "Project handed to the exporter. Choose a format/preset below and start the export.",
     "errorInvalidUrl": "Invalid URL. Please enter a full address, e.g. http://localhost:3000",
diff --git a/src/i18n/bg.json b/src/i18n/bg.json
@@ -474,6 +474,7 @@
     "connect": "Connect",
     "resend": "Resend",
     "resendTitle": "Send the current project to the exporter again",
+    "connecting": "Connecting to the exporter...",
     "sending": "Sending project to the exporter...",
     "handed": "Project handed to the exporter. Choose a format/preset below and start the export.",
     "errorInvalidUrl": "Invalid URL. Please enter a full address, e.g. http://localhost:3000",
diff --git a/src/i18n/cs.json b/src/i18n/cs.json
@@ -474,6 +474,7 @@
     "connect": "Connect",
     "resend": "Resend",
     "resendTitle": "Send the current project to the exporter again",
+    "connecting": "Connecting to the exporter...",
     "sending": "Sending project to the exporter...",
     "handed": "Project handed to the exporter. Choose a format/preset below and start the export.",
     "errorInvalidUrl": "Invalid URL. Please enter a full address, e.g. http://localhost:3000",
diff --git a/src/i18n/da.json b/src/i18n/da.json
@@ -474,6 +474,7 @@
     "connect": "Connect",
     "resend": "Resend",
     "resendTitle": "Send the current project to the exporter again",
+    "connecting": "Connecting to the exporter...",
     "sending": "Sending project to the exporter...",
     "handed": "Project handed to the exporter. Choose a format/preset below and start the export.",
     "errorInvalidUrl": "Invalid URL. Please enter a full address, e.g. http://localhost:3000",
diff --git a/src/i18n/de.json b/src/i18n/de.json
@@ -191,6 +191,7 @@
     "connect": "Verbinden",
     "resend": "Erneut senden",
     "resendTitle": "Das aktuelle Projekt erneut an den Exporter senden",
+    "connecting": "Verbindung zum Exporter wird hergestellt...",
     "sending": "Projekt wird an den Exporter gesendet...",
     "handed": "Projekt an den Exporter übergeben. Wähle unten ein Format/Preset und starte den Export.",
     "errorInvalidUrl": "Ungültige URL. Bitte eine vollständige Adresse eingeben, z. B. http://localhost:3000",
diff --git a/src/i18n/el.json b/src/i18n/el.json
@@ -474,6 +474,7 @@
     "connect": "Connect",
     "resend": "Resend",
     "resendTitle": "Send the current project to the exporter again",
+    "connecting": "Connecting to the exporter...",
     "sending": "Sending project to the exporter...",
     "handed": "Project handed to the exporter. Choose a format/preset below and start the export.",
     "errorInvalidUrl": "Invalid URL. Please enter a full address, e.g. http://localhost:3000",
diff --git a/src/i18n/en.json b/src/i18n/en.json
@@ -191,6 +191,7 @@
     "connect": "Connect",
     "resend": "Resend",
     "resendTitle": "Send the current project to the exporter again",
+    "connecting": "Connecting to the exporter...",
     "sending": "Sending project to the exporter...",
     "handed": "Project handed to the exporter. Choose a format/preset below and start the export.",
     "errorInvalidUrl": "Invalid URL. Please enter a full address, e.g. http://localhost:3000",
diff --git a/src/i18n/es.json b/src/i18n/es.json
@@ -474,6 +474,7 @@
     "connect": "Connect",
     "resend": "Resend",
     "resendTitle": "Send the current project to the exporter again",
+    "connecting": "Connecting to the exporter...",
     "sending": "Sending project to the exporter...",
     "handed": "Project handed to the exporter. Choose a format/preset below and start the export.",
     "errorInvalidUrl": "Invalid URL. Please enter a full address, e.g. http://localhost:3000",
diff --git a/src/i18n/ff.json b/src/i18n/ff.json
@@ -474,6 +474,7 @@
     "connect": "Connect",
     "resend": "Resend",
     "resendTitle": "Send the current project to the exporter again",
+    "connecting": "Connecting to the exporter...",
     "sending": "Sending project to the exporter...",
     "handed": "Project handed to the exporter. Choose a format/preset below and start the export.",
     "errorInvalidUrl": "Invalid URL. Please enter a full address, e.g. http://localhost:3000",
diff --git a/src/i18n/fr.json b/src/i18n/fr.json
@@ -474,6 +474,7 @@
     "connect": "Connect",
     "resend": "Resend",
     "resendTitle": "Send the current project to the exporter again",
+    "connecting": "Connecting to the exporter...",
     "sending": "Sending project to the exporter...",
     "handed": "Project handed to the exporter. Choose a format/preset below and start the export.",
     "errorInvalidUrl": "Invalid URL. Please enter a full address, e.g. http://localhost:3000",
diff --git a/src/i18n/ha.json b/src/i18n/ha.json
@@ -474,6 +474,7 @@
     "connect": "Connect",
     "resend": "Resend",
     "resendTitle": "Send the current project to the exporter again",
+    "connecting": "Connecting to the exporter...",
     "sending": "Sending project to the exporter...",
     "handed": "Project handed to the exporter. Choose a format/preset below and start the export.",
     "errorInvalidUrl": "Invalid URL. Please enter a full address, e.g. http://localhost:3000",
diff --git a/src/i18n/hu.json b/src/i18n/hu.json
@@ -474,6 +474,7 @@
     "connect": "Connect",
     "resend": "Resend",
     "resendTitle": "Send the current project to the exporter again",
+    "connecting": "Connecting to the exporter...",
     "sending": "Sending project to the exporter...",
     "handed": "Project handed to the exporter. Choose a format/preset below and start the export.",
     "errorInvalidUrl": "Invalid URL. Please enter a full address, e.g. http://localhost:3000",
diff --git a/src/i18n/ig.json b/src/i18n/ig.json
@@ -474,6 +474,7 @@
     "connect": "Connect",
     "resend": "Resend",
     "resendTitle": "Send the current project to the exporter again",
+    "connecting": "Connecting to the exporter...",
     "sending": "Sending project to the exporter...",
     "handed": "Project handed to the exporter. Choose a format/preset below and start the export.",
     "errorInvalidUrl": "Invalid URL. Please enter a full address, e.g. http://localhost:3000",
diff --git a/src/i18n/it.json b/src/i18n/it.json
@@ -474,6 +474,7 @@
     "connect": "Connect",
     "resend": "Resend",
     "resendTitle": "Send the current project to the exporter again",
+    "connecting": "Connecting to the exporter...",
     "sending": "Sending project to the exporter...",
     "handed": "Project handed to the exporter. Choose a format/preset below and start the export.",
     "errorInvalidUrl": "Invalid URL. Please enter a full address, e.g. http://localhost:3000",
diff --git a/src/i18n/ja.json b/src/i18n/ja.json
@@ -474,6 +474,7 @@
     "connect": "Connect",
     "resend": "Resend",
     "resendTitle": "Send the current project to the exporter again",
+    "connecting": "Connecting to the exporter...",
     "sending": "Sending project to the exporter...",
     "handed": "Project handed to the exporter. Choose a format/preset below and start the export.",
     "errorInvalidUrl": "Invalid URL. Please enter a full address, e.g. http://localhost:3000",
diff --git a/src/i18n/ko.json b/src/i18n/ko.json
@@ -474,6 +474,7 @@
     "connect": "Connect",
     "resend": "Resend",
     "resendTitle": "Send the current project to the exporter again",
+    "connecting": "Connecting to the exporter...",
     "sending": "Sending project to the exporter...",
     "handed": "Project handed to the exporter. Choose a format/preset below and start the export.",
     "errorInvalidUrl": "Invalid URL. Please enter a full address, e.g. http://localhost:3000",
diff --git a/src/i18n/nl.json b/src/i18n/nl.json
@@ -474,6 +474,7 @@
     "connect": "Connect",
     "resend": "Resend",
     "resendTitle": "Send the current project to the exporter again",
+    "connecting": "Connecting to the exporter...",
     "sending": "Sending project to the exporter...",
     "handed": "Project handed to the exporter. Choose a format/preset below and start the export.",
     "errorInvalidUrl": "Invalid URL. Please enter a full address, e.g. http://localhost:3000",
diff --git a/src/i18n/om.json b/src/i18n/om.json
@@ -474,6 +474,7 @@
     "connect": "Connect",
     "resend": "Resend",
     "resendTitle": "Send the current project to the exporter again",
+    "connecting": "Connecting to the exporter...",
     "sending": "Sending project to the exporter...",
     "handed": "Project handed to the exporter. Choose a format/preset below and start the export.",
     "errorInvalidUrl": "Invalid URL. Please enter a full address, e.g. http://localhost:3000",
diff --git a/src/i18n/pl.json b/src/i18n/pl.json
@@ -474,6 +474,7 @@
     "connect": "Connect",
     "resend": "Resend",
     "resendTitle": "Send the current project to the exporter again",
+    "connecting": "Connecting to the exporter...",
     "sending": "Sending project to the exporter...",
     "handed": "Project handed to the exporter. Choose a format/preset below and start the export.",
     "errorInvalidUrl": "Invalid URL. Please enter a full address, e.g. http://localhost:3000",
diff --git a/src/i18n/pt.json b/src/i18n/pt.json
@@ -474,6 +474,7 @@
     "connect": "Connect",
     "resend": "Resend",
     "resendTitle": "Send the current project to the exporter again",
+    "connecting": "Connecting to the exporter...",
     "sending": "Sending project to the exporter...",
     "handed": "Project handed to the exporter. Choose a format/preset below and start the export.",
     "errorInvalidUrl": "Invalid URL. Please enter a full address, e.g. http://localhost:3000",
diff --git a/src/i18n/sv.json b/src/i18n/sv.json
@@ -474,6 +474,7 @@
     "connect": "Connect",
     "resend": "Resend",
     "resendTitle": "Send the current project to the exporter again",
+    "connecting": "Connecting to the exporter...",
     "sending": "Sending project to the exporter...",
     "handed": "Project handed to the exporter. Choose a format/preset below and start the export.",
     "errorInvalidUrl": "Invalid URL. Please enter a full address, e.g. http://localhost:3000",
diff --git a/src/i18n/sw.json b/src/i18n/sw.json
@@ -474,6 +474,7 @@
     "connect": "Connect",
     "resend": "Resend",
     "resendTitle": "Send the current project to the exporter again",
+    "connecting": "Connecting to the exporter...",
     "sending": "Sending project to the exporter...",
     "handed": "Project handed to the exporter. Choose a format/preset below and start the export.",
     "errorInvalidUrl": "Invalid URL. Please enter a full address, e.g. http://localhost:3000",
diff --git a/src/i18n/tr.json b/src/i18n/tr.json
@@ -474,6 +474,7 @@
     "connect": "Connect",
     "resend": "Resend",
     "resendTitle": "Send the current project to the exporter again",
+    "connecting": "Connecting to the exporter...",
     "sending": "Sending project to the exporter...",
     "handed": "Project handed to the exporter. Choose a format/preset below and start the export.",
     "errorInvalidUrl": "Invalid URL. Please enter a full address, e.g. http://localhost:3000",
diff --git a/src/i18n/uk.json b/src/i18n/uk.json
@@ -474,6 +474,7 @@
     "connect": "Connect",
     "resend": "Resend",
     "resendTitle": "Send the current project to the exporter again",
+    "connecting": "Connecting to the exporter...",
     "sending": "Sending project to the exporter...",
     "handed": "Project handed to the exporter. Choose a format/preset below and start the export.",
     "errorInvalidUrl": "Invalid URL. Please enter a full address, e.g. http://localhost:3000",
diff --git a/src/i18n/yo.json b/src/i18n/yo.json
@@ -474,6 +474,7 @@
     "connect": "Connect",
     "resend": "Resend",
     "resendTitle": "Send the current project to the exporter again",
+    "connecting": "Connecting to the exporter...",
     "sending": "Sending project to the exporter...",
     "handed": "Project handed to the exporter. Choose a format/preset below and start the export.",
     "errorInvalidUrl": "Invalid URL. Please enter a full address, e.g. http://localhost:3000",
diff --git a/src/i18n/zh.json b/src/i18n/zh.json
@@ -474,6 +474,7 @@
     "connect": "Connect",
     "resend": "Resend",
     "resendTitle": "Send the current project to the exporter again",
+    "connecting": "Connecting to the exporter...",
     "sending": "Sending project to the exporter...",
     "handed": "Project handed to the exporter. Choose a format/preset below and start the export.",
     "errorInvalidUrl": "Invalid URL. Please enter a full address, e.g. http://localhost:3000",
diff --git a/src/views/Export/Exporter.vue b/src/views/Export/Exporter.vue
@@ -319,17 +319,27 @@ export default {
           <span class="spinner-border spinner-border-sm me-2"></span>{{ $t('exporter.sending') }}
         </div>
 
-        <!-- Embedded exporter UI -->
-        <div class="frame-wrap">
+        <!-- Embedded exporter UI. The iframe must stay in the layout (not
+             display:none) so the browser actually loads it and it can run the
+             'ready' handshake / receive the project. Until that handshake
+             confirms the exporter is reachable, we simply cover it with an
+             opaque overlay so the user never sees the bare exporter UI before
+             the connection succeeded. -->
+        <div class="frame-wrap" v-if="activeUrl">
           <iframe
-            v-if="activeUrl"
             :key="reloadKey"
             ref="frame"
             :src="activeUrl"
             class="exporter-frame"
             :title="$t('exporter.title')"
             @load="onFrameLoad"
           ></iframe>
+
+          <!-- Connecting overlay, hidden once 'ready' arrives or on error
+               (the error/status alert above already explains failures). -->
+          <div v-if="!iframeReady && !errorKey" class="frame-overlay">
+            <span class="spinner-border spinner-border-sm me-2"></span>{{ $t('exporter.connecting') }}
+          </div>
         </div>
       </div>
     </div>
@@ -385,6 +395,7 @@ export default {
 }
 
 .frame-wrap {
+  position: relative;
   flex: 1 1 auto;
   min-height: 0;
   margin-top: 0.5rem;
@@ -399,4 +410,14 @@ export default {
   border: 0;
   display: block;
 }
+
+.frame-overlay {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--bs-body-bg, #fff);
+  color: var(--bs-secondary-color, #6c757d);
+}
 </style>
