Big refactor of the recording process

.gitignore

@@ -5,4 +5,5 @@ yarn-debug.log*
 yarn-error.log*
 node_modules/
 .DS_Store
-.vscode/
+.vscode/
+node_modules

build/_locales/ca/messages.json

@@ -489,12 +489,12 @@
     "description": "Botó d'aprèn més"
   },
   "overLimitLabelTitle": {
-    "message": "El vídeo supera el límit d'edició de 5 minuts",
-    "description": "Etiqueta de límit superior a 5 minuts a l'editor"
+    "message": "Vídeo massa llarg per processar en el teu dispositiu",
+    "description": "Etiqueta de límit de més de 5 minuts a l'editor"
   },
   "overLimitLabelDescription": {
-    "message": "Actualitza per editar vídeos més llargs",
-    "description": "Descripció del límit superior a 5 minuts a l'editor"
+    "message": "L'edició i la descàrrega en format MP4 no estan disponibles",
+    "description": "Descripció de límit de més de 5 minuts a l'editor"
   },
   "videoProcessingLabelTitle": {
     "message": "El vídeo s'està processant...",
@@ -812,5 +812,93 @@
   "noRecordingFound": {
     "message": "No s'ha trobat cap gravació, ho sento :(",
     "description": "Alerta de no s'ha trobat cap gravació a l'editor"
+  },
+  "memoryLimitTitle": {
+    "message": "S'ha assolit el límit de memòria",
+    "description": "Títol de límit de memòria assolit"
+  },
+  "memoryLimitDescription": {
+    "message": "El teu dispositiu ha esgotat la memòria disponible per a la gravació, la qual cosa ha provocat una finalització automàtica de la gravació. Si desitges gravar durant més temps, considera la possibilitat de reduir la qualitat del vídeo o lliurar espai al teu dispositiu.",
+    "description": "Descripció de límit de memòria assolit"
+  },
+  "understoodButton": {
+    "message": "Entès",
+    "description": "Botó d'entès"
+  },
+  "notEnoughSpaceTitle": {
+    "message": "Espai insuficient",
+    "description": "Títol d'espai insuficient"
+  },
+  "notEnoughSpaceDescription": {
+    "message": "Screenity necessita almenys 1 GB d'espai lliure per a la gravació. Si us plau, allibera espai i torna-ho a intentar.",
+    "description": "Descripció d'espai insuficient"
+  },
+  "clearSpaceButton": {
+    "message": "Esborra gravacions anteriors",
+    "description": "Botó d'esborra gravacions anteriors"
+  },
+  "sandboxAdvancedTitle": {
+    "message": "Avançat",
+    "description": "Secció avançada a la pàgina de l'editor en l'entorn segur"
+  },
+  "rawRecordingButtonTitle": {
+    "message": "Descarrega l'arxiu de vídeo en brut",
+    "description": "Botó de descàrrega de gravació en brut"
+  },
+  "rawRecordingButtonDescription": {
+    "message": "Exporta les dades d'enregistrament originals",
+    "description": "Etiqueta de descàrrega de gravació en brut"
+  },
+  "troubleshootButtonTitle": {
+    "message": "Obtén ajuda amb la teva gravació",
+    "description": "Botó de solució de problemes"
+  },
+  "troubleShootButtonDescription": {
+    "message": "Recupera el teu vídeo i resol altres problemes",
+    "description": "Etiqueta de solució de problemes"
+  },
+  "rawRecordingModalTitle": {
+    "message": "Descarrega l'arxiu de vídeo en brut",
+    "description": "Títol del modal de gravació en brut"
+  },
+  "rawRecordingModalDescription": {
+    "message": "L'arxiu de vídeo en brut és l'arxiu original enregistrat per Screenity. Aquest vídeo no ha estat processat ni editat, per la qual cosa pot ser molt gran i potser no es pot reproduir en tots els dispositius. Si tens problemes amb el vídeo processat, pots fer servir aquest arxiu per recuperar el teu vídeo.",
+    "description": "Descripció del modal de gravació en brut"
+  },
+  "rawRecordingModalButton": {
+    "message": "Descarrega",
+    "description": "Botó del modal de gravació en brut"
+  },
+  "troubleshootModalTitle": {
+    "message": "Descarrega la informació del sistema i les dades de vídeo per a l'enviament i la solució de problemes",
+    "description": "Títol del modal de solució de problemes"
+  },
+  "troubleshootModalDescription": {
+    "message": "Després de la descàrrega, envia l'arxiu a [email protected] amb qualsevol informació rellevant. Farem servir aquestes dades per ajudar-te a solucionar qualsevol problema que tinguis amb l'extensió i, si és possible, recuperar el teu vídeo.",
+    "description": "Descripció del modal de solució de problemes"
+  },
+  "troubleshootModalButton": {
+    "message": "Descarrega",
+    "description": "Botó del modal de solució de problemes"
+  },
+  "overLimitModalTitle": {
+    "message": "El vídeo és massa llarg per processar-se al teu dispositiu",
+    "description": "Títol del modal de límit superior a 5 minuts"
+  },
+  "overLimitModalDescription": {
+    "message": "Com que Screenity és completament privat i s'executa localment, està limitat pel maquinari del teu dispositiu. Processar un vídeo d'aquesta longitud trigarà massa temps i serà molt intensiu en recursos. No et preocupis, encara pots descarregar l'arxiu WEBM o la gravació en brut, però l'edició i l'exportació a MP4 no estan disponibles. Dicho això, encara pots intentar processar el vídeo de tota manera si entens els riscos.",
+    "description": "Descripció del modal de límit superior a 5 minuts"
+  },
+  "overLimitModalButton": {
+    "message": "Entenc el risc, intenta-ho igualment",
+    "description": "Botó del modal de límit superior a 5 minuts"
+  },
+  "overLimitModalLearnMore": {
+    "message": "Obtén més informació sobre el processament de vídeos llargs.",
+    "description": "Enllaç 'Obtén més informació' del modal de límit superior a 5 minuts amb un punt"
+  },
+  "recoveryModeTitle": {
+    "message": "Mode de recuperació",
+    "description": "Títol del mode de recuperació"
   }
 }

