@scrabble-solver/scrabble-solver 2.12.0 → 2.12.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scrabble-solver/scrabble-solver",
-  "version": "2.12.0",
+  "version": "2.12.2",
   "description": "Scrabble Solver 2 - App",
   "engines": {
     "node": ">=16"
@@ -18,7 +18,7 @@
   "bugs": {
     "url": "https://github.com/kamilmielnik/scrabble-solver/issues"
   },
-  "homepage": "https://github.com/kamilmielnik/scrabble-solver#readme",
+  "homepage": "https://scrabble-solver.org",
   "scripts": {
     "build": "env-cmd next build",
     "clean": "rimraf .next/ node_modules/",
@@ -28,20 +28,20 @@
     "start": "env-cmd next start -p 3333"
   },
   "dependencies": {
-    "@floating-ui/react": "^0.22.2",
+    "@floating-ui/react": "^0.22.3",
     "@kamilmielnik/trie": "^2.0.1",
     "@reduxjs/toolkit": "^1.9.3",
-    "@scrabble-solver/configs": "^2.12.0",
-    "@scrabble-solver/constants": "^2.12.0",
-    "@scrabble-solver/dictionaries": "^2.12.0",
-    "@scrabble-solver/logger": "^2.12.0",
-    "@scrabble-solver/solver": "^2.12.0",
-    "@scrabble-solver/types": "^2.12.0",
-    "@scrabble-solver/word-definitions": "^2.12.0",
+    "@scrabble-solver/configs": "^2.12.2",
+    "@scrabble-solver/constants": "^2.12.2",
+    "@scrabble-solver/dictionaries": "^2.12.2",
+    "@scrabble-solver/logger": "^2.12.2",
+    "@scrabble-solver/solver": "^2.12.2",
+    "@scrabble-solver/types": "^2.12.2",
+    "@scrabble-solver/word-definitions": "^2.12.2",
     "classnames": "^2.3.2",
     "include-media": "^2.0.0",
     "include-media-query-builder": "^1.1.0",
-    "next": "^13.2.4",
+    "next": "^13.3.0",
     "normalize.css": "^8.0.1",
     "react": "^18.2.0",
     "react-cool-onclickoutside": "^1.7.0",
@@ -61,7 +61,7 @@
   "devDependencies": {
     "@svgr/webpack": "^7.0.0",
     "@types/classnames": "^2.3.0",
-    "@types/react": "^18.0.31",
+    "@types/react": "^18.0.33",
     "@types/react-dom": "^18.0.11",
     "@types/react-highlight-words": "^0.16.4",
     "@types/react-modal": "^3.13.1",
@@ -71,8 +71,8 @@
     "@types/redux": "^3.6.31",
     "@types/redux-saga": "^0.10.5",
     "env-cmd": "^10.1.0",
-    "sass": "^1.60.0",
+    "sass": "^1.61.0",
     "workbox-webpack-plugin": "^6.5.4"
   },
-  "gitHead": "0fe4eb1f970634bbfc7f6aa5bd43dcb2ef3ba3d8"
+  "gitHead": "22ec8b756bf1f50d94028c8e69ccc269c23e5759"
 }

package/public/icons/favicon.svg

@@ -0,0 +1,6 @@
+<svg viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
+  <g transform="rotate(0, 40, 40)">
+    <path d="m 12,0 h 56 c 6.648,0 12,5.352 12,12 v 56 c 0,6.648 -5.352,12 -12,12 H 12 C 5.352,80 0,74.648 0,68 V 12 C 0,5.352 5.352,0 12,0 Z" fill="#efe3ae" />
+    <path d="m 51.320312,47.628907 q 0,3.046875 -1.476562,5.296875 -1.476563,2.25 -4.3125,3.46875 -2.8125,1.21875 -6.84375,1.21875 -1.78125,0 -3.492188,-0.234375 -1.6875,-0.234375 -3.257812,-0.679687 -1.546875,-0.46875 -2.953125,-1.148438 v -6.75 q 2.4375,1.078125 5.0625,1.945313 2.625,0.867187 5.203125,0.867187 1.78125,0 2.859375,-0.46875 1.101562,-0.46875 1.59375,-1.289062 0.492187,-0.820313 0.492187,-1.875 0,-1.289063 -0.867187,-2.203125 Q 42.460937,44.863282 40.9375,44.066407 39.4375,43.269532 37.539062,42.35547 36.34375,41.79297 34.9375,40.996095 33.53125,40.175782 32.265625,39.003907 31,37.832032 30.179687,36.16797 q -0.796875,-1.6875 -0.796875,-4.03125 0,-3.070313 1.40625,-5.25 1.40625,-2.179688 4.007813,-3.328125 2.625,-1.171875 6.1875,-1.171875 2.671875,0 5.085937,0.632812 2.4375,0.609375 5.085938,1.78125 L 48.8125,30.44922 q -2.367188,-0.960938 -4.242188,-1.476563 -1.875,-0.539062 -3.820312,-0.539062 -1.359375,0 -2.320313,0.445312 -0.960937,0.421875 -1.453125,1.21875 -0.492187,0.773438 -0.492187,1.804688 0,1.21875 0.703125,2.0625 0.726562,0.820312 2.15625,1.59375 1.453125,0.773437 3.609375,1.804687 2.625,1.242188 4.476562,2.601563 1.875,1.335937 2.882813,3.164062 1.007812,1.804688 1.007812,4.5 z" />
+  </g>
+</svg>

package/public/logo.svg

@@ -1,91 +1,62 @@
 <svg viewBox="0 0 682 166" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
-  <!-- S -->
   <g transform="rotate(0, 40, 40)">
-    <path fill="#efe3ae" d="M 0,0 H 80 V 80 H 0 Z" />
-    <path d="m 51.167969,47.628907 q 0,3.046875 -1.476563,5.296875 -1.476562,2.25 -4.3125,3.46875 -2.8125,1.21875 -6.84375,1.21875 -1.78125,0 -3.492187,-0.234375 -1.6875,-0.234375 -3.257813,-0.679687 -1.546875,-0.46875 -2.953125,-1.148438 v -6.75 q 2.4375,1.078125 5.0625,1.945313 2.625,0.867187 5.203125,0.867187 1.78125,0 2.859375,-0.46875 1.101563,-0.46875 1.59375,-1.289062 0.492188,-0.820313 0.492188,-1.875 0,-1.289063 -0.867188,-2.203125 -0.867187,-0.914063 -2.390625,-1.710938 -1.5,-0.796875 -3.398437,-1.710937 -1.195313,-0.5625 -2.601563,-1.359375 -1.40625,-0.820313 -2.671875,-1.992188 -1.265625,-1.171875 -2.085937,-2.835937 -0.796875,-1.6875 -0.796875,-4.03125 0,-3.070313 1.40625,-5.25 1.40625,-2.179688 4.007812,-3.328125 2.625,-1.171875 6.1875,-1.171875 2.671875,0 5.085938,0.632812 2.4375,0.609375 5.085937,1.78125 l -2.34375,5.648438 q -2.367187,-0.960938 -4.242187,-1.476563 -1.875,-0.539062 -3.820313,-0.539062 -1.359375,0 -2.320312,0.445312 -0.960938,0.421875 -1.453125,1.21875 -0.492188,0.773438 -0.492188,1.804688 0,1.21875 0.703125,2.0625 0.726563,0.820312 2.15625,1.59375 1.453125,0.773437 3.609375,1.804687 2.625,1.242188 4.476563,2.601563 1.875,1.335937 2.882812,3.164062 1.007813,1.804688 1.007813,4.5 z" />
+    <path d="m 12,0 h 56 c 6.648,0 12,5.352 12,12 v 56 c 0,6.648 -5.352,12 -12,12 H 12 C 5.352,80 0,74.648 0,68 V 12 C 0,5.352 5.352,0 12,0 Z" fill="#efe3ae" />
+    <path d="m 51.320312,47.628907 q 0,3.046875 -1.476562,5.296875 -1.476563,2.25 -4.3125,3.46875 -2.8125,1.21875 -6.84375,1.21875 -1.78125,0 -3.492188,-0.234375 -1.6875,-0.234375 -3.257812,-0.679687 -1.546875,-0.46875 -2.953125,-1.148438 v -6.75 q 2.4375,1.078125 5.0625,1.945313 2.625,0.867187 5.203125,0.867187 1.78125,0 2.859375,-0.46875 1.101562,-0.46875 1.59375,-1.289062 0.492187,-0.820313 0.492187,-1.875 0,-1.289063 -0.867187,-2.203125 Q 42.460937,44.863282 40.9375,44.066407 39.4375,43.269532 37.539062,42.35547 36.34375,41.79297 34.9375,40.996095 33.53125,40.175782 32.265625,39.003907 31,37.832032 30.179687,36.16797 q -0.796875,-1.6875 -0.796875,-4.03125 0,-3.070313 1.40625,-5.25 1.40625,-2.179688 4.007813,-3.328125 2.625,-1.171875 6.1875,-1.171875 2.671875,0 5.085937,0.632812 2.4375,0.609375 5.085938,1.78125 L 48.8125,30.44922 q -2.367188,-0.960938 -4.242188,-1.476563 -1.875,-0.539062 -3.820312,-0.539062 -1.359375,0 -2.320313,0.445312 -0.960937,0.421875 -1.453125,1.21875 -0.492187,0.773438 -0.492187,1.804688 0,1.21875 0.703125,2.0625 0.726562,0.820312 2.15625,1.59375 1.453125,0.773437 3.609375,1.804687 2.625,1.242188 4.476562,2.601563 1.875,1.335937 2.882813,3.164062 1.007812,1.804688 1.007812,4.5 z" />
   </g>
-
-  <!-- C -->
   <g transform="rotate(0, 126, 40)">
-    <path fill="#c7d8f9" d="m 86,0 h 80 V 80 H 86 Z" />
+    <path d="m 98,0 h 56 c 6.648,0 12,5.352 12,12 v 56 c 0,6.648 -5.352,12 -12,12 H 98 C 91.352,80 86,74.648 86,68 V 12 C 86,5.352 91.352,0 98,0 Z" fill="#c7d8f9" />
     <path d="m 129.57422,28.433595 q -2.08594,0 -3.70313,0.820312 -1.59375,0.796875 -2.69531,2.320313 -1.07812,1.523437 -1.64062,3.679687 -0.5625,2.15625 -0.5625,4.851563 0,3.632812 0.89062,6.210937 0.91406,2.554688 2.8125,3.914063 1.89844,1.335937 4.89844,1.335937 2.08594,0 4.17187,-0.46875 2.10938,-0.46875 4.57032,-1.335937 v 6.09375 q -2.27344,0.9375 -4.47657,1.335937 -2.20312,0.421875 -4.94531,0.421875 -5.29687,0 -8.71875,-2.179687 -3.39844,-2.203125 -5.03906,-6.140625 -1.64063,-3.960938 -1.64063,-9.234375 0,-3.890625 1.05469,-7.125 1.05469,-3.234375 3.09375,-5.601563 2.03906,-2.367187 5.03906,-3.65625 3,-1.289062 6.89063,-1.289062 2.55469,0 5.10937,0.65625 2.57813,0.632812 4.92188,1.757812 l -2.34375,5.90625 q -1.92188,-0.914062 -3.86719,-1.59375 -1.94531,-0.679687 -3.82031,-0.679687 z" />
   </g>
-
-  <!-- R -->
   <g transform="rotate(0, 212, 40)">
-    <path fill="#efe3ae" d="m 172,0 h 80 v 80 h -80 z" />
+    <path d="m 184,0 h 56 c 6.648,0 12,5.352 12,12 v 56 c 0,6.648 -5.352,12 -12,12 h -56 c -6.648,0 -12,-5.352 -12,-12 V 12 c 0,-6.648 5.352,-12 12,-12 z" fill="#efe3ae" />
     <path d="m 210.45312,22.867188 q 4.66407,0 7.6875,1.125 3.04688,1.125 4.52344,3.398438 1.47656,2.273437 1.47656,5.742187 0,2.34375 -0.89062,4.101563 -0.89063,1.757812 -2.34375,2.976562 -1.45313,1.21875 -3.14063,1.992188 l 10.07813,14.929687 h -8.0625 l -8.17969,-13.148437 h -3.86719 v 13.148437 h -7.26562 V 22.867188 Z m -0.51562,5.953125 h -2.20313 v 9.257813 h 2.34375 q 3.60938,0 5.15625,-1.195313 1.57032,-1.21875 1.57032,-3.5625 0,-2.4375 -1.6875,-3.46875 -1.66407,-1.03125 -5.17969,-1.03125 z" />
   </g>
-
-  <!-- A -->
   <g transform="rotate(0, 298, 40)">
-    <path fill="#efe3ae" d="m 258,0 h 80 v 80 h -80 z" />
+    <path d="m 270,0 h 56 c 6.648,0 12,5.352 12,12 v 56 c 0,6.648 -5.352,12 -12,12 h -56 c -6.648,0 -12,-5.352 -12,-12 V 12 c 0,-6.648 5.352,-12 12,-12 z" fill="#efe3ae" />
     <path d="m 306.73047,57.203126 -2.48438,-8.15625 h -12.49218 l -2.48438,8.15625 h -7.82812 l 12.09375,-34.40625 h 8.88281 l 12.14062,34.40625 z m -4.21875,-14.25 -2.48438,-7.96875 q -0.23437,-0.796875 -0.63281,-2.039063 -0.375,-1.265625 -0.77344,-2.554687 -0.375,-1.3125 -0.60937,-2.273438 -0.23438,0.960938 -0.65625,2.390625 -0.39844,1.40625 -0.77344,2.671875 -0.375,1.265625 -0.53906,1.804688 l -2.46094,7.96875 z" />
   </g>
-
-  <!-- B -->
   <g transform="rotate(0, 384, 40)">
-    <path fill="#c7d8f9" d="m 344,0 h 80 v 80 h -80 z" />
+    <path d="m 356,0 h 56 c 6.648,0 12,5.352 12,12 v 56 c 0,6.648 -5.352,12 -12,12 h -56 c -6.648,0 -12,-5.352 -12,-12 V 12 c 0,-6.648 5.352,-12 12,-12 z" fill="#c7d8f9" />
     <path d="m 372.1875,22.867188 h 10.66406 q 6.84375,0 10.35938,1.921875 3.51562,1.921875 3.51562,6.75 0,1.945313 -0.63281,3.515625 -0.60938,1.570313 -1.78125,2.578125 -1.17188,1.007813 -2.85938,1.3125 v 0.234375 q 1.71094,0.351563 3.09375,1.21875 1.38282,0.84375 2.20313,2.484375 0.84375,1.617188 0.84375,4.3125 0,3.117188 -1.52344,5.34375 -1.52344,2.226563 -4.35937,3.421875 -2.8125,1.171875 -6.70313,1.171875 H 372.1875 Z m 7.26562,13.570313 h 4.21875 q 3.16407,0 4.38282,-0.984375 1.21875,-1.007813 1.21875,-2.953125 0,-1.96875 -1.45313,-2.8125 -1.42969,-0.867188 -4.54687,-0.867188 h -3.82032 z m 0,5.765625 v 8.929687 h 4.73438 q 3.28125,0 4.57031,-1.265625 1.28906,-1.265625 1.28906,-3.398437 0,-1.265625 -0.5625,-2.226563 -0.5625,-0.960937 -1.89843,-1.5 -1.3125,-0.539062 -3.63282,-0.539062 z" />
   </g>
-
-  <!-- B -->
   <g transform="rotate(0, 470, 40)">
-    <path fill="#c7d8f9" d="m 430,0 h 80 v 80 h -80 z" />
+    <path d="m 442,0 h 56 c 6.648,0 12,5.352 12,12 v 56 c 0,6.648 -5.352,12 -12,12 h -56 c -6.648,0 -12,-5.352 -12,-12 V 12 c 0,-6.648 5.352,-12 12,-12 z" fill="#c7d8f9" />
     <path d="m 458.1875,22.867188 h 10.66406 q 6.84375,0 10.35938,1.921875 3.51562,1.921875 3.51562,6.75 0,1.945313 -0.63281,3.515625 -0.60938,1.570313 -1.78125,2.578125 -1.17188,1.007813 -2.85938,1.3125 v 0.234375 q 1.71094,0.351563 3.09375,1.21875 1.38282,0.84375 2.20313,2.484375 0.84375,1.617188 0.84375,4.3125 0,3.117188 -1.52344,5.34375 -1.52344,2.226563 -4.35937,3.421875 -2.8125,1.171875 -6.70313,1.171875 H 458.1875 Z m 7.26562,13.570313 h 4.21875 q 3.16407,0 4.38282,-0.984375 1.21875,-1.007813 1.21875,-2.953125 0,-1.96875 -1.45313,-2.8125 -1.42969,-0.867188 -4.54687,-0.867188 h -3.82032 z m 0,5.765625 v 8.929687 h 4.73438 q 3.28125,0 4.57031,-1.265625 1.28906,-1.265625 1.28906,-3.398437 0,-1.265625 -0.5625,-2.226563 -0.5625,-0.960937 -1.89843,-1.5 -1.3125,-0.539062 -3.63282,-0.539062 z" />
   </g>
-
-  <!-- L -->
   <g transform="rotate(0, 556, 40)">
-    <path fill="#efe3ae" d="m 516,0 h 80 v 80 h -80 z" />
+    <path d="m 528,0 h 56 c 6.648,0 12,5.352 12,12 v 56 c 0,6.648 -5.352,12 -12,12 h -56 c -6.648,0 -12,-5.352 -12,-12 V 12 c 0,-6.648 5.352,-12 12,-12 z" fill="#efe3ae" />
     <path d="M 546.75391,57.132813 V 22.867188 h 7.26562 v 28.265625 h 13.89844 v 6 z" />
   </g>
-
-  <!-- E -->
   <g transform="rotate(0, 642, 40)">
-    <path fill="#efe3ae" d="m 602,0 h 80 v 80 h -80 z" />
+    <path d="m 614,0 h 56 c 6.648,0 12,5.352 12,12 v 56 c 0,6.648 -5.352,12 -12,12 h -56 c -6.648,0 -12,-5.352 -12,-12 V 12 c 0,-6.648 5.352,-12 12,-12 z" fill="#efe3ae" />
     <path d="M 652.60547,57.132813 H 632.87109 V 22.867188 h 19.73438 v 5.953125 h -12.46875 v 7.523438 h 11.60156 v 5.953125 h -11.60156 v 8.835937 h 12.46875 z" />
   </g>
-
-  <!-- S -->
   <g transform="rotate(0, 40, 40)">
-    <path fill="#efe3ae" d="m 0,86 h 80 v 80 H 0 Z" />
+    <path d="m 12,86 h 56 c 6.648,0 12,5.352 12,12 v 56 c 0,6.648 -5.352,12 -12,12 H 12 C 5.352,166 0,160.648 0,154 V 98 C 0,91.352 5.352,86 12,86 Z" fill="#efe3ae" />
     <path d="m 51.320312,133.6289 q 0,3.04688 -1.476562,5.29688 -1.476563,2.25 -4.3125,3.46875 -2.8125,1.21875 -6.84375,1.21875 -1.78125,0 -3.492188,-0.23438 -1.6875,-0.23437 -3.257812,-0.67968 -1.546875,-0.46875 -2.953125,-1.14844 v -6.75 q 2.4375,1.07812 5.0625,1.94531 2.625,0.86719 5.203125,0.86719 1.78125,0 2.859375,-0.46875 1.101562,-0.46875 1.59375,-1.28906 0.492187,-0.82032 0.492187,-1.875 0,-1.28907 -0.867187,-2.20313 -0.867188,-0.91406 -2.390625,-1.71094 -1.5,-0.79687 -3.398438,-1.71093 -1.195312,-0.5625 -2.601562,-1.35938 -1.40625,-0.82031 -2.671875,-1.99219 Q 31,123.83203 30.179687,122.16797 q -0.796875,-1.6875 -0.796875,-4.03125 0,-3.07032 1.40625,-5.25 1.40625,-2.17969 4.007813,-3.32813 2.625,-1.17187 6.1875,-1.17187 2.671875,0 5.085937,0.63281 2.4375,0.60937 5.085938,1.78125 l -2.34375,5.64844 q -2.367188,-0.96094 -4.242188,-1.47657 -1.875,-0.53906 -3.820312,-0.53906 -1.359375,0 -2.320313,0.44531 -0.960937,0.42188 -1.453125,1.21875 -0.492187,0.77344 -0.492187,1.80469 0,1.21875 0.703125,2.0625 0.726562,0.82031 2.15625,1.59375 1.453125,0.77344 3.609375,1.80469 2.625,1.24219 4.476562,2.60156 1.875,1.33594 2.882813,3.16406 1.007812,1.80469 1.007812,4.5 z" />
   </g>
-
-  <!-- O -->
   <g transform="rotate(0, 126, 40)">
-    <path fill="#efe3ae" d="m 86,86 h 80 v 80 H 86 Z" />
+    <path d="m 98,86 h 56 c 6.648,0 12,5.352 12,12 v 56 c 0,6.648 -5.352,12 -12,12 H 98 c -6.648,0 -12,-5.352 -12,-12 V 98 c 0,-6.648 5.352,-12 12,-12 z" fill="#efe3ae" />
     <path d="m 142.3125,125.98828 q 0,3.96094 -0.98438,7.21875 -0.98437,3.23437 -3,5.57812 -1.99218,2.34375 -5.0625,3.60938 -3.07031,1.24219 -7.26562,1.24219 -4.19531,0 -7.26562,-1.24219 -3.07032,-1.26563 -5.08594,-3.60938 -1.99219,-2.34375 -2.97656,-5.60156 -0.98438,-3.25781 -0.98438,-7.24219 0,-5.32031 1.73438,-9.25781 1.75781,-3.96094 5.39062,-6.14062 3.63281,-2.17969 9.23438,-2.17969 5.57812,0 9.16406,2.17969 3.60937,2.17968 5.34375,6.14062 1.75781,3.96094 1.75781,9.30469 z m -25.00781,0 q 0,3.58594 0.89062,6.1875 0.91407,2.57812 2.83594,3.98437 1.92188,1.38282 4.96875,1.38282 3.09375,0 5.01562,-1.38282 1.92188,-1.40625 2.78907,-3.98437 0.89062,-2.60156 0.89062,-6.1875 0,-5.39063 -2.01562,-8.48438 -2.01563,-3.09375 -6.63281,-3.09375 -3.07032,0 -5.01563,1.40625 -1.92187,1.38282 -2.83594,3.98438 -0.89062,2.57812 -0.89062,6.1875 z" />
   </g>
-
-  <!-- L -->
   <g transform="rotate(0, 212, 40)">
-    <path fill="#efe3ae" d="m 172,86 h 80 v 80 h -80 z" />
+    <path d="m 184,86 h 56 c 6.648,0 12,5.352 12,12 v 56 c 0,6.648 -5.352,12 -12,12 h -56 c -6.648,0 -12,-5.352 -12,-12 V 98 c 0,-6.648 5.352,-12 12,-12 z" fill="#efe3ae" />
     <path d="m 202.75391,143.13281 v -34.26563 h 7.26562 v 28.26563 h 13.89844 v 6 z" />
   </g>
-
-  <!-- V -->
   <g transform="rotate(0, 298, 40)">
-    <path fill="#f7c2aa" d="m 258,86 h 80 v 80 h -80 z" />
+    <path d="m 270,86 h 56 c 6.648,0 12,5.352 12,12 v 56 c 0,6.648 -5.352,12 -12,12 h -56 c -6.648,0 -12,-5.352 -12,-12 V 98 c 0,-6.648 5.352,-12 12,-12 z" fill="#f7c2aa" />
     <path d="m 313.59766,108.86718 -11.64844,34.26563 h -7.92188 l -11.625,-34.26563 h 7.33594 l 6.44531,20.39063 q 0.16407,0.51562 0.53907,1.94531 0.375,1.40625 0.75,3 0.39843,1.57031 0.53906,2.60156 0.14062,-1.03125 0.49219,-2.60156 0.375,-1.57031 0.72656,-2.97656 0.375,-1.42969 0.53906,-1.96875 l 6.49219,-20.39063 z" />
   </g>
-
-  <!-- E -->
   <g transform="rotate(0, 384, 40)">
-    <path fill="#efe3ae" d="m 344,86 h 80 v 80 h -80 z" />
+    <path d="m 356,86 h 56 c 6.648,0 12,5.352 12,12 v 56 c 0,6.648 -5.352,12 -12,12 h -56 c -6.648,0 -12,-5.352 -12,-12 V 98 c 0,-6.648 5.352,-12 12,-12 z" fill="#efe3ae" />
     <path d="m 394.60547,143.13281 h -19.73438 v -34.26563 h 19.73438 v 5.95313 h -12.46875 v 7.52344 h 11.60156 v 5.95312 h -11.60156 v 8.83594 h 12.46875 z" />
   </g>
-
-  <!-- R -->
   <g transform="rotate(0, 470, 40)">
-    <path fill="#efe3ae" d="m 430,86 h 80 v 80 h -80 z" />
+    <path d="m 442,86 h 56 c 6.648,0 12,5.352 12,12 v 56 c 0,6.648 -5.352,12 -12,12 h -56 c -6.648,0 -12,-5.352 -12,-12 V 98 c 0,-6.648 5.352,-12 12,-12 z" fill="#efe3ae" />
     <path d="m 468.45312,108.86718 q 4.66407,0 7.6875,1.125 3.04688,1.125 4.52344,3.39844 1.47656,2.27344 1.47656,5.74219 0,2.34375 -0.89062,4.10156 -0.89063,1.75781 -2.34375,2.97656 -1.45313,1.21875 -3.14063,1.99219 l 10.07813,14.92969 h -8.0625 l -8.17969,-13.14844 h -3.86719 v 13.14844 h -7.26562 v -34.26563 z m -0.51562,5.95313 h -2.20313 v 9.25781 h 2.34375 q 3.60938,0 5.15625,-1.19531 1.57032,-1.21875 1.57032,-3.5625 0,-2.4375 -1.6875,-3.46875 -1.66407,-1.03125 -5.17969,-1.03125 z" />
   </g>
-
-  <!-- 2 -->
   <g transform="rotate(0, 642, 40)">
-    <path fill="#bae3ba" d="m 602,86 h 80 v 80 h -80 z" />
+    <path d="m 614,86 h 56 c 6.648,0 12,5.352 12,12 v 56 c 0,6.648 -5.352,12 -12,12 h -56 c -6.648,0 -12,-5.352 -12,-12 V 98 c 0,-6.648 5.352,-12 12,-12 z" fill="#bae3ba" />
     <path d="m 654.15234,143.3789 h -23.95312 v -5.03906 l 8.60156,-8.69531 q 2.60156,-2.67188 4.17188,-4.45313 1.59375,-1.80468 2.29687,-3.28125 0.72656,-1.47656 0.72656,-3.16406 0,-2.03906 -1.14843,-3.04687 -1.125,-1.03125 -3.02344,-1.03125 -1.99219,0 -3.86719,0.91406 -1.875,0.91406 -3.91406,2.60156 l -3.9375,-4.66406 q 1.47656,-1.26563 3.11719,-2.39063 1.66406,-1.125 3.84375,-1.80468 2.20312,-0.70313 5.27343,-0.70313 3.375,0 5.78907,1.21875 2.4375,1.21875 3.75,3.32813 1.3125,2.08593 1.3125,4.73437 0,2.83594 -1.125,5.17969 -1.125,2.34375 -3.28125,4.64062 -2.13282,2.29688 -5.15625,5.08594 l -4.40625,4.14844 v 0.32812 h 14.92968 z" />
   </g>
 </svg>

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

@@ -33,3 +33,36 @@
   user-select: none;
   animation: var(--transition--duration) var(--transition--easing) hide;
 }
