Fixed countdown issue, onboarding for pro, error restarting recording

Author: alyssaxuu

package-lock.json

@@ -40,6 +40,7 @@
     "axios": "^1.6.2",
     "concurrently": "^8.2.0",
     "dotenv": "^17.0.1",
+    "driver.js": "^1.3.6",
     "fabric": "^5.3.0",
     "fix-webm-duration": "^1.0.5",
     "gif.js": "^0.2.0",

package.json

@@ -95,7 +95,6 @@
     "message": "Mostra més opcions",
     "description": "Etiqueta de 'Mostra més opcions' en el pop-up"
   },
-
   "systemAudioLabel": {
     "message": "Inclou l'àudio del sistema",
     "description": "Etiqueta de l'àudio del sistema/pestanya"
@@ -525,7 +524,7 @@
     "description": "Etiqueta de retall"
   },
   "preparingLabel": {
-    "message": "Preparant el vídeo, un moment...",
+    "message": "Preparant...",
     "description": "Etiqueta de preparació"
   },
   "cropButtonTitle": {
@@ -720,7 +719,6 @@
     "message": "Relaxa't. Fes clic en qualsevol lloc per aturar el compte enrere.",
     "description": "Missatge de compte enrere"
   },
-
   "sandboxEditorTooSmallInfo": {
     "message": "L'edició del vídeo pot ser imprecisa a causa dels intervals entre fotogrames en duracions curtes.",
     "description": "Informació sobre l'editor que és massa petit"
@@ -1011,7 +1009,6 @@
     "message": "Assegureu-vos d'activar l'opció 'Comparteix l'audio del sistema' si voleu enregistrar l'audio de l'ordinador. Si no veieu aquesta opció, proveu d'actualitzar Chrome o canviar a l'opció d'enregistrament de pestanyes.",
     "description": "Descripció d'avís d'àudio per a altres sistemes"
   },
-
   "maxResolutionLabel": {
     "message": "Resolució màxima",
     "description": "Etiqueta de resolució màxima al menú de configuració"
@@ -1020,7 +1017,6 @@
     "message": "FPS màxims",
     "description": "Etiqueta de FPS màxims al menú de configuració"
   },
-
   "notEnoughRAM": {
     "message": "No hi ha prou RAM",
     "description": "Etiqueta 'No hi ha prou RAM' al menú de configuració"
@@ -1400,5 +1396,57 @@
   "webcodecsFailedOffToast": {
     "message": "Fast MP4 fallat — off",
     "description": "WebCodecs failure auto-disable toast"
+  },
+  "proOnboardingWelcomeTitle": {
+    "message": "Benvingut/da a l'extensió Screenity Pro",
+    "description": "Pro onboarding welcome step title"
+  },
+  "proOnboardingWelcomeDescription": {
+    "message": "Uns quants consells ràpids abans de gravar.<br/>Els zooms automàtics només funcionen amb clics dins de <strong>pestanyes de Chrome</strong>. Sempre en pots afegir manualment després.",
+    "description": "Pro onboarding welcome step description"
+  },
+  "proOnboardingToolbarTitle": {
+    "message": "Barra d'eines i efectes de gravació",
+    "description": "Pro onboarding toolbar step title"
+  },
+  "proOnboardingToolbarDescription": {
+    "message": "Fes servir aquesta barra per dibuixar, aplicar efectes del cursor, desenfocar i controlar la gravació.<br/><br/><strong>Aquesta barra surt al vídeo</strong> si no l'amagues.",
+    "description": "Pro onboarding toolbar step description"
+  },
+  "proOnboardingCameraTitle": {
+    "message": "La càmera es captura per separat",
+    "description": "Pro onboarding camera step title"
+  },
+  "proOnboardingCameraDescription": {
+    "message": "La càmera pot <strong>amagar-se o passar a PiP</strong> durant la gravació, és normal.<br/><br/>Es captura per separat perquè la puguis col·locar després.",
+    "description": "Pro onboarding camera step description"
+  },
+  "proOnboardingInstantTitle": {
+    "message": "Mode instantani",
+    "description": "Pro onboarding instant mode step title"
+  },
+  "proOnboardingInstantDescription": {
+    "message": "Ideal per compartir ràpid amb <strong>descàrregues il·limitades</strong>.<br/><br/>En aquest mode no hi ha opcions avançades de disseny ni d'edició.",
+    "description": "Pro onboarding instant mode step description"
+  },
+  "proOnboardingDone": {
+    "message": "Entesos",
+    "description": "Pro onboarding done button text"
+  },
+  "proOnboardingNext": {
+    "message": "Següent",
+    "description": "Pro onboarding next button text"
+  },
+  "proOnboardingBack": {
+    "message": "Enrere",
+    "description": "Pro onboarding back button text"
+  },
+  "proOnboardingToolbarLearnMore": {
+    "message": "Més informació",
+    "description": "Pro onboarding toolbar learn more link label"
+  },
+  "resetOnboardingOption": {
+    "message": "Reinicia l'onboarding",
+    "description": "Reset pro onboarding option label in popup settings menu"
   }
 }

