@aurora-blue/signalk-connector 0.2.0-dev.20

package/public/locales/en.json

@@ -0,0 +1,82 @@
+{
+  "page.title": "Aurora Blue ABOARD Connector Status",
+  "brand.context": "Signal K Connector",
+  "brand.label": "Aurora Blue ABOARD, Signal K Connector",
+  "appearance.system": "System appearance: {appearance}",
+  "appearance.dark": "dark",
+  "appearance.light": "light",
+  "hero.eyebrow": "Onboard connection",
+  "hero.title": "Signal K Connector",
+  "hero.subtitle": "Local runtime, transfer, and offline-buffer status",
+  "summary.label": "Connector summary",
+  "summary.pairing": "Pairing",
+  "summary.transfer": "Transfer",
+  "summary.offline_buffer": "Offline buffer",
+  "summary.buffer_pressure": "Buffer pressure",
+  "details.label": "Connector details",
+  "details.eyebrow": "Runtime diagnostics",
+  "details.title": "Transfer and storage",
+  "details.intro": "Live readings from this connector. No pairing changes are needed after an update.",
+  "details.accepted": "Accepted sequence",
+  "details.suppressed": "Suppressed events",
+  "details.dropped": "Dropped events",
+  "details.storage": "Storage profile",
+  "details.anchor": "Anchor state",
+  "details.version": "Connector version",
+  "action.open_configuration": "Open configuration",
+  "status.loading": "Loading",
+  "status.mode_unknown": "Mode unknown",
+  "status.unknown": "Unknown",
+  "status.control_unknown": "Control state unknown",
+  "status.no_timestamp": "No timestamp",
+  "status.capacity_unknown": "Capacity unknown",
+  "status.retention_unavailable": "Retention estimate unavailable",
+  "status.waiting": "Waiting for connector status",
+  "status.never": "Never",
+  "status.mode_unavailable": "Mode unavailable",
+  "status.unavailable": "Unavailable",
+  "status.updated": "Updated {time}",
+  "status.paired": "Paired",
+  "status.unpaired": "Unpaired",
+  "status.runtime_configuration": "Runtime configuration {state}",
+  "status.last_success": "Last success: {time}",
+  "status.events": "{current} / {limit} events",
+  "status.estimating_retention": "Estimating remaining retention",
+  "status.hours_remaining": "{hours} hours remaining",
+  "status.transfer_delayed": "Transfer delayed ({reason}) - retry in {seconds} s",
+  "status.transfer_delayed_generic": "Transfer is delayed. The connector will retry automatically.",
+  "status.target_unavailable": "target unavailable",
+  "status.http_error": "HTTP {status}",
+  "value.lifecycle.stopped": "Stopped",
+  "value.lifecycle.starting": "Starting",
+  "value.lifecycle.running": "Running",
+  "value.lifecycle.error": "Error",
+  "value.mode.active": "Active",
+  "value.mode.standby": "Standby",
+  "value.mode.disabled": "Disabled",
+  "value.configuration.cached": "cached",
+  "value.configuration.current": "current",
+  "value.configuration.unavailable": "unavailable",
+  "value.transfer.waiting": "Waiting",
+  "value.transfer.healthy": "Healthy",
+  "value.transfer.delayed": "Delayed",
+  "value.pressure.normal": "Normal",
+  "value.pressure.elevated": "Elevated",
+  "value.pressure.critical": "Critical",
+  "value.pressure.emergency": "Emergency",
+  "value.storage.auto": "Automatic",
+  "value.storage.constrained": "Constrained",
+  "value.storage.standard": "Standard",
+  "value.storage.extended": "Extended",
+  "value.storage.custom": "Custom",
+  "value.anchor.inactive": "Inactive",
+  "value.anchor.armed": "Armed",
+  "value.anchor.warning": "Warning",
+  "value.anchor.alarm": "Alarm",
+  "value.anchor.position_lost": "Position lost",
+  "error.admin_required": "Administrator access is required to read connector status.",
+  "error.load_failed": "Connector status could not be loaded.",
+  "error.startup_failed": "Connector startup failed.",
+  "error.configuration_invalid": "Connector configuration is invalid.",
+  "error.connector_reported": "The connector reported an error."
+}

