scrabble-solver 2.17.0 → 2.18.0

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

@@ -1 +1 @@
-[{"name":"run-typescript","duration":169366,"timestamp":26528773671,"id":13,"parentId":1,"tags":{},"startTime":1786055166126,"traceId":"c15733d8168a03e3"},{"name":"run-webpack","duration":6699896,"timestamp":26528944927,"id":15,"parentId":1,"tags":{},"startTime":1786055166298,"traceId":"c15733d8168a03e3"},{"name":"static-check","duration":225589,"timestamp":26535727438,"id":2014,"parentId":1,"tags":{},"startTime":1786055173080,"traceId":"c15733d8168a03e3"},{"name":"static-generation","duration":240386,"timestamp":26535961329,"id":2032,"parentId":1,"tags":{},"startTime":1786055173314,"traceId":"c15733d8168a03e3"},{"name":"collect-build-traces","duration":4253048,"timestamp":26535953473,"id":2029,"parentId":1,"tags":{},"startTime":1786055173306,"traceId":"c15733d8168a03e3"},{"name":"telemetry-flush","duration":19,"timestamp":26540207730,"id":2039,"parentId":1,"tags":{},"startTime":1786055177561,"traceId":"c15733d8168a03e3"},{"name":"next-build","duration":11677867,"timestamp":26528529886,"id":1,"tags":{"buildMode":"default","version":"16.3.0","bundler":"webpack","has-custom-webpack-config":"true","use-build-worker":"false"},"startTime":1786055165883,"traceId":"c15733d8168a03e3"}]
+[{"name":"run-typescript","duration":158286,"timestamp":6510951452,"id":13,"parentId":1,"tags":{},"startTime":1786870651390,"traceId":"9b40d23f6be05912"},{"name":"run-webpack","duration":6341877,"timestamp":6511112797,"id":15,"parentId":1,"tags":{},"startTime":1786870651551,"traceId":"9b40d23f6be05912"},{"name":"static-check","duration":174428,"timestamp":6517506175,"id":2023,"parentId":1,"tags":{},"startTime":1786870657944,"traceId":"9b40d23f6be05912"},{"name":"static-generation","duration":239693,"timestamp":6517690173,"id":2041,"parentId":1,"tags":{},"startTime":1786870658128,"traceId":"9b40d23f6be05912"},{"name":"collect-build-traces","duration":4445976,"timestamp":6517680881,"id":2038,"parentId":1,"tags":{},"startTime":1786870658119,"traceId":"9b40d23f6be05912"},{"name":"telemetry-flush","duration":18,"timestamp":6522128075,"id":2048,"parentId":1,"tags":{},"startTime":1786870662566,"traceId":"9b40d23f6be05912"},{"name":"next-build","duration":11409192,"timestamp":6510718905,"id":1,"tags":{"buildMode":"default","version":"16.3.1","bundler":"webpack","has-custom-webpack-config":"true","use-build-worker":"false"},"startTime":1786870651157,"traceId":"9b40d23f6be05912"}]

package/packages/scrabble-solver/empty-module.js

@@ -0,0 +1,2 @@
+// Stub for modules webpack is configured to drop from the bundle (see next.config.js)
+module.exports = {};

package/packages/scrabble-solver/next.config.js

@@ -22,19 +22,30 @@ module.exports = {
       { source: '/not-found', headers: [cacheControl] },
     ];
   },
