@gramps-connect/story 0.6.0 → 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.0",
+  "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";
 
@@ -54,6 +55,9 @@ const COLOR_SWATCHES = [
   "#2a78d6", "#d64545", "#3aa657", "#e0a325", "#8654c9", "#2aa7a0", "#e0678a", "#555555",
 ];
 
+/** A region's fill with no opacity of its own, as the maps and the story
+ * player draw it; also a new region's starting opacity. */
+const UNSET_OPACITY = 0.25;
 const EMPTY_LABEL_PREVIEW: FeatureCollection = { type: "FeatureCollection", features: [] };
 
 /** An image overlay as the host gives and gets it: `image` is the host's
@@ -313,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 };
@@ -356,9 +360,14 @@ export const MapEditor = forwardRef<MapEditorHandle, MapEditorProps>(function Ma
   // both a newly-finished region's own opacity and, while one is selected,
   // what changing this edits in place. 0.25 matches Gramps Connect's map
   // view default, so an untouched region renders the same there.
-  const [opacity, setOpacity] = useState(0.25);
+  const [opacity, setOpacity] = useState(UNSET_OPACITY);
   const opacityRef = useRef(opacity);
   opacityRef.current = opacity;
+  // How a loaded shape with no color of its own is drawn: as the maps draw
+  // it (their mark color), not in whatever the toolbar's color is now --
+  // and it's saved still without one.
+  const unsetColorRef = useRef(defaultColor ?? defaultColors(dark).mark);
+  unsetColorRef.current = defaultColor ?? defaultColors(dark).mark;
   // The selected point/region's own `name` (a point's label text, or a
   // region's purely-descriptive name), mirroring `color`'s own pattern --
   // NOT derived from getSnapshot() on every render, since
@@ -483,12 +492,12 @@ export const MapEditor = forwardRef<MapEditorHandle, MapEditorProps>(function Ma
     // and terra-draw calls a styling function fresh on every render, not
     // just at construction time.
     const readColor = (feature: GeoJSONStoreFeatures): HexColor =>
-      (feature.properties.color as HexColor | undefined) ?? (colorRef.current as HexColor);
+      (feature.properties.color as HexColor | undefined) ?? (unsetColorRef.current as HexColor);
     // Same pattern as readColor, for a region's own `opacity` property --
     // only polygon/rectangle modes take a `fillOpacity` style at all (point/
     // line have nothing to fill).
     const readOpacity = (feature: GeoJSONStoreFeatures): number =>
-      (feature.properties.opacity as number | undefined) ?? opacityRef.current;
+      (feature.properties.opacity as number | undefined) ?? UNSET_OPACITY;
 
     const draw = new TerraDraw({
       adapter: new TerraDrawMapLibreGLAdapter({ map }),
@@ -585,8 +594,9 @@ export const MapEditor = forwardRef<MapEditorHandle, MapEditorProps>(function Ma
       const feature = id ? draw.getSnapshot().find((f) => String(f.id) === id) : undefined;
       setLabelText((feature?.properties?.name as string | undefined) ?? "");
       if (feature) {
-        setColor((feature.properties?.color as string | undefined) ?? colorRef.current);
-        setOpacity((feature.properties?.opacity as number | undefined) ?? 0.25);
+        // An uncolored shape shows the color it's drawn in.
+        setColor((feature.properties?.color as string | undefined) ?? unsetColorRef.current);
+        setOpacity((feature.properties?.opacity as number | undefined) ?? UNSET_OPACITY);
         // Mirrors the overlay mousedown handler's own deselectFeature call
         // -- an image overlay and a drawn shape are mutually exclusive
         // selections, so a shape becoming selected clears any overlay
@@ -1227,14 +1237,17 @@ export const MapEditor = forwardRef<MapEditorHandle, MapEditorProps>(function Ma
           const name = (f.properties?.name as string | undefined)?.trim();
           // Opacity only for a region (Polygon) -- meaningless on a point/
           // line, which have nothing to fill (see readOpacity/opacityRef).
+          // Color and opacity only as the shape has them: a drawn shape got
+          // both when finished, and one loaded without them stays that way.
           const regionOpacity = f.geometry.type === "Polygon"
-            ? (f.properties?.opacity as number | undefined) ?? opacityRef.current
+            ? f.properties?.opacity as number | undefined
             : undefined;
+          const color = f.properties?.color as string | undefined;
           const sourceKey = f.properties?.sourceKey;
           return {
             ...(typeof sourceKey === "string" ? { sourceKey } : {}),
             geometry: f.geometry as EditableGeometry,
-            color: (f.properties?.color as string | undefined) ?? colorRef.current,
+            ...(color !== undefined ? { color } : {}),
             ...(name ? { name } : {}),
             ...(regionOpacity !== undefined ? { opacity: regionOpacity } : {}),
           };
@@ -1498,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.",
+};