@scrabble-solver/scrabble-solver 2.15.13 → 2.15.15

package/.next/trace-build

@@ -0,0 +1 @@
+[{"name":"run-typescript","duration":2175226,"timestamp":7353403028,"id":13,"parentId":1,"tags":{},"startTime":1765217409878,"traceId":"2c6a9b8e4b3b2cff"},{"name":"run-turbopack","duration":2334309,"timestamp":7355580124,"id":15,"parentId":1,"tags":{},"startTime":1765217412055,"traceId":"2c6a9b8e4b3b2cff"},{"name":"static-check","duration":193050,"timestamp":7358348351,"id":17,"parentId":1,"tags":{},"startTime":1765217414823,"traceId":"2c6a9b8e4b3b2cff"},{"name":"static-generation","duration":568678,"timestamp":7358543899,"id":34,"parentId":1,"tags":{},"startTime":1765217415018,"traceId":"2c6a9b8e4b3b2cff"},{"name":"telemetry-flush","duration":25,"timestamp":7359120410,"id":45,"parentId":1,"tags":{},"startTime":1765217415595,"traceId":"2c6a9b8e4b3b2cff"},{"name":"next-build","duration":5923308,"timestamp":7353197131,"id":1,"tags":{"buildMode":"default","version":"16.0.7","bundler":"turbopack","has-custom-webpack-config":"false","use-build-worker":"true"},"startTime":1765217409672,"traceId":"2c6a9b8e4b3b2cff"}]

package/.next/types/routes.d.ts

@@ -0,0 +1,57 @@
+// This file is generated automatically by Next.js
+// Do not edit this file manually
+
+type AppRoutes = never
+type PageRoutes = "/" | "/not-found"
+type LayoutRoutes = never
+type RedirectRoutes = never
+type RewriteRoutes = never
+type Routes = AppRoutes | PageRoutes | LayoutRoutes | RedirectRoutes | RewriteRoutes
+
+
+interface ParamMap {
+  "/": {}
+  "/not-found": {}
+}
+
+
+export type ParamsOf<Route extends Routes> = ParamMap[Route]
+
+interface LayoutSlotMap {
+}
+
+
+export type { AppRoutes, PageRoutes, LayoutRoutes, RedirectRoutes, RewriteRoutes, ParamMap }
+
+declare global {
+  /**
+   * Props for Next.js App Router page components
+   * @example
+   * ```tsx
+   * export default function Page(props: PageProps<'/blog/[slug]'>) {
+   *   const { slug } = await props.params
+   *   return <div>Blog post: {slug}</div>
+   * }
+   * ```
+   */
+  interface PageProps<AppRoute extends AppRoutes> {
+    params: Promise<ParamMap[AppRoute]>
+    searchParams: Promise<Record<string, string | string[] | undefined>>
+  }
+
+  /**
+   * Props for Next.js App Router layout components
+   * @example
+   * ```tsx
+   * export default function Layout(props: LayoutProps<'/dashboard'>) {
+   *   return <div>{props.children}</div>
+   * }
+   * ```
+   */
+  type LayoutProps<LayoutRoute extends LayoutRoutes> = {
+    params: Promise<ParamMap[LayoutRoute]>
+    children: React.ReactNode
+  } & {
+    [K in LayoutSlotMap[LayoutRoute]]: React.ReactNode
+  }
+}

package/.next/types/validator.ts

