create-fuzionx 0.1.48 → 0.1.50

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-fuzionx",
-  "version": "0.1.48",
+  "version": "0.1.50",
   "description": "Create a new FuzionX application — npx create-fuzionx my-app",
   "type": "module",
   "bin": {

package/templates/common/locales/en.json

@@ -21,7 +21,13 @@
     "processing": "Processing",
     "store_success": "Post saved successfully.",
     "title": "Board",
-    "update_success": "Post updated successfully."
+    "update_success": "Post updated successfully.",
+    "upload_speed": "Speed",
+    "upload_complete": "Upload complete!",
+    "upload_error": "Upload error",
+    "upload_network_error": "Network error",
+    "uploading": "Uploading...",
+    "thumbnail_extracting": "🔄 Extracting thumbnails..."
   },
   "btn": {
     "back": "← Back",
@@ -229,7 +235,8 @@
     "login": "Login",
     "logout": "Logout",
     "profile": "Profile",
-    "register": "Register"
+    "register": "Register",
+    "live": "Live"
   },
   "page": {
     "404": "Page not found",
@@ -246,5 +253,48 @@
     "title": "Edit Profile",
     "update_success": "Profile updated."
   },
-  "welcome": "Welcome, {name}! 👋"
+  "welcome": "Welcome, {name}! 👋",
+  "live": {
+    "back": "Back to list",
+    "broadcast": "Broadcast",
+    "cancel": "Cancel",
+    "channel_id": "Channel ID",
+    "channel_exists": "Channel already exists.",
+    "chat": "Chat",
+    "chat_placeholder": "Type a message...",
+    "connecting": "Connecting...",
+    "connection_failed": "connection failed",
+    "create": "New Channel",
+    "create_btn": "Create",
+    "create_failed": "Create failed",
+    "create_title": "Create New Channel",
+    "default": "Default",
+    "enter_channel_id": "Please enter a channel ID.",
+    "file_path": "File Path",
+    "file_stream": "File Streaming",
+    "hero_sub": "WebRTC Live Broadcast · VideoChat",
+    "join": "Join",
+    "join_room": "Enter Room",
+    "leave": "Leave",
+    "nickname": "Nickname",
+    "no_channels": "No active channels.",
+    "options": "Encoding Options",
+    "publisher": "Publisher",
+    "refresh": "Refresh",
+    "resolution": "Resolution",
+    "role": "Select Role",
+    "send": "Send",
+    "source": "Source",
+    "source_url": "Streaming URL",
+    "start_hint": "Create a new channel to get started.",
+    "stop": "Stop",
+    "stop_failed": "Stop failed",
+    "type": "Type",
+    "url_stream": "External URL",
+    "video_bitrate": "Video Bitrate",
+    "audio_bitrate": "Audio Bitrate",
+    "video_codec": "Video Codec",
+    "videochat": "VideoChat",
+    "viewer": "Viewer"
+  }
 }

package/templates/common/locales/ko.json

@@ -21,7 +21,13 @@
     "processing": "처리중",
     "store_success": "게시글이 성공적으로 저장되었습니다.",
     "title": "게시판",
-    "update_success": "게시글이 성공적으로 수정되었습니다."
+    "update_success": "게시글이 성공적으로 수정되었습니다.",
+    "upload_speed": "속도",
+    "upload_complete": "업로드 완료!",
+    "upload_error": "오류 발생",
+    "upload_network_error": "네트워크 오류",
+    "uploading": "업로드 중...",
+    "thumbnail_extracting": "🔄 썸네일 추출중..."
   },
   "btn": {
     "back": "← 목록",
@@ -229,7 +235,8 @@
     "login": "로그인",
     "logout": "로그아웃",
     "profile": "프로필",
-    "register": "회원가입"
+    "register": "회원가입",
+    "live": "Live"
   },
   "page": {
     "404": "페이지를 찾을 수 없습니다",
@@ -246,5 +253,48 @@
     "title": "프로필 수정",
     "update_success": "프로필이 수정되었습니다."
   },
