@scrabble-solver/scrabble-solver 2.16.7 → 2.18.0

package/src/components/index.ts

@@ -1,26 +0,0 @@
-export { Alert } from './Alert';
-export { Badge } from './Badge';
-export { Board } from './Board';
-export { Button } from './Button';
-export { Dictionary } from './Dictionary';
-export { DictionaryInput } from './DictionaryInput';
-export { EmptyState } from './EmptyState';
-export { IconButton } from './IconButton';
-export { Key } from './Key';
-export { Loading } from './Loading';
-export { Logo } from './Logo';
-export { Modal } from './Modal';
-export { NavButtons } from './NavButtons';
-export { NotFound } from './NotFound';
-export { PlainTiles } from './PlainTiles';
-export { Progress } from './Progress';
-export { Rack } from './Rack';
-export { Radio } from './Radio';
-export { Results } from './Results';
-export { ResultsInput } from './ResultsInput';
-export { SeoMessage } from './SeoMessage';
-export { Solver } from './Solver';
-export { Spinner } from './Spinner';
-export { Tile } from './Tile';
-export * from './Keys';
-export * from './Tooltip';

package/src/hooks/index.ts

@@ -1,12 +0,0 @@
-export { useColumns } from './useColumns';
-export { useDirection } from './useDirection';
-export { useEffectOnce } from './useEffectOnce';
-export { useIsTouchDevice } from './useIsTouchDevice';
-export { useLanguage } from './useLanguage';
-export { useLatest } from './useLatest';
-export { useLocalStorage } from './useLocalStorage';
-export { useMedia } from './useMedia';
-export { useMediaQueries } from './useMediaQueries';
-export { useMediaQuery } from './useMediaQuery';
-export { useOnWindowResize } from './useOnWindowResize';
-export { useViewportSize } from './useViewportSize';

package/src/hooks/useOnWindowResize.ts

@@ -1,11 +0,0 @@
-import { useEffect } from 'react';
-
-export const useOnWindowResize = (onResize: (event: Event) => void) => {
-  useEffect(() => {
-    window.addEventListener('resize', onResize);
-
-    return () => {
-      window.removeEventListener('resize', onResize);
-    };
-  }, [onResize]);
-};

package/src/hooks/useViewportSize.ts

@@ -1,17 +0,0 @@
-import { useCallback, useState } from 'react';
-
-import { useOnWindowResize } from './useOnWindowResize';
-
-export const useViewportSize = () => {
-  const [viewportHeight, setViewportHeight] = useState(typeof window === 'undefined' ? 0 : window.innerHeight);
-  const [viewportWidth, setViewportWidth] = useState(typeof window === 'undefined' ? 0 : window.innerWidth);
-
-  const handleWindowResize = useCallback(() => {
-    setViewportHeight(window.innerHeight);
-    setViewportWidth(window.innerWidth);
-  }, []);
-
-  useOnWindowResize(handleWindowResize);
-
-  return { viewportHeight, viewportWidth };
-};

package/src/i18n/index.ts

@@ -1,2 +0,0 @@
-export * from './constants';
-export { i18n } from './i18n';

package/src/icons/Flag.svg

@@ -1,4 +0,0 @@
-<!-- https://icons.getbootstrap.com/icons/flag/ -->
-<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
-  <path d="M14.778.085A.5.5 0 0 1 15 .5V8a.5.5 0 0 1-.314.464L14.5 8l.186.464-.003.001-.006.003-.023.009a12.435 12.435 0 0 1-.397.15c-.264.095-.631.223-1.047.35-.816.252-1.879.523-2.71.523-.847 0-1.548-.28-2.158-.525l-.028-.01C7.68 8.71 7.14 8.5 6.5 8.5c-.7 0-1.638.23-2.437.477A19.626 19.626 0 0 0 3 9.342V15.5a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 1 0v.282c.226-.079.496-.17.79-.26C4.606.272 5.67 0 6.5 0c.84 0 1.524.277 2.121.519l.043.018C9.286.788 9.828 1 10.5 1c.7 0 1.638-.23 2.437-.477a19.587 19.587 0 0 0 1.349-.476l.019-.007.004-.002h.001M14 1.221c-.22.078-.48.167-.766.255-.81.252-1.872.523-2.734.523-.886 0-1.592-.286-2.203-.534l-.008-.003C7.662 1.21 7.139 1 6.5 1c-.669 0-1.606.229-2.415.478A21.294 21.294 0 0 0 3 1.845v6.433c.22-.078.48-.167.766-.255C4.576 7.77 5.638 7.5 6.5 7.5c.847 0 1.548.28 2.158.525l.028.01C9.32 8.29 9.86 8.5 10.5 8.5c.668 0 1.606-.229 2.415-.478A21.317 21.317 0 0 0 14 7.655V1.222z" fill="currentColor" />
-</svg>

