@scrabble-solver/scrabble-solver 2.13.13 → 2.15.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scrabble-solver/scrabble-solver",
-  "version": "2.13.13",
+  "version": "2.15.0",
   "description": "Scrabble Solver 2 - App",
   "engines": {
     "node": ">=16"
@@ -27,16 +27,16 @@
     "start": "env-cmd next start -p 3333"
   },
   "dependencies": {
-    "@floating-ui/react": "^0.26.19",
+    "@floating-ui/react": "^0.26.20",
     "@kamilmielnik/trie": "^3.0.0",
-    "@reduxjs/toolkit": "^2.2.6",
-    "@scrabble-solver/configs": "^2.13.13",
-    "@scrabble-solver/constants": "^2.13.13",
-    "@scrabble-solver/dictionaries": "^2.13.13",
-    "@scrabble-solver/logger": "^2.13.13",
-    "@scrabble-solver/solver": "^2.13.13",
-    "@scrabble-solver/types": "^2.13.13",
-    "@scrabble-solver/word-definitions": "^2.13.13",
+    "@reduxjs/toolkit": "^2.2.7",
+    "@scrabble-solver/configs": "^2.15.0",
+    "@scrabble-solver/constants": "^2.15.0",
+    "@scrabble-solver/dictionaries": "^2.15.0",
+    "@scrabble-solver/logger": "^2.15.0",
+    "@scrabble-solver/solver": "^2.15.0",
+    "@scrabble-solver/types": "^2.15.0",
+    "@scrabble-solver/word-definitions": "^2.15.0",
     "classnames": "^2.5.1",
     "env-cmd": "^10.1.0",
     "include-media": "^2.0.0",
@@ -52,7 +52,7 @@
     "react-window": "^1.8.10",
     "redux-saga": "^1.3.0",
     "store2": "^2.14.3",
-    "use-debounce": "^10.0.1",
+    "use-debounce": "^10.0.2",
     "workbox-expiration": "^7.1.0",
     "workbox-precaching": "^7.1.0",
     "workbox-routing": "^7.1.0",
@@ -73,5 +73,5 @@
     "@types/redux-saga": "^0.10.5",
     "sass": "^1.77.8"
   },
-  "gitHead": "8cfc206dec35314cd879a3ce8f9b0c60c3fd231a"
+  "gitHead": "4c23b3525f7cb2b1fae4ec0d9271cffab810f7d3"
 }

package/src/components/Alert/Alert.tsx

