From 698f8866975ce9a04ea093b59b33401fe8c02faf Mon Sep 17 00:00:00 2001 From: Aotumuri Date: Sun, 1 Jun 2025 19:52:21 +0900 Subject: [PATCH] fixed --- src/client/Cosmetic.ts | 36 +++++++++++++--------------- src/client/Main.ts | 4 ++-- src/client/SinglePlayerModal.ts | 4 ++-- src/client/TerritoryPatternsModal.ts | 11 +++++---- 4 files changed, 26 insertions(+), 29 deletions(-) diff --git a/src/client/Cosmetic.ts b/src/client/Cosmetic.ts index b560394b1..0d95212fe 100644 --- a/src/client/Cosmetic.ts +++ b/src/client/Cosmetic.ts @@ -70,25 +70,21 @@ export class PatternDecoder { } } -export class TerritoryPatternStorage { - private static readonly KEY = "territoryPattern"; - private static readonly BASE64_KEY = "territoryPatternBase64"; +const TERRITORY_PATTERN_KEY = "territoryPattern"; +const TERRITORY_PATTERN_BASE64_KEY = "territoryPatternBase64"; - static getSelectedPattern(): string | undefined { - return localStorage.getItem(TerritoryPatternStorage.KEY) ?? undefined; - } - - static setSelectedPattern(patternKey: string): void { - localStorage.setItem(TerritoryPatternStorage.KEY, patternKey); - } - - static getSelectedPatternBase64(): string | undefined { - return ( - localStorage.getItem(TerritoryPatternStorage.BASE64_KEY) ?? undefined - ); - } - - static setSelectedPatternBase64(base64: string): void { - localStorage.setItem(TerritoryPatternStorage.BASE64_KEY, base64); - } +export function getSelectedPattern(): string | undefined { + return localStorage.getItem(TERRITORY_PATTERN_KEY) ?? undefined; +} + +export function setSelectedPattern(patternKey: string): void { + localStorage.setItem(TERRITORY_PATTERN_KEY, patternKey); +} + +export function getSelectedPatternBase64(): string | undefined { + return localStorage.getItem(TERRITORY_PATTERN_BASE64_KEY) ?? undefined; +} + +export function setSelectedPatternBase64(base64: string): void { + localStorage.setItem(TERRITORY_PATTERN_BASE64_KEY, base64); } diff --git a/src/client/Main.ts b/src/client/Main.ts index 2b0725a13..736cdd7fc 100644 --- a/src/client/Main.ts +++ b/src/client/Main.ts @@ -6,7 +6,7 @@ import { getServerConfigFromClient } from "../core/configuration/ConfigLoader"; import { GameType } from "../core/game/Game"; import { UserSettings } from "../core/game/UserSettings"; import { joinLobby } from "./ClientGameRunner"; -import { TerritoryPatternStorage } from "./Cosmetic"; +import { getSelectedPatternBase64 } from "./Cosmetic"; import "./DarkModeButton"; import { DarkModeButton } from "./DarkModeButton"; import "./FlagInput"; @@ -300,7 +300,7 @@ class Client { { gameID: lobby.gameID, serverConfig: config, - pattern: TerritoryPatternStorage.getSelectedPatternBase64() || "", + pattern: getSelectedPatternBase64() || "", flag: this.flagInput === null || this.flagInput.getCurrentFlag() === "xx" ? "" diff --git a/src/client/SinglePlayerModal.ts b/src/client/SinglePlayerModal.ts index ede615165..15bfdd615 100644 --- a/src/client/SinglePlayerModal.ts +++ b/src/client/SinglePlayerModal.ts @@ -18,7 +18,7 @@ import "./components/baseComponents/Modal"; import "./components/Difficulties"; import { DifficultyDescription } from "./components/Difficulties"; import "./components/Maps"; -import { TerritoryPatternStorage } from "./Cosmetic"; +import { getSelectedPatternBase64 } from "./Cosmetic"; import { FlagInput } from "./FlagInput"; import { JoinLobbyEvent } from "./Main"; import { UsernameInput } from "./UsernameInput"; @@ -442,7 +442,7 @@ export class SinglePlayerModal extends LitElement { flagInput.getCurrentFlag() === "xx" ? "" : flagInput.getCurrentFlag(), - pattern: TerritoryPatternStorage.getSelectedPatternBase64(), + pattern: getSelectedPatternBase64(), }, ], config: { diff --git a/src/client/TerritoryPatternsModal.ts b/src/client/TerritoryPatternsModal.ts index dd68d2c5f..8df7dc74d 100644 --- a/src/client/TerritoryPatternsModal.ts +++ b/src/client/TerritoryPatternsModal.ts @@ -5,9 +5,11 @@ import { UserMeResponse } from "../core/ApiSchemas"; import "./components/Difficulties"; import "./components/Maps"; import { + getSelectedPattern, PatternDecoder, + setSelectedPattern, + setSelectedPatternBase64, territoryPatterns, - TerritoryPatternStorage, } from "./Cosmetic"; @customElement("territory-patterns-modal") @@ -20,8 +22,7 @@ export class TerritoryPatternsModal extends LitElement { @query("#territory-patterns-input-preview-button") private previewButton!: HTMLElement; - @state() private selectedPattern = - TerritoryPatternStorage.getSelectedPattern(); + @state() private selectedPattern = getSelectedPattern(); @state() private buttonWidth: number = 100; @@ -200,10 +201,10 @@ export class TerritoryPatternsModal extends LitElement { private selectPattern(patternKey: string) { this.selectedPattern = patternKey; - TerritoryPatternStorage.setSelectedPattern(patternKey); + setSelectedPattern(patternKey); const base64 = territoryPatterns.pattern[patternKey]; if (base64) { - TerritoryPatternStorage.setSelectedPatternBase64(base64.pattern); + setSelectedPatternBase64(base64.pattern); } this.updatePreview(); this.close();