@gramps-connect/story 0.6.1 → 0.7.0

package/dist/types/editor/StoryEditor.d.ts

@@ -37,4 +37,4 @@ export interface StoryEditorProps {
 }
 /** The default prepareImage. */
 export declare function prepareImage(file: Blob): Promise<NewImage>;
-export declare function StoryEditor({ initialStory, initialFiles, onChange, prepareImage: prepare, toolbar, brand, dark, strings: stringOverrides, playerStrings, parseDateText, placeSearch, mapStrings, }: StoryEditorProps): import("react").JSX.Element;
+export declare function StoryEditor({ initialStory, initialFiles, onChange, prepareImage: prepare, toolbar, brand, dark, strings: stringOverrides, playerStrings, parseDateText, placeSearch, mapStrings: mapStringOverrides, }: StoryEditorProps): import("react").JSX.Element;

package/dist/types/editor/index.d.ts

@@ -1,6 +1,6 @@
 export { prepareImage, StoryEditor, type StoryEditorProps } from "./StoryEditor";
 export { MapEditor, MapEditorHelp, type MapEditorHandle, type MapEditorOverlay, type MapEditorProps, type MapEditorResult, type MapEditorStatus, } from "./MapEditor";
-export { MAP_EDITOR_ENGLISH, type MapEditorStrings } from "./mapEditorStrings";
+export { MAP_EDITOR_ENGLISH, mapEditorStringsFor, type MapEditorStrings } from "./mapEditorStrings";
 export { PhotosField, type PhotosFieldProps } from "./PhotosField";
 export { PlaceField, type PlaceFieldProps, type PlaceUpdate } from "./PlaceField";
 export { PlaceMapDialog, type PlaceMapDialogProps } from "./PlaceMapDialog";
@@ -10,5 +10,5 @@ export { StoryTextField, type StoryTextFieldProps } from "./StoryTextField";
 export { SlideList, type SlideListProps } from "./SlideList";
 export { DateField, type DateFieldProps } from "./DateField";
 export { suggestEdtf, type DateTextParser } from "./dates";
-export { EDITOR_ENGLISH, type EditorStrings } from "./strings";
+export { browserLanguages, EDITOR_ENGLISH, EDITOR_LANGUAGES, editorLanguage, editorStringsFor, type EditorStrings } from "./strings";
 export { addImage, addSlide, blankStory, COALESCE_MS, deleteSlide, duplicateSlide, findMedia, formatLatLon, moveSlide, nextSlideId, parseLatLon, patchPlace, pruneMedia, record, redo, roundDegrees, setSlidePhotos, slideDate, startHistory, storyFileName, storyPlaceChoices, undo, updateMedia, updateSlide, updateStory, usedMedia, type History, type NewImage, } from "./model";

package/dist/types/editor/mapEditorStrings.d.ts

@@ -48,3 +48,6 @@ export interface MapEditorStrings {
     helpImageRemove: string;
 }
 export declare const MAP_EDITOR_ENGLISH: MapEditorStrings;
+/** The map editor's words in the first of `languages` it has; English
+ * when none. */
+export declare function mapEditorStringsFor(...languages: (string | undefined)[]): MapEditorStrings;

package/dist/types/editor/strings.d.ts

