@scrabble-solver/scrabble-solver 2.16.1 → 2.16.3

package/.next/trace-build

@@ -1 +1 @@
-[{"name":"run-typescript","duration":1878442,"timestamp":17948366385,"id":13,"parentId":1,"tags":{},"startTime":1777580983909,"traceId":"f87437439890f394"},{"name":"run-webpack","duration":6032668,"timestamp":17950246945,"id":15,"parentId":1,"tags":{},"startTime":1777580985789,"traceId":"f87437439890f394"},{"name":"static-check","duration":177818,"timestamp":17956341819,"id":2026,"parentId":1,"tags":{},"startTime":1777580991884,"traceId":"f87437439890f394"},{"name":"static-generation","duration":815548,"timestamp":17956528104,"id":2044,"parentId":1,"tags":{},"startTime":1777580992070,"traceId":"f87437439890f394"},{"name":"collect-build-traces","duration":3598064,"timestamp":17956520116,"id":2041,"parentId":1,"tags":{},"startTime":1777580992062,"traceId":"f87437439890f394"},{"name":"telemetry-flush","duration":18,"timestamp":17960119320,"id":2056,"parentId":1,"tags":{},"startTime":1777580995661,"traceId":"f87437439890f394"},{"name":"next-build","duration":11983020,"timestamp":17948136322,"id":1,"tags":{"buildMode":"default","version":"16.2.4","bundler":"webpack","has-custom-webpack-config":"true","use-build-worker":"false"},"startTime":1777580983678,"traceId":"f87437439890f394"}]
+[{"name":"run-typescript","duration":1927882,"timestamp":12132566371,"id":13,"parentId":1,"tags":{},"startTime":1777633631216,"traceId":"8b06f5414966a48b"},{"name":"run-webpack","duration":5926972,"timestamp":12134496823,"id":15,"parentId":1,"tags":{},"startTime":1777633633146,"traceId":"8b06f5414966a48b"},{"name":"static-check","duration":189599,"timestamp":12140501745,"id":2050,"parentId":1,"tags":{},"startTime":1777633639151,"traceId":"8b06f5414966a48b"},{"name":"static-generation","duration":885430,"timestamp":12140704009,"id":2068,"parentId":1,"tags":{},"startTime":1777633639353,"traceId":"8b06f5414966a48b"},{"name":"collect-build-traces","duration":3804790,"timestamp":12140691783,"id":2065,"parentId":1,"tags":{},"startTime":1777633639341,"traceId":"8b06f5414966a48b"},{"name":"telemetry-flush","duration":19,"timestamp":12144497748,"id":2080,"parentId":1,"tags":{},"startTime":1777633643147,"traceId":"8b06f5414966a48b"},{"name":"next-build","duration":12163730,"timestamp":12132334040,"id":1,"tags":{"buildMode":"default","version":"16.2.4","bundler":"webpack","has-custom-webpack-config":"true","use-build-worker":"false"},"startTime":1777633630983,"traceId":"8b06f5414966a48b"}]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scrabble-solver/scrabble-solver",
-  "version": "2.16.1",
+  "version": "2.16.3",
   "description": "Scrabble Solver 2 - App",
   "repository": {
     "type": "git",
@@ -29,13 +29,13 @@
     "@floating-ui/react": "^0.27.19",
     "@kamilmielnik/trie": "^5.0.0",
     "@reduxjs/toolkit": "^2.11.2",
-    "@scrabble-solver/configs": "^2.16.1",
-    "@scrabble-solver/constants": "^2.16.1",
-    "@scrabble-solver/dictionaries": "^2.16.1",
-    "@scrabble-solver/logger": "^2.16.1",
-    "@scrabble-solver/solver": "^2.16.1",
-    "@scrabble-solver/types": "^2.16.1",
-    "@scrabble-solver/word-definitions": "^2.16.1",
+    "@scrabble-solver/configs": "^2.16.3",
+    "@scrabble-solver/constants": "^2.16.3",
+    "@scrabble-solver/dictionaries": "^2.16.3",
+    "@scrabble-solver/logger": "^2.16.3",
+    "@scrabble-solver/solver": "^2.16.3",
+    "@scrabble-solver/types": "^2.16.3",
+    "@scrabble-solver/word-definitions": "^2.16.3",
     "classnames": "^2.5.1",
     "env-cmd": "^11.0.0",
     "include-media": "^2.0.0",
@@ -70,5 +70,5 @@
     "@types/redux": "^3.6.31",
     "sass": "^1.99.0"
   },
