Merge branch 'kkutuio' of https://github.com/KKuTuIO/KKuTu-Web into kkutuio

Author: d0ul

.github/workflows/build.yml

@@ -1,6 +1,11 @@
 name: Build
 
-on: [ push ]
+on:
+  push:
+    branches:
+      - kkutuio
+    tags-ignore:
+      - 'kkutu-web-v*'
 
 env:
   REGISTRY: ghcr.io

Frontpage/src/routes/Header.svelte

@@ -158,6 +158,11 @@
 					local_cafe
 				</span>
 				공식카페</a>
+			<a target="_blank" href="https://kkutu.wiki" class="link-header">
+				<span class="material-symbols-outlined icons-header">
+					book_2
+				</span>
+				리오위키</a>
 			<a target="_blank" href="https://cs.kkutu.io" class="link-header">
 				<span class="material-symbols-outlined icons-header">
 					help

Frontpage/static/js/pages/portal/TopLeftPanel.jsx

@@ -38,14 +38,14 @@ const TopLeftPanel = ({onGameStart}) => {
                 </MenuBar>
                 <br />
                 <MenuBar>
-                    <MenuBarText color="#4EB44E" target="_blank" href="//cafe.naver.com/kkutuio">공식 카페</MenuBarText>
+                    <MenuBarText color="#4EB44E" target="_blank" href="//cafe.naver.com/kkutuio">공식카페</MenuBarText>
                 </MenuBar>
             </BrowserView>
             <JJoriping onGameStart={onGameStart}/>
             <MobileView>
                 <MenuBar>
                     <MenuBarText color="#7289DA" target="_blank" href="//discord.gg/kkutuio-395143193114705920">공식 디스코드</MenuBarText>
-                    <MenuBarText color="#4EB44E" target="_blank" href="//cafe.naver.com/kkutuio">공식 카페</MenuBarText>
+                    <MenuBarText color="#4EB44E" target="_blank" href="//cafe.naver.com/kkutuio">공식카페</MenuBarText>
                 </MenuBar>
             </MobileView>
         </TopLeftPanelContainer>

src/main/kotlin/me/kkutuio/kkutuweb/config/WebSecurityConfig.kt

@@ -19,7 +19,7 @@ class WebSecurityConfig : WebSecurityConfigurerAdapter() {
             .headers()
                 .frameOptions().disable()
                 .contentSecurityPolicy(
-                    "default-src 'self'; script-src 'self' 'unsafe-inline' 'nonce-kkutuio' https://cdn.kkutu.io https://browser.sentry-cdn.com https://static.cloudflareinsights.com/beacon.min.js https://t1.daumcdn.net https://www.google-analytics.com/analytics.js https://www.googletagmanager.com https://www.pagespeed-mod.com https://cdn.portone.io https://challenges.cloudflare.com/turnstile/v0/api.js https://storage.googleapis.com/workbox-cdn/releases/ https://pagead2.googlesyndication.com/pagead/ https://googleads.g.doubleclick.net https://tpc.googlesyndication.com https://www.google.com/ads/ https://s0.2mdn.net; style-src 'unsafe-inline' 'self' https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/ https://fonts.googleapis.com/css2 https://cdn.kkutu.io; object-src https://cdn.kkutu.io; base-uri 'self'; connect-src 'self' https://cdn.kkutu.io https://cloudflareinsights.com https://o1271663.ingest.sentry.io https://stats.g.doubleclick.net https://pagead2.googlesyndication.com wss://ws.kkutu.io:* wss://global.kkutu.io:* wss://test.kkutu.io:* https://static.kkutu.io https://www.google-analytics.com https://display.ad.daum.net https://aem-ingest.onkakao.net https://aem-kakao-collector.onkakao.net https://analytics.google.com https://csi.gstatic.com https://cafeproxy.kkutuio.workers.dev; font-src 'self' https://fonts.gstatic.com https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/ https://fonts.googleapis.com/css2 https://cdn.kkutu.io; frame-src 'self' https://cdn.kkutu.io https://static.kkutu.io https://t1.daumcdn.net https://www.google.com https://challenges.cloudflare.com https://youtube.com https://www.youtube.com https://googleads.g.doubleclick.net https://tpc.googlesyndication.com; img-src 'self' 'unsafe-inline' https://cdn.kkutu.io https://www.google-analytics.com https://cdn.discordapp.com https://k.kakaocdn.net https://img.youtube.com https://cafethumb.pstatic.net https://lh3.googleusercontent.com https://phinf.pstatic.net https://www.googletagmanager.com https://pagead2.googlesyndication.com data:; manifest-src 'self' https://cdn.kkutu.io; media-src 'self' https://cdn.kkutu.io https://pub-e336c74b058c476bb58f9267c51fbab4.r2.dev"
+                    "default-src 'self'; script-src 'self' 'unsafe-inline' https://cdn.kkutu.io https://browser.sentry-cdn.com https://static.cloudflareinsights.com/beacon.min.js https://t1.daumcdn.net https://www.google-analytics.com/analytics.js https://www.googletagmanager.com https://www.pagespeed-mod.com https://cdn.portone.io https://challenges.cloudflare.com/turnstile/v0/api.js https://storage.googleapis.com/workbox-cdn/releases/ https://pagead2.googlesyndication.com/pagead/ https://googleads.g.doubleclick.net https://tpc.googlesyndication.com https://www.google.com/ads/ https://s0.2mdn.net; style-src 'unsafe-inline' 'self' https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/ https://fonts.googleapis.com/css2 https://cdn.kkutu.io; object-src https://cdn.kkutu.io; base-uri 'self'; connect-src 'self' https://cdn.kkutu.io https://cloudflareinsights.com https://o1271663.ingest.sentry.io https://stats.g.doubleclick.net https://pagead2.googlesyndication.com wss://ws.kkutu.io:* wss://global.kkutu.io:* wss://test.kkutu.io:* https://static.kkutu.io https://www.google-analytics.com https://display.ad.daum.net https://aem-ingest.onkakao.net https://aem-kakao-collector.onkakao.net https://analytics.google.com https://csi.gstatic.com https://cafeproxy.kkutuio.workers.dev; font-src 'self' https://fonts.gstatic.com https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/ https://fonts.googleapis.com/css2 https://cdn.kkutu.io; frame-src 'self' https://cdn.kkutu.io https://static.kkutu.io https://t1.daumcdn.net https://www.google.com https://challenges.cloudflare.com https://youtube.com https://www.youtube.com https://googleads.g.doubleclick.net https://tpc.googlesyndication.com; img-src 'self' 'unsafe-inline' https://cdn.kkutu.io https://www.google-analytics.com https://cdn.discordapp.com https://k.kakaocdn.net https://img.youtube.com https://cafethumb.pstatic.net https://lh3.googleusercontent.com https://phinf.pstatic.net https://www.googletagmanager.com https://pagead2.googlesyndication.com data:; manifest-src 'self' https://cdn.kkutu.io; media-src 'self' https://cdn.kkutu.io https://pub-e336c74b058c476bb58f9267c51fbab4.r2.dev"
                 );
     }
 }