+
+.iconContainer {
+  position: absolute;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  pointer-events: none;
+  user-select: none;
+}
+
+.iconBackground,
+.icon {
+  position: absolute;
+  top: calc((100% - var(--size)) / 2);
+  right: calc((100% - var(--size)) / 2);
+  bottom: calc((100% - var(--size)) / 2);
+  left: calc((100% - var(--size)) / 2);
+  width: var(--size);
+  height: var(--size);
+}
+
+.iconBackground {
+  --size: 80%;
+
+  border-radius: var(--border--radius);
+  background-color: var(--color--foreground--secondary);
+}
+
+.icon {
+  --size: 40%;
+
+  color: var(--color--white);
+}

package/src/components/Board/Board.tsx

@@ -12,6 +12,7 @@ import { TRANSITION } from 'parameters';
 import {
   boardSlice,
   cellFilterSlice,
+  selectFilteredCells,
   selectInputMode,
   selectLocale,
   selectRowsWithCandidate,
@@ -33,6 +34,7 @@ const Board: FunctionComponent<Props> = ({ className }) => {
   const locale = useTypedSelector(selectLocale);
   const rows = useTypedSelector(selectRowsWithCandidate);
   const inputMode = useTypedSelector(selectInputMode);
+  const filteredCells = useTypedSelector(selectFilteredCells);
   const { cellSize } = useAppLayout();
   const [
     { activeIndex, direction, inputRefs },
@@ -147,6 +149,7 @@ const Board: FunctionComponent<Props> = ({ className }) => {
       <BoardPure
         className={className}
         cellSize={cellSize}
+        filteredCells={filteredCells}
         inputRefs={inputRefs}
         ref={ref}
         rows={rows}

package/src/components/Board/BoardPure.tsx

@@ -12,12 +12,17 @@ import {
   RefObject,
 } from 'react';
 
+import { FlagFill } from 'icons';
+import { BORDER_WIDTH } from 'parameters';
+import { Point } from 'types';
+
 import styles from './Board.module.scss';
 import { Cell } from './components';
 
 interface Props {
   className?: string;
   cellSize: number;
+  filteredCells: Point[];
   inputRefs: RefObject<HTMLInputElement>[][];
   rows: CellModel[][];
   style?: CSSProperties;
@@ -29,7 +34,10 @@ interface Props {
 }
 
 const BoardPure = forwardRef<HTMLDivElement, Props>(
-  ({ className, cellSize, inputRefs, rows, style, onBlur, onChange, onFocus, onKeyDown, onPaste }, ref) => (
+  (
+    { className, cellSize, filteredCells, inputRefs, rows, style, onBlur, onChange, onFocus, onKeyDown, onPaste },
+    ref,
+  ) => (
     <div
       className={classNames(styles.board, className)}
       ref={ref}
@@ -57,6 +65,22 @@ const BoardPure = forwardRef<HTMLDivElement, Props>(
           ))}
         </Fragment>
       ))}
+
+      {filteredCells.map(({ x, y }) => (
+        <div
+          className={styles.iconContainer}
+          key={[x, y].join('-')}
+          style={{
+            height: cellSize,
+            width: cellSize,
+            left: x * (cellSize + BORDER_WIDTH),
+            top: y * (cellSize + BORDER_WIDTH),
+          }}
+        >
+          <div className={styles.iconBackground} />
+          <FlagFill className={styles.icon} />
+        </div>
+      ))}
     </div>
   ),
 );

package/src/components/Board/components/InputPrompt/InputPrompt.tsx

@@ -37,6 +37,7 @@ const InputPrompt = forwardRef<HTMLFormElement, Props>(
       if (inputRef) {
         inputRef.focus();
         inputRef.select();
+        inputRef.scrollIntoView({ block: 'start', inline: 'center' });
       }
     }, [inputRef]);
 

