scrabble-solver 2.16.0 → 2.16.2

package/packages/scrabble-solver/src/state/hoveredTile/initialState.ts

@@ -0,0 +1,5 @@
+import type { HoveredTileState } from './types';
+
+export const hoveredTileInitialState: HoveredTileState = {
+  character: null,
+};

package/packages/scrabble-solver/src/state/hoveredTile/selectors.ts

@@ -0,0 +1,3 @@
+import type { RootState } from '../types';
+
+export const selectHoveredCharacter = (state: RootState): string | null => state.hoveredTile.character;

package/packages/scrabble-solver/src/state/hoveredTile/slice.ts

@@ -0,0 +1,16 @@
+import { createSlice, type PayloadAction } from '@reduxjs/toolkit';
+
+import { hoveredTileInitialState } from './initialState';
+
+export const hoveredTileSlice = createSlice({
+  initialState: hoveredTileInitialState,
+  name: 'hoveredTile',
+  reducers: {
+    set: (state, action: PayloadAction<string>) => {
+      state.character = action.payload;
+    },
+    clear: (state) => {
+      state.character = null;
+    },
+  },
+});

package/packages/scrabble-solver/src/state/hoveredTile/types.ts

@@ -0,0 +1,3 @@
+export interface HoveredTileState {
+  character: string | null;
+}

package/packages/scrabble-solver/src/state/index.ts

@@ -2,6 +2,7 @@ export * from './actions';
 export * from './board';
 export * from './cellFilters';
 export * from './dictionary';
+export * from './hoveredTile';
 export * from './localStorage';
 export * from './rack';
 export * from './results';

package/packages/scrabble-solver/src/state/localStorage.ts

@@ -12,6 +12,7 @@ const SETTINGS = 'settings';
 const LEGACY_KEYS: Record<keyof SettingsState, string> = {
   autoGroupTiles: 'auto-group-tiles',
   game: 'config-id',
+  highlightUnreachableCells: 'highlight-unreachable-cells',
   inputMode: 'input-mode',
   locale: 'locale',
   removeCellFilters: 'remove-cell-filters',

package/packages/scrabble-solver/src/state/settings/initialState.ts

@@ -10,6 +10,7 @@ const isTouchScreen = typeof globalThis.matchMedia !== 'undefined' && globalThis
 export const settingsInitialState: SettingsState = {
   autoGroupTiles: null,
   game: Game.Scrabble,
+  highlightUnreachableCells: false,
   inputMode: isTouchScreen ? 'touchscreen' : 'keyboard',
   locale: guessLocale(),
   removeCellFilters: 'always',

package/packages/scrabble-solver/src/state/settings/selectors.ts

@@ -19,6 +19,11 @@ export const selectAutoGroupTiles = createSelector([selectSettings], (settings)
 
 export const selectGame = createSelector([selectSettings], (settings) => settings.game);
 
+export const selectHighlightUnreachableCells = createSelector(
+  [selectSettings],
+  (settings) => settings.highlightUnreachableCells,
+);
+
 export const selectInputMode = createSelector([selectSettings], (settings) => settings.inputMode);
 
 export const selectLocale = createSelector([selectSettings], (settings) => settings.locale);

package/packages/scrabble-solver/src/state/settings/slice.ts

@@ -19,6 +19,11 @@ export const settingsSlice = createSlice({
       return { ...state, game };
     },
 
+    changeHighlightUnreachableCells: (state, action: PayloadAction<boolean>) => {
+      const highlightUnreachableCells = action.payload;
+      return { ...state, highlightUnreachableCells };
+    },
+
     changeInputMode: (state, action: PayloadAction<InputMode>) => {
       const inputMode = action.payload;
       return { ...state, inputMode };

package/packages/scrabble-solver/src/state/settings/types.ts

@@ -5,6 +5,7 @@ import type { AutoGroupTiles, InputMode, RemoveCellFilters } from '@/types';
 export interface SettingsState {
   autoGroupTiles: AutoGroupTiles;
   game: Game;
+  highlightUnreachableCells: boolean;
   inputMode: InputMode;
   locale: Locale;
   showCoordinates: ShowCoordinates;

package/packages/scrabble-solver/src/state/store.ts

@@ -4,6 +4,7 @@ import reduxSaga from 'redux-saga';
 import { boardSlice } from './board';
 import { cellFiltersSlice } from './cellFilters';
 import { dictionarySlice } from './dictionary';
+import { hoveredTileSlice } from './hoveredTile';
 import { rackSlice } from './rack';
 import { resultsSlice } from './results';
 import { rootSaga } from './sagas';
@@ -18,6 +19,7 @@ export const store = configureStore({
     board: boardSlice.reducer,
     cellFilters: cellFiltersSlice.reducer,
     dictionary: dictionarySlice.reducer,
+    hoveredTile: hoveredTileSlice.reducer,
     rack: rackSlice.reducer,
     results: resultsSlice.reducer,
     settings: settingsSlice.reducer,

package/packages/scrabble-solver/src/state/types.ts

@@ -1,6 +1,7 @@
 import type { BoardState } from './board';
 import type { CellFiltersState } from './cellFilters';
 import type { DictionaryState } from './dictionary';
+import type { HoveredTileState } from './hoveredTile';
 import type { RackState } from './rack';
 import type { ResultsState } from './results';
 import type { SettingsState } from './settings';
@@ -11,6 +12,7 @@ export type RootState = {
   board: BoardState;
   cellFilters: CellFiltersState;
   dictionary: DictionaryState;
+  hoveredTile: HoveredTileState;
   rack: RackState;
   results: ResultsState;
   settings: SettingsState;

package/packages/scrabble-solver/src/types/index.ts

@@ -89,6 +89,8 @@ export type TranslationKey =
   | 'common.blanks'
   | 'common.consonants'
   | 'common.next'
+  | 'common.off'
+  | 'common.on'
   | 'common.points'
   | 'common.previous'
   | 'common.space'
@@ -140,6 +142,7 @@ export type TranslationKey =
   | 'settings.autoGroupTiles.right'
   | 'settings.autoGroupTiles.null'
   | 'settings.game'
+  | 'settings.highlightUnreachableCells'
   | 'settings.inputMode'
   | 'settings.inputMode.keyboard'
   | 'settings.inputMode.touchscreen'