package/public/locales/es.json

@@ -0,0 +1,82 @@
+{
+  "page.title": "Estado del conector Aurora Blue ABOARD",
+  "brand.context": "Conector Signal K",
+  "brand.label": "Aurora Blue ABOARD, conector Signal K",
+  "appearance.system": "Apariencia del sistema: {appearance}",
+  "appearance.dark": "oscura",
+  "appearance.light": "clara",
+  "hero.eyebrow": "Conexión a bordo",
+  "hero.title": "Conector Signal K",
+  "hero.subtitle": "Estado local de ejecución, transferencia y búfer sin conexión",
+  "summary.label": "Resumen del conector",
+  "summary.pairing": "Emparejamiento",
+  "summary.transfer": "Transferencia",
+  "summary.offline_buffer": "Búfer sin conexión",
+  "summary.buffer_pressure": "Carga del búfer",
+  "details.label": "Detalles del conector",
+  "details.eyebrow": "Diagnóstico de ejecución",
+  "details.title": "Transferencia y almacenamiento",
+  "details.intro": "Lecturas en directo de este conector. No es necesario volver a emparejarlo después de una actualización.",
+  "details.accepted": "Secuencia aceptada",
+  "details.suppressed": "Eventos suprimidos",
+  "details.dropped": "Eventos descartados",
+  "details.storage": "Perfil de almacenamiento",
+  "details.anchor": "Estado del ancla",
+  "details.version": "Versión del conector",
+  "action.open_configuration": "Abrir configuración",
+  "status.loading": "Cargando",
+  "status.mode_unknown": "Modo desconocido",
+  "status.unknown": "Desconocido",
+  "status.control_unknown": "Estado de control desconocido",
+  "status.no_timestamp": "Sin marca de tiempo",
+  "status.capacity_unknown": "Capacidad desconocida",
+  "status.retention_unavailable": "Estimación de retención no disponible",
+  "status.waiting": "Esperando el estado del conector",
+  "status.never": "Nunca",
+  "status.mode_unavailable": "Modo no disponible",
+  "status.unavailable": "No disponible",
+  "status.updated": "Actualizado {time}",
+  "status.paired": "Emparejado",
+  "status.unpaired": "No emparejado",
+  "status.runtime_configuration": "Configuración de ejecución {state}",
+  "status.last_success": "Último éxito: {time}",
+  "status.events": "{current} / {limit} eventos",
+  "status.estimating_retention": "Estimando la retención restante",
+  "status.hours_remaining": "Quedan {hours} horas",
+  "status.transfer_delayed": "Transferencia retrasada ({reason}) - nuevo intento en {seconds} s",
+  "status.transfer_delayed_generic": "La transferencia está retrasada. El conector lo intentará de nuevo automáticamente.",
+  "status.target_unavailable": "destino no disponible",
+  "status.http_error": "HTTP {status}",
+  "value.lifecycle.stopped": "Detenido",
+  "value.lifecycle.starting": "Iniciando",
+  "value.lifecycle.running": "En ejecución",
+  "value.lifecycle.error": "Error",
+  "value.mode.active": "Activo",
+  "value.mode.standby": "En espera",
+  "value.mode.disabled": "Desactivado",
+  "value.configuration.cached": "en caché",
+  "value.configuration.current": "actual",
+  "value.configuration.unavailable": "no disponible",
+  "value.transfer.waiting": "Esperando",
+  "value.transfer.healthy": "Correcta",
+  "value.transfer.delayed": "Retrasada",
+  "value.pressure.normal": "Normal",
+  "value.pressure.elevated": "Elevada",
+  "value.pressure.critical": "Crítica",
+  "value.pressure.emergency": "Emergencia",
+  "value.storage.auto": "Automático",
+  "value.storage.constrained": "Limitado",
+  "value.storage.standard": "Estándar",
+  "value.storage.extended": "Ampliado",
+  "value.storage.custom": "Personalizado",
+  "value.anchor.inactive": "Inactivo",
+  "value.anchor.armed": "Armado",
+  "value.anchor.warning": "Advertencia",
+  "value.anchor.alarm": "Alarma",
+  "value.anchor.position_lost": "Posición perdida",
+  "error.admin_required": "Se requiere acceso de administrador para consultar el estado del conector.",
+  "error.load_failed": "No se pudo cargar el estado del conector.",
+  "error.startup_failed": "No se pudo iniciar el conector.",
+  "error.configuration_invalid": "La configuración del conector no es válida.",
+  "error.connector_reported": "El conector ha comunicado un error."
+}

