Complete instant diplomacy response parity

2026-07-26 03:10:41 +00:00
parent b3f4734e80
commit 9885bf6905
23 changed files with 2072 additions and 305 deletions
@@ -8,6 +8,7 @@ interface MessageEntry {
    text: string;
    time: string;
    msgType: MessageType;
+    option?: Record<string, unknown> | null;
 }

 interface MessageBucket {
@@ -23,6 +24,7 @@ const props = defineProps<{
    targetMailbox: number;
    draftText: string;
    mailboxOptions: Array<{ label: string; value: number; disabled?: boolean }>;
+    canRespondDiplomacy: boolean;
 }>();

 const emit = defineEmits<{
@@ -31,6 +33,7 @@ const emit = defineEmits<{
    (event: 'send'): void;
    (event: 'refresh'): void;
    (event: 'load-older', type: MessageType): void;
+    (event: 'respond', messageId: number, response: boolean): void;
 }>();

 const messageTabs: Array<{ key: MessageType; label: string }> = [
@@ -53,6 +56,19 @@ const setMailbox = (value: string) => {
    const parsed = Number(value);
    emit('update:targetMailbox', Number.isFinite(parsed) ? parsed : 0);
 };
+
+const isDiplomacyPrompt = (message: MessageEntry): boolean =>
+    message.msgType === 'diplomacy' &&
+    (message.option?.action === 'noAggression' ||
+        message.option?.action === 'cancelNA' ||
+        message.option?.action === 'stopWar');
+
+const respond = (messageId: number, response: boolean) => {
+    if (!window.confirm(response ? '수락하시겠습니까?' : '거절하시겠습니까?')) {
+        return;
+    }
+    emit('respond', messageId, response);
+};
 </script>

 <template>
@@ -99,14 +115,20 @@ const setMailbox = (value: string) => {
        <div v-if="props.loading">
            <SkeletonLines :lines="4" />
        </div>
-        <div v-else-if="!props.messages" class="empty">
-            메시지를 불러오지 못했습니다.
-        </div>
+        <div v-else-if="!props.messages" class="empty">메시지를 불러오지 못했습니다.</div>
        <div v-else class="message-list">
            <div v-if="activeMessages.length === 0" class="empty">메시지가 없습니다.</div>
            <div v-else>
                <div v-for="message in activeMessages" :key="message.id" class="message-item">
                    <div class="text">{{ message.text }}</div>
+                    <div v-if="isDiplomacyPrompt(message)" class="message-response">
+                        <button class="accept" :disabled="!canRespondDiplomacy" @click="respond(message.id, true)">
+                            수락
+                        </button>
+                        <button class="decline" :disabled="!canRespondDiplomacy" @click="respond(message.id, false)">
+                            거절
+                        </button>
+                    </div>
                    <div class="time">{{ message.time }}</div>
                </div>
                <button class="load-older" @click="emit('load-older', activeTab)">이전 메시지</button>
@@ -183,6 +205,34 @@ const setMailbox = (value: string) => {
    color: rgba(232, 221, 196, 0.6);
 }

+.message-response {
+    display: flex;
+    justify-content: flex-end;
+    gap: 4px;
+    margin-top: 5px;
+    margin-right: 5px;
+}
+
+.message-response button {
+    border: 1px solid rgba(201, 164, 90, 0.4);
+    padding: 3px 10px;
+    font-size: 0.7rem;
+    cursor: pointer;
+}
+
+.message-response .accept {
+    color: #8fd18f;
+}
+
+.message-response .decline {
+    color: #e09a9a;
+}
+
+.message-response button:disabled {
+    cursor: not-allowed;
+    opacity: 0.5;
+}
+
 .load-older {
    border: 1px dashed rgba(201, 164, 90, 0.3);
    padding: 6px;
@@ -235,6 +235,26 @@ export const useMainDashboardStore = defineStore('mainDashboard', () => {
        }
    };

+    const respondToMessage = async (messageId: number, response: boolean) => {
+        const id = generalId.value;
+        if (!id) {
+            return;
+        }
+        try {
+            const result = await trpc.messages.respond.mutate({
+                generalId: id,
+                messageId,
+                response,
+            });
+            if (!result.result) {
+                error.value = result.reason;
+            }
+            await refreshMessages();
+        } catch (err) {
+            error.value = resolveErrorMessage(err);
+        }
+    };
+
    const setGeneralTurn = async (turnIndex: number, action: string) => {
        const id = generalId.value;
        if (!id) {
@@ -311,7 +331,6 @@ export const useMainDashboardStore = defineStore('mainDashboard', () => {
        }
    };

-
    let realtimeSource: EventSource | null = null;
    let realtimeToken: string | null = null;

@@ -472,6 +491,7 @@ export const useMainDashboardStore = defineStore('mainDashboard', () => {
        refreshMessages,
        sendMessage,
        loadOlderMessages,
+        respondToMessage,
        setGeneralTurn,
        shiftGeneralTurns,
        setNationTurn,
@@ -207,11 +207,13 @@ watch(
                        :target-mailbox="targetMailbox"
                        :draft-text="messageDraftText"
                        :mailbox-options="mailboxOptions"
+                        :can-respond-diplomacy="messages?.canRespondDiplomacy ?? false"
                        @update:target-mailbox="targetMailbox = $event"
                        @update:draft-text="messageDraftText = $event"
                        @send="dashboard.sendMessage"
                        @load-older="dashboard.loadOlderMessages"
                        @refresh="dashboard.refreshMessages"
+                        @respond="dashboard.respondToMessage"
                    />
                </PanelCard>
            </div>
@@ -240,11 +242,13 @@ watch(
                        :target-mailbox="targetMailbox"
                        :draft-text="messageDraftText"
                        :mailbox-options="mailboxOptions"
+                        :can-respond-diplomacy="messages?.canRespondDiplomacy ?? false"
                        @update:target-mailbox="targetMailbox = $event"
                        @update:draft-text="messageDraftText = $event"
                        @send="dashboard.sendMessage"
                        @load-older="dashboard.loadOlderMessages"
                        @refresh="dashboard.refreshMessages"
+                        @respond="dashboard.respondToMessage"
                    />
                </PanelCard>
            </div>