폴더 및 하위 파일 업로드

2026-04-25 12:08:37 +09:00 · 2026-04-22 21:11:57 +09:00
commit 484b1d2a44
209 changed files with 29552 additions and 0 deletions
@@ -0,0 +1,141 @@
+import { studioState } from './state.js';
+import * as processor from './processor.js';
+import { renderStudioUI } from './renderer.js';
+import { logger } from '../utils/logger.js';
+import { t } from '../i18n.js';
+
+/**
+ * Handle individual asset vectorization
+ */
+export async function startVectorization(id) {
+    const src = studioState.sources.find(s => s.id === id);
+    if (!src || src.status === 'processing') return;
+
+    src.status = 'processing';
+    renderStudioUI();
+
+    try {
+        const img = new Image();
+        img.src = src.previewUrl;
+        await new Promise(r => img.onload = r);
+
+        const pathData = await processor.traceImage(img, { 
+            threshold: src.threshold || 128,
+            turdsize: 2
+        });
+        const svgData = processor.wrapAsSVG(pathData);
+        
+        studioState.updateSource(id, {
+            svgData,
+            status: 'done',
+            choice: 'svg'
+        });
+    } catch (err) {
+        logger.critical("Trace Error:", err);
+        src.status = 'error';
+    }
+    renderStudioUI();
+}
+
+/**
+ * Bulk update properties for selected assets
+ */
+export function bulkUpdateProperties(sources, updates) {
+    sources.forEach(src => {
+        if (updates.category) src.category = updates.category;
+        if (updates.vendor) src.vendor = updates.vendor;
+    });
+}
+
+/**
+ * Final Build and Publish to Server
+ */
+export async function buildPackage() {
+    const packIdElement = document.getElementById('pack-id');
+    const packNameElement = document.getElementById('pack-name');
+    
+    if (!packIdElement) return;
+
+    const packId = packIdElement.value.trim();
+    const packName = packNameElement ? packNameElement.value.trim() : packId;
+
+    if (!packId || studioState.sources.length === 0) {
+        alert(t('please_enter_pack_id'));
+        return;
+    }
+
+    const buildBtn = document.getElementById('build-btn');
+    const originalText = buildBtn.innerHTML;
+    buildBtn.disabled = true;
+    buildBtn.innerHTML = `<i class="fas fa-spinner fa-spin"></i> ${t('building')}`;
+
+    try {
+        const formData = new FormData();
+        formData.append('packId', packId);
+        formData.append('packName', packName);
+        
+        const assetsMetadata = studioState.sources.map(src => ({
+            id: src.id,
+            label: src.label,
+            category: src.category,
+            choice: src.choice,
+            svgData: src.choice === 'svg' ? src.svgData : null
+        }));
+        formData.append('assets', JSON.stringify(assetsMetadata));
+
+        studioState.sources.forEach(src => {
+            if (src.choice === 'png' || (src.type === 'svg' && src.choice === 'svg' && !src.svgData)) {
+                formData.append(`file_${src.id}`, src.file);
+            }
+        });
+
+        const response = await fetch('/api/studio/save-pack', {
+            method: 'POST',
+            body: formData
+        });
+
+        const result = await response.json();
+        if (result.success) {
+            alert(result.message || t('build_success'));
+            window.location.href = '/';
+        } else {
+            throw new Error(result.message || t('build_failed').replace('{message}', ''));
+        }
+    } catch (err) {
+        alert(t('build_failed').replace('{message}', err.message));
+        buildBtn.disabled = false;
+        buildBtn.innerHTML = originalText;
+    }
+}
+
+/**
+ * Load an existing package from the server
+ */
+export async function loadExistingPack(packId) {
+    if (!packId) return;
+    
+    try {
+        const response = await fetch(`/api/studio/load-pack/${packId}`);
+        const result = await response.json();
+        
+        if (result.success) {
+            studioState.loadFromMetadata(result.data);
+            
+            // UI에 Pack ID와 Name 입력값 동기화
+            const packIdInput = document.getElementById('pack-id');
+            const packNameInput = document.getElementById('pack-name');
+            const vendorInput = document.getElementById('pack-vendor');
+            
+            if (packIdInput) packIdInput.value = studioState.packInfo.id;
+            if (packNameInput) packNameInput.value = studioState.packInfo.name;
+            if (vendorInput) vendorInput.value = studioState.packInfo.vendor;
+            
+            renderStudioUI();
+            logger.info(`drawNET Studio: Package "${packId}" loaded.`);
+        } else {
+            alert(t('load_failed').replace('{message}', result.message));
+        }
+    } catch (err) {
+        alert(t('load_error').replace('{message}', err.message));
+    }
+}