-  "welcome": "환영합니다, {name}님 👋"
+  "welcome": "환영합니다, {name}님 👋",
+  "live": {
+    "back": "목록으로",
+    "broadcast": "방송",
+    "cancel": "취소",
+    "channel_id": "채널 ID",
+    "channel_exists": "이미 존재하는 채널입니다.",
+    "chat": "채팅",
+    "chat_placeholder": "메시지 입력...",
+    "connecting": "연결 중...",
+    "connection_failed": "연결 실패",
+    "create": "새 채널",
+    "create_btn": "생성",
+    "create_failed": "생성 실패",
+    "create_title": "새 채널 만들기",
+    "default": "기본값",
+    "enter_channel_id": "채널 ID를 입력하세요.",
+    "file_path": "파일 경로",
+    "file_stream": "파일 스트리밍",
+    "hero_sub": "WebRTC 라이브 방송 · 화상채팅",
+    "join": "입장",
+    "join_room": "입장",
+    "leave": "나가기",
+    "nickname": "닉네임",
+    "no_channels": "활성 채널이 없습니다.",
+    "options": "인코딩 옵션",
+    "publisher": "송출자",
+    "refresh": "새로고침",
+    "resolution": "해상도",
+    "role": "역할 선택",
+    "send": "전송",
+    "source": "소스",
+    "source_url": "스트리밍 URL",
+    "start_hint": "새 채널을 만들어 시작하세요.",
+    "stop": "종료",
+    "stop_failed": "종료 실패",
+    "type": "타입",
+    "url_stream": "외부 URL",
+    "video_bitrate": "영상 비트레이트",
+    "audio_bitrate": "오디오 비트레이트",
+    "video_codec": "비디오 코덱",
+    "videochat": "화상채팅",
+    "viewer": "시청자"
+  }
 }

package/templates/common/package.json.tpl

