fix detection

app/javascript/template_builder/builder.vue

@@ -484,6 +484,7 @@
             :show-tour-start-form="showTourStartForm"
             @add-field="addField"
             @set-draw="[drawField = $event.field, drawOption = $event.option]"
+            @select-submitter="selectedSubmitter = $event"
             @set-draw-type="[drawFieldType = $event, showDrawField = true]"
             @set-drag="dragField = $event"
             @set-drag-placeholder="$refs.dragPlaceholder.dragPlaceholder = $event"

app/javascript/template_builder/fields.vue

@@ -222,7 +222,16 @@
           width="22"
           class="animate-spin"
         />
-        <span class="hidden md:inline">
+        <span
+          v-if="analyzingProgress"
+          class="hidden md:inline"
+        >
+          {{ Math.round(analyzingProgress * 100) }}% {{ t('analyzing_') }}
+        </span>
+        <span
+          v-else
+          class="hidden md:inline"
+        >
           {{ fieldPagesLoaded }} / {{ numberOfPages }} {{ t('processing_') }}
         </span>
       </template>
@@ -363,10 +372,11 @@ export default {
       default: false
     }
   },
-  emits: ['add-field', 'set-draw', 'set-draw-type', 'set-drag', 'drag-end', 'scroll-to-area', 'change-submitter', 'set-drag-placeholder'],
+  emits: ['add-field', 'set-draw', 'set-draw-type', 'set-drag', 'drag-end', 'scroll-to-area', 'change-submitter', 'set-drag-placeholder', 'select-submitter'],
   data () {
     return {
       fieldPagesLoaded: null,
+      analyzingProgress: 0,
       defaultFieldsSearch: ''
     }
   },
@@ -448,8 +458,6 @@ export default {
         while (true) {
           const { value, done } = await reader.read()
 
-          if (done) break
-
           buffer += decoder.decode(value, { stream: true })
 
           const lines = buffer.split('\n\n')
@@ -464,10 +472,21 @@ export default {
               if (data.error) {
                 alert(data.error)
 
+                this.template.fields = data.fields || fields
+
                 break
+              } else if (data.analyzing) {
+                this.analyzingProgress = data.progress
               } else if (data.completed) {
                 this.fieldPagesLoaded = null
-                this.template.fields = fields
+
+                if (data.submitters) {
+                  this.template.submitters = data.submitters
+                  this.$emit('select-submitter', this.template.submitters[0])
+                }
+
+                this.template.fields = data.fields || fields
+
                 this.save()
 
                 break
@@ -484,11 +503,14 @@ export default {
               }
             }
           }
+
+          if (done) break
         }
       }).catch(error => {
         console.error('Error in streaming message: ', error)
       }).finally(() => {
         this.fieldPagesLoaded = null
+        this.analyzingProgress = null
         this.isFieldsLoading = false
       })
     },

app/javascript/template_builder/i18n.js

@@ -1,4 +1,5 @@
 const en = {
+  analyzing_: 'Analyzing...',
   download: 'Download',
   downloading_: 'Downloading...',
   view: 'View',
@@ -187,6 +188,7 @@ const en = {
 }
 
 const es = {
+  analyzing_: 'Analizando...',
   download: 'Descargar',
   downloading_: 'Descargando...',
   view: 'Vista',
@@ -374,6 +376,7 @@ const es = {
 }
 
 const it = {
+  analyzing_: 'Analisi...',
   download: 'Scarica',
   downloading_: 'Download in corso...',
   view: 'Vista',
@@ -561,6 +564,7 @@ const it = {
 }
 
 const pt = {
+  analyzing_: 'Analisando...',
   download: 'Baixar',
   downloading_: 'Baixando...',
   view: 'Visualizar',
@@ -748,6 +752,7 @@ const pt = {
 }
 
 const fr = {
+  analyzing_: 'Analyse...',
   download: 'Télécharger',
   downloading_: 'Téléchargement...',
   view: 'Voir',
@@ -935,6 +940,7 @@ const fr = {
 }
 
 const de = {
+  analyzing_: 'Analysiere...',
   download: 'Download',
   downloading_: 'Download...',
   view: 'Anzeigen',
@@ -1122,6 +1128,7 @@ const de = {
 }
 
 const nl = {
+  analyzing_: 'Analyseren...',
   download: 'Downloaden',
   downloading_: 'Downloaden...',
   view: 'Bekijken',