build/_locales/de/messages.json

@@ -488,12 +488,12 @@
     "description": "Schaltfläche 'Erfahren Sie mehr'"
   },
   "overLimitLabelTitle": {
-    "message": "Das Video überschreitet das 5-Minuten-Bearbeitungslimit",
-    "description": "Schriftzug 'Über 5 Minuten Limit' im Editor"
+    "message": "Video zu lang für lokale Verarbeitung",
+    "description": "Kennzeichnung für über 5 Minuten in der Bearbeitung"
   },
   "overLimitLabelDescription": {
-    "message": "Aktualisieren Sie, um längere Videos zu bearbeiten",
-    "description": "Beschreibung des 'Über 5 Minuten Limit'-Schriftzugs im Editor"
+    "message": "Bearbeitung und MP4-Export nicht verfügbar",
+    "description": "Beschreibung für über 5 Minuten in der Bearbeitung"
   },
   "videoProcessingLabelTitle": {
     "message": "Das Video wird verarbeitet...",
@@ -810,5 +810,94 @@
   "noRecordingFound": {
     "message": "Keine Aufzeichnung gefunden, tut uns leid :(",
     "description": "Meldung 'Keine Aufzeichnung gefunden' im Editor"
+  },
+  "memoryLimitTitle": {
+    "message": "Speichergrenze erreicht",
+    "description": "Titel für erreichte Speichergrenze"
+  },
+  "memoryLimitDescription": {
+    "message": "Ihr Gerät hat seinen verfügbaren Speicherplatz für die Aufnahme erschöpft, wodurch die Aufnahme automatisch gestoppt wurde. Wenn Sie länger aufnehmen möchten, können Sie versuchen, die Qualität des Videos zu reduzieren oder Speicherplatz auf Ihrem Gerät freizugeben.",
+    "description": "Beschreibung für erreichte Speichergrenze"
+  },
+  "understoodButton": {
+    "message": "Verstanden",
+    "description": "Verstanden-Button"
+  },
+  "notEnoughSpaceTitle": {
+    "message": "Nicht genügend Speicherplatz",
+    "description": "Titel für nicht genügend Speicherplatz"
+  },
+  "notEnoughSpaceDescription": {
+    "message": "Screenity benötigt mindestens 1 GB freien Speicherplatz für die Aufnahme. Bitte schaffen Sie Speicherplatz frei und versuchen Sie es erneut.",
+    "description": "Beschreibung für nicht genügend Speicherplatz"
+  },
+  "clearSpaceButton": {
+    "message": "Vorherige Aufnahmen löschen",
+    "description": "Button zum Löschen vorheriger Aufnahmen"
+  },
+  "sandboxAdvancedTitle": {
+    "message": "Erweitert",
+    "description": "Erweiterte Sektion auf der Sandbox-Editor-Seite"
+  },
+  "rawRecordingButtonTitle": {
+    "message": "Rohvideo herunterladen",
+    "description": "Schaltfläche zum Herunterladen des Rohvideos"
+  },
+  "rawRecordingButtonDescription": {
+    "message": "Exportieren Sie die originalen Aufnahmedaten",
+    "description": "Beschriftung der Schaltfläche zum Herunterladen des Rohvideos"
+  },
+  "troubleshootButtonTitle": {
+    "message": "Hilfe bei Ihrer Aufnahme erhalten",
+    "description": "Schaltfläche zur Problembehandlung"
+  },
+  "troubleShootButtonDescription": {
+    "message": "Stellen Sie Ihr Video wieder her und lösen Sie andere Probleme",
+    "description": "Beschriftung zur Problembehandlung"
+  },
+  "rawRecordingModalTitle": {
+    "message": "Rohvideo herunterladen",
+    "description": "Titel des Modals für das Rohvideo"
+  },
+  "rawRecordingModalDescription": {
+    "message": "Das Rohvideo ist das Originalvideo, das von Screenity aufgenommen wurde. Dieses Video wurde nicht bearbeitet oder verändert und kann daher sehr groß sein und auf allen Geräten möglicherweise nicht abspielbar sein. Wenn Sie Probleme mit dem bearbeiteten Video haben, können Sie diese Datei verwenden, um Ihr Video wiederherzustellen.",
+    "description": "Beschreibung des Modals für das Rohvideo"
+  },
+  "rawRecordingModalButton": {
+    "message": "Herunterladen",
+    "description": "Schaltfläche des Modals für das Rohvideo"
+  },
+  "troubleshootModalTitle": {
+    "message": "Systeminformationen und Videodaten herunterladen und zur Fehlerbehebung senden",
+    "description": "Titel des Modals zur Problembehandlung"
+  },
+  "troubleshootModalDescription": {
+    "message": "Nach dem Herunterladen senden Sie die Datei an [email protected] mit allen relevanten Informationen. Wir verwenden diese Daten, um Ihnen bei der Fehlerbehebung von Problemen mit der Erweiterung zu helfen und Ihr Video gegebenenfalls wiederherzustellen.",
+    "description": "Beschreibung des Modals zur Problembehandlung"
+  },
+  "troubleshootModalButton": {
+    "message": "Herunterladen",
+    "description": "Schaltfläche des Modals zur Problembehandlung"
+  },
+  "overLimitModalTitle": {
+    "message": "Das Video ist zu lang, um auf Ihrem Gerät verarbeitet zu werden",
+    "description": "Titel des Modals für die 5-Minuten-Limitierung"
+  },
+  "overLimitModalDescription": {
+    "message": "Da Screenity komplett privat ist und lokal ausgeführt wird, ist es von der Hardware Ihres Geräts begrenzt. Die Verarbeitung eines Videos dieser Länge würde zu lange dauern und sehr ressourcenintensiv sein. Keine Sorge, Sie können immer noch die WEBM-Datei oder die Rohaufnahme herunterladen, aber Bearbeitung und MP4-Export sind nicht verfügbar. Sie können das Video dennoch versuchen zu verarbeiten, wenn Sie die Risiken verstehen.",
+    "description": "Beschreibung des Modals für die 5-Minuten-Limitierung"
+  },
+  "overLimitModalButton": {
+    "message": "Ich verstehe das Risiko, trotzdem versuchen",
+    "description": "Schaltfläche des Modals für die 5-Minuten-Limitierung"
+  },
+  "overLimitModalLearnMore": {
+    "message": "Mehr über die Verarbeitung langer Videos erfahren.",
+    "description": "Link 'Erfahren Sie mehr' im Modal für die 5-Minuten-Limitierung mit einem Punkt"
+  },
+
+  "recoveryModeTitle": {
+    "message": "Wiederherstellungsmodus",
+    "description": "Titel des Wiederherstellungsmodus"
   }
 }

