feat: add Holo-work tracking, teams and board bonuses
Publish GitHub Pages output / publish (push) Successful in 30s
Publish GitHub Pages output / publish (push) Successful in 30s
This commit is contained in:
@@ -0,0 +1,20 @@
|
||||
<script lang="ts">
|
||||
import type { HoloWorkBoardBonus } from '$lib/engine/board-effects';
|
||||
export let bonus: HoloWorkBoardBonus | undefined;
|
||||
export let showEmpty = false;
|
||||
const labels = { lesson: '레슨 Pt', cube: '큐브', training: '특훈 아이템' };
|
||||
$: entries = (Object.keys(labels) as (keyof HoloWorkBoardBonus)[]).filter((key) => (bonus?.[key] ?? 0) > 0);
|
||||
</script>
|
||||
|
||||
{#if entries.length}
|
||||
<div class="bonuses" aria-label="홀로워크 보드 보너스">
|
||||
{#each entries as key}<span>{labels[key]} <strong>+{bonus![key].toLocaleString('ko-KR', { maximumFractionDigits: 3 })}%</strong></span>{/each}
|
||||
</div>
|
||||
{:else if showEmpty}<p class="empty">활성 보드 보너스 없음</p>{/if}
|
||||
|
||||
<style>
|
||||
.bonuses { display: flex; flex-wrap: wrap; gap: 6px; }
|
||||
.bonuses span { padding: 5px 8px; border: 1px solid #65552c; border-radius: 7px; background: rgb(226 190 95 / 8%); color: #d9c890; font-size: 12px; line-height: 1.5; }
|
||||
strong { color: #f1d583; white-space: nowrap; }
|
||||
.empty { margin: 0; color: #a4adba; font-size: 13px; }
|
||||
</style>
|
||||
@@ -0,0 +1,19 @@
|
||||
<script lang="ts">
|
||||
import achievements from '$lib/data/holo-work-achievements.json';
|
||||
import { workAchievement } from '$lib/storage/holo-work';
|
||||
export let memberId: string;
|
||||
export let count: number;
|
||||
$: progress = workAchievement(count, (achievements.thresholdsByMember as Record<string, number[]>)[memberId] ?? []);
|
||||
</script>
|
||||
|
||||
<span class="progress" class:complete={progress.complete}>
|
||||
<strong>{count.toLocaleString('ko-KR')}</strong> / {progress.target?.toLocaleString('ko-KR') ?? '—'}회
|
||||
{#if progress.complete}<small>완료</small>{/if}
|
||||
</span>
|
||||
|
||||
<style>
|
||||
.progress { white-space: nowrap; color: #a4adba; font-variant-numeric: tabular-nums; font-size: 14px; }
|
||||
strong { color: #f3b4d0; font-size: 17px; }
|
||||
.complete strong, small { color: #98dbbc; }
|
||||
small { margin-left: 6px; font-size: 12px; }
|
||||
</style>
|
||||
@@ -0,0 +1,16 @@
|
||||
<script lang="ts">
|
||||
export let active: 'random' | 'holo-work';
|
||||
</script>
|
||||
|
||||
<nav aria-label="도구 메뉴">
|
||||
<a href="/tools/random" aria-current={active === 'random' ? 'page' : undefined}>악곡 랜덤</a>
|
||||
<a href="/tools/holo-work" aria-current={active === 'holo-work' ? 'page' : undefined}>홀로워크 관리</a>
|
||||
</nav>
|
||||
|
||||
<style>
|
||||
nav { display: flex; gap: 5px; margin: 24px 0; padding: 5px; border: 1px solid #2c3441; border-radius: 12px; background: #171c24; }
|
||||
a { flex: 1; padding: 9px 12px; border-radius: 8px; color: #929cad; font-size: 14px; font-weight: 800; text-align: center; text-decoration: none; }
|
||||
a:hover { color: #dfe4eb; background: rgb(255 255 255 / 4%); }
|
||||
a[aria-current='page'] { color: #f3a5c5; background: rgb(239 139 182 / 12%); }
|
||||
a:focus-visible { outline: 3px solid #ed8bb5; outline-offset: 3px; }
|
||||
</style>
|
||||
@@ -0,0 +1,606 @@
|
||||
{
|
||||
"source": {
|
||||
"repository": "https://github.com/HolodoriDB/holodori-db-kor-diff.git",
|
||||
"commit": "9234a7d99c5cfba9b71803c24a6de4c005c4842f",
|
||||
"files": [
|
||||
"Mission.json",
|
||||
"MissionProgress.json"
|
||||
]
|
||||
},
|
||||
"thresholdsByMember": {
|
||||
"chr-00001": [
|
||||
1,
|
||||
5,
|
||||
10,
|
||||
30,
|
||||
50,
|
||||
100,
|
||||
200,
|
||||
300,
|
||||
400
|
||||
],
|
||||
"chr-00002": [
|
||||
1,
|
||||
5,
|
||||
10,
|
||||
30,
|
||||
50,
|
||||
100,
|
||||
200,
|
||||
300,
|
||||
400
|
||||
],
|
||||
"chr-00004": [
|
||||
1,
|
||||
5,
|
||||
10,
|
||||
30,
|
||||
50,
|
||||
100,
|
||||
200,
|
||||
300,
|
||||
400
|
||||
],
|
||||
"chr-00005": [
|
||||
1,
|
||||
5,
|
||||
10,
|
||||
30,
|
||||
50,
|
||||
100,
|
||||
200,
|
||||
300,
|
||||
400
|
||||
],
|
||||
"chr-00006": [
|
||||
1,
|
||||
5,
|
||||
10,
|
||||
30,
|
||||
50,
|
||||
100,
|
||||
200,
|
||||
300,
|
||||
400
|
||||
],
|
||||
"chr-00007": [
|
||||
1,
|
||||
5,
|
||||
10,
|
||||
30,
|
||||
50,
|
||||
100,
|
||||
200,
|
||||
300,
|
||||
400
|
||||
],
|
||||
"chr-00010": [
|
||||
1,
|
||||
5,
|
||||
10,
|
||||
30,
|
||||
50,
|
||||
100,
|
||||
200,
|
||||
300,
|
||||
400
|
||||
],
|
||||
"chr-00011": [
|
||||
1,
|
||||
5,
|
||||
10,
|
||||
30,
|
||||
50,
|
||||
100,
|
||||
200,
|
||||
300,
|
||||
400
|
||||
],
|
||||
"chr-00012": [
|
||||
1,
|
||||
5,
|
||||
10,
|
||||
30,
|
||||
50,
|
||||
100,
|
||||
200,
|
||||
300,
|
||||
400
|
||||
],
|
||||
"chr-00013": [
|
||||
1,
|
||||
5,
|
||||
10,
|
||||
30,
|
||||
50,
|
||||
100,
|
||||
200,
|
||||
300,
|
||||
400
|
||||
],
|
||||
"chr-00014": [
|
||||
1,
|
||||
5,
|
||||
10,
|
||||
30,
|
||||
50,
|
||||
100,
|
||||
200,
|
||||
300,
|
||||
400
|
||||
],
|
||||
"chr-00015": [
|
||||
1,
|
||||
5,
|
||||
10,
|
||||
30,
|
||||
50,
|
||||
100,
|
||||
200,
|
||||
300,
|
||||
400
|
||||
],
|
||||
"chr-00016": [
|
||||
1,
|
||||
5,
|
||||
10,
|
||||
30,
|
||||
50,
|
||||
100,
|
||||
200,
|
||||
300,
|
||||
400
|
||||
],
|
||||
"chr-00017": [
|
||||
1,
|
||||
5,
|
||||
10,
|
||||
30,
|
||||
50,
|
||||
100,
|
||||
200,
|
||||
300,
|
||||
400
|
||||
],
|
||||
"chr-00018": [
|
||||
1,
|
||||
5,
|
||||
10,
|
||||
30,
|
||||
50,
|
||||
100,
|
||||
200,
|
||||
300,
|
||||
400
|
||||
],
|
||||
"chr-00019": [
|
||||
1,
|
||||
5,
|
||||
10,
|
||||
30,
|
||||
50,
|
||||
100,
|
||||
200,
|
||||
300,
|
||||
400
|
||||
],
|
||||
"chr-00021": [
|
||||
1,
|
||||
5,
|
||||
10,
|
||||
30,
|
||||
50,
|
||||
100,
|
||||
200,
|
||||
300,
|
||||
400
|
||||
],
|
||||
"chr-00022": [
|
||||
1,
|
||||
5,
|
||||
10,
|
||||
30,
|
||||
50,
|
||||
100,
|
||||
200,
|
||||
300,
|
||||
400
|
||||
],
|
||||
"chr-00023": [
|
||||
1,
|
||||
5,
|
||||
10,
|
||||
30,
|
||||
50,
|
||||
100,
|
||||
200,
|
||||
300,
|
||||
400
|
||||
],
|
||||
"chr-00026": [
|
||||
1,
|
||||
5,
|
||||
10,
|
||||
30,
|
||||
50,
|
||||
100,
|
||||
200,
|
||||
300,
|
||||
400
|
||||
],
|
||||
"chr-00027": [
|
||||
1,
|
||||
5,
|
||||
10,
|
||||
30,
|
||||
50,
|
||||
100,
|
||||
200,
|
||||
300,
|
||||
400
|
||||
],
|
||||
"chr-00028": [
|
||||
1,
|
||||
5,
|
||||
10,
|
||||
30,
|
||||
50,
|
||||
100,
|
||||
200,
|
||||
300,
|
||||
400
|
||||
],
|
||||
"chr-00030": [
|
||||
1,
|
||||
5,
|
||||
10,
|
||||
30,
|
||||
50,
|
||||
100,
|
||||
200,
|
||||
300,
|
||||
400
|
||||
],
|
||||
"chr-00031": [
|
||||
1,
|
||||
5,
|
||||
10,
|
||||
30,
|
||||
50,
|
||||
100,
|
||||
200,
|
||||
300,
|
||||
400
|
||||
],
|
||||
"chr-00032": [
|
||||
1,
|
||||
5,
|
||||
10,
|
||||
30,
|
||||
50,
|
||||
100,
|
||||
200,
|
||||
300,
|
||||
400
|
||||
],
|
||||
"chr-00034": [
|
||||
1,
|
||||
5,
|
||||
10,
|
||||
30,
|
||||
50,
|
||||
100,
|
||||
200,
|
||||
300,
|
||||
400
|
||||
],
|
||||
"chr-00035": [
|
||||
1,
|
||||
5,
|
||||
10,
|
||||
30,
|
||||
50,
|
||||
100,
|
||||
200,
|
||||
300,
|
||||
400
|
||||
],
|
||||
"chr-00036": [
|
||||
1,
|
||||
5,
|
||||
10,
|
||||
30,
|
||||
50,
|
||||
100,
|
||||
200,
|
||||
300,
|
||||
400
|
||||
],
|
||||
"chr-00037": [
|
||||
1,
|
||||
5,
|
||||
10,
|
||||
30,
|
||||
50,
|
||||
100,
|
||||
200,
|
||||
300,
|
||||
400
|
||||
],
|
||||
"chr-00039": [
|
||||
1,
|
||||
5,
|
||||
10,
|
||||
30,
|
||||
50,
|
||||
100,
|
||||
200,
|
||||
300,
|
||||
400
|
||||
],
|
||||
"chr-03001": [
|
||||
1,
|
||||
5,
|
||||
10,
|
||||
30,
|
||||
50,
|
||||
100,
|
||||
200,
|
||||
300,
|
||||
400
|
||||
],
|
||||
"chr-03002": [
|
||||
1,
|
||||
5,
|
||||
10,
|
||||
30,
|
||||
50,
|
||||
100,
|
||||
200,
|
||||
300,
|
||||
400
|
||||
],
|
||||
"chr-03003": [
|
||||
1,
|
||||
5,
|
||||
10,
|
||||
30,
|
||||
50,
|
||||
100,
|
||||
200,
|
||||
300,
|
||||
400
|
||||
],
|
||||
"chr-03004": [
|
||||
1,
|
||||
5,
|
||||
10,
|
||||
30,
|
||||
50,
|
||||
100,
|
||||
200,
|
||||
300,
|
||||
400
|
||||
],
|
||||
"chr-03005": [
|
||||
1,
|
||||
5,
|
||||
10,
|
||||
30,
|
||||
50,
|
||||
100,
|
||||
200,
|
||||
300,
|
||||
400
|
||||
],
|
||||
"chr-03006": [
|
||||
1,
|
||||
5,
|
||||
10,
|
||||
30,
|
||||
50,
|
||||
100,
|
||||
200,
|
||||
300,
|
||||
400
|
||||
],
|
||||
"chr-03007": [
|
||||
1,
|
||||
5,
|
||||
10,
|
||||
30,
|
||||
50,
|
||||
100,
|
||||
200,
|
||||
300,
|
||||
400
|
||||
],
|
||||
"chr-03008": [
|
||||
1,
|
||||
5,
|
||||
10,
|
||||
30,
|
||||
50,
|
||||
100,
|
||||
200,
|
||||
300,
|
||||
400
|
||||
],
|
||||
"chr-03009": [
|
||||
1,
|
||||
5,
|
||||
10,
|
||||
30,
|
||||
50,
|
||||
100,
|
||||
200,
|
||||
300,
|
||||
400
|
||||
],
|
||||
"chr-04001": [
|
||||
1,
|
||||
5,
|
||||
10,
|
||||
30,
|
||||
50,
|
||||
100,
|
||||
200,
|
||||
300,
|
||||
400
|
||||
],
|
||||
"chr-04002": [
|
||||
1,
|
||||
5,
|
||||
10,
|
||||
30,
|
||||
50,
|
||||
100,
|
||||
200,
|
||||
300,
|
||||
400
|
||||
],
|
||||
"chr-04003": [
|
||||
1,
|
||||
5,
|
||||
10,
|
||||
30,
|
||||
50,
|
||||
100,
|
||||
200,
|
||||
300,
|
||||
400
|
||||
],
|
||||
"chr-04007": [
|
||||
1,
|
||||
5,
|
||||
10,
|
||||
30,
|
||||
50,
|
||||
100,
|
||||
200,
|
||||
300,
|
||||
400
|
||||
],
|
||||
"chr-04010": [
|
||||
1,
|
||||
5,
|
||||
10,
|
||||
30,
|
||||
50,
|
||||
100,
|
||||
200,
|
||||
300,
|
||||
400
|
||||
],
|
||||
"chr-04012": [
|
||||
1,
|
||||
5,
|
||||
10,
|
||||
30,
|
||||
50,
|
||||
100,
|
||||
200,
|
||||
300,
|
||||
400
|
||||
],
|
||||
"chr-04013": [
|
||||
1,
|
||||
5,
|
||||
10,
|
||||
30,
|
||||
50,
|
||||
100,
|
||||
200,
|
||||
300,
|
||||
400
|
||||
],
|
||||
"chr-04014": [
|
||||
1,
|
||||
5,
|
||||
10,
|
||||
30,
|
||||
50,
|
||||
100,
|
||||
200,
|
||||
300,
|
||||
400
|
||||
],
|
||||
"chr-04015": [
|
||||
1,
|
||||
5,
|
||||
10,
|
||||
30,
|
||||
50,
|
||||
100,
|
||||
200,
|
||||
300,
|
||||
400
|
||||
],
|
||||
"chr-04016": [
|
||||
1,
|
||||
5,
|
||||
10,
|
||||
30,
|
||||
50,
|
||||
100,
|
||||
200,
|
||||
300,
|
||||
400
|
||||
],
|
||||
"chr-04017": [
|
||||
1,
|
||||
5,
|
||||
10,
|
||||
30,
|
||||
50,
|
||||
100,
|
||||
200,
|
||||
300,
|
||||
400
|
||||
],
|
||||
"chr-06002": [
|
||||
1,
|
||||
5,
|
||||
10,
|
||||
30,
|
||||
50,
|
||||
100,
|
||||
200,
|
||||
300,
|
||||
400
|
||||
],
|
||||
"chr-06003": [
|
||||
1,
|
||||
5,
|
||||
10,
|
||||
30,
|
||||
50,
|
||||
100,
|
||||
200,
|
||||
300,
|
||||
400
|
||||
],
|
||||
"chr-06004": [
|
||||
1,
|
||||
5,
|
||||
10,
|
||||
30,
|
||||
50,
|
||||
100,
|
||||
200,
|
||||
300,
|
||||
400
|
||||
],
|
||||
"chr-06005": [
|
||||
1,
|
||||
5,
|
||||
10,
|
||||
30,
|
||||
50,
|
||||
100,
|
||||
200,
|
||||
300,
|
||||
400
|
||||
]
|
||||
}
|
||||
}
|
||||
@@ -142,6 +142,44 @@ export type MemberBoardEffectSummary = {
|
||||
}[];
|
||||
};
|
||||
|
||||
export type HoloWorkBoardBonus = { lesson: number; cube: number; training: number };
|
||||
const emptyWorkBonus = (): HoloWorkBoardBonus => ({ lesson: 0, cube: 0, training: 0 });
|
||||
|
||||
/** Percent bonuses provided when each board's owner participates in Holo-work. */
|
||||
export function calculateHoloWorkBoardBonuses(
|
||||
summary: BoardSummarySource,
|
||||
memberBoards: Readonly<Record<string, readonly string[]>>,
|
||||
connections?: BoardConnections | null
|
||||
): Record<string, HoloWorkBoardBonus> {
|
||||
const multipliers = connectionMultipliers(summary, memberBoards, connections);
|
||||
return Object.fromEntries(Object.entries(memberBoards).map(([memberId, nodes]) => {
|
||||
const bonus = emptyWorkBonus();
|
||||
for (const groupId of new Set(nodes)) {
|
||||
const effect = nodeForMember(summary, groupId, memberId)?.effect;
|
||||
if (effect?.trigger !== 'work' || effect.type !== 'work_reward_quantity_up_permil_up'
|
||||
|| effect.targetId !== 'skill_tree_effect_target-skill_tree_character' || effect.value === null) continue;
|
||||
// Stable resource suffixes from the official SkillTreeEffect IDs distinguish reward categories.
|
||||
const category = effect.id?.endsWith('-work-item-item-card_level_up') ? 'lesson'
|
||||
: effect.id?.endsWith('-work-item-item-skill_tree_card-1') ? 'cube'
|
||||
: effect.id?.endsWith('-work-item-item-card_limit_break-attribute_1-1') ? 'training' : null;
|
||||
if (category) bonus[category] += effect.value * (multipliers[memberId]?.[groupId] ?? 1) / 10;
|
||||
}
|
||||
return [memberId, bonus];
|
||||
}));
|
||||
}
|
||||
|
||||
export function sumHoloWorkBoardBonuses(bonuses: Readonly<Record<string, HoloWorkBoardBonus>>, memberIds: readonly string[]): HoloWorkBoardBonus {
|
||||
const total = emptyWorkBonus();
|
||||
for (const id of new Set(memberIds)) {
|
||||
const bonus = bonuses[id];
|
||||
if (!bonus) continue;
|
||||
total.lesson += bonus.lesson;
|
||||
total.cube += bonus.cube;
|
||||
total.training += bonus.training;
|
||||
}
|
||||
return total;
|
||||
}
|
||||
|
||||
/** Saved-board overview, without assuming a leader or a song. Conditional effects stay in the detail rows. */
|
||||
export function summarizeMemberBoardEffects(
|
||||
summary: BoardSummarySource,
|
||||
|
||||
@@ -0,0 +1,48 @@
|
||||
import assert from 'node:assert/strict';
|
||||
import test from 'node:test';
|
||||
import { calculateHoloWorkBoardBonuses, sumHoloWorkBoardBonuses, type BoardSummarySource, type BoardConnections } from './board-effects.ts';
|
||||
|
||||
function effect(resource: string, value: number) {
|
||||
return { id: `effect-work-item-${resource}`, type: 'work_reward_quantity_up_permil_up', value,
|
||||
trigger: 'work', targetId: 'skill_tree_effect_target-skill_tree_character' };
|
||||
}
|
||||
const summary: BoardSummarySource = {
|
||||
members: [{ id: 'a', positionGroupId: 'model' }, { id: 'b', positionGroupId: 'model' }],
|
||||
models: { model: [{ groupId: 'S-1', x: 0, y: 0 }, { groupId: 'Y-1', x: 1, y: 0 }, { groupId: 'S-2', x: 2, y: 0 }] },
|
||||
nodeGroups: {
|
||||
'Y-1': [{ characterIds: [], effect: effect('item-card_level_up', 30) }, { characterIds: ['b'], effect: effect('item-card_level_up', 60) }],
|
||||
'Y-2': [{ characterIds: [], effect: effect('item-skill_tree_card-1', 40) }],
|
||||
'Y-3': [{ characterIds: [], effect: effect('item-card_limit_break-attribute_1-1', 80) }],
|
||||
'B-1': [{ characterIds: [], effect: { type: 'performance_up', value: 100 } }]
|
||||
}
|
||||
};
|
||||
const connections: BoardConnections = {
|
||||
placements: { a: { 'S-1': 'card' } },
|
||||
cards: [{ id: 'card', awakening: 0, connect: [
|
||||
{ level: 1, effectPermilUp: 500, extent: [{ x: 1, y: 0 }, { x: -1, y: 0 }] },
|
||||
{ level: 2, effectPermilUp: 1000, extent: [{ x: 1, y: 0 }, { x: -1, y: 0 }] }
|
||||
] }]
|
||||
};
|
||||
|
||||
test('활성 노드만 합산하고 중복 노드·다른 보너스를 제외하며 멤버별 변형을 적용한다', () => {
|
||||
const bonuses = calculateHoloWorkBoardBonuses(summary, { a: ['Y-1', 'Y-1', 'Y-2', 'B-1'], b: ['Y-1', 'Y-3'] });
|
||||
assert.deepEqual(bonuses, { a: { lesson: 3, cube: 4, training: 0 }, b: { lesson: 6, cube: 0, training: 8 } });
|
||||
assert.deepEqual(calculateHoloWorkBoardBonuses(summary, {}), {});
|
||||
});
|
||||
|
||||
test('연결 카드 개화와 배치·해제에 따라 소수점 보너스도 반영한다', () => {
|
||||
const boards = { a: ['Y-1'] };
|
||||
assert.equal(calculateHoloWorkBoardBonuses(summary, boards, connections).a.lesson, 4.5);
|
||||
const awakened = { ...connections, cards: connections.cards.map((card) => ({ ...card, awakening: 5 })) };
|
||||
assert.equal(calculateHoloWorkBoardBonuses(summary, boards, awakened).a.lesson, 6);
|
||||
assert.equal(calculateHoloWorkBoardBonuses(summary, boards).a.lesson, 3);
|
||||
assert.equal(calculateHoloWorkBoardBonuses(summary, { a: [] }, connections).a.lesson, 0);
|
||||
assert.equal(calculateHoloWorkBoardBonuses(summary, boards, { ...connections, placements: { a: { 'S-2': 'card' } } }).a.lesson, 3);
|
||||
});
|
||||
|
||||
test('조합 내 멤버의 보상 종류별 보너스만 합산하며 중복 멤버는 한 번만 센다', () => {
|
||||
const bonuses = calculateHoloWorkBoardBonuses(summary, { a: ['Y-1', 'Y-2'], b: ['Y-1', 'Y-3'] }, connections);
|
||||
assert.deepEqual(sumHoloWorkBoardBonuses(bonuses, ['a', 'b', 'c', 'd', 'e']), { lesson: 10.5, cube: 4, training: 8 });
|
||||
assert.deepEqual(sumHoloWorkBoardBonuses(bonuses, ['a', 'a']), bonuses.a);
|
||||
assert.deepEqual(sumHoloWorkBoardBonuses(bonuses, []), { lesson: 0, cube: 0, training: 0 });
|
||||
});
|
||||
@@ -0,0 +1,67 @@
|
||||
import assert from 'node:assert/strict';
|
||||
import test from 'node:test';
|
||||
import { createUserData, type CardListPreferences } from '../models/user-data.ts';
|
||||
import { parseUserData } from '../storage/browser-storage.ts';
|
||||
import { adjustWorkTeam, parseWorkTeams, workAchievement } from '../storage/holo-work.ts';
|
||||
|
||||
const preferences: CardListPreferences = {
|
||||
types: [], stats: [], activeConditions: [], specialConditions: [], activeProbabilities: [],
|
||||
cardVariants: [], generations: [], sortKey: null, sortDirection: 'asc', skillLevel: 1
|
||||
};
|
||||
|
||||
test('사용자 데이터 JSON은 홀로워크 기록과 카드·보드 설정을 함께 복원한다', () => {
|
||||
const data = createUserData(preferences);
|
||||
data.holoWorkCounts = { memberA: 15, memberB: 0, futureMember: 200 };
|
||||
data.holoWorkTeams = [{ id: 'team1', name: '매일 조합', memberIds: ['a', 'b', 'c', 'd', 'e'] }];
|
||||
data.collection = { cardA: { owned: true, awakening: 3 } };
|
||||
data.memberBoards = { memberA: ['node1'] };
|
||||
assert.deepEqual(parseUserData(JSON.stringify(data), preferences), data);
|
||||
});
|
||||
|
||||
test('홀로워크 필드가 없는 기존 백업은 빈 기록으로 복원한다', () => {
|
||||
const { holoWorkCounts, holoWorkTeams, ...oldBackup } = createUserData(preferences);
|
||||
assert.deepEqual(parseUserData(JSON.stringify(oldBackup), preferences).holoWorkCounts, {});
|
||||
assert.deepEqual(parseUserData(JSON.stringify(oldBackup), preferences).holoWorkTeams, []);
|
||||
});
|
||||
|
||||
test('업적 달성 즉시 다음 요구량으로 넘어가며 최종 목표는 유지한다', () => {
|
||||
const thresholds = [1, 5, 10, 30, 50, 100, 200, 300, 400];
|
||||
assert.deepEqual(workAchievement(0, thresholds), { target: 1, complete: false });
|
||||
assert.deepEqual(workAchievement(12, thresholds), { target: 30, complete: false });
|
||||
for (let i = 0; i < thresholds.length; i++) {
|
||||
assert.deepEqual(workAchievement(thresholds[i] - 1, thresholds), { target: thresholds[i], complete: false });
|
||||
assert.deepEqual(workAchievement(thresholds[i], thresholds), { target: thresholds[i + 1] ?? 400, complete: i === thresholds.length - 1 });
|
||||
}
|
||||
assert.deepEqual(workAchievement(500, thresholds), { target: 400, complete: true });
|
||||
assert.deepEqual(workAchievement(12, []), { target: null, complete: false });
|
||||
});
|
||||
|
||||
test('조합은 서로 다른 멤버 5명이어야 하고 중복 ID나 빈 이름을 거부한다', () => {
|
||||
const team = { id: 'a', name: '조합', memberIds: ['a', 'b', 'c', 'd', 'e'] };
|
||||
for (const memberIds of [[], ['a', 'b', 'c', 'd'], ['a', 'b', 'c', 'd', 'a'], ['a', 'b', 'c', 'd', 'e', 'f']]) {
|
||||
assert.throws(() => parseWorkTeams([{ ...team, memberIds }]));
|
||||
}
|
||||
assert.throws(() => parseWorkTeams([team, team]));
|
||||
assert.throws(() => parseWorkTeams([{ ...team, name: ' ' }]));
|
||||
assert.deepEqual(parseWorkTeams([team]), [team]);
|
||||
});
|
||||
|
||||
test('조합 일괄 변경은 다섯 명만 바꾸고 하나라도 범위를 벗어나면 모두 유지한다', () => {
|
||||
const ids = ['a', 'b', 'c', 'd', 'e'];
|
||||
const counts = { a: 1, b: 3, c: 5, d: 10, e: 399, other: 99 };
|
||||
const incremented = adjustWorkTeam(counts, ids, 1);
|
||||
assert.deepEqual(incremented, { a: 2, b: 4, c: 6, d: 11, e: 400, other: 99 });
|
||||
assert.deepEqual(adjustWorkTeam(incremented, ids, -1), counts);
|
||||
assert.throws(() => adjustWorkTeam({ ...counts, e: 0 }, ids, -1));
|
||||
assert.throws(() => adjustWorkTeam({ ...counts, e: Number.MAX_SAFE_INTEGER }, ids, 1));
|
||||
assert.equal(counts.a, 1);
|
||||
});
|
||||
|
||||
test('잘못된 홀로워크 횟수가 있는 백업은 거부한다', () => {
|
||||
for (const value of [-1, 1.5, '3', null, Number.MAX_SAFE_INTEGER + 1]) {
|
||||
assert.throws(() => parseUserData(JSON.stringify({ ...createUserData(preferences), holoWorkCounts: { a: value } }), preferences));
|
||||
}
|
||||
for (const value of [null, [], 'invalid']) {
|
||||
assert.throws(() => parseUserData(JSON.stringify({ ...createUserData(preferences), holoWorkCounts: value }), preferences));
|
||||
}
|
||||
});
|
||||
@@ -0,0 +1,17 @@
|
||||
import cardSummary from '$lib/data/cards-summary.json';
|
||||
import type { CardListPreferences } from './user-data';
|
||||
|
||||
export function defaultPreferences(): CardListPreferences {
|
||||
return {
|
||||
types: ['큐트', '퓨어', '해피'],
|
||||
stats: ['퍼포먼스', '테크닉', '센스'],
|
||||
activeConditions: ['일반', '조건부'],
|
||||
specialConditions: ['일반', '조건부'],
|
||||
activeProbabilities: ['높음', '중간'],
|
||||
cardVariants: ['일반', ...new Set(cardSummary.cards.filter((card) => card.rarity === 5).map((card) => card.versionName).filter(Boolean))],
|
||||
generations: [...new Set(cardSummary.cards.filter((card) => card.rarity === 5).map((card) => card.generation).filter(Boolean))],
|
||||
sortKey: null,
|
||||
sortDirection: 'asc',
|
||||
skillLevel: 1
|
||||
};
|
||||
}
|
||||
@@ -31,9 +31,13 @@ export type CardListPreferences = {
|
||||
|
||||
export type BoardCardPlacements = Record<string, Record<string, string>>;
|
||||
|
||||
export type HoloWorkTeam = { id: string; name: string; memberIds: string[] };
|
||||
|
||||
export type UserDataV1 = {
|
||||
schemaVersion: 1;
|
||||
updatedAt: string;
|
||||
holoWorkCounts: Record<string, number>;
|
||||
holoWorkTeams: HoloWorkTeam[];
|
||||
memoryCount: number;
|
||||
memberPowerUpPercent: number;
|
||||
collection: Record<string, CollectionCardState>;
|
||||
@@ -49,6 +53,8 @@ export function createUserData(preferences: CardListPreferences): UserDataV1 {
|
||||
return {
|
||||
schemaVersion: 1,
|
||||
updatedAt: new Date().toISOString(),
|
||||
holoWorkCounts: {},
|
||||
holoWorkTeams: [],
|
||||
memoryCount: 0,
|
||||
memberPowerUpPercent: 0,
|
||||
collection: {},
|
||||
|
||||
@@ -1,5 +1,6 @@
|
||||
import { parseWorkCounts, parseWorkTeams } from './holo-work.ts';
|
||||
import type { CardListPreferences, CardListSortKey, CardSkillLevel, CollectionCardState, SortDirection, UserData } from '$lib/models/user-data';
|
||||
import { createUserData } from '$lib/models/user-data';
|
||||
import { createUserData } from '../models/user-data.ts';
|
||||
|
||||
export const USER_DATA_STORAGE_KEY = 'holodori:user-data:v1';
|
||||
|
||||
@@ -80,6 +81,8 @@ export function parseUserData(text: string, fallbackPreferences: CardListPrefere
|
||||
return {
|
||||
schemaVersion: 1,
|
||||
updatedAt: typeof value.updatedAt === 'string' ? value.updatedAt : defaults.updatedAt,
|
||||
holoWorkCounts: parseWorkCounts(value.holoWorkCounts),
|
||||
holoWorkTeams: parseWorkTeams(value.holoWorkTeams),
|
||||
memoryCount: Math.max(0, Math.round(finiteNumber(value.memoryCount))),
|
||||
memberPowerUpPercent: Math.max(0, Math.min(50, finiteNumber(value.memberPowerUpPercent))),
|
||||
collection: parseCollection(value.collection),
|
||||
|
||||
@@ -0,0 +1,46 @@
|
||||
import type { HoloWorkTeam } from '../models/user-data.ts';
|
||||
|
||||
export type HoloWorkCounts = Record<string, number>;
|
||||
|
||||
export function isWorkCount(value: unknown): value is number {
|
||||
return typeof value === 'number' && Number.isSafeInteger(value) && value >= 0;
|
||||
}
|
||||
|
||||
export function parseWorkCounts(value: unknown): HoloWorkCounts {
|
||||
if (value === undefined) return {};
|
||||
if (!value || typeof value !== 'object' || Array.isArray(value)) {
|
||||
throw new Error('올바른 홀로워크 기록이 아닙니다.');
|
||||
}
|
||||
const entries = Object.entries(value);
|
||||
if (entries.some(([, count]) => !isWorkCount(count))) throw new Error('횟수는 0 이상의 정수여야 합니다.');
|
||||
return Object.fromEntries(entries);
|
||||
}
|
||||
|
||||
export function parseWorkTeams(value: unknown): HoloWorkTeam[] {
|
||||
if (value === undefined) return [];
|
||||
if (!Array.isArray(value)) throw new Error('올바른 홀로워크 조합 목록이 아닙니다.');
|
||||
const ids = new Set<string>();
|
||||
return value.map((team) => {
|
||||
if (!team || typeof team !== 'object' || typeof team.id !== 'string' || !team.id.trim()
|
||||
|| ids.has(team.id) || typeof team.name !== 'string' || !team.name.trim() || team.name.trim().length > 80
|
||||
|| !Array.isArray(team.memberIds) || team.memberIds.length !== 5
|
||||
|| team.memberIds.some((id: unknown) => typeof id !== 'string' || !id.trim())
|
||||
|| new Set(team.memberIds).size !== 5) {
|
||||
throw new Error('홀로워크 조합은 이름과 서로 다른 멤버 5명이 필요합니다.');
|
||||
}
|
||||
ids.add(team.id);
|
||||
return { id: team.id, name: team.name.trim(), memberIds: [...team.memberIds] };
|
||||
});
|
||||
}
|
||||
|
||||
export function workAchievement(count: number, thresholds: readonly number[]) {
|
||||
const target = thresholds.find((threshold) => threshold > count) ?? thresholds.at(-1) ?? null;
|
||||
return { target, complete: target !== null && count >= target };
|
||||
}
|
||||
|
||||
export function adjustWorkTeam(counts: HoloWorkCounts, memberIds: readonly string[], amount: 1 | -1): HoloWorkCounts {
|
||||
if (memberIds.length !== 5 || new Set(memberIds).size !== 5) throw new Error('서로 다른 멤버 5명이 필요합니다.');
|
||||
const changes = memberIds.map((id) => [id, (counts[id] ?? 0) + amount] as const);
|
||||
if (changes.some(([, value]) => !isWorkCount(value))) throw new Error('변경할 수 없는 횟수가 포함되어 있습니다.');
|
||||
return { ...counts, ...Object.fromEntries(changes) };
|
||||
}
|
||||
@@ -48,7 +48,7 @@
|
||||
</a>
|
||||
<a class="feature-card" href="/tools">
|
||||
<span class="feature-number">06</span>
|
||||
<div><h3>도구</h3><p>악곡 랜덤 등 플레이에 유용한 도구를 이용합니다. 원하는 레벨 범위에서 악곡과 난이도를 뽑을 수 있습니다.</p></div>
|
||||
<div><h3>도구</h3><p>악곡과 난이도를 랜덤으로 뽑거나, 홀로워크에 보낸 횟수를 멤버별로 기록하고 확인합니다.</p></div>
|
||||
<span class="arrow" aria-hidden="true">→</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@@ -45,6 +45,8 @@
|
||||
$: currentUserData = {
|
||||
schemaVersion: 1,
|
||||
updatedAt: new Date().toISOString(),
|
||||
holoWorkCounts: {},
|
||||
holoWorkTeams: [],
|
||||
memoryCount,
|
||||
memberPowerUpPercent,
|
||||
collection,
|
||||
@@ -56,7 +58,8 @@
|
||||
|
||||
$: if (storageReady) {
|
||||
try {
|
||||
saveBrowserData(currentUserData);
|
||||
const { holoWorkCounts, holoWorkTeams } = loadBrowserData(defaultPreferences());
|
||||
saveBrowserData({ ...currentUserData, holoWorkCounts, holoWorkTeams });
|
||||
} catch {}
|
||||
}
|
||||
|
||||
|
||||
@@ -10,6 +10,7 @@
|
||||
import { calculateBoardEffects, calculateUnitPower, cardMatchesSearch, maximumWeightMatching, plainSkillText } from '$lib/engine/index.ts';
|
||||
import { memoryParameterPermil } from '$lib/engine/memory.ts';
|
||||
import type { BoardCardPlacements, CardListPreferences, CollectionCardState } from '$lib/models/user-data';
|
||||
import { defaultPreferences } from '$lib/models/default-preferences';
|
||||
import { createUserData } from '$lib/models/user-data';
|
||||
import { clearBrowserData, loadBrowserData, parseUserData, saveBrowserData } from '$lib/storage/browser-storage';
|
||||
|
||||
@@ -100,21 +101,6 @@
|
||||
const boardNodeGroups = boardSummary.nodeGroups as Record<string, BoardNode[]>;
|
||||
const emptyCardState: CollectionCardState = { owned: false, awakening: 0 };
|
||||
|
||||
function defaultPreferences(): CardListPreferences {
|
||||
return {
|
||||
types: ['큐트', '퓨어', '해피'],
|
||||
stats: ['퍼포먼스', '테크닉', '센스'],
|
||||
activeConditions: ['일반', '조건부'],
|
||||
specialConditions: ['일반', '조건부'],
|
||||
activeProbabilities: ['높음', '중간'],
|
||||
cardVariants: ['일반', ...new Set(fiveStarCards.map((card) => card.versionName).filter(Boolean))],
|
||||
generations: [...new Set(fiveStarCards.map((card) => card.generation).filter(Boolean))],
|
||||
sortKey: null,
|
||||
sortDirection: 'asc',
|
||||
skillLevel: 1
|
||||
};
|
||||
}
|
||||
|
||||
let userData = createUserData(defaultPreferences());
|
||||
let message = '';
|
||||
let isError = false;
|
||||
@@ -379,7 +365,8 @@
|
||||
}
|
||||
|
||||
function persist(next = userData) {
|
||||
userData = saveBrowserData(next);
|
||||
const { holoWorkCounts, holoWorkTeams } = loadBrowserData(defaultPreferences());
|
||||
userData = saveBrowserData({ ...next, holoWorkCounts, holoWorkTeams });
|
||||
greenEfficiencyResult = null;
|
||||
greenEfficiencyError = '';
|
||||
showMessage('변경 내용을 이 브라우저에 저장했습니다.');
|
||||
@@ -1004,7 +991,8 @@
|
||||
|
||||
function exportUserData() {
|
||||
try {
|
||||
userData = saveBrowserData(userData);
|
||||
const { holoWorkCounts, holoWorkTeams } = loadBrowserData(defaultPreferences());
|
||||
userData = saveBrowserData({ ...userData, holoWorkCounts, holoWorkTeams });
|
||||
const url = URL.createObjectURL(new Blob([JSON.stringify(userData, null, 2)], { type: 'application/json' }));
|
||||
const link = document.createElement('a');
|
||||
link.href = url;
|
||||
|
||||
@@ -1,5 +1,6 @@
|
||||
<script lang="ts">
|
||||
import { onMount, tick } from 'svelte';
|
||||
import ToolsNav from '$lib/components/ToolsNav.svelte';
|
||||
import { page } from '$app/stores';
|
||||
import exactChartCatalog from '$lib/data/exact-chart-catalog.json';
|
||||
import { difficultyLabel } from '$lib/data/difficulty.ts';
|
||||
@@ -93,9 +94,7 @@
|
||||
<p>플레이할 때 유용한 도구를 모았습니다.</p>
|
||||
</header>
|
||||
|
||||
<nav class="tools-nav" aria-label="도구 메뉴">
|
||||
<a href="/tools/random" aria-current="page">악곡 랜덤</a>
|
||||
</nav>
|
||||
<ToolsNav active="random" />
|
||||
|
||||
<div class="tool-heading">
|
||||
<h2>악곡 랜덤</h2>
|
||||
@@ -165,11 +164,6 @@
|
||||
main { width: min(760px, calc(100% - var(--page-gutter))); margin: 0 auto; padding: 42px 0 80px; }
|
||||
h1 { margin: 0 0 14px; font-size: clamp(30px, 5vw, 42px); letter-spacing: -.04em; }
|
||||
header > p:last-child { color: #a4adba; line-height: 1.7; }
|
||||
.tools-nav { display: flex; gap: 5px; margin: 24px 0; padding: 5px; border: 1px solid #2c3441; border-radius: 12px; background: #171c24; }
|
||||
.tools-nav a { flex: 1; padding: 9px 12px; border-radius: 8px; color: #929cad; font-size: 14px; font-weight: 800; text-align: center; text-decoration: none; }
|
||||
.tools-nav a:hover { color: #dfe4eb; background: rgb(255 255 255 / 4%); }
|
||||
.tools-nav a[aria-current='page'] { color: #f3a5c5; background: rgb(239 139 182 / 12%); }
|
||||
.tools-nav a:focus-visible { outline: 3px solid #ed8bb5; outline-offset: 3px; }
|
||||
.tool-heading p { color: #a4adba; line-height: 1.7; margin-bottom: 0; }
|
||||
.panel, .result { margin-top: 26px; padding: 26px; border: 1px solid #343c49; border-radius: 16px; background: #151a22; }
|
||||
.toggle { display: flex; align-items: center; gap: 10px; font-weight: 800; }
|
||||
|
||||
@@ -0,0 +1,290 @@
|
||||
<script lang="ts">
|
||||
import { onMount } from 'svelte';
|
||||
import ToolsNav from '$lib/components/ToolsNav.svelte';
|
||||
import HoloWorkBonuses from '$lib/components/HoloWorkBonuses.svelte';
|
||||
import cardSummary from '$lib/data/cards-summary.json';
|
||||
import { calculateHoloWorkBoardBonuses, sumHoloWorkBoardBonuses, type HoloWorkBoardBonus } from '$lib/engine/board-effects';
|
||||
import HoloWorkProgress from '$lib/components/HoloWorkProgress.svelte';
|
||||
import boardSummary from '$lib/data/boards-summary.json';
|
||||
import { adjustWorkTeam, isWorkCount, parseWorkTeams, type HoloWorkCounts } from '$lib/storage/holo-work';
|
||||
import type { HoloWorkTeam } from '$lib/models/user-data';
|
||||
import { USER_DATA_STORAGE_KEY, loadBrowserData, saveBrowserData } from '$lib/storage/browser-storage';
|
||||
import { defaultPreferences } from '$lib/models/default-preferences';
|
||||
|
||||
const members = [...boardSummary.members].sort((a, b) => a.order - b.order);
|
||||
let bonuses: Record<string, HoloWorkBoardBonus> = {};
|
||||
let counts: HoloWorkCounts = {};
|
||||
let teams: HoloWorkTeam[] = [];
|
||||
let teamName = '';
|
||||
let selectedMembers = ['', '', '', '', ''];
|
||||
let editingId = '';
|
||||
let deletingId = '';
|
||||
$: validTeam = Boolean(teamName.trim()) && selectedMembers.every((id) => members.some((member) => member.id === id)) && new Set(selectedMembers).size === 5;
|
||||
let ready = false;
|
||||
let search = '';
|
||||
let sort = 'member';
|
||||
let status = '';
|
||||
let error = '';
|
||||
$: visibleMembers = members.filter((member) => member.name.replace(/\s/g, '').toLocaleLowerCase().includes(search.replace(/\s/g, '').toLocaleLowerCase()))
|
||||
.sort((a, b) => (sort === 'asc' ? (counts[a.id] ?? 0) - (counts[b.id] ?? 0) : sort === 'desc' ? (counts[b.id] ?? 0) - (counts[a.id] ?? 0) : 0) || a.order - b.order);
|
||||
$: total = members.reduce((sum, member) => sum + BigInt(counts[member.id] ?? 0), 0n);
|
||||
$: recorded = members.filter((member) => (counts[member.id] ?? 0) > 0).length;
|
||||
|
||||
function loadLatestData() {
|
||||
const data = loadBrowserData(defaultPreferences());
|
||||
bonuses = calculateHoloWorkBoardBonuses(boardSummary, data.memberBoards, {
|
||||
placements: data.boardCards,
|
||||
cards: cardSummary.cards.filter((card) => card.details.connect.length > 0).map((card) => ({
|
||||
id: card.id, awakening: data.collection[card.id]?.awakening ?? 0, connect: card.details.connect
|
||||
}))
|
||||
});
|
||||
return data;
|
||||
}
|
||||
|
||||
function read() {
|
||||
try {
|
||||
const data = loadLatestData();
|
||||
counts = data.holoWorkCounts;
|
||||
teams = data.holoWorkTeams;
|
||||
ready = true;
|
||||
error = '';
|
||||
} catch {
|
||||
ready = false;
|
||||
error = '저장된 기록을 읽을 수 없습니다. 브라우저 저장소 설정이나 기록을 확인한 뒤 다시 불러와 주세요.';
|
||||
}
|
||||
}
|
||||
|
||||
function update(id: string, value: number) {
|
||||
if (!ready) return;
|
||||
if (!isWorkCount(value)) {
|
||||
error = '횟수는 0 이상의 정수로 입력해 주세요.';
|
||||
return;
|
||||
}
|
||||
try {
|
||||
// Read the latest document before changing one member to preserve other tabs' edits.
|
||||
const data = loadLatestData();
|
||||
const next = { ...data.holoWorkCounts, [id]: value };
|
||||
saveBrowserData({ ...data, holoWorkCounts: next });
|
||||
counts = next;
|
||||
error = '';
|
||||
status = `${members.find((member) => member.id === id)?.name}: ${value.toLocaleString('ko-KR')}회 저장했습니다.`;
|
||||
} catch {
|
||||
error = '기록을 저장하지 못했습니다. 브라우저 저장소 설정을 확인한 뒤 다시 시도해 주세요.';
|
||||
}
|
||||
}
|
||||
|
||||
function changeInput(id: string, input: HTMLInputElement) {
|
||||
update(id, input.value === '' ? NaN : input.valueAsNumber);
|
||||
input.value = String(counts[id] ?? 0);
|
||||
}
|
||||
|
||||
function adjust(id: string, amount: number) {
|
||||
try {
|
||||
const latest = loadLatestData().holoWorkCounts;
|
||||
update(id, (latest[id] ?? 0) + amount);
|
||||
} catch { read(); }
|
||||
}
|
||||
|
||||
function clearEditor() {
|
||||
editingId = '';
|
||||
teamName = '';
|
||||
selectedMembers = ['', '', '', '', ''];
|
||||
}
|
||||
|
||||
function editTeam(team: HoloWorkTeam) {
|
||||
editingId = team.id;
|
||||
teamName = team.name;
|
||||
selectedMembers = [...team.memberIds];
|
||||
document.getElementById('team-name')?.focus();
|
||||
}
|
||||
|
||||
function saveTeam() {
|
||||
if (!ready || !validTeam) return;
|
||||
try {
|
||||
const data = loadLatestData();
|
||||
if (editingId && !data.holoWorkTeams.some((team) => team.id === editingId)) throw new Error('다른 탭에서 삭제된 조합입니다. 새 조합으로 저장해 주세요.');
|
||||
const team = { id: editingId || crypto.randomUUID(), name: teamName.trim(), memberIds: [...selectedMembers] };
|
||||
const next = parseWorkTeams(editingId ? data.holoWorkTeams.map((item) => item.id === editingId ? team : item) : [...data.holoWorkTeams, team]);
|
||||
saveBrowserData({ ...data, holoWorkTeams: next });
|
||||
counts = data.holoWorkCounts;
|
||||
teams = next;
|
||||
clearEditor();
|
||||
error = '';
|
||||
status = `${team.name} 조합을 저장했습니다.`;
|
||||
} catch (cause) { error = cause instanceof Error ? cause.message : '조합을 저장하지 못했습니다.'; }
|
||||
}
|
||||
|
||||
function deleteTeam(id: string) {
|
||||
try {
|
||||
const data = loadLatestData();
|
||||
const next = data.holoWorkTeams.filter((team) => team.id !== id);
|
||||
saveBrowserData({ ...data, holoWorkTeams: next });
|
||||
counts = data.holoWorkCounts;
|
||||
teams = next;
|
||||
deletingId = '';
|
||||
if (editingId === id) clearEditor();
|
||||
error = '';
|
||||
status = '조합을 삭제했습니다. 멤버별 횟수는 유지됩니다.';
|
||||
} catch { error = '조합을 삭제하지 못했습니다. 다시 시도해 주세요.'; }
|
||||
}
|
||||
|
||||
function adjustTeam(id: string, amount: 1 | -1) {
|
||||
try {
|
||||
const data = loadLatestData();
|
||||
const team = data.holoWorkTeams.find((item) => item.id === id);
|
||||
if (!team || team.memberIds.some((id) => !members.some((member) => member.id === id))) throw new Error('조합의 멤버를 확인해 주세요.');
|
||||
const next = adjustWorkTeam(data.holoWorkCounts, team.memberIds, amount);
|
||||
saveBrowserData({ ...data, holoWorkCounts: next });
|
||||
counts = next;
|
||||
teams = data.holoWorkTeams;
|
||||
error = '';
|
||||
status = `${team.name}: 5명 모두 ${amount === 1 ? '1회 추가' : '1회 감소'}했습니다.`;
|
||||
} catch (cause) { error = cause instanceof Error ? cause.message : '횟수를 저장하지 못했습니다.'; }
|
||||
}
|
||||
|
||||
onMount(() => {
|
||||
read();
|
||||
const sync = (event: StorageEvent) => {
|
||||
if (event.storageArea === localStorage && (event.key === USER_DATA_STORAGE_KEY || event.key === null)) {
|
||||
read();
|
||||
status = '다른 탭의 기록을 반영했습니다.';
|
||||
}
|
||||
};
|
||||
window.addEventListener('storage', sync);
|
||||
return () => window.removeEventListener('storage', sync);
|
||||
});
|
||||
</script>
|
||||
|
||||
<svelte:head>
|
||||
<title>홀로워크 관리 · 도구 · 홀로도리 계산기</title>
|
||||
<meta name="description" content="멤버별 Holo워크 파견 횟수를 기록하고 확인하세요." />
|
||||
</svelte:head>
|
||||
|
||||
<main>
|
||||
<header><h1>도구</h1><p>플레이할 때 유용한 도구를 모았습니다.</p></header>
|
||||
<ToolsNav active="holo-work" />
|
||||
<h2>홀로워크 관리</h2>
|
||||
<p class="description">각 멤버를 Holo워크에 보낸 횟수를 기록하세요. 기존 횟수를 직접 입력하거나, 보낼 때마다 +1을 누르면 됩니다.</p>
|
||||
<p class="hint">횟수 / 다음 업적 요구량으로 표시합니다. 업적은 Holo워크 <strong>완료 횟수</strong> 기준이며, 400회 달성 후에는 최종 목표와 완료 표시를 유지합니다.</p>
|
||||
<p class="hint">보드 보너스는 <a href="/data/boards">사용자 데이터의 멤버 보드</a>에 저장된 활성 노드와 연결 카드 증폭을 반영합니다. 조합 합계는 보상 종류별 획득량 증가율의 합입니다.</p>
|
||||
<section class="summary" aria-label="파견 기록 요약">
|
||||
<div><span>전체 파견 횟수</span><strong>{ready ? total.toLocaleString('ko-KR') : '—'}<small>회</small></strong></div>
|
||||
<div><span>파견한 멤버</span><strong>{ready ? recorded : '—'}<small>/ {members.length}명</small></strong></div>
|
||||
</section>
|
||||
<p role="status" class="status">{status}</p>
|
||||
{#if error}<p role="alert" class="error">{error}</p>{/if}
|
||||
{#if !ready}<button class="reload" on:click={read}>기록 다시 불러오기</button>{/if}
|
||||
<section class="team-panel" aria-labelledby="team-editor-title">
|
||||
<h2 id="team-editor-title">{editingId ? '조합 수정' : '5명 조합 저장'}</h2>
|
||||
<form on:submit|preventDefault={saveTeam}>
|
||||
<label for="team-name">조합 이름</label>
|
||||
<input id="team-name" bind:value={teamName} maxlength="80" placeholder="예: 매일 보내는 조합" required disabled={!ready} />
|
||||
<div class="member-selects">
|
||||
{#each selectedMembers as memberId, index}
|
||||
<label>멤버 {index + 1}
|
||||
<select bind:value={selectedMembers[index]} required disabled={!ready}>
|
||||
<option value="" disabled>멤버 선택</option>
|
||||
{#each members as member}
|
||||
<option value={member.id} disabled={selectedMembers.includes(member.id) && memberId !== member.id}>{member.name}</option>
|
||||
{/each}
|
||||
</select>
|
||||
</label>
|
||||
{/each}
|
||||
</div>
|
||||
<div class="team-actions">
|
||||
<button class="plus" type="submit" disabled={!ready || !validTeam}>{editingId ? '변경 저장' : '조합 저장'}</button>
|
||||
{#if editingId}<button type="button" on:click={clearEditor}>수정 취소</button>{/if}
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
<section class="saved-teams" aria-labelledby="saved-teams-title">
|
||||
<h2 id="saved-teams-title">저장한 조합 <small>{teams.length}개</small></h2>
|
||||
<p class="hint">같은 멤버의 횟수는 모든 조합에 함께 반영됩니다. 조합을 삭제해도 횟수는 유지됩니다.</p>
|
||||
{#each teams as team (team.id)}
|
||||
<article class="team-panel" aria-label={`${team.name} 조합`}>
|
||||
<h3>{team.name}</h3>
|
||||
<ul class="team-members">
|
||||
{#each team.memberIds as id}
|
||||
<li><div class="member-info"><span>{members.find((member) => member.id === id)?.name ?? '알 수 없는 멤버'}</span><HoloWorkBonuses bonus={bonuses[id]} /></div><HoloWorkProgress memberId={id} count={counts[id] ?? 0} /></li>
|
||||
{/each}
|
||||
</ul>
|
||||
<div class="team-bonus-total"><h4>조합 보드 보너스 합계</h4><HoloWorkBonuses bonus={sumHoloWorkBoardBonuses(bonuses, team.memberIds)} showEmpty /></div>
|
||||
<div class="team-actions">
|
||||
<button class="plus" on:click={() => adjustTeam(team.id, 1)} disabled={!ready || team.memberIds.some((id) => (counts[id] ?? 0) >= Number.MAX_SAFE_INTEGER)}>5명 모두 +1</button>
|
||||
<button on:click={() => adjustTeam(team.id, -1)} disabled={!ready || team.memberIds.some((id) => !(counts[id] > 0))}>5명 모두 −1</button>
|
||||
<button on:click={() => editTeam(team)} disabled={!ready}>수정</button>
|
||||
<button on:click={() => deletingId = team.id} disabled={!ready}>삭제</button>
|
||||
</div>
|
||||
{#if deletingId === team.id}
|
||||
<div class="delete-confirm"><p>‘{team.name}’ 조합을 삭제할까요? 횟수는 유지됩니다.</p><button on:click={() => deleteTeam(team.id)}>삭제 확인</button> <button on:click={() => deletingId = ''}>취소</button></div>
|
||||
{/if}
|
||||
</article>
|
||||
{:else}<p class="hint">저장한 조합이 없습니다. 서로 다른 멤버 5명을 선택해 저장하세요.</p>{/each}
|
||||
</section>
|
||||
<h2 class="all-members-title">멤버별 기록</h2>
|
||||
<div class="filters">
|
||||
<label>멤버 검색<input type="search" bind:value={search} placeholder="멤버 이름 입력" /></label>
|
||||
<label>정렬<select bind:value={sort}><option value="member">멤버순</option><option value="asc">횟수 적은 순</option><option value="desc">횟수 많은 순</option></select></label>
|
||||
</div>
|
||||
<ul aria-label="멤버별 Holo워크 횟수">
|
||||
{#each visibleMembers as member (member.id)}
|
||||
<li>
|
||||
<div class="member-info"><strong>{member.name}</strong><HoloWorkProgress memberId={member.id} count={counts[member.id] ?? 0} /><HoloWorkBonuses bonus={bonuses[member.id]} /></div>
|
||||
<div class="counter">
|
||||
<button on:click={() => adjust(member.id, -1)} disabled={!ready || !(counts[member.id] > 0)} aria-label={`${member.name} 횟수 1 감소`}>−1</button>
|
||||
<input type="number" min="0" max={Number.MAX_SAFE_INTEGER} step="1" value={counts[member.id] ?? 0} disabled={!ready} on:change={(event) => changeInput(member.id, event.currentTarget)} aria-label={`${member.name} 파견 횟수`} />
|
||||
<span>회</span>
|
||||
<button class="plus" on:click={() => adjust(member.id, 1)} disabled={!ready || counts[member.id] === Number.MAX_SAFE_INTEGER} aria-label={`${member.name} 횟수 1 증가`}>+1</button>
|
||||
</div>
|
||||
</li>
|
||||
{:else}<li class="empty">검색에 맞는 멤버가 없습니다.</li>{/each}
|
||||
</ul>
|
||||
</main>
|
||||
|
||||
<style>
|
||||
main { width: min(760px, calc(100% - var(--page-gutter))); margin: 0 auto; padding: 42px 0 80px; }
|
||||
h1 { margin: 0 0 14px; font-size: clamp(30px, 5vw, 42px); letter-spacing: -.04em; }
|
||||
h2 { margin: 0; font-size: 22px; }
|
||||
header p, .description { color: #a4adba; line-height: 1.7; }
|
||||
.hint { color: #a4adba; font-size: 13px; line-height: 1.7; }
|
||||
.summary { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 24px 0; }
|
||||
.summary div { padding: 20px; border: 1px solid #694254; border-radius: 12px; background: rgb(237 139 181 / 6%); }
|
||||
.summary span { color: #a4adba; font-size: 13px; }
|
||||
.summary strong { display: block; margin-top: 10px; color: #f3b4d0; font-size: 26px; overflow-wrap: anywhere; }
|
||||
small { margin-left: 7px; color: #a4adba; font-size: 13px; font-weight: 400; }
|
||||
.filters { display: grid; grid-template-columns: 1fr 150px; gap: 12px; }
|
||||
label { display: grid; gap: 8px; color: #a4adba; font-size: 13px; }
|
||||
input, select { box-sizing: border-box; min-width: 0; width: 100%; height: 44px; padding: 0 12px; border: 1px solid #414b5b; border-radius: 9px; background: #101319; color: #e8ebf1; font: inherit; }
|
||||
.status { min-height: 20px; color: #f3b4d0; font-size: 13px; }
|
||||
.error { color: #f3a1a1; line-height: 1.7; }
|
||||
ul { padding: 0; list-style: none; border: 1px solid #343c49; border-radius: 14px; background: #151a22; overflow: hidden; }
|
||||
li { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 16px 20px; border-bottom: 1px solid #343c49; }
|
||||
li:last-child { border-bottom: 0; }
|
||||
.member-info > strong { line-height: 1.6; }
|
||||
.counter { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
|
||||
.counter input { width: 96px; text-align: center; font-variant-numeric: tabular-nums; }
|
||||
.counter span { color: #a4adba; font-size: 13px; }
|
||||
button { min-width: 44px; min-height: 44px; border: 1px solid #414b5b; border-radius: 9px; background: #222936; color: #e8ebf1; font: inherit; font-weight: 700; cursor: pointer; }
|
||||
button.plus { background: #ed8bb5; border-color: #ed8bb5; color: #21121a; }
|
||||
button:hover:not(:disabled) { filter: brightness(1.15); }
|
||||
button:disabled { opacity: .4; cursor: not-allowed; }
|
||||
button:focus-visible, input:focus-visible, select:focus-visible { outline: 3px solid #ed8bb5; outline-offset: 3px; }
|
||||
.reload { padding: 0 14px; }
|
||||
.empty { color: #a4adba; }
|
||||
.hint a { color: #f3b4d0; }
|
||||
.team-bonus-total { padding: 14px; margin: 14px 0; background: rgb(226 190 95 / 5%); border: 1px solid #65552c; border-radius: 10px; }
|
||||
.team-bonus-total h4 { margin: 0 0 10px; color: #e8d69d; font-size: 13px; }
|
||||
.member-info { display: grid; gap: 6px; }
|
||||
.team-panel { margin: 20px 0; padding: 20px; border: 1px solid #343c49; border-radius: 14px; background: #151a22; }
|
||||
form { display: grid; gap: 12px; margin-top: 18px; }
|
||||
.member-selects { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
|
||||
.team-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
|
||||
.team-actions button, .delete-confirm button { padding: 8px 12px; }
|
||||
.saved-teams { margin-top: 30px; }
|
||||
h3 { margin: 0; font-size: 18px; overflow-wrap: anywhere; }
|
||||
.team-members { border: 0; margin: 12px 0; }
|
||||
.team-members li { padding: 10px 0; }
|
||||
.delete-confirm { color: #f3b4d0; font-size: 14px; }
|
||||
.all-members-title { margin: 32px 0 18px; }
|
||||
@media (max-width: 540px) { li { align-items: flex-start; flex-direction: column; gap: 10px; padding: 16px; } .counter { align-self: flex-end; } .summary { gap: 10px; } .summary div { padding: 16px; } .filters { grid-template-columns: minmax(0, 1fr) 130px; } }
|
||||
</style>
|
||||
Reference in New Issue
Block a user