src/_locales/ca/messages.json

@@ -524,7 +524,7 @@
     "description": "Beschriftung 'Zuschneiden'"
   },
   "preparingLabel": {
-    "message": "Video wird vorbereitet, bitte warten...",
+    "message": "Vorbereitung...",
     "description": "Beschriftung 'Vorbereitung'"
   },
   "cropButtonTitle": {
@@ -899,12 +899,10 @@
     "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"
   },
-
   "downloadForTroubleshootingOption": {
     "message": "Daten zum Beheben von Problemen herunterladen",
     "description": "Option zum Herunterladen zur Fehlerbehebung"
@@ -1011,7 +1009,6 @@
     "message": "Stellen Sie sicher, dass Sie die Option 'System-Audio teilen' aktivieren, wenn Sie Computer-Audio aufzeichnen möchten. Wenn Sie diese Option nicht sehen, versuchen Sie, Chrome zu aktualisieren oder zur Tab-Aufzeichnung zu wechseln.",
     "description": "Beschreibung der Audio-Warnung für andere Systeme"
   },
-
   "maxResolutionLabel": {
     "message": "Maximale Auflösung",
     "description": "Beschriftung für maximale Auflösung im Einstellungsmenü"
@@ -1020,7 +1017,6 @@
     "message": "Maximale FPS",
     "description": "Beschriftung für maximale FPS im Einstellungsmenü"
   },
-
   "notEnoughRAM": {
     "message": "Nicht genügend RAM",
     "description": "Beschriftung 'Nicht genügend RAM' im Einstellungsmenü"
@@ -1400,5 +1396,57 @@
   "webcodecsFailedOffToast": {
     "message": "Fast MP4 Fehler — aus",
     "description": "WebCodecs failure auto-disable toast"
+  },
+  "proOnboardingWelcomeTitle": {
+    "message": "Willkommen bei der Screenity Pro-Erweiterung",
+    "description": "Pro onboarding welcome step title"
+  },
+  "proOnboardingWelcomeDescription": {
+    "message": "Ein paar kurze Tipps vor der Aufnahme.<br/>Auto-Zooms funktionieren nur bei Klicks in <strong>Chrome-Tabs</strong>. Zusätzliche Zooms kannst du später manuell hinzufügen.",
+    "description": "Pro onboarding welcome step description"
+  },
+  "proOnboardingToolbarTitle": {
+    "message": "Aufnahmeleiste & Effekte",
+    "description": "Pro onboarding toolbar step title"
+  },
+  "proOnboardingToolbarDescription": {
+    "message": "Nutze diese Leiste zum Zeichnen, für Cursor-Effekte, Unschärfe und Aufnahme-Steuerung.<br/><br/><strong>Diese Leiste wird mit aufgezeichnet</strong>, wenn du sie nicht ausblendest.",
+    "description": "Pro onboarding toolbar step description"
+  },
+  "proOnboardingCameraTitle": {
+    "message": "Kamera wird separat aufgenommen",
+    "description": "Pro onboarding camera step title"
+  },
+  "proOnboardingCameraDescription": {
+    "message": "Deine Kamera kann während der Aufnahme <strong>ausgeblendet werden oder in PiP wechseln</strong> - das ist normal.<br/><br/>Sie wird separat erfasst, damit du sie später frei platzieren kannst.",
+    "description": "Pro onboarding camera step description"
+  },
+  "proOnboardingInstantTitle": {
+    "message": "Sofortmodus",
+    "description": "Pro onboarding instant mode step title"
+  },
+  "proOnboardingInstantDescription": {
+    "message": "Ideal zum schnellen Teilen mit <strong>unbegrenzten Downloads</strong>.<br/><br/>Erweiterte Layout- und Editor-Funktionen sind in diesem Modus nicht verfügbar.",
+    "description": "Pro onboarding instant mode step description"
+  },
+  "proOnboardingDone": {
+    "message": "Verstanden",
+    "description": "Pro onboarding done button text"
+  },
+  "proOnboardingNext": {
+    "message": "Weiter",
+    "description": "Pro onboarding next button text"
+  },
+  "proOnboardingBack": {
+    "message": "Zurück",
+    "description": "Pro onboarding back button text"
+  },
+  "proOnboardingToolbarLearnMore": {
+    "message": "Mehr erfahren",
+    "description": "Pro onboarding toolbar learn more link label"
+  },
+  "resetOnboardingOption": {
+    "message": "Onboarding zurücksetzen",
+    "description": "Reset pro onboarding option label in popup settings menu"
   }
 }