-  "gitHead": "df1462399fc945fcfbf5d4d758b9922747ee3423"
+  "gitHead": "dd3e85ab8471dc7990bcc744f890dde9c0e34ae8"
 }

package/src/components/Board/Board.tsx

@@ -25,7 +25,7 @@ import styles from './Board.module.scss';
 import { BoardPure } from './BoardPure';
 import { Actions, InputPrompt } from './components';
 import { useBoardStyle, useFloatingActions, useFloatingFocus, useFloatingInputPrompt, useGrid } from './hooks';
-import { selectRowsWithCandidate } from './selectors';
+import { selectReachableCells, selectRowsWithCandidate } from './selectors';
 
 interface Props {
   className?: string;
@@ -35,6 +35,7 @@ export const Board: FunctionComponent<Props> = ({ className }) => {
   const dispatch = useDispatch();
   const locale = useTypedSelector(selectLocale);
   const rows = useTypedSelector(selectRowsWithCandidate);
+  const reachableCells = useTypedSelector(selectReachableCells);
   const inputMode = useTypedSelector(selectInputMode);
   const cellFilters = useTypedSelector(selectCellFilters);
   const showCoordinates = useTypedSelector(selectShowCoordinates);
@@ -157,6 +158,7 @@ export const Board: FunctionComponent<Props> = ({ className }) => {
         coordinatesSize={coordinatesSize}
         direction={LOCALE_FEATURES[locale].direction}
         inputRefs={inputRefs}
+        reachableCells={reachableCells}
         ref={ref}
         rows={rows}
         showCoordinates={showCoordinates}

package/src/components/Board/BoardPure.tsx

@@ -28,6 +28,7 @@ interface Props {
   coordinatesSize: number;
   direction: 'ltr' | 'rtl';
   inputRefs: RefObject<HTMLInputElement | null>[][];
+  reachableCells: boolean[][] | null;
   rows: CellModel[][];
   showCoordinates: ShowCoordinates;
   style?: CSSProperties;
@@ -48,6 +49,7 @@ const BoardPureBase = forwardRef<HTMLDivElement, Props>(
       direction,
       cellFilters,
       inputRefs,
+      reachableCells,
       rows,
       showCoordinates,
       style,
@@ -137,6 +139,7 @@ const BoardPureBase = forwardRef<HTMLDivElement, Props>(
               cellRight={x < rows[y].length - 1 ? rows[y][x + 1] : undefined}
               cellTop={y > 0 ? rows[y - 1][x] : undefined}
               inputRef={inputRefs[y][x]}
+              isReachable={reachableCells ? reachableCells[y][x] : true}
               key={x}
               size={cellSize}
               onChange={onChange}

package/src/components/Board/components/Cell/Cell.module.scss

@@ -87,6 +87,12 @@
     border-end-end-radius: 0;
   }
 
+  &.unreachable {
+    background-color: var(--border--color);
+    opacity: 0.5;
+    border-radius: 0;
+  }
+
   &:focus-within {
     z-index: 2;
   }

package/src/components/Board/components/Cell/Cell.tsx

@@ -1,4 +1,4 @@
-import { EMPTY_CELL } from '@scrabble-solver/constants';
+import { BLANK, EMPTY_CELL } from '@scrabble-solver/constants';
 import { type Cell as CellModel } from '@scrabble-solver/types';
 import classNames from 'classnames';
 import {
@@ -11,11 +11,13 @@ import {
   useCallback,
 } from 'react';
 
+import { getCoordinate } from '@/lib';
 import {
   selectCellIsValid,
   selectConfig,
+  selectHoveredCharacter,
   selectInputMode,
-  selectLocale,
+  selectShowCoordinates,
   selectTilePoints,
   useTranslate,
   useTypedSelector,
@@ -33,6 +35,7 @@ interface Props {
   cellTop?: CellModel;
   className?: string;
   inputRef: RefObject<HTMLInputElement | null>;
+  isReachable?: boolean;
   size: number;
   onChange: ChangeEventHandler<HTMLInputElement>;
   onFocus: (x: number, y: number) => void;
@@ -46,18 +49,24 @@ export const Cell: FunctionComponent<Props> = ({
   cellTop,
   className,
   inputRef,
+  isReachable = true,
   size,
   onChange,
   onFocus,
 }) => {
   const { tile, x, y } = cell;
   const translate = useTranslate();
-  const locale = useTypedSelector(selectLocale);
   const config = useTypedSelector(selectConfig);
   const inputMode = useTypedSelector(selectInputMode);
+  const showCoordinates = useTypedSelector(selectShowCoordinates);
   const points = useTypedSelector((state) => selectTilePoints(state, cell.tile));
   const isValid = useTypedSelector((state) => selectCellIsValid(state, cell));
+  const hoveredCharacter = useTypedSelector(selectHoveredCharacter);
   const isEmpty = tile.character === EMPTY_CELL;
+  const isHoverMatch =
+    !isEmpty &&
+    hoveredCharacter !== null &&
+    (hoveredCharacter === BLANK ? tile.isBlank : !tile.isBlank && tile.character === hoveredCharacter);
 
   const handleFocus: FocusEventHandler<HTMLInputElement> = useCallback(
     (event) => {
@@ -96,8 +105,10 @@ export const Cell: FunctionComponent<Props> = ({
   return (
     <Tile
       aria-label={translate('cell.tile.location', {
-        x: (x + 1).toLocaleString(locale),
-        y: (y + 1).toLocaleString(locale),
+        coordinates:
+          showCoordinates === 'alternative'
+            ? `${getCoordinate(x, 'number')}${getCoordinate(y, 'letter')}`
+            : `${getCoordinate(x, 'letter')}${getCoordinate(y, 'number')}`,
       })}
       className={classNames(styles.tile, className, {
         [styles.first3]: x < 3,
@@ -106,9 +117,10 @@ export const Cell: FunctionComponent<Props> = ({
         [styles.sharpTopRight]: cellTop?.hasTile() || cellRight?.hasTile(),
         [styles.sharpBottomLeft]: cellBottom?.hasTile() || cellLeft?.hasTile(),
         [styles.sharpBottomRight]: cellBottom?.hasTile() || cellRight?.hasTile(),
+        [styles.unreachable]: !isReachable,
       })}
       character={isEmpty ? undefined : tile.character}
-      highlighted={cell.isCandidate()}
+      highlighted={cell.isCandidate() || isHoverMatch}
       inputRef={inputRef}
       isBlank={tile.isBlank}
       isValid={isValid}

package/src/components/Board/lib.ts

@@ -1,8 +1,8 @@
 import { BONUS_WORD } from '@scrabble-solver/constants';
-import { type Bonus } from '@scrabble-solver/types';
+import { type Board, type Bonus, type Config } from '@scrabble-solver/types';
 
 import { COLOR_BONUS_CHARACTER, COLOR_BONUS_CHARACTER_MULTIPLIER, COLOR_BONUS_WORD } from '@/parameters';
-import { type Point } from '@/types';
+import { type Direction, type Point } from '@/types';
 
 export const createGrid = <T>(width: number, height: number, getInitialValue: (x: number, y: number) => T): T[][] => {
   return Array.from({ length: height }).map((_row, y) => {
@@ -35,3 +35,84 @@ export const getPositionInGrid = <T>(grid: T[][], constraint: (value: T) => bool
 
   return undefined;
 };
+
+export const getReachableCells = (config: Config, board: Board, charactersCount: number): boolean[][] => {
+  const { boardHeight, boardWidth } = config;
+  const reachable = createGrid(boardWidth, boardHeight, () => false);
+
+  if (charactersCount === 0) {
+    return reachable;
+  }
+
+  const isBoardEmpty = board.isEmpty();
+  const center = board.center;
+
+  const isAnchor = (x: number, y: number, playDirection: Direction): boolean => {
+    if (isBoardEmpty) {
+      return x === center.x && y === center.y;
+    }
+
+    if (playDirection === 'horizontal') {
+      const above = y > 0 && !board.rows[y - 1][x].isEmpty;
+      const below = y < boardHeight - 1 && !board.rows[y + 1][x].isEmpty;
+      return above || below;
+    }
+
+    const left = x > 0 && !board.rows[y][x - 1].isEmpty;
+    const right = x < boardWidth - 1 && !board.rows[y][x + 1].isEmpty;
+    return left || right;
+  };
+
+  const isReachableInDirection = (x: number, y: number, direction: Direction): boolean => {
+    const isHorizontal = direction === 'horizontal';
+    const length = isHorizontal ? boardWidth : boardHeight;
+    const startOffset = isHorizontal ? x : y;
+    const cellAt = (offset: number) => (isHorizontal ? board.rows[y][offset] : board.rows[offset][x]);
+
+    if (isAnchor(x, y, direction)) {
+      return true;
+    }
+
+    for (const step of [-1, 1] as const) {
+      let newTiles = 1;
+
+      for (let offset = startOffset + step; offset >= 0 && offset < length; offset += step) {
+        const cell = cellAt(offset);
+
+        if (cell.hasTile()) {
+          if (newTiles <= charactersCount) {
+            return true;
+          }
+          break;
+        }
+
+        newTiles += 1;
+
+        if (newTiles > charactersCount) {
+          break;
+        }
+
+        if (isAnchor(cell.x, cell.y, direction)) {
+          return true;
+        }
+      }
+    }
+
+    return false;
+  };
+
+  for (let y = 0; y < boardHeight; ++y) {
+    for (let x = 0; x < boardWidth; ++x) {
+      if (board.rows[y][x].hasTile()) {
+        reachable[y][x] = true;
+        continue;
+      }
+
+      if (isReachableInDirection(x, y, 'horizontal') || isReachableInDirection(x, y, 'vertical')) {
+        reachable[y][x] = true;
+      }
+    }
+  }
+
+  return reachable;
+};

package/src/components/Board/selectors.ts

@@ -1,8 +1,27 @@
 import { createSelector } from '@reduxjs/toolkit';
 
 import { findCell } from '@/lib';
-import { selectBoard, selectResultCandidateCells } from '@/state';
+import {
+  selectBoard,
+  selectCharacters,
+  selectConfig,
+  selectHighlightUnreachableCells,
+  selectResultCandidateCells,
+} from '@/state';
+
+import { getReachableCells } from './lib';
 
 export const selectRowsWithCandidate = createSelector([selectBoard, selectResultCandidateCells], (board, cells) => {
   return board.rows.map((row, y) => row.map((cell, x) => findCell(cells, x, y) || cell));
 });
+
+export const selectReachableCells = createSelector(
+  [selectConfig, selectBoard, selectCharacters, selectHighlightUnreachableCells],
+  (config, board, characters, highlightUnreachableCells): boolean[][] | null => {
+    if (!highlightUnreachableCells || characters.length === 0) {
+      return null;
+    }
+
+    return getReachableCells(config, board, characters.length);
+  },
+);

package/src/components/DictionaryInput/DictionaryInput.tsx

@@ -30,6 +30,7 @@ export const DictionaryInput: FunctionComponent<Props> = ({ className }) => {
   return (
     <form className={classNames(styles.dictionaryInput, className)} onSubmit={handleSubmit}>
       <input
+        aria-label={translate('dictionary.input.title')}
         className={styles.input}
         pattern={`.*[^\\s${comma}].*`}
         placeholder={translate('dictionary.input.placeholder')}

package/src/components/Modal/Modal.tsx

@@ -52,6 +52,7 @@ const ModalBase: FunctionComponent<Props> = ({ children, className, footer, isOp
 
   return (
     <ReactModal
+      aria={{ modal: true }}
       className={{
         afterOpen: styles.afterOpen,
         base: styles.modal,
@@ -61,6 +62,7 @@ const ModalBase: FunctionComponent<Props> = ({ children, className, footer, isOp
       contentLabel={title}
       isOpen={isOpen}
       overlayClassName={styles.overlay}
+      role="dialog"
       shouldReturnFocusAfterClose={shouldReturnFocusAfterClose}
       onRequestClose={onClose}
     >

package/src/components/Progress/Progress.tsx

@@ -25,7 +25,12 @@ export const Progress: FunctionComponent<Props> = ({ className, max, min = 0, st
   return (
     <div
       {...props}
+      aria-valuemax={max}
+      aria-valuemin={min}
+      aria-valuenow={value}
+      aria-valuetext={`${percent.toLocaleString(locale)}%`}
       className={classNames(styles.progress, className)}
+      role="progressbar"
       style={{
         ...style,
         backgroundImage: getGradient(progress, PROGRESS_COLOR_VALUE, PROGRESS_COLOR_BACKGROUND),

package/src/components/Rack/components/RackTile/RackTile.tsx

@@ -21,6 +21,7 @@ import {
   selectCharacterIsValid,
   selectCharacterPoints,
   selectConfig,
+  selectHoveredCharacter,
   selectInputMode,
   selectLocale,
   useTranslate,
@@ -63,6 +64,8 @@ export const RackTile: FunctionComponent<Props> = ({
   const inputMode = useTypedSelector(selectInputMode);
   const points = useTypedSelector((state) => selectCharacterPoints(state, character));
   const isValid = useTypedSelector((state) => selectCharacterIsValid(state, character));
+  const hoveredCharacter = useTypedSelector(selectHoveredCharacter);
+  const isHoverMatch = character !== null && hoveredCharacter !== null && hoveredCharacter === character;
 
   const handleFocus: FocusEventHandler<HTMLInputElement> = useCallback(
     (event) => {
@@ -141,7 +144,7 @@ export const RackTile: FunctionComponent<Props> = ({
       autoFocus={inputMode === 'keyboard' && index === 0}
       className={classNames(styles.rackTile, className)}
       character={character === null ? undefined : character}
-      highlighted={tile !== null}
+      highlighted={tile !== null || isHoverMatch}
       inputRef={inputRef}
       isBlank={character === BLANK}
       isValid={isValid}

package/src/components/Radio/Radio.tsx

@@ -30,7 +30,7 @@ export const Radio: FunctionComponent<Props> = ({ checked, children, className,
       onChange={onChange}
     />
 
-    <div aria-hidden="true" className={styles.icon} role="img">
+    <div aria-hidden="true" className={styles.icon}>
       <div className={styles.iconContent} />
     </div>
 

package/src/components/Results/Result.tsx

@@ -50,6 +50,7 @@ export const Result = ({
 
   return (
     <button
+      aria-current={index === highlightedIndex ? 'true' : undefined}
       aria-hidden={isMatching ? undefined : 'true'}
       aria-label={result.word}
       className={classNames(styles.result, {

package/src/components/Results/Results.tsx

@@ -70,10 +70,16 @@ export const Results: FunctionComponent<Props> = ({ callbacks, className, highli
   }, [results, listRef, scrollToIndexRef]);
 
   return (
-    <div className={classNames(styles.results, className)} data-testid="results">
+    <div
+      aria-busy={isLoadingDebounced}
+      aria-label={translate('results')}
+      className={classNames(styles.results, className)}
+      data-testid="results"
+      role="region"
+    >
       <Header />
 
-      <div className={styles.content}>
+      <div aria-live="polite" className={styles.content}>
         {typeof error !== 'undefined' && (
           <EmptyState className={styles.emptyState} variant="error">
             {error.message}

package/src/components/Tile/TilePure.tsx

@@ -82,24 +82,26 @@ const TilePureBase: FunctionComponent<Props> = ({
   >
     {character || placeholder}
 
-    <input
-      aria-label={ariaLabel}
-      autoCapitalize="none"
-      autoComplete="off"
-      autoCorrect="off"
-      autoFocus={autoFocus}
-      className={styles.input}
-      disabled={disabled}
-      ref={inputRef}
-      spellCheck={false}
-      tabIndex={tabIndex}
-      value={character || ''}
-      onChange={onChange}
-      onFocus={onFocus}
-      onKeyDown={onKeyDown}
-      onMouseDown={onMouseDown}
-      onTouchStart={onTouchStart}
-    />
+    {!disabled && (
+      <input
+        aria-label={ariaLabel}
+        autoCapitalize="none"
+        autoComplete="off"
+        autoCorrect="off"
+        autoFocus={autoFocus}
+        className={styles.input}
+        disabled={disabled}
+        ref={inputRef}
+        spellCheck={false}
+        tabIndex={tabIndex}
+        value={character || ''}
+        onChange={onChange}
+        onFocus={onFocus}
+        onKeyDown={onKeyDown}
+        onMouseDown={onMouseDown}
+        onTouchStart={onTouchStart}
+      />
+    )}
 
     {canShowPoints && (
       <span className={styles.points} style={pointsStyle}>

package/src/i18n/languages/english.json

@@ -4,7 +4,7 @@
   "cell.filter-cell.include": "Target destination",
   "cell.set-blank": "Mark it a blank",
   "cell.set-not-blank": "Mark it not a blank",
-  "cell.tile.location": "Board: tile ({{x}}, {{y}})",
+  "cell.tile.location": "Board: tile {{coordinates}}",
   "cell.toggle-direction": "Typing direction",
   "common.arrows": "Arrow keys",
   "common.blanks": "Blanks",
@@ -13,6 +13,8 @@
   "common.consonants": "Consonants",
   "common.loading": "Loading",
   "common.next": "Next",
+  "common.off": "Off",
+  "common.on": "On",
   "common.points": "Points",
   "common.previous": "Previous",
   "common.space": "Spacebar",
@@ -64,6 +66,7 @@
   "settings.autoGroupTiles.right": "On the right",
   "settings.autoGroupTiles.null": "Do not group",
   "settings.game": "Game",
+  "settings.highlightUnreachableCells": "Highlight unreachable cells",
   "settings.inputMode": "Input mode",
   "settings.inputMode.keyboard": "Keyboard",
   "settings.inputMode.touchscreen": "Touchscreen",

package/src/i18n/languages/french.json

@@ -4,7 +4,7 @@
   "cell.filter-cell.include": "Destination cible",
   "cell.set-blank": "Marquer comme vide",
   "cell.set-not-blank": "Marquer comme non vide",
-  "cell.tile.location": "Plateau: la case ({{x}}, {{y}})",
+  "cell.tile.location": "Plateau: la case {{coordinates}}",
   "cell.toggle-direction": "Direction d'écriture",
   "common.arrows": "Touches fléchées",
   "common.blanks": "Cases vides",
@@ -13,6 +13,8 @@
   "common.consonants": "Consonnes",
   "common.loading": "Chargement",
   "common.next": "Suivant",
+  "common.off": "Désactivé",
+  "common.on": "Activé",
   "common.points": "Points",
   "common.previous": "Précédent",
   "common.space": "Barre d'espace",
@@ -64,6 +66,7 @@
   "settings.autoGroupTiles.right": "Vers la gauche",
   "settings.autoGroupTiles.null": "Ne pas grouper",
   "settings.game": "Jeu",
+  "settings.highlightUnreachableCells": "Mettre en évidence les cases inatteignables",
   "settings.inputMode": "Mode de saisie",
   "settings.inputMode.keyboard": "Clavier",
   "settings.inputMode.touchscreen": "Écran tactile",

package/src/i18n/languages/german.json

@@ -4,7 +4,7 @@
   "cell.filter-cell.include": "Ziel anvisieren",
   "cell.set-blank": "Als Blanko markieren",
   "cell.set-not-blank": "Nicht als Blanko markieren",
-  "cell.tile.location": "Brett: Stein ({{x}}, {{y}})",
+  "cell.tile.location": "Brett: Stein {{coordinates}}",
   "cell.toggle-direction": "Schreibrichtung",
   "common.arrows": "Pfeiltasten",
   "common.blanks": "Blankos",
@@ -13,6 +13,8 @@
   "common.consonants": "Konsonanten",
   "common.loading": "Laden",
   "common.next": "Weiter",
+  "common.off": "Aus",
+  "common.on": "Ein",
   "common.points": "Punkte",
   "common.previous": "Zurück",
   "common.space": "Leertaste",
@@ -64,6 +66,7 @@
   "settings.autoGroupTiles.right": "Rechte Seite",
   "settings.autoGroupTiles.null": "Nicht gruppieren",
   "settings.game": "Spiel",
+  "settings.highlightUnreachableCells": "Unerreichbare Felder hervorheben",
   "settings.inputMode": "Eingabemodus",
   "settings.inputMode.keyboard": "Tastatur",
   "settings.inputMode.touchscreen": "Touchscreen",

package/src/i18n/languages/persian.json

@@ -4,7 +4,7 @@
   "cell.filter-cell.include": "مقصد مورد نظر",
   "cell.set-blank": "علامت گذاری به عنوان خالی",
   "cell.set-not-blank": "علامت گذاری به عنوان غیر خالی",
-  "cell.tile.location": "({{x}}، {{y}}) کاشی: صفحه",
+  "cell.tile.location": "{{coordinates}} کاشی: صفحه",
   "cell.toggle-direction": "جهت تایپ",
   "common.arrows": "کلیدهای جهت دار",
   "common.blanks": "خالی",
@@ -13,6 +13,8 @@
   "common.consonants": "حروف صامت",
   "common.loading": "در حال بارگزاری",
   "common.next": "بعدی",
+  "common.off": "خاموش",
+  "common.on": "روشن",
   "common.points": "امتیازات",
   "common.previous": "قبلی",
   "common.space": "دکمه اسپیس",
@@ -64,6 +66,7 @@
   "settings.autoGroupTiles.right": "در سمت راست",
   "settings.autoGroupTiles.null": "کنار هم قرار  نده",
   "settings.game": "بازی",
+  "settings.highlightUnreachableCells": "خانه‌های غیرقابل دسترس را برجسته کن",
   "settings.inputMode": "حالت ورودی",
   "settings.inputMode.keyboard": "صفحه کلید",
   "settings.inputMode.touchscreen": "صفحه لمسی",

package/src/i18n/languages/polish.json

@@ -4,7 +4,7 @@
   "cell.filter-cell.include": "Miejsce docelowe",
   "cell.set-blank": "Oznacz jako blank",
   "cell.set-not-blank": "Oznacz jako nie blank",
-  "cell.tile.location": "Plansza: płytka ({{x}}, {{y}})",
+  "cell.tile.location": "Plansza: płytka {{coordinates}}",
   "cell.toggle-direction": "Kierunek wpisywania",
   "common.arrows": "Klawisze strzałek",
   "common.blanks": "Blanki",
@@ -13,6 +13,8 @@
   "common.consonants": "Spółgłoski",
   "common.loading": "Ładowanie",
   "common.next": "Następne",
+  "common.off": "Wyłączone",
+  "common.on": "Włączone",
   "common.points": "Punkty",
   "common.previous": "Poprzednie",
   "common.space": "Spacja",
@@ -64,6 +66,7 @@
   "settings.autoGroupTiles.right": "Po prawej",
   "settings.autoGroupTiles.null": "Nie grupuj",
   "settings.game": "Gra",
+  "settings.highlightUnreachableCells": "Wyróżnij nieosiągalne pola",
   "settings.inputMode": "Tryb wpisywania",
   "settings.inputMode.keyboard": "Klawiatura",
   "settings.inputMode.touchscreen": "Ekran dotykowy",

package/src/i18n/languages/romanian.json

@@ -4,7 +4,7 @@
   "cell.filter-cell.include": "Destinație țintă",
   "cell.set-blank": "Marcare camp liber",
   "cell.set-not-blank": "Marcare camp ocupat ",
-  "cell.tile.location": "Tabla: camp ({{x}}, {{y}})",
+  "cell.tile.location": "Tabla: camp {{coordinates}}",
   "cell.toggle-direction": "Directie scriere",
   "common.arrows": "Sagetile",
   "common.blanks": "Jokeri",
@@ -13,6 +13,8 @@
   "common.consonants": "Consoane",
   "common.loading": "Incarcare",
   "common.next": "Pasul urmator",
+  "common.off": "Dezactivat",
+  "common.on": "Activat",
   "common.points": "Puncte",
   "common.previous": "Pasul anterior",
   "common.space": "Bara de spațiu",
@@ -64,6 +66,7 @@
   "settings.autoGroupTiles.right": "In partea dreapta",
   "settings.autoGroupTiles.null": "Nu se grupeaza",
   "settings.game": "Joc",
+  "settings.highlightUnreachableCells": "Evidențiază celulele inaccesibile",
   "settings.inputMode": "Mod introducere",
   "settings.inputMode.keyboard": "Tastatura",
   "settings.inputMode.touchscreen": "Ecran",

package/src/i18n/languages/spanish.json

@@ -4,7 +4,7 @@
   "cell.filter-cell.include": "Destino objetivo",
   "cell.set-blank": "Marcar como en blanco",
   "cell.set-not-blank": "Marcar como no en blanco",
-  "cell.tile.location": "Tablero: espacio ({{x}}, {{y}})",
+  "cell.tile.location": "Tablero: espacio {{coordinates}}",
   "cell.toggle-direction": "Dirección de escritura",
   "common.arrows": "Teclas de flecha",
   "common.blanks": "Blancos",
@@ -13,6 +13,8 @@
   "common.consonants": "Consonantes",
   "common.loading": "Cargando",
   "common.next": "Siguiente",
+  "common.off": "Desactivado",
+  "common.on": "Activado",
   "common.points": "Puntos",
   "common.previous": "Anterior",
   "common.space": "Barra espaciadora",
@@ -64,6 +66,7 @@
   "settings.autoGroupTiles.right": "A la derecha",
   "settings.autoGroupTiles.null": "No agrupar",
   "settings.game": "Juego",
+  "settings.highlightUnreachableCells": "Resaltar casillas inalcanzables",
   "settings.inputMode": "Modo de entrada",
   "settings.inputMode.keyboard": "Teclado",
   "settings.inputMode.touchscreen": "Pantalla táctil",