@@ -0,0 +1,106 @@
+// This file is generated automatically by Next.js
+// Do not edit this file manually
+// This file validates that all pages and layouts export the correct types
+
+
+import type { NextApiHandler } from "next/types.js"
+
+type PagesPageConfig = {
+  default: React.ComponentType<any> | ((props: any) => React.ReactNode | Promise<React.ReactNode> | never | void)
+  getStaticProps?: (context: any) => Promise<any> | any
+  getStaticPaths?: (context: any) => Promise<any> | any
+  getServerSideProps?: (context: any) => Promise<any> | any
+  getInitialProps?: (context: any) => Promise<any> | any
+  /**
+   * Segment configuration for legacy Pages Router pages.
+   * Validated at build-time by parsePagesSegmentConfig.
+   */
+  config?: {
+    maxDuration?: number
+    runtime?: 'edge' | 'experimental-edge' | 'nodejs' | string // necessary unless config is exported as const
+    regions?: string[]
+  }
+}
+
+type ApiRouteConfig = {
+  default: (req: any, res: any) => ReturnType<NextApiHandler>
+  config?: {
+    api?: {
+      bodyParser?: boolean | { sizeLimit?: string }
+      responseLimit?: string | number | boolean
+      externalResolver?: boolean
+    }
+    runtime?: 'edge' | 'experimental-edge' | 'nodejs' | string // necessary unless config is exported as const
+    maxDuration?: number
+  }
+}
+
+
+
+
+
+
+// Validate ../../src/pages/index.tsx
+{
+  type __IsExpected<Specific extends PagesPageConfig> = Specific
+  const handler = {} as typeof import("../../src/pages/index.js")
+  type __Check = __IsExpected<typeof handler>
+  // @ts-ignore
+  type __Unused = __Check
+}
+
+// Validate ../../src/pages/not-found.tsx
+{
+  type __IsExpected<Specific extends PagesPageConfig> = Specific
+  const handler = {} as typeof import("../../src/pages/not-found.js")
+  type __Check = __IsExpected<typeof handler>
+  // @ts-ignore
+  type __Unused = __Check
+}
+
+// Validate ../../src/pages/api/dictionary/[locale]/[word].ts
+{
+  type __IsExpected<Specific extends ApiRouteConfig> = Specific
+  const handler = {} as typeof import("../../src/pages/api/dictionary/[locale]/[word].js")
+  type __Check = __IsExpected<typeof handler>
+  // @ts-ignore
+  type __Unused = __Check
+}
+
+// Validate ../../src/pages/api/dictionary/[locale]/index.ts
+{
+  type __IsExpected<Specific extends ApiRouteConfig> = Specific
+  const handler = {} as typeof import("../../src/pages/api/dictionary/[locale]/index.js")
+  type __Check = __IsExpected<typeof handler>
+  // @ts-ignore
+  type __Unused = __Check
+}
+
+// Validate ../../src/pages/api/solve.ts
+{
+  type __IsExpected<Specific extends ApiRouteConfig> = Specific
+  const handler = {} as typeof import("../../src/pages/api/solve.js")
+  type __Check = __IsExpected<typeof handler>
+  // @ts-ignore
+  type __Unused = __Check
+}
+
+// Validate ../../src/pages/api/verify.ts
+{
+  type __IsExpected<Specific extends ApiRouteConfig> = Specific
+  const handler = {} as typeof import("../../src/pages/api/verify.js")
+  type __Check = __IsExpected<typeof handler>
+  // @ts-ignore
+  type __Unused = __Check
+}
+
+// Validate ../../src/pages/api/visit.ts
+{
+  type __IsExpected<Specific extends ApiRouteConfig> = Specific
+  const handler = {} as typeof import("../../src/pages/api/visit.js")
+  type __Check = __IsExpected<typeof handler>
+  // @ts-ignore
+  type __Unused = __Check
+}
+
+

package/next-env.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
+import "./.next/types/routes.d.ts";
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/pages/api-reference/config/typescript for more information.

package/next.config.js

@@ -1,48 +1,25 @@
 /* eslint-disable @typescript-eslint/no-var-requires */
 
-const fs = require('fs');
 const path = require('path');
 const WorkboxPlugin = require('workbox-webpack-plugin');
 