src/_locales/de/messages.json

@@ -524,7 +524,7 @@
     "description": "Trim label"
   },
   "preparingLabel": {
-    "message": "Preparing video, please wait...",
+    "message": "Preparing...",
     "description": "Preparing label"
   },
   "cropButtonTitle": {
@@ -1396,5 +1396,57 @@
   "webcodecsFailedOffToast": {
     "message": "Fast MP4 failed — off",
     "description": "WebCodecs failure auto-disable toast"
+  },
+  "proOnboardingWelcomeTitle": {
+    "message": "Welcome to the Screenity Pro extension",
+    "description": "Pro onboarding welcome step title"
+  },
+  "proOnboardingWelcomeDescription": {
+    "message": "A few quick tips before you record.<br/>Auto-zooms only work for clicks inside <strong>Chrome tabs</strong>. You can still add zooms manually later.",
+    "description": "Pro onboarding welcome step description"
+  },
+  "proOnboardingToolbarTitle": {
+    "message": "Recording toolbar & effects",
+    "description": "Pro onboarding toolbar step title"
+  },
+  "proOnboardingToolbarDescription": {
+    "message": "Use this toolbar for drawing, cursor effects, blur, and recording controls.<br/><br/><strong>This toolbar is included in the video</strong> unless you hide it.",
+    "description": "Pro onboarding toolbar step description"
+  },
+  "proOnboardingCameraTitle": {
+    "message": "Camera is captured separately",
+    "description": "Pro onboarding camera step title"
+  },
+  "proOnboardingCameraDescription": {
+    "message": "Your camera may <strong>hide or move to PiP</strong> while recording, that's normal.<br/><br/>It's captured separately so you can position it later.",
+    "description": "Pro onboarding camera step description"
+  },
+  "proOnboardingInstantTitle": {
+    "message": "Instant mode",
+    "description": "Pro onboarding instant mode step title"
+  },
+  "proOnboardingInstantDescription": {
+    "message": "Best for quick sharing with <strong>unlimited downloads</strong>.<br/><br/>Advanced layouts/editor options aren't available in this mode.",
+    "description": "Pro onboarding instant mode step description"
+  },
+  "proOnboardingDone": {
+    "message": "Got it",
+    "description": "Pro onboarding done button text"
+  },
+  "proOnboardingNext": {
+    "message": "Next",
+    "description": "Pro onboarding next button text"
+  },
+  "proOnboardingBack": {
+    "message": "Back",
+    "description": "Pro onboarding back button text"
+  },
+  "proOnboardingToolbarLearnMore": {
+    "message": "Learn more",
+    "description": "Pro onboarding toolbar learn more link label"
+  },
+  "resetOnboardingOption": {
+    "message": "Reset onboarding",
+    "description": "Reset pro onboarding option label in popup settings menu"
   }
 }

src/_locales/en/messages.json

@@ -95,7 +95,6 @@
     "message": "Mostrar más opciones",
     "description": "Etiqueta de mostrar más opciones"
   },