package/src/components/Board/hooks/useBackgroundImage.tsx

@@ -9,7 +9,7 @@ import { useAppLayout, useMediaQueries } from 'hooks';
 import { FlagFill, Star } from 'icons';
 import { dataUrlToBlob, getTileSizes } from 'lib';
 import { BORDER_COLOR_LIGHT, BORDER_RADIUS, BORDER_WIDTH, COLOR_BONUS_START, COLOR_FILTERED } from 'parameters';
-import { selectCellFilter, selectConfig, store, useTypedSelector } from 'state';
+import { selectConfig, store, useTypedSelector } from 'state';
 import { Point } from 'types';
 
 import { getBonusColor } from '../lib';
@@ -29,7 +29,6 @@ const useBackgroundImage = () => {
   const borderRadius = isLessThanXs ? BORDER_RADIUS_XS : BORDER_RADIUS;
   const config = useTypedSelector(selectConfig);
   const center = { x: Math.floor(config.boardWidth / 2), y: Math.floor(config.boardHeight / 2) };
-  const cellFilter = useTypedSelector(selectCellFilter);
   const viewBoxHeight = boardSize;
   const viewBoxWidth = boardSize;
   const bonusSize = cellSize * 0.8;
@@ -154,10 +153,6 @@ const useBackgroundImage = () => {
           x={getX(center) + iconOffset}
           y={getY(center) + iconOffset}
         />
-
-        {cellFilter.map((cell, index) => (
-          <use key={index} href={`#${CELL_FILTER}`} x={getX(cell)} y={getY(cell)} />
-        ))}
       </svg>
     </Provider>,
   );

package/src/components/Logo/LogoBlueprint.tsx

@@ -1,7 +1,9 @@
 /**
  * This component is unused, but it serves as a blueprint for the Logo.svg.
- * Logo.svg is what this component generates with all the text nodes transformed
- * into paths (manually with Inkscape), and corner radius removed from tiles.
+ * Logo.svg is what this component generates with all text nodes:
+ * - using font-family: Open Sans
+ * - transformed into paths (manually with Inkscape)
+ * - arranged (centered vertically against respective rows)
  */
 import { CSSProperties, FunctionComponent } from 'react';
 

package/src/components/Rack/components/InputPrompt/InputPrompt.tsx

@@ -52,6 +52,7 @@ const InputPrompt = forwardRef<HTMLFormElement, Props>(
       if (inputRef) {
         inputRef.focus();
         inputRef.select();
+        inputRef.scrollIntoView({ block: 'end', inline: 'center' });
       }
     }, [inputRef]);
 