@@ -9,8 +9,8 @@
     "test": "vitest run"
   },
   "dependencies": {
-    "@fuzionx/framework": "^0.1.48",
-    "@fuzionx/client": "^0.1.48",
+    "@fuzionx/framework": "^0.1.50",
+    "@fuzionx/client": "^0.1.50",
     "joi": "^18.1.1"
   },
   "devDependencies": {

package/templates/spa/meta.json

@@ -4,7 +4,7 @@
   "description": "Vue.js 3 SPA + Tera SSR 하이브리드. WASM 암호화 통신.",
   "features": ["auth", "board", "i18n", "asp", "wasm"],
   "dependencies": {
-    "@fuzionx/client": "^0.1.48"
+    "@fuzionx/client": "^0.1.50"
   },
   "devDependencies": {},
   "spaDevDependencies": {

package/templates/spa/views/default/spa/package.json

@@ -9,6 +9,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@fuzionx/player": "^0.1.1",
     "pinia": "^3.0.4",
     "vue": "^3.5.0",
     "vue-router": "^4.5.0"

package/templates/spa/views/default/spa/src/components/FileUpload.vue

@@ -54,7 +54,8 @@
       </div>
       <div class="progress-info" style="display: flex; justify-content: space-between; margin-top: 6px; font-size: 0.85rem; color: #aaa;">
         <span>{{ progressText }}</span>
-        <span>{{ speedText }}</span>
+        <span>{{ sizeText }}</span>
+        <span>{{ speedLabel }}</span>
       </div>
     </div>
   </div>
@@ -62,6 +63,9 @@
 
 <script setup>
 import { ref, computed } from 'vue';
+import { useLocale } from '../composables/useLocale.js';
+
+const { t } = useLocale();
 
 /**
  * @prop {string} label - 레이블 텍스트
@@ -83,14 +87,16 @@ const selectedFiles = ref([]);
 const uploading = ref(false);
 const progress = ref(0);
 const progressText = ref('0%');
-const speedText = ref('');
+const sizeText = ref('');
+const speedLabel = ref('');
 const progressColor = ref('linear-gradient(90deg, #667eea, #764ba2)');
 
 /** 파일 크기 포맷 */
 function formatSize(bytes) {
   if (bytes < 1024) return bytes + ' B';
   if (bytes < 1048576) return (bytes / 1024).toFixed(1) + ' KB';
-  return (bytes / 1048576).toFixed(1) + ' MB';
+  if (bytes < 1073741824) return (bytes / 1048576).toFixed(1) + ' MB';
+  return (bytes / 1073741824).toFixed(2) + ' GB';
 }
 
 /** 파일 선택 이벤트 */
@@ -122,23 +128,32 @@ function setFiles(fileList) {
 }
 
 /** 진행률 업데이트 (외부에서 호출) */
-function setProgress(pct, speed) {
+function setProgress(pct, speed, loaded, total) {
   uploading.value = true;
   progress.value = pct;
   progressText.value = pct + '%';
-  speedText.value = speed || '';
+
+  // 파일 크기 표시
+  if (loaded !== undefined && total !== undefined) {
+    sizeText.value = formatSize(loaded) + ' / ' + formatSize(total);
+  }
+
+  // 속도 레이블
+  if (speed) {
+    speedLabel.value = t('board.upload_speed', '속도') + ': ' + speed;
+  }
 }
 
 /** 업로드 완료 */
-function setComplete(text = '업로드 완료!') {
+function setComplete(text) {
   progress.value = 100;
-  progressText.value = text;
-  speedText.value = '';
+  progressText.value = text || t('board.upload_complete', '업로드 완료!');
+  speedLabel.value = '';
 }
 
 /** 업로드 오류 */
-function setError(text = '오류 발생') {
-  progressText.value = text;
+function setError(text) {
+  progressText.value = text || t('board.upload_error', '오류 발생');
   progressColor.value = '#e74c3c';
 }
 
@@ -153,7 +168,8 @@ function reset() {
   uploading.value = false;
   progress.value = 0;
   progressText.value = '0%';
-  speedText.value = '';
+  sizeText.value = '';
+  speedLabel.value = '';
   progressColor.value = 'linear-gradient(90deg, #667eea, #764ba2)';
 }
 

package/templates/spa/views/default/spa/src/components/Navbar.vue

@@ -14,6 +14,7 @@
         <router-link to="/features" class="nav-link">{{ t('nav.features', 'Features') }}</router-link>
         <router-link to="/chat" class="nav-link">{{ t('nav.chat', 'Chat Demo') }}</router-link>
         <router-link to="/board" class="nav-link">{{ t('nav.board', '게시판') }}</router-link>
+        <router-link to="/live" class="nav-link">{{ t('nav.live', 'Live') }}</router-link>
         <template v-if="authStore.isAuthenticated">
           <router-link to="/profile" class="nav-link">{{ t('nav.profile', '프로필') }}</router-link>
           <button class="nav-link btn-link" @click="handleLogout">{{ t('nav.logout', '로그아웃') }}</button>

package/templates/spa/views/default/spa/src/composables/useApi.js

@@ -80,7 +80,7 @@ export function useApi() {
    * XHR 업로드 — 진행률 콜백 지원.
    * @param {string} url - 업로드 URL
    * @param {FormData} formData - 폼 데이터
-   * @param {Function} onProgress - 진행률 콜백 (percent, speed)
+   * @param {Function} onProgress - 진행률 콜백 (percent, speed, loaded, total)
    * @param {string} [method='POST'] - HTTP 메서드
    * @returns {Promise<{ok: boolean, responseURL: string}>}
    */
@@ -100,7 +100,7 @@ export function useApi() {
             ? (bps / 1048576).toFixed(1) + ' MB/s'
             : (bps / 1024).toFixed(0) + ' KB/s';
         }
-        onProgress(pct, speed);
+        onProgress(pct, speed, ev.loaded, ev.total);
       };
 
       xhr.onload = () => {

package/templates/spa/views/default/spa/src/router/index.js

@@ -15,6 +15,11 @@ export const routes = [
   { path: '/', name: 'home', component: HomeView },
   { path: '/features', name: 'features', component: () => import('../views/FeaturesView.vue') },
 
+  // ── Live (인증 필요) ──
+  { path: '/live', name: 'live', component: () => import('../views/LiveList.vue'), meta: { auth: true } },
+  { path: '/live/watch/:channelId', name: 'live-watch', component: () => import('../views/LiveWatch.vue'), meta: { auth: true } },
+  { path: '/live/room/:channelId', name: 'live-room', component: () => import('../views/LiveRoom.vue'), meta: { auth: true } },
+
   // ── 게스트 전용 (로그인 상태면 홈으로) ──
   { path: '/login', name: 'login', component: () => import('../views/Login.vue'), meta: { guest: true } },
   { path: '/register', name: 'register', component: () => import('../views/Register.vue'), meta: { guest: true } },

package/templates/spa/views/default/spa/src/views/BoardForm.vue

@@ -162,10 +162,10 @@ async function handleSubmit() {
   try {
     if (hasFiles) {
       // XHR 업로드 + 진행률
-      const result = await api.uploadWithProgress(uploadUrl, formData, (pct, speed) => {
-        fileUploader.value?.setProgress(pct, speed);
+      const result = await api.uploadWithProgress(uploadUrl, formData, (pct, speed, loaded, total) => {
+        fileUploader.value?.setProgress(pct, speed, loaded, total);
       }, method);
-      fileUploader.value?.setComplete('업로드 완료!');
+      fileUploader.value?.setComplete();
       toast.success(isEdit.value ? t('board.updated', '글이 수정되었습니다.') : t('board.created', '글이 작성되었습니다.'));
       setTimeout(() => {
         router.push(isEdit.value ? `/board/${route.params.id}` : '/board');