scrabble-solver 2.10.7 → 2.10.8

package/packages/scrabble-solver/src/pages/index.tsx

@@ -76,6 +76,10 @@ const Index: FunctionComponent<Props> = ({ version }) => {
     }
   }, []);
 
+  if (!isClient) {
+    return null;
+  }
+
   return (
     <>
       <SvgFontFix />
@@ -100,14 +104,12 @@ const Index: FunctionComponent<Props> = ({ version }) => {
           </div>
         </div>
 
-        {isClient && (
-          <Solver
-            className={styles.solver}
-            height={solverHeight}
-            width={solverWidth}
-            onShowResults={() => setShowResults(true)}
-          />
-        )}
+        <Solver
+          className={styles.solver}
+          height={solverHeight}
+          width={solverWidth}
+          onShowResults={() => setShowResults(true)}
+        />
       </div>
 
       <MenuModal

package/packages/scrabble-solver/src/parameters/index.ts

@@ -6,6 +6,8 @@ export const BREAKPOINTS = {
   xl: 1400,
 };
 
+export const EASE_OUT_CUBIC = 'cubic-bezier(0.33, 1, 0.68, 1)'; // https://easings.net/#easeOutCubic
+
 export const GITHUB_PROJECT_URL = 'https://github.com/kamilmielnik/scrabble-solver';
 
 export const INITIALIZATION_DURATION = 100;
@@ -72,3 +74,11 @@ export const REMAINING_TILES_TILE_SIZE = 50;
 export const RESULTS_HEADER_HEIGHT = 34;
 export const RESULTS_ITEM_HEIGHT = 40;
 export const RESULTS_INPUT_HEIGHT = 40;
+
+export const TILE_APPEAR_DURATION = 200;
+
+export const TILE_APPEAR_KEYFRAMES = [
+  { transform: 'translateY(0)', zIndex: 2 },
+  { transform: 'translateY(10%)', offset: 0.5, zIndex: 2 },
+  { transform: 'translateY(0)', zIndex: 1 },
+];

package/packages/scrabble-solver/src/state/slices/boardSlice.ts

@@ -19,6 +19,11 @@ const boardSlice = createSlice({
       return newBoard;
     },
 
+    change: (_state, action: PayloadAction<Board>) => {
+      const board = action.payload;
+      return board;
+    },
+
     changeCellValue: (state, action: PayloadAction<{ value: string; x: number; y: number }>) => {
       const newBoard = state.clone();
       const { value, x, y } = action.payload;
@@ -32,11 +37,6 @@ const boardSlice = createSlice({
       return newBoard;
     },
 
-    change: (_state, action: PayloadAction<Board>) => {
-      const board = action.payload;
-      return board;
-    },
-
     init: (_state, action: PayloadAction<Board>) => {
       const board = action.payload;
       return board;

package/packages/scrabble-solver/src/styles/mixins.scss

@@ -16,6 +16,8 @@ $media-expressions: (
  * It does not work when applied on input elements.
  */
 @mixin focus-effect {
+  --focus-effect--size: 6px;
+
   position: relative;
 
   &::after {
@@ -28,7 +30,7 @@ $media-expressions: (
     z-index: 1;
     transition: var(--transition);
     border-radius: var(--border--radius);
-    box-shadow: 0 0 0 var(--box-shadow--focus--spread) transparent;
+    box-shadow: 0 0 0 var(--focus-effect--size) transparent;
     pointer-events: none;
   }
 
@@ -39,7 +41,7 @@ $media-expressions: (
     }
 
     &::after {
-      box-shadow: 0 0 0 var(--box-shadow--focus--spread) var(--color--focus);
+      box-shadow: 0 0 0 var(--focus-effect--size) var(--color--focus);
     }
   }
 }

package/packages/scrabble-solver/src/styles/variables.scss

@@ -1,55 +1,62 @@
 $easeOutSine: cubic-bezier(0.61, 1, 0.88, 1);
 
 :root {
+  --border: var(--border--width) solid var(--border--color);
   --border--color: #cdcdcd;
   --border--color--light: #d9d9d9;
   --border--radius: 5px;
   --border--width: 1px;
-  --border: var(--border--width) solid var(--border--color);
 
+  --box-shadow: 0 0 var(--box-shadow--blur) var(--box-shadow--spread) var(--box-shadow--color);
   --box-shadow--blur: 10px;
+  --box-shadow--color: rgba(0, 0, 0, 0.15);
   --box-shadow--spread: 1px;
-  --box-shadow--offset: 1px;
-  --box-shadow--offset--negative: calc(-1 * var(--box-shadow--offset));
-  --box-shadow--color: #{rgba(#000, 0.15)};
-  --box-shadow: 0 0 var(--box-shadow--blur) var(--box-shadow--spread) var(--box-shadow--color);
-  --box-shadow--focus--spread: 6px;
   --box-shadow--null: 0 0 var(--box-shadow--blur) var(--box-shadow--spread) transparent;
   --box-shadow--error: 0 0 var(--box-shadow--blur) var(--box-shadow--spread) var(--color--error);
 
-  --color--background: #f4f4f4;
-  --color--background--secondary: #111;
-  --color--background--overlay: rgba(255, 255, 255, 0.65);
-  --color--error: hsl(0deg, 92%, 62%);
-  --color--success: #00a900;
-  --color--info: var(--color--dark-blue);
-  --color--warning: hsl(35deg, 90%, 60%);
-  --color--focus: #{rgba(#268fff, 0.5)};
-  --color--foreground: #222;
-  --color--foreground--secondary: #444;
-  --color--inactive: #cdcdcd;
-  --color--primary: var(--color--violet);
-
-  --color--yellow: #efe3ae;
-  --color--yellow--light: #f7f1d6;
-  --color--green: #bae3ba;
-  --color--green--light: #d6ebd6;
+  --color--white: #ffffff;
   --color--blue: #c7d8f9;
   --color--blue--light: #dde4f6;
-  --color--light-blue: #7bb5e5;
-  --color--light-blue--light: #b8d5ed;
-  --color--dark-blue: #1868ad;
-  --color--dark-blue--light: #86aed1;
+  --color--green: #bae3ba;
+  --color--green--light: #d6ebd6;
   --color--red: #f7c2aa;
   --color--red--light: #fbe0d4;
   --color--violet: #78387f;
   --color--violet--light: #b284b8;
-  --color--orange: #fbc997;
-  --color--pink: #f19393;
+  --color--yellow: #efe3ae;
+  --color--yellow--light: #f7f1d6;
+
+  --color--focus: #{rgba(#268fff, 0.5)};
+  --color--inactive: #cdcdcd;
+  --color--background: #f4f4f4;
+  --color--background--element: var(--color--white);
+  --color--background--overlay: rgba(255, 255, 255, 0.65);
+  --color--foreground: #222;
+  --color--foreground--secondary: #444;
+  --color--error: hsl(0, 92%, 62%);
+  --color--error--opposite: var(--color--white);
+  --color--info: #1868ad;
+  --color--success: #00a900;
+  --color--warning: hsl(35, 90%, 60%);
+  --color--primary: var(--color--violet);
+  --color--primary--opposite: var(--color--white);
+
+  --color--bonus--character--1: var(--color--yellow--light);
+  --color--bonus--character--2: var(--color--green--light);
+  --color--bonus--character--3: var(--color--blue--light);
+  --color--bonus--character--5: var(--color--red--light);
+  --color--bonus--character-multiplier--2: #b8d5ed;
+  --color--bonus--character-multiplier--3: #86aed1;
+  --color--bonus--start: var(--color--violet--light);
+  --color--bonus--word-multiplier--2: #fbc997;
+  --color--bonus--word-multiplier--3: #f19393;
+  --color--tooltip--background: #222;
+  --color--tooltip--foreground: var(--color--white);
 
   --font--family: 'Open Sans', sans-serif;
-  --font--family--title: 'Lato', sans-serif;
+  --font--family--arabic: 'Vazirmatn', sans-serif;
   --font--family--monospace: 'Roboto Mono', monospace;
+  --font--family--title: 'Lato', sans-serif;
   --font--size--h1: 30px;
   --font--size--h2: 22px;
   --font--size--h3: 18px;
@@ -70,9 +77,11 @@ $easeOutSine: cubic-bezier(0.61, 1, 0.88, 1);
   --transition--duration--long: 250ms;
   --transition--easing: #{$easeOutSine};
   --transition: all var(--transition--duration) var(--transition--easing);
+  --transition--long: all var(--transition--duration--long) var(--transition--easing);
 
   --z-index--modal: 100;
   --z-index--close-button: 101;
+  --z-index--tooltip: 102;
 
   --dictionary--height: 260px;
   --modal--width: 370px;
@@ -80,6 +89,4 @@ $easeOutSine: cubic-bezier(0.61, 1, 0.88, 1);
   --square-button--size: 32px;
   --button--icon--size: 24px;
   --text-input--height: 40px;
-  --tooltip--background: #222;
-  --tooltip--foreground: #fff;
 }

package/packages/scrabble-solver/src/types/index.ts

@@ -55,6 +55,7 @@ export type TranslationKey =
   | 'dictionary.empty-state.not-allowed'
   | 'dictionary.empty-state.uninitialized'
   | 'dictionary.input.placeholder'
+  | 'dictionary.input.title'
   | 'empty-state.error'
   | 'empty-state.info'
   | 'empty-state.success'

package/packages/solver/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "@scrabble-solver/solver",
-  "version": "2.10.7",
+  "version": "2.10.8",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@scrabble-solver/solver",
-      "version": "2.10.7",
+      "version": "2.10.8",
       "license": "CC-BY-NC-ND-4.0",
       "dependencies": {
         "@kamilmielnik/trie": "^2.0.1"

package/packages/solver/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scrabble-solver/solver",
-  "version": "2.10.7",
+  "version": "2.10.8",
   "description": "Scrabble Solver 2 - Solver",
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -25,12 +25,12 @@
   },
   "dependencies": {
     "@kamilmielnik/trie": "^2.0.1",
-    "@scrabble-solver/types": "^2.10.7"
+    "@scrabble-solver/types": "^2.10.8"
   },
   "devDependencies": {
-    "@scrabble-solver/configs": "^2.10.7",
-    "@scrabble-solver/constants": "^2.10.7",
-    "@scrabble-solver/dictionaries": "^2.10.7"
+    "@scrabble-solver/configs": "^2.10.8",
+    "@scrabble-solver/constants": "^2.10.8",
+    "@scrabble-solver/dictionaries": "^2.10.8"
   },
   "gitHead": "1e2d1ad49a288d4a44196d8e3336740da132c637"
 }

package/packages/types/package-lock.json

@@ -1,15 +1,15 @@
 {
   "name": "@scrabble-solver/types",
-  "version": "2.10.7",
+  "version": "2.10.8",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@scrabble-solver/types",
-      "version": "2.10.7",
+      "version": "2.10.8",
       "license": "CC-BY-NC-ND-4.0",
       "dependencies": {
-        "@scrabble-solver/constants": "^2.10.7"
+        "@scrabble-solver/constants": "^2.10.8"
       }
     },
     "node_modules/@scrabble-solver/constants": {

package/packages/types/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scrabble-solver/types",
-  "version": "2.10.7",
+  "version": "2.10.8",
   "description": "Scrabble Solver 2 - Types",
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -24,7 +24,7 @@
     "clean:force": "npm run clean && rimraf package-lock.json"
   },
   "dependencies": {
-    "@scrabble-solver/constants": "^2.10.7"
+    "@scrabble-solver/constants": "^2.10.8"
   },
   "gitHead": "1e2d1ad49a288d4a44196d8e3336740da132c637"
 }

package/packages/word-definitions/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "@scrabble-solver/word-definitions",
-  "version": "2.10.7",
+  "version": "2.10.8",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@scrabble-solver/word-definitions",
-      "version": "2.10.7",
+      "version": "2.10.8",
       "license": "CC-BY-NC-ND-4.0",
       "dependencies": {
         "cheerio": "^1.0.0-rc.12",

package/packages/word-definitions/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scrabble-solver/word-definitions",
-  "version": "2.10.7",
+  "version": "2.10.8",
   "description": "Scrabble Solver 2 - Word definitions",
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -23,7 +23,7 @@
     "clean": "rimraf build/ node_modules/ package-lock.json"
   },
   "dependencies": {
-    "@scrabble-solver/types": "^2.10.7",
+    "@scrabble-solver/types": "^2.10.8",
     "cheerio": "^1.0.0-rc.12",
     "follow-redirects": "^1.15.2",
     "striptags": "^3.2.0"

package/packages/word-lists/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "@scrabble-solver/word-lists",
-  "version": "2.10.7",
+  "version": "2.10.8",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@scrabble-solver/word-lists",
-      "version": "2.10.7",
+      "version": "2.10.8",
       "license": "CC-BY-NC-ND-4.0",
       "dependencies": {
         "cheerio": "^1.0.0-rc.12",

package/packages/word-lists/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scrabble-solver/word-lists",
-  "version": "2.10.7",
+  "version": "2.10.8",
   "description": "Scrabble Solver 2 - Word lists",
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -24,7 +24,7 @@
     "clean:force": "npm run clean && rimraf package-lock.json"
   },
   "dependencies": {
-    "@scrabble-solver/types": "^2.10.7",
+    "@scrabble-solver/types": "^2.10.8",
     "cheerio": "^1.0.0-rc.12",
     "follow-redirects": "^1.15.2",
     "unzipper": "^0.10.11"