src/main/resources/locale/message.properties

@@ -463,6 +463,18 @@ kkutu.js.leaveReserveDisabled=퇴장 예약이 비활성화되었습니다.
 kkutu.js.gamePlayInfo=게임을 플레이한 지 {hr}시간 지났습니다. 과도한 게임 이용은 정상적인 일상 생활에 지장을 줄 수 있습니다.
 kkutu.js.invalidItem=존재하지 않는 아이템
 kkutu.js.invalidItem.expl=존재하지 않는 아이템입니다.
+kkutu.js.enterRoom=참여할 게임방의 {type}을(를) 입력하세요.
+kkutu.js.invalidRoom=입력하신 {type}(으)로 된 게임방이 존재하지 않습니다.
+kkutu.js.introText=자동 인증 중입니다.
+kkutu.js.introText.expl=인증이 어려울 경우 <u><a href="https://kkutu.io/login">로그인 후 이용</a></u>해주세요.
+kkutu.js.hideOptionsChanged=경기 설정이 수정되었습니다. 새로고침 시 적용됩니다.<br>[방 제목 숨기기] 후 방 제목이 나타나지 않는다면, 상단 영역에 마우스를 올려보세요.
+kkutu.js.refreshPage=저장하려면 페이지를 새로고침하세요.
+kkutu.js.gainXP=경험치 획득
+kkutu.js.accomplished=을 달성했어요!
+kkutu.js.noSwearing=비속어 사용을 자제해 주세요!
+kkutu.js.drawObtain=획득한 아이템은 왼쪽 하단 <strong>프로필</strong>을 누른 후 <strong>프로필 관리</strong> 단추를 눌러서 사용할 수 있습니다.
+kkutu.js.canGainXP=경험치를 획득할 수 있어요.
+kkutu.js.inviteSent=에게 친구 추가 요청을 전송하였습니다.
 kkutu.menu.help=<i class='fa-solid fa-question-circle'></i>
 kkutu.menu.setting=<i class='fa-solid fa-gear'></i>
 kkutu.menu.community=<i class='fa-solid fa-user-friends'></i>