package/public/locales/fr.json

@@ -0,0 +1,82 @@
+{
+  "page.title": "État du connecteur Aurora Blue ABOARD",
+  "brand.context": "Connecteur Signal K",
+  "brand.label": "Aurora Blue ABOARD, connecteur Signal K",
+  "appearance.system": "Apparence du système : {appearance}",
+  "appearance.dark": "sombre",
+  "appearance.light": "claire",
+  "hero.eyebrow": "Connexion à bord",
+  "hero.title": "Connecteur Signal K",
+  "hero.subtitle": "État local de l'exécution, du transfert et du tampon hors ligne",
+  "summary.label": "Résumé du connecteur",
+  "summary.pairing": "Appairage",
+  "summary.transfer": "Transfert",
+  "summary.offline_buffer": "Tampon hors ligne",
+  "summary.buffer_pressure": "Charge du tampon",
+  "details.label": "Détails du connecteur",
+  "details.eyebrow": "Diagnostic d'exécution",
+  "details.title": "Transfert et stockage",
+  "details.intro": "Mesures en direct de ce connecteur. Aucun nouvel appairage n'est nécessaire après une mise à jour.",
+  "details.accepted": "Séquence acceptée",
+  "details.suppressed": "Événements supprimés",
+  "details.dropped": "Événements perdus",
+  "details.storage": "Profil de stockage",
+  "details.anchor": "État de l'ancre",
+  "details.version": "Version du connecteur",
+  "action.open_configuration": "Ouvrir la configuration",
+  "status.loading": "Chargement",
+  "status.mode_unknown": "Mode inconnu",
+  "status.unknown": "Inconnu",
+  "status.control_unknown": "État de contrôle inconnu",
+  "status.no_timestamp": "Aucun horodatage",
+  "status.capacity_unknown": "Capacité inconnue",
+  "status.retention_unavailable": "Estimation de conservation indisponible",
+  "status.waiting": "En attente de l'état du connecteur",
+  "status.never": "Jamais",
+  "status.mode_unavailable": "Mode indisponible",
+  "status.unavailable": "Indisponible",
+  "status.updated": "Mis à jour {time}",
+  "status.paired": "Appairé",
+  "status.unpaired": "Non appairé",
+  "status.runtime_configuration": "Configuration d'exécution {state}",
+  "status.last_success": "Dernier succès : {time}",
+  "status.events": "{current} / {limit} événements",
+  "status.estimating_retention": "Estimation de la conservation restante",
+  "status.hours_remaining": "{hours} heures restantes",
+  "status.transfer_delayed": "Transfert retardé ({reason}) - nouvelle tentative dans {seconds} s",
+  "status.transfer_delayed_generic": "Le transfert est retardé. Le connecteur réessaiera automatiquement.",
+  "status.target_unavailable": "cible indisponible",
+  "status.http_error": "HTTP {status}",
+  "value.lifecycle.stopped": "Arrêté",
+  "value.lifecycle.starting": "Démarrage",
+  "value.lifecycle.running": "En cours",
+  "value.lifecycle.error": "Erreur",
+  "value.mode.active": "Actif",
+  "value.mode.standby": "Veille",
+  "value.mode.disabled": "Désactivé",
+  "value.configuration.cached": "en cache",
+  "value.configuration.current": "actuelle",
+  "value.configuration.unavailable": "indisponible",
+  "value.transfer.waiting": "En attente",
+  "value.transfer.healthy": "Opérationnel",
+  "value.transfer.delayed": "Retardé",
+  "value.pressure.normal": "Normale",
+  "value.pressure.elevated": "Élevée",
+  "value.pressure.critical": "Critique",
+  "value.pressure.emergency": "Urgence",
+  "value.storage.auto": "Automatique",
+  "value.storage.constrained": "Limité",
+  "value.storage.standard": "Standard",
+  "value.storage.extended": "Étendu",
+  "value.storage.custom": "Personnalisé",
+  "value.anchor.inactive": "Inactif",
+  "value.anchor.armed": "Armé",
+  "value.anchor.warning": "Avertissement",
+  "value.anchor.alarm": "Alarme",
+  "value.anchor.position_lost": "Position perdue",
+  "error.admin_required": "Un accès administrateur est requis pour consulter l'état du connecteur.",
+  "error.load_failed": "Impossible de charger l'état du connecteur.",
+  "error.startup_failed": "Le démarrage du connecteur a échoué.",
+  "error.configuration_invalid": "La configuration du connecteur est invalide.",
+  "error.connector_reported": "Le connecteur a signalé une erreur."
+}