@@ -5,6 +5,7 @@ export interface EditorStrings {
     language: string;
     languageHint: string;
     map: string;
+    mapHint: string;
     mapStandard: string;
     mapHistorical: string;
     mapAuto: string;
@@ -46,6 +47,8 @@ export interface EditorStrings {
     placeKeeps: (what: string) => string;
     editMap: string;
     editMapHint: string;
+    /** The map editor's help on adding an image, where images are files. */
+    mapHelpImage: string;
     mapDialogTitle: (placeName: string | undefined) => string;
     mapHelp: string;
     importShapes: string;
@@ -78,3 +81,17 @@ export interface EditorStrings {
     openingSlide: string;
 }
 export declare const EDITOR_ENGLISH: EditorStrings;
+/** The browser's languages, most preferred first (none outside one). */
+export declare function browserLanguages(): readonly string[];
+/** The first of `languages` (BCP 47 tags, or Gramps' de_AT form) the
+ * editors have words for, as its base code: "de-CH" is "de". English
+ * counts, so "en-US, de" stays English. */
+export declare function editorLanguage(languages: readonly (string | undefined)[]): string | undefined;
+/** The translations for the first of `languages` the editors have;
+ * none for English. */
+export declare function translationFor(languages: readonly (string | undefined)[]): import("./translations").EditorTranslation | undefined;
+/** The editor's words in the first of `languages` it has; English when
+ * none. */
+export declare function editorStringsFor(...languages: (string | undefined)[]): EditorStrings;
+/** Languages the editors have words for, besides English. */
+export declare const EDITOR_LANGUAGES: string[];

package/dist/types/editor/translations/de.d.ts

@@ -0,0 +1,4 @@
+import type { EditorStrings } from "../strings";
+import type { MapEditorStrings } from "../mapEditorStrings";
+export declare const editor: EditorStrings;
+export declare const mapEditor: MapEditorStrings;

package/dist/types/editor/translations/es.d.ts

@@ -0,0 +1,4 @@
+import type { EditorStrings } from "../strings";
+import type { MapEditorStrings } from "../mapEditorStrings";
+export declare const editor: EditorStrings;
+export declare const mapEditor: MapEditorStrings;

package/dist/types/editor/translations/fr.d.ts

@@ -0,0 +1,4 @@
+import type { EditorStrings } from "../strings";
+import type { MapEditorStrings } from "../mapEditorStrings";
+export declare const editor: EditorStrings;
+export declare const mapEditor: MapEditorStrings;

package/dist/types/editor/translations/index.d.ts

@@ -0,0 +1,7 @@
+import type { EditorStrings } from "../strings";
+import type { MapEditorStrings } from "../mapEditorStrings";
+export interface EditorTranslation {
+    editor: EditorStrings;
+    mapEditor: MapEditorStrings;
+}
+export declare const TRANSLATIONS: Record<string, EditorTranslation>;

package/dist/types/editor/translations/nl.d.ts

@@ -0,0 +1,4 @@
+import type { EditorStrings } from "../strings";
+import type { MapEditorStrings } from "../mapEditorStrings";
+export declare const editor: EditorStrings;
+export declare const mapEditor: MapEditorStrings;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gramps-connect/story",
-  "version": "0.6.1",
+  "version": "0.7.0",
   "description": "Read, write, validate and present .story.zip files: portable, versioned family-history stories.",
   "license": "AGPL-3.0-or-later",
   "type": "module",

package/src/editor/MapEditor.tsx

@@ -35,7 +35,8 @@ import {
 } from "../mapEdit";
 import { mapStyleUrl } from "../player/mapStyles";
 import { defaultColors } from "../player/theme";
-import { MAP_EDITOR_ENGLISH, type MapEditorStrings } from "./mapEditorStrings";
+import { mapEditorStringsFor, type MapEditorStrings } from "./mapEditorStrings";
+import { browserLanguages } from "./strings";
 
 type DrawMode = "point" | "linestring" | "polygon" | "rectangle" | "select";
 
@@ -316,7 +317,7 @@ export const MapEditor = forwardRef<MapEditorHandle, MapEditorProps>(function Ma
   initial, initialView, resolveImage, releaseImage, onAddImage, onStatus, onError, dark = false, defaultColor, labelColors,
   toolbarTop = 12, overlayNames = true, renderOverlayOptions, strings: stringOverrides,
 }, ref) {
-  const strings = { ...MAP_EDITOR_ENGLISH, ...stringOverrides };
+  const strings = { ...mapEditorStringsFor(...browserLanguages()), ...stringOverrides };
   // Callbacks and words the once-per-map listeners below read, kept live.
   const live = useRef({ strings, resolveImage, releaseImage, onError });
   live.current = { strings, resolveImage, releaseImage, onError };
@@ -1510,7 +1511,7 @@ export const MapEditor = forwardRef<MapEditorHandle, MapEditorProps>(function Ma
 /** How to use the map editor, for the host to show where it likes (Gramps
  * Connect: an info button's modal). */
 export function MapEditorHelp({ strings: stringOverrides, images = true }: { strings?: Partial<MapEditorStrings>; images?: boolean }) {
-  const strings = { ...MAP_EDITOR_ENGLISH, ...stringOverrides };
+  const strings = { ...mapEditorStringsFor(...browserLanguages()), ...stringOverrides };
   return (
     <Stack gap="md">
       <Text size="sm" fw={600}>{strings.helpDrawing}</Text>

package/src/editor/PlaceMapDialog.tsx

@@ -18,12 +18,6 @@ import type { EditorStrings } from "./strings";
 
 const BAR_HEIGHT = 56;
 
-/** Where the map editor's English is Gramps Connect's (images come from
- * its media there), the story editor's own. */
-const STORY_MAP_WORDS: Partial<MapEditorStrings> = {
-  helpImage: "Image: add a picture file, such as a scan of an old map -- see",
-};
-
 export interface PlaceMapDialogProps {
   place: Place | undefined;
   doc: StoryDoc;
@@ -83,7 +77,9 @@ function OverlayDateField({ value, language, parse, strings, onChange }: {
 export function PlaceMapDialog({
   place, doc, files, dark, parseDateText, strings, mapStrings: mapStringOverrides, onCancel, onDone,
 }: PlaceMapDialogProps) {
-  const mapStrings = { ...STORY_MAP_WORDS, ...mapStringOverrides };
+  // The map editor's help on images is Gramps Connect's (images come from
+  // its media there); here they're files.
+  const mapStrings = { helpImage: strings.mapHelpImage, ...mapStringOverrides };
   const editorRef = useRef<MapEditorHandle>(null);
   const initial = useMemo(() => placeToEditor(place), [place]);
   // The story's media and files with what's been added here.

package/src/editor/StoryEditor.tsx

@@ -30,7 +30,8 @@ import type { MapEditorStrings } from "./mapEditorStrings";
 import { WIKIDATA_PLACE_SEARCH, type PlaceSearch } from "./placeSearch";
 import { SlideList } from "./SlideList";
 import { StoryTextField } from "./StoryTextField";
-import { EDITOR_ENGLISH, type EditorStrings } from "./strings";
+import { browserLanguages, editorStringsFor, type EditorStrings } from "./strings";
+import { mapEditorStringsFor } from "./mapEditorStrings";
 
 const BAR_HEIGHT = 56;
 /** The story's own settings, in place of a slide index. */
@@ -102,9 +103,14 @@ function Thumb({ doc, slide, resolveMedia }: { doc: StoryDoc; slide: Slide; reso
 
 export function StoryEditor({
   initialStory, initialFiles, onChange, prepareImage: prepare = prepareImage, toolbar, brand, dark = false,
-  strings: stringOverrides, playerStrings, parseDateText = suggestEdtf, placeSearch = WIKIDATA_PLACE_SEARCH, mapStrings,
+  strings: stringOverrides, playerStrings, parseDateText = suggestEdtf, placeSearch = WIKIDATA_PLACE_SEARCH, mapStrings: mapStringOverrides,
 }: StoryEditorProps) {
-  const strings = useMemo(() => ({ ...EDITOR_ENGLISH, ...stringOverrides }), [stringOverrides]);
+  // In the browser's language where there's a translation, over English.
+  const strings = useMemo(() => ({ ...editorStringsFor(...browserLanguages()), ...stringOverrides }), [stringOverrides]);
+  const mapStrings = useMemo(
+    () => ({ ...mapEditorStringsFor(...browserLanguages()), helpImage: strings.mapHelpImage, ...mapStringOverrides }),
+    [strings, mapStringOverrides],
+  );
   const [history, setHistory] = useState<History>(() => startHistory(initialStory));
   const [selected, setSelected] = useState(0);
   const [presenting, setPresenting] = useState(false);
@@ -271,7 +277,7 @@ export function StoryEditor({
         onChange={(e) => apply(updateStory(doc, { language: e.currentTarget.value.trim() || undefined }), "story:language")}
       />
       <Select
-        label={strings.map} w={320} allowDeselect={false}
+        label={strings.map} description={strings.mapHint} w={320} allowDeselect={false}
         data={[
           { value: "auto", label: strings.mapAuto },
           { value: "standard", label: strings.mapStandard },

package/src/editor/index.ts

@@ -2,7 +2,7 @@ export { prepareImage, StoryEditor, type StoryEditorProps } from "./StoryEditor"
 export {
   MapEditor, MapEditorHelp, type MapEditorHandle, type MapEditorOverlay, type MapEditorProps, type MapEditorResult, type MapEditorStatus,
 } from "./MapEditor";
-export { MAP_EDITOR_ENGLISH, type MapEditorStrings } from "./mapEditorStrings";
+export { MAP_EDITOR_ENGLISH, mapEditorStringsFor, type MapEditorStrings } from "./mapEditorStrings";
 export { PhotosField, type PhotosFieldProps } from "./PhotosField";
 export { PlaceField, type PlaceFieldProps, type PlaceUpdate } from "./PlaceField";
 export { PlaceMapDialog, type PlaceMapDialogProps } from "./PlaceMapDialog";
@@ -12,7 +12,7 @@ export { StoryTextField, type StoryTextFieldProps } from "./StoryTextField";
 export { SlideList, type SlideListProps } from "./SlideList";
 export { DateField, type DateFieldProps } from "./DateField";
 export { suggestEdtf, type DateTextParser } from "./dates";
-export { EDITOR_ENGLISH, type EditorStrings } from "./strings";
+export { browserLanguages, EDITOR_ENGLISH, EDITOR_LANGUAGES, editorLanguage, editorStringsFor, type EditorStrings } from "./strings";
 export {
   addImage, addSlide, blankStory, COALESCE_MS, deleteSlide, duplicateSlide, findMedia, formatLatLon, moveSlide, nextSlideId, parseLatLon,
   patchPlace, pruneMedia, record, redo, roundDegrees, setSlidePhotos, slideDate, startHistory, storyFileName, storyPlaceChoices, undo,

package/src/editor/mapEditorStrings.ts

@@ -1,5 +1,7 @@
-// The map editor's words. English here; Gramps Connect passes its own
-// translations (its t() is keyed by these same English texts).
+// The map editor's words, in English and the story editor's other
+// languages (translations/). Gramps Connect passes its own where it has
+// them (its t() is keyed by these same English texts).
+import { translationFor } from "./strings";
 
 export interface MapEditorStrings {
   point: string;
@@ -107,3 +109,9 @@ export const MAP_EDITOR_ENGLISH: MapEditorStrings = {
     + "working on the image's exact current shape either way.",
   helpImageRemove: "Click its × handle to remove it.",
 };
+
+/** The map editor's words in the first of `languages` it has; English
+ * when none. */
+export function mapEditorStringsFor(...languages: (string | undefined)[]): MapEditorStrings {
+  return translationFor(languages)?.mapEditor ?? MAP_EDITOR_ENGLISH;
+}

package/src/editor/strings.ts

@@ -1,5 +1,8 @@
-// The editor's own words. English here; a host with its own translations
-// (Gramps Connect) passes StoryEditor's `strings` instead.
+// The editor's own words, in English and the player's other languages
+// (translations/). The editor picks by the browser's languages; a host
+// with its own translations (Gramps Connect) passes StoryEditor's
+// `strings` instead.
+import { TRANSLATIONS } from "./translations";
 
 export interface EditorStrings {
   story: string;
@@ -8,6 +11,7 @@ export interface EditorStrings {
   language: string;
   languageHint: string;
   map: string;
+  mapHint: string;
   mapStandard: string;
   mapHistorical: string;
   mapAuto: string;
@@ -49,6 +53,8 @@ export interface EditorStrings {
   placeKeeps: (what: string) => string;
   editMap: string;
   editMapHint: string;
+  /** The map editor's help on adding an image, where images are files. */
+  mapHelpImage: string;
   mapDialogTitle: (placeName: string | undefined) => string;
   mapHelp: string;
   importShapes: string;
@@ -88,6 +94,7 @@ export const EDITOR_ENGLISH: EditorStrings = {
   language: "Language",
   languageHint: "The language the story is written in, e.g. en, de or fr-CA. Dates are read in it.",
   map: "Map",
+  mapHint: "How the map starts when the story plays. Readers can still change it.",
   mapStandard: "Today's map",
   mapHistorical: "Historical maps for each slide's year",
   mapAuto: "Viewer's choice",
@@ -129,6 +136,7 @@ export const EDITOR_ENGLISH: EditorStrings = {
   placeKeeps: (what) => `This place also has ${what}.`,
   editMap: "Edit map",
   editMapHint: "Shapes under the pin (a parish, a route) and scans of old maps laid over it.",
+  mapHelpImage: "Image: add a picture file, such as a scan of an old map -- see",
   mapDialogTitle: (placeName) => (placeName ? `Map: ${placeName}` : "Map"),
   mapHelp: "How to use this editor",
   importShapes: "Import shapes",
@@ -160,3 +168,36 @@ export const EDITOR_ENGLISH: EditorStrings = {
   problems: (count) => (count === 1 ? "1 problem to fix before saving" : `${count} problems to fix before saving`),
   openingSlide: "Opening slide",
 };
+
+/** The browser's languages, most preferred first (none outside one). */
+export function browserLanguages(): readonly string[] {
+  if (typeof navigator === "undefined") return [];
+  return navigator.languages?.length ? navigator.languages : [navigator.language];
+}
+
+/** The first of `languages` (BCP 47 tags, or Gramps' de_AT form) the
+ * editors have words for, as its base code: "de-CH" is "de". English
+ * counts, so "en-US, de" stays English. */
+export function editorLanguage(languages: readonly (string | undefined)[]): string | undefined {
+  for (const tag of languages) {
+    const base = tag?.toLowerCase().split(/[-_]/)[0];
+    if (base === "en" || (base && Object.prototype.hasOwnProperty.call(TRANSLATIONS, base))) return base;
+  }
+  return undefined;
+}
+
+/** The translations for the first of `languages` the editors have;
+ * none for English. */
+export function translationFor(languages: readonly (string | undefined)[]) {
+  const lang = editorLanguage(languages);
+  return lang && lang !== "en" ? TRANSLATIONS[lang] : undefined;
+}
+
+/** The editor's words in the first of `languages` it has; English when
+ * none. */
+export function editorStringsFor(...languages: (string | undefined)[]): EditorStrings {
+  return translationFor(languages)?.editor ?? EDITOR_ENGLISH;
+}
+
+/** Languages the editors have words for, besides English. */
+export const EDITOR_LANGUAGES = Object.keys(TRANSLATIONS);

package/src/editor/translations/de.ts

@@ -0,0 +1,140 @@
+import type { EditorStrings } from "../strings";
+import type { MapEditorStrings } from "../mapEditorStrings";
+
+export const editor: EditorStrings = {
+  story: "Geschichte",
+  storySettings: "Titel, Sprache und Karte",
+  title: "Titel",
+  language: "Sprache",
+  languageHint: "Die Sprache, in der die Geschichte geschrieben ist, z. B. en, de oder fr-CA. Daten werden in ihr gelesen.",
+  map: "Karte",
+  mapHint: "Wie die Karte beim Abspielen der Geschichte beginnt. Leser können sie trotzdem ändern.",
+  mapStandard: "Heutige Karte",
+  mapHistorical: "Historische Karten zum Jahr jeder Folie",
+  mapAuto: "Wahl des Betrachters",
+  mapNone: "Keine Karte",
+  slides: "Folien",
+  untitledSlide: "Folie ohne Titel",
+  addSlide: "Folie hinzufügen",
+  duplicateSlide: "Duplizieren",
+  deleteSlide: "Löschen",
+  moveUp: "Nach oben",
+  moveDown: "Nach unten",
+  slideTitle: "Titel",
+  text: "Text",
+  bold: "Fett",
+  italic: "Kursiv",
+  date: "Datum",
+  dateHint: "So, wie Leser es sehen sollen, z. B. um 1850, 3. Mai 1850, zwischen 1850 und 1860.",
+  preciseDate: "Genaues Datum (EDTF)",
+  preciseDateHint: "Setzt die Folie auf die Zeitleiste und wählt die historischen Karten.",
+  preciseDateFollows: "Aus dem geschriebenen Datum ermittelt.",
+  preciseDateNotUnderstood: "Kein Datum, das die Zeitleiste verwenden kann.",
+  matchDateAsWritten: "Aus dem Datum ermitteln",
+  noPreciseDate: "Keines: Diese Folie bleibt außerhalb der Zeitleiste.",
+  place: "Ort",
+  placeName: "Name",
+  removePlace: "Ort entfernen",
+  findPlace: "Auf Wikidata suchen",
+  findPlaceHint: "Sucht den Namen auf Wikidata, um die Stecknadel dorthin zu setzen. Nur der Name wird gesendet, und nur, wenn Sie es wünschen.",
+  findPlaceNone: "Wikidata kennt keinen Ort mit diesem Namen.",
+  findPlaceFailed: "Wikidata war nicht erreichbar.",
+  findPlaceNoPoint: (name) => `Wikidata hat keine Kartenposition für ${name}.`,
+  coordinates: "Breite, Länge",
+  coordinatesHint: "z. B. 47.3769, 8.5417",
+  coordinatesInvalid: "Zwei Zahlen: Breite (-90 bis 90), dann Länge (-180 bis 180).",
+  placeMap: "Karte: klicken, um die Stecknadel zu setzen",
+  placeMapHint: "Klicken Sie auf die Karte, um die Stecknadel dorthin zu setzen, oder ziehen Sie die Stecknadel.",
+  placeShape: "eine Form",
+  placeOverlays: (count) => (count === 1 ? "eine Kartenüberlagerung" : `${count} Kartenüberlagerungen`),
+  placeKeeps: (what) => `Dieser Ort hat außerdem ${what}.`,
+  editMap: "Karte bearbeiten",
+  editMapHint: "Formen unter der Stecknadel (eine Pfarrei, eine Route) und darübergelegte Scans alter Karten.",
+  mapHelpImage: "Bild: Fügen Sie eine Bilddatei hinzu, etwa den Scan einer alten Karte – siehe",
+  mapDialogTitle: (placeName) => (placeName ? `Karte: ${placeName}` : "Karte"),
+  mapHelp: "So benutzen Sie diesen Editor",
+  importShapes: "Formen importieren",
+  importShapesHint: "Fügt die Punkte, Linien und Flächen einer KML-, GPX- oder GeoJSON-Datei zu dieser Karte hinzu.",
+  importFailed: (fileName) => `${fileName} konnte nicht als KML-, GPX- oder GeoJSON-Datei gelesen werden.`,
+  importNothing: (fileName) => `${fileName} enthält keine Formen.`,
+  overlayAlready: "Dieses Bild ist bereits auf dieser Karte.",
+  overlayDate: "Jahre, die sie zeigt",
+  overlayDateHint: "z. B. 1850, oder 1850 bis 1880. Mit historischen Karten ist sie auf Folien außerhalb dieser Jahre ausgeblendet.",
+  cancel: "Abbrechen",
+  done: "Fertig",
+  photos: "Fotos",
+  photosHint: "Fügen Sie ein Foto hinzu, ziehen Sie es hierher oder fügen Sie es ein. Es wird für den Bildschirm verkleinert, und versteckte Angaben wie Kamera und Standort werden weggelassen.",
+  addPhoto: "Foto hinzufügen",
+  replacePhoto: "Ersetzen",
+  movePhotoUp: "Foto nach oben",
+  movePhotoDown: "Foto nach unten",
+  removePhoto: "Entfernen",
+  caption: "Bildunterschrift",
+  credit: "Bildnachweis",
+  creditHint: "Wer es aufgenommen hat oder woher es stammt",
+  description: "Beschreibung",
+  descriptionHint: "Was das Foto zeigt, für alle, die es nicht sehen können.",
+  photoFailed: (name) => `${name} konnte nicht verwendet werden: Dieser Browser kann es nicht als Bild lesen.`,
+  undo: "Rückgängig",
+  redo: "Wiederholen",
+  present: "Vorführen",
+  preview: "Vorschau",
+  problems: (count) => (count === 1 ? "1 Problem vor dem Speichern beheben" : `${count} Probleme vor dem Speichern beheben`),
+  openingSlide: "Eröffnungsfolie",
+};
+
+export const mapEditor: MapEditorStrings = {
+  point: "Punkt",
+  line: "Linie",
+  polygon: "Polygon",
+  rectangle: "Rechteck",
+  select: "Auswählen",
+  image: "Bild",
+  editOptions: "Bearbeitungsoptionen",
+  labelText: "Beschriftung",
+  regionName: "Name des Gebiets (optional)",
+  fillOpacity: "Deckkraft der Füllung",
+  scale: "Skalieren",
+  transform: "Verzerren",
+  overlayName: "Name der Überlagerung (optional)",
+  opacity: "Deckkraft",
+  stackingOrder: "Stapelreihenfolge",
+  removeImage: "Dieses Bild entfernen",
+  resizeImage: "Ziehen, um die Größe zu ändern (behält die genaue Form, verzerrt oder nicht)",
+  rotateImage: "Ziehen, um zu drehen",
+  warpCorner: "Ziehen, um diese Ecke zu verzerren",
+  basemapFailed: "Die Grundkarte konnte nicht geladen werden.",
+  imageFailed: "Das Bild konnte nicht geladen werden.",
+  lockedOne: "1 Form kann hier nicht bearbeitet werden",
+  lockedMany: (count) => `${count} Formen können hier nicht bearbeitet werden`,
+  lockedExplain: "Zum Beispiel ein Gebiet mit einem Loch oder eines, dessen Umriss sich selbst kreuzt. Es wird gestrichelt gezeichnet und genau so gespeichert, wie es war.",
+  helpTitle: "So benutzen Sie diesen Editor",
+  helpDrawing: "Zeichnen",
+  helpPoint: "Punkt: einmal klicken, um ihn zu setzen.",
+  helpLine: "Linie, Polygon: klicken, um jeden Punkt zu setzen, dann erneut auf die Markierung des ersten Punktes klicken, "
+    + "um abzuschließen – sie sieht anders aus, sobald es genug Punkte gibt, um die Form zu schließen. Auch",
+  helpEnterFinishes: "schließt sie ab;",
+  helpEscCancels: "bricht sie ab.",
+  helpRectangle: "Rechteck: von einer Ecke zur gegenüberliegenden Ecke klicken und ziehen.",
+  helpImage: "Bild: ein Medienobjekt zum Überlagern wählen – siehe",
+  helpImages: "Bilder",
+  helpBelow: "unten.",
+  helpEditing: "Eine Form bearbeiten",
+  helpSelect: "Auswählen: auf eine Form klicken, um sie auszuwählen, dann sie oder einen ihrer Griffe ziehen.",
+  helpVertex: "Einen Eckpunkt ziehen, um ihn zu verschieben. Für einen neuen Punkt auf einer Linie, einem Polygon oder Rechteck "
+    + "die kleine Mittelpunktmarkierung zwischen zwei Eckpunkten nach außen ziehen.",
+  helpColor: "Das Farbfeld legt die Farbe der nächsten Form fest – oder ändert, wenn eine Form ausgewählt ist, deren Farbe.",
+  helpDelete: "Eine ausgewählte Form oder ein Bild löschen mit",
+  helpOr: "oder",
+  helpRotate: "Ein ausgewähltes Polygon, Rechteck oder eine Linie drehen:",
+  helpRotateHandle: "gedrückt halten und dabei einen ihrer Griffe ziehen.",
+  helpImageMove: "Irgendwo auf ein Bild klicken und ziehen, um es zu verschieben.",
+  helpImageResize: "Seinen ↘-Griff ziehen, um die Größe zu ändern – es wächst oder schrumpft um seine eigene Mitte "
+    + "und behält seine genaue Form (auch bei einem verzerrten Bild).",
+  helpImageRotate: "Seinen ↻-Griff ziehen, um es zu drehen – praktisch, um eine gescannte alte Karte auszurichten.",
+  helpImageTransform: "Auf „Verzerren“ umschalten, um zusätzlich 4 Eckgriffe zu zeigen, die sich einzeln ziehen lassen "
+    + "(Entzerrung) – für eine gescannte Karte ohne einheitlichen Maßstab oder einheitliche Ausrichtung. "
+    + "Zurück auf „Skalieren“ blendet diese 4 Griffe nur wieder aus; Verschieben, Größe ändern und Drehen "
+    + "wirken in beiden Fällen auf die genaue aktuelle Form des Bildes.",
+  helpImageRemove: "Auf seinen ×-Griff klicken, um es zu entfernen.",
+};

package/src/editor/translations/es.ts

@@ -0,0 +1,140 @@
+import type { EditorStrings } from "../strings";
+import type { MapEditorStrings } from "../mapEditorStrings";
+
+export const editor: EditorStrings = {
+  story: "Historia",
+  storySettings: "Título, idioma y mapa",
+  title: "Título",
+  language: "Idioma",
+  languageHint: "El idioma en que está escrita la historia, p. ej. en, de o fr-CA. Las fechas se leen en él.",
+  map: "Mapa",
+  mapHint: "Cómo empieza el mapa al reproducir la historia. Los lectores aún pueden cambiarlo.",
+  mapStandard: "Mapa actual",
+  mapHistorical: "Mapas históricos del año de cada diapositiva",
+  mapAuto: "A elección del lector",
+  mapNone: "Sin mapa",
+  slides: "Diapositivas",
+  untitledSlide: "Diapositiva sin título",
+  addSlide: "Añadir diapositiva",
+  duplicateSlide: "Duplicar",
+  deleteSlide: "Eliminar",
+  moveUp: "Subir",
+  moveDown: "Bajar",
+  slideTitle: "Título",
+  text: "Texto",
+  bold: "Negrita",
+  italic: "Cursiva",
+  date: "Fecha",
+  dateHint: "Como deben verla los lectores, p. ej. hacia 1850, 3 de mayo de 1850, entre 1850 y 1860.",
+  preciseDate: "Fecha precisa (EDTF)",
+  preciseDateHint: "Sitúa la diapositiva en la línea de tiempo y elige los mapas históricos.",
+  preciseDateFollows: "Deducida de la fecha tal como está escrita.",
+  preciseDateNotUnderstood: "No es una fecha que la línea de tiempo pueda usar.",
+  matchDateAsWritten: "Deducirla de la fecha",
+  noPreciseDate: "Ninguna: esta diapositiva queda fuera de la línea de tiempo.",
+  place: "Lugar",
+  placeName: "Nombre",
+  removePlace: "Quitar el lugar",
+  findPlace: "Buscar en Wikidata",
+  findPlaceHint: "Busca el nombre en Wikidata para poner allí el marcador. Solo se envía el nombre, y solo cuando usted lo pide.",
+  findPlaceNone: "Wikidata no tiene ningún lugar con ese nombre.",
+  findPlaceFailed: "No se pudo conectar con Wikidata.",
+  findPlaceNoPoint: (name) => `Wikidata no tiene una posición en el mapa para ${name}.`,
+  coordinates: "Latitud, longitud",
+  coordinatesHint: "p. ej. 47.3769, 8.5417",
+  coordinatesInvalid: "Dos números: la latitud (de -90 a 90) y luego la longitud (de -180 a 180).",
+  placeMap: "Mapa: haga clic para poner el marcador",
+  placeMapHint: "Haga clic en el mapa para poner allí el marcador, o arrastre el marcador.",
+  placeShape: "una forma",
+  placeOverlays: (count) => (count === 1 ? "una superposición de mapa" : `${count} superposiciones de mapa`),
+  placeKeeps: (what) => `Este lugar también tiene ${what}.`,
+  editMap: "Editar el mapa",
+  editMapHint: "Formas bajo el marcador (una parroquia, una ruta) y escaneos de mapas antiguos superpuestos.",
+  mapHelpImage: "Imagen: añada un archivo de imagen, como el escaneo de un mapa antiguo; consulte",
+  mapDialogTitle: (placeName) => (placeName ? `Mapa: ${placeName}` : "Mapa"),
+  mapHelp: "Cómo usar este editor",
+  importShapes: "Importar formas",
+  importShapesHint: "Añade a este mapa los puntos, líneas y áreas de un archivo KML, GPX o GeoJSON.",
+  importFailed: (fileName) => `No se pudo leer ${fileName} como archivo KML, GPX o GeoJSON.`,
+  importNothing: (fileName) => `${fileName} no contiene formas.`,
+  overlayAlready: "Esa imagen ya está en este mapa.",
+  overlayDate: "Años que muestra",
+  overlayDateHint: "p. ej. 1850, o de 1850 a 1880. Con mapas históricos, se oculta en las diapositivas fuera de esos años.",
+  cancel: "Cancelar",
+  done: "Listo",
+  photos: "Fotos",
+  photosHint: "Añada, suelte o pegue una foto. Se reduce para la pantalla y se omiten datos ocultos como la cámara y la ubicación.",
+  addPhoto: "Añadir foto",
+  replacePhoto: "Reemplazar",
+  movePhotoUp: "Subir la foto",
+  movePhotoDown: "Bajar la foto",
+  removePhoto: "Quitar",
+  caption: "Pie de foto",
+  credit: "Créditos",
+  creditHint: "Quién la tomó o de dónde procede",
+  description: "Descripción",
+  descriptionHint: "Lo que muestra la foto, para quien no pueda verla.",
+  photoFailed: (name) => `No se pudo usar ${name}: este navegador no puede leerlo como imagen.`,
+  undo: "Deshacer",
+  redo: "Rehacer",
+  present: "Presentar",
+  preview: "Vista previa",
+  problems: (count) => (count === 1 ? "1 problema que corregir antes de guardar" : `${count} problemas que corregir antes de guardar`),
+  openingSlide: "Diapositiva inicial",
+};
+
+export const mapEditor: MapEditorStrings = {
+  point: "Punto",
+  line: "Línea",
+  polygon: "Polígono",
+  rectangle: "Rectángulo",
+  select: "Seleccionar",
+  image: "Imagen",
+  editOptions: "Opciones de edición",
+  labelText: "Texto de la etiqueta",
+  regionName: "Nombre de la región (opcional)",
+  fillOpacity: "Opacidad del relleno",
+  scale: "Escalar",
+  transform: "Deformar",
+  overlayName: "Nombre de la superposición (opcional)",
+  opacity: "Opacidad",
+  stackingOrder: "Orden de apilamiento",
+  removeImage: "Quitar esta imagen",
+  resizeImage: "Arrastre para cambiar el tamaño (mantiene su forma exacta, deformada o no)",
+  rotateImage: "Arrastre para girar",
+  warpCorner: "Arrastre para deformar esta esquina",
+  basemapFailed: "No se pudo cargar el mapa base.",
+  imageFailed: "No se pudo cargar la imagen.",
+  lockedOne: "1 forma no se puede editar aquí",
+  lockedMany: (count) => `${count} formas no se pueden editar aquí`,
+  lockedExplain: "Por ejemplo, una región con un hueco, o una cuyo contorno se cruza a sí mismo. Se dibuja con trazo discontinuo y se guarda exactamente como estaba.",
+  helpTitle: "Cómo usar este editor",
+  helpDrawing: "Dibujar",
+  helpPoint: "Punto: haga clic una vez para colocarlo.",
+  helpLine: "Línea, Polígono: haga clic para colocar cada punto y luego vuelva a hacer clic en el marcador del primer punto "
+    + "para terminar; cambia de aspecto cuando hay puntos suficientes para cerrar la forma. Pulsar",
+  helpEnterFinishes: "también la termina;",
+  helpEscCancels: "la cancela.",
+  helpRectangle: "Rectángulo: haga clic y arrastre de una esquina a la opuesta.",
+  helpImage: "Imagen: elija un objeto multimedia para superponer; consulte",
+  helpImages: "Imágenes",
+  helpBelow: "más abajo.",
+  helpEditing: "Editar una forma",
+  helpSelect: "Seleccionar: haga clic en una forma para seleccionarla y luego arrástrela a ella o a uno de sus tiradores.",
+  helpVertex: "Arrastre un vértice para moverlo. Para añadir un punto nuevo a una Línea, Polígono o Rectángulo, arrastre hacia fuera "
+    + "el pequeño marcador del punto medio entre dos vértices.",
+  helpColor: "La muestra de color fija el color de la siguiente forma o, con una forma seleccionada, cambia su color.",
+  helpDelete: "Elimine una forma o imagen seleccionada con",
+  helpOr: "o",
+  helpRotate: "Para girar un Polígono, Rectángulo o Línea seleccionado, mantenga pulsada",
+  helpRotateHandle: "mientras arrastra uno de sus tiradores.",
+  helpImageMove: "Arrastre desde cualquier punto de una imagen para moverla.",
+  helpImageResize: "Arrastre su tirador ↘ para cambiar el tamaño: crece o se encoge desde su propio centro "
+    + "y mantiene su forma exacta (también en una imagen deformada).",
+  helpImageRotate: "Arrastre su tirador ↻ para girarla: útil para alinear un mapa antiguo escaneado.",
+  helpImageTransform: "Cambie a «Deformar» para mostrar además 4 tiradores de esquina que se arrastran por separado "
+    + "(georreferenciación elástica): para un mapa escaneado que no tiene una escala u orientación uniforme. "
+    + "Volver a «Escalar» solo oculta de nuevo esos 4 tiradores; mover, cambiar el tamaño y girar "
+    + "siguen funcionando sobre la forma actual exacta de la imagen en ambos casos.",
+  helpImageRemove: "Haga clic en su tirador × para quitarla.",
+};