@@ -606,6 +618,7 @@ kkutu.dialog.dict.wpInput=여기에 입력
 kkutu.dialog.dict.searchBtn=검색
 kkutu.dialog.invite.title=초대
 kkutu.dialog.invite.inviteAI=AI 초대
+kkutu.dialog.report.title=회원 신고
 kkutu.dialog.report.category=가장 적합한 신고 사유를 선택하여 주십시오.
 kkutu.dialog.report.tail=신고 사유를 구체적으로 입력해 주십시오.
 kkutu.dialog.report.section.01=부적절한 채팅 및 프로필
@@ -637,14 +650,15 @@ kkutu.dialog.report.ok=신고 접수
 kkutu.dialog.report.recentlyReported=해당 회원을 최근에 신고하였습니다. 잠시 후 다시 시도해 주세요.
 kkutu.dialog.report.selectReason=신고 사유를 선택해주세요.
 kkutu.dialog.report.lenReq=신고 사유를 50자 이상 입력해주세요.
-kkutu.dialog.report.bannedWords=올바르지 않은 내용을 신고하는 것을 방지하기 위해, 신고를 접수할 때 ${matched}(을)를 포함시킬 수 없습니다.
+kkutu.dialog.report.bannedWords=올바르지 않은 내용을 신고하는 것을 방지하기 위하여 신고 내용에는 ${matched}을(를) 포함시킬 수 없습니다.
 kkutu.dialog.report.falseReportWarning=허위 신고가 접수될 경우 서비스 이용이 제한될 수 있습니다. 이대로 회원 신고를 접수하시겠습니까?
 kkutu.dialog.message.title=알림
 kkutu.dialog.message.no=취소
 kkutu.dialog.message.ok=확인
 kkutu.dialog.message.left=왼쪽
 kkutu.dialog.message.right=오른쪽
-kkutu.dialog.roomInfo.roomTitle=방 이름
+kkutu.dialog.roomInfo.roomTitle=방 제목
+kkutu.dialog.roomInfo.roomNumber=방 번호
 kkutu.dialog.roomInfo.gameMode=게임 유형
 kkutu.dialog.roomInfo.rounds=라운드
 kkutu.dialog.roomInfo.players=참여자
@@ -709,7 +723,7 @@ kkutu.dialog.obtain.title=알림
 kkutu.dialog.obtain.obtained=아이템을 획득했습니다!
 kkutu.dialog.obtain.ok=확인
 kkutu.dialog.help.title=도움말
-kkutu.dialog.policy.title=서비스 이용약관 및 운영정책, 개인정보처리방침 안내
+kkutu.dialog.policy.title=서비스 이용약관 및 운영정책 안내
 kkutu.dialog.policy.terms=서비스 이용약관
 kkutu.dialog.policy.operation=운영정책
 kkutu.dialog.policy.privacy=개인정보처리방침