package/src/icons/Star.svg

@@ -1,4 +0,0 @@
-<!-- https://icons.getbootstrap.com/icons/star-fill/ -->
-<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
-  <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" fill="currentColor" />
-</svg>

package/src/icons/index.ts

@@ -1,49 +0,0 @@
-export { default as ArrowDown } from './ArrowDown.svg';
-export { default as ArrowLeft } from './ArrowLeft.svg';
-export { default as ArrowRight } from './ArrowRight.svg';
-export { default as ArrowUp } from './ArrowUp.svg';
-export { default as Ban } from './Ban.svg';
-export { default as BookHalf } from './BookHalf.svg';
-export { default as CardChecklist } from './CardChecklist.svg';
-export { default as Check } from './Check.svg';
-export { default as ChevronDown } from './ChevronDown.svg';
-export { default as ChevronLeft } from './ChevronLeft.svg';
-export { default as ChevronRight } from './ChevronRight.svg';
-export { default as Cog } from './Cog.svg';
-export { default as Cross } from './Cross.svg';
-export { default as CrossCircleFill } from './CrossCircleFill.svg';
-export { default as CrossSquareFill } from './CrossSquareFill.svg';
-export { default as DashCircleFill } from './DashCircleFill.svg';
-export { default as Eraser } from './Eraser.svg';
-export { default as ExclamationSquareFill } from './ExclamationSquareFill.svg';
-export { default as ExclamationTriangleFill } from './ExclamationTriangleFill.svg';
-export { default as EyeFill } from './EyeFill.svg';
-export { default as Flag } from './Flag.svg';
-export { default as FlagDe } from './FlagDe.svg';
-export { default as FlagEs } from './FlagEs.svg';
-export { default as FlagFa } from './FlagFa.svg';
-export { default as FlagFill } from './FlagFill.svg';
-export { default as FlagFr } from './FlagFr.svg';
-export { default as FlagGb } from './FlagGb.svg';
-export { default as FlagPl } from './FlagPl.svg';
-export { default as FlagRo } from './FlagRo.svg';
-export { default as FlagTr } from './FlagTr.svg';
-export { default as FlagUs } from './FlagUs.svg';
-export { default as GeoAlt } from './GeoAlt.svg';
-export { default as Github } from './Github.svg';
-export { default as InfoCircleFill } from './InfoCircleFill.svg';
-export { default as Keyboard } from './Keyboard.svg';
-export { default as KeyboardFill } from './KeyboardFill.svg';
-export { default as List } from './List.svg';
-export { default as OneTwoThree } from './OneTwoThree.svg';
-export { default as Sack } from './Sack.svg';
-export { default as Search } from './Search.svg';
-export { default as SortDown } from './SortDown.svg';
-export { default as SortUp } from './SortUp.svg';
-export { default as Square } from './Square.svg';
-export { default as SquareA } from './SquareA.svg';
-export { default as SquareB } from './SquareB.svg';
-export { default as SquareFill } from './SquareFill.svg';
-export { default as Squares } from './Squares.svg';
-export { default as Star } from './Star.svg';
-export { default as Words } from './Words.svg';

package/src/lib/getTileSizes.ts

@@ -1,13 +0,0 @@
-import { BOARD_TILE_FONT_SIZE_MIN, BOARD_TILE_FONT_SIZE_POINTS_MIN } from '@/parameters';
-
-interface TileSizes {
-  pointsFontSize: number;
-  tileFontSize: number;
-  tileSize: number;
-}
-
-export const getTileSizes = (tileSize: number): TileSizes => ({
-  pointsFontSize: Math.max(Math.round(tileSize * 0.25), BOARD_TILE_FONT_SIZE_POINTS_MIN),
-  tileFontSize: Math.max(Math.round(tileSize * 0.6), BOARD_TILE_FONT_SIZE_MIN),
-  tileSize,
-});

package/src/lib/index.ts

@@ -1,24 +0,0 @@
-export { arrayEquals } from './arrayEquals';
-export { createComparator } from './createComparator';
-export { createKeyboardNavigation } from './createKeyboardNavigation';
-export { createKeyComparator } from './createKeyComparator';
-export { createNullMovingComparator } from './createNullMovingComparator';
-export { createRegExp } from './createRegExp';
-export { createStringComparator } from './createStringComparator';
-export { extractCharacters } from './extractCharacters';
-export { extractInputValue } from './extractInputValue';
-export { findCell } from './findCell';
-export { getCoordinate } from './getCoordinate';
-export { getTileSizes } from './getTileSizes';
-export { inverseDirection } from './inverseDirection';
-export { isCtrl } from './isCtrl';
-export { isMac } from './isMac';
-export { isRegExp } from './isRegExp';
-export { isStringArray } from './isStringArray';
-export { localeTransliterate } from './localeTransliterate';
-export { memoize } from './memoize';
-export { noop } from './noop';
-export { numberComparator } from './numberComparator';
-export { reverseComparator } from './reverseComparator';
-export { unorderedArraysEqual } from './unorderedArraysEqual';
-export { zipCharactersAndTiles } from './zipCharactersAndTiles';