build/_locales/en/messages.json

@@ -488,11 +488,11 @@
     "description": "Learn more button"
   },
   "overLimitLabelTitle": {
-    "message": "Video is over the 5 minute edit limit",
+    "message": "Video too long to process in device",
     "description": "Over 5 minutes limit label in editor"
   },
   "overLimitLabelDescription": {
-    "message": "Upgrade to edit longer videos",
+    "message": "Editing and MP4 export are unavailable",
     "description": "Over 5 minutes limit description in editor"
   },
   "videoProcessingLabelTitle": {
@@ -810,5 +810,93 @@
   "noRecordingFound": {
     "message": "No recording found, sorry :(",
     "description": "No recording found alert in editor"
+  },
+  "memoryLimitTitle": {
+    "message": "Memory limit reached",
+    "description": "Memory limit reached title"
+  },
+  "memoryLimitDescription": {
+    "message": "Your device has run out of memory to record, so the recording has stopped automatically. If you'd like to record for longer, you can try lowering the quality of the video, or clearing up some space on your device.",
+    "description": "Memory limit reached description"
+  },
+  "understoodButton": {
+    "message": "Understood",
+    "description": "Understood button"
+  },
+  "notEnoughSpaceTitle": {
+    "message": "Not enough space",
+    "description": "Not enough space title"
+  },
+  "notEnoughSpaceDescription": {
+    "message": "Screenity needs at least 1GB of free space to record. Please free up some space and try again.",
+    "description": "Not enough space description"
+  },
+  "clearSpaceButton": {
+    "message": "Clear previous recordings",
+    "description": "Clear previous recordings button"
+  },
+  "sandboxAdvancedTitle": {
+    "message": "Advanced",
+    "description": "Advanced section in sandbox editor page"
+  },
+  "rawRecordingButtonTitle": {
+    "message": "Download raw video file",
+    "description": "Download raw recording button"
+  },
+  "rawRecordingButtonDescription": {
+    "message": "Export the original recording data",
+    "description": "Download raw recording label"
+  },
+  "troubleshootButtonTitle": {
+    "message": "Get help with your recording",
+    "description": "Troubleshoot button"
+  },
+  "troubleShootButtonDescription": {
+    "message": "Recover your video and solve other issues",
+    "description": "Troubleshoot label"
+  },
+  "rawRecordingModalTitle": {
+    "message": "Download raw video file",
+    "description": "Raw recording modal title"
+  },
+  "rawRecordingModalDescription": {
+    "message": "The raw video file is the original video file that was recorded by Screenity. This video is not processed or edited, so it may be very large and may not be playable on all devices. If you are having issues with the processed video, you can use this file to recover your video.",
+    "description": "Raw recording modal description"
+  },
+  "rawRecordingModalButton": {
+    "message": "Download",
+    "description": "Raw recording modal button"
+  },
+  "troubleshootModalTitle": {
+    "message": "Download system information and video data and send for troubleshooting",
+    "description": "Troubleshoot modal title"
+  },
+  "troubleshootModalDescription": {
+    "message": "After downloading, send the file to [email protected] with any relevant information. We will use this data to help you troubleshoot any issues you are having with the extension, and recover your video if possible.",
+    "description": "Troubleshoot modal description"
+  },
+  "troubleshootModalButton": {
+    "message": "Download",
+    "description": "Troubleshoot modal button"
+  },
+  "overLimitModalTitle": {
+    "message": "The video is too long to process in your device",
+    "description": "Over 5 minutes limit modal title"
+  },
+  "overLimitModalDescription": {
+    "message": "Since Screenity is completely private and runs locally, it's limited by your device's hardware. Processing a video of this length would take too long, and be very resource intensive. Don't worry, you can still download the WEBM file or the raw recording, but editing and MP4 export are not available. That said, you can still try to process the video anyway, if you understand the risks.",
+    "description": "Over 5 minutes limit modal description"
+  },
+  "overLimitModalButton": {
+    "message": "I understand the risk, try anyway",
+    "description": "Over 5 minutes limit modal button"
+  },
+  "overLimitModalLearnMore": {
+    "message": "Learn more about processing long videos.",
+    "description": "Over 5 minutes limit modal learn more link with a dot"
+  },
+  "recoveryModeTitle": {
+    "message": "Recovery mode",
+    "description": "Recovery mode title"
   }
 }