@scrabble-solver/scrabble-solver 2.11.5 → 2.11.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scrabble-solver/scrabble-solver",
-  "version": "2.11.5",
+  "version": "2.11.6",
   "description": "Scrabble Solver 2 - App",
   "engines": {
     "node": ">=16"
@@ -31,13 +31,13 @@
     "@floating-ui/react": "^0.21.1",
     "@kamilmielnik/trie": "^2.0.1",
     "@reduxjs/toolkit": "^1.9.3",
-    "@scrabble-solver/configs": "^2.11.5",
-    "@scrabble-solver/constants": "^2.11.5",
-    "@scrabble-solver/dictionaries": "^2.11.5",
-    "@scrabble-solver/logger": "^2.11.5",
-    "@scrabble-solver/solver": "^2.11.5",
-    "@scrabble-solver/types": "^2.11.5",
-    "@scrabble-solver/word-definitions": "^2.11.5",
+    "@scrabble-solver/configs": "^2.11.6",
+    "@scrabble-solver/constants": "^2.11.6",
+    "@scrabble-solver/dictionaries": "^2.11.6",
+    "@scrabble-solver/logger": "^2.11.6",
+    "@scrabble-solver/solver": "^2.11.6",
+    "@scrabble-solver/types": "^2.11.6",
+    "@scrabble-solver/word-definitions": "^2.11.6",
     "classnames": "^2.3.2",
     "include-media": "^2.0.0",
     "include-media-query-builder": "^1.1.0",
@@ -71,5 +71,5 @@
     "sass": "^1.59.3",
     "workbox-webpack-plugin": "^6.5.4"
   },
-  "gitHead": "6b881cf1208c9d8ea93d61086179bd813f4d2788"
+  "gitHead": "7075b82ef54cfb37e153152040c432639c3b1a99"
 }

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

@@ -179,10 +179,6 @@
     font-weight: bold;
     color: var(--color--white);
     transition: var(--transition);