package/src/modals/index.ts

@@ -1,7 +0,0 @@
-export { DictionaryModal } from './DictionaryModal';
-export { KeyMapModal } from './KeyMapModal';
-export { MenuModal } from './MenuModal';
-export { RemainingTilesModal } from './RemainingTilesModal';
-export { ResultsModal } from './ResultsModal';
-export { SettingsModal } from './SettingsModal';
-export { WordsModal } from './WordsModal';

package/src/sdk/getDictionary.ts

@@ -1,9 +0,0 @@
-import { Trie } from '@kamilmielnik/trie';
-import { type Locale } from '@scrabble-solver/types';
-
-import { fetchJson } from './fetchJson';
-
-export const getDictionary = async (locale: Locale): Promise<Trie> => {
-  const serialized = await fetchJson<string>(`/api/dictionary/${locale}`);
-  return Trie.deserialize(serialized);
-};

package/src/service-worker/average.ts

@@ -1,7 +0,0 @@
-export const average = (numbers: number[]): number => {
-  if (numbers.length === 0) {
-    return 0;
-  }
-
-  return numbers.reduce((sum, value) => sum + value, 0) / numbers.length;
-};

package/src/service-worker/dictionaries/constants.ts

@@ -1,5 +0,0 @@
-export const DICTIONARY_CACHE = 'dictionary-api-cache';
-
-export const DAY = 24 * 60 * 60 * 1000;
-
-export const DICTIONARY_CACHE_MAX_AGE = 1 * DAY; // eslint-disable-line no-implicit-coercion

package/src/service-worker/dictionaries/getDictionary.ts

@@ -1,20 +0,0 @@
-import { type Locale } from '@scrabble-solver/types';
-
-import { DICTIONARY_CACHE } from './constants';
-import { expirationManager } from './expirationManager';
-import { getDictionaryUrl } from './getDictionaryUrl';
-
-export const getDictionary = async (locale: Locale): Promise<string | undefined> => {
-  await expirationManager.expireEntries();
-
-  const url = getDictionaryUrl(locale);
-  const cache = await caches.open(DICTIONARY_CACHE);
-  const cached = await cache.match(url);
-
-  if (typeof cached === 'undefined') {
-    return undefined;
-  }
-
-  const serialized = await cached.clone().text();
-  return serialized;
-};

package/src/service-worker/dictionaries/index.ts

@@ -1,2 +0,0 @@
-export { getDictionary } from './getDictionary';
-export { revalidateDictionary } from './revalidateDictionary';

package/src/service-worker/dictionaries/revalidateDictionary.ts

@@ -1,33 +0,0 @@
-import { type Locale } from '@scrabble-solver/types';
-
-import { DICTIONARY_CACHE } from './constants';
-import { expirationManager } from './expirationManager';
-import { getDictionaryUrl } from './getDictionaryUrl';
-
-const requests: Partial<Record<Locale, Promise<Response> | undefined>> = {};
-
-export const revalidateDictionary = async (locale: Locale): Promise<void> => {
-  if (requests[locale] instanceof Promise) {
-    return;
-  }
-
-  let response: Response | undefined;
-  const url = getDictionaryUrl(locale);
-  const request = fetch(url);
-  requests[locale] = request;
-
-  try {
-    response = await request;
-
-    if (!response.ok) {
-      requests[locale] = undefined;
-      throw new Error(`HTTP ${response.status}: ${response.statusText}`);
-    }
-
-    const cache = await caches.open(DICTIONARY_CACHE);
-    await cache.put(url, response.clone());
-    await expirationManager.updateTimestamp(url);
-  } finally {
-    requests[locale] = undefined;
-  }
-};

package/src/service-worker/getTrie.ts

@@ -1,24 +0,0 @@
-import { Trie } from '@kamilmielnik/trie';
-import { type Locale } from '@scrabble-solver/types';
-
-import { getDictionary } from './dictionaries';
-
-const cache: Partial<Record<Locale, { trie: Trie; dictionary: string } | undefined>> = {};
-
-export const getTrie = async (locale: Locale): Promise<Trie | undefined> => {
-  const dictionary = await getDictionary(locale);
-
-  if (typeof dictionary === 'undefined') {
-    return undefined;
-  }
-
-  const cached = cache[locale];
-
-  if (typeof cached === 'undefined' || cached.dictionary !== dictionary) {
-    const trie = Trie.deserialize(dictionary);
-    cache[locale] = { dictionary, trie };
-    return trie;
-  }
-
-  return cached.trie;
-};