package/public/status.css

@@ -0,0 +1,262 @@
+* {
+  box-sizing: border-box;
+}
+body {
+  display: flow-root;
+  margin: 0;
+  min-height: 100vh;
+  isolation: isolate;
+  color: var(--aboard-text);
+  background: var(--aboard-bg);
+}
+body::before {
+  content: "";
+  position: fixed;
+  inset: -4px;
+  z-index: -1;
+  background: var(--aboard-chart) center 58% / cover no-repeat;
+  filter: blur(1.5px);
+  pointer-events: none;
+}
+.shell {
+  width: min(73.75rem, calc(100% - 3rem));
+  margin: 2rem auto;
+  padding: 2rem;
+  background: rgb(var(--aboard-surface-rgb) / 0.94);
+  border: 1px solid rgb(var(--aboard-border-rgb) / 0.28);
+  border-radius: 1.25rem;
+  box-shadow: 0 1.5rem 4rem rgb(0 17 31 / 0.16);
+}
+.brand-header,
+.hero,
+.badges,
+footer {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1rem;
+}
+.brand-header {
+  padding-bottom: 1.5rem;
+  border-bottom: 1px solid rgb(var(--aboard-border-rgb) / 0.28);
+}
+.appearance {
+  font-size: var(--aboard-font-xs);
+  color: var(--aboard-muted);
+}
+.hero {
+  align-items: flex-end;
+  margin: 1.8rem 0;
+}
+.eyebrow,
+.label {
+  color: var(--aboard-accent-strong);
+  font-size: var(--aboard-font-xs);
+  font-weight: 700;
+  letter-spacing: 0.14em;
+  text-transform: uppercase;
+}
+.eyebrow {
+  margin: 0 0 0.45rem;
+}
+h1 {
+  font-size: var(--aboard-font-title);
+  line-height: 1.16;
+  margin: 0;
+  font-weight: 500;
+  color: var(--aboard-heading);
+}
+h2 {
+  font-size: var(--aboard-font-section);
+  font-weight: 500;
+  margin: 0;
+  color: var(--aboard-heading);
+}
+.subtitle,
+.section-heading > p:last-child {
+  color: var(--aboard-muted);
+  font-size: var(--aboard-font-body);
+  line-height: 1.6;
+}
+.subtitle {
+  margin: 0.8rem 0 0;
+}
+.section-heading > p:last-child {
+  margin: 0.4rem 0 0;
+}
+.badges {
+  justify-content: flex-end;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+}
+.badge {
+  display: inline-flex;
+  align-items: center;
+  min-width: 0;
+  max-width: 100%;
+  min-height: var(--aboard-badge-min-height);
+  padding: var(--aboard-badge-padding);
+  gap: var(--aboard-badge-gap);
+  border-radius: var(--aboard-badge-radius);
+  border: 1px solid rgb(var(--aboard-border-rgb) / 0.25);
+  font-size: var(--aboard-badge-font-size);
+  font-weight: 400;
+  letter-spacing: 0;
+  line-height: 1.2;
+  cursor: default;
+  text-transform: uppercase;
+  overflow: hidden;
+  text-overflow: clip;
+  white-space: nowrap;
+}
+.good {
+  color: var(--aboard-success);
+  background: color-mix(in srgb, var(--aboard-success) 8%, transparent);
+}
+.warn {
+  color: var(--aboard-warning);
+  background: color-mix(in srgb, var(--aboard-warning) 8%, transparent);
+}
+.bad {
+  color: var(--aboard-danger);
+  background: color-mix(in srgb, var(--aboard-danger) 8%, transparent);
+}
+.neutral {
+  color: var(--aboard-muted-strong);
+  background: rgb(var(--aboard-control-rgb) / 0.08);
+}
+.notice {
+  padding: 0.9rem 1rem;
+  margin: 0 0 1rem;
+  border: 1px solid var(--aboard-warning);
+  border-radius: var(--aboard-section-radius);
+  color: var(--aboard-warning);
+  background: color-mix(in srgb, var(--aboard-warning) 8%, transparent);
+}
+.hidden {
+  display: none;
+}
+.grid {
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: 0.85rem;
+}
+.card,
+.details {
+  border: 1px solid rgb(var(--aboard-border-rgb) / 0.16);
+  border-radius: var(--aboard-section-radius);
+  background: rgb(var(--aboard-surface-rgb) / 0.82);
+}
+.card {
+  display: flex;
+  min-width: 0;
+  flex-direction: column;
+  min-height: 9.5rem;
+  padding: 1.5rem;
+}
+.card strong {
+  margin-top: 1.15rem;
+  font-size: var(--aboard-font-section);
+  font-weight: 500;
+  overflow-wrap: anywhere;
+  color: var(--aboard-heading);
+}
+.detail {
+  margin-top: 0.55rem;
+  color: var(--aboard-muted);
+  font-size: var(--aboard-font-body);
+  line-height: 1.45;
+  overflow-wrap: anywhere;
+}
+.details {
+  margin-top: 1rem;
+  padding: 1.5rem;
+}
+dl {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 0 1.6rem;
+  margin: 1rem 0 0;
+}
+dl div {
+  min-width: 0;
+  padding: 0.9rem 0;
+  border-top: 1px solid rgb(var(--aboard-border-rgb) / 0.12);
+}
+dt {
+  font-size: var(--aboard-font-xs);
+  color: var(--aboard-muted-strong);
+}
+dd {
+  font-size: var(--aboard-font-body);
+  color: var(--aboard-text);
+  margin: 0.4rem 0 0;
+  overflow-wrap: anywhere;
+}
+footer {
+  margin-top: 1.4rem;
+  color: var(--aboard-muted);
+  font-size: var(--aboard-font-xs);
+}
+.button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.4rem;
+  min-height: var(--aboard-button-height);
+  padding: var(--aboard-button-padding);
+  font-size: var(--aboard-font-xs);
+  font-weight: 500;
+  line-height: 1.2;
+  background: rgb(var(--aboard-control-rgb) / 0.58);
+  color: var(--aboard-text);
+  border: 1px solid rgb(var(--aboard-border-rgb) / 0.23);
+  border-radius: var(--aboard-button-radius);
+  text-decoration: none;
+  white-space: nowrap;
+}
+.button:hover {
+  border-color: rgb(var(--aboard-accent-rgb) / 0.52);
+}
+.button:focus-visible {
+  outline: 2px solid var(--aboard-accent-strong);
+  outline-offset: 2px;
+}
+@media (max-width: 64rem) {
+  .grid {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}
+@media (max-width: 42rem) {
+  .shell {
+    width: calc(100% - 1.5rem);
+    padding: 1.2rem;
+    margin: 0.75rem auto;
+  }
+  .hero {
+    align-items: flex-start;
+    flex-direction: column;
+    gap: 1rem;
+  }
+  .badges {
+    justify-content: flex-start;
+  }
+  dl {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+  .appearance {
+    max-width: 7.5rem;
+    text-align: right;
+    line-height: 1.4;
+  }
+  footer {
+    align-items: flex-start;
+    flex-direction: column;
+  }
+}
+@media (max-width: 23rem) {
+  .grid,
+  dl {
+    grid-template-columns: 1fr;
+  }
+}