-const tsConfig = fs.readFileSync(path.resolve(__dirname, 'tsconfig.json'), 'utf-8');
-const tsConfigJson = JSON.parse(tsConfig);
-const tsConfigAliases = Object.keys(tsConfigJson.compilerOptions.paths).reduce(
-  (result, key) => ({
-    ...result,
-    [key]: path.resolve(__dirname, tsConfigJson.compilerOptions.paths[key][0]),
-  }),
-  {},
-);
-
 module.exports = {
   compress: false,
   eslint: {
     ignoreDuringBuilds: true,
   },
   reactStrictMode: true,
-  webpack: (config) => ({
-    ...config,
-    resolve: {
-      ...config.resolve,
-      alias: {
-        ...config.resolve.alias,
-        ...tsConfigAliases,
+  sassOptions: {
+    loadPaths: ['./src',  path.join(__dirname, '../../node_modules/include-media/dist')],
+  },
+  turbopack: {
+    rules: {
+      '*.svg': {
+        loaders: ['@svgr/webpack'],
+        as: '*.js',
       },
     },
-    module: {
-      ...config.module,
-      rules: [
-        ...config.module.rules,
-        {
-          test: /\.svg$/,
-          include: [path.resolve(__dirname, 'src/icons')],
-          issuer: /\.tsx?$/,
-          use: ['@svgr/webpack'],
-        },
-      ],
-    },
     plugins: [
-      ...config.plugins,
       process.env.NODE_ENV === 'production'
         ? new WorkboxPlugin.InjectManifest({
             swSrc: path.join(__dirname, 'src/service-worker/index.ts'),
@@ -51,5 +28,5 @@ module.exports = {
           })
         : undefined,
     ].filter(Boolean),
-  }),
+  },
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scrabble-solver/scrabble-solver",
-  "version": "2.15.13",
+  "version": "2.15.15",
   "description": "Scrabble Solver 2 - App",
   "repository": {
     "type": "git",
@@ -25,52 +25,52 @@
     "type-check": "tsc --noEmit"
   },
   "dependencies": {
-    "@floating-ui/react": "^0.27.13",
+    "@floating-ui/react": "^0.27.16",
     "@kamilmielnik/trie": "^4.0.0",
-    "@reduxjs/toolkit": "^2.8.2",
-    "@scrabble-solver/configs": "^2.15.13",
-    "@scrabble-solver/constants": "^2.15.13",
-    "@scrabble-solver/dictionaries": "^2.15.13",
-    "@scrabble-solver/logger": "^2.15.13",
-    "@scrabble-solver/solver": "^2.15.13",
-    "@scrabble-solver/types": "^2.15.13",
-    "@scrabble-solver/word-definitions": "^2.15.13",
+    "@reduxjs/toolkit": "^2.11.1",
+    "@scrabble-solver/configs": "^2.15.15",
+    "@scrabble-solver/constants": "^2.15.15",
+    "@scrabble-solver/dictionaries": "^2.15.15",
+    "@scrabble-solver/logger": "^2.15.15",
+    "@scrabble-solver/solver": "^2.15.15",
+    "@scrabble-solver/types": "^2.15.15",
+    "@scrabble-solver/word-definitions": "^2.15.15",
     "classnames": "^2.5.1",
-    "env-cmd": "^10.1.0",
+    "env-cmd": "^11.0.0",
     "include-media": "^2.0.0",
     "include-media-query-builder": "^1.1.0",
-    "next": "^15.4.2",
+    "next": "^16.0.7",
     "normalize.css": "^8.0.1",
-    "react": "^19.1.0",
+    "react": "^19.2.1",
     "react-cool-onclickoutside": "^1.7.0",
-    "react-dom": "^19.1.0",
+    "react-dom": "^19.2.1",
     "react-highlight-words": "^0.21.0",
     "react-modal": "^3.16.3",
     "react-redux": "^9.2.0",
-    "react-window": "^1.8.11",
-    "redux-saga": "^1.3.0",
+    "react-window": "^2.2.3",
+    "redux-saga": "^1.4.2",
     "store2": "^2.14.4",
     "transliteration": "^2.3.5",
-    "use-debounce": "^10.0.5",
-    "workbox-expiration": "^7.3.0",
-    "workbox-precaching": "^7.3.0",
-    "workbox-routing": "^7.3.0",
-    "workbox-webpack-plugin": "^7.3.0",
-    "workbox-window": "^7.3.0"
+    "use-debounce": "^10.0.6",
+    "workbox-expiration": "^7.4.0",
+    "workbox-precaching": "^7.4.0",
+    "workbox-routing": "^7.4.0",
+    "workbox-webpack-plugin": "^7.4.0",
+    "workbox-window": "^7.4.0"
   },
   "devDependencies": {
     "@svgr/webpack": "^8.1.0",
     "@types/classnames": "^2.3.4",
-    "@types/react": "^19.1.8",
-    "@types/react-dom": "^19.1.6",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
     "@types/react-highlight-words": "^0.20.0",
     "@types/react-modal": "^3.16.3",
     "@types/react-portal": "^4.0.7",
     "@types/react-redux": "^7.1.34",
-    "@types/react-window": "^1.8.8",
+    "@types/react-window": "^2.0.0",
     "@types/redux": "^3.6.31",
     "@types/redux-saga": "^0.10.5",
-    "sass": "^1.89.2"
+    "sass": "^1.94.2"
   },
-  "gitHead": "fd3e02f7051acdb8cc6dd138a959679bc00f1ed6"
+  "gitHead": "5035e8363c499f920bec5790467723a4d0d9a4c7"
 }

package/src/components/Modal/Modal.tsx

@@ -46,6 +46,7 @@ const ModalBase: FunctionComponent<Props> = ({ children, className, footer, isOp
 
   useEffect(() => {
     if (isOpen) {
+      // eslint-disable-next-line react-hooks/set-state-in-effect
       setShouldReturnFocusAfterClose(true);
     }
   }, [isOpen]);

package/src/components/Results/Result.tsx

@@ -1,6 +1,7 @@
 import classNames from 'classnames';
-import { type CSSProperties, type FocusEventHandler, type MouseEventHandler, type ReactElement, useRef } from 'react';
+import { type FocusEventHandler, type MouseEventHandler, type ReactElement, useRef } from 'react';
 import Highlighter from 'react-highlight-words';
+import { type RowComponentProps } from 'react-window';
 
 import { useAppLayout, useColumns } from 'hooks';
 import { LOCALE_FEATURES } from 'i18n';
@@ -18,22 +19,17 @@ import { Cell } from './Cell';
 import styles from './Results.module.scss';
 import { type ResultData } from './types';
 
-interface Props {
-  data: ResultData;
-  index: number;
-  style?: CSSProperties;
-}
-
-export const Result = ({ data, index, style }: Props): ReactElement => {
-  const {
-    highlightedIndex,
-    results = [],
-    onBlur = noop,
-    onClick = noop,
-    onFocus = noop,
-    onMouseEnter = noop,
-    onMouseLeave = noop,
-  } = data;
+export const Result = ({
+  index,
+  highlightedIndex,
+  results = [],
+  onBlur = noop,
+  onClick = noop,
+  onFocus = noop,
+  onMouseEnter = noop,
+  onMouseLeave = noop,
+  style,
+}: RowComponentProps<ResultData>): ReactElement => {
   const { resultWordWidth } = useAppLayout();
   const ref = useRef<HTMLButtonElement>(null);
   const columns = useColumns();

package/src/components/Results/Results.tsx

@@ -1,17 +1,17 @@
 import classNames from 'classnames';
-import { type FunctionComponent, useEffect, useMemo, useState } from 'react';
-import { FixedSizeList } from 'react-window';
+import { useEffect, useMemo, type FunctionComponent } from 'react';
+import { List, useListRef } from 'react-window';
 import { useDebounce } from 'use-debounce';
 
-import { useAppLayout, useLatest } from 'hooks';
+import { useLatest } from 'hooks';
 import { LOCALE_FEATURES } from 'i18n';
-import { BORDER_WIDTH, RESULTS_HEADER_HEIGHT, RESULTS_ITEM_HEIGHT, TEXT_INPUT_HEIGHT } from 'parameters';
+import { RESULTS_ITEM_HEIGHT } from 'parameters';
 import {
   selectAreResultsOutdated,
-  selectSolveIsLoading,
   selectLocale,
   selectProcessedResults,
   selectSolveError,
+  selectSolveIsLoading,
   useTranslate,
   useTypedSelector,
 } from 'state';
@@ -36,7 +36,6 @@ const IS_LOADING_DEBOUNCE = 100;
 
 export const Results: FunctionComponent<Props> = ({ callbacks, className, highlightedIndex }) => {
   const translate = useTranslate();
-  const { resultsHeight, resultsWidth } = useAppLayout();
   const locale = useTypedSelector(selectLocale);
   const { direction } = LOCALE_FEATURES[locale];
   const results = useTypedSelector(selectProcessedResults);
@@ -44,22 +43,25 @@ export const Results: FunctionComponent<Props> = ({ callbacks, className, highli
   const [isLoadingDebounced] = useDebounce(isLoading, IS_LOADING_DEBOUNCE);
   const isOutdated = useTypedSelector(selectAreResultsOutdated);
   const error = useTypedSelector(selectSolveError);
-  const itemData = useMemo(() => ({ ...callbacks, highlightedIndex, results }), [callbacks, highlightedIndex, results]);
-  const [listRef, setListRef] = useState<FixedSizeList<ResultData> | null>(null);
+  const itemData = useMemo<ResultData>(
+    () => ({ ...callbacks, highlightedIndex, results }),
+    [callbacks, highlightedIndex, results],
+  );
+  const listRef = useListRef(null);
   const scrollToIndex = typeof highlightedIndex === 'number' ? highlightedIndex : 0;
   const scrollToIndexRef = useLatest(scrollToIndex);
   const hasResults = typeof error === 'undefined' && typeof results !== 'undefined';
   const showInput = hasResults && results.length > 0 && !isOutdated;
-  const height = resultsHeight - RESULTS_HEADER_HEIGHT - (showInput ? TEXT_INPUT_HEIGHT : 0) - 2 * BORDER_WIDTH;
-  const width = resultsWidth - 2 * BORDER_WIDTH;
 
   useEffect(() => {
     // without setTimeout, the initial scrolling offset is calculated
     // incorrectly, as the list is not fully rendered by the browser yet
     const timeout = globalThis.setTimeout(() => {
-      if (listRef) {
-        listRef.scrollToItem(scrollToIndexRef.current, 'center');
-      }
+      listRef.current?.scrollToRow({
+        align: 'center',
+        behavior: 'instant',
+        index: scrollToIndexRef.current,
+      });
     }, 0);
 
     return () => {
@@ -104,20 +106,17 @@ export const Results: FunctionComponent<Props> = ({ callbacks, className, highli
 
             {!isOutdated && results.length > 0 && (
               <div className={styles.listContainer}>
-                <FixedSizeList
+                <List
                   className={classNames(styles.list, {
                     [styles.outdated]: isOutdated,
                   })}
-                  direction={direction}
-                  height={height}
-                  itemCount={results.length}
-                  itemData={itemData}
-                  itemSize={RESULTS_ITEM_HEIGHT}
-                  ref={setListRef}
-                  width={width}
-                >
-                  {Result}
-                </FixedSizeList>
+                  dir={direction}
+                  listRef={listRef}
+                  rowComponent={Result}
+                  rowCount={results.length}
+                  rowHeight={RESULTS_ITEM_HEIGHT}
+                  rowProps={itemData}
+                />
               </div>
             )}
           </>

package/src/hooks/useMedia.ts

@@ -22,6 +22,7 @@ export const useMedia = (query: string, defaultState?: boolean) => {
       setState(mediaQuery.matches);
     };
 
+    // eslint-disable-next-line react-hooks/set-state-in-effect
     setState(mediaQuery.matches);
     mediaQuery.addEventListener('change', handleChange);
 

package/src/pages/_app.tsx

@@ -7,7 +7,7 @@ import { Provider } from 'react-redux';
 import { SeoMessage } from 'components';
 import { store } from 'state';
 
-import 'styles/global.scss';
+import '../styles/global.scss';
 
 const DESCRIPTION =
   // eslint-disable-next-line max-len

package/src/pages/{404.tsx → not-found.tsx}

@@ -1,3 +1,5 @@
+'use-client';
+
 import { NotFound } from 'components';
 
 export default NotFound;

package/src/state/cellFilters/slice.ts

@@ -41,8 +41,7 @@ export const cellFiltersSlice = createSlice({
 
     removeCells: (state, action: PayloadAction<Cell[]>) => {
       const cellsToRemove = action.payload;
-      return state.filter((entry) =>
-        cellsToRemove.every((cell) => cell.x !== entry.x || cell.y !== entry.y));
+      return state.filter((entry) => cellsToRemove.every((cell) => cell.x !== entry.x || cell.y !== entry.y));
     },
 
     reset: () => cellFiltersInitialState,

package/src/state/settings/selectors.ts

@@ -66,4 +66,3 @@ export const selectCellIsValid = createSelector([selectConfig, selectCell], (con
 export const selectTranslations = createSelector([selectLocale], (locale) => i18n[locale]);
 
 export const selectRemoveCellFilters = createSelector([selectSettings], (settings) => settings.removeCellFilters);
-

package/src/styles/global.scss

@@ -1,4 +1,4 @@
-@import '~normalize.css';
+@import 'normalize.css';
 
 @import './mixins';
 @import './variables';

package/src/styles/variables.scss

@@ -62,8 +62,8 @@ $easeOutSine: cubic-bezier(0.61, 1, 0.88, 1);
   --color--tooltip--foreground: var(--color--white);
 
   --font--family: system-ui, sans-serif;
-  --font--family--monospace: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono',
-    monospace;
+  --font--family--monospace:
+    ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace;
   --font--size--h1: 30px;
   --font--size--h2: 22px;
   --font--size--h3: 18px;

package/.next/server/InjectManifest.js.nft.json

@@ -1 +0,0 @@
-{"version":1,"files":["../../public/service-worker.js"]}