package/src/service-worker/routeSolveRequests.ts

@@ -1,91 +0,0 @@
-import { type Trie } from '@kamilmielnik/trie';
-import { getConfig } from '@scrabble-solver/configs';
-import { BLANK } from '@scrabble-solver/constants';
-import { solve } from '@scrabble-solver/solver';
-import { Board, Tile } from '@scrabble-solver/types';
-import { registerRoute } from 'workbox-routing';
-
-import { type SolveRequestPayload } from '@/types';
-
-import { average } from './average';
-import { revalidateDictionary } from './dictionaries';
-import { getTrie } from './getTrie';
-
-const headers = {
-  'Content-Type': 'application/json; charset=utf-8',
-};
-
-const MIN_MEASUREMENTS = 5;
-const localDurations: number[] = [];
-const serverDurations: number[] = [];
-
-export const routeSolveRequests = () => {
-  registerRoute(
-    ({ url }) => url.origin === location.origin && url.pathname === '/api/solve',
-    async ({ request }) => {
-      const requestJson: SolveRequestPayload = await request.clone().json();
-      const { board, characters, game, locale } = requestJson;
-
-      const solveLocal = async (trie: Trie): Promise<Response> => {
-        const config = getConfig(game, locale);
-        const tiles = characters.map((character: string) => new Tile({ character, isBlank: character === BLANK }));
-
-        return new Promise((resolve) => {
-          const resultsJson = solve(trie, config, Board.fromJson(board), tiles);
-          const responseJson = JSON.stringify(resultsJson);
-          resolve(new Response(responseJson, { headers }));
-        });
-      };
-
-      const solveServer = () => fetch(request);
-
-      const trie = await getTrie(locale);
-
-      if (trie && typeof isSlowDevice() === 'undefined') {
-        const response = await Promise.race([
-          (async () => {
-            const start = Date.now();
-            const result = solveLocal(trie);
-            localDurations.push(Date.now() - start);
-            return result;
-          })(),
-          (async () => {
-            const start = Date.now();
-            const result = await solveServer();
-            serverDurations.push(Date.now() - start);
-            return result;
-          })(),
-        ]);
-
-        // eslint-disable-next-line @typescript-eslint/no-floating-promises
-        revalidateDictionary(locale);
-        return response;
-      }
-
-      const handleSolve = trie && !isSlowDevice() ? () => solveLocal(trie) : () => solveServer();
-      const response = await handleSolve();
-      // eslint-disable-next-line @typescript-eslint/no-floating-promises
-      revalidateDictionary(locale);
-      return response;
-    },
-    'POST',
-  );
-};
-
-const isSlowDevice = (): boolean | undefined => {
-  if (localDurations.length < MIN_MEASUREMENTS || serverDurations.length < MIN_MEASUREMENTS) {
-    return undefined;
-  }
-
-  const count = Math.min(localDurations.length, serverDurations.length);
-  const local = localDurations
-    .slice(0, count)
-    .sort((a, b) => a - b)
-    .slice(1, -1);
-  const server = localDurations
-    .slice(0, count)
-    .sort((a, b) => a - b)
-    .slice(1, -1);
-
-  return average(local) > average(server);
-};

package/src/service-worker/routeVerifyRequests.ts

@@ -1,37 +0,0 @@
-import { Board } from '@scrabble-solver/types';
-import { registerRoute } from 'workbox-routing';
-
-import { type VerifyRequestPayload } from '@/types';
-
-import { revalidateDictionary } from './dictionaries';
-import { getTrie } from './getTrie';
-
-const headers = {
-  'Content-Type': 'application/json; charset=utf-8',
-};
-
-export const routeVerifyRequests = () => {
-  registerRoute(
-    ({ url }) => url.origin === location.origin && url.pathname === '/api/verify',
-    async ({ request }) => {
-      const requestJson: VerifyRequestPayload = await request.clone().json();
-      const { board: boardJson, locale } = requestJson;
-      const trie = await getTrie(locale);
-
-      if (!trie) {
-        const response = await fetch(request);
-        // eslint-disable-next-line @typescript-eslint/no-floating-promises
-        revalidateDictionary(locale);
-        return response;
-      }
-
-      const board = Board.fromJson(boardJson);
-      const words = board.getWords().sort((a, b) => a.localeCompare(b, locale));
-      const invalidWords = words.filter((word) => !trie.has(word));
-      const validWords = words.filter((word) => trie.has(word));
-      const json = JSON.stringify({ invalidWords, validWords });
-      return new Response(json, { headers });
-    },
-    'POST',
-  );
-};