package/src/modals/SettingsModal/SettingsModal.tsx

@@ -1,6 +1,7 @@
 import { FunctionComponent, memo } from 'react';
 
 import { Modal } from 'components';
+import { useIsTouchDevice } from 'hooks';
 import { useTranslate } from 'state';
 
 import { AutoGroupTilesSetting, ConfigSetting, InputModeSetting, LocaleSetting } from './components';
@@ -13,6 +14,7 @@ interface Props {
 
 const SettingsModal: FunctionComponent<Props> = ({ className, isOpen, onClose }) => {
   const translate = useTranslate();
+  const isTouchDevice = useIsTouchDevice();
 
   return (
     <Modal className={className} isOpen={isOpen} title={translate('settings')} onClose={onClose}>
@@ -24,9 +26,11 @@ const SettingsModal: FunctionComponent<Props> = ({ className, isOpen, onClose })
         <LocaleSetting disabled={!isOpen} />
       </Modal.Section>
 
-      <Modal.Section title={translate('settings.inputMode')}>
-        <InputModeSetting disabled={!isOpen} />
-      </Modal.Section>
+      {!isTouchDevice && (
+        <Modal.Section title={translate('settings.inputMode')}>
+          <InputModeSetting disabled={!isOpen} />
+        </Modal.Section>
+      )}
 
       <Modal.Section title={translate('settings.autoGroupTiles')}>
         <AutoGroupTilesSetting disabled={!isOpen} />

package/src/pages/_document.tsx

@@ -6,7 +6,6 @@ class MyDocument extends Document {
     return (
       <Html lang="en">
         <Head>
-          <link crossOrigin="anonymous" href="https://fonts.gstatic.com" rel="preconnect" />
           <link rel="apple-touch-icon-precomposed" sizes="57x57" href="icons/apple-touch-icon-57x57.png" />
           <link rel="apple-touch-icon-precomposed" sizes="114x114" href="icons/apple-touch-icon-114x114.png" />
           <link rel="apple-touch-icon-precomposed" sizes="72x72" href="icons/apple-touch-icon-72x72.png" />
@@ -20,6 +19,7 @@ class MyDocument extends Document {
           <link rel="icon" type="image/png" href="icons/favicon-32x32.png" sizes="32x32" />
           <link rel="icon" type="image/png" href="icons/favicon-16x16.png" sizes="16x16" />
           <link rel="icon" type="image/png" href="icons/favicon-128.png" sizes="128x128" />
+          <link rel="icon" href="icons/favicon.svg" />
           <meta name="application-name" content="Scrabble Solver" />
           <meta name="msapplication-TileColor" content="#EFE3AE" />
           <meta name="msapplication-TileImage" content="icons/mstile-144x144.png" />

package/src/state/selectors.ts

@@ -71,9 +71,9 @@ export const selectConfigId = createSelector([selectSettingsRoot], (settings) =>
 
 export const selectConfig = createSelector([selectConfigId, selectLocale], getLocaleConfig);
 
-export const selectCellFilter = selectCellFilterRoot;
+export const selectFilteredCells = selectCellFilterRoot;
 
-export const selectCellIsFiltered = createSelector([selectCellFilter, selectPoint], (cellFilter, { x, y }) => {
+export const selectCellIsFiltered = createSelector([selectFilteredCells, selectPoint], (cellFilter, { x, y }) => {
   return cellFilter.some((cell) => cell.x === x && cell.y === y);
 });
 
@@ -94,7 +94,7 @@ export const selectResultsSort = createSelector([selectResultsRoot], (results) =
 export const selectSortedResults = createSelector([selectResultsRaw, selectResultsSort, selectLocale], sortResults);
 
 export const selectGroupedResults = createSelector(
-  [selectSortedResults, selectResultsQuery, selectCellFilter],
+  [selectSortedResults, selectResultsQuery, selectFilteredCells],
   groupResults,
 );
 
@@ -103,8 +103,8 @@ export const selectResults = createSelector([selectGroupedResults], (groupedResu
 });
 
 export const selectIsResultMatching = createSelector(
-  [selectResults, selectResultsQuery, selectCellFilter, selectResultIndex],
-  (results, query, cellFilter, index) => {
+  [selectResults, selectResultsQuery, selectFilteredCells, selectResultIndex],
+  (results, query, filteredCells, index) => {
     if (!results) {
       return false;
     }
@@ -116,8 +116,8 @@ export const selectIsResultMatching = createSelector(
       return false;
     }
 
-    if (cellFilter) {
-      return cellFilter.every(({ x, y }) => result.cells.some((cell) => cell.x === x && cell.y === y));
+    if (filteredCells) {
+      return filteredCells.every(({ x, y }) => result.cells.some((cell) => cell.x === x && cell.y === y));
     }
 
     return true;