-
-    [lang='fa-IR'] & {
-      font-family: var(--font--family--latin);
-    }
   }
 
   &:focus-within {

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

@@ -49,7 +49,6 @@
 
 .word {
   margin-bottom: var(--spacing--m);
-  font-family: var(--font--family--title);
   font-size: var(--font--size--h2);
   text-transform: uppercase;
 }

package/src/components/EmptyState/EmptyState.module.scss

@@ -1,6 +1,5 @@
 .emptyState {
   padding: var(--spacing--xl);
-  font-family: var(--font--family);
   color: var(--color--foreground--secondary);
   text-align: center;
   text-transform: none;

package/src/components/Key/Key.module.scss

@@ -1,4 +1,4 @@
-$key-size: 28px;
+$key-size: 36px;
 $icon-size: 15px;
 
 .key {

package/src/components/PlainTiles/PlainTiles.tsx

@@ -1,11 +1,6 @@
 import classNames from 'classnames';
 import { CSSProperties, FunctionComponent, useMemo } from 'react';
 
-import { LOCALE_FEATURES } from 'i18n';
-import { selectLocale, useTypedSelector } from 'state';
-
-import SvgFontCss from '../SvgFontCss';
-
 import { createPlainTiles, getViewbox } from './lib';
 import styles from './PlainTiles.module.scss';
 import Tile from './Tile';
@@ -21,8 +16,6 @@ interface Props {
 }
 
 const PlainTiles: FunctionComponent<Props> = ({ className, color, content, dropShadow, showPoints, style, wave }) => {
-  const locale = useTypedSelector(selectLocale);
-  const { fontFamily } = LOCALE_FEATURES[locale];
   const tiles = useMemo(() => createPlainTiles({ color, content, showPoints }), [color, content, showPoints]);
 
   return (
@@ -35,14 +28,11 @@ const PlainTiles: FunctionComponent<Props> = ({ className, color, content, dropS
       viewBox={getViewbox(content)}
       xmlns="http://www.w3.org/2000/svg"
     >
-      <SvgFontCss fontFamily={fontFamily} />
-
       {tiles.map((tile, index) => (
         <Tile
           character={tile.character}
           className={styles.tile}
           color={tile.color}
-          fontFamily={fontFamily}
           key={index}
           points={tile.points}
           size={tile.size}

package/src/components/PlainTiles/Tile.tsx

@@ -4,7 +4,6 @@ interface Props {
   character: string;
   className?: string;
   color: string;
-  fontFamily: string;
   points?: number;
   size: number;
   transform?: string;
@@ -12,13 +11,12 @@ interface Props {
   y: number;
 }
 
-const Tile: FunctionComponent<Props> = ({ character, className, color, fontFamily, points, size, transform, x, y }) => (
+const Tile: FunctionComponent<Props> = ({ character, className, color, points, size, transform, x, y }) => (
   <g className={className} transform={transform}>
     <rect fill={color} height={size} rx={size * 0.15} width={size} x={x} y={y} />
 
     <text
       dominantBaseline="central"
-      fontFamily={fontFamily}
       fontSize={size * 0.6}
       fontWeight="bold"
       textAnchor="middle"
@@ -31,7 +29,6 @@ const Tile: FunctionComponent<Props> = ({ character, className, color, fontFamil
     {typeof points === 'number' && (
       <text
         dominantBaseline="text-after-edge"
-        fontFamily={fontFamily}
         fontSize={size * 0.25}
         fontWeight="bold"
         textAnchor="end"

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

@@ -10,7 +10,6 @@ $row-padding-horizontal: calc(var(--spacing--m) + var(--spacing--s));
   background: var(--color--background--element);
   border: var(--border);
   border-radius: var(--border--radius);
-  font-family: var(--font--family--title);
 }
 
 .emptyState {

package/src/components/index.ts

@@ -22,7 +22,5 @@ export { default as ResultsInput } from './ResultsInput';
 export { default as SeoMessage } from './SeoMessage';
 export { default as Solver } from './Solver';
 export { default as Spinner } from './Spinner';
-export { default as SvgFontCss } from './SvgFontCss';
-export { default as SvgFontFix } from './SvgFontFix';
 export { default as Tile } from './Tile';
 export { useTooltip } from './Tooltip';

package/src/hooks/useDirection.ts

@@ -1,9 +1,9 @@
-import { useLayoutEffect } from 'react';
+import { useEffect } from 'react';
 
 import { noop } from 'lib';
 
 const useDirection = (direction: 'ltr' | 'rtl') => {
-  useLayoutEffect(() => {
+  useEffect(() => {
     const html = document.body.parentElement;
 
     if (!html) {

package/src/hooks/useLanguage.ts

@@ -1,9 +1,9 @@
-import { useLayoutEffect } from 'react';
+import { useEffect } from 'react';
 
 import { noop } from 'lib';
 
 const useLanguage = (language: string) => {
-  useLayoutEffect(() => {
+  useEffect(() => {
     const html = document.body.parentElement;
 
     if (!html) {

package/src/i18n/constants.ts

@@ -7,7 +7,6 @@ import styles from './i18n.module.scss';
 
 interface LocaleFeatures {
   direction: 'ltr' | 'rtl';
-  fontFamily: string;
   consonants: boolean;
   vowels: boolean;
 }
@@ -15,43 +14,36 @@ interface LocaleFeatures {
 export const LOCALE_FEATURES: Record<Locale, LocaleFeatures> = {
   [Locale.DE_DE]: {
     direction: 'ltr',
-    fontFamily: 'Open Sans',
     consonants: true,
     vowels: true,
   },
   [Locale.EN_GB]: {
     direction: 'ltr',
-    fontFamily: 'Open Sans',
     consonants: true,
     vowels: true,
   },
   [Locale.EN_US]: {
     direction: 'ltr',
-    fontFamily: 'Open Sans',
     consonants: true,
     vowels: true,
   },
   [Locale.ES_ES]: {
     direction: 'ltr',
-    fontFamily: 'Open Sans',
     consonants: true,
     vowels: true,
   },
   [Locale.FA_IR]: {
     direction: 'rtl',
-    fontFamily: 'Vazirmatn',
     consonants: false,
     vowels: false,
   },
   [Locale.FR_FR]: {
     direction: 'ltr',
-    fontFamily: 'Open Sans',
     consonants: true,
     vowels: true,
   },
   [Locale.PL_PL]: {
     direction: 'ltr',
-    fontFamily: 'Open Sans',
     consonants: true,
     vowels: true,
   },

package/src/modals/KeyMapModal/components/Mapping/Mapping.module.scss

@@ -9,7 +9,6 @@
 .description {
   margin-bottom: var(--spacing--m);
   font-size: var(--font--size--h3);
-  font-family: var(--font--family--title);
   font-weight: 300;
 }
 

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

@@ -9,5 +9,4 @@
 .label {
   display: flex;
   align-items: center;
-  font-family: var(--font--family--latin);
 }

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

@@ -10,11 +10,6 @@
   display: flex;
   align-items: center;
   gap: var(--spacing--l);
-  font-family: var(--font--family--latin);
-
-  &.fa {
-    font-family: var(--font--family--arabic);
-  }
 }
 
 .flag {

package/src/pages/index.tsx

@@ -4,7 +4,7 @@ import { FunctionComponent, useCallback, useState } from 'react';
 import ReactModal from 'react-modal';
 import { useDispatch } from 'react-redux';
 
-import { Logo, NavButtons, Solver, SvgFontFix } from 'components';
+import { Logo, NavButtons, Solver } from 'components';
 import { useDirection, useEffectOnce, useLanguage, useLocalStorage } from 'hooks';
 import { LOCALE_FEATURES } from 'i18n';
 import {
@@ -75,8 +75,6 @@ const Index: FunctionComponent<Props> = ({ version }) => {
 
   return (
     <>
-      <SvgFontFix />
-
       <nav className={styles.nav}>
         <div className={styles.navContent}>
           <div className={styles.navLogo}>

package/src/styles/global.scss

@@ -1,5 +1,3 @@
-@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Open+Sans:wght@400;700&family=Vazirmatn:wght@300;400;700&family=Roboto+Mono&display=swap');
-
 @import '~normalize.css';
 
 @import './mixins';
@@ -11,6 +9,10 @@
   box-sizing: border-box;
 }
 
+* {
+  font-family: var(--font--family);
+}
+
 html,
 body {
   margin: 0 auto;
@@ -20,7 +22,6 @@ body {
 body {
   background-color: var(--color--background);
   color: var(--color--foreground);
-  font-family: var(--font--family);
   font-size: var(--font--size--m);
   line-height: var(--line-height);
 }
@@ -44,8 +45,3 @@ h4 {
   -webkit-margin-after: 0;
   margin: 0;
 }
-
-[lang='fa-IR'] {
-  --font--family: 'Vazirmatn', sans-serif;
-  --font--family--title: var(--font--family);
-}

package/src/styles/mixins.scss

@@ -103,7 +103,6 @@ $media-expressions: (
   padding: 0 var(--spacing--l);
   transition: var(--transition);
   font-size: var(--font--size--m);
-  font-family: var(--font--family);
 }
 
 @mixin text-stroke($color, $size: 1px) {

package/src/styles/variables.scss

@@ -60,11 +60,9 @@ $easeOutSine: cubic-bezier(0.61, 1, 0.88, 1);
   --color--tooltip--background: #222;
   --color--tooltip--foreground: var(--color--white);
 
-  --font--family: 'Open Sans', sans-serif;
-  --font--family--latin: 'Open Sans', sans-serif;
-  --font--family--arabic: 'Vazirmatn', sans-serif;
-  --font--family--monospace: 'Roboto Mono', monospace;
-  --font--family--title: 'Lato', sans-serif;
+  --font--family: system-ui, sans-serif;
+  --font--family--monospace: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono',
+    monospace;
   --font--size--h1: 30px;
   --font--size--h2: 22px;
   --font--size--h3: 18px;

package/.next/static/UzQCOB6CHhyOupkEq8oZM/_buildManifest.js

@@ -1 +0,0 @@
-self.__BUILD_MANIFEST={__rewrites:{beforeFiles:[],afterFiles:[],fallback:[]},"/":["static/css/4bd04cebe207859c.css","static/chunks/pages/index-3fd280f406cc00fd.js"],"/404":["static/chunks/pages/404-d30fe85d005ce32b.js"],"/_error":["static/chunks/pages/_error-54de1933a164a1ff.js"],sortedPages:["/","/404","/_app","/_error"]},self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB();