react-cheminfo 0.70.0 → 0.71.0

package/src/ir/ui/IrCanvas.tsx

@@ -1,5 +1,6 @@
 import { useCallback, useMemo } from 'react';
 
+import { editBandsAt } from '../core/handPicking.ts';
 import type { IrBand } from '../core/irBand.ts';
 import type { IrPlotClick } from '../core/irEditorApi.ts';
 import type { IrDomain } from '../core/irSpectrum.ts';
@@ -35,7 +36,8 @@ export interface IrCanvasProps {
   chartId?: string;
   /**
    * Told of a click on the plot — a press let go without travelling, never the
-   * end of a drag — with the spectrum selected at that moment.
+   * end of a drag — with the spectrum selected at that moment. Not told while
+   * bands are picked by hand, which is what a click is then.
    * @default undefined
    */
   onPlotClick?: (click: IrPlotClick) => void;
@@ -64,7 +66,8 @@ export function IrCanvas(props: IrCanvasProps) {
     chartId,
     onPlotClick,
   } = props;
-  const { state, visibleSpectra, assigned } = useIrEditorState();
+  const { state, visibleSpectra, selectedSpectrum, assigned } =
+    useIrEditorState();
   const actions = useIrActions();
   const { domain, tool, selectedId } = state.view;
   const { technique, mode, showAssignments, labelLimit } = state.settings;
@@ -77,15 +80,23 @@ export function IrCanvas(props: IrCanvasProps) {
   );
 
   // Which spectrum was selected is the viewer's to say, not the chart's: the
-  // chart only knows where the press landed.
-  const onClickAt = useMemo(
-    () =>
-      onPlotClick === undefined
-        ? undefined
-        : (wavenumber: number) =>
-            onPlotClick({ wavenumber, spectrumId: selectedId }),
-    [onPlotClick, selectedId],
-  );
+  // chart only knows where the press landed. While picking by hand a click is
+  // a band, and is the viewer's own rather than the host's.
+  const onClickAt = useMemo(() => {
+    if (tool === 'pick') {
+      if (selectedSpectrum === null) return undefined;
+      return (wavenumber: number, reach: number) => {
+        const bands = editBandsAt(selectedSpectrum, wavenumber, reach);
+        if (bands !== selectedSpectrum.bands) {
+          actions.setBands(selectedSpectrum.id, bands);
+        }
+      };
+    }
+    return onPlotClick === undefined
+      ? undefined
+      : (wavenumber: number) =>
+          onPlotClick({ wavenumber, spectrumId: selectedId });
+  }, [tool, selectedSpectrum, actions, onPlotClick, selectedId]);
 
   return (
     <div style={rootStyle}>

package/src/ir/ui/IrChart.tsx

@@ -11,6 +11,7 @@ import { useChartSize } from '../../chart/ui/useChartSize.ts';
 import type { AssignedBand } from '../core/assignBands.ts';
 import type { IrBand } from '../core/irBand.ts';
 import { irModeFor } from '../core/irTechnique.ts';
+import { BAND_HIT_RADIUS } from '../core/nearestBand.ts';
 
 import { BandMarks } from './BandMarks.tsx';
 import { IrPointerTracker } from './IrPointerTracker.tsx';
@@ -83,11 +84,15 @@ export function IrChart(props: IrChartProps): ReactElement {
   const frameWidth = plot.right + MARGIN.right;
   const frameHeight = plot.bottom + MARGIN.bottom;
 
+  // The scale a click is measured against comes out of the zoom the click is
+  // handed to, so the handler reads the latest one when the click happens.
+  const xFactor = useRef(0);
   const onClick = useMemo(
     () =>
       onPlotClick === undefined
         ? undefined
-        : (point: ChartPoint) => onPlotClick(point.x),
+        : (point: ChartPoint) =>
+            onPlotClick(point.x, BAND_HIT_RADIUS / Math.abs(xFactor.current)),
     [onPlotClick],
   );
 
@@ -111,6 +116,10 @@ export function IrChart(props: IrChartProps): ReactElement {
   // was dragged over.
   const { domain: shown, xScale, yScale, selection, handlers } = zoom;
 
+  useLayoutEffect(() => {
+    xFactor.current = xScale.factor;
+  }, [xScale]);
+
   const reported = useRef(shown);
   // Before the browser paints, so a host that stores the window and hands it
   // back does so in the frame the gesture landed in rather than the one after.

package/src/ir/ui/IrDocumentationDialog.tsx

@@ -111,6 +111,13 @@ function InfraredGuide() {
         a row marks the band on the chart, and hovering the chart lights the
         row.
       </p>
+      <p style={paragraphStyle}>
+        The bands are found automatically until you pick them by hand: with the
+        hand tool a click on the chart adds the band under it, at its top, and a
+        click on a mark takes it away, as does the cross at the end of its row.
+        From then on the threshold leaves the list alone, until it is found
+        automatically again.
+      </p>
       <p style={paragraphStyle}>
         A band is reported at the sampled point it peaked on, so on a 4 cm⁻¹
         grid a carbonyl centred at 1710 reads 1708 or 1712. Do not quote one as

package/src/ir/ui/IrEditor.tsx

@@ -18,7 +18,8 @@ export interface IrEditorProps {
   data?: IrSpectrum[];
   /**
    * Called whenever the spectra open change — one loaded, one closed, the chart
-   * cleared — with the spectra now open.
+   * cleared, the bands of one picked — with the spectra now open, each carrying
+   * its bands.
    *
    * The document only. A zoom, a selection, a rename and a colour change what is
    * being looked at rather than what is loaded, and a host told about those would
@@ -50,7 +51,8 @@ export interface IrEditorProps {
   panels?: readonly IrHostPanel[];
   /**
    * The plot was clicked at this wavenumber (a press that did not travel, i.e.
-   * not a zoom drag), with the spectrum selected at that moment.
+   * not a zoom drag), with the spectrum selected at that moment. Not called
+   * while bands are picked by hand: a click is a band then.
    * @default undefined
    */
   onPlotClick?: (click: IrPlotClick) => void;

package/src/ir/ui/IrShell.tsx

@@ -92,6 +92,11 @@ export function IrShell(props: IrShellProps) {
       fullScreen: toggleFullScreen,
       readTool: () => actions.setTool('read'),
       boxTool: () => actions.setTool(tool === 'box' ? 'read' : 'box'),
+      // Picking by hand is done on the marks, so they are shown for it.
+      pickTool: () => {
+        actions.setTool(tool === 'pick' ? 'read' : 'pick');
+        if (!pickBands) actions.setSettings({ pickBands: true });
+      },
       zoomIn,
       zoomOut,
       resetZoom: () => actions.resetDomain(),

package/src/ir/ui/IrStatusBar.tsx

@@ -63,11 +63,14 @@ export function IrStatusBar() {
       {pickBands && assigned.length > 0 ? (
         <span style={itemStyle}>
           {countLabel(assigned.length, 'band', 'bands')}
+          {selectedSpectrum?.bandsByHand ? ' picked by hand' : null}
           {assignments ? `, ${countAssigned(assigned)} assigned` : null}
         </span>
       ) : null}
 
-      {boxZoomOnly(mode) || tool === 'box' ? (
+      {tool === 'pick' ? (
+        <span style={mutedStyle}>click to add or remove a band</span>
+      ) : boxZoomOnly(mode) || tool === 'box' ? (
         <span style={mutedStyle}>square zoom: drag a rectangle</span>
       ) : null}
 

package/src/ir/ui/IrToolbar.tsx

@@ -22,9 +22,10 @@ export interface IrToolbarProps {
  * The tools, down the left of the chart.
  *
  * Only what is done to the spectra: what is asked of the viewer itself — the
- * mark, help, full screen — is in the header. The two **tools** — read and
- * square zoom — come first and show which of the two a drag is currently
- * running, then the zoom commands that act at once, then what is being read: the
+ * mark, help, full screen — is in the header. The **tools** — read and square
+ * zoom, which say what a drag is running, and picking by hand, which says what
+ * a click is — come first, then the zoom commands that act at once, then what
+ * is being read: the
  * value axis, the picking, the assignments. Closing every spectrum is last and
  * alone, being the only one that throws something away.
  *
@@ -64,10 +65,12 @@ export function IrToolbar(props: IrToolbarProps) {
         disabled={isEmpty}
       />
       {/* The read tool drags along one axis, so it is drawn as that; the box
-          tool sweeps a rectangle, which is what a marquee icon means. */}
+          tool sweeps a rectangle, which is what a marquee icon means. Picking
+          by hand is about a click, and a drag still reads while it is chosen,
+          so the two light together. */}
       <Toolbar.Item
         icon="arrows-horizontal"
-        active={!settled && tool === 'read'}
+        active={!settled && tool !== 'box'}
         {...command('readTool')}
         disabled={isEmpty || settled}
       />
@@ -77,6 +80,12 @@ export function IrToolbar(props: IrToolbarProps) {
         {...command('boxTool')}
         disabled={isEmpty || settled}
       />
+      <Toolbar.Item
+        icon="add-location"
+        active={tool === 'pick'}
+        {...command('pickTool')}
+        disabled={selectedSpectrum === null}
+      />
 
       <Toolbar.Item icon="zoom-in" {...command('zoomIn')} disabled={isEmpty} />
       <Toolbar.Item

package/src/ir/ui/VibrationalEditor.tsx

@@ -48,7 +48,8 @@ export interface VibrationalEditorProps {
   panels?: readonly IrHostPanel[];
   /**
    * The plot was clicked at this wavenumber (a press that did not travel, i.e.
-   * not a zoom drag), with the spectrum selected at that moment.
+   * not a zoom drag), with the spectrum selected at that moment. Not called
+   * while bands are picked by hand.
    * @default undefined
    */
   onPlotClick?: (click: IrPlotClick) => void;

package/src/ir/ui/irActions.ts

@@ -8,6 +8,7 @@
 
 import type { Dispatch } from 'react';
 
+import type { IrBand } from '../core/irBand.ts';
 import type { IrAction } from '../core/irReducer.ts';
 import type { IrPanelId } from '../core/irSidePanels.ts';
 import type { IrDomain, IrSpectrum } from '../core/irSpectrum.ts';
@@ -27,6 +28,10 @@ export interface IrEditorActions {
   setSpectrumColor: (id: string, color: string) => void;
   /** Draw one, or stop drawing it. */
   setSpectrumVisible: (id: string, visible: boolean) => void;
+  /** Give one these bands, as picked by hand. */
+  setBands: (id: string, bands: IrBand[]) => void;
+  /** Have one's bands found automatically again, with the settings in force. */
+  resetBands: (id: string) => void;
   /** Point the panels at one, or at none. */
   selectSpectrum: (id: string | null) => void;
   /** Show this window. */
@@ -72,6 +77,12 @@ export function createIrActions(dispatch: Dispatch<IrAction>): IrEditorActions {
     setSpectrumVisible(id, visible) {
       dispatch({ type: 'setSpectrumVisible', id, visible });
     },
+    setBands(id, bands) {
+      dispatch({ type: 'setBands', id, bands });
+    },
+    resetBands(id) {
+      dispatch({ type: 'resetBands', id });
+    },
     selectSpectrum(id) {
       dispatch({ type: 'selectSpectrum', id });
     },

package/src/ir/ui/irChartProps.ts

@@ -98,9 +98,12 @@ export interface IrChartProps {
    * Told the wavenumber a click on the plot landed at: a press let go over the
    * plot without travelling. The end of a drag is never one, nor is a press let
    * go over the axis labels, which inverts to a value the chart is not drawing.
+   *
+   * `reach` is how many cm⁻¹ a band's hit radius spans at the zoom the chart is
+   * at, so a band the click was aimed at can be told from one it was not.
    * @default undefined
    */
-  onPlotClick?: (wavenumber: number) => void;
+  onPlotClick?: (wavenumber: number, reach: number) => void;
   /**
    * What a drag across the plot asks for: the wavenumber axis alone, or exactly
    * the rectangle it sweeps out. A viewer offering a square-zoom tool switches

package/src/ir/ui/useIrEditor.ts

@@ -1,16 +1,10 @@
 /**
  * One viewer's state, and everything derived from it.
  *
- * The bands are derived here rather than held, and that is the one structural
- * decision in this file. Picking is a pure function of a spectrum and the
- * picking settings, so a band held in state would be an answer that has to be
- * invalidated by hand every time either changes — and the version that is wrong
- * is the one drawn on the chart. Derived, a stale band cannot exist.
- *
- * It is memoised on the selected spectrum rather than on all of them: picking
- * runs a peak detection over a few thousand points, and doing it for six loaded
- * spectra when the panels only ever show one would cost six times what it needs
- * to on every change of a threshold.
+ * The bands are the selected spectrum's own: the reducer picks them when it
+ * arrives and keeps them on it, so a band picked by hand is still there the
+ * next time it is selected, and goes to the host with it. What is derived here
+ * is what each band could be, which the correlation table answers per band.
  */
 
 import { useEffect, useMemo, useReducer, useRef } from 'react';
@@ -19,12 +13,12 @@ import type { AssignedBand } from '../core/assignBands.ts';
 import { assignBands } from '../core/assignBands.ts';
 import type { BandAssignment } from '../core/bandAssignments.ts';
 import { BAND_ASSIGNMENTS } from '../core/bandAssignments.ts';
+import type { IrBand } from '../core/irBand.ts';
 import { irReducer } from '../core/irReducer.ts';
 import type { IrSpectrum } from '../core/irSpectrum.ts';
 import type { CreateIrStateOptions, IrState } from '../core/irState.ts';
 import { createIrState } from '../core/irState.ts';
 import { IR_TECHNIQUE_RULES } from '../core/irTechnique.ts';
-import { pickBands } from '../core/pickBands.ts';
 
 import type { IrEditorActions } from './irActions.ts';
 import { createIrActions } from './irActions.ts';
@@ -33,7 +27,7 @@ import { createIrActions } from './irActions.ts';
 export interface UseIrEditorOptions extends CreateIrStateOptions {
   /**
    * Called whenever the spectra open change — one loaded, one closed, the chart
-   * cleared — with the spectra now open.
+   * cleared, the bands of one picked — with the spectra now open.
    * @default undefined
    */
   onChange?: (spectra: IrSpectrum[]) => void;
@@ -70,8 +64,7 @@ export function useIrEditor(options: UseIrEditorOptions = {}): IrEditorApi {
 
   const { spectra } = state.data;
   const { selectedId } = state.view;
-  const { pickBands: picking, picking: pickingOptions } = state.settings;
-  const { assignmentTolerance, technique } = state.settings;
+  const { pickBands: picking, assignmentTolerance, technique } = state.settings;
 
   const visibleSpectra = useMemo(() => {
     const visible: IrSpectrum[] = [];
@@ -92,9 +85,9 @@ export function useIrEditor(options: UseIrEditorOptions = {}): IrEditorApi {
   const bands = useMemo(
     () =>
       selectedSpectrum === null || !picking
-        ? []
-        : pickBands(selectedSpectrum, pickingOptions),
-    [selectedSpectrum, picking, pickingOptions],
+        ? NO_BANDS
+        : (selectedSpectrum.bands ?? NO_BANDS),
+    [selectedSpectrum, picking],
   );
 
   // Assigning is a walk of thirty ranges per band, which is nothing beside the
@@ -130,8 +123,15 @@ export function useIrEditor(options: UseIrEditorOptions = {}): IrEditorApi {
 /** The table a technique the correlation table does not cover is matched against. */
 const NO_ASSIGNMENTS: readonly BandAssignment[] = [];
 
+/** What is shown while nothing is selected or picking is off, kept stable. */
+const NO_BANDS: readonly IrBand[] = [];
+
 /**
- * Whether two lists hold the same spectra, by identity and in order.
+ * Whether two lists hold the same spectra, with the same bands, in order.
+ *
+ * By identity, and the bands by reference: a rename or a colour builds a new
+ * spectrum around the same list, so neither is reported, while a band picked
+ * builds a new list.
  * @param current - What was reported last.
  * @param next - What is open now.
  * @returns Whether the report can be skipped.
@@ -143,9 +143,9 @@ function sameSpectra(
   if (current === next) return true;
   if (current.length !== next.length) return false;
   for (let index = 0; index < current.length; index++) {
-    if ((current[index] as IrSpectrum).id !== (next[index] as IrSpectrum).id) {
-      return false;
-    }
+    const before = current[index] as IrSpectrum;
+    const after = next[index] as IrSpectrum;
+    if (before.id !== after.id || before.bands !== after.bands) return false;
   }
   return true;
 }

package/src/locales/de.json

@@ -8,6 +8,69 @@
   "account.signIn": "Anmelden",
   "account.signOut": "Abmelden",
   "account.signedInAs": "Angemeldet als {name}",
+  "account.username": "Benutzername",
+  "account.password": "Passwort",
+  "account.role": "Rolle",
+  "account.role.read": "Lesen",
+  "account.role.write": "Lesen und Schreiben",
+  "account.role.admin": "Administrator",
+  "account.you": "Sie",
+  "account.envManaged": "in .env festgelegt",
+  "account.envManagedTitle": "ADMIN_USERNAME und ADMIN_PASSWORD in der .env des Servers legen dieses Konto fest, es wird dort geändert.",
+  "account.accounts": "Konten",
+  "account.accountsNote": "Lesen sieht die Daten, Lesen und Schreiben ändert sie auch, und Administrator verwaltet zudem diese Konten.",
+  "account.column.added": "Hinzugefügt",
+  "account.column.lastSignIn": "Letzte Anmeldung",
+  "account.column.passwordChanged": "Passwort geändert",
+  "account.column.actions": "Ändern",
+  "account.never": "nie",
+  "account.add": "Konto hinzufügen",
+  "account.addSubmit": "Das Konto hinzufügen",
+  "account.added": "{username} kann sich jetzt anmelden.",
+  "account.usernameHelp": "Buchstaben, Ziffern, Punkte, Bindestriche und Unterstriche.",
+  "account.setPassword": "Passwort setzen",
+  "account.setPasswordTitle": "Das Passwort von {username} setzen",
+  "account.setPasswordNote": "{username} wird überall abgemeldet und meldet sich ab jetzt mit diesem Passwort an.",
+  "account.setPasswordSubmit": "Das Passwort setzen",
+  "account.roleOf": "Rolle von {username}",
+  "account.changePassword": "Ihr Passwort ändern",
+  "account.currentPassword": "Aktuelles Passwort",
+  "account.newPassword": "Neues Passwort",
+  "account.repeatPassword": "Neues Passwort, noch einmal",
+  "account.passwordsDiffer": "Die beiden neuen Passwörter unterscheiden sich.",
+  "account.passwordChanged": "Ihr Passwort ist geändert. Andere Browser, die mit Ihrem Konto angemeldet waren, sind abgemeldet.",
+  "account.ownEnvManaged": "Die .env des Servers legt Ihr Konto fest: Ändern Sie ADMIN_PASSWORD dort und starten Sie den Server neu.",
+  "account.remove": "Entfernen",
+  "account.removeQuestion": "{username} entfernen? Das Konto kann sich dann nicht mehr anmelden.",
+  "account.needsWrite": "Diese Seite ändert die Daten, und {username} darf sie nur lesen.",
+  "account.needsAdmin": "Diese Seite ist für Administratoren, und {username} ist keiner.",
+  "account.switchAccount": "Mit einem anderen Konto anmelden",
+  "account.unreachable": "Der Server ist nicht erreichbar. Versuchen Sie es gleich noch einmal.",
+  "account.refusal.wrongCredentials": "Falscher Benutzername oder falsches Passwort.",
+  "account.refusal.tooManyAttempts": "Zu viele Anmeldeversuche von hier. Versuchen Sie es in 15 Minuten wieder.",
+  "account.refusal.signInElsewhere": "Die Anmeldung geschieht auf den Seiten dieser Website.",
+  "account.refusal.signOutElsewhere": "Die Abmeldung geschieht auf den Seiten dieser Website.",
+  "account.refusal.changeElsewhere": "Änderungen geschehen von den Seiten dieser Website aus.",
+  "account.refusal.signInRequired": "Dies ist für die Konten dieser Website: Melden Sie sich an.",
+  "account.refusal.sessionEnded": "Die Sitzung ist zu Ende: Melden Sie sich erneut an.",
+  "account.refusal.wrongToken": "Das ist nicht das ADMIN_TOKEN dieses Servers.",
+  "account.refusal.noAdminToken": "Auf diesem Server ist kein ADMIN_TOKEN gesetzt: Melden Sie sich stattdessen an.",
+  "account.refusal.roleTooLow": "Ihr Konto darf das nicht: Fragen Sie einen Administrator.",
+  "account.refusal.usernameLength": "Ein Benutzername hat {min} bis {max} Zeichen.",
+  "account.refusal.usernameCharacters": "Ein Benutzername enthält Buchstaben, Ziffern, Punkte, Bindestriche und Unterstriche und beginnt mit einem Buchstaben oder einer Ziffer.",
+  "account.refusal.usernameTaken": "Dieser Benutzername ist vergeben.",
+  "account.refusal.passwordEmpty": "Ein Passwort darf nicht leer sein.",
+  "account.refusal.passwordTooLong": "Ein Passwort hat höchstens {max} Zeichen.",
+  "account.refusal.noSuchAccount": "Dieses Konto gibt es nicht mehr.",
+  "account.refusal.nothingToChange": "Senden Sie ein neues Passwort, eine neue Rolle oder beides.",
+  "account.refusal.useChangePassword": "Ändern Sie Ihr eigenes Passwort mit POST /password, das nach dem aktuellen fragt.",
+  "account.refusal.ownRole": "Sie können Ihre eigene Rolle nicht ändern.",
+  "account.refusal.removeYourself": "Sie können das Konto, das Sie verwenden, nicht entfernen.",
+  "account.refusal.lastAdmin": "Der letzte Administrator kann weder entfernt noch herabgestuft werden.",
+  "account.refusal.envManaged": "Die .env des Servers legt dieses Konto fest, es wird dort geändert.",
+  "account.refusal.tokenCannotChangePassword": "Ein Passwort ändert das angemeldete Konto, nicht das ADMIN_TOKEN.",
+  "account.refusal.wrongCurrentPassword": "Das aktuelle Passwort ist nicht dieses.",
+  "account.refusal.accountRemoved": "Das angemeldete Konto wurde entfernt.",
   "ecosystem.tools": "Werkzeuge",
   "ecosystem.menuHeading": "Unsere Werkzeuge, alle im Browser",
   "ecosystem.otherTools": "Unsere weiteren Werkzeuge",

package/src/locales/en.json

@@ -8,6 +8,69 @@
   "account.signIn": "Sign in",
   "account.signOut": "Sign out",
   "account.signedInAs": "Signed in as {name}",
+  "account.username": "Username",
+  "account.password": "Password",
+  "account.role": "Role",
+  "account.role.read": "Read",
+  "account.role.write": "Read and write",
+  "account.role.admin": "Administrator",
+  "account.you": "you",
+  "account.envManaged": "defined in .env",
+  "account.envManagedTitle": "ADMIN_USERNAME and ADMIN_PASSWORD in the server's .env define this account, so it is changed there.",
+  "account.accounts": "Accounts",
+  "account.accountsNote": "Read sees the data, Read and write also changes it, and Administrator also manages these accounts.",
+  "account.column.added": "Added",
+  "account.column.lastSignIn": "Last sign-in",
+  "account.column.passwordChanged": "Password changed",
+  "account.column.actions": "Change",
+  "account.never": "never",
+  "account.add": "Add an account",
+  "account.addSubmit": "Add the account",
+  "account.added": "{username} can sign in now.",
+  "account.usernameHelp": "Letters, digits, dots, dashes and underscores.",
+  "account.setPassword": "Set password",
+  "account.setPasswordTitle": "Set the password of {username}",
+  "account.setPasswordNote": "{username} is signed out everywhere, and signs in with this password from now on.",
+  "account.setPasswordSubmit": "Set the password",
+  "account.roleOf": "Role of {username}",
+  "account.changePassword": "Change your password",
+  "account.currentPassword": "Current password",
+  "account.newPassword": "New password",
+  "account.repeatPassword": "New password, again",
+  "account.passwordsDiffer": "The two new passwords differ.",
+  "account.passwordChanged": "Your password is changed. Other browsers signed in as you are signed out.",
+  "account.ownEnvManaged": "The server's .env defines your account: change ADMIN_PASSWORD there, then restart the server.",
+  "account.remove": "Remove",
+  "account.removeQuestion": "Remove {username}? It can no longer sign in.",
+  "account.needsWrite": "This page changes the data, and {username} can only read it.",
+  "account.needsAdmin": "This page is for administrators, and {username} is not one.",
+  "account.switchAccount": "Sign in as somebody else",
+  "account.unreachable": "The server cannot be reached. Try again in a moment.",
+  "account.refusal.wrongCredentials": "Wrong username or password.",
+  "account.refusal.tooManyAttempts": "Too many sign-ins from here. Try again in 15 minutes.",
+  "account.refusal.signInElsewhere": "Signing in happens on this site's own pages.",
+  "account.refusal.signOutElsewhere": "Signing out happens on this site's own pages.",
+  "account.refusal.changeElsewhere": "Changes are made from this site's own pages.",
+  "account.refusal.signInRequired": "This is for the accounts of this site: sign in.",
+  "account.refusal.sessionEnded": "The session has ended: sign in again.",
+  "account.refusal.wrongToken": "That is not the ADMIN_TOKEN of this server.",
+  "account.refusal.noAdminToken": "No ADMIN_TOKEN is set on this server: sign in instead.",
+  "account.refusal.roleTooLow": "Your account cannot do this: ask an administrator.",
+  "account.refusal.usernameLength": "A username has {min} to {max} characters.",
+  "account.refusal.usernameCharacters": "A username holds letters, digits, dots, dashes and underscores, and starts with a letter or a digit.",
+  "account.refusal.usernameTaken": "That username is taken.",
+  "account.refusal.passwordEmpty": "A password cannot be empty.",
+  "account.refusal.passwordTooLong": "A password has at most {max} characters.",
+  "account.refusal.noSuchAccount": "That account no longer exists.",
+  "account.refusal.nothingToChange": "Send a new password, a new role, or both.",
+  "account.refusal.useChangePassword": "Change your own password with POST /password, which asks for the current one.",
+  "account.refusal.ownRole": "You cannot change your own role.",
+  "account.refusal.removeYourself": "You cannot remove the account you are using.",
+  "account.refusal.lastAdmin": "The last administrator can be neither removed nor demoted.",
+  "account.refusal.envManaged": "The server's .env defines this account, so it is changed there.",
+  "account.refusal.tokenCannotChangePassword": "A password is changed by the account signed in, not with the ADMIN_TOKEN.",
+  "account.refusal.wrongCurrentPassword": "The current password is not that one.",
+  "account.refusal.accountRemoved": "The account signed in was removed.",
   "ecosystem.tools": "Tools",
   "ecosystem.menuHeading": "Our tools, all in the browser",
   "ecosystem.otherTools": "Our other tools",

package/src/locales/es.json

@@ -8,6 +8,69 @@
   "account.signIn": "Iniciar sesión",
   "account.signOut": "Cerrar sesión",
   "account.signedInAs": "Sesión iniciada como {name}",
+  "account.username": "Nombre de usuario",
+  "account.password": "Contraseña",
+  "account.role": "Rol",
+  "account.role.read": "Lectura",
+  "account.role.write": "Lectura y escritura",
+  "account.role.admin": "Administrador",
+  "account.you": "usted",
+  "account.envManaged": "definida en .env",
+  "account.envManagedTitle": "ADMIN_USERNAME y ADMIN_PASSWORD, en el .env del servidor, definen esta cuenta, que se cambia allí.",
+  "account.accounts": "Cuentas",
+  "account.accountsNote": "Lectura ve los datos, Lectura y escritura también los cambia, y Administrador también gestiona estas cuentas.",
+  "account.column.added": "Añadida",
+  "account.column.lastSignIn": "Último inicio de sesión",
+  "account.column.passwordChanged": "Contraseña cambiada",
+  "account.column.actions": "Cambiar",
+  "account.never": "nunca",
+  "account.add": "Añadir una cuenta",
+  "account.addSubmit": "Añadir la cuenta",
+  "account.added": "{username} ya puede iniciar sesión.",
+  "account.usernameHelp": "Letras, cifras, puntos, guiones y guiones bajos.",
+  "account.setPassword": "Fijar contraseña",
+  "account.setPasswordTitle": "Fijar la contraseña de {username}",
+  "account.setPasswordNote": "{username} queda desconectado en todas partes, e inicia sesión con esta contraseña a partir de ahora.",
+  "account.setPasswordSubmit": "Fijar la contraseña",
+  "account.roleOf": "Rol de {username}",
+  "account.changePassword": "Cambiar su contraseña",
+  "account.currentPassword": "Contraseña actual",
+  "account.newPassword": "Nueva contraseña",
+  "account.repeatPassword": "Nueva contraseña, otra vez",
+  "account.passwordsDiffer": "Las dos contraseñas nuevas no coinciden.",
+  "account.passwordChanged": "Su contraseña ha cambiado. Los demás navegadores con su sesión quedan desconectados.",
+  "account.ownEnvManaged": "El .env del servidor define su cuenta: cambie ADMIN_PASSWORD allí y reinicie el servidor.",
+  "account.remove": "Eliminar",
+  "account.removeQuestion": "¿Eliminar {username}? Ya no podrá iniciar sesión.",
+  "account.needsWrite": "Esta página cambia los datos, y {username} solo puede leerlos.",
+  "account.needsAdmin": "Esta página es para administradores, y {username} no lo es.",
+  "account.switchAccount": "Iniciar sesión con otra cuenta",
+  "account.unreachable": "No se puede contactar con el servidor. Inténtelo de nuevo en un momento.",
+  "account.refusal.wrongCredentials": "Nombre de usuario o contraseña incorrectos.",
+  "account.refusal.tooManyAttempts": "Demasiados intentos de inicio de sesión desde aquí. Inténtelo de nuevo dentro de 15 minutos.",
+  "account.refusal.signInElsewhere": "El inicio de sesión se hace desde las páginas de este sitio.",
+  "account.refusal.signOutElsewhere": "El cierre de sesión se hace desde las páginas de este sitio.",
+  "account.refusal.changeElsewhere": "Los cambios se hacen desde las páginas de este sitio.",
+  "account.refusal.signInRequired": "Esto es para las cuentas de este sitio: inicie sesión.",
+  "account.refusal.sessionEnded": "La sesión ha terminado: vuelva a iniciar sesión.",
+  "account.refusal.wrongToken": "Ese no es el ADMIN_TOKEN de este servidor.",
+  "account.refusal.noAdminToken": "Este servidor no tiene ningún ADMIN_TOKEN: inicie sesión en su lugar.",
+  "account.refusal.roleTooLow": "Su cuenta no puede hacer esto: pídaselo a un administrador.",
+  "account.refusal.usernameLength": "Un nombre de usuario tiene de {min} a {max} caracteres.",
+  "account.refusal.usernameCharacters": "Un nombre de usuario contiene letras, cifras, puntos, guiones y guiones bajos, y empieza por una letra o una cifra.",
+  "account.refusal.usernameTaken": "Ese nombre de usuario ya existe.",
+  "account.refusal.passwordEmpty": "Una contraseña no puede estar vacía.",
+  "account.refusal.passwordTooLong": "Una contraseña tiene como máximo {max} caracteres.",
+  "account.refusal.noSuchAccount": "Esa cuenta ya no existe.",
+  "account.refusal.nothingToChange": "Envíe una contraseña nueva, un rol nuevo, o ambos.",
+  "account.refusal.useChangePassword": "Cambie su propia contraseña con POST /password, que pide la actual.",
+  "account.refusal.ownRole": "No puede cambiar su propio rol.",
+  "account.refusal.removeYourself": "No puede eliminar la cuenta que está usando.",
+  "account.refusal.lastAdmin": "El último administrador no puede eliminarse ni degradarse.",
+  "account.refusal.envManaged": "El .env del servidor define esta cuenta, que se cambia allí.",
+  "account.refusal.tokenCannotChangePassword": "Una contraseña la cambia la cuenta con la sesión iniciada, no el ADMIN_TOKEN.",
+  "account.refusal.wrongCurrentPassword": "La contraseña actual no es esa.",
+  "account.refusal.accountRemoved": "La cuenta con la sesión iniciada fue eliminada.",
   "ecosystem.tools": "Herramientas",
   "ecosystem.menuHeading": "Nuestras herramientas, todas en el navegador",
   "ecosystem.otherTools": "Nuestras otras herramientas",