-
   "systemAudioLabel": {
     "message": "Incluir audio del sistema",
     "description": "Etiqueta de audio del sistema/tabulador"
@@ -525,7 +524,7 @@
     "description": "Etiqueta de recorte"
   },
   "preparingLabel": {
-    "message": "Preparando el vídeo, por favor espera...",
+    "message": "Preparando...",
     "description": "Etiqueta de preparación"
   },
   "cropButtonTitle": {
@@ -756,7 +755,6 @@
     "message": "Oculta los controles cuando no los uses",
     "description": "Botón para mostrar la barra de herramientas solo al pasar el cursor"
   },
-
   "stopRecording": {
     "message": "Detener grabación",
     "description": "Stop recording button in recording screen"
@@ -1011,7 +1009,6 @@
     "message": "Asegúrate de activar la opción 'Compartir audio del sistema' si deseas grabar audio de la computadora. Si no ves esta opción, intenta actualizar Chrome o cambia a la opción de grabación de pestañas.",
     "description": "Descripción de advertencia de audio para otros sistemas"
   },
-
   "maxResolutionLabel": {
     "message": "Resolución máxima",
     "description": "Etiqueta de resolución máxima en el menú de configuración"
@@ -1020,7 +1017,6 @@
     "message": "FPS máximos",
     "description": "Etiqueta de FPS máximos en el menú de configuración"
   },
-
   "notEnoughRAM": {
     "message": "No hay suficiente RAM",
     "description": "Etiqueta de 'No hay suficiente RAM' en el menú de configuración"
@@ -1400,5 +1396,57 @@
   "webcodecsFailedOffToast": {
     "message": "Fast MP4 falló — off",
     "description": "WebCodecs failure auto-disable toast"
+  },
+  "proOnboardingWelcomeTitle": {
+    "message": "Bienvenido a la extensión Screenity Pro",
+    "description": "Pro onboarding welcome step title"
+  },
+  "proOnboardingWelcomeDescription": {
+    "message": "Unos consejos rápidos antes de grabar.<br/>Los zooms automáticos solo funcionan con clics dentro de <strong>pestañas de Chrome</strong>. Siempre puedes añadir más zooms manualmente después.",
+    "description": "Pro onboarding welcome step description"
+  },
+  "proOnboardingToolbarTitle": {
+    "message": "Barra de grabación y efectos",
+    "description": "Pro onboarding toolbar step title"
+  },
+  "proOnboardingToolbarDescription": {
+    "message": "Usa esta barra para dibujar, aplicar efectos del cursor, desenfocar y controlar la grabación.<br/><br/><strong>Esta barra se verá en el video</strong> si no la ocultas.",
+    "description": "Pro onboarding toolbar step description"
+  },
+  "proOnboardingCameraTitle": {
+    "message": "La cámara se captura por separado",
+    "description": "Pro onboarding camera step title"
+  },
+  "proOnboardingCameraDescription": {
+    "message": "Tu cámara puede <strong>ocultarse o pasar a PiP</strong> durante la grabación; es normal.<br/><br/>Se captura por separado para que puedas colocarla después donde quieras.",
+    "description": "Pro onboarding camera step description"
+  },
+  "proOnboardingInstantTitle": {
+    "message": "Modo instantáneo",
+    "description": "Pro onboarding instant mode step title"
+  },
+  "proOnboardingInstantDescription": {
+    "message": "Ideal para compartir rápido con <strong>descargas ilimitadas</strong>.<br/><br/>En este modo no están disponibles los diseños ni opciones avanzadas de edición.",
+    "description": "Pro onboarding instant mode step description"
+  },
+  "proOnboardingDone": {
+    "message": "Entendido",
+    "description": "Pro onboarding done button text"
+  },
+  "proOnboardingNext": {
+    "message": "Siguiente",
+    "description": "Pro onboarding next button text"
+  },
+  "proOnboardingBack": {
+    "message": "Atrás",
+    "description": "Pro onboarding back button text"
+  },
+  "proOnboardingToolbarLearnMore": {
+    "message": "Más información",
+    "description": "Pro onboarding toolbar learn more link label"
+  },
+  "resetOnboardingOption": {
+    "message": "Reiniciar onboarding",
+    "description": "Reset pro onboarding option label in popup settings menu"
   }
 }