scrabble-solver 2.18.1 → 2.18.2

package/packages/scrabble-solver/.next/trace-build

@@ -1 +1 @@
-[{"name":"run-typescript","duration":167919,"timestamp":15741743485,"id":13,"parentId":1,"tags":{},"startTime":1786879882182,"traceId":"09ff88835bed4614"},{"name":"run-webpack","duration":6553601,"timestamp":15741913668,"id":15,"parentId":1,"tags":{},"startTime":1786879882352,"traceId":"09ff88835bed4614"},{"name":"static-check","duration":184131,"timestamp":15748541724,"id":2019,"parentId":1,"tags":{},"startTime":1786879888980,"traceId":"09ff88835bed4614"},{"name":"static-generation","duration":249410,"timestamp":15748736408,"id":2037,"parentId":1,"tags":{},"startTime":1786879889175,"traceId":"09ff88835bed4614"},{"name":"collect-build-traces","duration":4410264,"timestamp":15748726538,"id":2034,"parentId":1,"tags":{},"startTime":1786879889165,"traceId":"09ff88835bed4614"},{"name":"telemetry-flush","duration":21,"timestamp":15753138117,"id":2044,"parentId":1,"tags":{},"startTime":1786879893576,"traceId":"09ff88835bed4614"},{"name":"next-build","duration":11637473,"timestamp":15741500668,"id":1,"tags":{"buildMode":"default","version":"16.3.1","bundler":"webpack","has-custom-webpack-config":"true","use-build-worker":"false"},"startTime":1786879881939,"traceId":"09ff88835bed4614"}]
+[{"name":"run-typescript","duration":162507,"timestamp":33954379609,"id":13,"parentId":1,"tags":{},"startTime":1787432889856,"traceId":"0ef4ea6317e146be"},{"name":"run-webpack","duration":5642864,"timestamp":33954545919,"id":15,"parentId":1,"tags":{},"startTime":1787432890022,"traceId":"0ef4ea6317e146be"},{"name":"static-check","duration":168079,"timestamp":33960249374,"id":2103,"parentId":1,"tags":{},"startTime":1787432895725,"traceId":"0ef4ea6317e146be"},{"name":"static-generation","duration":243675,"timestamp":33960428803,"id":2121,"parentId":1,"tags":{},"startTime":1787432895905,"traceId":"0ef4ea6317e146be"},{"name":"collect-build-traces","duration":4258250,"timestamp":33960418174,"id":2118,"parentId":1,"tags":{},"startTime":1787432895894,"traceId":"0ef4ea6317e146be"},{"name":"telemetry-flush","duration":19,"timestamp":33964677629,"id":2128,"parentId":1,"tags":{},"startTime":1787432900154,"traceId":"0ef4ea6317e146be"},{"name":"next-build","duration":10532122,"timestamp":33954145530,"id":1,"tags":{"buildMode":"default","version":"16.3.2","bundler":"webpack","has-custom-webpack-config":"true","use-build-worker":"false"},"startTime":1787432889621,"traceId":"0ef4ea6317e146be"}]

package/packages/scrabble-solver/AGENTS.md

@@ -0,0 +1,9 @@
+<!-- BEGIN:nextjs-agent-rules -->
+
+# This is NOT the Next.js you know
+
+This version has breaking changes — APIs, conventions, and file structure may all differ from your training data. Read the relevant guide in `node_modules/next/dist/docs/` (resolved from this file's directory; in monorepos the `next` package may not be visible from the repo root) before writing any code. Heed deprecation notices.
+
+This block is written and re-added by `next dev` — verify at `node_modules/next/dist/server/lib/generate-agent-files.js`. Removing it from a diff only re-creates the uncommitted change; committing it with your work keeps the tree clean.
+
+<!-- END:nextjs-agent-rules -->

package/packages/scrabble-solver/CLAUDE.md

@@ -0,0 +1 @@
+@AGENTS.md

package/packages/scrabble-solver/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scrabble-solver/scrabble-solver",
-  "version": "2.18.1",
+  "version": "2.18.2",
   "description": "Scrabble Solver web app: free word finder and board solver for Scrabble, Super Scrabble, Literaki, and more.",
   "keywords": [
     "scrabble",
@@ -45,7 +45,9 @@
     "build": "bun run generate-scss-types && env-cmd next build --webpack",
     "clean": "rimraf --glob .next/ 'src/**/*.module.scss.d.ts'",
     "debug": "NODE_OPTIONS='--inspect' next dev --webpack",
-    "dev": "concurrently -n scss,next 'bun scripts/generate-scss-types.ts --watch' 'env-cmd next dev --webpack'",
+    "dev": "bun run --parallel --no-orphans 'dev:*'",
+    "dev:next": "env-cmd next dev --webpack",
+    "dev:scss": "bun run generate-scss-types --watch",
     "generate-scss-types": "bun scripts/generate-scss-types.ts",
     "start": "env-cmd next start -p 3333",
     "test": "bun test --timeout 180000 src",
@@ -55,18 +57,18 @@
     "@floating-ui/react": "^0.27.20",
     "@kamilmielnik/gaddag": "^2.0.0",
     "@reduxjs/toolkit": "^2.12.0",
-    "@scrabble-solver/configs": "^2.18.1",
-    "@scrabble-solver/constants": "^2.18.1",
-    "@scrabble-solver/dictionaries": "^2.18.1",
-    "@scrabble-solver/logger": "^2.18.1",
-    "@scrabble-solver/solver": "^2.18.1",
-    "@scrabble-solver/types": "^2.18.1",
-    "@scrabble-solver/word-definitions": "^2.18.1",
+    "@scrabble-solver/configs": "^2.18.2",
+    "@scrabble-solver/constants": "^2.18.2",
+    "@scrabble-solver/dictionaries": "^2.18.2",
+    "@scrabble-solver/logger": "^2.18.2",
+    "@scrabble-solver/solver": "^2.18.2",
+    "@scrabble-solver/types": "^2.18.2",
+    "@scrabble-solver/word-definitions": "^2.18.2",
     "classnames": "^2.5.1",
     "env-cmd": "^11.0.0",
     "include-media": "^2.0.0",
     "include-media-query-builder": "^1.1.0",
-    "next": "^16.3.1",
+    "next": "^16.3.2",
     "normalize.css": "^8.0.1",
     "react": "^19.2.8",
     "react-cool-onclickoutside": "^1.7.0",
@@ -92,7 +94,7 @@
     "@types/react-modal": "^3.16.3",
     "@types/react-portal": "^4.0.7",
     "postcss": "^8.5.26",
-    "sass": "^1.102.0"
+    "sass": "^1.103.1"
   },
   "gitHead": "1e2d1ad49a288d4a44196d8e3336740da132c637"
 }

package/packages/scrabble-solver/public/service-worker.js

