@scrabble-solver/scrabble-solver 2.15.24 → 2.16.0-alpha.0

package/.next/trace-build

@@ -1 +1 @@
-[{"name":"run-typescript","duration":1924166,"timestamp":5612708199,"id":13,"parentId":1,"tags":{},"startTime":1776200797413,"traceId":"a247f46abd30b936"},{"name":"run-webpack","duration":6261220,"timestamp":5614634557,"id":15,"parentId":1,"tags":{},"startTime":1776200799339,"traceId":"a247f46abd30b936"},{"name":"static-check","duration":185822,"timestamp":5620982865,"id":2016,"parentId":1,"tags":{},"startTime":1776200805688,"traceId":"a247f46abd30b936"},{"name":"static-generation","duration":834210,"timestamp":5621177262,"id":2034,"parentId":1,"tags":{},"startTime":1776200805882,"traceId":"a247f46abd30b936"},{"name":"collect-build-traces","duration":3625253,"timestamp":5621169330,"id":2031,"parentId":1,"tags":{},"startTime":1776200805874,"traceId":"a247f46abd30b936"},{"name":"telemetry-flush","duration":18,"timestamp":5624795666,"id":2046,"parentId":1,"tags":{},"startTime":1776200809500,"traceId":"a247f46abd30b936"},{"name":"next-build","duration":12329041,"timestamp":5612466647,"id":1,"tags":{"buildMode":"default","version":"16.2.3","bundler":"webpack","has-custom-webpack-config":"true","use-build-worker":"false"},"startTime":1776200797171,"traceId":"a247f46abd30b936"}]
+[{"name":"run-typescript","duration":1832072,"timestamp":29046060526,"id":13,"parentId":1,"tags":{},"startTime":1777330632146,"traceId":"5a0863a77c30228d"},{"name":"run-webpack","duration":6043991,"timestamp":29047895951,"id":15,"parentId":1,"tags":{},"startTime":1777330633981,"traceId":"5a0863a77c30228d"},{"name":"static-check","duration":194630,"timestamp":29054008471,"id":2025,"parentId":1,"tags":{},"startTime":1777330640094,"traceId":"5a0863a77c30228d"},{"name":"static-generation","duration":826329,"timestamp":29054211309,"id":2043,"parentId":1,"tags":{},"startTime":1777330640296,"traceId":"5a0863a77c30228d"},{"name":"collect-build-traces","duration":3614152,"timestamp":29054203599,"id":2040,"parentId":1,"tags":{},"startTime":1777330640289,"traceId":"5a0863a77c30228d"},{"name":"telemetry-flush","duration":23,"timestamp":29057818939,"id":2055,"parentId":1,"tags":{},"startTime":1777330643904,"traceId":"5a0863a77c30228d"},{"name":"next-build","duration":11985326,"timestamp":29045833640,"id":1,"tags":{"buildMode":"default","version":"16.2.4","bundler":"webpack","has-custom-webpack-config":"true","use-build-worker":"false"},"startTime":1777330631919,"traceId":"5a0863a77c30228d"}]

package/README.md

@@ -6,14 +6,14 @@ Available at: https://scrabble-solver.org/
 
 ## Scripts
 
-### `npm run build`
+### `bun run build`
 
 Run production build and place the output in `./next/`.
 
-### `npm run dev`
+### `bun run dev`
 
 Run development server with hot-reload.
 
-### `npm start`
+### `bun start`
 
 Run production server.

package/next.config.js