src/main/resources/locale/message_ko.properties

@@ -463,6 +463,18 @@ kkutu.js.leaveReserveDisabled=퇴장 예약이 비활성화되었습니다.
 kkutu.js.gamePlayInfo=게임을 플레이한 지 {hr}시간 지났습니다. 과도한 게임 이용은 정상적인 일상 생활에 지장을 줄 수 있습니다.
 kkutu.js.invalidItem=존재하지 않는 아이템
 kkutu.js.invalidItem.expl=존재하지 않는 아이템입니다.
+kkutu.js.enterRoom=참여할 게임방의 {type}을(를) 입력하세요.
+kkutu.js.invalidRoom=입력하신 {type}(으)로 된 게임방이 존재하지 않습니다.
+kkutu.js.introText=자동 인증 중입니다.
+kkutu.js.introText.expl=인증이 어려울 경우 <u><a href="https://kkutu.io/login">로그인 후 이용</a></u>해주세요.
+kkutu.js.hideOptionsChanged=경기 설정이 수정되었습니다. 새로고침 시 적용됩니다.<br>[방 제목 숨기기] 후 방 제목이 나타나지 않는다면, 상단 영역에 마우스를 올려보세요.
+kkutu.js.refreshPage=저장하려면 페이지를 새로고침하세요.
+kkutu.js.gainXP=경험치 획득
+kkutu.js.accomplished=을 달성했어요!
+kkutu.js.noSwearing=비속어 사용을 자제해 주세요!
+kkutu.js.drawObtain=획득한 아이템은 왼쪽 하단 <strong>프로필</strong>을 누른 후 <strong>프로필 관리</strong> 단추를 눌러서 사용할 수 있습니다.
+kkutu.js.canGainXP=경험치를 획득할 수 있어요.
+kkutu.js.inviteSent=에게 친구 추가 요청을 전송하였습니다.
 kkutu.menu.help=<i class='fa-solid fa-question-circle'></i>
 kkutu.menu.setting=<i class='fa-solid fa-gear'></i>
 kkutu.menu.community=<i class='fa-solid fa-user-friends'></i>
@@ -606,6 +618,7 @@ kkutu.dialog.dict.wpInput=여기에 입력
 kkutu.dialog.dict.searchBtn=검색
 kkutu.dialog.invite.title=초대
 kkutu.dialog.invite.inviteAI=AI 초대
+kkutu.dialog.report.title=회원 신고
 kkutu.dialog.report.category=가장 적합한 신고 사유를 선택하여 주십시오.
 kkutu.dialog.report.tail=신고 사유를 구체적으로 입력해 주십시오.
 kkutu.dialog.report.section.01=부적절한 채팅 및 프로필
@@ -637,14 +650,15 @@ kkutu.dialog.report.ok=신고 접수
 kkutu.dialog.report.recentlyReported=해당 회원을 최근에 신고하였습니다. 잠시 후 다시 시도해 주세요.
 kkutu.dialog.report.selectReason=신고 사유를 선택해주세요.
 kkutu.dialog.report.lenReq=신고 사유를 50자 이상 입력해주세요.
-kkutu.dialog.report.bannedWords=올바르지 않은 내용을 신고하는 것을 방지하기 위해, 신고를 접수할 때 ${matched}(을)를 포함시킬 수 없습니다.
+kkutu.dialog.report.bannedWords=올바르지 않은 내용을 신고하는 것을 방지하기 위하여 신고 내용에는 ${matched}을(를) 포함시킬 수 없습니다.
 kkutu.dialog.report.falseReportWarning=허위 신고가 접수될 경우 서비스 이용이 제한될 수 있습니다. 이대로 회원 신고를 접수하시겠습니까?
 kkutu.dialog.message.title=알림
 kkutu.dialog.message.no=취소
 kkutu.dialog.message.ok=확인
 kkutu.dialog.message.left=왼쪽
 kkutu.dialog.message.right=오른쪽
