scrabble-solver 2.16.7 → 2.18.0

package/packages/scrabble-solver/src/components/Tile/TilePure.tsx

@@ -1,7 +1,6 @@
 import classNames from 'classnames';
 import {
   type ChangeEventHandler,
-  type CSSProperties,
   type FocusEventHandler,
   type FunctionComponent,
   type KeyboardEventHandler,
@@ -11,7 +10,7 @@ import {
   type TouchEventHandler,
 } from 'react';
 
-import { ExclamationSquareFill } from '@/icons';
+import ExclamationSquareFill from '@/icons/ExclamationSquareFill.svg';
 
 import styles from './Tile.module.scss';
 
@@ -29,9 +28,7 @@ interface Props {
   placeholder?: string;
   points?: number;
   pointsFormatted?: string;
-  pointsStyle?: CSSProperties;
   raised?: boolean;
-  style?: CSSProperties;
   tabIndex?: number;
   onChange?: ChangeEventHandler<HTMLInputElement>;
   onFocus?: FocusEventHandler<HTMLInputElement>;
@@ -54,9 +51,7 @@ const TilePureBase: FunctionComponent<Props> = ({
   placeholder,
   points,
   pointsFormatted,
-  pointsStyle,
   raised,
-  style,
   tabIndex,
   onChange,
   onFocus,
@@ -78,7 +73,6 @@ const TilePureBase: FunctionComponent<Props> = ({
       [styles.raised]: raised,
     })}
     role={highlighted ? 'mark' : undefined}
-    style={style}
   >
     {character || placeholder}
 
@@ -103,11 +97,7 @@ const TilePureBase: FunctionComponent<Props> = ({
       />
     )}
 
-    {canShowPoints && (
-      <span className={styles.points} style={pointsStyle}>
-        {pointsFormatted}
-      </span>
-    )}
+    {canShowPoints && <span className={styles.points}>{pointsFormatted}</span>}
 
     {!isValid && <ExclamationSquareFill aria-hidden="true" className={styles.alert} role="img" />}
   </div>

package/packages/scrabble-solver/src/components/Tooltip/Tooltip.module.scss.d.ts

@@ -0,0 +1,7 @@
+// Generated by scripts/generate-scss-types.ts - do not edit.
+declare const styles: {
+  readonly arrow: string;
+  readonly tooltip: string;
+};
+
+export default styles;

package/packages/scrabble-solver/src/components/Tooltip/Tooltip.tsx

@@ -1,7 +1,8 @@
 import type { Placement } from '@floating-ui/react';
 import { type FunctionComponent, type ReactNode } from 'react';
 
-import { useIsTouchDevice } from '@/hooks';
+import { useDeferredRender } from '@/hooks/useDeferredRender';
+import { useIsTouchDevice } from '@/hooks/useIsTouchDevice';
 
 import { TooltipContext } from './context';
 import { TooltipContent } from './TooltipContent';
@@ -15,13 +16,23 @@ interface Props {
 }
 
 export const Tooltip: FunctionComponent<Props> = ({ children, placement, tooltip }) => {
-  const state = useTooltip({ placement });
+  const canRenderTooltip = useDeferredRender();
   const isTouchDevice = useIsTouchDevice();
 
-  if (!tooltip || isTouchDevice) {
+  if (!tooltip || !canRenderTooltip || isTouchDevice) {
     return children;
   }
 
+  return (
+    <TooltipBase placement={placement} tooltip={tooltip}>
+      {children}
+    </TooltipBase>
+  );
+};
+
+const TooltipBase: FunctionComponent<Props> = ({ children, placement, tooltip }) => {
+  const state = useTooltip({ placement });
+
   return (
     <TooltipContext.Provider value={state}>
       <TooltipTrigger>{children}</TooltipTrigger>

package/packages/scrabble-solver/src/components/Tooltip/useTooltip.ts

@@ -28,6 +28,7 @@ export const useTooltip = ({ placement = 'top' }: TooltipOptions = {}) => {
   const arrowRef = useRef(null);
   const data = useFloating({
     placement,
+    strategy: 'fixed',
     open: isOpen,
     onOpenChange: setIsOpen,
     whileElementsMounted: autoUpdate,
@@ -37,7 +38,7 @@ export const useTooltip = ({ placement = 'top' }: TooltipOptions = {}) => {
   const { delay } = useDelayGroup(context);
   const hover = useHover(context, { move: false, delay });
   const focus = useFocus(context);
-  const dismiss = useDismiss(context);
+  const dismiss = useDismiss(context, { ancestorScroll: true });
   const role = useRole(context, { role: 'tooltip' });
   const interactions = useInteractions([hover, focus, dismiss, role]);
 

package/packages/scrabble-solver/src/hooks/useColumns.ts

@@ -1,8 +1,8 @@
 import { createSelector } from '@reduxjs/toolkit';
 import { useMemo } from 'react';
 
-import { LOCALE_FEATURES } from '@/i18n';
-import { selectLocale, selectShowCoordinates, useTypedSelector } from '@/state';
+import { LOCALE_FEATURES } from '@/i18n/constants';
+import { selectLocale, useTypedSelector } from '@/state';
 import { ResultColumnId } from '@/types';
 
 import { useMediaQueries } from './useMediaQueries';
@@ -15,7 +15,7 @@ const COLUMNS_M = [...COLUMNS_XS];
 
 const COLUMNS_L = [...COLUMNS_XS];
 
-const selectColumns = createSelector([selectLocale, selectShowCoordinates], (locale, showCoordinates) => {
+const selectColumns = createSelector([selectLocale], (locale) => {
   const { consonants, vowels } = LOCALE_FEATURES[locale];
   const columns: ResultColumnId[] = [
     ResultColumnId.Word,
@@ -23,12 +23,9 @@ const selectColumns = createSelector([selectLocale, selectShowCoordinates], (loc
     ResultColumnId.BlanksCount,
     ResultColumnId.WordsCount,
     ResultColumnId.Points,
+    ResultColumnId.Coordinates,
   ];
 
-  if (showCoordinates !== 'hidden') {
-    columns.push(ResultColumnId.Coordinates);
-  }
-
   if (vowels) {
     columns.push(ResultColumnId.VowelsCount);
   }

package/packages/scrabble-solver/src/hooks/useDeferredRender.ts

@@ -0,0 +1,20 @@
+import { useEffect, useState } from 'react';
+
+/**
+ * False during SSR and hydration.
+ */
+export const useDeferredRender = (): boolean => {
+  const [canRender, setCanRender] = useState(false);
+
+  useEffect(() => {
+    const timeoutId = window.setTimeout(() => {
+      return setCanRender(true);
+    }, 0);
+
+    return () => {
+      return window.clearTimeout(timeoutId);
+    };
+  }, []);
+
+  return canRender;
+};

package/packages/scrabble-solver/src/hooks/useDirection.ts

@@ -1,12 +1,13 @@
+import { type TextDirection } from '@scrabble-solver/types';
 import { useEffect } from 'react';
 
-import { noop } from '@/lib';
+import { noop } from '@/lib/noop';
 
-export const useDirection = (direction: 'ltr' | 'rtl') => {
+export const useDirection = (direction: TextDirection) => {
   useEffect(() => {
     const html = document.body.parentElement;
 
-    if (!html) {
+    if (!html || html.dir === direction) {
       return noop;
     }
 

package/packages/scrabble-solver/src/hooks/useLanguage.ts

@@ -1,12 +1,12 @@
 import { useEffect } from 'react';
 
-import { noop } from '@/lib';
+import { noop } from '@/lib/noop';
 
 export const useLanguage = (language: string) => {
   useEffect(() => {
     const html = document.body.parentElement;
 
-    if (!html) {
+    if (!html || html.lang === language) {
       return noop;
     }
 

package/packages/scrabble-solver/src/hooks/useLocalStorage.ts

@@ -1,25 +1,49 @@
-import { useEffect } from 'react';
+import { useEffect, useRef } from 'react';
 
-import { localStorage, selectBoard, selectRack, selectSettings, useTypedSelector } from '@/state';
+import { localStorage, selectBoard, selectIsHydrated, selectRack, selectSettings, useTypedSelector } from '@/state';
+
+type WriteFlags = {
+  board: boolean;
+  rack: boolean;
+  settings: boolean;
+};
 
 export const useLocalStorage = () => {
+  const isHydrated = useTypedSelector(selectIsHydrated);
   const board = useTypedSelector(selectBoard);
   const rack = useTypedSelector(selectRack);
   const settings = useTypedSelector(selectSettings);
+  const hasSkippedFirstWrite = useRef<WriteFlags>({
+    board: false,
+    rack: false,
+    settings: false,
+  });
 
   useEffect(() => {
-    if (board) {
+    if (isHydrated && board && !isFirstWriteAfterHydration(hasSkippedFirstWrite.current, 'board')) {
       localStorage.setBoard(board);
     }
-  }, [board]);
+  }, [isHydrated, board]);
 
   useEffect(() => {
-    if (rack) {
+    if (isHydrated && rack && !isFirstWriteAfterHydration(hasSkippedFirstWrite.current, 'rack')) {
       localStorage.setRack(rack);
     }
-  }, [rack]);
+  }, [isHydrated, rack]);
 
   useEffect(() => {
-    localStorage.setSettings(settings);
-  }, [settings]);
+    if (isHydrated && !isFirstWriteAfterHydration(hasSkippedFirstWrite.current, 'settings')) {
+      localStorage.setSettings(settings);
+    }
+  }, [isHydrated, settings]);
 };
+
+// Each effect's first post-hydration run would only write back what hydration just read, so it is skipped
+function isFirstWriteAfterHydration(flags: WriteFlags, key: keyof WriteFlags): boolean {
+  if (flags[key]) {
+    return false;
+  }
+
+  flags[key] = true;
+  return true;
+}

package/packages/scrabble-solver/src/hooks/useMedia.ts

@@ -1,34 +1,34 @@
-import { useEffect, useState } from 'react';
+import { useCallback, useSyncExternalStore } from 'react';
 
-const getInitialState = (query: string, defaultState?: boolean) => {
-  if (typeof defaultState !== 'undefined') {
-    return defaultState;
-  }
-
-  if (typeof window === 'undefined') {
-    return false;
-  }
+export const useMedia = (query: string, defaultState = false) => {
+  const subscribe = useCallback(
+    (onChange: () => void) => {
+      const mediaQueryList = getMediaQueryList(query);
+      mediaQueryList.addEventListener('change', onChange);
 
-  return window.matchMedia(query).matches;
-};
+      return () => {
+        mediaQueryList.removeEventListener('change', onChange);
+      };
+    },
+    [query],
+  );
 
-export const useMedia = (query: string, defaultState?: boolean) => {
-  const [state, setState] = useState(getInitialState(query, defaultState));
+  const getSnapshot = useCallback(() => getMediaQueryList(query).matches, [query]);
+  const getServerSnapshot = useCallback(() => defaultState, [defaultState]);
 
-  useEffect(() => {
-    const mediaQuery = window.matchMedia(query);
+  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+};
 
-    const handleChange = () => {
-      setState(mediaQuery.matches);
-    };
+// cache because matchMedia returns a new MediaQueryList on every call
+const mediaQueryLists = new Map<string, MediaQueryList>();
 
-    setState(mediaQuery.matches);
-    mediaQuery.addEventListener('change', handleChange);
+function getMediaQueryList(query: string): MediaQueryList {
+  let mediaQueryList = mediaQueryLists.get(query);
 
-    return () => {
-      mediaQuery.removeEventListener('change', handleChange);
-    };
-  }, [query]);
+  if (!mediaQueryList) {
+    mediaQueryList = window.matchMedia(query);
+    mediaQueryLists.set(query, mediaQueryList);
+  }
 
-  return state;
-};
+  return mediaQueryList;
+}

package/packages/scrabble-solver/src/i18n/constants.ts

@@ -1,14 +1,10 @@
 import { COMMA_ARABIC, COMMA_LATIN } from '@scrabble-solver/constants';
-import { Locale } from '@scrabble-solver/types';
-import { type FunctionComponent, type SVGAttributes } from 'react';
-
-import { FlagDe, FlagEs, FlagFa, FlagFr, FlagGb, FlagPl, FlagRo, FlagTr, FlagUs } from '@/icons';
+import { Locale, type TextDirection } from '@scrabble-solver/types';
 
 interface LocaleFeatures {
   comma: string;
   consonants: boolean;
-  direction: 'ltr' | 'rtl';
-  Icon: FunctionComponent<SVGAttributes<SVGElement>>;
+  direction: TextDirection;
   label: string;
   locale: Locale;
   name: string;
@@ -21,7 +17,6 @@ export const LOCALE_FEATURES: Record<Locale, LocaleFeatures> = {
     comma: COMMA_LATIN,
     consonants: true,
     direction: 'ltr',
-    Icon: FlagDe,
     label: 'Deutsch',
     locale: Locale.DE_DE,
     name: 'German',
@@ -32,7 +27,6 @@ export const LOCALE_FEATURES: Record<Locale, LocaleFeatures> = {
     comma: COMMA_LATIN,
     consonants: true,
     direction: 'ltr',
-    Icon: FlagGb,
     label: 'English (GB)',
     locale: Locale.EN_GB,
     name: 'English (GB)',
@@ -43,7 +37,6 @@ export const LOCALE_FEATURES: Record<Locale, LocaleFeatures> = {
     comma: COMMA_LATIN,
     consonants: true,
     direction: 'ltr',
-    Icon: FlagUs,
     label: 'English (US)',
     locale: Locale.EN_US,
     name: 'English (US)',
@@ -54,7 +47,6 @@ export const LOCALE_FEATURES: Record<Locale, LocaleFeatures> = {
     comma: COMMA_LATIN,
     consonants: true,
     direction: 'ltr',
-    Icon: FlagEs,
     label: 'Español',
     locale: Locale.ES_ES,
     name: 'Spanish',
@@ -65,7 +57,6 @@ export const LOCALE_FEATURES: Record<Locale, LocaleFeatures> = {
     comma: COMMA_ARABIC,
     consonants: false,
     direction: 'rtl',
-    Icon: FlagFa,
     label: 'فارسی',
     locale: Locale.FA_IR,
     name: 'Persian',
@@ -76,7 +67,6 @@ export const LOCALE_FEATURES: Record<Locale, LocaleFeatures> = {
     comma: COMMA_LATIN,
     consonants: true,
     direction: 'ltr',
-    Icon: FlagFr,
     label: 'Français',
     locale: Locale.FR_FR,
     name: 'French',
@@ -87,7 +77,6 @@ export const LOCALE_FEATURES: Record<Locale, LocaleFeatures> = {
     comma: COMMA_LATIN,
     consonants: true,
     direction: 'ltr',
-    Icon: FlagPl,
     label: 'Polski',
     locale: Locale.PL_PL,
     name: 'Polish',
@@ -98,7 +87,6 @@ export const LOCALE_FEATURES: Record<Locale, LocaleFeatures> = {
     comma: COMMA_LATIN,
     consonants: true,
     direction: 'ltr',
-    Icon: FlagRo,
     label: 'Română',
     locale: Locale.RO_RO,
     name: 'Romanian',
@@ -109,7 +97,6 @@ export const LOCALE_FEATURES: Record<Locale, LocaleFeatures> = {
     comma: COMMA_LATIN,
     consonants: true,
     direction: 'ltr',
-    Icon: FlagTr,
     label: 'Türkçe',
     locale: Locale.TR_TR,
     name: 'Turkish',

package/packages/scrabble-solver/src/i18n/i18n.ts

@@ -3,22 +3,23 @@ import { Locale } from '@scrabble-solver/types';
 import { type Translations } from '@/types';
 
 import english from './languages/english.json';
-import french from './languages/french.json';
-import german from './languages/german.json';
-import persian from './languages/persian.json';
-import polish from './languages/polish.json';
-import romanian from './languages/romanian.json';
-import spanish from './languages/spanish.json';
-import turkish from './languages/turkish.json';
 
-export const i18n: Record<Locale, Translations> = {
-  [Locale.DE_DE]: german,
-  [Locale.EN_GB]: english,
-  [Locale.EN_US]: english,
-  [Locale.ES_ES]: spanish,
-  [Locale.FA_IR]: persian,
-  [Locale.FR_FR]: french,
-  [Locale.PL_PL]: polish,
-  [Locale.RO_RO]: romanian,
-  [Locale.TR_TR]: turkish,
+/**
+ * English ships in the main bundle so the SSR and the pre-hydration UI
+ * always have complete translations.
+ */
+export const englishTranslations: Translations = english;
+
+const loadTranslationsPerLocale: Record<Locale, () => Promise<Translations>> = {
+  [Locale.DE_DE]: async () => (await import('./languages/german.json')).default,
+  [Locale.EN_GB]: async () => english,
+  [Locale.EN_US]: async () => english,
+  [Locale.ES_ES]: async () => (await import('./languages/spanish.json')).default,
+  [Locale.FA_IR]: async () => (await import('./languages/persian.json')).default,
+  [Locale.FR_FR]: async () => (await import('./languages/french.json')).default,
+  [Locale.PL_PL]: async () => (await import('./languages/polish.json')).default,
+  [Locale.RO_RO]: async () => (await import('./languages/romanian.json')).default,
+  [Locale.TR_TR]: async () => (await import('./languages/turkish.json')).default,
 };
+
+export const loadTranslations = (locale: Locale): Promise<Translations> => loadTranslationsPerLocale[locale]();

package/packages/scrabble-solver/src/i18n/languages/english.json

@@ -76,7 +76,6 @@
   "settings.removeCellFilters.never": "Never",
   "settings.showCoordinates": "Coordinates",
   "settings.showCoordinates.alternative": "Alternative",
-  "settings.showCoordinates.hidden": "Hidden",
   "settings.showCoordinates.original": "Original",
   "words": "Created words",
   "words.invalid": "Invalid",

package/packages/scrabble-solver/src/i18n/languages/french.json

@@ -76,7 +76,6 @@
   "settings.removeCellFilters.never": "Jamais",
   "settings.showCoordinates": "Coordonnés",
   "settings.showCoordinates.alternative": "Alternative",
-  "settings.showCoordinates.hidden": "Caché",
   "settings.showCoordinates.original": "Original",
   "words": "Mots créés",
   "words.invalid": "Incorrect",

package/packages/scrabble-solver/src/i18n/languages/german.json

@@ -76,7 +76,6 @@
   "settings.removeCellFilters.never": "Nie",
   "settings.showCoordinates": "Koordinaten",
   "settings.showCoordinates.alternative": "Alternative",
-  "settings.showCoordinates.hidden": "Versteckt",
   "settings.showCoordinates.original": "Original",
   "words": "Gebildete Wörter",
   "words.invalid": "Falsch",

package/packages/scrabble-solver/src/i18n/languages/persian.json

@@ -76,7 +76,6 @@
   "settings.removeCellFilters.never": "هرگز",
   "settings.showCoordinates": "مختصات",
   "settings.showCoordinates.alternative": "بديل",
-  "settings.showCoordinates.hidden": "مختفي",
   "settings.showCoordinates.original": "إبداعي",
   "words": "کلمات ساخته شده",
   "words.invalid": "نا معتبر",

package/packages/scrabble-solver/src/i18n/languages/polish.json

@@ -76,7 +76,6 @@
   "settings.removeCellFilters.never": "Nigdy",
   "settings.showCoordinates": "Współrzędne",
   "settings.showCoordinates.alternative": "Alternatywne",
-  "settings.showCoordinates.hidden": "Ukryte",
   "settings.showCoordinates.original": "Oryginalne",
   "words": "Utworzone słowa",
   "words.invalid": "Niepoprawne",

package/packages/scrabble-solver/src/i18n/languages/romanian.json

@@ -76,7 +76,6 @@
   "settings.removeCellFilters.never": "Niciodată",
   "settings.showCoordinates": "Coordonate",
   "settings.showCoordinates.alternative": "Alternativă",
-  "settings.showCoordinates.hidden": "Ascuns",
   "settings.showCoordinates.original": "Original",
   "words": "Cuvinte create",
   "words.invalid": "Invalid",

package/packages/scrabble-solver/src/i18n/languages/spanish.json

@@ -76,7 +76,6 @@
   "settings.removeCellFilters.never": "Nunca",
   "settings.showCoordinates": "Coordenadas",
   "settings.showCoordinates.alternative": "Alternativa",
-  "settings.showCoordinates.hidden": "Oculto",
   "settings.showCoordinates.original": "Original",
   "words": "Palabras creadas",
   "words.invalid": "Incorrecto",

package/packages/scrabble-solver/src/i18n/languages/turkish.json

@@ -76,7 +76,6 @@
   "settings.removeCellFilters.never": "Asla",
   "settings.showCoordinates": "Koordinatlar",
   "settings.showCoordinates.alternative": "Alternatif",
-  "settings.showCoordinates.hidden": "Gizlenmiş",
   "settings.showCoordinates.original": "Orijinal",
   "words": "Oluşturulan kelimeler",
   "words.invalid": "Geçersiz",

package/packages/scrabble-solver/src/i18n/localeIcons.ts

@@ -0,0 +1,24 @@
+import { Locale } from '@scrabble-solver/types';
+import { type FunctionComponent, type SVGAttributes } from 'react';
+
+import FlagDe from '@/icons/FlagDe.svg';
+import FlagEs from '@/icons/FlagEs.svg';
+import FlagFa from '@/icons/FlagFa.svg';
+import FlagFr from '@/icons/FlagFr.svg';
+import FlagGb from '@/icons/FlagGb.svg';
+import FlagPl from '@/icons/FlagPl.svg';
+import FlagRo from '@/icons/FlagRo.svg';
+import FlagTr from '@/icons/FlagTr.svg';
+import FlagUs from '@/icons/FlagUs.svg';
+
+export const LOCALE_ICONS: Record<Locale, FunctionComponent<SVGAttributes<SVGElement>>> = {
+  [Locale.DE_DE]: FlagDe,
+  [Locale.EN_GB]: FlagGb,
+  [Locale.EN_US]: FlagUs,
+  [Locale.ES_ES]: FlagEs,
+  [Locale.FA_IR]: FlagFa,
+  [Locale.FR_FR]: FlagFr,
+  [Locale.PL_PL]: FlagPl,
+  [Locale.RO_RO]: FlagRo,
+  [Locale.TR_TR]: FlagTr,
+};

package/packages/scrabble-solver/src/lib/localeTransliterate.test.ts

@@ -5,9 +5,14 @@ import { localeTransliterate } from './localeTransliterate';
 describe('localeTransliterate', () => {
   it.each([
     { locale: Locale.ES_ES, word: 'bañó', expected: 'baño' },
+    { locale: Locale.ES_ES, word: 'pingüino', expected: 'pinguino' },
     { locale: Locale.FR_FR, word: 'très', expected: 'tres' },
+    { locale: Locale.FR_FR, word: 'garçon', expected: 'garcon' },
+    { locale: Locale.FR_FR, word: 'œuf', expected: 'oeuf' },
+    { locale: Locale.FR_FR, word: 'ex æquo', expected: 'ex aequo' },
     { locale: Locale.PL_PL, word: 'źdźbło', expected: 'źdźbło' },
     { locale: Locale.RO_RO, word: 'mămăligă', expected: 'mamaliga' },
+    { locale: Locale.RO_RO, word: 'așteaptă', expected: 'asteapta' },
   ])(`[$locale] "$word"`, ({ locale, word, expected }) => {
     expect(localeTransliterate(locale, word)).toEqual(expected);
   });

package/packages/scrabble-solver/src/lib/localeTransliterate.ts

@@ -1,18 +1,38 @@
 import { Locale } from '@scrabble-solver/types';
-import { transliterate } from 'transliteration';
+
+const COMBINING_MARKS = /[̀-ͯ]/g;
+
+const NON_DECOMPOSABLE: Record<string, string> = {
+  Æ: 'AE',
+  Œ: 'OE',
+  æ: 'ae',
+  œ: 'oe',
+};
 
 const transliteratePerLocale: Record<Locale, (word: string) => string> = {
   [Locale.DE_DE]: (word) => word,
   [Locale.EN_GB]: (word) => word,
   [Locale.EN_US]: (word) => word,
-  [Locale.ES_ES]: (word) => transliterate(word, { ignore: ['ñ', 'Ñ'] }),
+  [Locale.ES_ES]: (word) => foldDiacritics(word, ['ñ', 'Ñ']),
   [Locale.FA_IR]: (word) => word,
-  [Locale.FR_FR]: (word) => transliterate(word),
+  [Locale.FR_FR]: (word) => foldDiacritics(word),
   [Locale.PL_PL]: (word) => word,
-  [Locale.RO_RO]: (word) => transliterate(word),
+  [Locale.RO_RO]: (word) => foldDiacritics(word),
   [Locale.TR_TR]: (word) => word,
 };
 
-export const localeTransliterate = (locale: Locale, value: string): string => {
+export function localeTransliterate(locale: Locale, value: string): string {
   return transliteratePerLocale[locale](value);
-};
+}
+
+function foldDiacritics(word: string, ignore: readonly string[] = []): string {
+  return Array.from(word)
+    .map((character) => {
+      if (ignore.includes(character)) {
+        return character;
+      }
+
+      return NON_DECOMPOSABLE[character] ?? character.normalize('NFD').replace(COMBINING_MARKS, '');
+    })
+    .join('');
+}

package/packages/scrabble-solver/src/lib/waitForIdleOrFirstIntent.ts

@@ -0,0 +1,33 @@
+export function waitForIdleOrFirstIntent(): Promise<void> {
+  return new Promise((resolve) => {
+    const settle = () => {
+      window.removeEventListener('pointerdown', settle);
+      window.removeEventListener('keydown', settle);
+      resolve();
+    };
+
+    window.addEventListener('pointerdown', settle, { once: true });
+    window.addEventListener('keydown', settle, { once: true });
+    whenIdle(settle);
+  });
+}
+
+export function waitForIdle(): Promise<void> {
+  return new Promise((resolve) => whenIdle(resolve));
+}
+
+function whenIdle(callback: () => void): void {
+  const requestIdle = () => {
+    if ('requestIdleCallback' in window) {
+      window.requestIdleCallback(callback, { timeout: 5000 });
+    } else {
+      setTimeout(callback, 5000);
+    }
+  };
+
+  if (document.readyState === 'complete') {
+    requestIdle();
+  } else {
+    window.addEventListener('load', requestIdle, { once: true });
+  }
+}

package/packages/scrabble-solver/src/modals/DictionaryModal/DictionaryModal.module.scss.d.ts

@@ -0,0 +1,8 @@
+// Generated by scripts/generate-scss-types.ts - do not edit.
+declare const styles: {
+  readonly content: string;
+  readonly dictionary: string;
+  readonly dictionaryInput: string;
+};
+
+export default styles;