-  webpack(config, { isServer, dev }) {
+  webpack(config, { isServer, dev, webpack }) {
     config.module.rules.push({
       test: /\.svg$/i,
       issuer: /\.[jt]sx?$/,
       use: ['@svgr/webpack'],
     });
 
+    if (!isServer) {
+      // Next unconditionally bundles ES2019-2022 polyfills into its client runtime,
+      // but every browserslist target implements those methods natively.
+      config.plugins.push(
+        new webpack.NormalModuleReplacementPlugin(
+          /polyfills\/polyfill-module/,
+          path.join(__dirname, 'empty-module.js'),
+        ),
+      );
+    }
+
     if (!isServer && !dev) {
       config.plugins.push(
         new WorkboxPlugin.InjectManifest({
           swSrc: path.join(__dirname, 'src/service-worker/index.ts'),
           swDest: path.join(__dirname, 'public/service-worker.js'),
-          exclude: [/\.map$/, /\.next/, /_next/, /manifest/, /\.htaccess$/, /.*\/static\/.*/, /service-worker\.js$/],
+          exclude: [/\.css$/, /\.map$/, /service-worker\.js$/],
         }),
       );
     }

package/packages/scrabble-solver/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scrabble-solver/scrabble-solver",
-  "version": "2.17.0",
+  "version": "2.18.0",
   "description": "Scrabble Solver 2 - App",
   "repository": {
     "type": "git",
@@ -16,31 +16,50 @@
     "url": "https://github.com/kamilmielnik/scrabble-solver/issues"
   },
   "homepage": "https://scrabble-solver.org",
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss",
+    "src/pages/**"
+  ],
+  "browserslist": [
+    "chrome >= 100",
+    "and_chr >= 100",
+    "edge >= 100",
+    "firefox >= 100",
+    "safari >= 15.4",
+    "ios_saf >= 15.4",
+    "samsung >= 17",
+    "opera >= 86",
+    "op_mob >= 70",
+    "android >= 100",
+    "and_ff >= 100"
+  ],
   "scripts": {
-    "build": "env-cmd next build --webpack",
-    "clean": "rimraf .next/",
+    "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": "env-cmd next dev --webpack",
+    "dev": "concurrently -n scss,next 'bun scripts/generate-scss-types.ts --watch' 'env-cmd next dev --webpack'",
+    "generate-scss-types": "bun scripts/generate-scss-types.ts",
     "start": "env-cmd next start -p 3333",
     "test": "bun test --timeout 180000 src",
-    "type-check": "tsc --noEmit"
+    "type-check": "bun run generate-scss-types && tsc --noEmit"
   },
   "dependencies": {
     "@floating-ui/react": "^0.27.20",
     "@kamilmielnik/gaddag": "^2.0.0",
     "@reduxjs/toolkit": "^2.12.0",
-    "@scrabble-solver/configs": "^2.17.0",
-    "@scrabble-solver/constants": "^2.17.0",
-    "@scrabble-solver/dictionaries": "^2.17.0",
-    "@scrabble-solver/logger": "^2.17.0",
-    "@scrabble-solver/solver": "^2.17.0",
-    "@scrabble-solver/types": "^2.17.0",
-    "@scrabble-solver/word-definitions": "^2.17.0",
+    "@scrabble-solver/configs": "^2.18.0",
+    "@scrabble-solver/constants": "^2.18.0",
+    "@scrabble-solver/dictionaries": "^2.18.0",
+    "@scrabble-solver/logger": "^2.18.0",
+    "@scrabble-solver/solver": "^2.18.0",
+    "@scrabble-solver/types": "^2.18.0",
+    "@scrabble-solver/word-definitions": "^2.18.0",
     "classnames": "^2.5.1",
     "env-cmd": "^11.0.0",
     "include-media": "^2.0.0",
     "include-media-query-builder": "^1.1.0",
-    "next": "^16.3.0",
+    "next": "^16.3.1",
     "normalize.css": "^8.0.1",
     "react": "^19.2.8",
     "react-cool-onclickoutside": "^1.7.0",
@@ -51,7 +70,6 @@
     "react-window": "^2.3.0",
     "redux-saga": "^1.5.1",
     "store2": "^2.14.4",
-    "transliteration": "^2.6.1",
     "use-debounce": "^10.1.1",
     "workbox-expiration": "^7.4.1",
     "workbox-precaching": "^7.4.1",
@@ -66,6 +84,7 @@
     "@types/react-highlight-words": "^0.20.1",
     "@types/react-modal": "^3.16.3",
     "@types/react-portal": "^4.0.7",
+    "postcss": "^8.5.26",
     "sass": "^1.102.0"
   },
   "gitHead": "1e2d1ad49a288d4a44196d8e3336740da132c637"

package/packages/scrabble-solver/public/llms.txt

@@ -0,0 +1,11 @@
+# Scrabble Solver
+
+> Free and open-source analysis tool for Scrabble, Super Scrabble, Scrabble Duel, Letter League, Crossplay, Literaki, and Kelimelik. Quickly finds top-scoring words for a given board and rack in English, French, German, Persian, Polish, Romanian, Spanish, and Turkish.
+
+Scrabble Solver is a single-page web app. Enter the board state and your tiles to get every legal move ranked by score, check whether a word is allowed in the selected language's dictionary, and look up word definitions. Once a dictionary is cached, solving also works offline.
+
+## Resources
+
+- [Web app](https://scrabble-solver.org/): the solver itself, free and with no sign-up
+- [Source code](https://github.com/kamilmielnik/scrabble-solver): GitHub repository with documentation and issue tracker
+- [npm package](https://www.npmjs.com/package/scrabble-solver): run the app locally with `bunx scrabble-solver@latest`

package/packages/scrabble-solver/public/robots.txt

@@ -0,0 +1,4 @@
+User-agent: *
+Allow: /
+
+Sitemap: https://scrabble-solver.org/sitemap.xml

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({request:e}){try{return await fetch(e)}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':'52dad768a541ef05b366c5d7de790b71','url':'/_next/static/OLE8_ZInlGH7ENU0NIOpf/_buildManifest.js'},{'revision':'b6652df95db52feb4daf4eca35380933','url':'/_next/static/OLE8_ZInlGH7ENU0NIOpf/_ssgManifest.js'},{'revision':null,'url':'/_next/static/chunks/583.7a46807be14c377e.js'},{'revision':null,'url':'/_next/static/chunks/830.661816bf0de8c2f1.js'},{'revision':null,'url':'/_next/static/chunks/framework-3cf15b8041c59dd3.js'},{'revision':null,'url':'/_next/static/chunks/main-5b999f3f24ebfa84.js'},{'revision':null,'url':'/_next/static/chunks/pages/_app-7024e7a27ffbb2fa.js'},{'revision':null,'url':'/_next/static/chunks/pages/_error-afeda7c5231b6c3c.js'},{'revision':null,'url':'/_next/static/chunks/pages/index-8b398b0a5d870773.js'},{'revision':null,'url':'/_next/static/chunks/pages/not-found-9e076427bad69d90.js'},{'revision':'846118c33b2c0e922d7b3a7676f81f6f','url':'/_next/static/chunks/polyfills-42372ed130431b0a.js'},{'revision':null,'url':'/_next/static/chunks/webpack-3943d624bbb47a64.js'},{'revision':null,'url':'/_next/static/css/a78e04fe95452380.css'},{'revision':null,'url':'/_next/static/css/aedeaada218d7280.css'}],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':'0707b4bb1472b9e3965e35b76761e790','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':'74461776ec2e686577afaa0b23cd248a','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':'fb88ebaa5db2efc73edc730122dfc471','url':'/_next/static/FL82obwzFHRzvV6z76I-U/_buildManifest.js'},{'revision':'b6652df95db52feb4daf4eca35380933','url':'/_next/static/FL82obwzFHRzvV6z76I-U/_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-ba5d628e81a15461.js'},{'revision':null,'url':'/_next/static/chunks/pages/_error-f0290a98eb3ed0ec.js'},{'revision':null,'url':'/_next/static/chunks/pages/index-5f9fa6ac3cd3d97b.js'},{'revision':null,'url':'/_next/static/chunks/pages/not-found-23d61fd3ed791cad.js'},{'revision':'846118c33b2c0e922d7b3a7676f81f6f','url':'/_next/static/chunks/polyfills-42372ed130431b0a.js'},{'revision':null,'url':'/_next/static/chunks/webpack-e34c3ae12275e978.js'}],k().precache(a),q(new E(k(),void 0)),q(new W(S,{denylist:[/^\/api\//]}))})();

package/packages/scrabble-solver/scripts/generate-scss-types.ts

@@ -0,0 +1,112 @@
+import { existsSync, readdirSync, readFileSync, unlinkSync, watch, writeFileSync } from 'node:fs';
+import path from 'node:path';
+import postcss from 'postcss';
+import * as sass from 'sass';
+
+const packageDirectory = path.join(__dirname, '..');
+const sourceDirectory = path.join(packageDirectory, 'src');
+const loadPaths = [sourceDirectory, path.join(packageDirectory, '../../node_modules/include-media/dist')];
+const compiler = sass.initCompiler();
+
+generateAll();
+
+if (process.argv.includes('--watch')) {
+  watchModuleStylesheets();
+} else {
+  compiler.dispose();
+}
+
+function generateAll() {
+  const files = findModuleStylesheets();
+
+  for (const file of files) {
+    generate(file);
+  }
+
+  console.log(`Generated type definitions for ${files.length} .module.scss files`);
+}
+
+function findModuleStylesheets(): string[] {
+  return readdirSync(sourceDirectory, { encoding: 'utf8', recursive: true })
+    .filter((file) => file.endsWith('.module.scss'))
+    .sort()
+    .map((file) => path.join(sourceDirectory, file));
+}
+
+function watchModuleStylesheets() {
+  console.log(`Watching ${sourceDirectory} for .module.scss changes`);
+
+  watch(sourceDirectory, { recursive: true }, (_event, filename) => {
+    if (!filename || !filename.endsWith('.module.scss')) {
+      return;
+    }
+
+    const file = path.join(sourceDirectory, filename);
+
+    try {
+      if (existsSync(file)) {
+        generate(file);
+      } else if (existsSync(getTypesFilepath(file))) {
+        unlinkSync(getTypesFilepath(file));
+      }
+    } catch (error) {
+      console.error(String(error));
+    }
+  });
+}
+
+function generate(file: string) {
+  const { css } = compiler.compile(file, { loadPaths, quietDeps: true });
+  const content = formatTypesFile(extractClassNames(css));
+  const typesFilepath = getTypesFilepath(file);
+
+  if (!existsSync(typesFilepath) || readFileSync(typesFilepath, 'utf8') !== content) {
+    writeFileSync(typesFilepath, content);
+    console.log(`Generated ${path.relative(packageDirectory, typesFilepath)}`);
+  }
+}
+
+function extractClassNames(css: string): string[] {
+  const classNames = new Set<string>();
+  const stylesheet = postcss.parse(css);
+
+  stylesheet.walkAtRules('keyframes', (atRule) => {
+    classNames.add(atRule.params);
+  });
+
+  stylesheet.walkRules((rule) => {
+    if (rule.selector === ':export') {
+      rule.walkDecls((declaration) => {
+        classNames.add(declaration.prop);
+      });
+    } else {
+      const localSelector = rule.selector.replace(/:global\([^)]*\)/g, '');
+
+      for (const [, className] of localSelector.matchAll(/\.(-?[A-Za-z_][\w-]*)/g)) {
+        classNames.add(className);
+      }
+    }
+  });
+
+  return [...classNames].sort();
+}
+
+function formatTypesFile(classNames: string[]): string {
+  return [
+    '// Generated by scripts/generate-scss-types.ts - do not edit.',
+    'declare const styles: {',
+    ...classNames.map((className) => `  readonly ${formatKey(className)}: string;`),
+    '};',
+    '',
+    'export default styles;',
+    '',
+  ].join('\n');
+}
+
+function formatKey(className: string): string {
+  return /^[A-Za-z_$][\w$]*$/.test(className) ? className : `'${className}'`;
+}
+
+function getTypesFilepath(file: string): string {
+  return `${file}.d.ts`;
+}

package/packages/scrabble-solver/src/@types/scss.d.ts

@@ -1,9 +1,6 @@
-declare module '*.module.scss' {
-  const classesMap: Record<string, string>;
-  export default classesMap;
-}
-
-declare module '*.scss' {
-  const classesMap: Record<string, string>;
-  export default classesMap;
-}
+/**
+ * Covers side-effect imports of global stylesheets. Imports of *.module.scss
+ * files resolve to their sibling .d.ts files, generated by
+ * scripts/generate-scss-types.ts (run via the build, type-check, and dev scripts).
+ */
+declare module '*.scss' {}

package/packages/scrabble-solver/src/@types/svg.d.ts

@@ -1,4 +1,4 @@
-declare module 'icons/*.svg' {
+declare module '@/icons/*.svg' {
   import { FunctionComponent, SVGAttributes } from 'react';
 
   const component: FunctionComponent<SVGAttributes<SVGElement>>;

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

@@ -0,0 +1,13 @@
+// Generated by scripts/generate-scss-types.ts - do not edit.
+declare const styles: {
+  readonly alert: string;
+  readonly content: string;
+  readonly error: string;
+  readonly icon: string;
+  readonly iconContainer: string;
+  readonly info: string;
+  readonly success: string;
+  readonly warning: string;
+};
+
+export default styles;

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

@@ -1,7 +1,10 @@
 import classNames from 'classnames';
 import { type FunctionComponent, type HTMLProps, type ReactNode, type SVGAttributes } from 'react';
 
-import { Check, CrossCircleFill, ExclamationTriangleFill, InfoCircleFill } from '@/icons';
+import Check from '@/icons/Check.svg';
+import CrossCircleFill from '@/icons/CrossCircleFill.svg';
+import ExclamationTriangleFill from '@/icons/ExclamationTriangleFill.svg';
+import InfoCircleFill from '@/icons/InfoCircleFill.svg';
 
 import styles from './Alert.module.scss';
 

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

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

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

@@ -2,12 +2,19 @@
 @use 'styles/mixins' as *;
 
 .board {
+  --tile-size: var(--cell-size);
+  --coordinate-track-size: calc(var(--coordinate-size) - var(--border--width));
+
   display: grid;
+  grid-template-columns: var(--coordinate-track-size) repeat(var(--board-cols), var(--cell-size));
+  grid-template-rows: var(--coordinate-track-size) repeat(var(--board-rows), var(--cell-size));
   gap: var(--border--width);
   box-shadow: var(--box-shadow);
   background-color: white;
+  background-size: 100% 100%;
   border: var(--border);
   border-radius: var(--border--radius);
+  font-size: max(14px, calc(var(--cell-size) * 0.6));
 }
 
 .floating {
@@ -21,6 +28,8 @@
 .focus {
   @include focus-effect;
 
+  width: var(--cell-size);
+  height: var(--cell-size);
   cursor: text;
 
   &::after {
@@ -70,4 +79,5 @@
   display: flex;
   align-items: center;
   justify-content: center;
+  font-size: calc(0.3 * var(--cell-size));
 }

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

@@ -0,0 +1,17 @@
+// Generated by scripts/generate-scss-types.ts - do not edit.
+declare const styles: {
+  readonly board: string;
+  readonly coordinate: string;
+  readonly floating: string;
+  readonly focus: string;
+  readonly hidden: string;
+  readonly hide: string;
+  readonly icon: string;
+  readonly iconBackground: string;
+  readonly iconContainer: string;
+  readonly rotate: string;
+  readonly show: string;
+  readonly wave: string;
+};
+
+export default styles;

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

@@ -3,21 +3,22 @@
 import { FloatingPortal, type ReferenceType } from '@floating-ui/react';
 import { EMPTY_CELL } from '@scrabble-solver/constants';
 import classNames from 'classnames';
-import { type CSSProperties, type FocusEventHandler, type FunctionComponent, useCallback, useState } from 'react';
+import { type FocusEventHandler, type FunctionComponent, useCallback, useState } from 'react';
 import useOnclickOutside from 'react-cool-onclickoutside';
 import { useDispatch } from 'react-redux';
 
-import { useAppLayout } from '@/app-layout';
-import { LOCALE_FEATURES } from '@/i18n';
-import { TRANSITION } from '@/parameters';
+import { LOCALE_FEATURES } from '@/i18n/constants';
 import {
   boardSlice,
   cellFiltersSlice,
   selectCellFilters,
+  selectConfig,
+  selectHoveredCharacter,
   selectInputMode,
   selectLocale,
   selectShowCoordinates,
   solveSlice,
+  useTranslate,
   useTypedSelector,
 } from '@/state';
 
@@ -33,13 +34,15 @@ interface Props {
 
 export const Board: FunctionComponent<Props> = ({ className }) => {
   const dispatch = useDispatch();
+  const translate = useTranslate();
   const locale = useTypedSelector(selectLocale);
+  const config = useTypedSelector(selectConfig);
   const rows = useTypedSelector(selectRowsWithCandidate);
   const reachableCells = useTypedSelector(selectReachableCells);
   const inputMode = useTypedSelector(selectInputMode);
   const cellFilters = useTypedSelector(selectCellFilters);
   const showCoordinates = useTypedSelector(selectShowCoordinates);
-  const { cellSize, coordinatesFontSize, coordinatesSize } = useAppLayout();
+  const hoveredCharacter = useTypedSelector(selectHoveredCharacter);
   const [
     { activeIndex, direction, inputRefs },
     { insertValue, onChange, onDirectionToggle, onFocus, onKeyDown, onPaste },
@@ -47,7 +50,6 @@ export const Board: FunctionComponent<Props> = ({ className }) => {
   const boardStyle = useBoardStyle();
   const [hasFocus, setHasFocus] = useState(false);
   const [showInputPrompt, setShowInputPrompt] = useState(false);
-  const [transition, setTransition] = useState<CSSProperties['transition']>(TRANSITION);
   const inputRef = inputRefs[activeIndex.y][activeIndex.x];
   const cell = rows[activeIndex.y][activeIndex.x];
   const floatingActions = useFloatingActions();
@@ -80,8 +82,6 @@ export const Board: FunctionComponent<Props> = ({ className }) => {
 
   const handleFocus: typeof onFocus = useCallback(
     (newX, newY) => {
-      const isFirstFocus = !hasFocus;
-      const originalTransition = floatingActions.refs.floating.current?.style.transition || '';
       const newInputRef = inputRefs[newY][newX].current;
       const newTileElement = newInputRef?.parentElement || null;
 
@@ -89,16 +89,8 @@ export const Board: FunctionComponent<Props> = ({ className }) => {
       onFocus(newX, newY);
       setHasFocus(true);
       setShowInputPrompt(false);
-
-      if (isFirstFocus) {
-        setTransition('none');
-
-        globalThis.setTimeout(() => {
-          setTransition(originalTransition);
-        }, 0);
-      }
     },
-    [floatingActions.refs.floating, hasFocus, inputRefs, onFocus, updateFloatingReference],
+    [inputRefs, onFocus, updateFloatingReference],
   );
 
   const handleEnterWord = useCallback(() => {
@@ -153,16 +145,17 @@ export const Board: FunctionComponent<Props> = ({ className }) => {
       <BoardPure
         className={className}
         cellFilters={cellFilters}
-        cellSize={cellSize}
-        coordinatesFontSize={coordinatesFontSize}
-        coordinatesSize={coordinatesSize}
+        config={config}
         direction={LOCALE_FEATURES[locale].direction}
+        hoveredCharacter={hoveredCharacter}
         inputRefs={inputRefs}
+        locale={locale}
         reachableCells={reachableCells}
         ref={ref}
         rows={rows}
         showCoordinates={showCoordinates}
         style={boardStyle}
+        translate={translate}
         onBlur={handleBlur}
         onChange={onChange}
         onFocus={handleFocus}
@@ -178,14 +171,11 @@ export const Board: FunctionComponent<Props> = ({ className }) => {
           ref={floatingFocus.refs.setFloating}
           style={{
             position: floatingFocus.strategy,
-            top: floatingFocus.y + cellSize,
+            top: `calc(${floatingFocus.y ?? 0}px + var(--cell-size))`,
             left: floatingFocus.x,
             display: floatingFocus.isPositioned ? 'block' : 'none',
-            width: cellSize,
-            height: cellSize,
             opacity: hasFocus ? 1 : 0,
             visibility: floatingFocus.x === null || floatingFocus.y === null ? 'hidden' : 'visible',
-            transition,
           }}
           tabIndex={0}
         />
@@ -200,7 +190,6 @@ export const Board: FunctionComponent<Props> = ({ className }) => {
               position: floatingActions.strategy,
               top: floatingActions.y ?? 0,
               left: floatingActions.x ?? 0,
-              transition,
             }}
             onDirectionToggle={handleToggleDirection}
             onEnterWord={handleEnterWord}
@@ -219,7 +208,6 @@ export const Board: FunctionComponent<Props> = ({ className }) => {
               position: floatingInputPrompt.strategy,
               top: floatingInputPrompt.y ?? 0,
               left: floatingInputPrompt.x ?? 0,
-              transition,
             }}
             onDirectionToggle={handleToggleDirection}
             onSubmit={handleInsertWord}