@@ -8,6 +8,7 @@ module.exports = {
   reactStrictMode: true,
   sassOptions: {
     loadPaths: ['./src', path.join(__dirname, '../../node_modules/include-media/dist')],
+    quietDeps: true,
   },
   webpack(config, { isServer, dev }) {
     config.module.rules.push({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scrabble-solver/scrabble-solver",
-  "version": "2.15.24",
+  "version": "2.16.0-alpha.0",
   "description": "Scrabble Solver 2 - App",
   "repository": {
     "type": "git",
@@ -22,24 +22,25 @@
     "debug": "NODE_OPTIONS='--inspect' next dev --webpack",
     "dev": "env-cmd next dev --webpack",
     "start": "env-cmd next start -p 3333",
-    "type-check": "tsc --noEmit"
+    "test": "bun test --timeout 180000 src",
+    "type-check": "tsgo --noEmit"
   },
   "dependencies": {
     "@floating-ui/react": "^0.27.19",
     "@kamilmielnik/trie": "^4.0.0",
     "@reduxjs/toolkit": "^2.11.2",
-    "@scrabble-solver/configs": "^2.15.24",
-    "@scrabble-solver/constants": "^2.15.24",
-    "@scrabble-solver/dictionaries": "^2.15.24",
-    "@scrabble-solver/logger": "^2.15.24",
-    "@scrabble-solver/solver": "^2.15.24",
-    "@scrabble-solver/types": "^2.15.24",
-    "@scrabble-solver/word-definitions": "^2.15.24",
+    "@scrabble-solver/configs": "^2.16.0-alpha.0",
+    "@scrabble-solver/constants": "^2.16.0-alpha.0",
+    "@scrabble-solver/dictionaries": "^2.16.0-alpha.0",
+    "@scrabble-solver/logger": "^2.16.0-alpha.0",
+    "@scrabble-solver/solver": "^2.16.0-alpha.0",
+    "@scrabble-solver/types": "^2.16.0-alpha.0",
+    "@scrabble-solver/word-definitions": "^2.16.0-alpha.0",
     "classnames": "^2.5.1",
     "env-cmd": "^11.0.0",
     "include-media": "^2.0.0",
     "include-media-query-builder": "^1.1.0",
-    "next": "^16.2.3",
+    "next": "^16.2.4",
     "normalize.css": "^8.0.1",
     "react": "^19.2.5",
     "react-cool-onclickoutside": "^1.7.0",
@@ -69,5 +70,5 @@
     "@types/redux": "^3.6.31",
     "sass": "^1.99.0"
   },
-  "gitHead": "28330eeb094266d16a0e2c80f3333f534c70dea1"
+  "gitHead": "c9d35d0e7f7c187fbd2b0eaf04d621595e520bd9"
 }

package/src/@types/scss.d.ts

@@ -1,3 +1,8 @@
+declare module '*.module.scss' {
+  const classesMap: Record<string, string>;
+  export default classesMap;
+}
+
 declare module '*.scss' {
   const classesMap: Record<string, string>;
   export default classesMap;

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

@@ -1,5 +1,5 @@
-@import 'styles/animations';
-@import 'styles/mixins';
+@use 'styles/animations';
+@use 'styles/mixins' as *;
 
 .board {
   display: grid;

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

@@ -1,4 +1,4 @@
-@import 'styles/mixins';
+@use 'styles/mixins' as *;
 
 .actions {
   display: flex;

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

@@ -1,4 +1,4 @@
-@import 'styles/mixins';
+@use 'styles/mixins' as *;
 
 @mixin lighthouse-input-size-hack {
   // Hack for this Lighthouse warning:
@@ -10,21 +10,31 @@
     inset: -100%;
     width: 300%;
     height: 300%;
-    clip-path: inset((100% / 3));
+    clip-path: inset(calc(100% / 3));
   }
 
   [dir='ltr'] & {
     &.first3 {
       input {
         left: 0;
-        clip-path: polygon(0 (100% / 3), (100% / 3) (100% / 3), (100% / 3) (200% / 3), 0 (200% / 3));
+        clip-path: polygon(
+          0 calc(100% / 3),
+          calc(100% / 3) calc(100% / 3),
+          calc(100% / 3) calc(200% / 3),
+          0 calc(200% / 3)
+        );
       }
     }
 
     &.last3 {
       input {
         left: -200%;
-        clip-path: polygon((200% / 3) (100% / 3), 100% (100% / 3), 100% (200% / 3), (200% / 3) (200% / 3));
+        clip-path: polygon(
+          calc(200% / 3) calc(100% / 3),
+          100% calc(100% / 3),
+          100% calc(200% / 3),
+          calc(200% / 3) calc(200% / 3)
+        );
       }
     }
   }
@@ -34,7 +44,12 @@
       input {
         left: -200%;
         right: 0;
-        clip-path: polygon((200% / 3) (100% / 3), 100% (100% / 3), 100% (200% / 3), (200% / 3) (200% / 3));
+        clip-path: polygon(
+          calc(200% / 3) calc(100% / 3),
+          100% calc(100% / 3),
+          100% calc(200% / 3),
+          calc(200% / 3) calc(200% / 3)
+        );
       }
     }
 
@@ -42,7 +57,12 @@
       input {
         left: 0;
         right: -200%;
-        clip-path: polygon(0 (100% / 3), (100% / 3) (100% / 3), (100% / 3) (200% / 3), 0 (200% / 3));
+        clip-path: polygon(
+          0 calc(100% / 3),
+          calc(100% / 3) calc(100% / 3),
+          calc(100% / 3) calc(200% / 3),
+          0 calc(200% / 3)
+        );
       }
     }
   }

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

@@ -1,4 +1,4 @@
-@import 'styles/mixins';
+@use 'styles/mixins' as *;
 
 .inputPrompt {
   display: flex;

package/src/components/Button/Button.module.scss

@@ -1,4 +1,4 @@
-@import 'styles/mixins';
+@use 'styles/mixins' as *;
 
 .button {
   @include button-reset;

package/src/components/Dictionary/Dictionary.module.scss

@@ -1,4 +1,4 @@
-@import 'styles/mixins';
+@use 'styles/mixins' as *;
 
 .dictionary {
   position: relative;

package/src/components/DictionaryInput/DictionaryInput.module.scss

@@ -1,4 +1,4 @@
-@import 'styles/mixins';
+@use 'styles/mixins' as *;
 
 .dictionaryInput {
   @include focus-effect;

package/src/components/IconButton/IconButton.module.scss

@@ -1,4 +1,4 @@
-@import 'styles/mixins';
+@use 'styles/mixins' as *;
 
 .iconButton {
   @include button-reset;

package/src/components/Loading/Loading.module.scss

@@ -28,6 +28,6 @@
 }
 
 .tiles {
-  width: 100% * 2 / 3;
+  width: calc(100% * 2 / 3);
   height: 100%;
 }

package/src/components/Modal/Modal.module.scss

@@ -1,4 +1,4 @@
-@import 'styles/mixins';
+@use 'styles/mixins' as *;
 
 .modal,
 .closeButton {

package/src/components/Modal/Modal.tsx

@@ -46,7 +46,6 @@ 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/NotFound/NotFound.module.scss

@@ -1,4 +1,4 @@
-@import 'styles/mixins';
+@use 'styles/mixins' as *;
 
 .notFound {
   display: flex;

package/src/components/PlainTiles/PlainTiles.module.scss

@@ -1,4 +1,4 @@
-@import 'styles/animations';
+@use 'styles/animations';
 
 $delay: 150ms;
 $duration: 750ms;

package/src/components/Rack/Rack.module.scss

@@ -1,4 +1,4 @@
-@import 'styles/mixins';
+@use 'styles/mixins' as *;
 
 @mixin lighthouse-input-size-hack {
   // Hack for this Lighthouse warning:
@@ -13,7 +13,12 @@
     bottom: 0;
     width: 300%;
     height: 300%;
-    clip-path: polygon((100% / 3) (200% / 3), (200% / 3) (200% / 3), (200% / 3) 100%, (100% / 3) 100%);
+    clip-path: polygon(
+      calc(100% / 3) calc(200% / 3),
+      calc(200% / 3) calc(200% / 3),
+      calc(200% / 3) 100%,
+      calc(100% / 3) 100%
+    );
   }
 
   [dir='ltr'] & {
@@ -22,7 +27,7 @@
     &:nth-child(3) {
       input {
         left: 0;
-        clip-path: polygon(0 (200% / 3), (100% / 3) (200% / 3), (100% / 3) 100%, 0 100%);
+        clip-path: polygon(0 calc(200% / 3), calc(100% / 3) calc(200% / 3), calc(100% / 3) 100%, 0 100%);
       }
     }
 
@@ -31,7 +36,7 @@
     &:nth-last-child(3) {
       input {
         left: -200%;
-        clip-path: polygon((200% / 3) (200% / 3), 100% (200% / 3), 100% 100%, (200% / 3) 100%);
+        clip-path: polygon(calc(200% / 3) calc(200% / 3), 100% calc(200% / 3), 100% 100%, calc(200% / 3) 100%);
       }
     }
   }
@@ -43,7 +48,7 @@
       input {
         left: -200%;
         right: 0;
-        clip-path: polygon((200% / 3) (200% / 3), 100% (200% / 3), 100% 100%, (200% / 3) 100%);
+        clip-path: polygon(calc(200% / 3) calc(200% / 3), 100% calc(200% / 3), 100% 100%, calc(200% / 3) 100%);
       }
     }
 
@@ -53,7 +58,7 @@
       input {
         left: 0;
         right: -200%;
-        clip-path: polygon(0 (200% / 3), (100% / 3) (200% / 3), (100% / 3) 100%, 0 100%);
+        clip-path: polygon(0 calc(200% / 3), calc(100% / 3) calc(200% / 3), calc(100% / 3) 100%, 0 100%);
       }
     }
   }

package/src/components/Rack/components/InputPrompt/InputPrompt.module.scss

@@ -1,4 +1,4 @@
-@import 'styles/mixins';
+@use 'styles/mixins' as *;
 
 .form {
   @include focus-effect;

package/src/components/Rack/components/RackTile/RackTile.module.scss

@@ -1,4 +1,4 @@
-@import 'styles/mixins';
+@use 'styles/mixins' as *;
 
 .rackTile {
   @include focus-effect;

package/src/components/Radio/Radio.module.scss

@@ -1,4 +1,4 @@
-@import 'styles/mixins';
+@use 'styles/mixins' as *;
 
 $radio-size: 18px;
 $radio-inner-border: 2px;

package/src/components/Results/Results.module.scss

@@ -1,4 +1,4 @@
-@import 'styles/mixins';
+@use 'styles/mixins' as *;
 
 $row-padding-horizontal: calc(var(--spacing--m) + var(--spacing--s));
 

package/src/components/ResultsInput/ResultsInput.module.scss

@@ -1,4 +1,4 @@
-@import 'styles/mixins';
+@use 'styles/mixins' as *;
 
 .resultsInput {
   @include focus-effect;

package/src/components/Solver/Solver.module.scss

@@ -1,4 +1,4 @@
-@import 'styles/mixins';
+@use 'styles/mixins' as *;
 
 .solver {
   --spacing: var(--spacing--xl);

package/src/components/Solver/components/InsertButton/InsertButton.module.scss

@@ -1,4 +1,4 @@
-@import 'styles/mixins';
+@use 'styles/mixins' as *;
 
 .insertButton {
   @include media('>=s') {

package/src/components/Solver/components/ResultCandidatePicker/ResultCandidatePicker.module.scss

@@ -1,4 +1,4 @@
-@import 'styles/mixins';
+@use 'styles/mixins' as *;
 
 .resultCandidatePicker {
   position: relative;

package/src/components/Spinner/Spinner.module.scss

@@ -1,4 +1,4 @@
-@import 'styles/animations';
+@use 'styles/animations';
 
 .spinner {
   width: var(--button--icon--size);

package/src/components/Tile/Tile.module.scss

@@ -1,4 +1,4 @@
-@import 'styles/mixins';
+@use 'styles/mixins' as *;
 
 .tile {
   --background-color: transparent;

package/src/hooks/useLocalStorage.ts

@@ -1,33 +1,11 @@
 import { useEffect } from 'react';
 
-import {
-  localStorage,
-  selectAutoGroupTiles,
-  selectBoard,
-  selectGame,
-  selectInputMode,
-  selectLocale,
-  selectRack,
-  selectShowCoordinates,
-  selectRemoveCellFilters,
-  useTypedSelector,
-} from '@/state';
+import { localStorage, selectBoard, selectRack, selectSettings, useTypedSelector } from '@/state';
 
 export const useLocalStorage = () => {
-  const autoGroupTiles = useTypedSelector(selectAutoGroupTiles);
   const board = useTypedSelector(selectBoard);
-  const game = useTypedSelector(selectGame);
-  const inputMode = useTypedSelector(selectInputMode);
-  const locale = useTypedSelector(selectLocale);
   const rack = useTypedSelector(selectRack);
-  const showCoordinates = useTypedSelector(selectShowCoordinates);
-  const removeCellFilters = useTypedSelector(selectRemoveCellFilters);
-
-  useEffect(() => {
-    if (autoGroupTiles) {
-      localStorage.setAutoGroupTiles(autoGroupTiles);
-    }
-  }, [autoGroupTiles]);
+  const settings = useTypedSelector(selectSettings);
 
   useEffect(() => {
     if (board) {
@@ -35,24 +13,6 @@ export const useLocalStorage = () => {
     }
   }, [board]);
 
-  useEffect(() => {
-    if (game) {
-      localStorage.setGame(game);
-    }
-  }, [game]);
-
-  useEffect(() => {
-    if (inputMode) {
-      localStorage.setInputMode(inputMode);
-    }
-  }, [inputMode]);
-
-  useEffect(() => {
-    if (locale) {
-      localStorage.setLocale(locale);
-    }
-  }, [locale]);
-
   useEffect(() => {
     if (rack) {
       localStorage.setRack(rack);
@@ -60,14 +20,6 @@ export const useLocalStorage = () => {
   }, [rack]);
 
   useEffect(() => {
-    if (showCoordinates) {
-      localStorage.setShowCoordinates(showCoordinates);
-    }
-  }, [showCoordinates]);
-
-  useEffect(() => {
-    if (removeCellFilters) {
-      localStorage.setRemoveCellFilters(removeCellFilters);
-    }
-  }, [removeCellFilters]);
+    localStorage.setSettings(settings);
+  }, [settings]);
 };

package/src/hooks/useMedia.ts

@@ -22,7 +22,6 @@ 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/lib/isMac.ts

@@ -3,5 +3,5 @@ export const isMac = (): boolean => {
     return false;
   }
 
-  return globalThis.navigator.platform.startsWith('Mac') || globalThis.navigator.platform === 'iPhone';
+  return globalThis.navigator.platform.startsWith('Mac') || globalThis.navigator.platform.startsWith('iPhone');
 };

package/src/modals/MenuModal/MenuModal.module.scss

@@ -1,4 +1,4 @@
-@import 'styles/mixins';
+@use 'styles/mixins' as *;
 
 .button {
   width: 100%;

package/src/modals/RemainingTilesModal/components/Character/Character.module.scss

@@ -1,4 +1,4 @@
-@import 'styles/mixins';
+@use 'styles/mixins' as *;
 
 .character {
   display: flex;

package/src/modals/ResultsModal/ResultsModal.module.scss

@@ -1,4 +1,4 @@
-@import 'styles/mixins';
+@use 'styles/mixins' as *;
 
 .content {
   position: relative;

package/src/modals/SettingsModal/components/LocaleSetting/LocaleSetting.module.scss

@@ -1,4 +1,4 @@
-@import 'styles/mixins';
+@use 'styles/mixins' as *;
 
 .option {
   & + & {

package/src/pages/_app.tsx

@@ -11,7 +11,6 @@ import { store } from '@/state';
 import '../styles/global.scss';
 
 const DESCRIPTION =
-  // eslint-disable-next-line max-len
   'Scrabble Solver 2 - Free and open-source analysis tool for Scrabble, Scrabble Duel, Super Scrabble, Letter League, Crossplay, Literaki and Kelimelik. Quickly find top scoring words using given letters and board state. Available in English, French, German, Persian, Polish, Romanian, Spanish, and Turkish.';
 
 const KEYWORDS = [