@@ -1,2 +1,2 @@
 (()=>{"use strict";let e,t,s;var a,r={303:()=>{try{self["workbox:strategies:7.4.0"]&&_()}catch(e){}},448:()=>{try{self["workbox:routing:7.4.0"]&&_()}catch(e){}},693:()=>{try{self["workbox:core:7.4.0"]&&_()}catch(e){}},802:()=>{try{self["workbox:precaching:7.4.0"]&&_()}catch(e){}}},i={};function n(e){var t=i[e];if(void 0!==t)return t.exports;var s=i[e]={exports:{}},a=!0;try{r[e](s,s.exports,n),a=!1}finally{a&&delete i[e]}return s.exports}n(693);class l extends Error{constructor(e,t){super(((e,...t)=>{let s=e;return t.length>0&&(s+=` :: ${JSON.stringify(t)}`),s})(e,t)),this.name=e,this.details=t}}let c={googleAnalytics:"googleAnalytics",precache:"precache-v2",prefix:"workbox",runtime:"runtime",suffix:"u">typeof registration?registration.scope:""},h=e=>[c.prefix,e,c.suffix].filter(e=>e&&e.length>0).join("-"),o=e=>e||h(c.precache);function u(e,t){let s=t();return e.waitUntil(s),s}n(802);class f{constructor(){this.updatedURLs=[],this.notUpdatedURLs=[],this.handlerWillStart=async({request:e,state:t})=>{t&&(t.originalRequest=e)},this.cachedResponseWillBeUsed=async({event:e,state:t,cachedResponse:s})=>{if("install"===e.type&&t&&t.originalRequest&&t.originalRequest instanceof Request){let e=t.originalRequest.url;s?this.notUpdatedURLs.push(e):this.updatedURLs.push(e)}return s}}}class d{constructor({precacheController:e}){this.cacheKeyWillBeUsed=async({request:e,params:t})=>{let s=(null==t?void 0:t.cacheKey)||this._precacheController.getCacheKeyForURL(e.url);return s?new Request(s,{headers:e.headers}):e},this._precacheController=e}}async function p(t,s){let a=null;if(t.url&&(a=new URL(t.url).origin),a!==self.location.origin)throw new l("cross-origin-copy-response",{origin:a});let r=t.clone(),i={headers:new Headers(r.headers),status:r.status,statusText:r.statusText},n=s?s(i):i,c=!function(){if(void 0===e){let t=new Response("");if("body"in t)try{new Response(t.body),e=!0}catch(t){e=!1}e=!1}return e}()?await r.blob():r.body;return new Response(c,n)}function w(e,t){let s=new URL(e);for(let e of t)s.searchParams.delete(e);return s.href}async function y(e,t,s,a){let r=w(t.url,s);if(t.url===r)return e.match(t,a);let i=Object.assign(Object.assign({},a),{ignoreSearch:!0});for(let n of(await e.keys(t,i)))if(r===w(n.url,s))return e.match(n,a)}class g{constructor(){this.promise=new Promise((e,t)=>{this.resolve=e,this.reject=t})}}let m=new Set;async function R(){for(let e of m)await e()}function C(e){return"string"==typeof e?new Request(e):e}n(303);class b{constructor(e,t){for(const s of(this._cacheKeys={},Object.assign(this,t),this.event=t.event,this._strategy=e,this._handlerDeferred=new g,this._extendLifetimePromises=[],this._plugins=[...e.plugins],this._pluginStateMap=new Map,this._plugins))this._pluginStateMap.set(s,{});this.event.waitUntil(this._handlerDeferred.promise)}async fetch(e){let{event:t}=this,s=C(e);if("navigate"===s.mode&&t instanceof FetchEvent&&t.preloadResponse){let e=await t.preloadResponse;if(e)return e}let a=this.hasCallback("fetchDidFail")?s.clone():null;try{for(let e of this.iterateCallbacks("requestWillFetch"))s=await e({request:s.clone(),event:t})}catch(e){if(e instanceof Error)throw new l("plugin-error-request-will-fetch",{thrownErrorMessage:e.message})}let r=s.clone();try{let e;for(let a of(e=await fetch(s,"navigate"===s.mode?void 0:this._strategy.fetchOptions),this.iterateCallbacks("fetchDidSucceed")))e=await a({event:t,request:r,response:e});return e}catch(e){throw a&&await this.runCallbacks("fetchDidFail",{error:e,event:t,originalRequest:a.clone(),request:r.clone()}),e}}async fetchAndCachePut(e){let t=await this.fetch(e),s=t.clone();return this.waitUntil(this.cachePut(e,s)),t}async cacheMatch(e){let t,s=C(e),{cacheName:a,matchOptions:r}=this._strategy,i=await this.getCacheKey(s,"read"),n=Object.assign(Object.assign({},r),{cacheName:a});for(let e of(t=await caches.match(i,n),this.iterateCallbacks("cachedResponseWillBeUsed")))t=await e({cacheName:a,matchOptions:r,cachedResponse:t,request:i,event:this.event})||void 0;return t}async cachePut(e,t){let s=C(e);await new Promise(e=>setTimeout(e,0));let a=await this.getCacheKey(s,"write");if(!t)throw new l("cache-put-with-no-response",{url:new URL(String(a.url),location.href).href.replace(RegExp(`^${location.origin}`),"")});let r=await this._ensureResponseSafeToCache(t);if(!r)return!1;let{cacheName:i,matchOptions:n}=this._strategy,c=await self.caches.open(i),h=this.hasCallback("cacheDidUpdate"),o=h?await y(c,a.clone(),["__WB_REVISION__"],n):null;try{await c.put(a,h?r.clone():r)}catch(e){if(e instanceof Error)throw"QuotaExceededError"===e.name&&await R(),e}for(let e of this.iterateCallbacks("cacheDidUpdate"))await e({cacheName:i,oldResponse:o,newResponse:r.clone(),request:a,event:this.event});return!0}async getCacheKey(e,t){let s=`${e.url} | ${t}`;if(!this._cacheKeys[s]){let a=e;for(let e of this.iterateCallbacks("cacheKeyWillBeUsed"))a=C(await e({mode:t,request:a,event:this.event,params:this.params}));this._cacheKeys[s]=a}return this._cacheKeys[s]}hasCallback(e){for(let t of this._strategy.plugins)if(e in t)return!0;return!1}async runCallbacks(e,t){for(let s of this.iterateCallbacks(e))await s(t)}*iterateCallbacks(e){for(let t of this._strategy.plugins)if("function"==typeof t[e]){let s=this._pluginStateMap.get(t),a=a=>{let r=Object.assign(Object.assign({},a),{state:s});return t[e](r)};yield a}}waitUntil(e){return this._extendLifetimePromises.push(e),e}async doneWaiting(){for(;this._extendLifetimePromises.length;){let e=this._extendLifetimePromises.splice(0),t=(await Promise.allSettled(e)).find(e=>"rejected"===e.status);if(t)throw t.reason}}destroy(){this._handlerDeferred.resolve(null)}async _ensureResponseSafeToCache(e){let t=e,s=!1;for(let e of this.iterateCallbacks("cacheWillUpdate"))if(t=await e({request:this.request,response:t,event:this.event})||void 0,s=!0,!t)break;return!s&&t&&200!==t.status&&(t=void 0),t}}class v{constructor(e={}){this.cacheName=(e=>e||h(c.runtime))(e.cacheName),this.plugins=e.plugins||[],this.fetchOptions=e.fetchOptions,this.matchOptions=e.matchOptions}handle(e){let[t]=this.handleAll(e);return t}handleAll(e){e instanceof FetchEvent&&(e={event:e,request:e.request});let t=e.event,s="string"==typeof e.request?new Request(e.request):e.request,a=new b(this,{event:t,request:s,params:"params"in e?e.params:void 0}),r=this._getResponse(a,s,t),i=this._awaitComplete(r,a,s,t);return[r,i]}async _getResponse(e,t,s){let a;await e.runCallbacks("handlerWillStart",{event:s,request:t});try{if(!(a=await this._handle(t,e))||"error"===a.type)throw new l("no-response",{url:t.url})}catch(r){if(r instanceof Error){for(let i of e.iterateCallbacks("handlerDidError"))if(a=await i({error:r,event:s,request:t}))break}if(a);else throw r}for(let r of e.iterateCallbacks("handlerWillRespond"))a=await r({event:s,request:t,response:a});return a}async _awaitComplete(e,t,s,a){let r,i;try{r=await e}catch(e){}try{await t.runCallbacks("handlerDidRespond",{event:a,request:s,response:r}),await t.doneWaiting()}catch(e){e instanceof Error&&(i=e)}if(await t.runCallbacks("handlerDidComplete",{event:a,request:s,response:r,error:i}),t.destroy(),i)throw i}}class L extends v{constructor(e={}){e.cacheName=o(e.cacheName),super(e),this._fallbackToNetwork=!1!==e.fallbackToNetwork,this.plugins.push(L.copyRedirectedCacheableResponsesPlugin)}async _handle(e,t){let s=await t.cacheMatch(e);return s||(t.event&&"install"===t.event.type?await this._handleInstall(e,t):await this._handleFetch(e,t))}async _handleFetch(e,t){let s,a=t.params||{};if(this._fallbackToNetwork){let r=a.integrity,i=e.integrity,n=!i||i===r;s=await t.fetch(new Request(e,{integrity:"no-cors"!==e.mode?i||r:void 0})),r&&n&&"no-cors"!==e.mode&&(this._useDefaultCacheabilityPluginIfNeeded(),await t.cachePut(e,s.clone()))}else throw new l("missing-precache-entry",{cacheName:this.cacheName,url:e.url});return s}async _handleInstall(e,t){this._useDefaultCacheabilityPluginIfNeeded();let s=await t.fetch(e);if(!await t.cachePut(e,s.clone()))throw new l("bad-precaching-response",{url:e.url,status:s.status});return s}_useDefaultCacheabilityPluginIfNeeded(){let e=null,t=0;for(let[s,a]of this.plugins.entries())a!==L.copyRedirectedCacheableResponsesPlugin&&(a===L.defaultPrecacheCacheabilityPlugin&&(e=s),a.cacheWillUpdate&&t++);0===t?this.plugins.push(L.defaultPrecacheCacheabilityPlugin):t>1&&null!==e&&this.plugins.splice(e,1)}}L.defaultPrecacheCacheabilityPlugin={cacheWillUpdate:async({response:e})=>!e||e.status>=400?null:e},L.copyRedirectedCacheableResponsesPlugin={cacheWillUpdate:async({response:e})=>e.redirected?await p(e):e};class U{constructor({cacheName:e,plugins:t=[],fallbackToNetwork:s=!0}={}){this._urlsToCacheKeys=new Map,this._urlsToCacheModes=new Map,this._cacheKeysToIntegrities=new Map,this._strategy=new L({cacheName:o(e),plugins:[...t,new d({precacheController:this})],fallbackToNetwork:s}),this.install=this.install.bind(this),this.activate=this.activate.bind(this)}get strategy(){return this._strategy}precache(e){this.addToCacheList(e),this._installAndActiveListenersAdded||(self.addEventListener("install",this.install),self.addEventListener("activate",this.activate),this._installAndActiveListenersAdded=!0)}addToCacheList(e){let t=[];for(let s of e){"string"==typeof s?t.push(s):s&&void 0===s.revision&&t.push(s.url);let{cacheKey:e,url:a}=function(e){if(!e)throw new l("add-to-cache-list-unexpected-type",{entry:e});if("string"==typeof e){let t=new URL(e,location.href);return{cacheKey:t.href,url:t.href}}let{revision:t,url:s}=e;if(!s)throw new l("add-to-cache-list-unexpected-type",{entry:e});if(!t){let e=new URL(s,location.href);return{cacheKey:e.href,url:e.href}}let a=new URL(s,location.href),r=new URL(s,location.href);return a.searchParams.set("__WB_REVISION__",t),{cacheKey:a.href,url:r.href}}(s),r="string"!=typeof s&&s.revision?"reload":"default";if(this._urlsToCacheKeys.has(a)&&this._urlsToCacheKeys.get(a)!==e)throw new l("add-to-cache-list-conflicting-entries",{firstEntry:this._urlsToCacheKeys.get(a),secondEntry:e});if("string"!=typeof s&&s.integrity){if(this._cacheKeysToIntegrities.has(e)&&this._cacheKeysToIntegrities.get(e)!==s.integrity)throw new l("add-to-cache-list-conflicting-integrities",{url:a});this._cacheKeysToIntegrities.set(e,s.integrity)}this._urlsToCacheKeys.set(a,e),this._urlsToCacheModes.set(a,r),t.length>0&&console.warn(`Workbox is precaching URLs without revision info: ${t.join(", ")}
-This is generally NOT safe. Learn more at https://bit.ly/wb-precache`)}}install(e){return u(e,async()=>{let t=new f;for(let[s,a]of(this.strategy.plugins.push(t),this._urlsToCacheKeys)){let t=this._cacheKeysToIntegrities.get(a),r=this._urlsToCacheModes.get(s),i=new Request(s,{integrity:t,cache:r,credentials:"same-origin"});await Promise.all(this.strategy.handleAll({params:{cacheKey:a},request:i,event:e}))}let{updatedURLs:s,notUpdatedURLs:a}=t;return{updatedURLs:s,notUpdatedURLs:a}})}activate(e){return u(e,async()=>{let e=await self.caches.open(this.strategy.cacheName),t=await e.keys(),s=new Set(this._urlsToCacheKeys.values()),a=[];for(let r of t)s.has(r.url)||(await e.delete(r),a.push(r.url));return{deletedURLs:a}})}getURLsToCacheKeys(){return this._urlsToCacheKeys}getCachedURLs(){return[...this._urlsToCacheKeys.keys()]}getCacheKeyForURL(e){let t=new URL(e,location.href);return this._urlsToCacheKeys.get(t.href)}getIntegrityForCacheKey(e){return this._cacheKeysToIntegrities.get(e)}async matchPrecache(e){let t=e instanceof Request?e.url:e,s=this.getCacheKeyForURL(t);if(s)return(await self.caches.open(this.strategy.cacheName)).match(s)}createHandlerBoundToURL(e){let t=this.getCacheKeyForURL(e);if(!t)throw new l("non-precached-url",{url:e});return s=>(s.request=new Request(e),s.params=Object.assign({cacheKey:t},s.params),this.strategy.handle(s))}}let k=()=>(t||(t=new U),t);n(448);let T=e=>e&&"object"==typeof e?e:{handle:e};class K{constructor(e,t,s="GET"){this.handler=T(t),this.match=e,this.method=s}setCatchHandler(e){this.catchHandler=T(e)}}class x extends K{constructor(e,t,s){super(({url:t})=>{let s=e.exec(t.href);if(s)return t.origin!==location.origin&&0!==s.index?void 0:s.slice(1)},t,s)}}class P{constructor(){this._routes=new Map,this._defaultHandlerMap=new Map}get routes(){return this._routes}addFetchListener(){self.addEventListener("fetch",e=>{let{request:t}=e,s=this.handleRequest({request:t,event:e});s&&e.respondWith(s)})}addCacheListener(){self.addEventListener("message",e=>{if(e.data&&"CACHE_URLS"===e.data.type){let{payload:t}=e.data,s=Promise.all(t.urlsToCache.map(t=>{"string"==typeof t&&(t=[t]);let s=new Request(...t);return this.handleRequest({request:s,event:e})}));e.waitUntil(s),e.ports&&e.ports[0]&&s.then(()=>e.ports[0].postMessage(!0))}})}handleRequest({request:e,event:t}){let s,a=new URL(e.url,location.href);if(!a.protocol.startsWith("http"))return;let r=a.origin===location.origin,{params:i,route:n}=this.findMatchingRoute({event:t,request:e,sameOrigin:r,url:a}),l=n&&n.handler,c=e.method;if(!l&&this._defaultHandlerMap.has(c)&&(l=this._defaultHandlerMap.get(c)),!l)return;try{s=l.handle({url:a,request:e,event:t,params:i})}catch(e){s=Promise.reject(e)}let h=n&&n.catchHandler;return s instanceof Promise&&(this._catchHandler||h)&&(s=s.catch(async s=>{if(h)try{return await h.handle({url:a,request:e,event:t,params:i})}catch(e){e instanceof Error&&(s=e)}if(this._catchHandler)return this._catchHandler.handle({url:a,request:e,event:t});throw s})),s}findMatchingRoute({url:e,sameOrigin:t,request:s,event:a}){for(let r of this._routes.get(s.method)||[]){let i,n=r.match({url:e,sameOrigin:t,request:s,event:a});if(n)return Array.isArray(i=n)&&0===i.length||n.constructor===Object&&0===Object.keys(n).length?i=void 0:"boolean"==typeof n&&(i=void 0),{route:r,params:i}}return{}}setDefaultHandler(e,t="GET"){this._defaultHandlerMap.set(t,T(e))}setCatchHandler(e){this._catchHandler=T(e)}registerRoute(e){this._routes.has(e.method)||this._routes.set(e.method,[]),this._routes.get(e.method).push(e)}unregisterRoute(e){if(!this._routes.has(e.method))throw new l("unregister-route-but-not-found-with-method",{method:e.method});let t=this._routes.get(e.method).indexOf(e);if(t>-1)this._routes.get(e.method).splice(t,1);else throw new l("unregister-route-route-not-registered")}}function q(e,t,a){let r;if("string"==typeof e){let s=new URL(e,location.href);r=new K(({url:e})=>e.href===s.href,t,a)}else if(e instanceof RegExp)r=new x(e,t,a);else if("function"==typeof e)r=new K(e,t,a);else if(e instanceof K)r=e;else throw new l("unsupported-route-type",{moduleName:"workbox-routing",funcName:"registerRoute",paramName:"capture"});return(!s&&((s=new P).addFetchListener(),s.addCacheListener()),s).registerRoute(r),r}class E extends K{constructor(e,t){super(({request:s})=>{let a=e.getURLsToCacheKeys();for(let r of function*(e,{ignoreURLParametersMatching:t=[/^utm_/,/^fbclid$/],directoryIndex:s="index.html",cleanURLs:a=!0,urlManipulation:r}={}){let i=new URL(e,location.href);i.hash="",yield i.href;let n=function(e,t=[]){for(let s of[...e.searchParams.keys()])t.some(e=>e.test(s))&&e.searchParams.delete(s);return e}(i,t);if(yield n.href,s&&n.pathname.endsWith("/")){let e=new URL(n.href);e.pathname+=s,yield e.href}if(a){let e=new URL(n.href);e.pathname+=".html",yield e.href}if(r)for(let e of r({url:i}))yield e.href}(s.url,t)){let t=a.get(r);if(t){let s=e.getIntegrityForCacheKey(t);return{cacheKey:t,integrity:s}}}},e.strategy)}}let M="-precache-",N=async(e,t=M)=>{let s=(await self.caches.keys()).filter(s=>s.includes(t)&&s.includes(self.registration.scope)&&s!==e);return await Promise.all(s.map(e=>self.caches.delete(e))),s};class W extends K{constructor(e,{allowlist:t=[/./],denylist:s=[]}={}){super(e=>this._match(e),e),this._allowlist=t,this._denylist=s}_match({url:e,request:t}){if(t&&"navigate"!==t.mode)return!1;let s=e.pathname+e.search;for(let e of this._denylist)if(e.test(s))return!1;return!!this._allowlist.some(e=>e.test(s))}}let O="app-shell";async function I(){let e=await caches.open(O);await e.add("/")}async function S(e){let{request:t}=e;try{return await fetch(t)}catch(s){let e=await caches.open(O),t=await e.match("/");if(!t)throw s;return t}}self.addEventListener("install",e=>{e.waitUntil(I()),self.skipWaiting()}),self.addEventListener("activate",()=>{self.clients.claim()}),self.addEventListener("activate",e=>{let t=o();e.waitUntil(N(t).then(e=>{}))}),a=[{'revision':'8486f920bd3e2ac450039aafcb1d8f76','url':'/_next/build-manifest.json'},{'revision':'82cbcbcce8a0a8cb21c5e4efa1de5e4c','url':'/_next/dynamic-css-manifest.json'},{'revision':'1da1766c9299366bb973f535ec69ff90','url':'/_next/react-loadable-manifest.json'},{'revision':'271476b8fdb65f6d540f92faa6bca0be','url':'/_next/server/dynamic-css-manifest.js'},{'revision':'260f621e04297bcecd94427e45d7405b','url':'/_next/server/middleware-build-manifest.js'},{'revision':'72c6f757460ce938d861f3c2673b3bab','url':'/_next/server/middleware-react-loadable-manifest.js'},{'revision':'9fce7989bff5d35b01e177447faca50d','url':'/_next/server/next-font-manifest.js'},{'revision':'d51420cd4aa5d37d6719849cf36d0d6f','url':'/_next/server/next-font-manifest.json'},{'revision':'d09f2baf8f9ee346bc1af7cbc794463f','url':'/_next/static/5KOWzYqfY1Z2rjrzptr8D/_buildManifest.js'},{'revision':'b6652df95db52feb4daf4eca35380933','url':'/_next/static/5KOWzYqfY1Z2rjrzptr8D/_ssgManifest.js'},{'revision':null,'url':'/_next/static/chunks/101-829ab8a8d310e7a0.js'},{'revision':null,'url':'/_next/static/chunks/106.e414e88694add27f.js'},{'revision':null,'url':'/_next/static/chunks/127.125d896a19061d71.js'},{'revision':null,'url':'/_next/static/chunks/18.8b91e137d239e15c.js'},{'revision':null,'url':'/_next/static/chunks/277.6785dfaf22fdb0b7.js'},{'revision':null,'url':'/_next/static/chunks/307.67f52f13e3d60d4e.js'},{'revision':null,'url':'/_next/static/chunks/341.79535ba85bf1986f.js'},{'revision':null,'url':'/_next/static/chunks/363.01eed3233f92b6a4.js'},{'revision':null,'url':'/_next/static/chunks/422.1559ae6756912ca5.js'},{'revision':null,'url':'/_next/static/chunks/541.dcd9e8b804f88da5.js'},{'revision':null,'url':'/_next/static/chunks/583.7a46807be14c377e.js'},{'revision':null,'url':'/_next/static/chunks/631.98d42abad0a60af6.js'},{'revision':null,'url':'/_next/static/chunks/663.d2c9ca36b26695b8.js'},{'revision':null,'url':'/_next/static/chunks/711.ba7b8f900dfd40d0.js'},{'revision':null,'url':'/_next/static/chunks/744.b06c9a3de4a1d877.js'},{'revision':null,'url':'/_next/static/chunks/820.97b82f751ca49579.js'},{'revision':null,'url':'/_next/static/chunks/865.a9b563a45848a83c.js'},{'revision':null,'url':'/_next/static/chunks/912.ff8037ba9d4db5c8.js'},{'revision':null,'url':'/_next/static/chunks/939.19b33a3d3c351d73.js'},{'revision':null,'url':'/_next/static/chunks/990.61296e5870b91f11.js'},{'revision':null,'url':'/_next/static/chunks/framework-626cbd48ac5aca57.js'},{'revision':null,'url':'/_next/static/chunks/main-b92e08f3fc96dd8d.js'},{'revision':null,'url':'/_next/static/chunks/pages/_app-2e607dcd4135f340.js'},{'revision':null,'url':'/_next/static/chunks/pages/_error-f0290a98eb3ed0ec.js'},{'revision':null,'url':'/_next/static/chunks/pages/index-e0087247c995328d.js'},{'revision':null,'url':'/_next/static/chunks/pages/not-found-a59f9deeeff63d17.js'},{'revision':'846118c33b2c0e922d7b3a7676f81f6f','url':'/_next/static/chunks/polyfills-42372ed130431b0a.js'},{'revision':null,'url':'/_next/static/chunks/webpack-cfb34d175e081981.js'}],k().precache(a),q(new E(k(),void 0)),q(new W(S,{denylist:[/^\/api\//]}))})();
+This is generally NOT safe. Learn more at https://bit.ly/wb-precache`)}}install(e){return u(e,async()=>{let t=new f;for(let[s,a]of(this.strategy.plugins.push(t),this._urlsToCacheKeys)){let t=this._cacheKeysToIntegrities.get(a),r=this._urlsToCacheModes.get(s),i=new Request(s,{integrity:t,cache:r,credentials:"same-origin"});await Promise.all(this.strategy.handleAll({params:{cacheKey:a},request:i,event:e}))}let{updatedURLs:s,notUpdatedURLs:a}=t;return{updatedURLs:s,notUpdatedURLs:a}})}activate(e){return u(e,async()=>{let e=await self.caches.open(this.strategy.cacheName),t=await e.keys(),s=new Set(this._urlsToCacheKeys.values()),a=[];for(let r of t)s.has(r.url)||(await e.delete(r),a.push(r.url));return{deletedURLs:a}})}getURLsToCacheKeys(){return this._urlsToCacheKeys}getCachedURLs(){return[...this._urlsToCacheKeys.keys()]}getCacheKeyForURL(e){let t=new URL(e,location.href);return this._urlsToCacheKeys.get(t.href)}getIntegrityForCacheKey(e){return this._cacheKeysToIntegrities.get(e)}async matchPrecache(e){let t=e instanceof Request?e.url:e,s=this.getCacheKeyForURL(t);if(s)return(await self.caches.open(this.strategy.cacheName)).match(s)}createHandlerBoundToURL(e){let t=this.getCacheKeyForURL(e);if(!t)throw new l("non-precached-url",{url:e});return s=>(s.request=new Request(e),s.params=Object.assign({cacheKey:t},s.params),this.strategy.handle(s))}}let k=()=>(t||(t=new U),t);n(448);let T=e=>e&&"object"==typeof e?e:{handle:e};class K{constructor(e,t,s="GET"){this.handler=T(t),this.match=e,this.method=s}setCatchHandler(e){this.catchHandler=T(e)}}class x extends K{constructor(e,t,s){super(({url:t})=>{let s=e.exec(t.href);if(s)return t.origin!==location.origin&&0!==s.index?void 0:s.slice(1)},t,s)}}class P{constructor(){this._routes=new Map,this._defaultHandlerMap=new Map}get routes(){return this._routes}addFetchListener(){self.addEventListener("fetch",e=>{let{request:t}=e,s=this.handleRequest({request:t,event:e});s&&e.respondWith(s)})}addCacheListener(){self.addEventListener("message",e=>{if(e.data&&"CACHE_URLS"===e.data.type){let{payload:t}=e.data,s=Promise.all(t.urlsToCache.map(t=>{"string"==typeof t&&(t=[t]);let s=new Request(...t);return this.handleRequest({request:s,event:e})}));e.waitUntil(s),e.ports&&e.ports[0]&&s.then(()=>e.ports[0].postMessage(!0))}})}handleRequest({request:e,event:t}){let s,a=new URL(e.url,location.href);if(!a.protocol.startsWith("http"))return;let r=a.origin===location.origin,{params:i,route:n}=this.findMatchingRoute({event:t,request:e,sameOrigin:r,url:a}),l=n&&n.handler,c=e.method;if(!l&&this._defaultHandlerMap.has(c)&&(l=this._defaultHandlerMap.get(c)),!l)return;try{s=l.handle({url:a,request:e,event:t,params:i})}catch(e){s=Promise.reject(e)}let h=n&&n.catchHandler;return s instanceof Promise&&(this._catchHandler||h)&&(s=s.catch(async s=>{if(h)try{return await h.handle({url:a,request:e,event:t,params:i})}catch(e){e instanceof Error&&(s=e)}if(this._catchHandler)return this._catchHandler.handle({url:a,request:e,event:t});throw s})),s}findMatchingRoute({url:e,sameOrigin:t,request:s,event:a}){for(let r of this._routes.get(s.method)||[]){let i,n=r.match({url:e,sameOrigin:t,request:s,event:a});if(n)return Array.isArray(i=n)&&0===i.length||n.constructor===Object&&0===Object.keys(n).length?i=void 0:"boolean"==typeof n&&(i=void 0),{route:r,params:i}}return{}}setDefaultHandler(e,t="GET"){this._defaultHandlerMap.set(t,T(e))}setCatchHandler(e){this._catchHandler=T(e)}registerRoute(e){this._routes.has(e.method)||this._routes.set(e.method,[]),this._routes.get(e.method).push(e)}unregisterRoute(e){if(!this._routes.has(e.method))throw new l("unregister-route-but-not-found-with-method",{method:e.method});let t=this._routes.get(e.method).indexOf(e);if(t>-1)this._routes.get(e.method).splice(t,1);else throw new l("unregister-route-route-not-registered")}}function q(e,t,a){let r;if("string"==typeof e){let s=new URL(e,location.href);r=new K(({url:e})=>e.href===s.href,t,a)}else if(e instanceof RegExp)r=new x(e,t,a);else if("function"==typeof e)r=new K(e,t,a);else if(e instanceof K)r=e;else throw new l("unsupported-route-type",{moduleName:"workbox-routing",funcName:"registerRoute",paramName:"capture"});return(!s&&((s=new P).addFetchListener(),s.addCacheListener()),s).registerRoute(r),r}class E extends K{constructor(e,t){super(({request:s})=>{let a=e.getURLsToCacheKeys();for(let r of function*(e,{ignoreURLParametersMatching:t=[/^utm_/,/^fbclid$/],directoryIndex:s="index.html",cleanURLs:a=!0,urlManipulation:r}={}){let i=new URL(e,location.href);i.hash="",yield i.href;let n=function(e,t=[]){for(let s of[...e.searchParams.keys()])t.some(e=>e.test(s))&&e.searchParams.delete(s);return e}(i,t);if(yield n.href,s&&n.pathname.endsWith("/")){let e=new URL(n.href);e.pathname+=s,yield e.href}if(a){let e=new URL(n.href);e.pathname+=".html",yield e.href}if(r)for(let e of r({url:i}))yield e.href}(s.url,t)){let t=a.get(r);if(t){let s=e.getIntegrityForCacheKey(t);return{cacheKey:t,integrity:s}}}},e.strategy)}}let M="-precache-",N=async(e,t=M)=>{let s=(await self.caches.keys()).filter(s=>s.includes(t)&&s.includes(self.registration.scope)&&s!==e);return await Promise.all(s.map(e=>self.caches.delete(e))),s};class W extends K{constructor(e,{allowlist:t=[/./],denylist:s=[]}={}){super(e=>this._match(e),e),this._allowlist=t,this._denylist=s}_match({url:e,request:t}){if(t&&"navigate"!==t.mode)return!1;let s=e.pathname+e.search;for(let e of this._denylist)if(e.test(s))return!1;return!!this._allowlist.some(e=>e.test(s))}}let O="app-shell";async function I(){let e=await caches.open(O);await e.add("/")}async function S(e){let{request:t}=e;try{return await fetch(t)}catch(s){let e=await caches.open(O),t=await e.match("/");if(!t)throw s;return t}}self.addEventListener("install",e=>{e.waitUntil(I()),self.skipWaiting()}),self.addEventListener("activate",()=>{self.clients.claim()}),self.addEventListener("activate",e=>{let t=o();e.waitUntil(N(t).then(e=>{}))}),a=[{'revision':'6221b2bd2940dd31b7cd4a8273309b50','url':'/_next/build-manifest.json'},{'revision':'a036716e317d81d10c012b6c3ffa0aa3','url':'/_next/dynamic-css-manifest.json'},{'revision':'5bcb03db5808df34cdd4b28037231e24','url':'/_next/react-loadable-manifest.json'},{'revision':'3d5934fd1505ea07b71d1cb13a79517e','url':'/_next/server/dynamic-css-manifest.js'},{'revision':'691046640902c1968135454e821b43ce','url':'/_next/server/middleware-build-manifest.js'},{'revision':'564b2b3945a82387441eb7e4188247f3','url':'/_next/server/middleware-react-loadable-manifest.js'},{'revision':'9fce7989bff5d35b01e177447faca50d','url':'/_next/server/next-font-manifest.js'},{'revision':'d51420cd4aa5d37d6719849cf36d0d6f','url':'/_next/server/next-font-manifest.json'},{'revision':null,'url':'/_next/static/chunks/100.305bdf9c75b1758f.js'},{'revision':null,'url':'/_next/static/chunks/101-829ab8a8d310e7a0.js'},{'revision':null,'url':'/_next/static/chunks/256.66ff9fb6d7db9ec7.js'},{'revision':null,'url':'/_next/static/chunks/277.6785dfaf22fdb0b7.js'},{'revision':null,'url':'/_next/static/chunks/307.89e6100f58443679.js'},{'revision':null,'url':'/_next/static/chunks/341.79535ba85bf1986f.js'},{'revision':null,'url':'/_next/static/chunks/363.cec65b1f9668a75e.js'},{'revision':null,'url':'/_next/static/chunks/422.3e55b4c94e328701.js'},{'revision':null,'url':'/_next/static/chunks/541.dcd9e8b804f88da5.js'},{'revision':null,'url':'/_next/static/chunks/631.98d42abad0a60af6.js'},{'revision':null,'url':'/_next/static/chunks/663.bd2c45413fbca518.js'},{'revision':null,'url':'/_next/static/chunks/693.677c88e0eb1340b5.js'},{'revision':null,'url':'/_next/static/chunks/744.b06c9a3de4a1d877.js'},{'revision':null,'url':'/_next/static/chunks/820.823e9e885ebb66af.js'},{'revision':null,'url':'/_next/static/chunks/827.c81b92b383a748c9.js'},{'revision':null,'url':'/_next/static/chunks/865.59baba8296c9b116.js'},{'revision':null,'url':'/_next/static/chunks/912.077603e4f0bc6cca.js'},{'revision':null,'url':'/_next/static/chunks/939.2ad86b50405c7897.js'},{'revision':null,'url':'/_next/static/chunks/980.7ce17464fc56648a.js'},{'revision':null,'url':'/_next/static/chunks/990.61296e5870b91f11.js'},{'revision':null,'url':'/_next/static/chunks/framework-626cbd48ac5aca57.js'},{'revision':null,'url':'/_next/static/chunks/main-7e52da35a4beea0b.js'},{'revision':null,'url':'/_next/static/chunks/pages/_app-f9ec81278ffa7b1a.js'},{'revision':null,'url':'/_next/static/chunks/pages/_error-f0290a98eb3ed0ec.js'},{'revision':null,'url':'/_next/static/chunks/pages/index-b5bf018100015277.js'},{'revision':null,'url':'/_next/static/chunks/pages/not-found-a59f9deeeff63d17.js'},{'revision':'846118c33b2c0e922d7b3a7676f81f6f','url':'/_next/static/chunks/polyfills-42372ed130431b0a.js'},{'revision':null,'url':'/_next/static/chunks/webpack-9f5c9d275348829b.js'},{'revision':'5d0dcdf20390839a7c7b3aa61aa60859','url':'/_next/static/nvGZh1gPuX98L07YmxlYD/_buildManifest.js'},{'revision':'b6652df95db52feb4daf4eca35380933','url':'/_next/static/nvGZh1gPuX98L07YmxlYD/_ssgManifest.js'}],k().precache(a),q(new E(k(),void 0)),q(new W(S,{denylist:[/^\/api\//]}))})();

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

@@ -26,7 +26,7 @@ import styles from './Board.module.scss';
 import { BoardPure } from './BoardPure';
 import { Actions, InputPrompt } from './components';
 import { useBoardStyle, useFloatingActions, useFloatingFocus, useFloatingInputPrompt, useGrid } from './hooks';
-import { selectReachableCells, selectRowsWithCandidate } from './selectors';
+import { selectHoveredWordCells, selectReachableCells, selectRowsWithCandidate } from './selectors';
 
 interface Props {
   className?: string;
@@ -39,6 +39,7 @@ export const Board: FunctionComponent<Props> = ({ className }) => {
   const config = useTypedSelector(selectConfig);
   const rows = useTypedSelector(selectRowsWithCandidate);
   const reachableCells = useTypedSelector(selectReachableCells);
+  const hoveredWordCells = useTypedSelector(selectHoveredWordCells);
   const inputMode = useTypedSelector(selectInputMode);
   const cellFilters = useTypedSelector(selectCellFilters);
   const showCoordinates = useTypedSelector(selectShowCoordinates);
@@ -148,6 +149,7 @@ export const Board: FunctionComponent<Props> = ({ className }) => {
         config={config}
         direction={LOCALE_FEATURES[locale].direction}
         hoveredCharacter={hoveredCharacter}
+        hoveredWordCells={hoveredWordCells}
         inputRefs={inputRefs}
         locale={locale}
         reachableCells={reachableCells}

package/packages/scrabble-solver/src/components/Board/BoardPure.tsx

@@ -33,6 +33,7 @@ interface Props {
   config: Config;
   direction: TextDirection;
   hoveredCharacter: string | null;
+  hoveredWordCells: boolean[][] | null;
   inputRefs: RefObject<HTMLInputElement | null>[][];
   locale: Locale;
   reachableCells: boolean[][] | null;
@@ -55,6 +56,7 @@ const BoardPureBase = forwardRef<HTMLDivElement, Props>(
       direction,
       cellFilters,
       hoveredCharacter,
+      hoveredWordCells,
       inputRefs,
       locale,
       reachableCells,
@@ -118,25 +120,29 @@ const BoardPureBase = forwardRef<HTMLDivElement, Props>(
             {getCoordinate(y, showCoordinates === 'original' ? 'number' : 'letter')}
           </div>
 
-          {cells.map((cell, x) => (
-            <Cell
-              cell={cell}
-              cellBottom={y < rows.length - 1 ? rows[y + 1][x] : undefined}
-              cellLeft={x > 0 ? rows[y][x - 1] : undefined}
-              cellRight={x < rows[y].length - 1 ? rows[y][x + 1] : undefined}
-              cellTop={y > 0 ? rows[y - 1][x] : undefined}
-              config={config}
-              inputRef={inputRefs[y][x]}
-              isHoverMatch={isHoverMatch(cell, hoveredCharacter)}
-              isReachable={reachableCells ? reachableCells[y][x] : true}
-              key={x}
-              locale={locale}
-              showCoordinates={showCoordinates}
-              translate={translate}
-              onChange={onChange}
-              onFocus={onFocus}
-            />
-          ))}
+          {cells.map((cell, x) => {
+            const isHoveredWord = hoveredWordCells ? hoveredWordCells[y][x] : false;
+
+            return (
+              <Cell
+                cell={cell}
+                cellBottom={y < rows.length - 1 ? rows[y + 1][x] : undefined}
+                cellLeft={x > 0 ? rows[y][x - 1] : undefined}
+                cellRight={x < rows[y].length - 1 ? rows[y][x + 1] : undefined}
+                cellTop={y > 0 ? rows[y - 1][x] : undefined}
+                config={config}
+                highlighted={cell.isCandidate() || isHoverCharacter(cell, hoveredCharacter) || isHoveredWord}
+                inputRef={inputRefs[y][x]}
+                isReachable={reachableCells ? reachableCells[y][x] : true}
+                key={x}
+                locale={locale}
+                showCoordinates={showCoordinates}
+                translate={translate}
+                onChange={onChange}
+                onFocus={onFocus}
+              />
+            );
+          })}
         </Fragment>
       ))}
     </div>
@@ -145,7 +151,7 @@ const BoardPureBase = forwardRef<HTMLDivElement, Props>(
 
 export const BoardPure = memo(BoardPureBase);
 
-function isHoverMatch(cell: CellModel, hoveredCharacter: string | null): boolean {
+function isHoverCharacter(cell: CellModel, hoveredCharacter: string | null): boolean {
   if (cell.tile.character === EMPTY_CELL || hoveredCharacter === null) {
     return false;
   }

package/packages/scrabble-solver/src/components/Board/components/Cell/Cell.tsx

@@ -28,8 +28,8 @@ interface Props {
   cellTop?: CellModel;
   className?: string;
   config: Config;
+  highlighted?: boolean;
   inputRef: RefObject<HTMLInputElement | null>;
-  isHoverMatch: boolean;
   isReachable?: boolean;
   locale: Locale;
   showCoordinates: ShowCoordinates;
@@ -39,7 +39,7 @@ interface Props {
 }
 
 /**
- * Must not subscribe to the store - it can read the story only in event handlers.
+ * Must not subscribe to the store - it can read the store only in event handlers
  */
 const CellBase: FunctionComponent<Props> = ({
   cell,
@@ -49,8 +49,8 @@ const CellBase: FunctionComponent<Props> = ({
   cellTop,
   className,
   config,
+  highlighted,
   inputRef,
-  isHoverMatch,
   isReachable = true,
   locale,
   showCoordinates,
@@ -116,7 +116,7 @@ const CellBase: FunctionComponent<Props> = ({
         [styles.unreachable]: !isReachable,
       })}
       character={isEmpty ? undefined : tile.character}
-      highlighted={cell.isCandidate() || isHoverMatch}
+      highlighted={highlighted}
       inputRef={inputRef}
       isBlank={tile.isBlank}
       isValid={isValid}

package/packages/scrabble-solver/src/components/Board/lib.test.ts

@@ -0,0 +1,106 @@
+import { Board, Cell, Result, Tile } from '@scrabble-solver/types';
+
+import { getReachableCellsFromResults, getWordCells } from './lib';
+
+describe('getReachableCellsFromResults', () => {
+  const board = Board.fromStringArray(['     ', '     ', '  i  ', '     ', '     ']);
+
+  it('marks only cells with tiles as reachable when there are no results', () => {
+    expect(getReachableCellsFromResults(board, [])).toEqual([
+      [false, false, false, false, false],
+      [false, false, false, false, false],
+      [false, false, true, false, false],
+      [false, false, false, false, false],
+      [false, false, false, false, false],
+    ]);
+  });
+
+  it('marks cells covered by any result as reachable and all other empty cells as unreachable', () => {
+    const results = [
+      createResult([createPlacedCell('q', 1, 2), board.rows[2][2]]),
+      createResult([createPlacedCell('q', 2, 1), board.rows[2][2]]),
+    ];
+
+    expect(getReachableCellsFromResults(board, results)).toEqual([
+      [false, false, false, false, false],
+      [false, false, true, false, false],
+      [false, true, true, false, false],
+      [false, false, false, false, false],
+      [false, false, false, false, false],
+    ]);
+  });
+});
+
+describe('getWordCells', () => {
+  const board = Board.fromStringArray(['     ', ' cat ', ' o   ', ' d  x', '     ']);
+
+  it('marks the cells of a horizontal word', () => {
+    expect(getWordCells(board, { direction: 'horizontal', word: 'cat', x: 1, y: 1 })).toEqual([
+      [false, false, false, false, false],
+      [false, true, true, true, false],
+      [false, false, false, false, false],
+      [false, false, false, false, false],
+      [false, false, false, false, false],
+    ]);
+  });
+
+  it('marks the cells of a vertical word', () => {
+    expect(getWordCells(board, { direction: 'vertical', word: 'cod', x: 1, y: 1 })).toEqual([
+      [false, false, false, false, false],
+      [false, true, false, false, false],
+      [false, true, false, false, false],
+      [false, true, false, false, false],
+      [false, false, false, false, false],
+    ]);
+  });
+
+  it('stops at the board edge', () => {
+    expect(getWordCells(board, { direction: 'horizontal', word: 'x', x: 4, y: 3 })).toEqual([
+      [false, false, false, false, false],
+      [false, false, false, false, false],
+      [false, false, false, false, false],
+      [false, false, false, false, true],
+      [false, false, false, false, false],
+    ]);
+  });
+
+  it('marks the run of cells regardless of the word length in characters', () => {
+    const digraphBoard = new Board({
+      rows: [
+        [createFilledCell('ch', 0, 0), createFilledCell('e', 1, 0), createEmptyCell(2, 0)],
+        [createEmptyCell(0, 1), createEmptyCell(1, 1), createEmptyCell(2, 1)],
+      ],
+    });
+
+    expect(getWordCells(digraphBoard, { direction: 'horizontal', word: 'che', x: 0, y: 0 })).toEqual([
+      [true, true, false],
+      [false, false, false],
+    ]);
+  });
+
+  it('marks nothing when the starting cell is empty', () => {
+    expect(getWordCells(board, { direction: 'horizontal', word: 'gone', x: 0, y: 4 })).toEqual([
+      [false, false, false, false, false],
+      [false, false, false, false, false],
+      [false, false, false, false, false],
+      [false, false, false, false, false],
+      [false, false, false, false, false],
+    ]);
+  });
+});
+
+function createResult(cells: Cell[]): Result {
+  return new Result({ cells, collisions: [], id: 0, points: 0 });
+}
+
+function createPlacedCell(character: string, x: number, y: number): Cell {
+  return new Cell({ isEmpty: true, tile: new Tile({ character }), x, y });
+}
+
+function createFilledCell(character: string, x: number, y: number): Cell {
+  return new Cell({ isEmpty: false, tile: new Tile({ character }), x, y });
+}
+
+function createEmptyCell(x: number, y: number): Cell {
+  return new Cell({ isEmpty: true, tile: Tile.Null, x, y });
+}

package/packages/scrabble-solver/src/components/Board/lib.ts

@@ -1,5 +1,5 @@
 import { BONUS_WORD } from '@scrabble-solver/constants';
-import { type Board, type Bonus, type Config } from '@scrabble-solver/types';
+import { type Board, type BoardWord, type Bonus, type Result } from '@scrabble-solver/types';
 
 import { COLOR_BONUS_CHARACTER, COLOR_BONUS_CHARACTER_MULTIPLIER, COLOR_BONUS_WORD } from '@/parameters';
 import { type Direction, type Point } from '@/types';
@@ -36,8 +36,9 @@ export const getPositionInGrid = <T>(grid: T[][], constraint: (value: T) => bool
   return undefined;
 };
 
-export const getReachableCells = (config: Config, board: Board, charactersCount: number): boolean[][] => {
-  const { boardHeight, boardWidth } = config;
+export const getReachableCells = (board: Board, charactersCount: number): boolean[][] => {
+  const boardHeight = board.rowsCount;
+  const boardWidth = board.columnsCount;
   const reachable = createGrid(boardWidth, boardHeight, () => false);
 
   if (charactersCount === 0) {
@@ -116,3 +117,33 @@ export const getReachableCells = (config: Config, board: Board, charactersCount:
 
   return reachable;
 };
+
+export const getReachableCellsFromResults = (board: Board, results: Result[]): boolean[][] => {
+  const reachable = createGrid(board.columnsCount, board.rowsCount, (x, y) => board.rows[y][x].hasTile());
+
+  for (const result of results) {
+    for (const cell of result.cells) {
+      reachable[cell.y][cell.x] = true;
+    }
+  }
+
+  return reachable;
+};
+
+export const getWordCells = (board: Board, word: BoardWord): boolean[][] => {
+  const wordCells = createGrid(board.columnsCount, board.rowsCount, () => false);
+  const isHorizontal = word.direction === 'horizontal';
+  let { x, y } = word;
+
+  while (x < board.columnsCount && y < board.rowsCount && board.rows[y][x].hasTile()) {
+    wordCells[y][x] = true;
+
+    if (isHorizontal) {
+      x += 1;
+    } else {
+      y += 1;
+    }
+  }
+
+  return wordCells;
+};

package/packages/scrabble-solver/src/components/Board/selectors.ts

@@ -4,24 +4,36 @@ import { findCell } from '@/lib/findCell';
 import {
   selectBoard,
   selectCharacters,
-  selectConfig,
   selectHighlightUnreachableCells,
   selectResultCandidateCells,
+  selectUpToDateHoveredWord,
+  selectUpToDateResults,
 } from '@/state';
 
-import { getReachableCells } from './lib';
+import { getReachableCells, getReachableCellsFromResults, getWordCells } from './lib';
 
 export const selectRowsWithCandidate = createSelector([selectBoard, selectResultCandidateCells], (board, cells) => {
   return board.rows.map((row, y) => row.map((cell, x) => findCell(cells, x, y) || cell));
 });
 
+export const selectHoveredWordCells = createSelector(
+  [selectBoard, selectUpToDateHoveredWord],
+  (board, hoveredWord): boolean[][] | null => {
+    return hoveredWord ? getWordCells(board, hoveredWord) : null;
+  },
+);
+
 export const selectReachableCells = createSelector(
-  [selectConfig, selectBoard, selectCharacters, selectHighlightUnreachableCells],
-  (config, board, characters, highlightUnreachableCells): boolean[][] | null => {
+  [selectBoard, selectCharacters, selectHighlightUnreachableCells, selectUpToDateResults],
+  (board, characters, highlightUnreachableCells, upToDateResults): boolean[][] | null => {
     if (!highlightUnreachableCells || characters.length === 0) {
       return null;
     }
 
-    return getReachableCells(config, board, characters.length);
+    if (upToDateResults) {
+      return getReachableCellsFromResults(board, upToDateResults);
+    }
+
+    return getReachableCells(board, characters.length);
   },
 );

package/packages/scrabble-solver/src/components/Button/Button.module.scss

@@ -64,7 +64,7 @@
   gap: var(--spacing--l);
   line-height: var(--button--icon--size);
 
-  @include media('<l') {
+  @include media('compact') {
     gap: var(--spacing--m);
   }
 }

package/packages/scrabble-solver/src/components/Modal/Modal.module.scss

@@ -112,10 +112,6 @@
   padding: var(--spacing--l);
   padding-top: 0;
 
-  @include media('>l') {
-    display: none;
-  }
-
   > * {
     min-width: 0;
     flex: 1;

package/packages/scrabble-solver/src/components/Results/Header.tsx

@@ -1,5 +1,7 @@
-import { type FunctionComponent } from 'react';
+import { type FunctionComponent, useCallback } from 'react';
+import { useDispatch } from 'react-redux';
 
+import { Header as TableHeader, HeaderButton } from '@/components/Table';
 import { useColumns } from '@/hooks/useColumns';
 import GeoAlt from '@/icons/GeoAlt.svg';
 import OneTwoThree from '@/icons/OneTwoThree.svg';
@@ -8,27 +10,38 @@ import SquareA from '@/icons/SquareA.svg';
 import SquareB from '@/icons/SquareB.svg';
 import Squares from '@/icons/Squares.svg';
 import Words from '@/icons/Words.svg';
+import { resultsSlice, selectResultsSort, useTypedSelector } from '@/state';
 import { ResultColumnId } from '@/types';
 
-import { HeaderButton } from './HeaderButton';
 import styles from './Results.module.scss';
 
 export const Header: FunctionComponent = () => {
+  const dispatch = useDispatch();
   const columns = useColumns();
+  const sort = useTypedSelector(selectResultsSort);
+
+  const handleSort = useCallback(
+    (columnId: ResultColumnId) => {
+      dispatch(resultsSlice.actions.sort(columnId));
+    },
+    [dispatch],
+  );
 
   return (
-    <div className={styles.header}>
+    <TableHeader>
       {columns[ResultColumnId.Coordinates] && (
         <HeaderButton
           className={styles.coordinates}
           Icon={GeoAlt}
           id={ResultColumnId.Coordinates}
+          sort={sort}
           translationKey="settings.showCoordinates"
+          onSort={handleSort}
         />
       )}
 
       {columns[ResultColumnId.Word] && (
-        <HeaderButton className={styles.word} id={ResultColumnId.Word} translationKey="common.word" />
+        <HeaderButton id={ResultColumnId.Word} primary sort={sort} translationKey="common.word" onSort={handleSort} />
       )}
 
       {columns[ResultColumnId.TilesCount] && (
@@ -36,7 +49,9 @@ export const Header: FunctionComponent = () => {
           className={styles.stat}
           Icon={Squares}
           id={ResultColumnId.TilesCount}
+          sort={sort}
           translationKey="common.tiles"
+          onSort={handleSort}
         />
       )}
 
@@ -45,7 +60,9 @@ export const Header: FunctionComponent = () => {
           className={styles.stat}
           Icon={SquareA}
           id={ResultColumnId.VowelsCount}
+          sort={sort}
           translationKey="common.vowels"
+          onSort={handleSort}
         />
       )}
 
@@ -54,7 +71,9 @@ export const Header: FunctionComponent = () => {
           className={styles.stat}
           Icon={SquareB}
           id={ResultColumnId.ConsonantsCount}
+          sort={sort}
           translationKey="common.consonants"
+          onSort={handleSort}
         />
       )}
 
@@ -63,7 +82,9 @@ export const Header: FunctionComponent = () => {
           className={styles.stat}
           Icon={Square}
           id={ResultColumnId.BlanksCount}
+          sort={sort}
           translationKey="common.blanks"
+          onSort={handleSort}
         />
       )}
 
@@ -72,7 +93,9 @@ export const Header: FunctionComponent = () => {
           className={styles.stat}
           Icon={Words}
           id={ResultColumnId.WordsCount}
+          sort={sort}
           translationKey="common.words"
+          onSort={handleSort}
         />
       )}
 
@@ -81,9 +104,11 @@ export const Header: FunctionComponent = () => {
           className={styles.points}
           Icon={OneTwoThree}
           id={ResultColumnId.Points}
+          sort={sort}
           translationKey="common.points"
+          onSort={handleSort}
         />
       )}
-    </div>
+    </TableHeader>
   );
 };