@@ -32,7 +32,7 @@ const Alert: FunctionComponent<Props> = ({ children, className, variant, ...prop
       {...props}
     >
       <div className={styles.iconContainer}>
-        <Icon className={styles.icon} />
+        <Icon aria-hidden="true" className={styles.icon} role="img" />
       </div>
 
       <div className={styles.content}>{children}</div>

package/src/components/Board/Board.tsx

@@ -9,7 +9,7 @@ import { useDispatch } from 'react-redux';
 
 import { useAppLayout } from 'hooks';
 import { LOCALE_FEATURES } from 'i18n';
-import { BORDER_WIDTH, TRANSITION } from 'parameters';
+import { TRANSITION } from 'parameters';
 import {
   boardSlice,
   cellFilterSlice,
@@ -176,8 +176,8 @@ const Board: FunctionComponent<Props> = ({ className }) => {
           ref={floatingFocus.refs.setFloating}
           style={{
             position: floatingFocus.strategy,
-            top: floatingFocus.y + cellSize - (showCoordinates === 'hidden' ? 0 : BORDER_WIDTH),
-            left: floatingFocus.x - (showCoordinates === 'hidden' ? 0 : BORDER_WIDTH),
+            top: floatingFocus.y + cellSize,
+            left: floatingFocus.x,
             width: cellSize,
             height: cellSize,
             opacity: hasFocus ? 1 : 0,

package/src/components/Board/BoardPure.tsx

@@ -108,7 +108,7 @@ const BoardPure = forwardRef<HTMLDivElement, Props>(
             }}
           >
             <div className={styles.iconBackground} />
-            <Icon className={styles.icon} />
+            <Icon aria-hidden="true" className={styles.icon} role="img" />
           </div>
         );
       })}

package/src/components/Button/Button.tsx

@@ -34,7 +34,7 @@ const Button: FunctionComponent<Props> = ({
         {...props}
       >
         <span className={styles.content}>
-          {Icon && <Icon className={classNames(styles.icon, iconClassName)} />}
+          {Icon && <Icon aria-hidden="true" className={classNames(styles.icon, iconClassName)} role="img" />}
           {children && <span className={styles.label}>{children}</span>}
         </span>
       </button>

package/src/components/IconButton/IconButton.tsx

@@ -19,7 +19,7 @@ const IconButton: FunctionComponent<Props> = ({ className, Icon, tooltip, ...pro
     <Tooltip tooltip={tooltip}>
       <button className={classNames(styles.iconButton, className)} type="button" {...props}>
         <span className={styles.content}>
-          <Icon className={styles.icon} />
+          <Icon aria-hidden="true" className={styles.icon} role="img" />
         </span>
       </button>
     </Tooltip>

package/src/components/IconButton/Link.tsx

@@ -18,7 +18,7 @@ const Link: FunctionComponent<Props> = ({ className, Icon, tooltip, ...props })
     <Tooltip tooltip={tooltip}>
       <a className={classNames(styles.iconButton, className)} {...props}>
         <span className={styles.content}>
-          <Icon className={styles.icon} />
+          <Icon aria-hidden="true" className={styles.icon} role="img" />
         </span>
       </a>
     </Tooltip>

package/src/components/Keys/Arrows/Arrows.tsx

@@ -14,16 +14,16 @@ interface Props {
 const Arrows: FunctionComponent<Props> = ({ className }) => (
   <div className={classNames(styles.arrows, className)}>
     <Key className={classNames(styles.arrow, styles.left)}>
-      <ArrowLeft />
+      <ArrowLeft aria-hidden="true" role="img" />
     </Key>
     <Key className={classNames(styles.arrow, styles.up)}>
-      <ArrowUp />
+      <ArrowUp aria-hidden="true" role="img" />
     </Key>
     <Key className={classNames(styles.arrow, styles.right)}>
-      <ArrowRight />
+      <ArrowRight aria-hidden="true" role="img" />
     </Key>
     <Key className={classNames(styles.arrow, styles.down)}>
-      <ArrowDown />
+      <ArrowDown aria-hidden="true" role="img" />
     </Key>
   </div>
 );

package/src/components/NotFound/NotFound.tsx

@@ -11,7 +11,7 @@ const CONTENT = [['HTTP', '404']];
 const NotFound: FunctionComponent = () => (
   <div className={styles.notFound}>
     <a className={styles.link} href="/">
-      <DashCircleFill className={styles.icon} />
+      <DashCircleFill aria-hidden="true" className={styles.icon} role="img" />
       <PlainTiles className={styles.tiles} content={CONTENT} />
     </a>
   </div>

package/src/components/Radio/Radio.module.scss

@@ -51,8 +51,9 @@ $radio-box-size: $radio-size + 2 * $radio-inner-border;
   &::after {
     content: ' ';
     position: absolute;
-    top: $radio-inner-border;
-    left: $radio-inner-border;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
     width: $radio-inner-size;
     height: $radio-inner-size;
     background-color: transparent;

package/src/components/Radio/Radio.tsx

@@ -30,7 +30,7 @@ const Radio: FunctionComponent<Props> = ({ checked, children, className, disable
       onChange={onChange}
     />
 
-    <div className={styles.icon} />
+    <div aria-hidden="true" className={styles.icon} role="img" />
 
     <div className={styles.content}>{children}</div>
   </label>

package/src/components/Results/HeaderButton.tsx

@@ -37,7 +37,7 @@ const HeaderButton = ({ className, Icon, id, translationKey, style }: Props): Re
         onClick={handleClick}
       >
         <span className={styles.cell}>
-          {Icon && <Icon className={styles.headerButtonIcon} />}
+          {Icon && <Icon aria-hidden="true" className={styles.headerButtonIcon} role="img" />}
 
           {!Icon && <span className={styles.headerButtonLabel}>{translate(translationKey)}</span>}
 

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

@@ -56,7 +56,9 @@ $row-padding-horizontal: calc(var(--spacing--m) + var(--spacing--s));
   cursor: pointer;
 
   text-transform: uppercase;
-  transition: var(--transition);
+  transition:
+    background-color var(--transition--duration) var(--transition--easing),
+    color var(--transition--duration) var(--transition--easing);
   background-color: var(--color--background);
   height: 100%;
 
@@ -138,6 +140,7 @@ $row-padding-horizontal: calc(var(--spacing--m) + var(--spacing--s));
 
   .word {
     @include ellipsis;
+
     display: flex;
   }
 }
@@ -147,17 +150,12 @@ $row-padding-horizontal: calc(var(--spacing--m) + var(--spacing--s));
   align-items: center;
   justify-content: center;
   height: 100%;
-  padding: 0 var(--spacing--s);
   gap: var(--spacing--s);
   line-height: var(--results--item--height);
 
-  &.word,
+  .result &.word,
   .headerButton.word & {
     justify-content: flex-start;
-  }
-
-  .result &.word:first-child,
-  .headerButton.word:first-child & {
     padding-inline-start: $row-padding-horizontal;
   }
 
@@ -183,7 +181,6 @@ $row-padding-horizontal: calc(var(--spacing--m) + var(--spacing--s));
   $width: 80px;
 
   flex: 1 0 $width;
-  max-width: $width;
   font-weight: bold;
 }
 

package/src/components/Solver/components/ResultCandidatePicker/ResultCandidatePicker.tsx

@@ -90,7 +90,7 @@ const ResultCandidatePicker: FunctionComponent<Props> = ({ className, onResultCl
 
         <div className={styles.iconContainer}>
           {isLoading && <Spinner className={styles.loading} />}
-          {!isLoading && <ChevronDown className={styles.icon} />}
+          {!isLoading && <ChevronDown aria-hidden="true" className={styles.icon} role="img" />}
         </div>
       </button>
 

package/src/components/Tile/TilePure.tsx

@@ -107,7 +107,7 @@ const TilePure: FunctionComponent<Props> = ({
       </span>
     )}
 
-    {!isValid && <ExclamationSquareFill className={styles.alert} />}
+    {!isValid && <ExclamationSquareFill aria-hidden="true" className={styles.alert} role="img" />}
   </div>
 );
 

package/src/i18n/constants.ts

@@ -2,7 +2,7 @@ import { COMMA_ARABIC, COMMA_LATIN } from '@scrabble-solver/constants';
 import { Locale } from '@scrabble-solver/types';
 import { FunctionComponent, SVGAttributes } from 'react';
 
-import { FlagDe, FlagEs, FlagFa, FlagFr, FlagGb, FlagPl, FlagRo, FlagUs } from 'icons';
+import { FlagDe, FlagEs, FlagFa, FlagFr, FlagGb, FlagPl, FlagRo, FlagTr, FlagUs } from 'icons';
 
 interface LocaleFeatures {
   comma: string;
@@ -105,4 +105,15 @@ export const LOCALE_FEATURES: Record<Locale, LocaleFeatures> = {
     separator: `${COMMA_LATIN} `,
     vowels: true,
   },
+  [Locale.TR_TR]: {
+    comma: COMMA_LATIN,
+    consonants: true,
+    direction: 'ltr',
+    Icon: FlagTr,
+    label: 'Türkçe',
+    locale: Locale.TR_TR,
+    name: 'Turkish',
+    separator: `${COMMA_LATIN} `,
+    vowels: true,
+  },
 };

package/src/i18n/i18n.ts

@@ -9,6 +9,7 @@ import persian from './languages/persian.json';
 import polish from './languages/polish.json';
 import romanian from './languages/romanian.json';
 import spanish from './languages/spanish.json';
+import turkish from './languages/turkish.json';
 
 const i18n: Record<Locale, Translations> = {
   [Locale.DE_DE]: german,
@@ -19,6 +20,7 @@ const i18n: Record<Locale, Translations> = {
   [Locale.FR_FR]: french,
   [Locale.PL_PL]: polish,
   [Locale.RO_RO]: romanian,
+  [Locale.TR_TR]: turkish,
 };
 
 export default i18n;

package/src/i18n/languages/turkish.json

@@ -0,0 +1,78 @@
+{
+  "cell.enter-word": "Kelimeyi girin",
+  "cell.filter-cell.exclude": "Hedefi hariç tut",
+  "cell.filter-cell.include": "Hedef varış noktası",
+  "cell.set-blank": "Boş olarak işaretle",
+  "cell.set-not-blank": "Boş değil olarak işaretle",
+  "cell.tile.location": "Tahta: harfler ({{x}}, {{y}})",
+  "cell.toggle-direction": "Yazma yönü - geçiş yapmak için tıklayın",
+  "common.arrows": "Ok tuşları",
+  "common.blanks": "Jokerler",
+  "common.clear": "Sıfırla",
+  "common.close": "Kapat",
+  "common.consonants": "Ünlü harfler",
+  "common.loading": "Yükleniyor",
+  "common.next": "Sonraki",
+  "common.points": "Puanlar",
+  "common.previous": "Öncesi",
+  "common.space": "Boşluk çubuğu",
+  "common.tiles": "Taşlar",
+  "common.two-letter-tiles": "İki Harfli",
+  "common.vowels": "Ünsüz harfler",
+  "common.word": "Kelime",
+  "common.words": "Kelimeler",
+  "dictionary": "Sözlük",
+  "dictionary.empty-state.no-definitions": "Kelime sözlükte var ama tanımı yok.",
+  "dictionary.empty-state.no-results": "Sözlükte kelime tanımı bulunamadı.",
+  "dictionary.empty-state.not-allowed": "Bu kelimeye izin verilmiyor.",
+  "dictionary.empty-state.uninitialized": "En son vurgulanan kelimenin sözlük tanımı burada gösterilecektir.",
+  "dictionary.input.placeholder": "Sözlükte ara...",
+  "dictionary.input.title": "Virgülle ayrılmış kelimeler",
+  "empty-state.error": "Hata",
+  "empty-state.info": "Bilgi",
+  "empty-state.success": "Evet!",
+  "empty-state.warning": "Aman hayır!",
+  "github": "GitHub'da bu projeye bakın",
+  "keyMap": "Klavye Kısayolları",
+  "keyMap.board": "Tahta",
+  "keyMap.board.toggle-blank": "Taşı joker olarak işaretle/olmaktan çıkar",
+  "keyMap.board.toggle-cell-filter": "Hedef filtresini değiştir",
+  "keyMap.board.toggle-direction": "Yazma yönünü değiştir",
+  "keyMap.board-and-rack": "Tahta ve Deste",
+  "keyMap.board-and-rack.insert-two-letter-tile": "İki harfli kutucuğu ekle",
+  "keyMap.board-and-rack.navigate": "Gezinme",
+  "keyMap.board-and-rack.remove-tile": "Taşı kaldır",
+  "keyMap.board-and-rack.submit": "Çözmeye başla",
+  "keyMap.rack": "Deste",
+  "keyMap.rack.insert-blank": "Joker ekle (spacebar)",
+  "menu": "Menü",
+  "rack.placeholder": "Taşlar…",
+  "rack.tile.location": "Deste: harfler ({{index}})",
+  "rack.touchscreen.placeholder": "Taşlar…",
+  "remaining-tiles": "Kalan taşlar",
+  "results": "Sonuçlar",
+  "results.empty-state.no-results": "Sonuç bulunamadı - kelime üretilemedi.",
+  "results.empty-state.outdated": "Sonuçlar güncelliğini yitirmiştir.",
+  "results.empty-state.uninitialized": "Harflerinizden oluşturulan kelimeler burada gösterilecektir.",
+  "results.input.placeholder": "Sonuçları Ara... (RegExp)",
+  "results.insert": "Sokmak",
+  "results.preview": "Önizleme",
+  "results.solve": "Çöz",
+  "settings": "Ayarlar",
+  "settings.autoGroupTiles": "Kalan taşları grupla",
+  "settings.autoGroupTiles.left": "Soldaki",
+  "settings.autoGroupTiles.right": "Sağdaki",
+  "settings.autoGroupTiles.null": "Gruplamayın",
+  "settings.game": "Oyun",
+  "settings.inputMode": "Giriş Methodu",
+  "settings.inputMode.keyboard": "Klavye",
+  "settings.inputMode.touchscreen": "Dokunmatik ekran",
+  "settings.language": "Dil",
+  "settings.showCoordinates": "Koordinatlar",
+  "settings.showCoordinates.alternative": "Alternatif",
+  "settings.showCoordinates.hidden": "Gizlenmiş",
+  "settings.showCoordinates.original": "Orijinal",
+  "words": "Oluşturulan kelimeler",
+  "words.invalid": "Geçersiz",
+  "words.valid": "Geçerli"
+}

package/src/icons/FlagTr.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -30000 90000 60000">
+	<path fill="#e30a17" d="m0-30000h90000v60000H0z" />
+	<path fill="#fff" d="m41750 0 13568-4408-8386 11541V-7133l8386 11541zm925 8021a15000 15000 0 1 1 0-16042 12000 12000 0 1 0 0 16042z" />
+</svg>

package/src/icons/index.ts

@@ -27,6 +27,7 @@ export { default as FlagFr } from './FlagFr.svg';
 export { default as FlagGb } from './FlagGb.svg';
 export { default as FlagPl } from './FlagPl.svg';
 export { default as FlagRo } from './FlagRo.svg';
+export { default as FlagTr } from './FlagTr.svg';
 export { default as FlagUs } from './FlagUs.svg';
 export { default as GeoAlt } from './GeoAlt.svg';
 export { default as Github } from './Github.svg';

package/src/modals/MenuModal/MenuModal.tsx

@@ -64,7 +64,7 @@ const MenuModal: FunctionComponent<Props> = ({
       <Button aria-label={translate('settings')} className={styles.button} Icon={Cog} onClick={onShowSettings}>
         <div className={styles.settings}>
           <div className={styles.settingsLabel}>{translate('settings')}</div>
-          <Icon className={styles.flag} />
+          <Icon aria-hidden="true" className={styles.flag} role="img" />
         </div>
       </Button>
     </Modal>

package/src/modals/SettingsModal/components/LocaleSetting/LocaleSetting.tsx

@@ -40,7 +40,7 @@ const LocaleSetting: FunctionComponent<Props> = ({ className, disabled }) => {
           onChange={handleChange}
         >
           <span className={styles.label}>
-            <Icon className={styles.flag} />
+            <Icon aria-hidden="true" className={styles.flag} role="img" />
 
             <span>{option.label}</span>
           </span>

package/src/modals/WordsModal/WordsModal.tsx

@@ -31,7 +31,7 @@ const WordsModal: FunctionComponent<Props> = ({ className, isOpen, onClose }) =>
       >
         {invalidWords.map((word, index) => (
           <div className={styles.word} key={index}>
-            <Cross className={classNames(styles.icon, styles.invalid)} /> {word}
+            <Cross aria-hidden="true" className={classNames(styles.icon, styles.invalid)} role="img" /> {word}
           </div>
         ))}
       </Modal.Section>
@@ -47,7 +47,7 @@ const WordsModal: FunctionComponent<Props> = ({ className, isOpen, onClose }) =>
       >
         {validWords.map((word, index) => (
           <div className={styles.word} key={index}>
-            <Check className={classNames(styles.icon, styles.valid)} /> {word}
+            <Check aria-hidden="true" className={classNames(styles.icon, styles.valid)} role="img" /> {word}
           </div>
         ))}
       </Modal.Section>

package/src/pages/_app.tsx

@@ -18,7 +18,8 @@ const KEYWORDS = [
   'Scrabble',
   'Solver',
   'Super Scrabble',
-  'Super Scrabble Solver',
+  'Kelimelik',
+  'Literaki',
   'Board',
   'Open-source',
   'Open',
@@ -26,14 +27,22 @@ const KEYWORDS = [
   'Word',
   'Finder',
   'Cheating',
-  'Literaki',
   'Word',
   'English',
   'Français',
+  'French',
   'Deutsch',
+  'German',
   'Polski',
+  'Polish',
   'فارسی',
+  'Farsi',
   'Español',
+  'Spanish',
+  'Română',
+  'Romanian',
+  'Türkçe',
+  'Turkish',
   'SOWPODS',
   'TWL06',
   'SJP',