-kkutu.dialog.roomInfo.roomTitle=방 이름
+kkutu.dialog.roomInfo.roomTitle=방 제목
+kkutu.dialog.roomInfo.roomNumber=방 번호
 kkutu.dialog.roomInfo.gameMode=게임 유형
 kkutu.dialog.roomInfo.rounds=라운드
 kkutu.dialog.roomInfo.players=참여자
@@ -709,7 +723,7 @@ kkutu.dialog.obtain.title=알림
 kkutu.dialog.obtain.obtained=아이템을 획득했습니다!
 kkutu.dialog.obtain.ok=확인
 kkutu.dialog.help.title=도움말
-kkutu.dialog.policy.title=서비스 이용약관 및 운영정책, 개인정보처리방침 안내
+kkutu.dialog.policy.title=서비스 이용약관 및 운영정책 안내
 kkutu.dialog.policy.terms=서비스 이용약관
 kkutu.dialog.policy.operation=운영정책
 kkutu.dialog.policy.privacy=개인정보처리방침

src/main/resources/templates/view/kkutu/kkutu.html

@@ -557,7 +557,7 @@ <h4 class="dialog-bar-value" id="profile-place"></h4>
         </th:block>
     </th:block>
     <th:block
-            layout:replace="~{view/kkutu/dialog::dialog(id='ReportDialog',width=350,height=265,title='끄투리오 회원 신고하기')}">
+            layout:replace="~{view/kkutu/dialog::dialog(id='ReportDialog',width=350,height=265,title=#{kkutu.dialog.report.title})}">
         <th:block layout:fragment="content">
             <b th:text="#{kkutu.dialog.report.category}" style="display:block;"></b>
             <select id="rsl" style="width:100%; margin-top: 5px; margin-bottom: 5px;">

src/main/resources/templates/view/kkutu/m_kkutu.html

@@ -558,9 +558,9 @@ <h4 class="dialog-bar-value" id="profile-place"></h4>
         </th:block>
     </th:block>
     <th:block
-            layout:replace="~{view/kkutu/dialog::dialog(id='ReportDialog',width=350,height=265,title='끄투리오 회원 신고하기')}">
+            layout:replace="~{view/kkutu/dialog::dialog(id='ReportDialog',width=350,height=265,title=#{kkutu.dialog.report.title})}">
         <th:block layout:fragment="content">
-            <b th:text="#{kkutu.dialog.report.category}"></b>
+            <b th:text="#{kkutu.dialog.report.category}" style="display:block;"></b>
             <select id="rsl" style="width:100%; margin-top: 5px; margin-bottom: 5px;">
                 <option th:text="#{kkutu.dialog.report.category}" disabled selected></option>
 
@@ -598,7 +598,7 @@ <h4 class="dialog-bar-value" id="profile-place"></h4>
                 </optgroup>
             </select>
 
-            <b th:text="#{kkutu.dialog.report.tail}"></b>
+            <b th:text="#{kkutu.dialog.report.tail}" style="display:block;"></b>
             <textarea id="rst"
                       maxlength="250"
                       placeholder="신고 사유를 250자 이내로 상세 입력해주세요. 상세하게 입력하실수록 빠른 처리가 가능해집니다."
@@ -730,7 +730,7 @@ <h4 class="dialog-bar-value" id="replay-players">-</h4>
         <th:block layout:fragment="content">
             <div class="dialog-bar">
                 <h4 style="width: 80px;" th:text="#{kkutu.dialog.dress.nickname.name}"></h4>
-                <input id="dress-nickname" style="width: calc(255px - 80px)" maxlength="18"
+                <input id="dress-nickname" style="width: calc(255px - 85px)" maxlength="18"
                        th:placeholder="#{kkutu.dialog.dress.nickname.placeHolder}" type="textfield">
                 <div class="dialog-opt" style="width: 80px">
                     <input id="fixed-nickname" type="checkbox" style="margin-top: 5px; width: auto;">