zenno/chara/convo: use condition_type

Fixes #8.
This commit is contained in:
2026-09-06 11:56:44 -04:00
parent 15f6d2c59a
commit 869235a8c2
2 changed files with 57 additions and 37 deletions
+19 -1
View File
@@ -32,7 +32,25 @@ export interface Conversation {
/** /**
* Some unknown number in the game's local database. * Some unknown number in the game's local database.
*/ */
condition_type: 0 | 1 | 2 | 3 | 4; condition_type: Required;
}
export enum Required {
None = 0,
All = 1,
Chara1 = 2,
Chara2 = 3,
Chara3 = 4,
}
export function requiredCharas(c: Conversation): number[] {
switch (c.condition_type) {
case Required.None: return []
case Required.All: return [c.chara_1, c.chara_2, c.chara_3].filter((id) => id != null);
case Required.Chara1: return [c.chara_1];
case Required.Chara2: return [c.chara_2!];
case Required.Chara3: return [c.chara_3!];
}
} }
export async function conversation(): Promise<Conversation[]> { export async function conversation(): Promise<Conversation[]> {
+38 -36
View File
@@ -1,6 +1,6 @@
<script lang="ts"> <script lang="ts">
import { character, charaNames, type Character } from '$lib/data/character'; import { character, charaNames, type Character } from '$lib/data/character';
import { byChara, locations, groupPopulars, conversation, type Conversation } from '$lib/data/convo'; import { byChara, locations, groupPopulars, conversation, type Conversation, requiredCharas } from '$lib/data/convo';
import CharaPick from '$lib/CharaPick.svelte'; import CharaPick from '$lib/CharaPick.svelte';
import { onMount } from 'svelte'; import { onMount } from 'svelte';
@@ -24,8 +24,7 @@
const cur1Name = $derived(cur?.chara_1 && names.get(cur.chara_1)?.en); const cur1Name = $derived(cur?.chara_1 && names.get(cur.chara_1)?.en);
const cur2Name = $derived(cur?.chara_2 && names.get(cur.chara_2)?.en); const cur2Name = $derived(cur?.chara_2 && names.get(cur.chara_2)?.en);
const cur3Name = $derived(cur?.chara_3 && names.get(cur.chara_3)?.en); const cur3Name = $derived(cur?.chara_3 && names.get(cur.chara_3)?.en);
const alone = $derived([cur?.chara_1, cur?.chara_2, cur?.chara_3].filter((x) => x != null).length == 1 ? ' alone' : ''); const suggested = $derived.by(() => {
const suggested = $derived.by(async () => {
if (cur == null) { if (cur == null) {
return []; return [];
} }
@@ -36,6 +35,7 @@
return r.map(([chara_id, count]) => ({ chara_id, chara_name: names.get(chara_id), count })); return r.map(([chara_id, count]) => ({ chara_id, chara_name: names.get(chara_id), count }));
}); });
const curLoc = $derived(cur != null ? locations[cur.location] : null); const curLoc = $derived(cur != null ? locations[cur.location] : null);
const req = $derived(cur != null ? requiredCharas(cur) : []);
</script> </script>
<h1 class="text-4xl">Lobby Conversations</h1> <h1 class="text-4xl">Lobby Conversations</h1>
@@ -53,37 +53,39 @@
</select> </select>
</div> </div>
</div> </div>
{#await suggested} {#if cur}
<div class="mt-4 w-full text-center text-3xl">Loading...</div> <div class="shadow-sm transition-shadow hover:shadow-md">
{:then suggested} <div class="mt-8 flex text-center text-lg">
{#if cur} <span class={{ 'flex-1': true, 'font-bold italic': req.includes(cur.chara_1) }}>{cur1Name}</span>
<div class="shadow-sm transition-shadow hover:shadow-md"> {#if cur2Name}
<div class="mt-8 flex text-center text-lg"> <span class={{ 'flex-1': true, 'font-bold italic': cur.chara_2 != null && req.includes(cur.chara_2) }}>{cur2Name}</span>
<span class="flex-1">{cur1Name}{alone}</span> {/if}
{#if cur2Name} {#if cur3Name}
<span class="flex-1">{cur2Name}</span> <span class={{ 'flex-1': true, 'font-bold italic': cur.chara_3 != null && req.includes(cur.chara_3) }}>{cur3Name}</span>
{/if} {/if}
{#if cur3Name} </div>
<span class="flex-1">{cur3Name}</span> <div class="flex w-full text-center text-lg">
{/if} <span class="flex-1">at {curLoc?.name.en}</span>
</div>
{#if req.length > 0}
<div class="mt-2 flex w-full text-center text-sm italic">
<span class="flex-1">
The conversation will not appear unless you own a trainee or support card of all characters with names in italics.
</span>
</div> </div>
<div class="flex w-full text-center text-lg"> {/if}
<span class="flex-1">at {curLoc?.name.en}</span> </div>
</div> <div class="mt-4 block text-center">
</div> <span>Other characters who appear here most often:</span>
<div class="mt-4 block text-center"> </div>
<span>Other characters who appear here most often:</span> <div class="mt-4 grid text-center shadow-sm transition-shadow ease-in hover:shadow-md hover:ease-out md:grid-cols-4">
</div> {#each suggested as s (s.chara_id)}
<div class="mt-4 grid text-center shadow-sm transition-shadow ease-in hover:shadow-md hover:ease-out md:grid-cols-4"> <span>{s.chara_name?.en}: {s.count}&#xd7;</span>
{#each suggested as s (s.chara_id)} {/each}
<span>{s.chara_name?.en}: {s.count}&#xd7;</span> </div>
{/each} <div class="mt-4 block text-center">
</div> <span>
<div class="mt-4 block text-center"> Set these characters to fixed positions (main, upgrades, story, races) to maximize the chance of getting this conversation.
<span> </span>
Set these characters to fixed positions (main, upgrades, story, races) to maximize the chance of getting this </div>
conversation. {/if}
</span>
</div>
{/if}
{/await}